respect readonly connection flag in table editor

packages/web/src/tableeditor/ColumnsConstraintEditorModal.svelte

@@ -33,6 +33,8 @@
       ...(getExtractConstraintProps ? getExtractConstraintProps() : {}),
     };
   }
+
+  $: isReadOnly = !setTableInfo;
 </script>
 
 <FormProvider>
@@ -45,7 +47,12 @@
       <div class="row">
         <div class="label col-3">{constraintNameLabel}</div>
         <div class="col-9">
-          <TextField value={constraintName} on:input={e => (constraintName = e.target['value'])} focused />
+          <TextField
+            value={constraintName}
+            on:input={e => (constraintName = e.target['value'])}
+            focused
+            disabled={isReadOnly}
+          />
         </div>
       </div>
 
@@ -61,6 +68,7 @@
               <SelectField
                 value={column.columnName}
                 isNative
+                disabled={isReadOnly}
                 options={tableInfo.columns.map(col => ({
                   label: col.columnName,
                   value: col.columnName,
@@ -81,6 +89,7 @@
           <div class="col-3 button">
             <FormStyledButton
               value="Delete"
+              disabled={isReadOnly}
               on:click={e => {
                 const x = [...columns];
                 x.splice(index, 1);
@@ -97,6 +106,7 @@
           {#key columns.length}
             <SelectField
               placeholder="Select column"
+              disabled={isReadOnly}
               value={''}
               on:change={e => {
                 if (e.detail)
@@ -127,6 +137,7 @@
     <svelte:fragment slot="footer">
       <FormSubmit
         value={'Save'}
+        disabled={isReadOnly}
         on:click={() => {
           closeCurrentModal();
           if (constraintInfo) {
@@ -142,6 +153,7 @@
         <FormStyledButton
           type="button"
           value="Remove"
+          disabled={isReadOnly}
           on:click={() => {
             closeCurrentModal();
             setTableInfo(tbl => editorDeleteConstraint(tbl, constraintInfo));