{constraintInfo ? `Edit ${constraintLabel}` : `Add ${constraintLabel}`}
{constraintNameLabel}
(constraintName = e.target['value'])} focused />
{#if $$slots.constraintProps} {/if} {#each columns as column, index}
Column {index + 1}
{#key column.columnName} ({ label: col.columnName, value: col.columnName, }))} on:change={e => { if (e.detail) { columns = columns.map((col, i) => (i == index ? { columnName: e.detail } : col)); } }} /> {/key}
{#if $$slots.column}
(columns = changeFunc(columns))} {index} />
{/if}
{ const x = [...columns]; x.splice(index, 1); columns = x; }} />
{/each}
Add new column
{#key columns.length} { if (e.detail) columns = [ ...columns, { columnName: e.detail, }, ]; }} isNative options={[ { label: 'Choose column', value: '', }, ...tableInfo.columns.map(col => ({ label: col.columnName, value: col.columnName, })), ]} /> {/key}
{ closeCurrentModal(); if (constraintInfo) { setTableInfo(tbl => editorModifyConstraint(tbl, getConstraint())); } else { setTableInfo(tbl => editorAddConstraint(tbl, getConstraint())); } }} /> {#if constraintInfo} { closeCurrentModal(); setTableInfo(tbl => editorDeleteConstraint(tbl, constraintInfo)); }} /> {/if}