@wix/patterns 1.408.0 → 1.410.0

package/dist/cjs/state/CustomColumnsHistoryState.js

@@ -17,11 +17,29 @@ function parseSelectedColumnsString(selectedColumnsFromUrl) {
     id
   }) => id);
 }
+
+// Legacy `selectedColumns` stays bound to non-spreadsheet layouts so existing
+// deep links keep their meaning; spreadsheet uses a sibling param.
+const SELECTED_COLUMNS_PARAM = 'selectedColumns';
+const SPREADSHEET_SELECTED_COLUMNS_PARAM = 'spreadsheetSelectedColumns';
+const getSelectedColumnsParamForLayout = layout => layout === 'spreadsheet' ? SPREADSHEET_SELECTED_COLUMNS_PARAM : SELECTED_COLUMNS_PARAM;
+const serializeSelectedColumns = selectedColumns => selectedColumns.map(c => `${encodeURIComponent(c.id)}${!c.isSelected ? ' false' : ''}`).join(',');
 class CustomColumnsHistoryState {
+  get selectedColumnsSearchParamName() {
+    var _this$customColumns$t;
+    return getSelectedColumnsParamForLayout((_this$customColumns$t = this.customColumns.table.layoutState) == null ? void 0 : _this$customColumns$t.viewType);
+  }
+
+  // Live, per-layout read — unlike `_selectedColumnsFromUrl` (frozen at the
+  // initial layout), this reflects the active layout after a switch so URL
+  // takes precedence over dataCapsule per layout, not just on first load.
+  get hasUrlColumnsForCurrentLayout() {
+    const params = new URLSearchParams(this.history.location.search);
+    return !!params.get(this.selectedColumnsSearchParamName);
+  }
   constructor(params) {
     (0, _defineProperty2.default)(this, "customColumns", void 0);
     (0, _defineProperty2.default)(this, "history", void 0);
-    (0, _defineProperty2.default)(this, "selectedColumnsSearchParamName", 'selectedColumns');
     (0, _defineProperty2.default)(this, "_selectedColumnsFromUrl", void 0);
     this.customColumns = params.customColumns;
     this.history = params.history;
@@ -45,16 +63,35 @@ class CustomColumnsHistoryState {
   }
   init() {
     const disposers = [(0, _mobx.reaction)(() => this.customColumns.table.selectedColumns.value, selectedColumns => {
+      const paramName = this.selectedColumnsSearchParamName;
       (0, _bexCore.replaceSearchParamsWith)(this.history, searchParams => {
         if (selectedColumns.length) {
-          searchParams.set(this.selectedColumnsSearchParamName, selectedColumns.map(c => `${encodeURIComponent(c.id)}${!c.isSelected ? ' false' : ''}`).join(','));
+          searchParams.set(paramName, serializeSelectedColumns(selectedColumns));
         } else {
-          searchParams.delete(this.selectedColumnsSearchParamName);
+          searchParams.delete(paramName);
         }
       });
     }, {
       fireImmediately: true,
       delay: 250
+    }), (0, _mobx.reaction)(() => {
+      var _this$customColumns$t2;
+      return (_this$customColumns$t2 = this.customColumns.table.layoutState) == null ? void 0 : _this$customColumns$t2.viewType;
+    }, (newLayout, prevLayout) => {
+      if (!newLayout || !prevLayout || newLayout === prevLayout) {
+        return;
+      }
+      // Views path is handled by CollectionViewsState's own reaction.
+      if (this.customColumns.table.viewsProps) {
+        return;
+      }
+      const searchParams = new URLSearchParams(this.history.location.search);
+      const value = searchParams.get(getSelectedColumnsParamForLayout(newLayout));
+      if (value) {
+        this.customColumns.table.selectedColumns.setValue(parseSelectedColumnsString(value));
+      } else {
+        this.customColumns.table.selectedColumns.reset();
+      }
     })];
     return () => {
       disposers.forEach(d => d());

package/dist/cjs/state/CustomColumnsHistoryState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_mobx","require","_bexCore","parseSelectedColumnsString","selectedColumnsFromUrl","split","map","columnExpression","id","isSelected","decodeURIComponent","filter","CustomColumnsHistoryState","constructor","params","_defineProperty2","default","customColumns","history","_preInitHistoryPersistence","searchParams","URLSearchParams","location","search","_selectedColumnsFromUrl","get","selectedColumnsSearchParamName","table","selectedColumns","setValue","multi","collections","forEach","query","_initializedFromHistory","init","disposers","reaction","value","replaceSearchParamsWith","length","set","c","encodeURIComponent","join","delete","fireImmediately","delay","d","exports"],"sources":["../../../src/state/CustomColumnsHistoryState.ts"],"sourcesContent":["import { reaction } from 'mobx';\nimport { History, replaceSearchParamsWith } from '@wix/bex-core';\nimport { CustomColumnsState } from './CustomColumnsState';\n\nfunction parseSelectedColumnsString(selectedColumnsFromUrl: string) {\n  return selectedColumnsFromUrl\n    .split(',')\n    .map((columnExpression) => {\n      const [id = '', isSelected] = columnExpression.split(' ');\n\n      return {\n        id: decodeURIComponent(id),\n        isSelected: isSelected !== 'false',\n      };\n    })\n    .filter(({ id }) => id);\n}\n\nexport interface CustomColumnsHistoryStateParams {\n  customColumns: CustomColumnsState<any, any>;\n  history: History;\n}\n\nexport class CustomColumnsHistoryState {\n  readonly customColumns;\n  readonly history;\n\n  selectedColumnsSearchParamName = 'selectedColumns';\n\n  _selectedColumnsFromUrl?: string | null;\n\n  constructor(params: CustomColumnsHistoryStateParams) {\n    this.customColumns = params.customColumns;\n    this.history = params.history;\n\n    this._preInitHistoryPersistence();\n  }\n\n  _preInitHistoryPersistence() {\n    const { history, customColumns } = this;\n\n    const searchParams = new URLSearchParams(history.location.search);\n\n    this._selectedColumnsFromUrl = searchParams.get(\n      this.selectedColumnsSearchParamName,\n    );\n\n    if (this._selectedColumnsFromUrl) {\n      this.customColumns.table.selectedColumns.setValue(\n        parseSelectedColumnsString(this._selectedColumnsFromUrl),\n      );\n      customColumns.table.multi.collections.forEach(({ query }) => {\n        query._initializedFromHistory = true;\n      });\n    }\n  }\n\n  init() {\n    const disposers = [\n      reaction(\n        () => this.customColumns.table.selectedColumns.value,\n        (selectedColumns) => {\n          replaceSearchParamsWith(this.history, (searchParams) => {\n            if (selectedColumns.length) {\n              searchParams.set(\n                this.selectedColumnsSearchParamName,\n                selectedColumns\n                  .map(\n                    (c) =>\n                      `${encodeURIComponent(c.id)}${\n                        !c.isSelected ? ' false' : ''\n                      }`,\n                  )\n                  .join(','),\n              );\n            } else {\n              searchParams.delete(this.selectedColumnsSearchParamName);\n            }\n          });\n        },\n        {\n          fireImmediately: true,\n          delay: 250,\n        },\n      ),\n    ];\n\n    return () => {\n      disposers.forEach((d) => d());\n    };\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAGA,SAASE,0BAA0BA,CAACC,sBAA8B,EAAE;EAClE,OAAOA,sBAAsB,CAC1BC,KAAK,CAAC,GAAG,CAAC,CACVC,GAAG,CAAEC,gBAAgB,IAAK;IACzB,MAAM,CAACC,EAAE,GAAG,EAAE,EAAEC,UAAU,CAAC,GAAGF,gBAAgB,CAACF,KAAK,CAAC,GAAG,CAAC;IAEzD,OAAO;MACLG,EAAE,EAAEE,kBAAkB,CAACF,EAAE,CAAC;MAC1BC,UAAU,EAAEA,UAAU,KAAK;IAC7B,CAAC;EACH,CAAC,CAAC,CACDE,MAAM,CAAC,CAAC;IAAEH;EAAG,CAAC,KAAKA,EAAE,CAAC;AAC3B;AAOO,MAAMI,yBAAyB,CAAC;EAQrCC,WAAWA,CAACC,MAAuC,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,0CAJpB,iBAAiB;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAKhD,IAAI,CAACC,aAAa,GAAGH,MAAM,CAACG,aAAa;IACzC,IAAI,CAACC,OAAO,GAAGJ,MAAM,CAACI,OAAO;IAE7B,IAAI,CAACC,0BAA0B,CAAC,CAAC;EACnC;EAEAA,0BAA0BA,CAAA,EAAG;IAC3B,MAAM;MAAED,OAAO;MAAED;IAAc,CAAC,GAAG,IAAI;IAEvC,MAAMG,YAAY,GAAG,IAAIC,eAAe,CAACH,OAAO,CAACI,QAAQ,CAACC,MAAM,CAAC;IAEjE,IAAI,CAACC,uBAAuB,GAAGJ,YAAY,CAACK,GAAG,CAC7C,IAAI,CAACC,8BACP,CAAC;IAED,IAAI,IAAI,CAACF,uBAAuB,EAAE;MAChC,IAAI,CAACP,aAAa,CAACU,KAAK,CAACC,eAAe,CAACC,QAAQ,CAC/C1B,0BAA0B,CAAC,IAAI,CAACqB,uBAAuB,CACzD,CAAC;MACDP,aAAa,CAACU,KAAK,CAACG,KAAK,CAACC,WAAW,CAACC,OAAO,CAAC,CAAC;QAAEC;MAAM,CAAC,KAAK;QAC3DA,KAAK,CAACC,uBAAuB,GAAG,IAAI;MACtC,CAAC,CAAC;IACJ;EACF;EAEAC,IAAIA,CAAA,EAAG;IACL,MAAMC,SAAS,GAAG,CAChB,IAAAC,cAAQ,EACN,MAAM,IAAI,CAACpB,aAAa,CAACU,KAAK,CAACC,eAAe,CAACU,KAAK,EACnDV,eAAe,IAAK;MACnB,IAAAW,gCAAuB,EAAC,IAAI,CAACrB,OAAO,EAAGE,YAAY,IAAK;QACtD,IAAIQ,eAAe,CAACY,MAAM,EAAE;UAC1BpB,YAAY,CAACqB,GAAG,CACd,IAAI,CAACf,8BAA8B,EACnCE,eAAe,CACZtB,GAAG,CACDoC,CAAC,IACA,GAAGC,kBAAkB,CAACD,CAAC,CAAClC,EAAE,CAAC,GACzB,CAACkC,CAAC,CAACjC,UAAU,GAAG,QAAQ,GAAG,EAAE,EAEnC,CAAC,CACAmC,IAAI,CAAC,GAAG,CACb,CAAC;QACH,CAAC,MAAM;UACLxB,YAAY,CAACyB,MAAM,CAAC,IAAI,CAACnB,8BAA8B,CAAC;QAC1D;MACF,CAAC,CAAC;IACJ,CAAC,EACD;MACEoB,eAAe,EAAE,IAAI;MACrBC,KAAK,EAAE;IACT,CACF,CAAC,CACF;IAED,OAAO,MAAM;MACXX,SAAS,CAACJ,OAAO,CAAEgB,CAAC,IAAKA,CAAC,CAAC,CAAC,CAAC;IAC/B,CAAC;EACH;AACF;AAACC,OAAA,CAAArC,yBAAA,GAAAA,yBAAA","ignoreList":[]}
+{"version":3,"names":["_mobx","require","_bexCore","parseSelectedColumnsString","selectedColumnsFromUrl","split","map","columnExpression","id","isSelected","decodeURIComponent","filter","SELECTED_COLUMNS_PARAM","SPREADSHEET_SELECTED_COLUMNS_PARAM","getSelectedColumnsParamForLayout","layout","serializeSelectedColumns","selectedColumns","c","encodeURIComponent","join","CustomColumnsHistoryState","selectedColumnsSearchParamName","_this$customColumns$t","customColumns","table","layoutState","viewType","hasUrlColumnsForCurrentLayout","params","URLSearchParams","history","location","search","get","constructor","_defineProperty2","default","_preInitHistoryPersistence","searchParams","_selectedColumnsFromUrl","setValue","multi","collections","forEach","query","_initializedFromHistory","init","disposers","reaction","value","paramName","replaceSearchParamsWith","length","set","delete","fireImmediately","delay","_this$customColumns$t2","newLayout","prevLayout","viewsProps","reset","d","exports"],"sources":["../../../src/state/CustomColumnsHistoryState.ts"],"sourcesContent":["import { reaction } from 'mobx';\nimport { History, replaceSearchParamsWith } from '@wix/bex-core';\nimport { CustomColumnsState } from './CustomColumnsState';\nimport { ViewType } from '../model';\n\nfunction parseSelectedColumnsString(selectedColumnsFromUrl: string) {\n  return selectedColumnsFromUrl\n    .split(',')\n    .map((columnExpression) => {\n      const [id = '', isSelected] = columnExpression.split(' ');\n\n      return {\n        id: decodeURIComponent(id),\n        isSelected: isSelected !== 'false',\n      };\n    })\n    .filter(({ id }) => id);\n}\n\n// Legacy `selectedColumns` stays bound to non-spreadsheet layouts so existing\n// deep links keep their meaning; spreadsheet uses a sibling param.\nconst SELECTED_COLUMNS_PARAM = 'selectedColumns';\nconst SPREADSHEET_SELECTED_COLUMNS_PARAM = 'spreadsheetSelectedColumns';\n\nconst getSelectedColumnsParamForLayout = (\n  layout: ViewType | undefined,\n): string =>\n  layout === 'spreadsheet'\n    ? SPREADSHEET_SELECTED_COLUMNS_PARAM\n    : SELECTED_COLUMNS_PARAM;\n\nconst serializeSelectedColumns = (\n  selectedColumns: readonly {\n    id: string;\n    isSelected?: boolean;\n  }[],\n) =>\n  selectedColumns\n    .map(\n      (c) =>\n        `${encodeURIComponent(c.id)}${!c.isSelected ? ' false' : ''}`,\n    )\n    .join(',');\n\nexport interface CustomColumnsHistoryStateParams {\n  customColumns: CustomColumnsState<any, any>;\n  history: History;\n}\n\nexport class CustomColumnsHistoryState {\n  readonly customColumns;\n  readonly history;\n\n  get selectedColumnsSearchParamName(): string {\n    return getSelectedColumnsParamForLayout(\n      this.customColumns.table.layoutState?.viewType,\n    );\n  }\n\n  // Live, per-layout read — unlike `_selectedColumnsFromUrl` (frozen at the\n  // initial layout), this reflects the active layout after a switch so URL\n  // takes precedence over dataCapsule per layout, not just on first load.\n  get hasUrlColumnsForCurrentLayout(): boolean {\n    const params = new URLSearchParams(this.history.location.search);\n    return !!params.get(this.selectedColumnsSearchParamName);\n  }\n\n  _selectedColumnsFromUrl?: string | null;\n\n  constructor(params: CustomColumnsHistoryStateParams) {\n    this.customColumns = params.customColumns;\n    this.history = params.history;\n\n    this._preInitHistoryPersistence();\n  }\n\n  _preInitHistoryPersistence() {\n    const { history, customColumns } = this;\n\n    const searchParams = new URLSearchParams(history.location.search);\n\n    this._selectedColumnsFromUrl = searchParams.get(\n      this.selectedColumnsSearchParamName,\n    );\n\n    if (this._selectedColumnsFromUrl) {\n      this.customColumns.table.selectedColumns.setValue(\n        parseSelectedColumnsString(this._selectedColumnsFromUrl),\n      );\n      customColumns.table.multi.collections.forEach(({ query }) => {\n        query._initializedFromHistory = true;\n      });\n    }\n  }\n\n  init() {\n    const disposers = [\n      reaction(\n        () => this.customColumns.table.selectedColumns.value,\n        (selectedColumns) => {\n          const paramName = this.selectedColumnsSearchParamName;\n          replaceSearchParamsWith(this.history, (searchParams) => {\n            if (selectedColumns.length) {\n              searchParams.set(\n                paramName,\n                serializeSelectedColumns(selectedColumns),\n              );\n            } else {\n              searchParams.delete(paramName);\n            }\n          });\n        },\n        {\n          fireImmediately: true,\n          delay: 250,\n        },\n      ),\n      reaction(\n        () => this.customColumns.table.layoutState?.viewType,\n        (newLayout, prevLayout) => {\n          if (!newLayout || !prevLayout || newLayout === prevLayout) {\n            return;\n          }\n          // Views path is handled by CollectionViewsState's own reaction.\n          if (this.customColumns.table.viewsProps) {\n            return;\n          }\n          const searchParams = new URLSearchParams(\n            this.history.location.search,\n          );\n          const value = searchParams.get(\n            getSelectedColumnsParamForLayout(newLayout),\n          );\n          if (value) {\n            this.customColumns.table.selectedColumns.setValue(\n              parseSelectedColumnsString(value),\n            );\n          } else {\n            this.customColumns.table.selectedColumns.reset();\n          }\n        },\n      ),\n    ];\n\n    return () => {\n      disposers.forEach((d) => d());\n    };\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAIA,SAASE,0BAA0BA,CAACC,sBAA8B,EAAE;EAClE,OAAOA,sBAAsB,CAC1BC,KAAK,CAAC,GAAG,CAAC,CACVC,GAAG,CAAEC,gBAAgB,IAAK;IACzB,MAAM,CAACC,EAAE,GAAG,EAAE,EAAEC,UAAU,CAAC,GAAGF,gBAAgB,CAACF,KAAK,CAAC,GAAG,CAAC;IAEzD,OAAO;MACLG,EAAE,EAAEE,kBAAkB,CAACF,EAAE,CAAC;MAC1BC,UAAU,EAAEA,UAAU,KAAK;IAC7B,CAAC;EACH,CAAC,CAAC,CACDE,MAAM,CAAC,CAAC;IAAEH;EAAG,CAAC,KAAKA,EAAE,CAAC;AAC3B;;AAEA;AACA;AACA,MAAMI,sBAAsB,GAAG,iBAAiB;AAChD,MAAMC,kCAAkC,GAAG,4BAA4B;AAEvE,MAAMC,gCAAgC,GACpCC,MAA4B,IAE5BA,MAAM,KAAK,aAAa,GACpBF,kCAAkC,GAClCD,sBAAsB;AAE5B,MAAMI,wBAAwB,GAC5BC,eAGG,IAEHA,eAAe,CACZX,GAAG,CACDY,CAAC,IACA,GAAGC,kBAAkB,CAACD,CAAC,CAACV,EAAE,CAAC,GAAG,CAACU,CAAC,CAACT,UAAU,GAAG,QAAQ,GAAG,EAAE,EAC/D,CAAC,CACAW,IAAI,CAAC,GAAG,CAAC;AAOP,MAAMC,yBAAyB,CAAC;EAIrC,IAAIC,8BAA8BA,CAAA,EAAW;IAAA,IAAAC,qBAAA;IAC3C,OAAOT,gCAAgC,EAAAS,qBAAA,GACrC,IAAI,CAACC,aAAa,CAACC,KAAK,CAACC,WAAW,qBAApCH,qBAAA,CAAsCI,QACxC,CAAC;EACH;;EAEA;EACA;EACA;EACA,IAAIC,6BAA6BA,CAAA,EAAY;IAC3C,MAAMC,MAAM,GAAG,IAAIC,eAAe,CAAC,IAAI,CAACC,OAAO,CAACC,QAAQ,CAACC,MAAM,CAAC;IAChE,OAAO,CAAC,CAACJ,MAAM,CAACK,GAAG,CAAC,IAAI,CAACZ,8BAA8B,CAAC;EAC1D;EAIAa,WAAWA,CAACN,MAAuC,EAAE;IAAA,IAAAO,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IACnD,IAAI,CAACb,aAAa,GAAGK,MAAM,CAACL,aAAa;IACzC,IAAI,CAACO,OAAO,GAAGF,MAAM,CAACE,OAAO;IAE7B,IAAI,CAACO,0BAA0B,CAAC,CAAC;EACnC;EAEAA,0BAA0BA,CAAA,EAAG;IAC3B,MAAM;MAAEP,OAAO;MAAEP;IAAc,CAAC,GAAG,IAAI;IAEvC,MAAMe,YAAY,GAAG,IAAIT,eAAe,CAACC,OAAO,CAACC,QAAQ,CAACC,MAAM,CAAC;IAEjE,IAAI,CAACO,uBAAuB,GAAGD,YAAY,CAACL,GAAG,CAC7C,IAAI,CAACZ,8BACP,CAAC;IAED,IAAI,IAAI,CAACkB,uBAAuB,EAAE;MAChC,IAAI,CAAChB,aAAa,CAACC,KAAK,CAACR,eAAe,CAACwB,QAAQ,CAC/CtC,0BAA0B,CAAC,IAAI,CAACqC,uBAAuB,CACzD,CAAC;MACDhB,aAAa,CAACC,KAAK,CAACiB,KAAK,CAACC,WAAW,CAACC,OAAO,CAAC,CAAC;QAAEC;MAAM,CAAC,KAAK;QAC3DA,KAAK,CAACC,uBAAuB,GAAG,IAAI;MACtC,CAAC,CAAC;IACJ;EACF;EAEAC,IAAIA,CAAA,EAAG;IACL,MAAMC,SAAS,GAAG,CAChB,IAAAC,cAAQ,EACN,MAAM,IAAI,CAACzB,aAAa,CAACC,KAAK,CAACR,eAAe,CAACiC,KAAK,EACnDjC,eAAe,IAAK;MACnB,MAAMkC,SAAS,GAAG,IAAI,CAAC7B,8BAA8B;MACrD,IAAA8B,gCAAuB,EAAC,IAAI,CAACrB,OAAO,EAAGQ,YAAY,IAAK;QACtD,IAAItB,eAAe,CAACoC,MAAM,EAAE;UAC1Bd,YAAY,CAACe,GAAG,CACdH,SAAS,EACTnC,wBAAwB,CAACC,eAAe,CAC1C,CAAC;QACH,CAAC,MAAM;UACLsB,YAAY,CAACgB,MAAM,CAACJ,SAAS,CAAC;QAChC;MACF,CAAC,CAAC;IACJ,CAAC,EACD;MACEK,eAAe,EAAE,IAAI;MACrBC,KAAK,EAAE;IACT,CACF,CAAC,EACD,IAAAR,cAAQ,EACN;MAAA,IAAAS,sBAAA;MAAA,QAAAA,sBAAA,GAAM,IAAI,CAAClC,aAAa,CAACC,KAAK,CAACC,WAAW,qBAApCgC,sBAAA,CAAsC/B,QAAQ;IAAA,GACpD,CAACgC,SAAS,EAAEC,UAAU,KAAK;MACzB,IAAI,CAACD,SAAS,IAAI,CAACC,UAAU,IAAID,SAAS,KAAKC,UAAU,EAAE;QACzD;MACF;MACA;MACA,IAAI,IAAI,CAACpC,aAAa,CAACC,KAAK,CAACoC,UAAU,EAAE;QACvC;MACF;MACA,MAAMtB,YAAY,GAAG,IAAIT,eAAe,CACtC,IAAI,CAACC,OAAO,CAACC,QAAQ,CAACC,MACxB,CAAC;MACD,MAAMiB,KAAK,GAAGX,YAAY,CAACL,GAAG,CAC5BpB,gCAAgC,CAAC6C,SAAS,CAC5C,CAAC;MACD,IAAIT,KAAK,EAAE;QACT,IAAI,CAAC1B,aAAa,CAACC,KAAK,CAACR,eAAe,CAACwB,QAAQ,CAC/CtC,0BAA0B,CAAC+C,KAAK,CAClC,CAAC;MACH,CAAC,MAAM;QACL,IAAI,CAAC1B,aAAa,CAACC,KAAK,CAACR,eAAe,CAAC6C,KAAK,CAAC,CAAC;MAClD;IACF,CACF,CAAC,CACF;IAED,OAAO,MAAM;MACXd,SAAS,CAACJ,OAAO,CAAEmB,CAAC,IAAKA,CAAC,CAAC,CAAC,CAAC;IAC/B,CAAC;EACH;AACF;AAACC,OAAA,CAAA3C,yBAAA,GAAAA,yBAAA","ignoreList":[]}

package/dist/cjs/state/CustomColumnsState.js

@@ -2,7 +2,7 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.CustomColumnsState = void 0;
+exports.SPREADSHEET_CUSTOM_COLUMNS_KEY = exports.CustomColumnsState = exports.CUSTOM_COLUMNS_KEY = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _bexCore = require("@wix/bex-core");
 var _mobx = require("mobx");
@@ -11,6 +11,11 @@ var _indexOfCompareFn = require("./indexOfCompareFn");
 var _events = require("events");
 var _bi = require("@wix/bex-core/bi");
 var _CustomColumnsPanelStateBase = require("./CustomColumnsPanelStateBase");
+// Legacy `custom-columns` stays bound to non-spreadsheet layouts so existing
+// stored values keep their meaning; spreadsheet uses a sibling key.
+const CUSTOM_COLUMNS_KEY = exports.CUSTOM_COLUMNS_KEY = 'custom-columns';
+const SPREADSHEET_CUSTOM_COLUMNS_KEY = exports.SPREADSHEET_CUSTOM_COLUMNS_KEY = 'spreadsheet-custom-columns';
+const getCustomColumnsKeyForLayout = layout => layout === 'spreadsheet' ? SPREADSHEET_CUSTOM_COLUMNS_KEY : CUSTOM_COLUMNS_KEY;
 const asStoredColumnsOrNull = customColumnsResult => Array.isArray(customColumnsResult) ? customColumnsResult : null;
 class CustomColumnsState extends _CustomColumnsPanelStateBase.CustomColumnsPanelStateBase {
   constructor(params) {
@@ -81,6 +86,7 @@ class CustomColumnsState extends _CustomColumnsPanelStateBase.CustomColumnsPanel
     return orderedColumns.filter(column => selectedColumns.some(selectedColumn => selectedColumn.id === column.id && selectedColumn.isSelected));
   }
   async persistCustomColumns() {
+    var _table$layoutState;
     const {
       table
     } = this;
@@ -94,7 +100,7 @@ class CustomColumnsState extends _CustomColumnsPanelStateBase.CustomColumnsPanel
       return;
     }
     this._touched = true;
-    await dataCapsule.setItem('custom-columns', table.selectedColumns.value);
+    await dataCapsule.setItem(getCustomColumnsKeyForLayout((_table$layoutState = table.layoutState) == null ? void 0 : _table$layoutState.viewType), table.selectedColumns.value);
   }
   registerSelectedColumnChange() {
     const {
@@ -239,7 +245,24 @@ class CustomColumnsState extends _CustomColumnsPanelStateBase.CustomColumnsPanel
       selectedColumns.setValue(this.toSelectedColumns, {
         emitEvents: ['change', 'beforeRefresh', 'refresh']
       });
-    }), this.registerSelectedColumnChange(), this.columnsCollection.init(), (_this$dragAndDrop = this.dragAndDrop) == null ? void 0 : _this$dragAndDrop.init(), (_this$customColumnsHi = this.customColumnsHistory) == null ? void 0 : _this$customColumnsHi.init()];
+    }), this.registerSelectedColumnChange(), this.columnsCollection.init(), (_this$dragAndDrop = this.dragAndDrop) == null ? void 0 : _this$dragAndDrop.init(), (_this$customColumnsHi = this.customColumnsHistory) == null ? void 0 : _this$customColumnsHi.init(), (0, _mobx.reaction)(() => {
+      var _this$table$layoutSta;
+      return (_this$table$layoutSta = this.table.layoutState) == null ? void 0 : _this$table$layoutSta.viewType;
+    }, async (newLayout, prevLayout) => {
+      if (!newLayout || !prevLayout || newLayout === prevLayout) {
+        return;
+      }
+      // Views path is handled by CollectionViewsState's own reaction.
+      if (this.table.viewsProps) {
+        return;
+      }
+      const stored = await this._getStoredCustomColumns();
+      if (stored == null) {
+        this.table.selectedColumns.reset();
+      } else {
+        await this._fetchFromStorage();
+      }
+    })];
     return () => {
       disposers.forEach(disposer => disposer == null ? void 0 : disposer());
     };
@@ -249,7 +272,8 @@ class CustomColumnsState extends _CustomColumnsPanelStateBase.CustomColumnsPanel
       dataCapsule
     } = this.table;
     try {
-      const storedValue = await asStoredColumnsOrNull(await dataCapsule.getItem('custom-columns'));
+      var _this$table$layoutSta2;
+      const storedValue = await asStoredColumnsOrNull(await dataCapsule.getItem(getCustomColumnsKeyForLayout((_this$table$layoutSta2 = this.table.layoutState) == null ? void 0 : _this$table$layoutSta2.viewType)));
       this._touched = storedValue != null;
       return storedValue;
     } catch (e) {
@@ -297,7 +321,7 @@ class CustomColumnsState extends _CustomColumnsPanelStateBase.CustomColumnsPanel
     if (viewsProps) {
       return;
     }
-    if (customColumnsState != null && (_customColumnsState$c = customColumnsState.customColumnsHistory) != null && _customColumnsState$c._selectedColumnsFromUrl) {
+    if (customColumnsState != null && (_customColumnsState$c = customColumnsState.customColumnsHistory) != null && _customColumnsState$c.hasUrlColumnsForCurrentLayout) {
       return;
     }
     const storedCustomColumns = await this._getStoredCustomColumns();

package/dist/cjs/state/CustomColumnsState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_mobx","_CustomColumnsHistoryState","_indexOfCompareFn","_events","_bi","_CustomColumnsPanelStateBase","asStoredColumnsOrNull","customColumnsResult","Array","isArray","CustomColumnsState","CustomColumnsPanelStateBase","constructor","params","container","queryName","environment","componentId","table","collection","filter","Boolean","join","_defineProperty2","default","Map","TaskState","EventEmitter","dragAndDrop","CustomColumnsDragAndDropState","customColumns","dataSource","columns","selectedColumns","components","modalsContainerRef","customColumnsHistory","persistQueryToUrl","CustomColumnsHistoryState","history","initBaseObservables","makeObservable","persistCustomColumns","action","bound","toSelectedColumns","computed","selectedOrderedColumns","init","orderedColumns","customColumnsState","value","column","some","selectedColumn","id","isSelected","dataCapsule","viewsProps","_touched","setItem","registerSelectedColumnChange","events","on","off","mergeNewColumns","_toStoredColumn","_didFirstColumnsMerge","defaultHidden","length","mergeTargetSelectedColumns","s","every","c","map","existing","find","hideable","hiddenFromCustomColumnsSelection","diffColumns","forEach","d","originalIndex","findIndex","afterId","afterIndex","splice","getStickyColumnsCount","stickyColumns","reorderDisabled","reorderDisabledColumns","orderedColumnsByReorderDisabled","select","isChecked","selectionChanged","i","a","b","_this$dragAndDrop","_this$customColumnsHi","customColumnsStateInitialized","disposers","reaction","columnsCollection","clear","forceSetMany","status","finalStatus","startStatus","refreshAllPages","fireImmediately","selectedValues","setValue","emitEvents","disposer","_getStoredCustomColumns","storedValue","getItem","e","Error","message","_tableInit","initTask","multi","collections","runOnce","beforeInitialFetchListeners","listeners","Promise","all","l","_fetchFromStorage","console","error","query","refreshOnColumnsChange","hooks","addListener","promise","_customColumnsState$c","_selectedColumnsFromUrl","storedCustomColumns","selectedColumnsFromStorage","tableColumn","name","sort","indexOfCompareFn","customizeColumnsInSidePanelBi","actionName","_performedCustomColumnsActions","get","set","reportBi","withoutDefaults","cairoCustomizeColumnsInSidePanel","showFieldTypeIcons","collectionDataExtension","sidePanelTransition","sidePanel","transition","onClose","cairoFiltersPanelUsed","isOpened","feature","origin","close","exports"],"sources":["../../../src/state/CustomColumnsState.ts"],"sourcesContent":["import {\n  FiltersMap,\n  TaskState,\n  TypedEmitter,\n  withoutDefaults,\n} from '@wix/bex-core';\nimport { action, computed, makeObservable, reaction } from 'mobx';\nimport { ToolbarCollectionState } from './ToolbarCollectionState';\nimport { Column } from '../model';\nimport type { CustomColumnsDragAndDrop } from '../components/CustomColumns/CustomColumnsDragAndDrop';\nimport { CustomColumnsHistoryState } from './CustomColumnsHistoryState';\nimport { indexOfCompareFn } from './indexOfCompareFn';\nimport { EventEmitter } from 'events';\nimport {\n  cairoCustomizeColumnsInSidePanel,\n  cairoFiltersPanelUsed,\n} from '@wix/bex-core/bi';\nimport type { CustomColumnsDragAndDropState } from './CustomColumnsDragAndDropState';\nimport type { CollectionDataExtensionState } from '../components/DataExtension';\nimport { CustomColumnsPanelStateBase } from './CustomColumnsPanelStateBase';\n\nexport type { CustomColumnsDragAndDropState };\nexport type { CollectionDataExtensionState };\n\nexport type CustomColumnsPanelState<\n  T = unknown,\n  F extends FiltersMap = FiltersMap,\n> = CustomColumnsPanelStateBase<T, F>;\n\ntype StoredColumn =\n  | { id?: string; name?: string; isSelected?: boolean }\n  | null\n  | undefined;\n\nconst asStoredColumnsOrNull = (customColumnsResult: unknown) =>\n  Array.isArray(customColumnsResult)\n    ? (customColumnsResult as StoredColumn[])\n    : null;\n\nexport interface CustomColumnsStateParams<T, F extends FiltersMap> {\n  readonly table: ToolbarCollectionState<T, F>;\n  readonly container: import('@wix/bex-core').WixPatternsContainer;\n  readonly dragAndDrop?: typeof CustomColumnsDragAndDrop;\n  readonly modalsContainerRef: {\n    current: HTMLElement | null | undefined;\n  };\n}\n\nexport type CustomColumnsActionName = 'visibility' | 'reorder';\n\nexport class CustomColumnsState<\n  T,\n  F extends FiltersMap,\n> extends CustomColumnsPanelStateBase<T, F> {\n  readonly table;\n\n  readonly dragAndDrop: CustomColumnsDragAndDropState<T, F> | undefined;\n\n  readonly customColumnsHistory;\n\n  _didFirstColumnsMerge?: boolean;\n  _performedCustomColumnsActions: Map<CustomColumnsActionName, boolean> =\n    new Map();\n\n  readonly initTask = new TaskState();\n\n  _touched = false;\n\n  readonly events = new EventEmitter() as TypedEmitter<{\n    beforeInitialFetch: () => void;\n  }>;\n\n  constructor(params: CustomColumnsStateParams<T, F>) {\n    super({\n      container: params.container,\n      queryName: [\n        params.container.environment.componentId,\n        params.table.collection.queryName,\n        'customColumns',\n      ]\n        .filter(Boolean)\n        .join('/'),\n    });\n\n    this.table = params.table;\n\n    if (params.dragAndDrop) {\n      const { CustomColumnsDragAndDropState } = params.dragAndDrop;\n      this.dragAndDrop = new CustomColumnsDragAndDropState({\n        customColumns: this,\n        dataSource: {\n          get columns() {\n            return params.table.columns;\n          },\n          selectedColumns: params.table.selectedColumns,\n        },\n        components: params.dragAndDrop,\n        modalsContainerRef: params.modalsContainerRef,\n      });\n    }\n\n    this.customColumnsHistory = this.table.collection.persistQueryToUrl\n      ? new CustomColumnsHistoryState({\n          customColumns: this,\n          history: params.container.history,\n        })\n      : null;\n\n    this.initBaseObservables();\n    makeObservable(this, {\n      persistCustomColumns: action.bound,\n      toSelectedColumns: computed,\n      selectedOrderedColumns: computed,\n      init: action,\n    });\n  }\n\n  get orderedColumns(): Column[] {\n    const { dragAndDrop, table } = this;\n    const { columns, customColumnsState } = table;\n\n    if (customColumnsState?.dragAndDrop && dragAndDrop) {\n      return dragAndDrop.orderedColumns;\n    }\n\n    return columns;\n  }\n\n  get selectedOrderedColumns() {\n    const {\n      orderedColumns,\n      table: {\n        selectedColumns: { value: selectedColumns },\n      },\n    } = this;\n\n    return orderedColumns.filter((column) =>\n      selectedColumns.some(\n        (selectedColumn) =>\n          selectedColumn.id === column.id && selectedColumn.isSelected,\n      ),\n    );\n  }\n\n  async persistCustomColumns() {\n    const { table } = this;\n    const { dataCapsule, viewsProps } = table;\n\n    // if views enabled columns persists inside the view instead of data capsule\n    if (viewsProps) {\n      return;\n    }\n\n    this._touched = true;\n    await dataCapsule.setItem('custom-columns', table.selectedColumns.value);\n  }\n\n  private registerSelectedColumnChange() {\n    const { table } = this;\n    table.selectedColumns.events.on('refresh', this.persistCustomColumns);\n\n    return () => {\n      table.selectedColumns.events.off('refresh', this.persistCustomColumns);\n    };\n  }\n\n  mergeNewColumns() {\n    const {\n      table: { columns, selectedColumns, _toStoredColumn, customColumnsState },\n      _didFirstColumnsMerge,\n    } = this;\n\n    const defaultHidden =\n      !_didFirstColumnsMerge && !!selectedColumns.value.length;\n\n    const mergeTargetSelectedColumns = [...selectedColumns.value];\n\n    if (customColumnsState?.dragAndDrop == null) {\n      return [\n        ...mergeTargetSelectedColumns.filter((s) =>\n          columns.every((c) => s.id !== c.id),\n        ),\n        ...columns.map((c) => {\n          const existing = selectedColumns.value.find((s) => s.id === c.id);\n          if (existing == null) {\n            return _toStoredColumn(c);\n          }\n\n          return {\n            ...existing,\n            isSelected:\n              c.hideable === false ||\n              c.hiddenFromCustomColumnsSelection ||\n              existing.isSelected,\n          };\n        }),\n      ];\n    }\n\n    const diffColumns = columns\n      .filter((c) => selectedColumns.value.every((s) => s.id !== c.id))\n      .map((c) =>\n        _toStoredColumn({\n          ...c,\n          defaultHidden: defaultHidden || c.defaultHidden,\n        }),\n      );\n\n    // place new columns according to their order in the original columns prop\n    diffColumns.forEach((d) => {\n      const originalIndex = columns.findIndex((c) => c.id === d.id);\n      const afterId = originalIndex > 0 ? columns[originalIndex - 1].id : null;\n      const afterIndex =\n        afterId != null\n          ? mergeTargetSelectedColumns.findIndex((c) => c.id === afterId) + 1\n          : originalIndex === 0\n          ? 0\n          : mergeTargetSelectedColumns.length;\n      mergeTargetSelectedColumns.splice(afterIndex, 0, d);\n    });\n\n    this._didFirstColumnsMerge = true;\n    return mergeTargetSelectedColumns;\n  }\n\n  getStickyColumnsCount({ stickyColumns }: { stickyColumns: number }) {\n    const {\n      dragAndDrop,\n      table: {\n        selectedColumns: { value: selectedColumns },\n      },\n    } = this;\n\n    if (dragAndDrop == null) {\n      return stickyColumns;\n    }\n\n    const { reorderDisabled: reorderDisabledColumns } =\n      dragAndDrop.orderedColumnsByReorderDisabled;\n\n    if (!reorderDisabledColumns.length) {\n      return stickyColumns;\n    }\n\n    return dragAndDrop.orderedColumnsByReorderDisabled.reorderDisabled.filter(\n      (column) =>\n        selectedColumns.some(\n          (selectedColumn) =>\n            selectedColumn.id === column.id && selectedColumn.isSelected,\n        ),\n    ).length;\n  }\n\n  get toSelectedColumns() {\n    const {\n      select,\n      table: {\n        selectedColumns: { value },\n      },\n    } = this;\n\n    return value.map(({ id }) => ({\n      id,\n      isSelected: select.isChecked(id),\n    }));\n  }\n\n  get selectionChanged() {\n    const {\n      toSelectedColumns,\n      table: {\n        selectedColumns: { value },\n      },\n    } = this;\n\n    if (value.length !== toSelectedColumns.length) {\n      return true;\n    }\n\n    for (let i = 0; i < value.length; i++) {\n      const a = value[i];\n      const b = toSelectedColumns[i];\n\n      if (a.id !== b.id || a.isSelected !== b.isSelected) {\n        return true;\n      }\n    }\n\n    return false;\n  }\n\n  init() {\n    const { table } = this;\n    table.customColumnsStateInitialized = true;\n\n    const disposers = [\n      reaction(\n        () => this.table.selectedColumns.value,\n        async (selectedColumns) => {\n          const { select, columnsCollection } = this;\n\n          select.clear();\n          select.forceSetMany(\n            selectedColumns.map(({ id, isSelected }) => ({\n              value: { id },\n              status: isSelected ? select.finalStatus : select.startStatus,\n            })),\n          );\n          await columnsCollection.refreshAllPages();\n        },\n        {\n          fireImmediately: true,\n        },\n      ),\n      reaction(\n        () => this.select.selectedValues,\n        () => {\n          const {\n            table: { selectedColumns },\n          } = this;\n\n          if (!this.selectionChanged) {\n            return;\n          }\n\n          selectedColumns.setValue(this.toSelectedColumns, {\n            emitEvents: ['change', 'beforeRefresh', 'refresh'],\n          });\n        },\n      ),\n\n      this.registerSelectedColumnChange(),\n      this.columnsCollection.init(),\n      this.dragAndDrop?.init(),\n      this.customColumnsHistory?.init(),\n    ];\n\n    return () => {\n      disposers.forEach((disposer) => disposer?.());\n    };\n  }\n\n  async _getStoredCustomColumns() {\n    const { dataCapsule } = this.table;\n    try {\n      const storedValue = await asStoredColumnsOrNull(\n        await dataCapsule.getItem('custom-columns'),\n      );\n      this._touched = storedValue != null;\n      return storedValue;\n    } catch (e) {\n      if (e instanceof Error && e.message === 'Key was not found in capsule') {\n        return null;\n      }\n\n      throw e;\n    }\n  }\n\n  _tableInit() {\n    const {\n      initTask,\n      table: {\n        multi: { collections },\n      },\n    } = this;\n    initTask.runOnce(async () => {\n      try {\n        const beforeInitialFetchListeners =\n          this.events.listeners('beforeInitialFetch');\n        await Promise.all(beforeInitialFetchListeners.map((l) => l()));\n        await this._fetchFromStorage();\n      } catch (e) {\n        console.error(e);\n      }\n    });\n\n    collections.forEach((collection) => {\n      if (collection.query.refreshOnColumnsChange) {\n        collection.hooks.addListener(\n          'beforeInitialFetch',\n          () => initTask.status.promise,\n        );\n      }\n    });\n  }\n\n  async _fetchFromStorage() {\n    const {\n      table: {\n        viewsProps,\n        columns,\n        selectedColumns,\n        customColumnsState,\n        _toStoredColumn,\n      },\n    } = this;\n\n    if (viewsProps) {\n      return;\n    }\n\n    if (customColumnsState?.customColumnsHistory?._selectedColumnsFromUrl) {\n      return;\n    }\n\n    const storedCustomColumns = await this._getStoredCustomColumns();\n\n    if (storedCustomColumns == null) {\n      return;\n    }\n\n    const selectedColumnsFromStorage = columns.map((tableColumn) => {\n      const existing = storedCustomColumns.find(\n        (c) => c?.id === tableColumn.id,\n      );\n\n      // If the column is not found in the stored columns, it means it was added after the last visit, so its \"isSelected\" state should be calculated based on the column prop passed via code\n      if (existing == null) {\n        return _toStoredColumn(tableColumn);\n      }\n\n      // If the column is found in the stored columns, it means it was already configured by the user, so its  \"isSelected\" state should be taken from the stored columns\n      const { id, name, hideable, hiddenFromCustomColumnsSelection } =\n        tableColumn;\n\n      return {\n        id,\n        name,\n        isSelected:\n          storedCustomColumns.some(\n            (c) => c?.id === id && c?.isSelected !== false,\n          ) ||\n          !hideable ||\n          hiddenFromCustomColumnsSelection === true,\n      };\n    });\n\n    selectedColumns.setValue(\n      customColumnsState?.dragAndDrop\n        ? selectedColumnsFromStorage.sort(\n            indexOfCompareFn(storedCustomColumns, (e) => e?.id),\n          )\n        : selectedColumnsFromStorage,\n    );\n  }\n\n  customizeColumnsInSidePanelBi({\n    actionName,\n  }: {\n    actionName: CustomColumnsActionName;\n  }) {\n    if (this._performedCustomColumnsActions.get(actionName)) {\n      return;\n    }\n    this._performedCustomColumnsActions.set(actionName, true);\n    this.table.reportBi(\n      withoutDefaults(cairoCustomizeColumnsInSidePanel)({\n        actionName,\n      }),\n    );\n  }\n\n  get showFieldTypeIcons() {\n    return this.table.showFieldTypeIcons;\n  }\n\n  get collectionDataExtension() {\n    return this.table.collectionDataExtension;\n  }\n\n  get sidePanelTransition() {\n    return this.table.sidePanel.transition;\n  }\n\n  onClose() {\n    this.table.reportBi(\n      withoutDefaults(cairoFiltersPanelUsed)({\n        isOpened: false,\n        feature: 'Custom Columns',\n        origin: 'X Button',\n      }),\n    );\n    this.table.sidePanel.close();\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_mobx","_CustomColumnsHistoryState","_indexOfCompareFn","_events","_bi","_CustomColumnsPanelStateBase","CUSTOM_COLUMNS_KEY","exports","SPREADSHEET_CUSTOM_COLUMNS_KEY","getCustomColumnsKeyForLayout","layout","asStoredColumnsOrNull","customColumnsResult","Array","isArray","CustomColumnsState","CustomColumnsPanelStateBase","constructor","params","container","queryName","environment","componentId","table","collection","filter","Boolean","join","_defineProperty2","default","Map","TaskState","EventEmitter","dragAndDrop","CustomColumnsDragAndDropState","customColumns","dataSource","columns","selectedColumns","components","modalsContainerRef","customColumnsHistory","persistQueryToUrl","CustomColumnsHistoryState","history","initBaseObservables","makeObservable","persistCustomColumns","action","bound","toSelectedColumns","computed","selectedOrderedColumns","init","orderedColumns","customColumnsState","value","column","some","selectedColumn","id","isSelected","_table$layoutState","dataCapsule","viewsProps","_touched","setItem","layoutState","viewType","registerSelectedColumnChange","events","on","off","mergeNewColumns","_toStoredColumn","_didFirstColumnsMerge","defaultHidden","length","mergeTargetSelectedColumns","s","every","c","map","existing","find","hideable","hiddenFromCustomColumnsSelection","diffColumns","forEach","d","originalIndex","findIndex","afterId","afterIndex","splice","getStickyColumnsCount","stickyColumns","reorderDisabled","reorderDisabledColumns","orderedColumnsByReorderDisabled","select","isChecked","selectionChanged","i","a","b","_this$dragAndDrop","_this$customColumnsHi","customColumnsStateInitialized","disposers","reaction","columnsCollection","clear","forceSetMany","status","finalStatus","startStatus","refreshAllPages","fireImmediately","selectedValues","setValue","emitEvents","_this$table$layoutSta","newLayout","prevLayout","stored","_getStoredCustomColumns","reset","_fetchFromStorage","disposer","_this$table$layoutSta2","storedValue","getItem","e","Error","message","_tableInit","initTask","multi","collections","runOnce","beforeInitialFetchListeners","listeners","Promise","all","l","console","error","query","refreshOnColumnsChange","hooks","addListener","promise","_customColumnsState$c","hasUrlColumnsForCurrentLayout","storedCustomColumns","selectedColumnsFromStorage","tableColumn","name","sort","indexOfCompareFn","customizeColumnsInSidePanelBi","actionName","_performedCustomColumnsActions","get","set","reportBi","withoutDefaults","cairoCustomizeColumnsInSidePanel","showFieldTypeIcons","collectionDataExtension","sidePanelTransition","sidePanel","transition","onClose","cairoFiltersPanelUsed","isOpened","feature","origin","close"],"sources":["../../../src/state/CustomColumnsState.ts"],"sourcesContent":["import {\n  FiltersMap,\n  TaskState,\n  TypedEmitter,\n  withoutDefaults,\n} from '@wix/bex-core';\nimport { action, computed, makeObservable, reaction } from 'mobx';\nimport { ToolbarCollectionState } from './ToolbarCollectionState';\nimport { Column, ViewType } from '../model';\nimport type { CustomColumnsDragAndDrop } from '../components/CustomColumns/CustomColumnsDragAndDrop';\nimport { CustomColumnsHistoryState } from './CustomColumnsHistoryState';\nimport { indexOfCompareFn } from './indexOfCompareFn';\nimport { EventEmitter } from 'events';\nimport {\n  cairoCustomizeColumnsInSidePanel,\n  cairoFiltersPanelUsed,\n} from '@wix/bex-core/bi';\nimport type { CustomColumnsDragAndDropState } from './CustomColumnsDragAndDropState';\nimport type { CollectionDataExtensionState } from '../components/DataExtension';\nimport { CustomColumnsPanelStateBase } from './CustomColumnsPanelStateBase';\n\nexport type { CustomColumnsDragAndDropState };\nexport type { CollectionDataExtensionState };\n\nexport type CustomColumnsPanelState<\n  T = unknown,\n  F extends FiltersMap = FiltersMap,\n> = CustomColumnsPanelStateBase<T, F>;\n\ntype StoredColumn =\n  | { id?: string; name?: string; isSelected?: boolean }\n  | null\n  | undefined;\n\n// Legacy `custom-columns` stays bound to non-spreadsheet layouts so existing\n// stored values keep their meaning; spreadsheet uses a sibling key.\nexport const CUSTOM_COLUMNS_KEY = 'custom-columns';\nexport const SPREADSHEET_CUSTOM_COLUMNS_KEY = 'spreadsheet-custom-columns';\n\nconst getCustomColumnsKeyForLayout = (layout: ViewType | undefined): string =>\n  layout === 'spreadsheet'\n    ? SPREADSHEET_CUSTOM_COLUMNS_KEY\n    : CUSTOM_COLUMNS_KEY;\n\nconst asStoredColumnsOrNull = (customColumnsResult: unknown) =>\n  Array.isArray(customColumnsResult)\n    ? (customColumnsResult as StoredColumn[])\n    : null;\n\nexport interface CustomColumnsStateParams<T, F extends FiltersMap> {\n  readonly table: ToolbarCollectionState<T, F>;\n  readonly container: import('@wix/bex-core').WixPatternsContainer;\n  readonly dragAndDrop?: typeof CustomColumnsDragAndDrop;\n  readonly modalsContainerRef: {\n    current: HTMLElement | null | undefined;\n  };\n}\n\nexport type CustomColumnsActionName = 'visibility' | 'reorder';\n\nexport class CustomColumnsState<\n  T,\n  F extends FiltersMap,\n> extends CustomColumnsPanelStateBase<T, F> {\n  readonly table;\n\n  readonly dragAndDrop: CustomColumnsDragAndDropState<T, F> | undefined;\n\n  readonly customColumnsHistory;\n\n  _didFirstColumnsMerge?: boolean;\n  _performedCustomColumnsActions: Map<CustomColumnsActionName, boolean> =\n    new Map();\n\n  readonly initTask = new TaskState();\n\n  _touched = false;\n\n  readonly events = new EventEmitter() as TypedEmitter<{\n    beforeInitialFetch: () => void;\n  }>;\n\n  constructor(params: CustomColumnsStateParams<T, F>) {\n    super({\n      container: params.container,\n      queryName: [\n        params.container.environment.componentId,\n        params.table.collection.queryName,\n        'customColumns',\n      ]\n        .filter(Boolean)\n        .join('/'),\n    });\n\n    this.table = params.table;\n\n    if (params.dragAndDrop) {\n      const { CustomColumnsDragAndDropState } = params.dragAndDrop;\n      this.dragAndDrop = new CustomColumnsDragAndDropState({\n        customColumns: this,\n        dataSource: {\n          get columns() {\n            return params.table.columns;\n          },\n          selectedColumns: params.table.selectedColumns,\n        },\n        components: params.dragAndDrop,\n        modalsContainerRef: params.modalsContainerRef,\n      });\n    }\n\n    this.customColumnsHistory = this.table.collection.persistQueryToUrl\n      ? new CustomColumnsHistoryState({\n          customColumns: this,\n          history: params.container.history,\n        })\n      : null;\n\n    this.initBaseObservables();\n    makeObservable(this, {\n      persistCustomColumns: action.bound,\n      toSelectedColumns: computed,\n      selectedOrderedColumns: computed,\n      init: action,\n    });\n  }\n\n  get orderedColumns(): Column[] {\n    const { dragAndDrop, table } = this;\n    const { columns, customColumnsState } = table;\n\n    if (customColumnsState?.dragAndDrop && dragAndDrop) {\n      return dragAndDrop.orderedColumns;\n    }\n\n    return columns;\n  }\n\n  get selectedOrderedColumns() {\n    const {\n      orderedColumns,\n      table: {\n        selectedColumns: { value: selectedColumns },\n      },\n    } = this;\n\n    return orderedColumns.filter((column) =>\n      selectedColumns.some(\n        (selectedColumn) =>\n          selectedColumn.id === column.id && selectedColumn.isSelected,\n      ),\n    );\n  }\n\n  async persistCustomColumns() {\n    const { table } = this;\n    const { dataCapsule, viewsProps } = table;\n\n    // if views enabled columns persists inside the view instead of data capsule\n    if (viewsProps) {\n      return;\n    }\n\n    this._touched = true;\n    await dataCapsule.setItem(\n      getCustomColumnsKeyForLayout(table.layoutState?.viewType),\n      table.selectedColumns.value,\n    );\n  }\n\n  private registerSelectedColumnChange() {\n    const { table } = this;\n    table.selectedColumns.events.on('refresh', this.persistCustomColumns);\n\n    return () => {\n      table.selectedColumns.events.off('refresh', this.persistCustomColumns);\n    };\n  }\n\n  mergeNewColumns() {\n    const {\n      table: { columns, selectedColumns, _toStoredColumn, customColumnsState },\n      _didFirstColumnsMerge,\n    } = this;\n\n    const defaultHidden =\n      !_didFirstColumnsMerge && !!selectedColumns.value.length;\n\n    const mergeTargetSelectedColumns = [...selectedColumns.value];\n\n    if (customColumnsState?.dragAndDrop == null) {\n      return [\n        ...mergeTargetSelectedColumns.filter((s) =>\n          columns.every((c) => s.id !== c.id),\n        ),\n        ...columns.map((c) => {\n          const existing = selectedColumns.value.find((s) => s.id === c.id);\n          if (existing == null) {\n            return _toStoredColumn(c);\n          }\n\n          return {\n            ...existing,\n            isSelected:\n              c.hideable === false ||\n              c.hiddenFromCustomColumnsSelection ||\n              existing.isSelected,\n          };\n        }),\n      ];\n    }\n\n    const diffColumns = columns\n      .filter((c) => selectedColumns.value.every((s) => s.id !== c.id))\n      .map((c) =>\n        _toStoredColumn({\n          ...c,\n          defaultHidden: defaultHidden || c.defaultHidden,\n        }),\n      );\n\n    // place new columns according to their order in the original columns prop\n    diffColumns.forEach((d) => {\n      const originalIndex = columns.findIndex((c) => c.id === d.id);\n      const afterId = originalIndex > 0 ? columns[originalIndex - 1].id : null;\n      const afterIndex =\n        afterId != null\n          ? mergeTargetSelectedColumns.findIndex((c) => c.id === afterId) + 1\n          : originalIndex === 0\n          ? 0\n          : mergeTargetSelectedColumns.length;\n      mergeTargetSelectedColumns.splice(afterIndex, 0, d);\n    });\n\n    this._didFirstColumnsMerge = true;\n    return mergeTargetSelectedColumns;\n  }\n\n  getStickyColumnsCount({ stickyColumns }: { stickyColumns: number }) {\n    const {\n      dragAndDrop,\n      table: {\n        selectedColumns: { value: selectedColumns },\n      },\n    } = this;\n\n    if (dragAndDrop == null) {\n      return stickyColumns;\n    }\n\n    const { reorderDisabled: reorderDisabledColumns } =\n      dragAndDrop.orderedColumnsByReorderDisabled;\n\n    if (!reorderDisabledColumns.length) {\n      return stickyColumns;\n    }\n\n    return dragAndDrop.orderedColumnsByReorderDisabled.reorderDisabled.filter(\n      (column) =>\n        selectedColumns.some(\n          (selectedColumn) =>\n            selectedColumn.id === column.id && selectedColumn.isSelected,\n        ),\n    ).length;\n  }\n\n  get toSelectedColumns() {\n    const {\n      select,\n      table: {\n        selectedColumns: { value },\n      },\n    } = this;\n\n    return value.map(({ id }) => ({\n      id,\n      isSelected: select.isChecked(id),\n    }));\n  }\n\n  get selectionChanged() {\n    const {\n      toSelectedColumns,\n      table: {\n        selectedColumns: { value },\n      },\n    } = this;\n\n    if (value.length !== toSelectedColumns.length) {\n      return true;\n    }\n\n    for (let i = 0; i < value.length; i++) {\n      const a = value[i];\n      const b = toSelectedColumns[i];\n\n      if (a.id !== b.id || a.isSelected !== b.isSelected) {\n        return true;\n      }\n    }\n\n    return false;\n  }\n\n  init() {\n    const { table } = this;\n    table.customColumnsStateInitialized = true;\n\n    const disposers = [\n      reaction(\n        () => this.table.selectedColumns.value,\n        async (selectedColumns) => {\n          const { select, columnsCollection } = this;\n\n          select.clear();\n          select.forceSetMany(\n            selectedColumns.map(({ id, isSelected }) => ({\n              value: { id },\n              status: isSelected ? select.finalStatus : select.startStatus,\n            })),\n          );\n          await columnsCollection.refreshAllPages();\n        },\n        {\n          fireImmediately: true,\n        },\n      ),\n      reaction(\n        () => this.select.selectedValues,\n        () => {\n          const {\n            table: { selectedColumns },\n          } = this;\n\n          if (!this.selectionChanged) {\n            return;\n          }\n\n          selectedColumns.setValue(this.toSelectedColumns, {\n            emitEvents: ['change', 'beforeRefresh', 'refresh'],\n          });\n        },\n      ),\n\n      this.registerSelectedColumnChange(),\n      this.columnsCollection.init(),\n      this.dragAndDrop?.init(),\n      this.customColumnsHistory?.init(),\n      reaction(\n        () => this.table.layoutState?.viewType,\n        async (newLayout, prevLayout) => {\n          if (!newLayout || !prevLayout || newLayout === prevLayout) {\n            return;\n          }\n          // Views path is handled by CollectionViewsState's own reaction.\n          if (this.table.viewsProps) {\n            return;\n          }\n          const stored = await this._getStoredCustomColumns();\n          if (stored == null) {\n            this.table.selectedColumns.reset();\n          } else {\n            await this._fetchFromStorage();\n          }\n        },\n      ),\n    ];\n\n    return () => {\n      disposers.forEach((disposer) => disposer?.());\n    };\n  }\n\n  async _getStoredCustomColumns() {\n    const { dataCapsule } = this.table;\n    try {\n      const storedValue = await asStoredColumnsOrNull(\n        await dataCapsule.getItem(\n          getCustomColumnsKeyForLayout(this.table.layoutState?.viewType),\n        ),\n      );\n      this._touched = storedValue != null;\n      return storedValue;\n    } catch (e) {\n      if (e instanceof Error && e.message === 'Key was not found in capsule') {\n        return null;\n      }\n\n      throw e;\n    }\n  }\n\n  _tableInit() {\n    const {\n      initTask,\n      table: {\n        multi: { collections },\n      },\n    } = this;\n    initTask.runOnce(async () => {\n      try {\n        const beforeInitialFetchListeners =\n          this.events.listeners('beforeInitialFetch');\n        await Promise.all(beforeInitialFetchListeners.map((l) => l()));\n        await this._fetchFromStorage();\n      } catch (e) {\n        console.error(e);\n      }\n    });\n\n    collections.forEach((collection) => {\n      if (collection.query.refreshOnColumnsChange) {\n        collection.hooks.addListener(\n          'beforeInitialFetch',\n          () => initTask.status.promise,\n        );\n      }\n    });\n  }\n\n  async _fetchFromStorage() {\n    const {\n      table: {\n        viewsProps,\n        columns,\n        selectedColumns,\n        customColumnsState,\n        _toStoredColumn,\n      },\n    } = this;\n\n    if (viewsProps) {\n      return;\n    }\n\n    if (\n      customColumnsState?.customColumnsHistory?.hasUrlColumnsForCurrentLayout\n    ) {\n      return;\n    }\n\n    const storedCustomColumns = await this._getStoredCustomColumns();\n\n    if (storedCustomColumns == null) {\n      return;\n    }\n\n    const selectedColumnsFromStorage = columns.map((tableColumn) => {\n      const existing = storedCustomColumns.find(\n        (c) => c?.id === tableColumn.id,\n      );\n\n      // If the column is not found in the stored columns, it means it was added after the last visit, so its \"isSelected\" state should be calculated based on the column prop passed via code\n      if (existing == null) {\n        return _toStoredColumn(tableColumn);\n      }\n\n      // If the column is found in the stored columns, it means it was already configured by the user, so its  \"isSelected\" state should be taken from the stored columns\n      const { id, name, hideable, hiddenFromCustomColumnsSelection } =\n        tableColumn;\n\n      return {\n        id,\n        name,\n        isSelected:\n          storedCustomColumns.some(\n            (c) => c?.id === id && c?.isSelected !== false,\n          ) ||\n          !hideable ||\n          hiddenFromCustomColumnsSelection === true,\n      };\n    });\n\n    selectedColumns.setValue(\n      customColumnsState?.dragAndDrop\n        ? selectedColumnsFromStorage.sort(\n            indexOfCompareFn(storedCustomColumns, (e) => e?.id),\n          )\n        : selectedColumnsFromStorage,\n    );\n  }\n\n  customizeColumnsInSidePanelBi({\n    actionName,\n  }: {\n    actionName: CustomColumnsActionName;\n  }) {\n    if (this._performedCustomColumnsActions.get(actionName)) {\n      return;\n    }\n    this._performedCustomColumnsActions.set(actionName, true);\n    this.table.reportBi(\n      withoutDefaults(cairoCustomizeColumnsInSidePanel)({\n        actionName,\n      }),\n    );\n  }\n\n  get showFieldTypeIcons() {\n    return this.table.showFieldTypeIcons;\n  }\n\n  get collectionDataExtension() {\n    return this.table.collectionDataExtension;\n  }\n\n  get sidePanelTransition() {\n    return this.table.sidePanel.transition;\n  }\n\n  onClose() {\n    this.table.reportBi(\n      withoutDefaults(cairoFiltersPanelUsed)({\n        isOpened: false,\n        feature: 'Custom Columns',\n        origin: 'X Button',\n      }),\n    );\n    this.table.sidePanel.close();\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/state/EditableTable/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../../src/state/EditableTable/types.ts"],"sourcesContent":["import type { ComponentType } from 'react';\nimport type { RichTextStyleVariables } from '@wix/patterns-fields';\nimport type { TableColumn } from '../../model/tableColumn';\nimport type { ReferenceTypeConfig } from '../../components/EditableTable/cellTypes/reference/types';\nimport type {\n  CellViewProps,\n  CellEditProps,\n} from '../../components/EditableTable/types';\n\nexport interface RichTextCellTypeConfig {\n  textStyle?: RichTextStyleVariables;\n}\n\nexport interface Cell {\n  rowKey: string;\n  columnId: string;\n}\n\nexport interface CellBorder {\n  top: boolean;\n  bottom: boolean;\n  left: boolean;\n  right: boolean;\n}\n\nexport type ValidationRule =\n  | { type: 'required'; message: string }\n  | { type: 'min' | 'max'; value: number; message: string }\n  | { type: 'minLength' | 'maxLength'; value: number; message: string }\n  | { type: 'pattern'; value: RegExp; message: string }\n  | { type: 'custom'; validate: (value: unknown) => boolean; message: string }\n  | {\n      type: 'specificValues';\n      values: { id: string; value: string }[];\n      message: string;\n    };\n\nexport interface ValidationResult {\n  valid: boolean;\n  errors?: string[];\n}\n\nexport interface CellType {\n  type: keyof CellTypeConfigMap;\n\n  /** Render cell in view mode (read-only display) */\n  ViewComponent: ComponentType<CellViewProps<any>>;\n\n  /** Render cell in edit mode (inline editor). Optional — omit for view-only cells. */\n  EditComponent?: ComponentType<CellEditProps<any>>;\n\n  /** Serialize value to clipboard string */\n  serialize?: (value: any) => string;\n\n  /** Deserialize clipboard string to value */\n  deserialize?: (raw: string) => any;\n\n  /** Validate a cell value. Return null if valid, or error message string. */\n  validate?: (value: any, rules?: ValidationRule[]) => string | null;\n\n  /** Can this cell type be edited? (default: true) */\n  editable?: boolean;\n\n  /** Can this cell type be cleared with Delete key? (default: true) */\n  clearable?: boolean;\n\n  /** Toggle value on single click (e.g., boolean checkbox). Skips focus→edit flow. */\n  toggleValue?: (value: any) => any;\n\n  /** Enter edit mode on single click (e.g., image cell with no value). */\n  editOnClick?: (value: any) => boolean;\n\n  /** Show the EditComponent when the cell is focused, without entering edit mode.\n   *  Keyboard navigation remains active. Similar to toggleValue but without toggling. */\n  showEditWhenFocused?: boolean;\n\n  /** Called on type-to-edit. Return object with cleared value and/or prevent flag.\n   *  CMS-web pattern: text clears to '', number clears only for digits, date blocks non-digits.\n   *  Return undefined to block the key. Return {} to enter edit mode without changing the value. */\n  onTypeToEdit?: (params: {\n    key: string;\n    validation?: ValidationRule[];\n  }) => { value?: any } | undefined;\n\n  /** Optional hook to normalize the committed value (e.g. auto-prepend https://).\n   *  Called before commitEdit() from EditableCell (blur/Enter) and useKeyboardNavigation (Tab).\n   *  The value is written back to editingValue via runInAction before committing. */\n  normalizeOnCommit?: (value: any) => any;\n\n  /** When true, type-to-edit flushes the edit-mode render synchronously and\n   *  focuses the input within the same keydown event, then lets the browser's\n   *  default action deliver the keystroke to the now-focused input naturally\n   *  (no preventDefault, no programmatic value injection).\n   *  Mirrors cms-web's `focusOnTyping` pattern. Use for cells that wrap a\n   *  controlled input whose value can't be seeded via props (e.g. WSR TimeInput). */\n  nativeTypeToEdit?: boolean;\n}\n\nexport interface CellTypeConfigMap {\n  text: never;\n  number: never;\n  boolean: never;\n  url: never;\n  email: never;\n  date: never;\n  time: never;\n  object: never;\n  image: never;\n  document: never;\n  richContent: never;\n  video: never;\n  richText: RichTextCellTypeConfig;\n  mediaGallery: never;\n  reference: ReferenceTypeConfig;\n  custom: Omit<CellType, 'type'>;\n}\n\ninterface EditableColumnBase<T> extends Omit<TableColumn<T>, 'render'> {\n  id: string;\n  /** Column type — maps to a CellType in the registry */\n  cellType: keyof CellTypeConfigMap;\n\n  /** Extract the cell value from the row data */\n  getValue: (item: T) => any;\n\n  /** Return updated item with new cell value (immutable) */\n  setValue?: (item: T, value: any) => T;\n\n  /** Column-level validation rules */\n  validation?: ValidationRule[];\n\n  /** Is this column editable? (default: true if setValue exists) */\n  editable?: boolean | ((item: T) => boolean);\n\n  /** True if this column represents the schema's primary field. Drives header-action disable rules (e.g. blocks Delete, blocks Make Primary). */\n  isPrimary?: boolean;\n\n  /** True if this column represents a system field. Drives header-action disable rules (e.g. blocks Edit, Delete, Duplicate). */\n  isSystem?: boolean;\n}\n\nexport type EditableColumn<\n  T,\n  C extends keyof CellTypeConfigMap = keyof CellTypeConfigMap,\n> = C extends C\n  ? EditableColumnBase<T> & {\n      cellType: C;\n      typeConfig?: CellTypeConfigMap[C] extends never\n        ? never\n        : CellTypeConfigMap[C];\n    }\n  : never;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../../src/state/EditableTable/types.ts"],"sourcesContent":["import type { ComponentType } from 'react';\nimport type { RichTextStyleVariables } from '@wix/patterns-fields';\nimport type { TableColumn } from '../../model/tableColumn';\nimport type { ReferenceTypeConfig } from '../../components/EditableTable/cellTypes/reference/types';\nimport type { AddressCellTypeConfig } from '../../components/EditableTable/cellTypes/address';\nimport type {\n  CellViewProps,\n  CellEditProps,\n} from '../../components/EditableTable/types';\n\nexport interface RichTextCellTypeConfig {\n  textStyle?: RichTextStyleVariables;\n}\n\nexport interface Cell {\n  rowKey: string;\n  columnId: string;\n}\n\nexport interface CellBorder {\n  top: boolean;\n  bottom: boolean;\n  left: boolean;\n  right: boolean;\n}\n\nexport type ValidationRule =\n  | { type: 'required'; message: string }\n  | { type: 'min' | 'max'; value: number; message: string }\n  | { type: 'minLength' | 'maxLength'; value: number; message: string }\n  | { type: 'pattern'; value: RegExp; message: string }\n  | { type: 'custom'; validate: (value: unknown) => boolean; message: string }\n  | {\n      type: 'specificValues';\n      values: { id: string; value: string }[];\n      message: string;\n    };\n\nexport interface ValidationResult {\n  valid: boolean;\n  errors?: string[];\n}\n\nexport interface CellType {\n  type: keyof CellTypeConfigMap;\n\n  /** Render cell in view mode (read-only display) */\n  ViewComponent: ComponentType<CellViewProps<any>>;\n\n  /** Render cell in edit mode (inline editor). Optional — omit for view-only cells. */\n  EditComponent?: ComponentType<CellEditProps<any>>;\n\n  /** Serialize value to clipboard string */\n  serialize?: (value: any) => string;\n\n  /** Deserialize clipboard string to value */\n  deserialize?: (raw: string) => any;\n\n  /** Validate a cell value. Return null if valid, or error message string. */\n  validate?: (value: any, rules?: ValidationRule[]) => string | null;\n\n  /** Can this cell type be edited? (default: true) */\n  editable?: boolean;\n\n  /** Can this cell type be cleared with Delete key? (default: true) */\n  clearable?: boolean;\n\n  /** Toggle value on single click (e.g., boolean checkbox). Skips focus→edit flow. */\n  toggleValue?: (value: any) => any;\n\n  /** Enter edit mode on single click (e.g., image cell with no value). */\n  editOnClick?: (value: any) => boolean;\n\n  /** Show the EditComponent when the cell is focused, without entering edit mode.\n   *  Keyboard navigation remains active. Similar to toggleValue but without toggling. */\n  showEditWhenFocused?: boolean;\n\n  /** Called on type-to-edit. Return object with cleared value and/or prevent flag.\n   *  CMS-web pattern: text clears to '', number clears only for digits, date blocks non-digits.\n   *  Return undefined to block the key. Return {} to enter edit mode without changing the value. */\n  onTypeToEdit?: (params: {\n    key: string;\n    validation?: ValidationRule[];\n  }) => { value?: any } | undefined;\n\n  /** Optional hook to normalize the committed value (e.g. auto-prepend https://).\n   *  Called before commitEdit() from EditableCell (blur/Enter) and useKeyboardNavigation (Tab).\n   *  The value is written back to editingValue via runInAction before committing. */\n  normalizeOnCommit?: (value: any) => any;\n\n  /** When true, type-to-edit flushes the edit-mode render synchronously and\n   *  focuses the input within the same keydown event, then lets the browser's\n   *  default action deliver the keystroke to the now-focused input naturally\n   *  (no preventDefault, no programmatic value injection).\n   *  Mirrors cms-web's `focusOnTyping` pattern. Use for cells that wrap a\n   *  controlled input whose value can't be seeded via props (e.g. WSR TimeInput). */\n  nativeTypeToEdit?: boolean;\n}\n\nexport interface CellTypeConfigMap {\n  text: never;\n  number: never;\n  boolean: never;\n  url: never;\n  email: never;\n  date: never;\n  time: never;\n  object: never;\n  image: never;\n  document: never;\n  richContent: never;\n  video: never;\n  richText: RichTextCellTypeConfig;\n  mediaGallery: never;\n  reference: ReferenceTypeConfig;\n  address: AddressCellTypeConfig;\n  custom: Omit<CellType, 'type'>;\n}\n\ninterface EditableColumnBase<T> extends Omit<TableColumn<T>, 'render'> {\n  id: string;\n  /** Column type — maps to a CellType in the registry */\n  cellType: keyof CellTypeConfigMap;\n\n  /** Extract the cell value from the row data */\n  getValue: (item: T) => any;\n\n  /** Return updated item with new cell value (immutable) */\n  setValue?: (item: T, value: any) => T;\n\n  /** Column-level validation rules */\n  validation?: ValidationRule[];\n\n  /** Is this column editable? (default: true if setValue exists) */\n  editable?: boolean | ((item: T) => boolean);\n\n  /** True if this column represents the schema's primary field. Drives header-action disable rules (e.g. blocks Delete, blocks Make Primary). */\n  isPrimary?: boolean;\n\n  /** True if this column represents a system field. Drives header-action disable rules (e.g. blocks Edit, Delete, Duplicate). */\n  isSystem?: boolean;\n}\n\nexport type EditableColumn<\n  T,\n  C extends keyof CellTypeConfigMap = keyof CellTypeConfigMap,\n> = C extends C\n  ? EditableColumnBase<T> & {\n      cellType: C;\n      typeConfig?: CellTypeConfigMap[C] extends never\n        ? never\n        : CellTypeConfigMap[C];\n    }\n  : never;\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/state/FormPage/FormPageHeader.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "FormPageHeader4088530550";
+var _namespace_ = "FormPageHeader347568306";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "FormPageHeader4088530550__root"
+  "root": "FormPageHeader347568306__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/state/FormPage/FormPageHeader.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/state/FormPage/FormPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"FormPageHeader4088530550\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"FormPageHeader4088530550__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/state/FormPage/FormPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"FormPageHeader347568306\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"FormPageHeader347568306__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/state/ViewsState.js

@@ -133,6 +133,8 @@ class ViewsState {
             selectedColumns: allItemsViewProps.selectedColumns,
             sortDirections: allItemsViewProps.sortDirections,
             orderedColumns: allItemsViewProps.orderedColumns,
+            spreadsheetSelectedColumns: allItemsViewProps.spreadsheetSelectedColumns,
+            spreadsheetOrderedColumns: allItemsViewProps.spreadsheetOrderedColumns,
             layout: allItemsViewProps.layout
           };
           views.unshift(allItemsView);