@wix/patterns 0.8.0

package/dist/cjs/state/CustomColumnsDragAndDropState.js

@@ -0,0 +1,114 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CustomColumnsDragAndDropState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _bexCore = require("@wix/bex-core");
+var _sortable = require("@wix/wix-style-react-incubator/dnd-kit/sortable");
+var _util = require("@wix/bex-core/util");
+var _mobx = require("mobx");
+var _RectState = require("./RectState");
+var _indexOfCompareFn = require("./indexOfCompareFn");
+class CustomColumnsDragAndDropState {
+  constructor({
+    customColumns,
+    components
+  }) {
+    (0, _defineProperty2.default)(this, "container", void 0);
+    (0, _defineProperty2.default)(this, "customColumns", void 0);
+    (0, _defineProperty2.default)(this, "table", void 0);
+    (0, _defineProperty2.default)(this, "columnsActions", void 0);
+    (0, _defineProperty2.default)(this, "components", void 0);
+    (0, _defineProperty2.default)(this, "_dnd", null);
+    (0, _defineProperty2.default)(this, "forceRenderIndexes", undefined);
+    (0, _defineProperty2.default)(this, "reportBi", () => {
+      // report columns re-order BI here
+    });
+    (0, _defineProperty2.default)(this, "listRect", void 0);
+    this.components = components;
+    this.container = customColumns.container;
+    this.listRect = new _RectState.RectState({
+      container: customColumns.container
+    });
+    this.customColumns = customColumns;
+    this.table = customColumns.table;
+    this.columnsActions = new _bexCore.CollectionOptimisticActions({
+      container: this.container,
+      collection: this.customColumns.columnsCollection
+    });
+    (0, _mobx.makeObservable)(this, {
+      _dnd: _mobx.observable.ref,
+      _onCustomColumnsReorder: _mobx.action.bound,
+      containerRect: _mobx.computed,
+      orderedColumns: _mobx.computed,
+      orderedColumnsByReorderDisabled: _mobx.computed
+    });
+  }
+  get orderedColumnsByReorderDisabled() {
+    return this.table.columns.reduce((state, column) => {
+      column.reorderDisabled ? state.reorderDisabled.push(column) : state.regular.push(column);
+      return state;
+    }, {
+      regular: [],
+      reorderDisabled: []
+    });
+  }
+  get orderedColumns() {
+    const {
+      table
+    } = this;
+    const {
+      selectedColumns: {
+        value: selectedColumns
+      }
+    } = table;
+    const {
+      reorderDisabled,
+      regular
+    } = this.orderedColumnsByReorderDisabled;
+    return [...reorderDisabled, ...regular.sort((0, _indexOfCompareFn.indexOfCompareFn)(selectedColumns, c => c.id))];
+  }
+  get collection() {
+    return this.customColumns.columnsCollection;
+  }
+  get containerRect() {
+    const {
+      listRect
+    } = this;
+    if (listRect.rect.left) {
+      return {
+        ...listRect.rect
+      };
+    }
+    return undefined;
+  }
+  _onCustomColumnsReorder(columnId, overColumnId) {
+    const {
+      table: {
+        selectedColumns
+      }
+    } = this;
+    const columnsArray = selectedColumns.value;
+    const reorderedColumnsArray = (0, _sortable.arrayMove)(columnsArray, columnsArray.findIndex(c => c.id === columnId), columnsArray.findIndex(c => c.id === overColumnId));
+    selectedColumns.refresh(reorderedColumnsArray);
+  }
+  init() {
+    const {
+      columnsActions
+    } = this;
+    const disposers = [columnsActions.init(), (0, _util.addEventListener)(columnsActions.events, 'updated', async () => {
+      const {
+        customColumns: {
+          columnsCollection
+        }
+      } = this;
+      await columnsCollection.refreshAllPages();
+    })];
+    return () => {
+      disposers.forEach(disposer => disposer == null ? void 0 : disposer());
+    };
+  }
+}
+exports.CustomColumnsDragAndDropState = CustomColumnsDragAndDropState;
+//# sourceMappingURL=CustomColumnsDragAndDropState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_bexCore","require","_sortable","_util","_mobx","_RectState","_indexOfCompareFn","CustomColumnsDragAndDropState","constructor","customColumns","components","_defineProperty2","default","undefined","container","listRect","RectState","table","columnsActions","CollectionOptimisticActions","collection","columnsCollection","makeObservable","_dnd","observable","ref","_onCustomColumnsReorder","action","bound","containerRect","computed","orderedColumns","orderedColumnsByReorderDisabled","columns","reduce","state","column","reorderDisabled","push","regular","selectedColumns","value","sort","indexOfCompareFn","c","id","rect","left","columnId","overColumnId","columnsArray","reorderedColumnsArray","arrayMove","findIndex","refresh","init","disposers","addEventListener","events","refreshAllPages","forEach","disposer","exports"],"sources":["../../../src/state/CustomColumnsDragAndDropState.ts"],"sourcesContent":["import { CustomColumnsState } from './CustomColumnsState';\nimport { CollectionOptimisticActions, FiltersMap } from '@wix/bex-core';\nimport { arrayMove } from '@wix/wix-style-react-incubator/dnd-kit/sortable';\nimport { addEventListener } from '@wix/bex-core/util';\nimport type { CustomColumnsDragAndDrop } from '../components/CustomColumns/CustomColumnsDragAndDrop';\nimport { DragAndDropState } from '../components/DragAndDrop';\nimport { Column } from '../model';\nimport { action, computed, makeObservable, observable } from 'mobx';\nimport { RectState } from './RectState';\nimport { indexOfCompareFn } from './indexOfCompareFn';\n\nexport interface CustomColumnsDragAndDropStateParams<T, F extends FiltersMap> {\n  readonly customColumns: CustomColumnsState<T, F>;\n  readonly components: typeof CustomColumnsDragAndDrop;\n}\n\nexport class CustomColumnsDragAndDropState<T, F extends FiltersMap> {\n  readonly container;\n  readonly customColumns;\n  readonly table;\n  readonly columnsActions;\n  readonly components;\n\n  _dnd?: DragAndDropState<Column, {}> | null = null;\n\n  forceRenderIndexes: { rowIndex: number; columnIndex: number }[] | undefined =\n    undefined;\n\n  reportBi = () => {\n    // report columns re-order BI here\n  };\n\n  readonly listRect;\n\n  constructor({\n    customColumns,\n    components,\n  }: CustomColumnsDragAndDropStateParams<T, F>) {\n    this.components = components;\n    this.container = customColumns.container;\n    this.listRect = new RectState({\n      container: customColumns.container,\n    });\n    this.customColumns = customColumns;\n    this.table = customColumns.table;\n    this.columnsActions = new CollectionOptimisticActions({\n      container: this.container,\n      collection: this.customColumns.columnsCollection,\n    });\n\n    makeObservable(this, {\n      _dnd: observable.ref,\n      _onCustomColumnsReorder: action.bound,\n      containerRect: computed,\n      orderedColumns: computed,\n      orderedColumnsByReorderDisabled: computed,\n    });\n  }\n\n  get orderedColumnsByReorderDisabled() {\n    return this.table.columns.reduce(\n      (state, column) => {\n        column.reorderDisabled\n          ? state.reorderDisabled.push(column)\n          : state.regular.push(column);\n\n        return state;\n      },\n      { regular: [] as Column[], reorderDisabled: [] as Column[] },\n    );\n  }\n\n  get orderedColumns(): Column[] {\n    const { table } = this;\n    const {\n      selectedColumns: { value: selectedColumns },\n    } = table;\n\n    const { reorderDisabled, regular } = this.orderedColumnsByReorderDisabled;\n\n    return [\n      ...reorderDisabled,\n      ...regular.sort(\n        indexOfCompareFn(selectedColumns as { id: string }[], (c) => c.id),\n      ),\n    ];\n  }\n\n  get collection() {\n    return this.customColumns.columnsCollection;\n  }\n\n  get containerRect() {\n    const { listRect } = this;\n    if (listRect.rect.left) {\n      return {\n        ...listRect.rect,\n      };\n    }\n    return undefined;\n  }\n\n  _onCustomColumnsReorder(columnId: string, overColumnId: string) {\n    const {\n      table: { selectedColumns },\n    } = this;\n\n    const columnsArray = selectedColumns.value;\n\n    const reorderedColumnsArray = arrayMove(\n      columnsArray,\n      columnsArray.findIndex((c) => c.id === columnId),\n      columnsArray.findIndex((c) => c.id === overColumnId),\n    );\n\n    selectedColumns.refresh(reorderedColumnsArray);\n  }\n\n  init() {\n    const { columnsActions } = this;\n    const disposers = [\n      columnsActions.init(),\n      addEventListener(columnsActions.events, 'updated', async () => {\n        const {\n          customColumns: { columnsCollection },\n        } = this;\n        await columnsCollection.refreshAllPages();\n      }),\n    ];\n\n    return () => {\n      disposers.forEach((disposer) => disposer?.());\n    };\n  }\n}\n"],"mappings":"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"}

package/dist/cjs/state/CustomColumnsHistoryState.js

@@ -0,0 +1,65 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CustomColumnsHistoryState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _mobx = require("mobx");
+var _bexCore = require("@wix/bex-core");
+function parseSelectedColumnsString(selectedColumnsFromUrl) {
+  return selectedColumnsFromUrl.split(',').map(columnExpression => {
+    const [id = '', isSelected] = columnExpression.split(' ');
+    return {
+      id: decodeURIComponent(id),
+      isSelected: isSelected !== 'false'
+    };
+  }).filter(({
+    id
+  }) => id);
+}
+class CustomColumnsHistoryState {
+  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;
+    this._preInitHistoryPersistence();
+  }
+  _preInitHistoryPersistence() {
+    const {
+      history,
+      customColumns
+    } = this;
+    const searchParams = new URLSearchParams(history.location.search);
+    this._selectedColumnsFromUrl = searchParams.get(this.selectedColumnsSearchParamName);
+    if (this._selectedColumnsFromUrl) {
+      this.customColumns.table.selectedColumns.setValue(parseSelectedColumnsString(this._selectedColumnsFromUrl));
+      customColumns.table.multi.collections.forEach(({
+        query
+      }) => {
+        query._initializedFromHistory = true;
+      });
+    }
+  }
+  init() {
+    const disposers = [(0, _mobx.reaction)(() => this.customColumns.table.selectedColumns.value, selectedColumns => {
+      (0, _bexCore.replaceSearchParamsWith)(this.history, searchParams => {
+        if (selectedColumns.length) {
+          searchParams.set(this.selectedColumnsSearchParamName, selectedColumns.map(c => `${encodeURIComponent(c.id)}${!c.isSelected ? ' false' : ''}`).join(','));
+        } else {
+          searchParams.delete(this.selectedColumnsSearchParamName);
+        }
+      });
+    }, {
+      fireImmediately: true,
+      delay: 250
+    })];
+    return () => {
+      disposers.forEach(d => d());
+    };
+  }
+}
+exports.CustomColumnsHistoryState = CustomColumnsHistoryState;
+//# sourceMappingURL=CustomColumnsHistoryState.js.map

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

@@ -0,0 +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,IACC,GAAEC,kBAAkB,CAACD,CAAC,CAAClC,EAAE,CAAE,GAC1B,CAACkC,CAAC,CAACjC,UAAU,GAAG,QAAQ,GAAG,EAC5B,EACL,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"}

package/dist/cjs/state/CustomColumnsState.js

@@ -0,0 +1,348 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CustomColumnsState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _bexCore = require("@wix/bex-core");
+var _mobx = require("mobx");
+var _CustomColumnsHistoryState = require("./CustomColumnsHistoryState");
+var _indexOfCompareFn = require("./indexOfCompareFn");
+var _events = require("events");
+var _bi = require("@wix/bex-core/bi");
+const asStoredColumnsOrNull = customColumnsResult => Array.isArray(customColumnsResult) ? customColumnsResult : null;
+class CustomColumnsState {
+  constructor(params) {
+    (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, "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));
+    }));
+    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 {
+          orderedColumns
+        } = this;
+        const items = orderedColumns.filter(column => column.hiddenFromCustomColumnsSelection !== true);
+        return {
+          items
+        };
+      },
+      filters: {},
+      itemKey: item => item.id,
+      itemName: item => item.name,
+      fetchErrorMessage: () => null
+    });
+    if (params.dragAndDrop) {
+      const {
+        CustomColumnsDragAndDropState
+      } = params.dragAndDrop;
+      this.dragAndDrop = new CustomColumnsDragAndDropState({
+        customColumns: this,
+        components: params.dragAndDrop
+      });
+    }
+    this.customColumnsHistory = this.table.collection.persistQueryToUrl ? new _CustomColumnsHistoryState.CustomColumnsHistoryState({
+      customColumns: this,
+      history: params.container.history
+    }) : null;
+    (0, _mobx.makeObservable)(this, {
+      persistCustomColumns: _mobx.action.bound,
+      toSelectedColumns: _mobx.computed,
+      orderedColumns: _mobx.computed,
+      selectedOrderedColumns: _mobx.computed,
+      init: _mobx.action
+    });
+  }
+  get orderedColumns() {
+    const {
+      dragAndDrop,
+      table
+    } = this;
+    const {
+      columns,
+      customColumnsState
+    } = table;
+    if (customColumnsState != null && customColumnsState.dragAndDrop && dragAndDrop) {
+      return dragAndDrop.orderedColumns;
+    }
+    return columns;
+  }
+  get selectedOrderedColumns() {
+    const {
+      orderedColumns,
+      table: {
+        selectedColumns: {
+          value: selectedColumns
+        }
+      }
+    } = this;
+    return orderedColumns.filter(column => selectedColumns.some(selectedColumn => selectedColumn.id === column.id && selectedColumn.isSelected));
+  }
+  async persistCustomColumns() {
+    const {
+      table
+    } = this;
+    const {
+      dataCapsule,
+      viewsProps
+    } = table;
+
+    // if views enabled columns persists inside the view instead of data capsule
+    if (viewsProps) {
+      return;
+    }
+    await dataCapsule.setItem('custom-columns', table.selectedColumns.value);
+  }
+  registerSelectedColumnChange() {
+    const {
+      table
+    } = this;
+    table.selectedColumns.events.on('refresh', this.persistCustomColumns);
+    return () => {
+      table.selectedColumns.events.off('refresh', this.persistCustomColumns);
+    };
+  }
+  mergeNewColumns() {
+    const {
+      table: {
+        columns,
+        selectedColumns,
+        _toStoredColumn,
+        customColumnsState
+      },
+      _didFirstColumnsMerge
+    } = this;
+    const defaultHidden = !_didFirstColumnsMerge && !!selectedColumns.value.length;
+    const mergeTargetSelectedColumns = [...selectedColumns.value];
+    if ((customColumnsState == null ? void 0 : customColumnsState.dragAndDrop) == null) {
+      return [...mergeTargetSelectedColumns.filter(s => columns.every(c => s.id !== c.id)), ...columns.map(c => {
+        const existing = selectedColumns.value.find(s => s.id === c.id);
+        if (existing == null) {
+          return _toStoredColumn(c);
+        }
+        return {
+          ...existing,
+          isSelected: c.hideable === false || c.hiddenFromCustomColumnsSelection || existing.isSelected
+        };
+      })];
+    }
+    const diffColumns = columns.filter(c => selectedColumns.value.every(s => s.id !== c.id)).map(c => _toStoredColumn({
+      ...c,
+      defaultHidden: defaultHidden || c.defaultHidden
+    }));
+
+    // place new columns according to their order in the original columns prop
+    diffColumns.forEach(d => {
+      const originalIndex = columns.findIndex(c => c.id === d.id);
+      const afterId = originalIndex > 0 ? columns[originalIndex - 1].id : null;
+      const afterIndex = afterId != null ? mergeTargetSelectedColumns.findIndex(c => c.id === afterId) + 1 : originalIndex === 0 ? 0 : mergeTargetSelectedColumns.length;
+      mergeTargetSelectedColumns.splice(afterIndex, 0, d);
+    });
+    this._didFirstColumnsMerge = true;
+    return mergeTargetSelectedColumns;
+  }
+  getStickyColumnsCount({
+    stickyColumns
+  }) {
+    const {
+      dragAndDrop,
+      table: {
+        selectedColumns: {
+          value: selectedColumns
+        }
+      }
+    } = this;
+    if (dragAndDrop == null) {
+      return stickyColumns;
+    }
+    const {
+      reorderDisabled: reorderDisabledColumns
+    } = dragAndDrop.orderedColumnsByReorderDisabled;
+    if (!reorderDisabledColumns.length) {
+      return stickyColumns;
+    }
+    return dragAndDrop.orderedColumnsByReorderDisabled.reorderDisabled.filter(column => selectedColumns.some(selectedColumn => selectedColumn.id === column.id && selectedColumn.isSelected)).length;
+  }
+  get toSelectedColumns() {
+    const {
+      select,
+      table: {
+        selectedColumns: {
+          value
+        }
+      }
+    } = this;
+    return value.map(({
+      id
+    }) => ({
+      id,
+      isSelected: select.isChecked(id)
+    }));
+  }
+  get selectionChanged() {
+    const {
+      toSelectedColumns,
+      table: {
+        selectedColumns: {
+          value
+        }
+      }
+    } = this;
+    if (value.length !== toSelectedColumns.length) {
+      return true;
+    }
+    for (let i = 0; i < value.length; i++) {
+      const a = value[i];
+      const b = toSelectedColumns[i];
+      if (a.id !== b.id || a.isSelected !== b.isSelected) {
+        return true;
+      }
+    }
+    return false;
+  }
+  init() {
+    var _this$dragAndDrop, _this$customColumnsHi;
+    const {
+      table
+    } = this;
+    table.customColumnsStateInitialized = true;
+    const disposers = [(0, _mobx.reaction)(() => this.table.selectedColumns.value, async selectedColumns => {
+      const {
+        select,
+        columnsCollection
+      } = this;
+      select.clear();
+      select.forceSetMany(selectedColumns.map(({
+        id,
+        isSelected
+      }) => ({
+        value: {
+          id
+        },
+        status: isSelected ? select.finalStatus : select.startStatus
+      })));
+      await columnsCollection.refreshAllPages();
+    }, {
+      fireImmediately: true
+    }), (0, _mobx.reaction)(() => this.select.selectedValues, () => {
+      const {
+        table: {
+          selectedColumns
+        }
+      } = this;
+      if (!this.selectionChanged) {
+        return;
+      }
+      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()];
+    return () => {
+      disposers.forEach(disposer => disposer == null ? void 0 : disposer());
+    };
+  }
+  async _getStoredCustomColumns() {
+    const {
+      dataCapsule
+    } = this.table;
+    try {
+      return asStoredColumnsOrNull(await dataCapsule.getItem('custom-columns'));
+    } catch (e) {
+      if (e instanceof Error && e.message === 'Key was not found in capsule') {
+        return null;
+      }
+      throw e;
+    }
+  }
+  _tableInit() {
+    const {
+      initTask,
+      table: {
+        multi: {
+          collections
+        }
+      }
+    } = this;
+    initTask.runOnce(async () => {
+      try {
+        const beforeInitialFetchListeners = this.events.listeners('beforeInitialFetch');
+        await Promise.all(beforeInitialFetchListeners.map(l => l()));
+        await this._fetchFromStorage();
+      } catch (e) {
+        console.error(e);
+      }
+    });
+    collections.forEach(collection => {
+      if (collection.query.refreshOnColumnsChange) {
+        collection.emitter.addListener('beforeInitialFetch', () => initTask.status.promise);
+      }
+    });
+  }
+  async _fetchFromStorage() {
+    var _customColumnsState$c;
+    const {
+      table: {
+        viewsProps,
+        columns,
+        selectedColumns,
+        customColumnsState
+      }
+    } = this;
+    if (viewsProps) {
+      return;
+    }
+    if (customColumnsState != null && (_customColumnsState$c = customColumnsState.customColumnsHistory) != null && _customColumnsState$c._selectedColumnsFromUrl) {
+      return;
+    }
+    const storedCustomColumns = await this._getStoredCustomColumns();
+    if (storedCustomColumns == null) {
+      return;
+    }
+    const selectedColumnsFromStorage = columns.map(({
+      id,
+      name,
+      hideable,
+      hiddenFromCustomColumnsSelection
+    }) => ({
+      id,
+      name,
+      isSelected: storedCustomColumns.some(c => (c == null ? void 0 : c.id) === id && (c == null ? void 0 : c.isSelected) !== false) || !hideable || hiddenFromCustomColumnsSelection === true
+    }));
+    selectedColumns.setValue(customColumnsState != null && customColumnsState.dragAndDrop ? selectedColumnsFromStorage.sort((0, _indexOfCompareFn.indexOfCompareFn)(storedCustomColumns, e => e == null ? void 0 : e.id)) : selectedColumnsFromStorage);
+  }
+  customizeColumnsInSidePanelBi({
+    actionName
+  }) {
+    if (this._performedCustomColumnsActions.get(actionName)) {
+      return;
+    }
+    this._performedCustomColumnsActions.set(actionName, true);
+    this.table.reportBi((0, _bexCore.withoutDefaults)(_bi.cairoCustomizeColumnsInSidePanel)({
+      actionName
+    }));
+  }
+}
+exports.CustomColumnsState = CustomColumnsState;
+//# sourceMappingURL=CustomColumnsState.js.map

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

@@ -0,0 +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","table","container","columnsCollection","CollectionState","events","queryName","environment","componentId","collection","filter","Boolean","join","fetchData","orderedColumns","items","hiddenFromCustomColumnsSelection","filters","itemKey","item","itemName","name","fetchErrorMessage","dragAndDrop","CustomColumnsDragAndDropState","customColumns","components","customColumnsHistory","persistQueryToUrl","CustomColumnsHistoryState","history","makeObservable","persistCustomColumns","bound","toSelectedColumns","computed","selectedOrderedColumns","init","columns","customColumnsState","selectedColumns","value","some","selectedColumn","isSelected","dataCapsule","viewsProps","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","refreshAllPages","fireImmediately","selectedValues","setValue","emitEvents","disposer","_getStoredCustomColumns","getItem","e","Error","message","_tableInit","initTask","multi","collections","runOnce","beforeInitialFetchListeners","listeners","Promise","all","l","_fetchFromStorage","console","error","query","refreshOnColumnsChange","emitter","addListener","promise","_customColumnsState$c","_selectedColumnsFromUrl","storedCustomColumns","selectedColumnsFromStorage","sort","indexOfCompareFn","customizeColumnsInSidePanelBi","actionName","_performedCustomColumnsActions","get","set","reportBi","withoutDefaults","cairoCustomizeColumnsInSidePanel","exports"],"sources":["../../../src/state/CustomColumnsState.ts"],"sourcesContent":["import {\n  WixPatternsContainer,\n  CollectionState,\n  FiltersMap,\n  SelectState,\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 { cairoCustomizeColumnsInSidePanel } from '@wix/bex-core/bi';\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}\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  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 { orderedColumns } = this;\n\n        const items = orderedColumns.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      fetchErrorMessage: () => null,\n    });\n\n    if (params.dragAndDrop) {\n      const { CustomColumnsDragAndDropState } = params.dragAndDrop;\n      this.dragAndDrop = new CustomColumnsDragAndDropState({\n        customColumns: this,\n        components: params.dragAndDrop,\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      persistCustomColumns: action.bound,\n      toSelectedColumns: computed,\n      orderedColumns: 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    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      return asStoredColumnsOrNull(await dataCapsule.getItem('custom-columns'));\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.emitter.addListener(\n          'beforeInitialFetch',\n          () => initTask.status.promise,\n        );\n      }\n    });\n  }\n\n  async _fetchFromStorage() {\n    const {\n      table: { viewsProps, columns, selectedColumns, customColumnsState },\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(\n      ({ id, name, hideable, hiddenFromCustomColumnsSelection }) => ({\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"],"mappings":"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"}