From df7d5da001b072fa5201280f267199f62986e0d5 Mon Sep 17 00:00:00 2001
From: poirazis <poirazis@gmail.com>
Date: Thu, 19 Sep 2024 20:25:58 +0300
Subject: [PATCH] v2.0.35-alpha

---
 bun.lockb            | Bin 299639 -> 299639 bytes
 package.json         |  12 +-
 schema.json          | 253 ++++++++++++++++---------------------------
 src/Component.svelte |  12 +-
 4 files changed, 104 insertions(+), 173 deletions(-)

diff --git a/bun.lockb b/bun.lockb
index 6771eb25d74c2e64a0969f51f074c4e98cf529f8..2f3236a9685831389f6bac336c6115a2ffb9d8bc 100755
GIT binary patch
delta 1122
zcmeyqMCkhxp$U2l8L2`wHBKHE9=lx#{CAA=X^!j96J~vzud&CcvmE~RyKAH0tY}94
z$$|#zlLfYNPL_<}pR8eIFgYTIXR?Zk$>td`JPM2olNHUhCkGgCY`#&`!-T}0QSZZu
z#Fc2|VMgLcwD9mDac4~8;Y8xznC-gH;rXhMT<ebgEkF3cQ+)MBh4~YkR=p70W0;)z
z;hdk4tbsJg^%<+|mQ=2f3$E4rn($3dptm;h*>nT78?WBmB=2j}ogN#-C{Z6++M^|O
z?qJaD_xT(_SNP+_Zv?+yQ?B+lXw&{r4_iK{@a)^+x19SkkBss~jv)Qb0>!&eY-nke
zJ{s`(5wo*YyaOWx10%yf{(nGvBLf1k`0|&{5T14^_H@PZO}cT*&g(yk+OInC{=?;!
zlbiQQXzw}M_8@3mVvi(CE@SC~o8I3ej|b^ZT>6X6xAg4E^xLycnYZ&sGfL<<#4Hr&
z+#GoF;KEnUENOR2^W>L3KBi}|E7oe~g^I-RO;acO`0hD<f>X7uJC^O?zk6%7Wz(uA
zTn-M@yimW;tm%^A_SAO94rYgd^@dBY3Aks9Zhe-*sdLKZ@+CJb%PSSiCankW?f=1W
z$N8EcTW_n8;pg3lCV$?r^P5rQ(h#qu&67HBw(PvSQ9gOQZa3ovMu!&38>h^_X>2#@
zI_`8e`={ru($8^bFDf1N59EH_d3tAPFVmG(n=5M`r*Qw9erc!1^=G_~xBH%a60>xH
zN<>)q%Wd0jdl@ZQ9G<^3{V(s_+xgV1e#6?@S>Jx^Jj+Wg+jsZj`&%lLd|O4jx*J>W
z{%JWTW$b1hqY<^_;qf)omsFhe6Am_*;mN-xc>C6gj1j^P9F6u9R0D51?c@13W53-~
z#?Ic*T@RzT{<oj;RV8hW`vEcb?b4-}*mh4Yx^CmOd5dJ)nhe%M6*Hzy3He`daPaKj
z?Y>JHD|j3N7-~zarxlt7y!g?}RNEDP^~J$g?|jVfzHW{A{bNHAOYoPYR&~J*W<Tu(
zB7gmx_fqQjasQK3&er8WH1(W$UvpwR>n6tStecn~W|<r5nKI}CQvn|XL&I%>t20xa
zEIxBE#u@1ugJi6MGU7lPA?FO%XPS`-aGB|{vdrSlKqb@7Wtq=2nr~;9V?HL&Y^Y~2
z{emsCB%|T>SGLS&r9djS?}}ia%P0#njv)wWo+!{f&YwHZ++Al-&%_9^X!?Q(h;iHd
zqL}5Gzy@!KfeM|9VQv)#3&B<86fvjgF`7@Gn8~6rov)0AbNb&0%o5X;S%BP`JDH`X
zAI@P>n!bRWg=M;r5DU-t#)r(CHNcKB=VIYw2D3bPS*|jISql6ts~}=$g;-7rgT-d4
PvB+_OS-TBb_9OxT_Xo*q

delta 1120
zcmeyqMCkhxp$U2l+a|p)KfZtIL;YPwhu%%kUi+rv^uB80)+e_2zM0MSYY^S&H!GS^
zbF!d;`ecEvoRcME_$RMeYB)JEhI?{KxXI=jF+2*4@{<=DYEKR@;MjblriTfMJEPu*
z5s53&$is}pjcDQFL*mYu#KVciy)oN$pM&pfk-89*h-Fz!KP+#2?SAF>Kxgr<BXSEX
zjpr_GHi^1BMPA1@yJ_1Kw@4$V<(muKuL@nwoiI`0mv^$)!#TIuL#M|^F-p{TT?+dY
zeTmuSy3mXyx3&!%G<D{M|MAv-CT^rS?N)<a^z`!cniJIP3X4Kz4L+1;eNnd2+^V_d
z{v>uM?~vUgB1Vi142%r_`2PXvjSL9Dl2!aQ{nUmww`aRIv)a#?y#0-UW`)7of1mvo
zmloc+m9H}E+xL>VyMHBb`f7*e{9V>Oi_KO~X40lp{q?(Mn#gSwsNT*S%_yPcu;5?1
z4bSmke-t9)r!>rdd-aX~J^tQBEE^YeNtbs$?R0m!-=&~ZIs4VyRcG#`?}*OYRj|J3
zr1zoaqB3_kJYOiebbD$$V+XUte?QscQVyl2gyXhLrn=17;=Sw1w)djPU%y+yZ#LEA
zmTYKw!HgiurrXD~;=I$6%HOVERuR38>7%HxNwLXWk+=)nb-NiaFgirN<KjznWo}Q+
z3#qvwGA%Q5VuJMQ<$IhIWn>gwau2LH?i>-O`|OjmV%xgblGUH>rDZe4FFpRoEcnFH
z{bIrKhV8b!j20{oi&`8rPxT9AoC;WVNtG?DEnCp{*+bo^bDp=qKXQ+6sF#a$K5NEf
zyj@DQ(`3(qA9p@xH+)Ou%X?A3EGJd1ccIz#trHm|gdH{u9AaLpyG)0r-mLqcK1aj`
z%hUJfm8;LPGg(}n#x+^)rdQ;-q*TuL!k0K|U+A>>F<BOLeDz+pgK?$R{R!M#)VBLB
zWvt+F*w)*%ccNp~*WFjnTE9AIkv(hv(_P_Z@AGS7_bt0F@k!sY?2nb%tWV;5e2jz*
ze2-6h%v)Cb{pk9qF~8o`?`z_ZYiHfWxSe$q)59!tLp>t~U0^EUV_;~wEpT;aij&1>
z4#qemJ!6oJHBd$zC?n*Y!TL-yG660#T~?M^oEfNOy16X#c}BzS>~hS<<e3fh45weP
zWtL<#*#63v`K%OBh4J=X5zKQLWq~XPh9IDMqCoRFf9^PQcb!2!6C>Cn<LL_`z{VMG
z?~7uVX98)Pz99xGbSj3qRTL})SCv!5oSrw`k(ottI$s$J=k&i1m?fq+`?4rapS_b=
zYI?XXi^B8;+$=29eS}zewl_Xx-mC$3ia8exA2XQc!OL=$5zJEHXITXiJ1fL;N*F9Q
QON~X23(VSWz_KS10CteQe*gdg

diff --git a/package.json b/package.json
index 5a93580..3707a3d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "bb-component-SuperTable",
-  "version": "2.0.34-alpha",
+  "version": "2.0.35-alpha",
   "description": "A Fully Customizable Budibase Table Component",
   "author": "Michael Poirazi",
   "license": "MIT",
@@ -17,10 +17,10 @@
     "svelte-legos": "^0.2.5"
   },
   "devDependencies": {
-    "@budibase/backend-core": "^2.31.3",
-    "@budibase/bbui": "^2.31.3",
-    "@budibase/frontend-core": "^2.31.3",
-    "@budibase/shared-core": "^2.31.3",
+    "@budibase/backend-core": "^2.32.5",
+    "@budibase/bbui": "^2.32.5",
+    "@budibase/frontend-core": "^2.32.5",
+    "@budibase/shared-core": "^2.32.5",
     "@rollup/plugin-commonjs": "^25.0.8",
     "@rollup/plugin-image": "^3.0.3",
     "@rollup/plugin-json": "^6.1.0",
@@ -28,7 +28,7 @@
     "@rollup/plugin-terser": "^0.4.4",
     "@spectrum-css/actionbar": "6.0.65",
     "npm-run-all": "^4.1.5",
-    "postcss": "^8.4.41",
+    "postcss": "^8.4.47",
     "rollup": "^2.79.1",
     "rollup-plugin-copy2": "^0.3.1",
     "rollup-plugin-polyfill-node": "^0.8.0",
diff --git a/schema.json b/schema.json
index 141174a..b497367 100644
--- a/schema.json
+++ b/schema.json
@@ -15,6 +15,11 @@
     "context": {
       "type": "static",
       "values": [
+        {
+          "label": "Active Row",
+          "key": "activeRow",
+          "type": "object"
+        },
         {
           "label": "Rows",
           "key": "rows",
@@ -225,80 +230,32 @@
             "defaultValue": false
           },
           {
-            "type": "number",
-            "key": "debounce",
-            "label": "Filter Delay(ms)",
-            "min": 100,
-            "defaultValue": 750,
-            "dependsOn": "canFilter"
-          },
-          {
-            "type": "select",
+            "type": "boolean",
             "key": "canInsert",
             "label": "Add Row",
-            "options": [
-              { "label": "Off", "value": false, "barIcon": "Add" },
-              {
-                "label": "Direct",
-                "value": "simple",
-                "barIcon": "FlashAuto"
-              },
-              {
-                "label": "Fire Event",
-                "value": "advanced",
-                "barIcon": "Events"
-              }
-            ],
             "defaultValue": false
           },
           {
-            "type": "select",
-            "dependsOn": "isTable",
+            "type": "boolean",
             "key": "canEdit",
             "label": "Edit Row",
-            "options": [
-              {
-                "label": "Off",
-                "value": false,
-                "barIcon": "NoEdit"
-              },
-              { "label": "Direct", "value": "simple", "barIcon": "FlashAuto" },
-              {
-                "label": "Fire Event",
-                "value": "advanced",
-                "barIcon": "Events"
-              }
-            ],
-            "defaultValue": false
+            "showInBar": true,
+            "barStyle": "buttons",
+            "barIcon": "Edit",
+            "barTitle": "Edit",
+            "defaultValue": false,
+            "dependsOn": "isTable"
           },
           {
-            "type": "select",
+            "type": "boolean",
             "key": "canDelete",
             "label": "Delete Row",
-            "options": [
-              { "label": "Off", "value": false, "barIcon": "DeleteOutline" },
-              { "label": "Direct", "value": "simple", "barIcon": "FlashAuto" },
-              {
-                "label": "Fire Event",
-                "value": "advanced",
-                "barIcon": "Events"
-              }
-            ],
+            "showInBar": true,
+            "barStyle": "buttons",
+            "barIcon": "Delete",
+            "barTitle": "Delete Row",
             "defaultValue": false
           },
-          {
-            "type": "select",
-            "key": "highlighters",
-            "label": "Highlighters",
-            "dependsOn": "canEdit",
-            "options": [
-              { "label": "None", "value": "none" },
-              { "label": "Horizontal", "value": "horizontal" },
-              { "label": "Vertical", "value": "vertical" },
-              { "label": "Both", "value": "both" }
-            ],
-            "defaultValue": "horizontal"
-          },
           {
             "type": "boolean",
             "key": "canSort",
@@ -311,16 +268,31 @@
           },
           {
             "type": "boolean",
-            "key": "autocolumns",
-            "label": "Auto Columns",
-            "defaultValue": false
+            "key": "numberingColumn",
+            "label": "Numbering",
+            "showInBar": true,
+            "barStyle": "buttons",
+            "barIcon": "123",
+            "barTitle": "Numbering",
+            "defaultValue": true
           },
           {
             "type": "boolean",
-            "key": "jsoncolumns",
-            "label": "JSON Columns",
+            "key": "stickFirstColumn",
+            "label": "Pin 1st Column",
+            "showInBar": true,
+            "barStyle": "buttons",
+            "barIcon": "PinOff",
+            "barTitle": "Pin 1st Column",
             "defaultValue": false
-          },
+          }
+        ]
+      },
+      {
+        "section": true,
+        "name": "Column Settings",
+        "collapsed": true,
+        "settings": [
           {
             "type": "boolean",
             "key": "showHeader",
@@ -339,16 +311,6 @@
             "label": "Resize Columns",
             "defaultValue": true
           },
-          {
-            "type": "boolean",
-            "key": "numberingColumn",
-            "label": "Numbering",
-            "showInBar": true,
-            "barStyle": "buttons",
-            "barIcon": "123",
-            "barTitle": "Numbering",
-            "defaultValue": true
-          },
           {
             "type": "boolean",
             "key": "selectionColumn",
@@ -356,33 +318,22 @@
             "dependsOn": "rowSelectMode",
             "resetOn": "rowSelectMode",
             "defaultValue": true
-          },
-          {
-            "type": "boolean",
-            "key": "stickFirstColumn",
-            "label": "Pin 1st Column",
-            "showInBar": true,
-            "barStyle": "buttons",
-            "barIcon": "PinOff",
-            "barTitle": "Pin 1st Column",
-            "defaultValue": false
           }
         ]
       },
       {
         "section": true,
-        "name": "Row Action Menu",
+        "name": "Row Settings",
         "collapsed": true,
         "settings": [
           {
             "type": "select",
             "key": "rowMenu",
-            "label": "Row Menu",
+            "label": "Row Buttons",
             "options": [
               { "label": "Disabled", "value": false },
               { "label": "Column - Left", "value": "columnLeft" },
-              { "label": "Column - Right", "value": "columnRight" },
-              { "label": "Context Menu", "value": "contextMenu" }
+              { "label": "Column - Right", "value": "columnRight" }
             ],
             "defaultValue": false
           },
@@ -398,23 +349,25 @@
             "type": "number",
             "key": "menuItemsVisible",
             "label": "Show Buttons",
-            "mi": 0,
-            "max": 12,
+            "min": 0,
+            "max": 6,
             "defaultValue": 1
           },
           {
             "dependsOn": "rowMenu",
             "type": "buttonConfiguration",
             "key": "rowMenuItems",
-            "label": "Menu Items",
+            "label": "Row Buttons",
+            "max": 6,
             "nested": true,
-            "wide": true,
-            "context": [
-              {
-                "key": "menuRow",
-                "label": "Menu Row"
-              }
-            ]
+            "wide": true
+          },
+          {
+            "type": "buttonConfiguration",
+            "key": "rowContextMenuItems",
+            "label": "Row Context Menu",
+            "nested": true,
+            "wide": true
           },
           {
             "type": "select",
@@ -444,11 +397,9 @@
             "key": "size",
             "label": "Size",
             "options": [
-              { "label": "Extra Small", "value": "XS" },
               { "label": "Small", "value": "S" },
               { "label": "Medium", "value": "M" },
-              { "label": "Large", "value": "L" },
-              { "label": "Custom", "value": "custom" }
+              { "label": "Large", "value": "L" }
             ],
             "defaultValue": "M"
           },
@@ -491,6 +442,19 @@
             "resetOn": "columnSizing",
             "dependsOn": { "setting": "columnSizing", "value": "fixed" }
           },
+          {
+            "type": "select",
+            "key": "highlighters",
+            "label": "Highlighters",
+            "dependsOn": "canEdit",
+            "options": [
+              { "label": "None", "value": "none" },
+              { "label": "Horizontal", "value": "horizontal" },
+              { "label": "Vertical", "value": "vertical" },
+              { "label": "Both", "value": "both" }
+            ],
+            "defaultValue": "horizontal"
+          },
           {
             "type": "select",
             "key": "relViewMode",
@@ -531,37 +495,6 @@
           }
         ]
       },
-      {
-        "section": true,
-        "name": "Custom Sizing Settings",
-        "dependsOn": { "setting": "size", "value": "custom" },
-        "tag": "style",
-        "settings": [
-          {
-            "type": "number",
-            "key": "customRowHeight",
-            "label": "Row Height",
-            "min": 0,
-            "max": 400,
-            "defaultValue": 36
-          },
-          {
-            "type": "number",
-            "key": "customCellPadding",
-            "label": "Cell Padding L/R",
-            "min": 0,
-            "max": 32,
-            "defaultValue": 8
-          },
-          {
-            "type": "number",
-            "key": "customBaseFont",
-            "label": "Row Font Size",
-            "min": 6,
-            "defaultValue": 14
-          }
-        ]
-      },
       {
         "tag": "style",
         "section": true,
@@ -570,7 +503,6 @@
           {
             "type": "text",
             "key": "rowColorTemplate",
-            "placeholder": "{{ Row }}",
             "label": "Text",
             "nested": true
           },
@@ -578,7 +510,6 @@
             "type": "text",
             "key": "rowBGColorTemplate",
             "label": "Background",
-            "placeholder": "{{ Row }}",
             "nested": true
           }
         ]
@@ -667,38 +598,27 @@
           },
           {
             "type": "event",
-            "key": "onCellChange",
-            "label": "On Cell Change",
-            "dependsOn": "canEdit",
+            "key": "onDelete",
+            "label": "On Delete",
+            "nested": true,
+            "dependsOn": "canDelete",
             "context": [
               {
-                "label": "RowID",
-                "key": "rowID"
-              },
-              {
-                "label": "Field",
-                "key": "field"
-              },
-              {
-                "label": "Previous Value",
-                "key": "previousValue"
-              },
-              {
-                "label": "New Value",
-                "key": "value"
+                "label": "Delete Row",
+                "key": "row"
               }
             ]
           },
           {
             "type": "event",
-            "key": "onDelete",
-            "label": "On Delete",
+            "key": "afterDelete",
+            "label": "After Delete",
             "nested": true,
-            "dependsOn": { "setting": "canDelete", "value": "advanced" },
+            "dependsOn": "canDelete",
             "context": [
               {
-                "label": "Delete Row",
-                "key": "menuRow"
+                "label": "Deleted Row",
+                "key": "row"
               }
             ]
           },
@@ -707,7 +627,7 @@
             "key": "onEdit",
             "label": "On Edit",
             "nested": true,
-            "dependsOn": { "setting": "canEdit", "value": "advanced" },
+            "dependsOn": "canEdit",
             "context": [
               {
                 "label": "Edit Row",
@@ -715,6 +635,19 @@
               }
             ]
           },
+          {
+            "type": "event",
+            "key": "afterEdit",
+            "label": "After Edit",
+            "nested": true,
+            "dependsOn": "canEdit",
+            "context": [
+              {
+                "label": "Edited Row",
+                "key": "menuRow"
+              }
+            ]
+          },
           {
             "type": "event",
             "key": "onInsert",
diff --git a/src/Component.svelte b/src/Component.svelte
index 7390c07..e045746 100644
--- a/src/Component.svelte
+++ b/src/Component.svelte
@@ -66,10 +66,7 @@
     footerColorTemplate,
     footerBGColorTemplate;
 
-  export let customCellPadding;
-  export let customBaseFont;
-  export let customRowHeight;
-  export let useOptionColors = true;
+  export let useOptionColors;
   export let optionsViewMode = "pills";
   export let relViewMode = "pills";
   export let zebraColors = false;
@@ -83,10 +80,12 @@
   export let onRowDblClick;
   export let onInsert;
   export let onDelete;
+  export let afterDelete;
   export let onEdit;
 
   // Builder Code to identify if we are dealing with a Table or View Datasource
   $: localIsTable = datasource?.type == "table" || datasource?.tableId;
+  $: comp_id = $component.id;
   $: if (
     $builderStore.inBuilder &&
     $component.selected &&
@@ -106,6 +105,7 @@
 
 <div use:styleable={$component.styles}>
   <SuperTable
+    {comp_id}
     {datasource}
     {idColumn}
     {sortColumn}
@@ -164,9 +164,6 @@
     {footerFontSize}
     {footerColorTemplate}
     {footerBGColorTemplate}
-    {customCellPadding}
-    {customBaseFont}
-    {customRowHeight}
     {useOptionColors}
     {optionsViewMode}
     {relViewMode}
@@ -179,6 +176,7 @@
     {onRowDblClick}
     {onInsert}
     {onDelete}
+    {afterDelete}
     {onEdit}
     {numberingColumn}
     {stickFirstColumn}