@wix/patterns 0.8.0

package/dist/cjs/state/TableVirtualState.js

@@ -0,0 +1,131 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.TableVirtualState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _mobx = require("mobx");
+class TableVirtualState {
+  get container() {
+    return this.table.toolbar.container;
+  }
+  constructor(params) {
+    (0, _defineProperty2.default)(this, "gridRef", void 0);
+    (0, _defineProperty2.default)(this, "table", void 0);
+    (0, _defineProperty2.default)(this, "forceRenderIndexes", undefined);
+    (0, _defineProperty2.default)(this, "gap", 0);
+    (0, _defineProperty2.default)(this, "rowHeight", 0);
+    (0, _defineProperty2.default)(this, "estimatedRowHeight", 80);
+    (0, _defineProperty2.default)(this, "rowHeights", {});
+    (0, _defineProperty2.default)(this, "setVariableRowHeight", ({
+      size,
+      key
+    }) => {
+      this.rowHeights = {
+        ...this.rowHeights,
+        [key]: size
+      };
+    });
+    this.table = params.table;
+    (0, _mobx.makeObservable)(this, {
+      forceRenderIndexes: _mobx.observable.ref,
+      rowHeight: _mobx.observable.ref,
+      estimatedRowHeight: _mobx.observable.ref,
+      rowHeights: _mobx.observable.ref,
+      calcGridProps: _mobx.computed,
+      rowHeightFunc: _mobx.computed,
+      itemsToRenderCount: _mobx.computed,
+      itemKeyRecyclerOverride: _mobx.computed,
+      init: _mobx.action,
+      setVariableRowHeight: _mobx.action
+    });
+    this.init();
+  }
+  init() {
+    const disposers = [(0, _mobx.reaction)(() => this.rowHeights, async () => {
+      var _this$gridRef;
+      (_this$gridRef = this.gridRef) == null || _this$gridRef.resetAfterIndices({
+        columnIndex: 0,
+        rowIndex: 0,
+        shouldForceUpdate: true
+      });
+    })];
+    return () => {
+      disposers.forEach(disposer => disposer == null ? void 0 : disposer());
+    };
+  }
+  get toolbar() {
+    return this.table.toolbar;
+  }
+  get itemsContentWidth() {
+    return this.table.toolbar.itemsContentRect.rect.width ?? 0;
+  }
+  get itemKeyRecyclerOverride() {
+    const {
+      table: {
+        keyedItems
+      }
+    } = this;
+    return index => {
+      var _keyedItems$index;
+      return ((_keyedItems$index = keyedItems[index]) == null ? void 0 : _keyedItems$index.key) ?? index;
+    };
+  }
+  get itemsToRenderCount() {
+    return this.table.keyedItems.length;
+  }
+  get rowHeightFunc() {
+    const {
+      rowHeight: rowHeightProp,
+      table: {
+        keyedItems
+      }
+    } = this;
+    if (process.env.NODE_ENV === 'test' && rowHeightProp == null) {
+      // need to provide rowHeight for tests
+      return () => 20;
+    }
+    if (rowHeightProp == null) {
+      return undefined;
+    }
+    if (typeof rowHeightProp === 'number') {
+      return () => rowHeightProp;
+    }
+    return (0, _mobx.action)(index => rowHeightProp(keyedItems[index].item, index));
+  }
+  get calcGridProps() {
+    const {
+      rowHeightFunc: rowHeight,
+      itemsContentWidth,
+      table: {
+        toolbar
+      },
+      estimatedRowHeight
+    } = this;
+    const {
+      itemsContentHeight
+    } = toolbar;
+    const avgRowHeight = (rowHeight == null ? void 0 : rowHeight(0)) ?? estimatedRowHeight;
+    const overscanCount = avgRowHeight == null ? 10 : Math.round(itemsContentHeight / avgRowHeight * 1.5);
+    return {
+      columnCount: 1,
+      width: itemsContentWidth,
+      columnWidth: () => itemsContentWidth,
+      columnWidthIncludingGap: () => itemsContentWidth,
+      rowHeight,
+      rowHeightIncludingGap: ({
+        index,
+        key
+      }) => {
+        if (rowHeight != null) {
+          return rowHeight(index);
+        }
+        return this.rowHeights[key];
+      },
+      estimatedRowHeight,
+      overscanCount
+    };
+  }
+}
+exports.TableVirtualState = TableVirtualState;
+//# sourceMappingURL=TableVirtualState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_mobx","require","TableVirtualState","container","table","toolbar","constructor","params","_defineProperty2","default","undefined","size","key","rowHeights","makeObservable","forceRenderIndexes","observable","ref","rowHeight","estimatedRowHeight","calcGridProps","computed","rowHeightFunc","itemsToRenderCount","itemKeyRecyclerOverride","init","action","setVariableRowHeight","disposers","reaction","_this$gridRef","gridRef","resetAfterIndices","columnIndex","rowIndex","shouldForceUpdate","forEach","disposer","itemsContentWidth","itemsContentRect","rect","width","keyedItems","index","_keyedItems$index","length","rowHeightProp","process","env","NODE_ENV","item","itemsContentHeight","avgRowHeight","overscanCount","Math","round","columnCount","columnWidth","columnWidthIncludingGap","rowHeightIncludingGap","exports"],"sources":["../../../src/state/TableVirtualState.ts"],"sourcesContent":["import { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { ToolbarCollectionState } from './ToolbarCollectionState';\nimport { action, computed, makeObservable, observable, reaction } from 'mobx';\nimport { ReactWindowGridRef } from '../components/VirtualGridRepeater/VirtualGridRepeaterState';\n\nexport interface TableVirtualStateParams<U, T, F extends FiltersMap> {\n  readonly table: {\n    keyedItems: KeyedItem<U>[];\n    toolbar: ToolbarCollectionState<T, F>;\n  };\n}\n\nexport class TableVirtualState<U, T, F extends FiltersMap> {\n  gridRef?: ReactWindowGridRef | null;\n\n  readonly table;\n\n  forceRenderIndexes: { rowIndex: number; columnIndex: number }[] | undefined =\n    undefined;\n\n  gap = 0;\n\n  rowHeight?: number | ((item: U, index: number) => number) = 0;\n  estimatedRowHeight?: number = 80;\n\n  rowHeights = {} as Record<number | string, number>;\n\n  get container() {\n    return this.table.toolbar.container;\n  }\n\n  constructor(params: TableVirtualStateParams<U, T, F>) {\n    this.table = params.table;\n\n    makeObservable(this, {\n      forceRenderIndexes: observable.ref,\n      rowHeight: observable.ref,\n      estimatedRowHeight: observable.ref,\n      rowHeights: observable.ref,\n      calcGridProps: computed,\n      rowHeightFunc: computed,\n      itemsToRenderCount: computed,\n      itemKeyRecyclerOverride: computed,\n      init: action,\n      setVariableRowHeight: action,\n    });\n\n    this.init();\n  }\n\n  init() {\n    const disposers = [\n      reaction(\n        () => this.rowHeights,\n        async () => {\n          this.gridRef?.resetAfterIndices({\n            columnIndex: 0,\n            rowIndex: 0,\n            shouldForceUpdate: true,\n          });\n        },\n      ),\n    ];\n\n    return () => {\n      disposers.forEach((disposer) => disposer?.());\n    };\n  }\n\n  setVariableRowHeight = ({\n    size,\n    key,\n  }: {\n    size: number;\n    key: number | string;\n  }) => {\n    this.rowHeights = {\n      ...this.rowHeights,\n      [key]: size,\n    };\n  };\n\n  get toolbar() {\n    return this.table.toolbar;\n  }\n\n  get itemsContentWidth() {\n    return this.table.toolbar.itemsContentRect.rect.width ?? 0;\n  }\n\n  get itemKeyRecyclerOverride() {\n    const {\n      table: { keyedItems },\n    } = this;\n    return (index: number) => {\n      return keyedItems[index]?.key ?? index;\n    };\n  }\n\n  get itemsToRenderCount() {\n    return this.table.keyedItems.length;\n  }\n\n  get rowHeightFunc() {\n    const {\n      rowHeight: rowHeightProp,\n      table: { keyedItems },\n    } = this;\n\n    if (process.env.NODE_ENV === 'test' && rowHeightProp == null) {\n      // need to provide rowHeight for tests\n      return () => 20;\n    }\n\n    if (rowHeightProp == null) {\n      return undefined;\n    }\n\n    if (typeof rowHeightProp === 'number') {\n      return () => rowHeightProp as number;\n    }\n\n    return action((index: number) =>\n      rowHeightProp(keyedItems[index].item, index),\n    );\n  }\n\n  get calcGridProps() {\n    const {\n      rowHeightFunc: rowHeight,\n      itemsContentWidth,\n      table: { toolbar },\n      estimatedRowHeight,\n    } = this;\n\n    const { itemsContentHeight } = toolbar;\n    const avgRowHeight = rowHeight?.(0) ?? estimatedRowHeight;\n\n    const overscanCount =\n      avgRowHeight == null\n        ? 10\n        : Math.round((itemsContentHeight / avgRowHeight) * 1.5);\n\n    return {\n      columnCount: 1,\n      width: itemsContentWidth,\n      columnWidth: () => itemsContentWidth,\n      columnWidthIncludingGap: () => itemsContentWidth,\n      rowHeight,\n      rowHeightIncludingGap: ({\n        index,\n        key,\n      }: {\n        index: number;\n        key: number | string;\n      }) => {\n        if (rowHeight != null) {\n          return rowHeight(index);\n        }\n        return this.rowHeights[key];\n      },\n      estimatedRowHeight,\n      overscanCount,\n    };\n  }\n}\n"],"mappings":"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"}

package/dist/cjs/state/TagsBulkAssignPopoverState.js

@@ -0,0 +1,368 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.TagsBulkAssignPopoverState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _mobx = require("mobx");
+var _bexCore = require("@wix/bex-core");
+var _bi = require("@wix/bex-core/bi");
+var _uuid = require("uuid");
+const origin = 'bulk_assign_popover';
+class TagsBulkAssignPopoverState {
+  constructor({
+    tagsManagementState,
+    collectionState,
+    tagsModalState,
+    bulkUpdateTags
+  }) {
+    (0, _defineProperty2.default)(this, "tagsManagementState", void 0);
+    (0, _defineProperty2.default)(this, "collectionState", void 0);
+    (0, _defineProperty2.default)(this, "optimisticActions", void 0);
+    (0, _defineProperty2.default)(this, "tagsModalState", void 0);
+    (0, _defineProperty2.default)(this, "bulkUpdateTags", void 0);
+    (0, _defineProperty2.default)(this, "container", void 0);
+    (0, _defineProperty2.default)(this, "tagsBIReporter", void 0);
+    (0, _defineProperty2.default)(this, "initialSelectedIds", []);
+    (0, _defineProperty2.default)(this, "initialIndeterminateTagIds", []);
+    (0, _defineProperty2.default)(this, "indeterminateTagIds", []);
+    (0, _defineProperty2.default)(this, "assignedTagIds", []);
+    (0, _defineProperty2.default)(this, "optimisticNewTag", null);
+    (0, _defineProperty2.default)(this, "isShown", false);
+    (0, _defineProperty2.default)(this, "searchValue", '');
+    (0, _defineProperty2.default)(this, "assignTag", async ({
+      tag
+    }) => {
+      this.optimisticNewTag = null;
+      if (this.assignedTagIds.includes(tag.id)) {
+        return;
+      }
+      this.assignedTagIds.push(tag.id);
+    });
+    (0, _defineProperty2.default)(this, "assignTagOptimistic", (tagName, tagId = 'fake tag id') => {
+      this.optimisticNewTag = {
+        id: tagId,
+        name: tagName,
+        createdDate: new Date()
+      };
+    });
+    (0, _defineProperty2.default)(this, "unassignTag", async ({
+      tag
+    }) => {
+      const updatedAssignedTagIds = this.assignedTagIds.filter(assignedTagId => assignedTagId !== tag.id);
+      this.assignedTagIds = updatedAssignedTagIds;
+    });
+    (0, _defineProperty2.default)(this, "_calcTagsCount", selectedKeyedItems => {
+      const tagsCount = this.tagsManagementState.items.reduce((result, tag) => {
+        result[tag.id] = 0;
+        return result;
+      }, {});
+      selectedKeyedItems.forEach(selectedKeyedItem => {
+        var _tags;
+        const entityTagIds = ((_tags = selectedKeyedItem.item.tags) == null || (_tags = _tags.privateTags) == null ? void 0 : _tags.tagIds) || [];
+        [...new Set(entityTagIds)].forEach(entityTagId => {
+          if (entityTagId in tagsCount) {
+            tagsCount[entityTagId]++;
+          }
+        });
+      });
+      return tagsCount;
+    });
+    (0, _defineProperty2.default)(this, "_getSelectedTagsIdsStatus", (tagsCount, selectedKeyedItems) => {
+      const selectedTagIds = [];
+      const indeterminateTagIds = [];
+      for (const [tagId, tagCount] of Object.entries(tagsCount)) {
+        if (tagCount === selectedKeyedItems.length) {
+          selectedTagIds.push(tagId);
+        } else if (tagCount > 0) {
+          indeterminateTagIds.push(tagId);
+        }
+      }
+      return {
+        selectedTagIds,
+        indeterminateTagIds
+      };
+    });
+    (0, _defineProperty2.default)(this, "_calItemUpdatedTagsIds", item => {
+      var _tags2;
+      const currentTagIds = ((_tags2 = item.tags) == null || (_tags2 = _tags2.privateTags) == null ? void 0 : _tags2.tagIds) || [];
+      const updatedTagIds = Array.from(new Set([...currentTagIds, ...this.newAssignedTagIds].filter(tagId => !this.newUnassignedTagIds.includes(tagId))));
+      return updatedTagIds;
+    });
+    (0, _defineProperty2.default)(this, "_calcOptimisticItems", () => {
+      return this.collectionState.result.items.map(item => {
+        const selectedIds = this.collectionState.bulkSelect.selectedIds;
+        const itemKey = this.collectionState.itemKey(item);
+        if (!selectedIds.includes(itemKey)) {
+          return item;
+        }
+        const updatedTagIds = this._calItemUpdatedTagsIds(item);
+        return {
+          ...item,
+          tags: {
+            privateTags: {
+              tagIds: updatedTagIds
+            }
+          }
+        };
+      });
+    });
+    (0, _defineProperty2.default)(this, "_isInitialUnassignedTag", tag => !this.initialIndeterminateTagIds.includes(tag.id) && !this.initialSelectedIds.includes(tag.id));
+    (0, _defineProperty2.default)(this, "_reportUndoBi", () => {
+      this.tagsBIReporter.reportBi((0, _bi.cairoUndoClicked)({
+        actionName: 'Save',
+        changedAttributes: 'Tags Assignment'
+      }));
+    });
+    this.tagsManagementState = tagsManagementState;
+    this.collectionState = collectionState;
+    this.optimisticActions = collectionState._optimisticActions ?? new _bexCore.CollectionOptimisticActions({
+      container: this.tagsManagementState.container,
+      collection: this.collectionState
+    });
+    this.tagsBIReporter = new _bexCore.TagsBIReporter({
+      collection: this.tagsManagementState.collection,
+      reportBi: this.tagsManagementState.container.createBILogger({
+        componentType: 'TagsBulkAssignPopover',
+        ...tagsManagementState.fqdn
+      }),
+      location: 'Bulk assign tags popover'
+    });
+    this.tagsModalState = tagsModalState;
+    this.bulkUpdateTags = bulkUpdateTags;
+    this.container = tagsManagementState.container;
+    (0, _mobx.makeObservable)(this, {
+      init: _mobx.action,
+      isShown: _mobx.observable,
+      initialSelectedIds: _mobx.observable,
+      initialIndeterminateTagIds: _mobx.observable,
+      indeterminateTagIds: _mobx.observable,
+      searchValue: _mobx.observable,
+      showPopover: _mobx.action,
+      closePopover: _mobx.action,
+      applyChanges: _mobx.action,
+      handleManageTagsCtaClick: _mobx.action,
+      handleItemSelect: _mobx.action,
+      handleSearchChange: _mobx.action,
+      createAndAssignTag: _mobx.action,
+      retry: _mobx.action,
+      assignedTagIds: _mobx.observable,
+      optimisticNewTag: _mobx.observable.ref,
+      assignedTags: _mobx.computed
+    });
+  }
+  init() {
+    const disposers = [this.optimisticActions.init()];
+    return () => {
+      disposers.forEach(disposer => disposer());
+    };
+  }
+  async showPopover() {
+    if (this.isShown) {
+      return;
+    }
+    this.isShown = true;
+    this._reportPopoverShowChangedBi(true);
+    const {
+      selectedTagIds,
+      indeterminateTagIds
+    } = this._initSelectionState();
+    this.initialSelectedIds = selectedTagIds;
+    this.assignedTagIds = selectedTagIds;
+    this.initialIndeterminateTagIds = indeterminateTagIds;
+    this.indeterminateTagIds = indeterminateTagIds;
+  }
+  closePopover() {
+    this._reportPopoverShowChangedBi(false);
+    this._reportSearchEventsBi('blur');
+    this.isShown = false;
+    this.assignedTagIds = [];
+    this.initialSelectedIds = [];
+    this.initialIndeterminateTagIds = [];
+    this.indeterminateTagIds = [];
+  }
+  async createAndAssignTag(name) {
+    this._reportSearchEventsBi('add');
+    const tagName = name.slice(0, _bexCore.TAG_MAX_LENGTH);
+    const id = (0, _uuid.v4)();
+    this.assignTagOptimistic(tagName, id);
+    this.tagsManagementState.createTag({
+      name,
+      id,
+      filteredListSize: 0,
+      origin,
+      isFromSearch: true,
+      tagsBIReporter: this.tagsBIReporter,
+      onSuccess: newTag => this.assignTag({
+        tag: newTag
+      }),
+      optimisticActionParams: {
+        successToast: {
+          biName: 'cairo-save-new-tag-success',
+          message: this.container.translate('cairo.tags.popover.tagCreated.toast.success')
+        },
+        errorToast: () => ({
+          biName: 'cairo-save-new-tag-error',
+          message: this.container.translate('cairo.tags.collectionPage.toast.create.error')
+        })
+      }
+    });
+  }
+  async applyChanges() {
+    this._reportApplyBi();
+    const items = this._calcOptimisticItems();
+    const entityIds = this.collectionState.bulkSelect.selectedIds;
+    const assignedTagIds = this.newAssignedTagIds;
+    const newUnassignedTagIds = this.newUnassignedTagIds;
+    this.optimisticActions.updateMany(items, {
+      submit: async () => {
+        return this.bulkUpdateTags({
+          entityIds,
+          assignTags: {
+            privateTags: {
+              tagIds: assignedTagIds
+            }
+          },
+          unassignTags: {
+            privateTags: {
+              tagIds: newUnassignedTagIds
+            }
+          }
+        });
+      },
+      successToast: {
+        biName: 'cairo-update-bulk-assign-tags-success',
+        message: this.container.translate('cairo.tags.applyChanges.toast.success')
+      },
+      showUndoToast: true,
+      errorToast: () => ({
+        biName: 'cairo-update-bulk-assign-tags-error',
+        message: this.container.translate('cairo.tags.collectionPage.toast.update.error')
+      }),
+      onUndo: this._reportUndoBi
+    });
+    this.closePopover();
+  }
+  handleManageTagsCtaClick() {
+    this.closePopover();
+    this.tagsModalState.openManageTagsModal({
+      origin
+    });
+  }
+  handleItemSelect(itemId) {
+    const currentTag = this.tagsManagementState.items.find(tag => tag.id === itemId);
+    if (!currentTag) {
+      return;
+    }
+    this._reportSearchEventsBi('select');
+    if (this.initialIndeterminateTagIds.includes(itemId) && this.indeterminateTagIds.includes(itemId)) {
+      this.indeterminateTagIds = this.indeterminateTagIds.filter(indeterminateTagId => indeterminateTagId !== itemId);
+    }
+    if (this.assignedWithOptimisticTagIds.includes(itemId)) {
+      this.unassignTag({
+        tag: currentTag
+      });
+    } else {
+      this.assignTag({
+        tag: currentTag
+      });
+    }
+  }
+  handleSearchChange(searchValue) {
+    this._reportSearchChangedBi(searchValue);
+    this.searchValue = searchValue;
+  }
+  retry() {
+    this.tagsManagementState.retry();
+  }
+  get isInEmptyState() {
+    return this.tagsManagementState.isSuccessful && this.tagsManagementState.items.length === 0;
+  }
+  get tagOptions() {
+    return this.tagsManagementState.items.sort((tag1, tag2) => {
+      const isTag1InitialUnassigned = this._isInitialUnassignedTag(tag1);
+      const isTag2InitialUnassigned = this._isInitialUnassignedTag(tag2);
+
+      // Showing first assigned/indeterminate tags, and unassigned tags below it
+      if (!isTag1InitialUnassigned && isTag2InitialUnassigned) {
+        return -1;
+      }
+      if (isTag1InitialUnassigned && !isTag2InitialUnassigned) {
+        return 1;
+      }
+
+      // Sub order by showing first newer tags
+      return new Date(tag2.createdDate).valueOf() - new Date(tag1.createdDate).valueOf();
+    });
+  }
+  get assignedTags() {
+    const savedAssignedTags = this.assignedTagIds.map(tagId => {
+      return this.tagsManagementState.items.find(tag => tag.id === tagId);
+    }).filter(element => Boolean(element));
+    return this.optimisticNewTag ? [...savedAssignedTags, this.optimisticNewTag] : savedAssignedTags;
+  }
+  get assignedWithOptimisticTagIds() {
+    return this.assignedTags.map(tag => tag.id);
+  }
+  get newAssignedTagIds() {
+    return this.assignedTagIds.filter(tagId => !this.initialSelectedIds.includes(tagId));
+  }
+  get newUnassignedTagIds() {
+    return [...this.initialSelectedIds.filter(tagId => !this.assignedTagIds.includes(tagId)), ...this.initialIndeterminateTagIds.filter(tagId => ![...this.assignedTagIds, ...this.indeterminateTagIds].includes(tagId))];
+  }
+  get isError() {
+    return this.tagsManagementState.isError;
+  }
+  get isLoading() {
+    return this.tagsManagementState.isLoading;
+  }
+  get isDirty() {
+    return this.newAssignedTagIds.length > 0 || this.newUnassignedTagIds.length > 0;
+  }
+  _initSelectionState() {
+    const {
+      selectedKeyedItems
+    } = this.collectionState.bulkSelect;
+    const tagsCount = this._calcTagsCount(selectedKeyedItems);
+    return this._getSelectedTagsIdsStatus(tagsCount, selectedKeyedItems);
+  }
+  _reportPopoverShowChangedBi(isOpened) {
+    this.tagsBIReporter.reportBi((0, _bi.cairoFiltersPanelUsed)({
+      isOpened,
+      feature: 'Tags',
+      origin: 'Assign Tags'
+    }));
+  }
+  _reportSearchChangedBi(searchValue) {
+    if (searchValue !== '') {
+      this.tagsBIReporter.onSearch(searchValue);
+    } else {
+      this.tagsBIReporter._clearAllEvents();
+    }
+  }
+  _reportSearchEventsBi(event) {
+    return this.tagsBIReporter.events.emit(event);
+  }
+  _reportApplyBi() {
+    let actionName = 'Both';
+    if (this.newAssignedTagIds.length === 0) {
+      actionName = 'Remove';
+    } else if (this.newUnassignedTagIds.length === 0) {
+      actionName = 'Assign';
+    }
+    const {
+      selectedIds: selectedItemsIds
+    } = this.collectionState.bulkSelect;
+    this.tagsBIReporter.reportBi((0, _bi.cairoAssignTagsToEntities)({
+      actionName,
+      isFromSearch: this.searchValue !== '',
+      itemIds: JSON.stringify(selectedItemsIds),
+      numItems: selectedItemsIds.length,
+      assignedTags: JSON.stringify(this.newAssignedTagIds),
+      unAssignedTags: JSON.stringify(this.newUnassignedTagIds),
+      origin: 'Assign Tags Modal'
+    }));
+  }
+}
+exports.TagsBulkAssignPopoverState = TagsBulkAssignPopoverState;
+//# sourceMappingURL=TagsBulkAssignPopoverState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_mobx","require","_bexCore","_bi","_uuid","origin","TagsBulkAssignPopoverState","constructor","tagsManagementState","collectionState","tagsModalState","bulkUpdateTags","_defineProperty2","default","tag","optimisticNewTag","assignedTagIds","includes","id","push","tagName","tagId","name","createdDate","Date","updatedAssignedTagIds","filter","assignedTagId","selectedKeyedItems","tagsCount","items","reduce","result","forEach","selectedKeyedItem","_tags","entityTagIds","item","tags","privateTags","tagIds","Set","entityTagId","selectedTagIds","indeterminateTagIds","tagCount","Object","entries","length","_tags2","currentTagIds","updatedTagIds","Array","from","newAssignedTagIds","newUnassignedTagIds","map","selectedIds","bulkSelect","itemKey","_calItemUpdatedTagsIds","initialIndeterminateTagIds","initialSelectedIds","tagsBIReporter","reportBi","cairoUndoClicked","actionName","changedAttributes","optimisticActions","_optimisticActions","CollectionOptimisticActions","container","collection","TagsBIReporter","createBILogger","componentType","fqdn","location","makeObservable","init","action","isShown","observable","searchValue","showPopover","closePopover","applyChanges","handleManageTagsCtaClick","handleItemSelect","handleSearchChange","createAndAssignTag","retry","ref","assignedTags","computed","disposers","disposer","_reportPopoverShowChangedBi","_initSelectionState","_reportSearchEventsBi","slice","TAG_MAX_LENGTH","uuid","assignTagOptimistic","createTag","filteredListSize","isFromSearch","onSuccess","newTag","assignTag","optimisticActionParams","successToast","biName","message","translate","errorToast","_reportApplyBi","_calcOptimisticItems","entityIds","updateMany","submit","assignTags","unassignTags","showUndoToast","onUndo","_reportUndoBi","openManageTagsModal","itemId","currentTag","find","indeterminateTagId","assignedWithOptimisticTagIds","unassignTag","_reportSearchChangedBi","isInEmptyState","isSuccessful","tagOptions","sort","tag1","tag2","isTag1InitialUnassigned","_isInitialUnassignedTag","isTag2InitialUnassigned","valueOf","savedAssignedTags","element","Boolean","isError","isLoading","isDirty","_calcTagsCount","_getSelectedTagsIdsStatus","isOpened","cairoFiltersPanelUsed","feature","onSearch","_clearAllEvents","event","events","emit","selectedItemsIds","cairoAssignTagsToEntities","itemIds","JSON","stringify","numItems","unAssignedTags","exports"],"sources":["../../../src/state/TagsBulkAssignPopoverState.ts"],"sourcesContent":["import { action, makeObservable, computed, observable } from 'mobx';\nimport { TagsModalState } from './TagsModalState';\nimport { Tag } from '@wix/bex-utils/@wix/ambassador-os-tags-v1-tag/types';\nimport {\n  CollectionOptimisticActions,\n  CollectionState,\n  FiltersMap,\n  KeyedItem,\n  TAG_MAX_LENGTH,\n  Tags,\n  TagsBIReporter,\n  TagsManagementState,\n} from '@wix/bex-core';\nimport {\n  cairoAssignTagsToEntities,\n  cairoFiltersPanelUsed,\n  cairoUndoClicked,\n} from '@wix/bex-core/bi';\nimport { v4 as uuid } from 'uuid';\n\nconst origin = 'bulk_assign_popover';\n\nexport interface BulkUpdateTagsParams {\n  entityIds: string[];\n  assignTags: Tags;\n  unassignTags: Tags;\n}\n\nexport interface TagsBulkAssignPopoverStateParams<T, F extends FiltersMap> {\n  readonly tagsManagementState: TagsManagementState;\n  readonly tagsModalState: TagsModalState;\n  readonly collectionState: CollectionState<T, F>;\n  bulkUpdateTags: (params: BulkUpdateTagsParams) => Promise<unknown>;\n}\n\nexport class TagsBulkAssignPopoverState<T, F extends FiltersMap> {\n  readonly tagsManagementState: TagsManagementState;\n  readonly collectionState;\n  readonly optimisticActions: CollectionOptimisticActions<T, F>;\n  readonly tagsModalState;\n  readonly bulkUpdateTags: (params: BulkUpdateTagsParams) => Promise<unknown>;\n  readonly container;\n  readonly tagsBIReporter: TagsBIReporter;\n  initialSelectedIds: string[] = [];\n  initialIndeterminateTagIds: string[] = [];\n  indeterminateTagIds: string[] = [];\n  assignedTagIds: string[] = [];\n  optimisticNewTag: Tag | null = null;\n  isShown = false;\n  searchValue: string = '';\n\n  constructor({\n    tagsManagementState,\n    collectionState,\n    tagsModalState,\n    bulkUpdateTags,\n  }: TagsBulkAssignPopoverStateParams<T, F>) {\n    this.tagsManagementState = tagsManagementState;\n    this.collectionState = collectionState;\n    this.optimisticActions =\n      collectionState._optimisticActions ??\n      new CollectionOptimisticActions<T, F>({\n        container: this.tagsManagementState.container,\n        collection: this.collectionState,\n      });\n    this.tagsBIReporter = new TagsBIReporter({\n      collection: this.tagsManagementState.collection,\n      reportBi: this.tagsManagementState.container.createBILogger({\n        componentType: 'TagsBulkAssignPopover',\n        ...tagsManagementState.fqdn,\n      }),\n      location: 'Bulk assign tags popover',\n    });\n    this.tagsModalState = tagsModalState;\n    this.bulkUpdateTags = bulkUpdateTags;\n    this.container = tagsManagementState.container;\n\n    makeObservable(this, {\n      init: action,\n      isShown: observable,\n      initialSelectedIds: observable,\n      initialIndeterminateTagIds: observable,\n      indeterminateTagIds: observable,\n      searchValue: observable,\n      showPopover: action,\n      closePopover: action,\n      applyChanges: action,\n      handleManageTagsCtaClick: action,\n      handleItemSelect: action,\n      handleSearchChange: action,\n      createAndAssignTag: action,\n      retry: action,\n      assignedTagIds: observable,\n      optimisticNewTag: observable.ref,\n      assignedTags: computed,\n    });\n  }\n\n  init() {\n    const disposers = [this.optimisticActions.init()];\n\n    return () => {\n      disposers.forEach((disposer) => disposer());\n    };\n  }\n\n  async showPopover() {\n    if (this.isShown) {\n      return;\n    }\n\n    this.isShown = true;\n    this._reportPopoverShowChangedBi(true);\n    const { selectedTagIds, indeterminateTagIds } = this._initSelectionState();\n    this.initialSelectedIds = selectedTagIds;\n    this.assignedTagIds = selectedTagIds;\n    this.initialIndeterminateTagIds = indeterminateTagIds;\n    this.indeterminateTagIds = indeterminateTagIds;\n  }\n\n  closePopover() {\n    this._reportPopoverShowChangedBi(false);\n    this._reportSearchEventsBi('blur');\n    this.isShown = false;\n    this.assignedTagIds = [];\n    this.initialSelectedIds = [];\n    this.initialIndeterminateTagIds = [];\n    this.indeterminateTagIds = [];\n  }\n\n  async createAndAssignTag(name: string) {\n    this._reportSearchEventsBi('add');\n    const tagName = name.slice(0, TAG_MAX_LENGTH);\n    const id = uuid();\n    this.assignTagOptimistic(tagName, id);\n    this.tagsManagementState.createTag({\n      name,\n      id,\n      filteredListSize: 0,\n      origin,\n      isFromSearch: true,\n      tagsBIReporter: this.tagsBIReporter,\n      onSuccess: (newTag) => this.assignTag({ tag: newTag }),\n      optimisticActionParams: {\n        successToast: {\n          biName: 'cairo-save-new-tag-success',\n          message: this.container.translate(\n            'cairo.tags.popover.tagCreated.toast.success',\n          ),\n        },\n        errorToast: () => ({\n          biName: 'cairo-save-new-tag-error',\n          message: this.container.translate(\n            'cairo.tags.collectionPage.toast.create.error',\n          ),\n        }),\n      },\n    });\n  }\n\n  async applyChanges() {\n    this._reportApplyBi();\n    const items = this._calcOptimisticItems();\n    const entityIds = this.collectionState.bulkSelect.selectedIds;\n    const assignedTagIds = this.newAssignedTagIds;\n    const newUnassignedTagIds = this.newUnassignedTagIds;\n    this.optimisticActions.updateMany(items, {\n      submit: async () => {\n        return this.bulkUpdateTags({\n          entityIds,\n          assignTags: { privateTags: { tagIds: assignedTagIds } },\n          unassignTags: { privateTags: { tagIds: newUnassignedTagIds } },\n        });\n      },\n      successToast: {\n        biName: 'cairo-update-bulk-assign-tags-success',\n        message: this.container.translate(\n          'cairo.tags.applyChanges.toast.success',\n        ),\n      },\n      showUndoToast: true,\n      errorToast: () => ({\n        biName: 'cairo-update-bulk-assign-tags-error',\n        message: this.container.translate(\n          'cairo.tags.collectionPage.toast.update.error',\n        ),\n      }),\n      onUndo: this._reportUndoBi,\n    });\n\n    this.closePopover();\n  }\n\n  handleManageTagsCtaClick() {\n    this.closePopover();\n    this.tagsModalState.openManageTagsModal({\n      origin,\n    });\n  }\n\n  handleItemSelect(itemId: string) {\n    const currentTag = this.tagsManagementState.items.find(\n      (tag) => tag.id === itemId,\n    );\n    if (!currentTag) {\n      return;\n    }\n\n    this._reportSearchEventsBi('select');\n\n    if (\n      this.initialIndeterminateTagIds.includes(itemId) &&\n      this.indeterminateTagIds.includes(itemId)\n    ) {\n      this.indeterminateTagIds = this.indeterminateTagIds.filter(\n        (indeterminateTagId) => indeterminateTagId !== itemId,\n      );\n    }\n\n    if (this.assignedWithOptimisticTagIds.includes(itemId)) {\n      this.unassignTag({ tag: currentTag });\n    } else {\n      this.assignTag({ tag: currentTag });\n    }\n  }\n\n  handleSearchChange(searchValue: string) {\n    this._reportSearchChangedBi(searchValue);\n    this.searchValue = searchValue;\n  }\n\n  retry() {\n    this.tagsManagementState.retry();\n  }\n\n  get isInEmptyState() {\n    return (\n      this.tagsManagementState.isSuccessful &&\n      this.tagsManagementState.items.length === 0\n    );\n  }\n\n  get tagOptions() {\n    return this.tagsManagementState.items.sort((tag1, tag2) => {\n      const isTag1InitialUnassigned = this._isInitialUnassignedTag(tag1);\n      const isTag2InitialUnassigned = this._isInitialUnassignedTag(tag2);\n\n      // Showing first assigned/indeterminate tags, and unassigned tags below it\n      if (!isTag1InitialUnassigned && isTag2InitialUnassigned) {\n        return -1;\n      }\n\n      if (isTag1InitialUnassigned && !isTag2InitialUnassigned) {\n        return 1;\n      }\n\n      // Sub order by showing first newer tags\n      return (\n        new Date(tag2.createdDate!).valueOf() -\n        new Date(tag1.createdDate!).valueOf()\n      );\n    });\n  }\n\n  get assignedTags() {\n    const savedAssignedTags = this.assignedTagIds\n      .map((tagId) => {\n        return this.tagsManagementState.items.find((tag) => tag.id === tagId);\n      })\n      .filter((element) => Boolean(element)) as Tag[];\n    return this.optimisticNewTag\n      ? [...savedAssignedTags, this.optimisticNewTag]\n      : savedAssignedTags;\n  }\n\n  get assignedWithOptimisticTagIds() {\n    return this.assignedTags.map((tag) => tag.id!);\n  }\n\n  get newAssignedTagIds() {\n    return this.assignedTagIds.filter(\n      (tagId) => !this.initialSelectedIds.includes(tagId),\n    );\n  }\n\n  get newUnassignedTagIds() {\n    return [\n      ...this.initialSelectedIds.filter(\n        (tagId) => !this.assignedTagIds.includes(tagId),\n      ),\n      ...this.initialIndeterminateTagIds.filter(\n        (tagId) =>\n          ![...this.assignedTagIds, ...this.indeterminateTagIds].includes(\n            tagId,\n          ),\n      ),\n    ];\n  }\n\n  get isError() {\n    return this.tagsManagementState.isError;\n  }\n\n  get isLoading() {\n    return this.tagsManagementState.isLoading;\n  }\n\n  get isDirty() {\n    return (\n      this.newAssignedTagIds.length > 0 || this.newUnassignedTagIds.length > 0\n    );\n  }\n\n  assignTag = async ({ tag }: { tag: Tag }) => {\n    this.optimisticNewTag = null;\n    if (this.assignedTagIds.includes(tag.id!)) {\n      return;\n    }\n\n    this.assignedTagIds.push(tag.id!);\n  };\n\n  assignTagOptimistic = (tagName: string, tagId: string = 'fake tag id') => {\n    this.optimisticNewTag = {\n      id: tagId,\n      name: tagName,\n      createdDate: new Date(),\n    };\n  };\n\n  unassignTag = async ({ tag }: { tag: Tag }) => {\n    const updatedAssignedTagIds = this.assignedTagIds.filter(\n      (assignedTagId) => assignedTagId !== tag.id,\n    );\n\n    this.assignedTagIds = updatedAssignedTagIds;\n  };\n\n  private _calcTagsCount = (selectedKeyedItems: KeyedItem<T>[]) => {\n    const tagsCount = this.tagsManagementState.items.reduce(\n      (result: Record<string, number>, tag) => {\n        result[tag.id!] = 0;\n        return result;\n      },\n      {},\n    );\n    selectedKeyedItems.forEach((selectedKeyedItem) => {\n      const entityTagIds =\n        ((selectedKeyedItem.item as any).tags?.privateTags\n          ?.tagIds as string[]) || [];\n      [...new Set(entityTagIds)].forEach((entityTagId) => {\n        if (entityTagId in tagsCount) {\n          tagsCount[entityTagId]++;\n        }\n      });\n    });\n    return tagsCount;\n  };\n\n  private _getSelectedTagsIdsStatus = (\n    tagsCount: Record<string, number>,\n    selectedKeyedItems: KeyedItem<T>[],\n  ) => {\n    const selectedTagIds: string[] = [];\n    const indeterminateTagIds: string[] = [];\n    for (const [tagId, tagCount] of Object.entries(tagsCount)) {\n      if (tagCount === selectedKeyedItems.length) {\n        selectedTagIds.push(tagId);\n      } else if (tagCount > 0) {\n        indeterminateTagIds.push(tagId);\n      }\n    }\n    return { selectedTagIds, indeterminateTagIds };\n  };\n\n  private _calItemUpdatedTagsIds = (item: T) => {\n    const currentTagIds =\n      ((item as any).tags?.privateTags?.tagIds as string[]) || [];\n\n    const updatedTagIds = Array.from(\n      new Set(\n        [...currentTagIds, ...this.newAssignedTagIds].filter(\n          (tagId) => !this.newUnassignedTagIds.includes(tagId),\n        ),\n      ),\n    );\n    return updatedTagIds;\n  };\n\n  private _calcOptimisticItems = () => {\n    return this.collectionState.result.items.map((item: T) => {\n      const selectedIds = this.collectionState.bulkSelect.selectedIds;\n      const itemKey = this.collectionState.itemKey(item);\n      if (!selectedIds.includes(itemKey)) {\n        return item;\n      }\n      const updatedTagIds = this._calItemUpdatedTagsIds(item);\n      return { ...item, tags: { privateTags: { tagIds: updatedTagIds } } };\n    });\n  };\n\n  private _initSelectionState() {\n    const { selectedKeyedItems } = this.collectionState.bulkSelect;\n    const tagsCount = this._calcTagsCount(selectedKeyedItems);\n    return this._getSelectedTagsIdsStatus(tagsCount, selectedKeyedItems);\n  }\n\n  private _isInitialUnassignedTag = (tag: Tag) =>\n    !this.initialIndeterminateTagIds.includes(tag.id!) &&\n    !this.initialSelectedIds.includes(tag.id!);\n\n  private _reportPopoverShowChangedBi(isOpened: boolean) {\n    this.tagsBIReporter.reportBi(\n      cairoFiltersPanelUsed({\n        isOpened,\n        feature: 'Tags',\n        origin: 'Assign Tags',\n      }),\n    );\n  }\n\n  private _reportSearchChangedBi(searchValue: string) {\n    if (searchValue !== '') {\n      this.tagsBIReporter.onSearch(searchValue);\n    } else {\n      this.tagsBIReporter._clearAllEvents();\n    }\n  }\n\n  private _reportSearchEventsBi(event: 'add' | 'select' | 'blur') {\n    return this.tagsBIReporter.events.emit(event);\n  }\n\n  private _reportApplyBi() {\n    let actionName = 'Both';\n    if (this.newAssignedTagIds.length === 0) {\n      actionName = 'Remove';\n    } else if (this.newUnassignedTagIds.length === 0) {\n      actionName = 'Assign';\n    }\n\n    const { selectedIds: selectedItemsIds } = this.collectionState.bulkSelect;\n\n    this.tagsBIReporter.reportBi(\n      cairoAssignTagsToEntities({\n        actionName,\n        isFromSearch: this.searchValue !== '',\n        itemIds: JSON.stringify(selectedItemsIds),\n        numItems: selectedItemsIds.length,\n        assignedTags: JSON.stringify(this.newAssignedTagIds),\n        unAssignedTags: JSON.stringify(this.newUnassignedTagIds),\n        origin: 'Assign Tags Modal',\n      }),\n    );\n  }\n\n  private _reportUndoBi = () => {\n    this.tagsBIReporter.reportBi(\n      cairoUndoClicked({\n        actionName: 'Save',\n        changedAttributes: 'Tags Assignment',\n      }),\n    );\n  };\n}\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAGA,IAAAC,QAAA,GAAAD,OAAA;AAUA,IAAAE,GAAA,GAAAF,OAAA;AAKA,IAAAG,KAAA,GAAAH,OAAA;AAEA,MAAMI,MAAM,GAAG,qBAAqB;AAe7B,MAAMC,0BAA0B,CAA0B;EAgB/DC,WAAWA,CAAC;IACVC,mBAAmB;IACnBC,eAAe;IACfC,cAAc;IACdC;EACsC,CAAC,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,8BAbZ,EAAE;IAAA,IAAAD,gBAAA,CAAAC,OAAA,sCACM,EAAE;IAAA,IAAAD,gBAAA,CAAAC,OAAA,+BACT,EAAE;IAAA,IAAAD,gBAAA,CAAAC,OAAA,0BACP,EAAE;IAAA,IAAAD,gBAAA,CAAAC,OAAA,4BACE,IAAI;IAAA,IAAAD,gBAAA,CAAAC,OAAA,mBACzB,KAAK;IAAA,IAAAD,gBAAA,CAAAC,OAAA,uBACO,EAAE;IAAA,IAAAD,gBAAA,CAAAC,OAAA,qBAwQZ,OAAO;MAAEC;IAAkB,CAAC,KAAK;MAC3C,IAAI,CAACC,gBAAgB,GAAG,IAAI;MAC5B,IAAI,IAAI,CAACC,cAAc,CAACC,QAAQ,CAACH,GAAG,CAACI,EAAG,CAAC,EAAE;QACzC;MACF;MAEA,IAAI,CAACF,cAAc,CAACG,IAAI,CAACL,GAAG,CAACI,EAAG,CAAC;IACnC,CAAC;IAAA,IAAAN,gBAAA,CAAAC,OAAA,+BAEqB,CAACO,OAAe,EAAEC,KAAa,GAAG,aAAa,KAAK;MACxE,IAAI,CAACN,gBAAgB,GAAG;QACtBG,EAAE,EAAEG,KAAK;QACTC,IAAI,EAAEF,OAAO;QACbG,WAAW,EAAE,IAAIC,IAAI,CAAC;MACxB,CAAC;IACH,CAAC;IAAA,IAAAZ,gBAAA,CAAAC,OAAA,uBAEa,OAAO;MAAEC;IAAkB,CAAC,KAAK;MAC7C,MAAMW,qBAAqB,GAAG,IAAI,CAACT,cAAc,CAACU,MAAM,CACrDC,aAAa,IAAKA,aAAa,KAAKb,GAAG,CAACI,EAC3C,CAAC;MAED,IAAI,CAACF,cAAc,GAAGS,qBAAqB;IAC7C,CAAC;IAAA,IAAAb,gBAAA,CAAAC,OAAA,0BAEyBe,kBAAkC,IAAK;MAC/D,MAAMC,SAAS,GAAG,IAAI,CAACrB,mBAAmB,CAACsB,KAAK,CAACC,MAAM,CACrD,CAACC,MAA8B,EAAElB,GAAG,KAAK;QACvCkB,MAAM,CAAClB,GAAG,CAACI,EAAE,CAAE,GAAG,CAAC;QACnB,OAAOc,MAAM;MACf,CAAC,EACD,CAAC,CACH,CAAC;MACDJ,kBAAkB,CAACK,OAAO,CAAEC,iBAAiB,IAAK;QAAA,IAAAC,KAAA;QAChD,MAAMC,YAAY,GAChB,EAAAD,KAAA,GAAED,iBAAiB,CAACG,IAAI,CAASC,IAAI,cAAAH,KAAA,GAApCA,KAAA,CAAsCI,WAAW,qBAAjDJ,KAAA,CACGK,MAAM,KAAiB,EAAE;QAC/B,CAAC,GAAG,IAAIC,GAAG,CAACL,YAAY,CAAC,CAAC,CAACH,OAAO,CAAES,WAAW,IAAK;UAClD,IAAIA,WAAW,IAAIb,SAAS,EAAE;YAC5BA,SAAS,CAACa,WAAW,CAAC,EAAE;UAC1B;QACF,CAAC,CAAC;MACJ,CAAC,CAAC;MACF,OAAOb,SAAS;IAClB,CAAC;IAAA,IAAAjB,gBAAA,CAAAC,OAAA,qCAEmC,CAClCgB,SAAiC,EACjCD,kBAAkC,KAC/B;MACH,MAAMe,cAAwB,GAAG,EAAE;MACnC,MAAMC,mBAA6B,GAAG,EAAE;MACxC,KAAK,MAAM,CAACvB,KAAK,EAAEwB,QAAQ,CAAC,IAAIC,MAAM,CAACC,OAAO,CAAClB,SAAS,CAAC,EAAE;QACzD,IAAIgB,QAAQ,KAAKjB,kBAAkB,CAACoB,MAAM,EAAE;UAC1CL,cAAc,CAACxB,IAAI,CAACE,KAAK,CAAC;QAC5B,CAAC,MAAM,IAAIwB,QAAQ,GAAG,CAAC,EAAE;UACvBD,mBAAmB,CAACzB,IAAI,CAACE,KAAK,CAAC;QACjC;MACF;MACA,OAAO;QAAEsB,cAAc;QAAEC;MAAoB,CAAC;IAChD,CAAC;IAAA,IAAAhC,gBAAA,CAAAC,OAAA,kCAEiCwB,IAAO,IAAK;MAAA,IAAAY,MAAA;MAC5C,MAAMC,aAAa,GACjB,EAAAD,MAAA,GAAEZ,IAAI,CAASC,IAAI,cAAAW,MAAA,GAAlBA,MAAA,CAAoBV,WAAW,qBAA/BU,MAAA,CAAiCT,MAAM,KAAiB,EAAE;MAE7D,MAAMW,aAAa,GAAGC,KAAK,CAACC,IAAI,CAC9B,IAAIZ,GAAG,CACL,CAAC,GAAGS,aAAa,EAAE,GAAG,IAAI,CAACI,iBAAiB,CAAC,CAAC5B,MAAM,CACjDL,KAAK,IAAK,CAAC,IAAI,CAACkC,mBAAmB,CAACtC,QAAQ,CAACI,KAAK,CACrD,CACF,CACF,CAAC;MACD,OAAO8B,aAAa;IACtB,CAAC;IAAA,IAAAvC,gBAAA,CAAAC,OAAA,gCAE8B,MAAM;MACnC,OAAO,IAAI,CAACJ,eAAe,CAACuB,MAAM,CAACF,KAAK,CAAC0B,GAAG,CAAEnB,IAAO,IAAK;QACxD,MAAMoB,WAAW,GAAG,IAAI,CAAChD,eAAe,CAACiD,UAAU,CAACD,WAAW;QAC/D,MAAME,OAAO,GAAG,IAAI,CAAClD,eAAe,CAACkD,OAAO,CAACtB,IAAI,CAAC;QAClD,IAAI,CAACoB,WAAW,CAACxC,QAAQ,CAAC0C,OAAO,CAAC,EAAE;UAClC,OAAOtB,IAAI;QACb;QACA,MAAMc,aAAa,GAAG,IAAI,CAACS,sBAAsB,CAACvB,IAAI,CAAC;QACvD,OAAO;UAAE,GAAGA,IAAI;UAAEC,IAAI,EAAE;YAAEC,WAAW,EAAE;cAAEC,MAAM,EAAEW;YAAc;UAAE;QAAE,CAAC;MACtE,CAAC,CAAC;IACJ,CAAC;IAAA,IAAAvC,gBAAA,CAAAC,OAAA,mCAQkCC,GAAQ,IACzC,CAAC,IAAI,CAAC+C,0BAA0B,CAAC5C,QAAQ,CAACH,GAAG,CAACI,EAAG,CAAC,IAClD,CAAC,IAAI,CAAC4C,kBAAkB,CAAC7C,QAAQ,CAACH,GAAG,CAACI,EAAG,CAAC;IAAA,IAAAN,gBAAA,CAAAC,OAAA,yBA+CpB,MAAM;MAC5B,IAAI,CAACkD,cAAc,CAACC,QAAQ,CAC1B,IAAAC,oBAAgB,EAAC;QACfC,UAAU,EAAE,MAAM;QAClBC,iBAAiB,EAAE;MACrB,CAAC,CACH,CAAC;IACH,CAAC;IAtZC,IAAI,CAAC3D,mBAAmB,GAAGA,mBAAmB;IAC9C,IAAI,CAACC,eAAe,GAAGA,eAAe;IACtC,IAAI,CAAC2D,iBAAiB,GACpB3D,eAAe,CAAC4D,kBAAkB,IAClC,IAAIC,oCAA2B,CAAO;MACpCC,SAAS,EAAE,IAAI,CAAC/D,mBAAmB,CAAC+D,SAAS;MAC7CC,UAAU,EAAE,IAAI,CAAC/D;IACnB,CAAC,CAAC;IACJ,IAAI,CAACsD,cAAc,GAAG,IAAIU,uBAAc,CAAC;MACvCD,UAAU,EAAE,IAAI,CAAChE,mBAAmB,CAACgE,UAAU;MAC/CR,QAAQ,EAAE,IAAI,CAACxD,mBAAmB,CAAC+D,SAAS,CAACG,cAAc,CAAC;QAC1DC,aAAa,EAAE,uBAAuB;QACtC,GAAGnE,mBAAmB,CAACoE;MACzB,CAAC,CAAC;MACFC,QAAQ,EAAE;IACZ,CAAC,CAAC;IACF,IAAI,CAACnE,cAAc,GAAGA,cAAc;IACpC,IAAI,CAACC,cAAc,GAAGA,cAAc;IACpC,IAAI,CAAC4D,SAAS,GAAG/D,mBAAmB,CAAC+D,SAAS;IAE9C,IAAAO,oBAAc,EAAC,IAAI,EAAE;MACnBC,IAAI,EAAEC,YAAM;MACZC,OAAO,EAAEC,gBAAU;MACnBpB,kBAAkB,EAAEoB,gBAAU;MAC9BrB,0BAA0B,EAAEqB,gBAAU;MACtCtC,mBAAmB,EAAEsC,gBAAU;MAC/BC,WAAW,EAAED,gBAAU;MACvBE,WAAW,EAAEJ,YAAM;MACnBK,YAAY,EAAEL,YAAM;MACpBM,YAAY,EAAEN,YAAM;MACpBO,wBAAwB,EAAEP,YAAM;MAChCQ,gBAAgB,EAAER,YAAM;MACxBS,kBAAkB,EAAET,YAAM;MAC1BU,kBAAkB,EAAEV,YAAM;MAC1BW,KAAK,EAAEX,YAAM;MACbhE,cAAc,EAAEkE,gBAAU;MAC1BnE,gBAAgB,EAAEmE,gBAAU,CAACU,GAAG;MAChCC,YAAY,EAAEC;IAChB,CAAC,CAAC;EACJ;EAEAf,IAAIA,CAAA,EAAG;IACL,MAAMgB,SAAS,GAAG,CAAC,IAAI,CAAC3B,iBAAiB,CAACW,IAAI,CAAC,CAAC,CAAC;IAEjD,OAAO,MAAM;MACXgB,SAAS,CAAC9D,OAAO,CAAE+D,QAAQ,IAAKA,QAAQ,CAAC,CAAC,CAAC;IAC7C,CAAC;EACH;EAEA,MAAMZ,WAAWA,CAAA,EAAG;IAClB,IAAI,IAAI,CAACH,OAAO,EAAE;MAChB;IACF;IAEA,IAAI,CAACA,OAAO,GAAG,IAAI;IACnB,IAAI,CAACgB,2BAA2B,CAAC,IAAI,CAAC;IACtC,MAAM;MAAEtD,cAAc;MAAEC;IAAoB,CAAC,GAAG,IAAI,CAACsD,mBAAmB,CAAC,CAAC;IAC1E,IAAI,CAACpC,kBAAkB,GAAGnB,cAAc;IACxC,IAAI,CAAC3B,cAAc,GAAG2B,cAAc;IACpC,IAAI,CAACkB,0BAA0B,GAAGjB,mBAAmB;IACrD,IAAI,CAACA,mBAAmB,GAAGA,mBAAmB;EAChD;EAEAyC,YAAYA,CAAA,EAAG;IACb,IAAI,CAACY,2BAA2B,CAAC,KAAK,CAAC;IACvC,IAAI,CAACE,qBAAqB,CAAC,MAAM,CAAC;IAClC,IAAI,CAAClB,OAAO,GAAG,KAAK;IACpB,IAAI,CAACjE,cAAc,GAAG,EAAE;IACxB,IAAI,CAAC8C,kBAAkB,GAAG,EAAE;IAC5B,IAAI,CAACD,0BAA0B,GAAG,EAAE;IACpC,IAAI,CAACjB,mBAAmB,GAAG,EAAE;EAC/B;EAEA,MAAM8C,kBAAkBA,CAACpE,IAAY,EAAE;IACrC,IAAI,CAAC6E,qBAAqB,CAAC,KAAK,CAAC;IACjC,MAAM/E,OAAO,GAAGE,IAAI,CAAC8E,KAAK,CAAC,CAAC,EAAEC,uBAAc,CAAC;IAC7C,MAAMnF,EAAE,GAAG,IAAAoF,QAAI,EAAC,CAAC;IACjB,IAAI,CAACC,mBAAmB,CAACnF,OAAO,EAAEF,EAAE,CAAC;IACrC,IAAI,CAACV,mBAAmB,CAACgG,SAAS,CAAC;MACjClF,IAAI;MACJJ,EAAE;MACFuF,gBAAgB,EAAE,CAAC;MACnBpG,MAAM;MACNqG,YAAY,EAAE,IAAI;MAClB3C,cAAc,EAAE,IAAI,CAACA,cAAc;MACnC4C,SAAS,EAAGC,MAAM,IAAK,IAAI,CAACC,SAAS,CAAC;QAAE/F,GAAG,EAAE8F;MAAO,CAAC,CAAC;MACtDE,sBAAsB,EAAE;QACtBC,YAAY,EAAE;UACZC,MAAM,EAAE,4BAA4B;UACpCC,OAAO,EAAE,IAAI,CAAC1C,SAAS,CAAC2C,SAAS,CAC/B,6CACF;QACF,CAAC;QACDC,UAAU,EAAEA,CAAA,MAAO;UACjBH,MAAM,EAAE,0BAA0B;UAClCC,OAAO,EAAE,IAAI,CAAC1C,SAAS,CAAC2C,SAAS,CAC/B,8CACF;QACF,CAAC;MACH;IACF,CAAC,CAAC;EACJ;EAEA,MAAM5B,YAAYA,CAAA,EAAG;IACnB,IAAI,CAAC8B,cAAc,CAAC,CAAC;IACrB,MAAMtF,KAAK,GAAG,IAAI,CAACuF,oBAAoB,CAAC,CAAC;IACzC,MAAMC,SAAS,GAAG,IAAI,CAAC7G,eAAe,CAACiD,UAAU,CAACD,WAAW;IAC7D,MAAMzC,cAAc,GAAG,IAAI,CAACsC,iBAAiB;IAC7C,MAAMC,mBAAmB,GAAG,IAAI,CAACA,mBAAmB;IACpD,IAAI,CAACa,iBAAiB,CAACmD,UAAU,CAACzF,KAAK,EAAE;MACvC0F,MAAM,EAAE,MAAAA,CAAA,KAAY;QAClB,OAAO,IAAI,CAAC7G,cAAc,CAAC;UACzB2G,SAAS;UACTG,UAAU,EAAE;YAAElF,WAAW,EAAE;cAAEC,MAAM,EAAExB;YAAe;UAAE,CAAC;UACvD0G,YAAY,EAAE;YAAEnF,WAAW,EAAE;cAAEC,MAAM,EAAEe;YAAoB;UAAE;QAC/D,CAAC,CAAC;MACJ,CAAC;MACDwD,YAAY,EAAE;QACZC,MAAM,EAAE,uCAAuC;QAC/CC,OAAO,EAAE,IAAI,CAAC1C,SAAS,CAAC2C,SAAS,CAC/B,uCACF;MACF,CAAC;MACDS,aAAa,EAAE,IAAI;MACnBR,UAAU,EAAEA,CAAA,MAAO;QACjBH,MAAM,EAAE,qCAAqC;QAC7CC,OAAO,EAAE,IAAI,CAAC1C,SAAS,CAAC2C,SAAS,CAC/B,8CACF;MACF,CAAC,CAAC;MACFU,MAAM,EAAE,IAAI,CAACC;IACf,CAAC,CAAC;IAEF,IAAI,CAACxC,YAAY,CAAC,CAAC;EACrB;EAEAE,wBAAwBA,CAAA,EAAG;IACzB,IAAI,CAACF,YAAY,CAAC,CAAC;IACnB,IAAI,CAAC3E,cAAc,CAACoH,mBAAmB,CAAC;MACtCzH;IACF,CAAC,CAAC;EACJ;EAEAmF,gBAAgBA,CAACuC,MAAc,EAAE;IAC/B,MAAMC,UAAU,GAAG,IAAI,CAACxH,mBAAmB,CAACsB,KAAK,CAACmG,IAAI,CACnDnH,GAAG,IAAKA,GAAG,CAACI,EAAE,KAAK6G,MACtB,CAAC;IACD,IAAI,CAACC,UAAU,EAAE;MACf;IACF;IAEA,IAAI,CAAC7B,qBAAqB,CAAC,QAAQ,CAAC;IAEpC,IACE,IAAI,CAACtC,0BAA0B,CAAC5C,QAAQ,CAAC8G,MAAM,CAAC,IAChD,IAAI,CAACnF,mBAAmB,CAAC3B,QAAQ,CAAC8G,MAAM,CAAC,EACzC;MACA,IAAI,CAACnF,mBAAmB,GAAG,IAAI,CAACA,mBAAmB,CAAClB,MAAM,CACvDwG,kBAAkB,IAAKA,kBAAkB,KAAKH,MACjD,CAAC;IACH;IAEA,IAAI,IAAI,CAACI,4BAA4B,CAAClH,QAAQ,CAAC8G,MAAM,CAAC,EAAE;MACtD,IAAI,CAACK,WAAW,CAAC;QAAEtH,GAAG,EAAEkH;MAAW,CAAC,CAAC;IACvC,CAAC,MAAM;MACL,IAAI,CAACnB,SAAS,CAAC;QAAE/F,GAAG,EAAEkH;MAAW,CAAC,CAAC;IACrC;EACF;EAEAvC,kBAAkBA,CAACN,WAAmB,EAAE;IACtC,IAAI,CAACkD,sBAAsB,CAAClD,WAAW,CAAC;IACxC,IAAI,CAACA,WAAW,GAAGA,WAAW;EAChC;EAEAQ,KAAKA,CAAA,EAAG;IACN,IAAI,CAACnF,mBAAmB,CAACmF,KAAK,CAAC,CAAC;EAClC;EAEA,IAAI2C,cAAcA,CAAA,EAAG;IACnB,OACE,IAAI,CAAC9H,mBAAmB,CAAC+H,YAAY,IACrC,IAAI,CAAC/H,mBAAmB,CAACsB,KAAK,CAACkB,MAAM,KAAK,CAAC;EAE/C;EAEA,IAAIwF,UAAUA,CAAA,EAAG;IACf,OAAO,IAAI,CAAChI,mBAAmB,CAACsB,KAAK,CAAC2G,IAAI,CAAC,CAACC,IAAI,EAAEC,IAAI,KAAK;MACzD,MAAMC,uBAAuB,GAAG,IAAI,CAACC,uBAAuB,CAACH,IAAI,CAAC;MAClE,MAAMI,uBAAuB,GAAG,IAAI,CAACD,uBAAuB,CAACF,IAAI,CAAC;;MAElE;MACA,IAAI,CAACC,uBAAuB,IAAIE,uBAAuB,EAAE;QACvD,OAAO,CAAC,CAAC;MACX;MAEA,IAAIF,uBAAuB,IAAI,CAACE,uBAAuB,EAAE;QACvD,OAAO,CAAC;MACV;;MAEA;MACA,OACE,IAAItH,IAAI,CAACmH,IAAI,CAACpH,WAAY,CAAC,CAACwH,OAAO,CAAC,CAAC,GACrC,IAAIvH,IAAI,CAACkH,IAAI,CAACnH,WAAY,CAAC,CAACwH,OAAO,CAAC,CAAC;IAEzC,CAAC,CAAC;EACJ;EAEA,IAAIlD,YAAYA,CAAA,EAAG;IACjB,MAAMmD,iBAAiB,GAAG,IAAI,CAAChI,cAAc,CAC1CwC,GAAG,CAAEnC,KAAK,IAAK;MACd,OAAO,IAAI,CAACb,mBAAmB,CAACsB,KAAK,CAACmG,IAAI,CAAEnH,GAAG,IAAKA,GAAG,CAACI,EAAE,KAAKG,KAAK,CAAC;IACvE,CAAC,CAAC,CACDK,MAAM,CAAEuH,OAAO,IAAKC,OAAO,CAACD,OAAO,CAAC,CAAU;IACjD,OAAO,IAAI,CAAClI,gBAAgB,GACxB,CAAC,GAAGiI,iBAAiB,EAAE,IAAI,CAACjI,gBAAgB,CAAC,GAC7CiI,iBAAiB;EACvB;EAEA,IAAIb,4BAA4BA,CAAA,EAAG;IACjC,OAAO,IAAI,CAACtC,YAAY,CAACrC,GAAG,CAAE1C,GAAG,IAAKA,GAAG,CAACI,EAAG,CAAC;EAChD;EAEA,IAAIoC,iBAAiBA,CAAA,EAAG;IACtB,OAAO,IAAI,CAACtC,cAAc,CAACU,MAAM,CAC9BL,KAAK,IAAK,CAAC,IAAI,CAACyC,kBAAkB,CAAC7C,QAAQ,CAACI,KAAK,CACpD,CAAC;EACH;EAEA,IAAIkC,mBAAmBA,CAAA,EAAG;IACxB,OAAO,CACL,GAAG,IAAI,CAACO,kBAAkB,CAACpC,MAAM,CAC9BL,KAAK,IAAK,CAAC,IAAI,CAACL,cAAc,CAACC,QAAQ,CAACI,KAAK,CAChD,CAAC,EACD,GAAG,IAAI,CAACwC,0BAA0B,CAACnC,MAAM,CACtCL,KAAK,IACJ,CAAC,CAAC,GAAG,IAAI,CAACL,cAAc,EAAE,GAAG,IAAI,CAAC4B,mBAAmB,CAAC,CAAC3B,QAAQ,CAC7DI,KACF,CACJ,CAAC,CACF;EACH;EAEA,IAAI8H,OAAOA,CAAA,EAAG;IACZ,OAAO,IAAI,CAAC3I,mBAAmB,CAAC2I,OAAO;EACzC;EAEA,IAAIC,SAASA,CAAA,EAAG;IACd,OAAO,IAAI,CAAC5I,mBAAmB,CAAC4I,SAAS;EAC3C;EAEA,IAAIC,OAAOA,CAAA,EAAG;IACZ,OACE,IAAI,CAAC/F,iBAAiB,CAACN,MAAM,GAAG,CAAC,IAAI,IAAI,CAACO,mBAAmB,CAACP,MAAM,GAAG,CAAC;EAE5E;EA0FQkD,mBAAmBA,CAAA,EAAG;IAC5B,MAAM;MAAEtE;IAAmB,CAAC,GAAG,IAAI,CAACnB,eAAe,CAACiD,UAAU;IAC9D,MAAM7B,SAAS,GAAG,IAAI,CAACyH,cAAc,CAAC1H,kBAAkB,CAAC;IACzD,OAAO,IAAI,CAAC2H,yBAAyB,CAAC1H,SAAS,EAAED,kBAAkB,CAAC;EACtE;EAMQqE,2BAA2BA,CAACuD,QAAiB,EAAE;IACrD,IAAI,CAACzF,cAAc,CAACC,QAAQ,CAC1B,IAAAyF,yBAAqB,EAAC;MACpBD,QAAQ;MACRE,OAAO,EAAE,MAAM;MACfrJ,MAAM,EAAE;IACV,CAAC,CACH,CAAC;EACH;EAEQgI,sBAAsBA,CAAClD,WAAmB,EAAE;IAClD,IAAIA,WAAW,KAAK,EAAE,EAAE;MACtB,IAAI,CAACpB,cAAc,CAAC4F,QAAQ,CAACxE,WAAW,CAAC;IAC3C,CAAC,MAAM;MACL,IAAI,CAACpB,cAAc,CAAC6F,eAAe,CAAC,CAAC;IACvC;EACF;EAEQzD,qBAAqBA,CAAC0D,KAAgC,EAAE;IAC9D,OAAO,IAAI,CAAC9F,cAAc,CAAC+F,MAAM,CAACC,IAAI,CAACF,KAAK,CAAC;EAC/C;EAEQzC,cAAcA,CAAA,EAAG;IACvB,IAAIlD,UAAU,GAAG,MAAM;IACvB,IAAI,IAAI,CAACZ,iBAAiB,CAACN,MAAM,KAAK,CAAC,EAAE;MACvCkB,UAAU,GAAG,QAAQ;IACvB,CAAC,MAAM,IAAI,IAAI,CAACX,mBAAmB,CAACP,MAAM,KAAK,CAAC,EAAE;MAChDkB,UAAU,GAAG,QAAQ;IACvB;IAEA,MAAM;MAAET,WAAW,EAAEuG;IAAiB,CAAC,GAAG,IAAI,CAACvJ,eAAe,CAACiD,UAAU;IAEzE,IAAI,CAACK,cAAc,CAACC,QAAQ,CAC1B,IAAAiG,6BAAyB,EAAC;MACxB/F,UAAU;MACVwC,YAAY,EAAE,IAAI,CAACvB,WAAW,KAAK,EAAE;MACrC+E,OAAO,EAAEC,IAAI,CAACC,SAAS,CAACJ,gBAAgB,CAAC;MACzCK,QAAQ,EAAEL,gBAAgB,CAAChH,MAAM;MACjC6C,YAAY,EAAEsE,IAAI,CAACC,SAAS,CAAC,IAAI,CAAC9G,iBAAiB,CAAC;MACpDgH,cAAc,EAAEH,IAAI,CAACC,SAAS,CAAC,IAAI,CAAC7G,mBAAmB,CAAC;MACxDlD,MAAM,EAAE;IACV,CAAC,CACH,CAAC;EACH;AAUF;AAACkK,OAAA,CAAAjK,0BAAA,GAAAA,0BAAA"}

package/dist/cjs/state/TagsCollectionState.js

@@ -0,0 +1,88 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.TagsCollectionState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _mobx = require("mobx");
+var _TagsModalState = require("./TagsModalState");
+var _bexCore = require("@wix/bex-core");
+var _TagsAssignButton = require("../components/TagsAssignButton");
+var _CollectionManageTagsModal = require("../components/Tags/ManageTags/CollectionManageTagsModal");
+var _TagsFilter = require("../components/TagsFilter");
+var _TagsColumn = require("../components/TagsColumn/TagsColumn");
+var _tagsFilterBuilder = require("../components/TagsFilter/tagsFilterBuilder");
+var _TagsBulkAssignPopoverState = require("./TagsBulkAssignPopoverState");
+class TagsCollectionState {
+  constructor({
+    entityTypeName,
+    bulkUpdateTags,
+    toolbar,
+    columnConfig
+  }) {
+    (0, _defineProperty2.default)(this, "toolbar", void 0);
+    (0, _defineProperty2.default)(this, "tagsManagementState", void 0);
+    (0, _defineProperty2.default)(this, "tagsModalState", void 0);
+    (0, _defineProperty2.default)(this, "tagsBulkAssignPopoverState", void 0);
+    (0, _defineProperty2.default)(this, "initTask", new _bexCore.TaskState());
+    (0, _defineProperty2.default)(this, "components", void 0);
+    (0, _defineProperty2.default)(this, "_columnConfig", void 0);
+    this.toolbar = toolbar;
+    this.tagsManagementState = new _bexCore.TagsManagementState({
+      fqdn: {
+        ...toolbar.collection.fqdn
+      },
+      container: toolbar.container
+    });
+    this.tagsModalState = new _TagsModalState.TagsModalState({
+      tagsManagementState: this.tagsManagementState,
+      entityTypeName
+    });
+    this.tagsBulkAssignPopoverState = new _TagsBulkAssignPopoverState.TagsBulkAssignPopoverState({
+      tagsManagementState: this.tagsManagementState,
+      collectionState: toolbar.collection,
+      tagsModalState: this.tagsModalState,
+      bulkUpdateTags
+    });
+    this._columnConfig = columnConfig;
+    this.components = {
+      AssignButton: _TagsAssignButton.TagsAssignButton,
+      ManageModal: _CollectionManageTagsModal.CollectionManageTagsModal,
+      CollectionToolbarFilters: _TagsFilter.CollectionToolbarFiltersWithTags
+    };
+    (0, _mobx.makeObservable)(this, {
+      init: _mobx.action,
+      openManageTagsModal: _mobx.action
+    });
+  }
+  init() {
+    const disposers = [this.tagsManagementState.init(), this.tagsBulkAssignPopoverState.init(), this.tagsModalState.init(), this.toolbar.collection.query.addFilter('tags', (0, _bexCore.idNameArrayFilter)({
+      name: 'tags'
+    }))];
+    this.initTask.runOnce(async () => {
+      await Promise.all([this.tagsManagementState.initTask.status.promise, this.toolbar.container.initTask.status.promise]);
+      this.addTagsColumn();
+    });
+    return () => {
+      disposers.forEach(d => d == null ? void 0 : d());
+    };
+  }
+  buildTagsFilterWrapper() {
+    return (0, _tagsFilterBuilder.buildTagsFilterElement)(this.toolbar);
+  }
+  addTagsColumn() {
+    var _this$toolbar;
+    const tagsColumn = (0, _TagsColumn.buildTagsColumn)((_this$toolbar = this.toolbar) == null ? void 0 : _this$toolbar.container, this._columnConfig);
+    const userTagsColumn = this.toolbar._userColumns.find(column => column.id === tagsColumn.id);
+    if (!userTagsColumn) {
+      this.toolbar.addFeatureColumn(tagsColumn);
+    }
+  }
+  openManageTagsModal() {
+    this.tagsModalState.openManageTagsModal({
+      origin: 'external'
+    });
+  }
+}
+exports.TagsCollectionState = TagsCollectionState;
+//# sourceMappingURL=TagsCollectionState.js.map