@wix/patterns 1.382.0 → 1.385.0

package/dist/cjs/state/CustomColumnsEntityPageState.js

@@ -0,0 +1,141 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CustomColumnsEntityPageState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _mobx = require("mobx");
+var _CustomColumnsPanelStateBase = require("./CustomColumnsPanelStateBase");
+function fieldToColumn(field, hideable) {
+  var _field$validation;
+  return {
+    id: field.id,
+    name: field.displayName,
+    title: field.displayName,
+    render: () => null,
+    fieldType: field.type,
+    hideable,
+    isPii: field.isPii,
+    isSystem: field.isSystem,
+    isPrimary: field.isPrimary,
+    validation: (_field$validation = field.validation) != null && _field$validation.required ? [{
+      type: 'required',
+      message: ''
+    }] : undefined
+  };
+}
+class CustomColumnsEntityPageState extends _CustomColumnsPanelStateBase.CustomColumnsPanelStateBase {
+  constructor(params) {
+    super({
+      container: params.container,
+      queryName: 'entity-page-custom-columns'
+    });
+    (0, _defineProperty2.default)(this, "panels", void 0);
+    (0, _defineProperty2.default)(this, "fieldsState", void 0);
+    (0, _defineProperty2.default)(this, "_showFieldTypeIcons", void 0);
+    (0, _defineProperty2.default)(this, "_schema", void 0);
+    (0, _defineProperty2.default)(this, "_dragAndDrop", void 0);
+    this.panels = params.panels;
+    this.fieldsState = params.fieldsState;
+    this._showFieldTypeIcons = params.showFieldTypeIcons ?? true;
+    this._schema = params.schema;
+    if (params.dragAndDrop) {
+      const {
+        fieldsState
+      } = params;
+      // eslint-disable-next-line @typescript-eslint/no-this-alias
+      const self = this;
+      const {
+        CustomColumnsDragAndDropState: DnDState
+      } = params.dragAndDrop;
+      this._dragAndDrop = new DnDState({
+        customColumns: this,
+        dataSource: {
+          get columns() {
+            return self.orderedColumns;
+          },
+          selectedColumns: {
+            get value() {
+              return fieldsState.orderedFields.map(f => ({
+                id: f.id,
+                isSelected: fieldsState.isFieldVisible(f.id)
+              }));
+            },
+            refresh(reordered) {
+              fieldsState.setFieldOrder(reordered.map(s => ({
+                id: s.id,
+                isVisible: s.isSelected ?? true
+              })));
+            }
+          }
+        },
+        components: params.dragAndDrop,
+        modalsContainerRef: params.modalsContainerRef
+      });
+    }
+    this.initBaseObservables();
+  }
+  get orderedColumns() {
+    const {
+      fields
+    } = this._schema;
+    return this.fieldsState.orderedFields.map(viewConfig => {
+      var _field$validation2;
+      const field = fields[viewConfig.id];
+      if (!field) {
+        return null;
+      }
+      const isRequired = ((_field$validation2 = field.validation) == null ? void 0 : _field$validation2.required) === true;
+      const hideable = !isRequired;
+      return fieldToColumn(field, hideable);
+    }).filter(Boolean);
+  }
+  get showFieldTypeIcons() {
+    return this._showFieldTypeIcons;
+  }
+  get collectionDataExtension() {
+    return null;
+  }
+  get sidePanelTransition() {
+    return this.panels.sidePanel.transition;
+  }
+  get dragAndDrop() {
+    return this._dragAndDrop;
+  }
+  customizeColumnsInSidePanelBi(_params) {
+    // BI reporting — to be wired
+  }
+  onClose() {
+    this.panels.closeSidePanel();
+  }
+  init() {
+    var _this$_dragAndDrop;
+    const disposers = [(0, _mobx.reaction)(() => this.fieldsState.orderedFields, async () => {
+      const fields = this.fieldsState.orderedFields;
+      this.select.clear();
+      this.select.forceSetMany(fields.map(field => ({
+        value: {
+          id: field.id
+        },
+        status: this.fieldsState.isFieldVisible(field.id) ? this.select.finalStatus : this.select.startStatus
+      })));
+      await this.columnsCollection.refreshAllPages();
+    }, {
+      fireImmediately: true
+    }), (0, _mobx.reaction)(() => this.select.selectedValues, () => {
+      const fields = this.fieldsState.orderedFields;
+      for (const field of fields) {
+        const isChecked = this.select.isChecked(field.id);
+        const isCurrentlyVisible = this.fieldsState.isFieldVisible(field.id);
+        if (isChecked !== isCurrentlyVisible) {
+          this.fieldsState.setFieldVisibility(field.id, isChecked);
+        }
+      }
+    }), this.columnsCollection.init(), (_this$_dragAndDrop = this._dragAndDrop) == null ? void 0 : _this$_dragAndDrop.init()];
+    return () => {
+      disposers.forEach(d => d == null ? void 0 : d());
+    };
+  }
+}
+exports.CustomColumnsEntityPageState = CustomColumnsEntityPageState;
+//# sourceMappingURL=CustomColumnsEntityPageState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_mobx","require","_CustomColumnsPanelStateBase","fieldToColumn","field","hideable","_field$validation","id","name","displayName","title","render","fieldType","type","isPii","isSystem","isPrimary","validation","required","message","undefined","CustomColumnsEntityPageState","CustomColumnsPanelStateBase","constructor","params","container","queryName","_defineProperty2","default","panels","fieldsState","_showFieldTypeIcons","showFieldTypeIcons","_schema","schema","dragAndDrop","self","CustomColumnsDragAndDropState","DnDState","_dragAndDrop","customColumns","dataSource","columns","orderedColumns","selectedColumns","value","orderedFields","map","f","isSelected","isFieldVisible","refresh","reordered","setFieldOrder","s","isVisible","components","modalsContainerRef","initBaseObservables","fields","viewConfig","_field$validation2","isRequired","filter","Boolean","collectionDataExtension","sidePanelTransition","sidePanel","transition","customizeColumnsInSidePanelBi","_params","onClose","closeSidePanel","init","_this$_dragAndDrop","disposers","reaction","select","clear","forceSetMany","status","finalStatus","startStatus","columnsCollection","refreshAllPages","fireImmediately","selectedValues","isChecked","isCurrentlyVisible","setFieldVisibility","forEach","d","exports"],"sources":["../../../src/state/CustomColumnsEntityPageState.ts"],"sourcesContent":["import { TransitionState } from '@wix/bex-core';\nimport { reaction } from 'mobx';\nimport { Column } from '../model';\nimport { CustomColumnsActionName } from './CustomColumnsState';\nimport { SidePanelsState } from './SidePanelsState';\nimport { CustomColumnsPanelStateBase } from './CustomColumnsPanelStateBase';\nimport { SchemaFieldsState } from './SchemaCard/SchemaFieldsState';\nimport type { CustomColumnsDragAndDrop } from '../components/CustomColumns/CustomColumnsDragAndDrop';\nimport type { CustomColumnsDragAndDropState } from './CustomColumnsDragAndDropState';\nimport type { Field, SchemaConfig } from '../types/SchemaConfig';\n\nexport interface CustomColumnsEntityPageStateParams {\n  panels: SidePanelsState;\n  container: import('@wix/bex-core').WixPatternsContainer;\n  fieldsState: SchemaFieldsState;\n  schema: SchemaConfig;\n  showFieldTypeIcons?: boolean;\n  dragAndDrop?: typeof CustomColumnsDragAndDrop;\n  modalsContainerRef: {\n    current: HTMLElement | null | undefined;\n  };\n}\n\nfunction fieldToColumn(\n  field: Field & { isPii?: boolean; isSystem?: boolean; isPrimary?: boolean },\n  hideable: boolean,\n): Column {\n  return {\n    id: field.id,\n    name: field.displayName,\n    title: field.displayName,\n    render: () => null,\n    fieldType: field.type as Column['fieldType'],\n    hideable,\n    isPii: field.isPii,\n    isSystem: field.isSystem,\n    isPrimary: field.isPrimary,\n    validation: field.validation?.required\n      ? [{ type: 'required' as const, message: '' }]\n      : undefined,\n  };\n}\n\nexport class CustomColumnsEntityPageState extends CustomColumnsPanelStateBase {\n  readonly panels: SidePanelsState;\n  readonly fieldsState: SchemaFieldsState;\n  readonly _showFieldTypeIcons: boolean;\n  readonly _schema: SchemaConfig;\n  readonly _dragAndDrop?: CustomColumnsDragAndDropState<unknown, any>;\n\n  constructor(params: CustomColumnsEntityPageStateParams) {\n    super({\n      container: params.container,\n      queryName: 'entity-page-custom-columns',\n    });\n\n    this.panels = params.panels;\n    this.fieldsState = params.fieldsState;\n    this._showFieldTypeIcons = params.showFieldTypeIcons ?? true;\n    this._schema = params.schema;\n\n    if (params.dragAndDrop) {\n      const { fieldsState } = params;\n      // eslint-disable-next-line @typescript-eslint/no-this-alias\n      const self = this;\n      const { CustomColumnsDragAndDropState: DnDState } = params.dragAndDrop;\n      this._dragAndDrop = new DnDState({\n        customColumns: this,\n        dataSource: {\n          get columns() {\n            return self.orderedColumns;\n          },\n          selectedColumns: {\n            get value() {\n              return fieldsState.orderedFields.map((f) => ({\n                id: f.id,\n                isSelected: fieldsState.isFieldVisible(f.id),\n              }));\n            },\n            refresh(reordered) {\n              fieldsState.setFieldOrder(\n                reordered.map((s) => ({\n                  id: s.id,\n                  isVisible: s.isSelected ?? true,\n                })),\n              );\n            },\n          },\n        },\n        components: params.dragAndDrop,\n        modalsContainerRef: params.modalsContainerRef,\n      });\n    }\n\n    this.initBaseObservables();\n  }\n\n  get orderedColumns(): Column[] {\n    const { fields } = this._schema;\n    return this.fieldsState.orderedFields\n      .map((viewConfig) => {\n        const field = fields[viewConfig.id];\n        if (!field) {\n          return null;\n        }\n        const isRequired = field.validation?.required === true;\n        const hideable = !isRequired;\n        return fieldToColumn(field, hideable);\n      })\n      .filter(Boolean) as Column[];\n  }\n\n  get showFieldTypeIcons() {\n    return this._showFieldTypeIcons;\n  }\n\n  get collectionDataExtension() {\n    return null;\n  }\n\n  get sidePanelTransition(): TransitionState<string> | undefined {\n    return this.panels.sidePanel.transition;\n  }\n\n  get dragAndDrop() {\n    return this._dragAndDrop;\n  }\n\n  customizeColumnsInSidePanelBi(_params: {\n    actionName: CustomColumnsActionName;\n  }) {\n    // BI reporting — to be wired\n  }\n\n  onClose() {\n    this.panels.closeSidePanel();\n  }\n\n  init() {\n    const disposers = [\n      reaction(\n        () => this.fieldsState.orderedFields,\n        async () => {\n          const fields = this.fieldsState.orderedFields;\n          this.select.clear();\n          this.select.forceSetMany(\n            fields.map((field) => ({\n              value: { id: field.id },\n              status: this.fieldsState.isFieldVisible(field.id)\n                ? this.select.finalStatus\n                : this.select.startStatus,\n            })),\n          );\n          await this.columnsCollection.refreshAllPages();\n        },\n        { fireImmediately: true },\n      ),\n      reaction(\n        () => this.select.selectedValues,\n        () => {\n          const fields = this.fieldsState.orderedFields;\n          for (const field of fields) {\n            const isChecked = this.select.isChecked(field.id);\n            const isCurrentlyVisible = this.fieldsState.isFieldVisible(\n              field.id,\n            );\n            if (isChecked !== isCurrentlyVisible) {\n              this.fieldsState.setFieldVisibility(field.id, isChecked);\n            }\n          }\n        },\n      ),\n      this.columnsCollection.init(),\n      this._dragAndDrop?.init(),\n    ];\n\n    return () => {\n      disposers.forEach((d) => d?.());\n    };\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/state/CustomColumnsPanelStateBase.js

@@ -0,0 +1,70 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CustomColumnsPanelStateBase = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _bexCore = require("@wix/bex-core");
+var _mobx = require("mobx");
+class CustomColumnsPanelStateBase {
+  constructor(params) {
+    (0, _defineProperty2.default)(this, "container", void 0);
+    (0, _defineProperty2.default)(this, "columnsCollection", void 0);
+    (0, _defineProperty2.default)(this, "select", new _bexCore.SelectState({
+      keyGetter: column => column.id
+    }));
+    (0, _defineProperty2.default)(this, "searchValue", '');
+    (0, _defineProperty2.default)(this, "onColumnClick", void 0);
+    (0, _defineProperty2.default)(this, "setSearchValue", (0, _mobx.action)(value => {
+      this.searchValue = value;
+      this.columnsCollection.refreshAllPages();
+    }));
+    (0, _defineProperty2.default)(this, "onColumnCheckboxToggle", (0, _mobx.action)(column => {
+      const {
+        select,
+        onColumnClick
+      } = this;
+      select.toggle(column);
+      onColumnClick == null || onColumnClick(column, select.isChecked(column.id));
+    }));
+    this.container = params.container;
+    this.columnsCollection = new _bexCore.CollectionState({
+      ...this.container,
+      events: {},
+      queryName: params.queryName,
+      fetchData: async () => {
+        const items = this.filteredColumns.filter(column => column.hiddenFromCustomColumnsSelection !== true);
+        return {
+          items
+        };
+      },
+      filters: {},
+      itemKey: item => item.id,
+      itemName: item => item.name
+    });
+  }
+  initBaseObservables() {
+    (0, _mobx.makeObservable)(this, {
+      searchValue: _mobx.observable,
+      setSearchValue: _mobx.action.bound,
+      orderedColumns: _mobx.computed,
+      filteredColumns: _mobx.computed
+    });
+  }
+  get filteredColumns() {
+    const {
+      orderedColumns,
+      searchValue
+    } = this;
+    if (!searchValue.trim()) {
+      return orderedColumns;
+    }
+    const searchLower = searchValue.toLowerCase();
+    return orderedColumns.filter(column => {
+      const name = column.name || (typeof column.title === 'string' ? column.title : column.id);
+      return name.toLowerCase().includes(searchLower);
+    });
+  }
+}
+exports.CustomColumnsPanelStateBase = CustomColumnsPanelStateBase;
+//# sourceMappingURL=CustomColumnsPanelStateBase.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_bexCore","require","_mobx","CustomColumnsPanelStateBase","constructor","params","_defineProperty2","default","SelectState","keyGetter","column","id","action","value","searchValue","columnsCollection","refreshAllPages","select","onColumnClick","toggle","isChecked","container","CollectionState","events","queryName","fetchData","items","filteredColumns","filter","hiddenFromCustomColumnsSelection","filters","itemKey","item","itemName","name","initBaseObservables","makeObservable","observable","setSearchValue","bound","orderedColumns","computed","trim","searchLower","toLowerCase","title","includes","exports"],"sources":["../../../src/state/CustomColumnsPanelStateBase.ts"],"sourcesContent":["import {\n  CollectionState,\n  FiltersMap,\n  SelectState,\n  TransitionState,\n  WixPatternsContainer,\n} from '@wix/bex-core';\nimport { action, computed, makeObservable, observable } from 'mobx';\nimport { Column } from '../model';\nimport { CustomColumnsActionName } from './CustomColumnsState';\nimport type { CustomColumnsDragAndDropState } from './CustomColumnsDragAndDropState';\nimport type { CollectionDataExtensionState } from '../components/DataExtension';\n\nexport interface CustomColumnsPanelStateBaseParams {\n  container: WixPatternsContainer;\n  queryName: string;\n}\n\nexport abstract class CustomColumnsPanelStateBase<\n  T = unknown,\n  F extends FiltersMap = FiltersMap,\n> {\n  readonly container: WixPatternsContainer;\n  readonly columnsCollection: CollectionState<Column, FiltersMap>;\n\n  readonly select = new SelectState<{ id: string }>({\n    keyGetter: (column) => column.id,\n  });\n\n  searchValue = '';\n\n  onColumnClick?: (column: Column, checked: boolean) => unknown;\n\n  constructor(params: CustomColumnsPanelStateBaseParams) {\n    this.container = params.container;\n\n    this.columnsCollection = new CollectionState({\n      ...this.container,\n      events: {},\n      queryName: params.queryName,\n      fetchData: async () => {\n        const items = this.filteredColumns.filter(\n          (column) => column.hiddenFromCustomColumnsSelection !== true,\n        );\n        return { items };\n      },\n      filters: {},\n      itemKey: (item) => item.id,\n      itemName: (item) => item.name,\n    });\n  }\n\n  protected initBaseObservables() {\n    makeObservable(this, {\n      searchValue: observable,\n      setSearchValue: action.bound,\n      orderedColumns: computed,\n      filteredColumns: computed,\n    });\n  }\n\n  abstract get orderedColumns(): Column[];\n\n  abstract get showFieldTypeIcons(): boolean;\n\n  abstract get collectionDataExtension():\n    | CollectionDataExtensionState<T, F>\n    | null\n    | undefined;\n\n  abstract get sidePanelTransition(): TransitionState<string> | undefined;\n\n  abstract get dragAndDrop(): CustomColumnsDragAndDropState<T, F> | undefined;\n\n  abstract customizeColumnsInSidePanelBi(params: {\n    actionName: CustomColumnsActionName;\n  }): void;\n\n  abstract onClose(): void;\n\n  abstract init(): () => void;\n\n  get filteredColumns(): Column[] {\n    const { orderedColumns, searchValue } = this;\n\n    if (!searchValue.trim()) {\n      return orderedColumns;\n    }\n\n    const searchLower = searchValue.toLowerCase();\n    return orderedColumns.filter((column) => {\n      const name =\n        column.name ||\n        (typeof column.title === 'string' ? column.title : column.id);\n      return name.toLowerCase().includes(searchLower);\n    });\n  }\n\n  setSearchValue = action((value: string) => {\n    this.searchValue = value;\n    this.columnsCollection.refreshAllPages();\n  });\n\n  onColumnCheckboxToggle = action((column: Column) => {\n    const { select, onColumnClick } = this;\n    select.toggle(column);\n    onColumnClick?.(column, select.isChecked(column.id));\n  });\n}\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAOA,IAAAC,KAAA,GAAAD,OAAA;AAWO,MAAeE,2BAA2B,CAG/C;EAYAC,WAAWA,CAACC,MAAyC,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,kBARrC,IAAIC,oBAAW,CAAiB;MAChDC,SAAS,EAAGC,MAAM,IAAKA,MAAM,CAACC;IAChC,CAAC,CAAC;IAAA,IAAAL,gBAAA,CAAAC,OAAA,uBAEY,EAAE;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,0BAqEC,IAAAK,YAAM,EAAEC,KAAa,IAAK;MACzC,IAAI,CAACC,WAAW,GAAGD,KAAK;MACxB,IAAI,CAACE,iBAAiB,CAACC,eAAe,CAAC,CAAC;IAC1C,CAAC,CAAC;IAAA,IAAAV,gBAAA,CAAAC,OAAA,kCAEuB,IAAAK,YAAM,EAAEF,MAAc,IAAK;MAClD,MAAM;QAAEO,MAAM;QAAEC;MAAc,CAAC,GAAG,IAAI;MACtCD,MAAM,CAACE,MAAM,CAACT,MAAM,CAAC;MACrBQ,aAAa,YAAbA,aAAa,CAAGR,MAAM,EAAEO,MAAM,CAACG,SAAS,CAACV,MAAM,CAACC,EAAE,CAAC,CAAC;IACtD,CAAC,CAAC;IAzEA,IAAI,CAACU,SAAS,GAAGhB,MAAM,CAACgB,SAAS;IAEjC,IAAI,CAACN,iBAAiB,GAAG,IAAIO,wBAAe,CAAC;MAC3C,GAAG,IAAI,CAACD,SAAS;MACjBE,MAAM,EAAE,CAAC,CAAC;MACVC,SAAS,EAAEnB,MAAM,CAACmB,SAAS;MAC3BC,SAAS,EAAE,MAAAA,CAAA,KAAY;QACrB,MAAMC,KAAK,GAAG,IAAI,CAACC,eAAe,CAACC,MAAM,CACtClB,MAAM,IAAKA,MAAM,CAACmB,gCAAgC,KAAK,IAC1D,CAAC;QACD,OAAO;UAAEH;QAAM,CAAC;MAClB,CAAC;MACDI,OAAO,EAAE,CAAC,CAAC;MACXC,OAAO,EAAGC,IAAI,IAAKA,IAAI,CAACrB,EAAE;MAC1BsB,QAAQ,EAAGD,IAAI,IAAKA,IAAI,CAACE;IAC3B,CAAC,CAAC;EACJ;EAEUC,mBAAmBA,CAAA,EAAG;IAC9B,IAAAC,oBAAc,EAAC,IAAI,EAAE;MACnBtB,WAAW,EAAEuB,gBAAU;MACvBC,cAAc,EAAE1B,YAAM,CAAC2B,KAAK;MAC5BC,cAAc,EAAEC,cAAQ;MACxBd,eAAe,EAAEc;IACnB,CAAC,CAAC;EACJ;EAuBA,IAAId,eAAeA,CAAA,EAAa;IAC9B,MAAM;MAAEa,cAAc;MAAE1B;IAAY,CAAC,GAAG,IAAI;IAE5C,IAAI,CAACA,WAAW,CAAC4B,IAAI,CAAC,CAAC,EAAE;MACvB,OAAOF,cAAc;IACvB;IAEA,MAAMG,WAAW,GAAG7B,WAAW,CAAC8B,WAAW,CAAC,CAAC;IAC7C,OAAOJ,cAAc,CAACZ,MAAM,CAAElB,MAAM,IAAK;MACvC,MAAMwB,IAAI,GACRxB,MAAM,CAACwB,IAAI,KACV,OAAOxB,MAAM,CAACmC,KAAK,KAAK,QAAQ,GAAGnC,MAAM,CAACmC,KAAK,GAAGnC,MAAM,CAACC,EAAE,CAAC;MAC/D,OAAOuB,IAAI,CAACU,WAAW,CAAC,CAAC,CAACE,QAAQ,CAACH,WAAW,CAAC;IACjD,CAAC,CAAC;EACJ;AAYF;AAACI,OAAA,CAAA5C,2BAAA,GAAAA,2BAAA","ignoreList":[]}

package/dist/cjs/state/CustomColumnsState.js

@@ -10,61 +10,35 @@ var _CustomColumnsHistoryState = require("./CustomColumnsHistoryState");
 var _indexOfCompareFn = require("./indexOfCompareFn");
 var _events = require("events");
 var _bi = require("@wix/bex-core/bi");
+var _CustomColumnsPanelStateBase = require("./CustomColumnsPanelStateBase");
 const asStoredColumnsOrNull = customColumnsResult => Array.isArray(customColumnsResult) ? customColumnsResult : null;
-class CustomColumnsState {
+class CustomColumnsState extends _CustomColumnsPanelStateBase.CustomColumnsPanelStateBase {
   constructor(params) {
+    super({
+      container: params.container,
+      queryName: [params.container.environment.componentId, params.table.collection.queryName, 'customColumns'].filter(Boolean).join('/')
+    });
     (0, _defineProperty2.default)(this, "table", void 0);
-    (0, _defineProperty2.default)(this, "container", void 0);
-    (0, _defineProperty2.default)(this, "columnsCollection", void 0);
     (0, _defineProperty2.default)(this, "dragAndDrop", void 0);
     (0, _defineProperty2.default)(this, "customColumnsHistory", void 0);
-    (0, _defineProperty2.default)(this, "onColumnClick", void 0);
     (0, _defineProperty2.default)(this, "_didFirstColumnsMerge", void 0);
     (0, _defineProperty2.default)(this, "_performedCustomColumnsActions", new Map());
     (0, _defineProperty2.default)(this, "initTask", new _bexCore.TaskState());
     (0, _defineProperty2.default)(this, "_touched", false);
-    (0, _defineProperty2.default)(this, "searchValue", '');
-    (0, _defineProperty2.default)(this, "select", new _bexCore.SelectState({
-      keyGetter: column => column.id
-    }));
     (0, _defineProperty2.default)(this, "events", new _events.EventEmitter());
-    (0, _defineProperty2.default)(this, "onColumnCheckboxToggle", (0, _mobx.action)(column => {
-      const {
-        select,
-        onColumnClick
-      } = this;
-      select.toggle(column);
-      onColumnClick == null || onColumnClick(column, select.isChecked(column.id));
-    }));
-    (0, _defineProperty2.default)(this, "setSearchValue", (0, _mobx.action)(value => {
-      this.searchValue = value;
-      this.columnsCollection.refreshAllPages();
-    }));
     this.table = params.table;
-    this.container = params.container;
-    this.columnsCollection = new _bexCore.CollectionState({
-      ...this.container,
-      events: {},
-      queryName: [this.container.environment.componentId, this.table.collection.queryName, 'customColumns'].filter(Boolean).join('/'),
-      fetchData: async () => {
-        const {
-          filteredColumns
-        } = this;
-        const items = filteredColumns.filter(column => column.hiddenFromCustomColumnsSelection !== true);
-        return {
-          items
-        };
-      },
-      filters: {},
-      itemKey: item => item.id,
-      itemName: item => item.name
-    });
     if (params.dragAndDrop) {
       const {
         CustomColumnsDragAndDropState
       } = params.dragAndDrop;
       this.dragAndDrop = new CustomColumnsDragAndDropState({
         customColumns: this,
+        dataSource: {
+          get columns() {
+            return params.table.columns;
+          },
+          selectedColumns: params.table.selectedColumns
+        },
         components: params.dragAndDrop,
         modalsContainerRef: params.modalsContainerRef
       });
@@ -73,14 +47,11 @@ class CustomColumnsState {
       customColumns: this,
       history: params.container.history
     }) : null;
+    this.initBaseObservables();
     (0, _mobx.makeObservable)(this, {
-      searchValue: _mobx.observable,
       persistCustomColumns: _mobx.action.bound,
-      setSearchValue: _mobx.action.bound,
       toSelectedColumns: _mobx.computed,
-      orderedColumns: _mobx.computed,
       selectedOrderedColumns: _mobx.computed,
-      filteredColumns: _mobx.computed,
       init: _mobx.action
     });
   }
@@ -384,20 +355,6 @@ class CustomColumnsState {
     }));
     this.table.sidePanel.close();
   }
-  get filteredColumns() {
-    const {
-      orderedColumns,
-      searchValue
-    } = this;
-    if (!searchValue.trim()) {
-      return orderedColumns;
-    }
-    const searchLower = searchValue.toLowerCase();
-    return orderedColumns.filter(column => {
-      const name = column.name || (typeof column.title === 'string' ? column.title : column.id);
-      return name.toLowerCase().includes(searchLower);
-    });
-  }
 }
 exports.CustomColumnsState = CustomColumnsState;
 //# sourceMappingURL=CustomColumnsState.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_mobx","_CustomColumnsHistoryState","_indexOfCompareFn","_events","_bi","asStoredColumnsOrNull","customColumnsResult","Array","isArray","CustomColumnsState","constructor","params","_defineProperty2","default","Map","TaskState","SelectState","keyGetter","column","id","EventEmitter","action","select","onColumnClick","toggle","isChecked","value","searchValue","columnsCollection","refreshAllPages","table","container","CollectionState","events","queryName","environment","componentId","collection","filter","Boolean","join","fetchData","filteredColumns","items","hiddenFromCustomColumnsSelection","filters","itemKey","item","itemName","name","dragAndDrop","CustomColumnsDragAndDropState","customColumns","components","modalsContainerRef","customColumnsHistory","persistQueryToUrl","CustomColumnsHistoryState","history","makeObservable","observable","persistCustomColumns","bound","setSearchValue","toSelectedColumns","computed","orderedColumns","selectedOrderedColumns","init","columns","customColumnsState","selectedColumns","some","selectedColumn","isSelected","dataCapsule","viewsProps","_touched","setItem","registerSelectedColumnChange","on","off","mergeNewColumns","_toStoredColumn","_didFirstColumnsMerge","defaultHidden","length","mergeTargetSelectedColumns","s","every","c","map","existing","find","hideable","diffColumns","forEach","d","originalIndex","findIndex","afterId","afterIndex","splice","getStickyColumnsCount","stickyColumns","reorderDisabled","reorderDisabledColumns","orderedColumnsByReorderDisabled","selectionChanged","i","a","b","_this$dragAndDrop","_this$customColumnsHi","customColumnsStateInitialized","disposers","reaction","clear","forceSetMany","status","finalStatus","startStatus","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","sort","indexOfCompareFn","customizeColumnsInSidePanelBi","actionName","_performedCustomColumnsActions","get","set","reportBi","withoutDefaults","cairoCustomizeColumnsInSidePanel","showFieldTypeIcons","collectionDataExtension","sidePanelTransition","sidePanel","transition","onClose","cairoFiltersPanelUsed","isOpened","feature","origin","close","trim","searchLower","toLowerCase","title","includes","exports"],"sources":["../../../src/state/CustomColumnsState.ts"],"sourcesContent":["import {\n  CollectionState,\n  FiltersMap,\n  SelectState,\n  TaskState,\n  TransitionState,\n  TypedEmitter,\n  withoutDefaults,\n  WixPatternsContainer,\n} from '@wix/bex-core';\nimport { action, computed, makeObservable, reaction, observable } 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';\n\nexport type CustomColumnsPanelState<\n  T = unknown,\n  F extends FiltersMap = FiltersMap,\n> = {\n  readonly columnsCollection: CollectionState<Column, FiltersMap>;\n  readonly searchValue: string;\n  readonly orderedColumns: Column[];\n  readonly dragAndDrop?: CustomColumnsDragAndDropState<T, F>;\n  readonly select: SelectState<{ id: string }>;\n  setSearchValue(value: string): void;\n  onColumnCheckboxToggle(column: Column): void;\n  customizeColumnsInSidePanelBi(params: {\n    actionName: CustomColumnsActionName;\n  }): void;\n  init(): () => void;\n  readonly showFieldTypeIcons: boolean;\n  readonly collectionDataExtension?: CollectionDataExtensionState<T, F> | null;\n  readonly sidePanelTransition?: TransitionState<string>;\n  onClose(): void;\n};\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: 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<T, F extends FiltersMap> {\n  readonly table;\n  readonly container;\n\n  readonly columnsCollection;\n\n  readonly dragAndDrop;\n\n  readonly customColumnsHistory;\n\n  onColumnClick?: (column: Column, checked: boolean) => unknown;\n\n  _didFirstColumnsMerge?: boolean;\n  _performedCustomColumnsActions: Map<CustomColumnsActionName, boolean> =\n    new Map();\n\n  readonly initTask = new TaskState();\n\n  _touched = false;\n\n  searchValue = '';\n\n  readonly select = new SelectState<{ id: string }>({\n    keyGetter: (column) => column.id,\n  });\n\n  readonly events = new EventEmitter() as TypedEmitter<{\n    beforeInitialFetch: () => void;\n  }>;\n\n  constructor(params: CustomColumnsStateParams<T, F>) {\n    this.table = params.table;\n    this.container = params.container;\n\n    this.columnsCollection = new CollectionState({\n      ...this.container,\n      events: {},\n      queryName: [\n        this.container.environment.componentId,\n        this.table.collection.queryName,\n        'customColumns',\n      ]\n        .filter(Boolean)\n        .join('/'),\n      fetchData: async () => {\n        const { filteredColumns } = this;\n\n        const items = filteredColumns.filter(\n          (column) => column.hiddenFromCustomColumnsSelection !== true,\n        );\n\n        return {\n          items,\n        };\n      },\n      filters: {},\n      itemKey: (item) => item.id,\n      itemName: (item) => item.name,\n    });\n\n    if (params.dragAndDrop) {\n      const { CustomColumnsDragAndDropState } = params.dragAndDrop;\n      this.dragAndDrop = new CustomColumnsDragAndDropState({\n        customColumns: this,\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    makeObservable(this, {\n      searchValue: observable,\n      persistCustomColumns: action.bound,\n      setSearchValue: action.bound,\n      toSelectedColumns: computed,\n      orderedColumns: computed,\n      selectedOrderedColumns: computed,\n      filteredColumns: 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  onColumnCheckboxToggle = action((column: Column) => {\n    const { select, onColumnClick } = this;\n    select.toggle(column);\n    onColumnClick?.(column, select.isChecked(column.id));\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  get filteredColumns(): Column[] {\n    const { orderedColumns, searchValue } = this;\n\n    if (!searchValue.trim()) {\n      return orderedColumns;\n    }\n\n    const searchLower = searchValue.toLowerCase();\n    return orderedColumns.filter((column) => {\n      const name =\n        column.name ||\n        (typeof column.title === 'string' ? column.title : column.id);\n      return name.toLowerCase().includes(searchLower);\n    });\n  }\n\n  setSearchValue = action((value: string) => {\n    this.searchValue = value;\n    this.columnsCollection.refreshAllPages();\n  });\n}\n"],"mappings":"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","ignoreList":[]}
+{"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":[]}

package/dist/cjs/state/EditableTable/EditableTableState.js

@@ -12,8 +12,10 @@ var _CellInteractionState = require("./CellInteractionState");
 var _CellValueState = require("./CellValueState");
 var _ClipboardState = require("./ClipboardState");
 var _MutationState = require("./MutationState");
+var _FieldActionsState = require("./FieldActionsState");
 class EditableTableState {
   constructor(params) {
+    var _params$permissions;
     (0, _defineProperty2.default)(this, "toolbar", void 0);
     (0, _defineProperty2.default)(this, "tableState", void 0);
     (0, _defineProperty2.default)(this, "cellInteraction", void 0);
@@ -21,6 +23,7 @@ class EditableTableState {
     (0, _defineProperty2.default)(this, "clipboard", void 0);
     (0, _defineProperty2.default)(this, "mutation", void 0);
     (0, _defineProperty2.default)(this, "deleteConfirmModal", new _bexCore.ConditionalModalState());
+    (0, _defineProperty2.default)(this, "fieldActions", void 0);
     (0, _defineProperty2.default)(this, "addItemDisabled", false);
     (0, _defineProperty2.default)(this, "updateItemDisabled", false);
     (0, _defineProperty2.default)(this, "removeItemDisabled", false);
@@ -56,6 +59,7 @@ class EditableTableState {
     }, this);
     this.clipboard = new _ClipboardState.ClipboardState(this);
     this.mutation = new _MutationState.MutationState(this, params.mutations, params.createOptimisticActions);
+    this.fieldActions = new _FieldActionsState.FieldActionsState(params.collection.translate, params.fieldActions, (_params$permissions = params.permissions) == null ? void 0 : _params$permissions.fieldActions);
     (0, _mobx.makeObservable)(this, {
       addItemDisabled: _mobx.observable,
       updateItemDisabled: _mobx.observable,