delete cascade

packages/datalib/src/deleteCascade.ts

@@ -45,6 +45,7 @@ function processDependencies(
         conditionType: 'exists',
         subQuery: {
           commandType: 'select',
+          selectAll: true,
           from: {
             name: {
               pureName: fk.pureName,

packages/web/src/modals/ConfirmSqlModal.svelte

@@ -1,11 +1,10 @@
 <script>
-  import { keys } from 'localforage';
+  import _, { startsWith } from 'lodash';
-  import _, { isEmpty } from 'lodash';
+  import { writable } from 'svelte/store';
   import FormStyledButton from '../elements/FormStyledButton.svelte';
   import FormCheckboxField from '../forms/FormCheckboxField.svelte';
-  import FormProvider from '../forms/FormProvider.svelte';
+  import FormProviderCore from '../forms/FormProviderCore.svelte';
   import FormSubmit from '../forms/FormSubmit.svelte';
-  import FormValues from '../forms/FormValues.svelte';
   import FontIcon from '../icons/FontIcon.svelte';
   import SqlEditor from '../query/SqlEditor.svelte';
 
@@ -19,29 +18,28 @@
   export let deleteCascadesScripts;
 
   $: isRecreated = _.sum(_.values(recreates || {})) > 0;
+  const values = writable({});
 
   // $: console.log('recreates', recreates);
 </script>
 
-<FormProvider>
+<FormProviderCore {values}>
   <ModalBase {...$$restProps}>
     <div slot="header">Save changes</div>
 
     <div class="editor">
-      <FormValues let:values>
       <SqlEditor
         {engine}
-          value={values.deleteReferencesCascade
+        value={$values.deleteReferencesCascade
           ? [
               ...deleteCascadesScripts
-                  .filter(({ script, title }) => values[`deleteReferences_${title}`] !== false)
+                .filter(({ script, title }) => $values[`deleteReferencesFor_${title}`] !== false)
                 .map(({ script, title }) => script),
               sql,
             ].join('\n')
           : sql}
         readOnly
       />
-      </FormValues>
     </div>
 
     {#if !_.isEmpty(deleteCascadesScripts)}
@@ -54,25 +52,39 @@
       </div>
     {/if}
 
-    <FormValues let:values>
+    {#if $values.deleteReferencesCascade}
-      {#if values.deleteReferencesCascade}
-        <!-- <div class="form-margin flex">
-      </div> -->
-
       <div class="form-margin flex">
+        <FormStyledButton
+          value="Check all"
+          on:click={() => {
+            $values = _.omitBy($values, (v, k) => k.startsWith('deleteReferencesFor_'));
+          }}
+        />
+        <FormStyledButton
+          value="Uncheck all"
+          on:click={() => {
+            const newValues = { ...$values };
+            for (const item of deleteCascadesScripts) {
+              newValues[`deleteReferencesFor_${item.title}`] = false;
+            }
+            $values = newValues;
+          }}
+        />
+      </div>
+
+      <div class="form-margin flex flex-wrap">
         {#each _.sortBy(deleteCascadesScripts, 'title') as deleteTable}
-            <div class="mr-1">
+          <div class="mr-1 nowrap">
             <FormCheckboxField
               defaultValue={true}
               templateProps={{ noMargin: true }}
               label={deleteTable.title}
-                name={`deleteReferences_${deleteTable.title}`}
+              name={`deleteReferencesFor_${deleteTable.title}`}
             />
           </div>
         {/each}
       </div>
     {/if}
-    </FormValues>
 
     {#if isRecreated}
       <div class="form-margin">
@@ -89,17 +101,16 @@
     {/if}
 
     <div slot="footer">
-      <FormValues let:values>
       <FormSubmit
         value="OK"
-          disabled={isRecreated && !values.allowRecreate}
+        disabled={isRecreated && !$values.allowRecreate}
         on:click={e => {
           closeCurrentModal();
           onConfirm(
             e.detail.deleteReferencesCascade
               ? [
                   ...deleteCascadesScripts
-                      .filter(({ script, title }) => e.detail[`deleteReferences_${title}`] !== false)
+                    .filter(({ script, title }) => e.detail[`deleteReferencesFor_${title}`] !== false)
                     .map(({ script, title }) => script),
                   sql,
                 ].join('\n')
@@ -108,10 +119,9 @@
         }}
       />
       <FormStyledButton type="button" value="Close" on:click={closeCurrentModal} />
-      </FormValues>
     </div>
   </ModalBase>
-</FormProvider>
+</FormProviderCore>
 
 <style>
   .editor {
@@ -123,4 +133,8 @@
   .form-margin {
     margin: var(--dim-large-form-margin);
   }
+
+  .flex-wrap {
+    flex-wrap: wrap;
+  }
 </style>

packages/web/src/tabs/TableDataTab.svelte

@@ -97,7 +97,7 @@
     console.log('deleteCascadesScripts', deleteCascadesScripts);
     showModal(ConfirmSqlModal, {
       sql,
-      onConfirm: () => handleConfirmSql(sql),
+      onConfirm: sqlOverride => handleConfirmSql(sqlOverride || sql),
       engine: driver.engine,
       deleteCascadesScripts,
     });