don't show primary key name when anonymousePrimaryKey=true

packages/web/src/tableeditor/ColumnsConstraintEditorModal.svelte

@@ -17,6 +17,7 @@
   export let constraintType;
   export let constraintNameLabel = 'Constraint name';
   export let getExtractConstraintProps;
+  export let hideConstraintName = false;
 
   let constraintName = constraintInfo?.constraintName;
   let columns = constraintInfo?.columns || [];
@@ -44,17 +45,19 @@
     >
 
     <div class="largeFormMarker">
-      <div class="row">
+      {#if !hideConstraintName}
-        <div class="label col-3">{constraintNameLabel}</div>
+        <div class="row">
-        <div class="col-9">
+          <div class="label col-3">{constraintNameLabel}</div>
-          <TextField
+          <div class="col-9">
-            value={constraintName}
+            <TextField
-            on:input={e => (constraintName = e.target['value'])}
+              value={constraintName}
-            focused
+              on:input={e => (constraintName = e.target['value'])}
-            disabled={isReadOnly}
+              focused
-          />
+              disabled={isReadOnly}
+            />
+          </div>
         </div>
-      </div>
+      {/if}
 
       {#if $$slots.constraintProps}
         <slot name="constraintProps" />

packages/web/src/tableeditor/PrimaryKeyEditorModal.svelte

@@ -4,6 +4,7 @@
   export let constraintInfo;
   export let setTableInfo;
   export let tableInfo;
+  export let driver;
 
   export let constraintLabel = 'primary key';
   export let constraintType = 'primaryKey';
@@ -16,4 +17,5 @@
   {constraintInfo}
   {setTableInfo}
   {tableInfo}
+  hideConstraintName={driver?.dialect?.anonymousPrimaryKey}
 />

packages/web/src/tableeditor/PrimaryKeyLikeListControl.svelte

@@ -13,6 +13,7 @@
   export let tableInfo;
   export let setTableInfo;
   export let isWritable;
+  export let driver;
 
   export let constraintLabel = 'primary key';
   export let constraintType = 'primaryKey';
@@ -26,6 +27,7 @@
       tableInfo,
       constraintLabel,
       constraintType,
+      driver,
     });
   }
 </script>
@@ -35,6 +37,7 @@
   title={_.startCase(constraintLabel)}
   emptyMessage={isWritable ? `No ${constraintLabel} defined` : null}
   onAddNew={isWritable && !keyConstraint && columns?.length > 0 ? addKeyConstraint : null}
+  hideDisplayName={driver?.dialect?.anonymousPrimaryKey}
   clickable
   on:clickrow={e =>
     showModal(PrimaryKeyEditorModal, {
@@ -43,6 +46,7 @@
       setTableInfo,
       constraintLabel,
       constraintType,
+      driver,
     })}
   columns={[
     {

packages/web/src/tableeditor/TableEditor.svelte

@@ -118,6 +118,7 @@
     showModal(PrimaryKeyEditorModal, {
       setTableInfo,
       tableInfo,
+      driver,
     });
   }
 
@@ -146,8 +147,6 @@
   }
 
   $: columns = tableInfo?.columns;
-  $: primaryKey = tableInfo?.primaryKey;
-  $: sortingKey = tableInfo?.sortingKey;
   $: foreignKeys = tableInfo?.foreignKeys;
   $: dependencies = tableInfo?.dependencies;
   $: indexes = tableInfo?.indexes;
@@ -263,13 +262,14 @@
     <svelte:fragment slot="name" let:row><ColumnLabel {...row} forceIcon /></svelte:fragment>
   </ObjectListControl>
 
-  <PrimaryKeyLikeListControl {tableInfo} {setTableInfo} {isWritable} />
+  <PrimaryKeyLikeListControl {tableInfo} {setTableInfo} {isWritable} {driver} />
 
   {#if driver?.dialect?.sortingKeys}
     <PrimaryKeyLikeListControl
       {tableInfo}
       {setTableInfo}
       {isWritable}
+      {driver}
       constraintLabel="sorting key"
       constraintType="sortingKey"
     />