@wix/patterns 1.32.0 → 1.33.0

package/dist/cjs/hooks/useSyncCollectionOnEntityReturn.js

@@ -0,0 +1,90 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useSyncCollectionOnEntityReturn = useSyncCollectionOnEntityReturn;
+var _react = require("react");
+var _WixPatternsRouterProvider = require("../providers/WixPatternsRouterProvider");
+var _react2 = require("@wix/bex-core/react");
+var _useSelector = require("../useSelector");
+function useSyncCollectionOnEntityReturn({
+  cachedState,
+  updateCollection,
+  checkIfViewSynced,
+  getEntityFromRouterState,
+  getCollectionToUpdate
+}) {
+  const container = (0, _react2.useWixPatternsContainer)();
+  const router = (0, _WixPatternsRouterProvider.useWixPatternsRouter)();
+  const routeState = (0, _useSelector.useSelector)(() => router == null ? void 0 : router.currentState);
+  const entity = (0, _react.useMemo)(() => routeState ? getEntityFromRouterState(routeState) : null, [getEntityFromRouterState, routeState]);
+  const collection = (0, _react.useMemo)(() => {
+    if (!cachedState) {
+      return null;
+    }
+    return (getCollectionToUpdate == null ? void 0 : getCollectionToUpdate(cachedState, entity)) || cachedState.toolbar.collection;
+  }, [cachedState, entity]);
+  const [currentToast, setCurrentToast] = (0, _react.useState)(null);
+  const showViewUpdatedToast = () => {
+    const toast = container.showToast == null ? void 0 : container.showToast({
+      type: 'STANDARD',
+      timeout: 'NONE',
+      message: container.translate('cairo.updatedView.collectionPage.toast.desc'),
+      onCloseClick: () => {
+        setCurrentToast(null);
+      },
+      biName: 'cairo-collection-page-updated-toast',
+      action: {
+        text: container.translate('cairo.updatedView.collectionPage.toast.cta'),
+        onClick: () => {
+          collection == null || collection.refreshAllPages();
+          setCurrentToast(null);
+        }
+      }
+    });
+    if (toast) {
+      setCurrentToast(toast);
+    }
+  };
+  (0, _react.useEffect)(() => {
+    if (collection && entity) {
+      try {
+        updateCollection(collection, entity);
+        setTimeout(() => {
+          checkIfViewSynced(collection, entity).then(isViewSynced => {
+            if (!isViewSynced) {
+              showViewUpdatedToast();
+            }
+          });
+        }, 3000);
+      } catch (e) {} finally {
+        if (router) {
+          router.setCurrentState(null);
+        }
+      }
+    }
+  }, [cachedState, routeState, collection, entity]);
+  (0, _react.useEffect)(() => {
+    if (!currentToast || !cachedState) {
+      return () => {};
+    }
+    const removeToast = () => {
+      currentToast == null || currentToast.remove();
+      setCurrentToast(null);
+    };
+    const onFetch = () => {
+      removeToast();
+      if (router) {
+        router.isUsingCache = false;
+      }
+    };
+    collection == null || collection.emitter.on('fetch', () => {
+      onFetch();
+    });
+    return () => {
+      collection == null || collection.emitter.off('fetch', () => {
+        onFetch();
+      });
+    };
+  }, [currentToast, collection]);
+}
+//# sourceMappingURL=useSyncCollectionOnEntityReturn.js.map

package/dist/cjs/hooks/useSyncCollectionOnEntityReturn.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_WixPatternsRouterProvider","_react2","_useSelector","useSyncCollectionOnEntityReturn","cachedState","updateCollection","checkIfViewSynced","getEntityFromRouterState","getCollectionToUpdate","container","useWixPatternsContainer","router","useWixPatternsRouter","routeState","useSelector","currentState","entity","useMemo","collection","toolbar","currentToast","setCurrentToast","useState","showViewUpdatedToast","toast","showToast","type","timeout","message","translate","onCloseClick","biName","action","text","onClick","refreshAllPages","useEffect","setTimeout","then","isViewSynced","e","setCurrentState","removeToast","remove","onFetch","isUsingCache","emitter","on","off"],"sources":["../../../src/hooks/useSyncCollectionOnEntityReturn.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { useWixPatternsRouter } from '../providers/WixPatternsRouterProvider';\nimport { ICollectionComponentState } from '../state/ICollectionComponentState';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { CollectionState, RemoveToast } from '@wix/bex-core';\nimport { useSelector } from '../useSelector';\n\nexport function useSyncCollectionOnEntityReturn<\n  S extends ICollectionComponentState,\n>({\n  cachedState,\n  updateCollection,\n  checkIfViewSynced,\n  getEntityFromRouterState,\n  getCollectionToUpdate,\n}: {\n  cachedState?: S;\n  updateCollection: (\n    collectionToUpdate: CollectionState<any>,\n    entity: any,\n  ) => void;\n  checkIfViewSynced: (\n    collectionsToUpdate: CollectionState<any>,\n    entity: any,\n  ) => Promise<boolean>;\n  getEntityFromRouterState: (state: any) => any;\n  getCollectionToUpdate?: (\n    state: S,\n    entity: any,\n  ) => CollectionState<any> | null;\n}) {\n  const container = useWixPatternsContainer();\n  const router = useWixPatternsRouter();\n\n  const routeState = useSelector(() => router?.currentState);\n\n  const entity = useMemo(\n    () => (routeState ? getEntityFromRouterState(routeState) : null),\n    [getEntityFromRouterState, routeState],\n  );\n  const collection = useMemo(() => {\n    if (!cachedState) {\n      return null;\n    }\n\n    return (\n      getCollectionToUpdate?.(cachedState, entity) ||\n      cachedState.toolbar.collection\n    );\n  }, [cachedState, entity]);\n\n  const [currentToast, setCurrentToast] = useState<{\n    remove: RemoveToast;\n  } | null>(null);\n\n  const showViewUpdatedToast = () => {\n    const toast = container.showToast?.({\n      type: 'STANDARD',\n      timeout: 'NONE',\n      message: container.translate(\n        'cairo.updatedView.collectionPage.toast.desc',\n      ),\n      onCloseClick: () => {\n        setCurrentToast(null);\n      },\n      biName: 'cairo-collection-page-updated-toast',\n      action: {\n        text: container.translate('cairo.updatedView.collectionPage.toast.cta'),\n        onClick: () => {\n          collection?.refreshAllPages();\n          setCurrentToast(null);\n        },\n      },\n    });\n\n    if (toast) {\n      setCurrentToast(toast);\n    }\n  };\n\n  useEffect(() => {\n    if (collection && entity) {\n      try {\n        updateCollection(collection, entity);\n        setTimeout(() => {\n          checkIfViewSynced(collection, entity).then(\n            (isViewSynced: boolean) => {\n              if (!isViewSynced) {\n                showViewUpdatedToast();\n              }\n            },\n          );\n        }, 3000);\n      } catch (e) {\n      } finally {\n        if (router) {\n          router.setCurrentState(null);\n        }\n      }\n    }\n  }, [cachedState, routeState, collection, entity]);\n\n  useEffect(() => {\n    if (!currentToast || !cachedState) {\n      return () => {};\n    }\n\n    const removeToast = () => {\n      currentToast?.remove();\n      setCurrentToast(null);\n    };\n\n    const onFetch = () => {\n      removeToast();\n      if (router) {\n        router.isUsingCache = false;\n      }\n    };\n\n    collection?.emitter.on('fetch', () => {\n      onFetch();\n    });\n    return () => {\n      collection?.emitter.off('fetch', () => {\n        onFetch();\n      });\n    };\n  }, [currentToast, collection]);\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/hooks/useSyncCollectionOnEntityUpdate.js

@@ -0,0 +1,43 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useSyncCollectionOnEntityUpdate = useSyncCollectionOnEntityUpdate;
+var _react = require("react");
+var _useSyncCollectionOnEntityReturn = require("./useSyncCollectionOnEntityReturn");
+function useSyncCollectionOnEntityUpdate(cachedState, getCollectionToUpdate) {
+  const updateCollection = (0, _react.useCallback)((collection, updatedEntity) => {
+    collection.changeItem(updatedEntity);
+  }, []);
+  const checkIfViewSynced = (0, _react.useCallback)(async (collection, entity) => {
+    var _collection$getKeyedI;
+    const itemKey = collection.itemKey(entity);
+    let fetchedPageInfo = null;
+    for (let fetchIndex = collection.fetchesHistory.length - 1; fetchIndex >= 0; fetchIndex--) {
+      const fetch = collection.fetchesHistory[fetchIndex];
+      if (fetch.itemsKeys.some(fetchedItemKey => fetchedItemKey === itemKey)) {
+        fetchedPageInfo = fetch.queryPageInfo;
+        break;
+      }
+    }
+    if (!fetchedPageInfo) {
+      console.error('Fetched page info for updated entity not found');
+      return false;
+    }
+    const itemQuery = {
+      ...collection.query.asComputed,
+      ...fetchedPageInfo
+    };
+    const currentIndex = (_collection$getKeyedI = collection.getKeyedItem(itemKey)) == null ? void 0 : _collection$getKeyedI.indexWithinPage;
+    const updatedData = await collection.fetchData(itemQuery);
+    const newIndex = updatedData.items.findIndex(item => itemKey === collection.itemKey(item));
+    return newIndex === currentIndex;
+  }, [cachedState]);
+  (0, _useSyncCollectionOnEntityReturn.useSyncCollectionOnEntityReturn)({
+    cachedState,
+    updateCollection,
+    checkIfViewSynced,
+    getEntityFromRouterState: state => state._updatedEntity,
+    getCollectionToUpdate
+  });
+}
+//# sourceMappingURL=useSyncCollectionOnEntityUpdate.js.map

package/dist/cjs/hooks/useSyncCollectionOnEntityUpdate.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_useSyncCollectionOnEntityReturn","useSyncCollectionOnEntityUpdate","cachedState","getCollectionToUpdate","updateCollection","useCallback","collection","updatedEntity","changeItem","checkIfViewSynced","entity","_collection$getKeyedI","itemKey","fetchedPageInfo","fetchIndex","fetchesHistory","length","fetch","itemsKeys","some","fetchedItemKey","queryPageInfo","console","error","itemQuery","query","asComputed","currentIndex","getKeyedItem","indexWithinPage","updatedData","fetchData","newIndex","items","findIndex","item","useSyncCollectionOnEntityReturn","getEntityFromRouterState","state","_updatedEntity"],"sources":["../../../src/hooks/useSyncCollectionOnEntityUpdate.ts"],"sourcesContent":["import { useCallback } from 'react';\n\nimport { ICollectionComponentState } from '../state/ICollectionComponentState';\nimport { CollectionState } from '@wix/bex-core';\nimport { useSyncCollectionOnEntityReturn } from './useSyncCollectionOnEntityReturn';\n\nexport function useSyncCollectionOnEntityUpdate<\n  S extends ICollectionComponentState,\n>(\n  cachedState?: S,\n  getCollectionToUpdate?: (\n    state: S,\n    entity: any,\n  ) => CollectionState<any> | null,\n) {\n  const updateCollection = useCallback(\n    (collection: CollectionState<any, any>, updatedEntity: any) => {\n      collection.changeItem(updatedEntity);\n    },\n    [],\n  );\n\n  const checkIfViewSynced = useCallback(\n    async (collection: CollectionState<any, any>, entity: any) => {\n      const itemKey = collection.itemKey(entity);\n      let fetchedPageInfo = null;\n      for (\n        let fetchIndex = collection.fetchesHistory.length - 1;\n        fetchIndex >= 0;\n        fetchIndex--\n      ) {\n        const fetch = collection.fetchesHistory[fetchIndex];\n        if (\n          fetch.itemsKeys.some((fetchedItemKey) => fetchedItemKey === itemKey)\n        ) {\n          fetchedPageInfo = fetch.queryPageInfo;\n          break;\n        }\n      }\n\n      if (!fetchedPageInfo) {\n        console.error('Fetched page info for updated entity not found');\n        return false;\n      }\n\n      const itemQuery = {\n        ...collection.query.asComputed,\n        ...fetchedPageInfo,\n      };\n\n      const currentIndex = collection.getKeyedItem(itemKey)?.indexWithinPage;\n\n      const updatedData = await collection.fetchData(itemQuery);\n      const newIndex = updatedData.items.findIndex(\n        (item) => itemKey === collection.itemKey(item),\n      );\n\n      return newIndex === currentIndex;\n    },\n    [cachedState],\n  );\n\n  useSyncCollectionOnEntityReturn({\n    cachedState,\n    updateCollection,\n    checkIfViewSynced,\n    getEntityFromRouterState: (state: any) => state._updatedEntity,\n    getCollectionToUpdate,\n  });\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAIA,IAAAC,gCAAA,GAAAD,OAAA;AAEO,SAASE,+BAA+BA,CAG7CC,WAAe,EACfC,qBAGgC,EAChC;EACA,MAAMC,gBAAgB,GAAG,IAAAC,kBAAW,EAClC,CAACC,UAAqC,EAAEC,aAAkB,KAAK;IAC7DD,UAAU,CAACE,UAAU,CAACD,aAAa,CAAC;EACtC,CAAC,EACD,EACF,CAAC;EAED,MAAME,iBAAiB,GAAG,IAAAJ,kBAAW,EACnC,OAAOC,UAAqC,EAAEI,MAAW,KAAK;IAAA,IAAAC,qBAAA;IAC5D,MAAMC,OAAO,GAAGN,UAAU,CAACM,OAAO,CAACF,MAAM,CAAC;IAC1C,IAAIG,eAAe,GAAG,IAAI;IAC1B,KACE,IAAIC,UAAU,GAAGR,UAAU,CAACS,cAAc,CAACC,MAAM,GAAG,CAAC,EACrDF,UAAU,IAAI,CAAC,EACfA,UAAU,EAAE,EACZ;MACA,MAAMG,KAAK,GAAGX,UAAU,CAACS,cAAc,CAACD,UAAU,CAAC;MACnD,IACEG,KAAK,CAACC,SAAS,CAACC,IAAI,CAAEC,cAAc,IAAKA,cAAc,KAAKR,OAAO,CAAC,EACpE;QACAC,eAAe,GAAGI,KAAK,CAACI,aAAa;QACrC;MACF;IACF;IAEA,IAAI,CAACR,eAAe,EAAE;MACpBS,OAAO,CAACC,KAAK,CAAC,gDAAgD,CAAC;MAC/D,OAAO,KAAK;IACd;IAEA,MAAMC,SAAS,GAAG;MAChB,GAAGlB,UAAU,CAACmB,KAAK,CAACC,UAAU;MAC9B,GAAGb;IACL,CAAC;IAED,MAAMc,YAAY,IAAAhB,qBAAA,GAAGL,UAAU,CAACsB,YAAY,CAAChB,OAAO,CAAC,qBAAhCD,qBAAA,CAAkCkB,eAAe;IAEtE,MAAMC,WAAW,GAAG,MAAMxB,UAAU,CAACyB,SAAS,CAACP,SAAS,CAAC;IACzD,MAAMQ,QAAQ,GAAGF,WAAW,CAACG,KAAK,CAACC,SAAS,CACzCC,IAAI,IAAKvB,OAAO,KAAKN,UAAU,CAACM,OAAO,CAACuB,IAAI,CAC/C,CAAC;IAED,OAAOH,QAAQ,KAAKL,YAAY;EAClC,CAAC,EACD,CAACzB,WAAW,CACd,CAAC;EAED,IAAAkC,gEAA+B,EAAC;IAC9BlC,WAAW;IACXE,gBAAgB;IAChBK,iBAAiB;IACjB4B,wBAAwB,EAAGC,KAAU,IAAKA,KAAK,CAACC,cAAc;IAC9DpC;EACF,CAAC,CAAC;AACJ","ignoreList":[]}

package/dist/cjs/model/tableColumn.js.map

@@ -1 +1 @@
-{"version":3,"names":["_tableColumnPublicApiTest","c"],"sources":["../../../src/model/tableColumn.ts"],"sourcesContent":["import type { TableColumn as TableColumnWSR } from '@wix/design-system';\nimport type { KeyedItem, SortMode, SortOrder } from '@wix/bex-core';\nimport { CSSProperties, ReactNode } from 'react';\n\ntype TableColumnBase<T = any> = Omit<\n  TableColumnWSR<T>,\n  'sortDescending' | 'sortable' | 'infoTooltipProps' | 'style'\n> & {\n  style?:\n    | CSSProperties\n    | ((\n        column: TableColumnWSR,\n        rowData: KeyedItem<T>,\n        rowNum: number,\n      ) => CSSProperties);\n  reorderDisabled?: boolean;\n  defaultSortOrder?: SortOrder;\n  sortMode?: SortMode;\n  infoTooltipProps?: TableColumnWSR['infoTooltipProps'] & {\n    panelContent?: ReactNode;\n  };\n};\n\n// disallow specifying `hideable` / `defaultHidden` or setting `hiddenFromCustomColumnsSelection` as false when `id` is missing\ninterface TableColumnOptional<T> extends TableColumnBase<T> {\n  id?: string;\n  name?: string;\n  hiddenFromCustomColumnsSelection?: undefined | true;\n  hideable?: undefined;\n  defaultHidden?: undefined;\n}\n\n// common case for custom column definition\ninterface TableColumnCustom<T> extends TableColumnBase<T> {\n  id: string;\n  name: string;\n  hiddenFromCustomColumnsSelection?: false;\n  hideable?: true;\n  defaultHidden?: boolean;\n}\n\n// allow `name` to be optional when `title` exists\ninterface TableColumnCustomOptionalName<T> extends TableColumnBase<T> {\n  id: string;\n  name?: string;\n  title: TableColumnBase['title'];\n  hiddenFromCustomColumnsSelection?: false;\n  hideable?: true;\n  defaultHidden?: boolean;\n}\n\n// force `defaultHidden=false|undefined` when `hideable=false`\ninterface TableColumnCustomDefaultHidden<T> extends TableColumnBase<T> {\n  id: string;\n  name?: string;\n  title: TableColumnBase['title'];\n  hiddenFromCustomColumnsSelection?: false;\n  hideable: false;\n  defaultHidden?: undefined | false;\n}\n\nexport type CustomColumnConfig<T> =\n  | TableColumnOptional<T>\n  | TableColumnCustom<T>\n  | TableColumnCustomDefaultHidden<T>\n  | TableColumnCustomOptionalName<T>;\n\nexport interface SortableColumnConfig<T> extends TableColumnBase<T> {\n  id: string;\n  sortable: true;\n}\n\nexport interface NotSortableColumnConfig<T> extends TableColumnBase<T> {\n  id?: string;\n  sortable?: false;\n}\n\nexport type SortableConfig<T> =\n  | SortableColumnConfig<T>\n  | NotSortableColumnConfig<T>;\n\nexport type TableColumn<T> = CustomColumnConfig<T> & SortableConfig<T>;\n\nexport interface Column {\n  /**\n   * A unique identifier for the column. This value is required to enable [custom columns](./?path=/story/features-display-custom-columns--overview) or [sortable columns](./?path=/story/features-sort-sortable-columns-sortable-columns--sortable-columns).\n   * @external\n   */\n  id: string;\n  /**\n   * A name for the column. This value is shown in the [custom columns](./?path=/story/features-display-custom-columns--overview) dropdown.\n   * @external\n   */\n  name: string;\n  /**\n   * The text to be shown at the top of the column.\n   * @external\n   */\n  title: TableColumnBase['title'];\n  /**\n   * Hides the column from the custom column selection panel, making it always visible. Relevant for [custom columns](./?path=/story/features-display-custom-columns--overview). \n   * @external\n  */\n  hiddenFromCustomColumnsSelection?: boolean;\n  /**\n   * When `false`, the column is always selected and displayed. Relevant for [custom columns](./?path=/story/features-display-custom-columns--overview). \n   */\n  hideable?: boolean;\n  /**\n   * When `true`, disables drag and drop for the column.\n   * @external\n   */\n  reorderDisabled?: boolean;\n  /**\n   * When `true`, makes the column a [sortable column](./?path=/story/features-sort-sortable-columns-sortable-columns--sortable-columns).\n   * @external\n   */\n  sortable?: boolean;\n  sortDescending?: boolean;\n  sortMode?: SortMode;\n  /**\n   * Determines the default sort order for the column, either `asc` or `desc`. The column must be a [sortable column](./?path=/story/features-sort-sortable-columns-sortable-columns--sortable-columns).\n   * @external\n   */\n  defaultSortOrder?: SortOrder;\n  /**\n   * For [custom columns](./?path=/story/features-display-custom-columns--overview), when `true`, this property causes the column to be unchecked and thus not shown by default. This isn't relevant when `hideable` `=` `false`.\n   * @external\n   */\n  defaultHidden?: boolean;\n  dataExtension?: { id: string; editable: boolean };\n  infoTooltipProps?: {\n    content?: ReactNode;\n    panelContent?: ReactNode;\n  };\n  /**\n   * A callback that is called for each row in the data to display the value of this row for the specified column.\n   * @external\n   */\n  render: TableColumnWSR['render'];\n  width?: TableColumnWSR['width'];\n  style?: TableColumnWSR['style'];\n}\n\n// @ts-ignore\nfunction _tableColumnPublicApiTest<T>(\n  c: TableColumn<T>,\n): Omit<Column, 'id' | 'name'> & Pick<Partial<Column>, 'id' | 'name'> {\n  return c;\n}\n"],"mappings":";;;AAuBA;;AASA;;AASA;;AAUA;;AA6FA;AACA,SAASA,yBAAyBA,CAChCC,CAAiB,EACmD;EACpE,OAAOA,CAAC;AACV","ignoreList":[]}
+{"version":3,"names":["_tableColumnPublicApiTest","c"],"sources":["../../../src/model/tableColumn.ts"],"sourcesContent":["import type { TableColumn as TableColumnWSR } from '@wix/design-system';\nimport type { KeyedItem, SortMode, SortOrder } from '@wix/bex-core';\nimport { CSSProperties, ReactNode } from 'react';\n\ntype TableColumnBase<T = any> = Omit<\n  TableColumnWSR<T>,\n  'sortDescending' | 'sortable' | 'infoTooltipProps' | 'style'\n> & {\n  style?:\n    | CSSProperties\n    | ((\n        column: TableColumnWSR,\n        rowData: KeyedItem<T>,\n        rowNum: number,\n      ) => CSSProperties);\n  reorderDisabled?: boolean;\n  defaultSortOrder?: SortOrder;\n  sortMode?: SortMode;\n  infoTooltipProps?: TableColumnWSR['infoTooltipProps'] & {\n    panelContent?: ReactNode;\n  };\n};\n\n// disallow specifying `hideable` / `defaultHidden` or setting `hiddenFromCustomColumnsSelection` as false when `id` is missing\ninterface TableColumnOptional<T> extends TableColumnBase<T> {\n  id?: string;\n  name?: string;\n  hiddenFromCustomColumnsSelection?: undefined | true;\n  hideable?: undefined;\n  defaultHidden?: undefined;\n}\n\n// common case for custom column definition\ninterface TableColumnCustom<T> extends TableColumnBase<T> {\n  id: string;\n  name: string;\n  hiddenFromCustomColumnsSelection?: false;\n  hideable?: true;\n  defaultHidden?: boolean;\n}\n\n// allow `name` to be optional when `title` exists\ninterface TableColumnCustomOptionalName<T> extends TableColumnBase<T> {\n  id: string;\n  name?: string;\n  title: TableColumnBase['title'];\n  hiddenFromCustomColumnsSelection?: false;\n  hideable?: true;\n  defaultHidden?: boolean;\n}\n\n// force `defaultHidden=false|undefined` when `hideable=false`\ninterface TableColumnCustomDefaultHidden<T> extends TableColumnBase<T> {\n  id: string;\n  name?: string;\n  title: TableColumnBase['title'];\n  hiddenFromCustomColumnsSelection?: false;\n  hideable: false;\n  defaultHidden?: undefined | false;\n}\n\nexport type CustomColumnConfig<T> =\n  | TableColumnOptional<T>\n  | TableColumnCustom<T>\n  | TableColumnCustomDefaultHidden<T>\n  | TableColumnCustomOptionalName<T>;\n\nexport interface SortableColumnConfig<T> extends TableColumnBase<T> {\n  id: string;\n  sortable: true;\n}\n\nexport interface NotSortableColumnConfig<T> extends TableColumnBase<T> {\n  id?: string;\n  sortable?: false;\n}\n\nexport type SortableConfig<T> =\n  | SortableColumnConfig<T>\n  | NotSortableColumnConfig<T>;\n\nexport type TableColumn<T> = CustomColumnConfig<T> & SortableConfig<T>;\n\nexport interface Column {\n  /**\n   * A unique identifier for the column. This value is required to enable [custom columns](./?path=/story/features-display-custom-columns--overview) or [sortable columns](./?path=/story/features-sort-sortable-columns-sortable-columns--sortable-columns).\n   * @external\n   */\n  id: string;\n  /**\n   * A name for the column. This value is shown in the [custom columns](./?path=/story/features-display-custom-columns--overview) dropdown.\n   * @external\n   */\n  name: string;\n  /**\n   * The text to be shown at the top of the column.\n   * @external\n   */\n  title: TableColumnBase['title'];\n  /**\n   * Hides the column from the custom column selection panel, making it always visible. Relevant for [custom columns](./?path=/story/features-display-custom-columns--overview).\n   * @external\n   */\n  hiddenFromCustomColumnsSelection?: boolean;\n  /**\n   * When `false`, the column is always selected and displayed. Relevant for [custom columns](./?path=/story/features-display-custom-columns--overview).\n   */\n  hideable?: boolean;\n  /**\n   * When `true`, disables drag and drop for the column.\n   * @external\n   */\n  reorderDisabled?: boolean;\n  /**\n   * When `true`, makes the column a [sortable column](./?path=/story/features-sort-sortable-columns-sortable-columns--sortable-columns).\n   * @external\n   */\n  sortable?: boolean;\n  sortDescending?: boolean;\n  sortMode?: SortMode;\n  /**\n   * Determines the default sort order for the column, either `asc` or `desc`. The column must be a [sortable column](./?path=/story/features-sort-sortable-columns-sortable-columns--sortable-columns).\n   * @external\n   */\n  defaultSortOrder?: SortOrder;\n  /**\n   * For [custom columns](./?path=/story/features-display-custom-columns--overview), when `true`, this property causes the column to be unchecked and thus not shown by default. This isn't relevant when `hideable` `=` `false`.\n   * @external\n   */\n  defaultHidden?: boolean;\n  dataExtension?: { id: string; editable: boolean };\n  infoTooltipProps?: {\n    content?: ReactNode;\n    panelContent?: ReactNode;\n  };\n  /**\n   * A callback that is called for each row in the data to display the value of this row for the specified column.\n   * @external\n   */\n  render: TableColumnWSR['render'];\n  width?: TableColumnWSR['width'];\n  style?: TableColumnWSR['style'];\n}\n\n// @ts-ignore\nfunction _tableColumnPublicApiTest<T>(\n  c: TableColumn<T>,\n): Omit<Column, 'id' | 'name'> & Pick<Partial<Column>, 'id' | 'name'> {\n  return c;\n}\n"],"mappings":";;;AAuBA;;AASA;;AASA;;AAUA;;AA6FA;AACA,SAASA,yBAAyBA,CAChCC,CAAiB,EACmD;EACpE,OAAOA,CAAC;AACV","ignoreList":[]}

package/dist/cjs/state/DragAndDrop/createOptimisticActionsOrderByModeReaction.js

@@ -0,0 +1,19 @@
+"use strict";
+
+exports.__esModule = true;
+exports.createOptimisticActionsOrderByModeReaction = createOptimisticActionsOrderByModeReaction;
+var _mobx = require("mobx");
+function createOptimisticActionsOrderByModeReaction(dnd, collection) {
+  return (0, _mobx.reaction)(() => dnd.isDisabled, isDisabled => {
+    const {
+      _optimisticActions
+    } = collection;
+    if (!_optimisticActions) {
+      return;
+    }
+    _optimisticActions._orderByMode = isDisabled ? 'orders' : 'moves';
+  }, {
+    fireImmediately: true
+  });
+}
+//# sourceMappingURL=createOptimisticActionsOrderByModeReaction.js.map

package/dist/cjs/state/DragAndDrop/createOptimisticActionsOrderByModeReaction.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_mobx","require","createOptimisticActionsOrderByModeReaction","dnd","collection","reaction","isDisabled","_optimisticActions","_orderByMode","fireImmediately"],"sources":["../../../../src/state/DragAndDrop/createOptimisticActionsOrderByModeReaction.ts"],"sourcesContent":["import { DragAndDropState } from '../../components/DragAndDrop';\nimport { CollectionState, FiltersMap } from '@wix/bex-core';\nimport { reaction } from 'mobx';\n\nexport function createOptimisticActionsOrderByModeReaction<\n  T,\n  F extends FiltersMap,\n>(dnd: DragAndDropState<T, F>, collection: CollectionState<T, F>) {\n  return reaction(\n    () => dnd.isDisabled,\n    (isDisabled) => {\n      const { _optimisticActions } = collection;\n      if (!_optimisticActions) {\n        return;\n      }\n\n      _optimisticActions._orderByMode = isDisabled ? 'orders' : 'moves';\n    },\n    { fireImmediately: true },\n  );\n}\n"],"mappings":";;;;AAEA,IAAAA,KAAA,GAAAC,OAAA;AAEO,SAASC,0CAA0CA,CAGxDC,GAA2B,EAAEC,UAAiC,EAAE;EAChE,OAAO,IAAAC,cAAQ,EACb,MAAMF,GAAG,CAACG,UAAU,EACnBA,UAAU,IAAK;IACd,MAAM;MAAEC;IAAmB,CAAC,GAAGH,UAAU;IACzC,IAAI,CAACG,kBAAkB,EAAE;MACvB;IACF;IAEAA,kBAAkB,CAACC,YAAY,GAAGF,UAAU,GAAG,QAAQ,GAAG,OAAO;EACnE,CAAC,EACD;IAAEG,eAAe,EAAE;EAAK,CAC1B,CAAC;AACH","ignoreList":[]}

package/dist/cjs/state/EntityPage/EntityPageState.js

@@ -120,17 +120,16 @@ class EntityPageState {
     this.navigateToParent();
   }
   navigateToParent(updatedEntity) {
-    const entityString = updatedEntity ? JSON.stringify({
+    const entityObject = {
       _updatedEntity: updatedEntity
-    }) : undefined;
+    };
     if (this._withinRouter) {
       this.container.navigate(this._parentPath, {
-        state: entityString
+        state: entityObject
       });
     } else {
       this.container.navigateTo({
-        pageId: this._parentPageId,
-        appState: entityString
+        pageId: this._parentPageId
       });
     }
   }

package/dist/cjs/state/EntityPage/EntityPageState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_mobx","_EntityPageStateBIReporter","_events","EntityPageState","constructor","params","_defineProperty2","default","TaskState","undefined","FormPageState","EventEmitter","fetch","onSave","saveSuccessToast","saveErrorToast","_form","form","_parentPageId","parentPageId","transformEntityToCollectionItem","anEntity","_parentPath","parentPath","container","reportBI","createBILogger","componentType","pageType","route","window","location","pathname","bi","EntityPageStateBIReporter","entityPageState","init","makeObservable","handleSubmit","action","isFetching","computed","_entity","observable","ref","setEntity","_isFormDirty","isFormDirty","withinRouter","_withinRouter","_checkPageParams","initTask","onBeforeUnload","onBeforeUnloadSubscription","event","formState","isSubmitSuccessful","preventDefault","reportOnBeforeUnload","runOnce","_this$bi$appLoaded","_this$bi","data","Promise","all","status","promise","entity","appLoaded","call","remove","retryFetch","newEntity","isLoading","isIdle","flag","_isSubmitSuccessful","formPage","isDirty","onCancel","reportButtonClick","ctaName","navigateToParent","updatedEntity","entityString","JSON","stringify","_updatedEntity","navigate","state","navigateTo","pageId","appState","_showErrorToast","err","e","_this$saveErrorToast","_this$container$showT","_this$container","errorToast","message","showTryAgain","tryAgain","showToast","type","biName","translate","code","uiType","text","onClick","reportSaveTryAgain","removeToastOnClick","_showSuccessToast","_this$saveSuccessToas","_this$container$showT2","_this$container2","submitTask","events","emit","isValid","extraFields","validate","run","savedEntity","onSaveResult","widgetsFormData","errorMonitor","captureException","setError","transformedItem","Error","exports"],"sources":["../../../../src/state/EntityPage/EntityPageState.ts"],"sourcesContent":["import {\n  FormPageState,\n  ReportBI,\n  TaskState,\n  WixPatternsContainer,\n} from '@wix/bex-core';\nimport { action, computed, makeObservable, observable } from 'mobx';\nimport { FieldValues, UseFormReturn } from 'react-hook-form';\nimport { EntityPageStateBIReporter } from './EntityPageStateBIReporter';\nimport { EventEmitter, TypedEmitter } from '@wix/bex-core/events';\n\ntype OnSaveParams = {\n  widgetsFormData: { [key: string]: any };\n};\n\nexport interface EntityPageStateParams<T, V extends FieldValues = FieldValues> {\n  /**\n   * A function that fetches the entity data.\n   * @returns a promise that resolves to an object containing the entity.\n   */\n  fetch: () => Promise<{ entity: T | undefined }>;\n\n  /**\n   * A function to handle the save action.\n   * @returns promise that resolves to an object that contains a 'updatedEntity' object.\n   */\n  onSave: (params: OnSaveParams) => Promise<{ updatedEntity: T }>;\n\n  /**\n   * An optional object with an optional message, or it can directly get a string message.\n   */\n  saveSuccessToast?: { message?: string } | string;\n\n  /**\n   * An optional function to display an error toast message when a save operation fails.\n   * @returns an object with an optional message and a `tryAgain` flag, or it can directly return a string message.\n   */\n  saveErrorToast?: (\n    err: unknown,\n  ) => { message?: string; tryAgain?: boolean } | string;\n\n  /**\n   * An optional function to transform the updated entity data before it is passed to the collection page.\n   * @param entity the updated entity.\n   * @returns an object representing the entity in the collection page.\n   */\n  transformEntityToCollectionItem?: (entity: T) => any;\n\n  /**\n   * An object representing the form state and methods, typically returned by a useForm hook.\n   */\n  form: UseFormReturn<V>;\n\n  /**\n   * An object representing the container, possibly for dependency injection or component management.\n   */\n  container: WixPatternsContainer;\n\n  /**\n   * A string representing the ID of the parent page.\n   * Must be passed if not using Patterns Router\n   */\n  parentPageId?: string;\n\n  /**\n   * A string representing the path of the parent page.\n   * Must be passed if using Patterns Router\n   */\n  parentPath?: string;\n}\n\nexport interface EntityPageStateInterface {}\n\nexport interface EntityPageWidgetState {\n  validate: () => Promise<{ isValid: boolean; values?: any }>;\n  isDirty: boolean;\n}\n\nexport class EntityPageState<T, V extends FieldValues = FieldValues>\n  implements EntityPageStateInterface\n{\n  readonly initTask = new TaskState();\n  readonly submitTask = new TaskState();\n\n  readonly fetch: EntityPageStateParams<T>['fetch'];\n  readonly onSave: EntityPageStateParams<T, V>['onSave'];\n  readonly saveSuccessToast?: EntityPageStateParams<T>['saveSuccessToast'];\n  readonly saveErrorToast?: EntityPageStateParams<T>['saveErrorToast'];\n  readonly transformEntityToCollectionItem: (entity: T) => any;\n\n  _entity: T | null = null;\n  private readonly _form: UseFormReturn<V>;\n  private readonly _parentPageId?: string;\n  private readonly _parentPath?: string;\n\n  readonly container: WixPatternsContainer;\n  readonly reportBI: ReportBI;\n  readonly bi: EntityPageStateBIReporter<T, V>;\n\n  _isSubmitSuccessful?: boolean = undefined;\n  _isFormDirty = false;\n\n  _withinRouter = false;\n\n  readonly formPage = new FormPageState();\n\n  readonly events = new EventEmitter() as TypedEmitter<{\n    save: () => void;\n    saveError: (err: unknown) => void;\n  }>;\n\n  constructor(params: EntityPageStateParams<T, V>) {\n    this.fetch = params.fetch;\n    this.onSave = params.onSave;\n    this.saveSuccessToast = params.saveSuccessToast;\n    this.saveErrorToast = params.saveErrorToast;\n    this._form = params.form;\n    this._parentPageId = params.parentPageId;\n    this.transformEntityToCollectionItem =\n      params.transformEntityToCollectionItem || ((anEntity: T) => anEntity);\n    this._parentPath = params.parentPath;\n\n    this.container = params.container;\n\n    this.reportBI = this.container.createBILogger({\n      componentType: 'Entity page',\n      pageType: 'Entity',\n      route: window.location.pathname,\n    });\n\n    this.bi = new EntityPageStateBIReporter({\n      reportBI: this.reportBI,\n      entityPageState: this,\n    });\n    this.bi.init();\n\n    makeObservable(this, {\n      handleSubmit: action,\n      isFetching: computed,\n      _entity: observable.ref,\n      setEntity: action,\n      _isFormDirty: observable.ref,\n      isFormDirty: computed,\n    });\n  }\n\n  init({ withinRouter }: { withinRouter: boolean }) {\n    this._withinRouter = withinRouter;\n    this._checkPageParams();\n    const { initTask, container } = this;\n    const { onBeforeUnload } = container;\n\n    const onBeforeUnloadSubscription = onBeforeUnload?.(\n      action((event) => {\n        const { form } = this;\n        if (form.formState.isSubmitSuccessful || !this.isFormDirty) {\n          return;\n        }\n        event.preventDefault();\n        this.bi.reportOnBeforeUnload();\n      }),\n    );\n\n    initTask.runOnce(async () => {\n      const [data] = await Promise.all([\n        this.fetch(),\n        container.initTask.status.promise,\n      ]);\n\n      this.setEntity(data.entity ?? null);\n      this.bi.appLoaded?.();\n    });\n\n    return () => {\n      onBeforeUnloadSubscription?.remove();\n    };\n  }\n\n  retryFetch() {\n    this.initTask.runOnce();\n  }\n\n  setEntity(newEntity: T | null) {\n    this._entity = newEntity;\n  }\n\n  get entity(): T | null {\n    return this._entity;\n  }\n\n  get isFetching() {\n    return this.initTask.status.isLoading || this.initTask.status.isIdle;\n  }\n\n  get form() {\n    return this._form;\n  }\n\n  set isSubmitSuccessful(flag: boolean) {\n    this._isSubmitSuccessful = flag;\n  }\n\n  set isFormDirty(flag: boolean) {\n    this._isFormDirty = flag;\n  }\n\n  get isFormDirty() {\n    return this._isFormDirty || this.formPage.isDirty;\n  }\n\n  onCancel() {\n    this.bi.reportButtonClick({ ctaName: 'Cancel' });\n    this.navigateToParent();\n  }\n\n  navigateToParent(updatedEntity?: any) {\n    const entityString = updatedEntity\n      ? JSON.stringify({ _updatedEntity: updatedEntity })\n      : undefined;\n    if (this._withinRouter) {\n      this.container.navigate!(this._parentPath!, { state: entityString });\n    } else {\n      this.container.navigateTo!({\n        pageId: this._parentPageId!,\n        appState: entityString,\n      });\n    }\n  }\n\n  _showErrorToast(err: any, e?: React.BaseSyntheticEvent) {\n    const errorToast = this.saveErrorToast?.(err);\n    const message =\n      typeof errorToast === 'string' ? errorToast : errorToast?.message;\n    const showTryAgain =\n      typeof errorToast === 'string' ? true : errorToast?.tryAgain !== false;\n\n    this.container.showToast?.({\n      type: 'ERROR',\n      biName: 'cairo-entity-page-save-error-toast',\n      message:\n        message ??\n        this.container.translate(\n          err?.code === 'ERR_NETWORK'\n            ? 'cairo.entityPage.saveError-offline.toast.description'\n            : 'cairo.entityPage.saveError-technical.toast.description',\n        ),\n      action: showTryAgain\n        ? {\n            uiType: 'LINK',\n            text: this.container.translate('cairo.toast.retry'),\n            onClick: () => {\n              this.bi.reportSaveTryAgain();\n              this.handleSubmit(e);\n            },\n            removeToastOnClick: true,\n          }\n        : undefined,\n    });\n  }\n\n  _showSuccessToast() {\n    const message =\n      typeof this.saveSuccessToast === 'string'\n        ? this.saveSuccessToast\n        : this.saveSuccessToast?.message;\n\n    this.container.showToast?.({\n      type: 'SUCCESS',\n      biName: 'cairo-entity-page-save-success-toast',\n      message:\n        message ?? this.container.translate('cairo.entityPage.success.toast'),\n    });\n  }\n  async handleSubmit(e?: React.BaseSyntheticEvent) {\n    if (this.submitTask.status.isLoading) {\n      return;\n    }\n\n    this.events.emit('save');\n\n    const { isValid, data: extraFields } = await this.formPage.validate();\n\n    if (!isValid) {\n      this.bi.reportButtonClick({ ctaName: 'Save', isValid: false });\n      return;\n    }\n\n    const { form, submitTask, bi } = this;\n\n    submitTask.run(async () => {\n      let savedEntity: T | undefined;\n      await form.handleSubmit(\n        async () => {\n          bi.reportButtonClick({ ctaName: 'Save', isValid: true });\n          try {\n            if (this.isFormDirty) {\n              const onSaveResult = await this.onSave({\n                widgetsFormData: { ...extraFields },\n              });\n              savedEntity = onSaveResult?.updatedEntity;\n            }\n            this._showSuccessToast();\n          } catch (err) {\n            this._showErrorToast(err, e);\n            this.container.errorMonitor.captureException(err);\n            this.events.emit('saveError', err);\n            form.setError('root.serverError', {}); // https://react-hook-form.com/docs/useform/seterror\n          }\n        },\n        () => {\n          bi.reportButtonClick({ ctaName: 'Save', isValid: false });\n        }, // can be used to report validation errors\n      )(e);\n\n      if (!form.formState.isSubmitSuccessful) {\n        return;\n      }\n\n      const transformedItem =\n        savedEntity && this.transformEntityToCollectionItem\n          ? this.transformEntityToCollectionItem(savedEntity)\n          : savedEntity;\n      this.navigateToParent(transformedItem);\n    });\n    await this.submitTask.status.promise;\n  }\n\n  private _checkPageParams() {\n    if (this._withinRouter) {\n      if (this._parentPath === undefined) {\n        throw new Error('parentPath was not defined in useEntityPage');\n      }\n\n      if (!this.container.navigate) {\n        throw new Error('navigate was not defined in Patterns Provider');\n      }\n    } else {\n      if (this._parentPageId === undefined) {\n        throw new Error('parentPageId was not defined in useEntityPage');\n      }\n\n      if (!this.container.navigateTo) {\n        throw new Error('navigateTo was not defined in Patterns Provider');\n      }\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_mobx","_EntityPageStateBIReporter","_events","EntityPageState","constructor","params","_defineProperty2","default","TaskState","undefined","FormPageState","EventEmitter","fetch","onSave","saveSuccessToast","saveErrorToast","_form","form","_parentPageId","parentPageId","transformEntityToCollectionItem","anEntity","_parentPath","parentPath","container","reportBI","createBILogger","componentType","pageType","route","window","location","pathname","bi","EntityPageStateBIReporter","entityPageState","init","makeObservable","handleSubmit","action","isFetching","computed","_entity","observable","ref","setEntity","_isFormDirty","isFormDirty","withinRouter","_withinRouter","_checkPageParams","initTask","onBeforeUnload","onBeforeUnloadSubscription","event","formState","isSubmitSuccessful","preventDefault","reportOnBeforeUnload","runOnce","_this$bi$appLoaded","_this$bi","data","Promise","all","status","promise","entity","appLoaded","call","remove","retryFetch","newEntity","isLoading","isIdle","flag","_isSubmitSuccessful","formPage","isDirty","onCancel","reportButtonClick","ctaName","navigateToParent","updatedEntity","entityObject","_updatedEntity","navigate","state","navigateTo","pageId","_showErrorToast","err","e","_this$saveErrorToast","_this$container$showT","_this$container","errorToast","message","showTryAgain","tryAgain","showToast","type","biName","translate","code","uiType","text","onClick","reportSaveTryAgain","removeToastOnClick","_showSuccessToast","_this$saveSuccessToas","_this$container$showT2","_this$container2","submitTask","events","emit","isValid","extraFields","validate","run","savedEntity","onSaveResult","widgetsFormData","errorMonitor","captureException","setError","transformedItem","Error","exports"],"sources":["../../../../src/state/EntityPage/EntityPageState.ts"],"sourcesContent":["import {\n  FormPageState,\n  ReportBI,\n  TaskState,\n  WixPatternsContainer,\n} from '@wix/bex-core';\nimport { action, computed, makeObservable, observable } from 'mobx';\nimport { FieldValues, UseFormReturn } from 'react-hook-form';\nimport { EntityPageStateBIReporter } from './EntityPageStateBIReporter';\nimport { EventEmitter, TypedEmitter } from '@wix/bex-core/events';\n\ntype OnSaveParams = {\n  widgetsFormData: { [key: string]: any };\n};\n\nexport interface EntityPageStateParams<T, V extends FieldValues = FieldValues> {\n  /**\n   * A function that fetches the entity data.\n   * @returns a promise that resolves to an object containing the entity.\n   */\n  fetch: () => Promise<{ entity: T | undefined }>;\n\n  /**\n   * A function to handle the save action.\n   * @returns promise that resolves to an object that contains a 'updatedEntity' object.\n   */\n  onSave: (params: OnSaveParams) => Promise<{ updatedEntity: T }>;\n\n  /**\n   * An optional object with an optional message, or it can directly get a string message.\n   */\n  saveSuccessToast?: { message?: string } | string;\n\n  /**\n   * An optional function to display an error toast message when a save operation fails.\n   * @returns an object with an optional message and a `tryAgain` flag, or it can directly return a string message.\n   */\n  saveErrorToast?: (\n    err: unknown,\n  ) => { message?: string; tryAgain?: boolean } | string;\n\n  /**\n   * An optional function to transform the updated entity data before it is passed to the collection page.\n   * @param entity the updated entity.\n   * @returns an object representing the entity in the collection page.\n   */\n  transformEntityToCollectionItem?: (entity: T) => any;\n\n  /**\n   * An object representing the form state and methods, typically returned by a useForm hook.\n   */\n  form: UseFormReturn<V>;\n\n  /**\n   * An object representing the container, possibly for dependency injection or component management.\n   */\n  container: WixPatternsContainer;\n\n  /**\n   * A string representing the ID of the parent page.\n   * Must be passed if not using Patterns Router\n   */\n  parentPageId?: string;\n\n  /**\n   * A string representing the path of the parent page.\n   * Must be passed if using Patterns Router\n   */\n  parentPath?: string;\n}\n\nexport interface EntityPageStateInterface {}\n\nexport interface EntityPageWidgetState {\n  validate: () => Promise<{ isValid: boolean; values?: any }>;\n  isDirty: boolean;\n}\n\nexport class EntityPageState<T, V extends FieldValues = FieldValues>\n  implements EntityPageStateInterface\n{\n  readonly initTask = new TaskState();\n  readonly submitTask = new TaskState();\n\n  readonly fetch: EntityPageStateParams<T>['fetch'];\n  readonly onSave: EntityPageStateParams<T, V>['onSave'];\n  readonly saveSuccessToast?: EntityPageStateParams<T>['saveSuccessToast'];\n  readonly saveErrorToast?: EntityPageStateParams<T>['saveErrorToast'];\n  readonly transformEntityToCollectionItem: (entity: T) => any;\n\n  _entity: T | null = null;\n  private readonly _form: UseFormReturn<V>;\n  private readonly _parentPageId?: string;\n  private readonly _parentPath?: string;\n\n  readonly container: WixPatternsContainer;\n  readonly reportBI: ReportBI;\n  readonly bi: EntityPageStateBIReporter<T, V>;\n\n  _isSubmitSuccessful?: boolean = undefined;\n  _isFormDirty = false;\n\n  _withinRouter = false;\n\n  readonly formPage = new FormPageState();\n\n  readonly events = new EventEmitter() as TypedEmitter<{\n    save: () => void;\n    saveError: (err: unknown) => void;\n  }>;\n\n  constructor(params: EntityPageStateParams<T, V>) {\n    this.fetch = params.fetch;\n    this.onSave = params.onSave;\n    this.saveSuccessToast = params.saveSuccessToast;\n    this.saveErrorToast = params.saveErrorToast;\n    this._form = params.form;\n    this._parentPageId = params.parentPageId;\n    this.transformEntityToCollectionItem =\n      params.transformEntityToCollectionItem || ((anEntity: T) => anEntity);\n    this._parentPath = params.parentPath;\n\n    this.container = params.container;\n\n    this.reportBI = this.container.createBILogger({\n      componentType: 'Entity page',\n      pageType: 'Entity',\n      route: window.location.pathname,\n    });\n\n    this.bi = new EntityPageStateBIReporter({\n      reportBI: this.reportBI,\n      entityPageState: this,\n    });\n    this.bi.init();\n\n    makeObservable(this, {\n      handleSubmit: action,\n      isFetching: computed,\n      _entity: observable.ref,\n      setEntity: action,\n      _isFormDirty: observable.ref,\n      isFormDirty: computed,\n    });\n  }\n\n  init({ withinRouter }: { withinRouter: boolean }) {\n    this._withinRouter = withinRouter;\n    this._checkPageParams();\n    const { initTask, container } = this;\n    const { onBeforeUnload } = container;\n\n    const onBeforeUnloadSubscription = onBeforeUnload?.(\n      action((event) => {\n        const { form } = this;\n        if (form.formState.isSubmitSuccessful || !this.isFormDirty) {\n          return;\n        }\n        event.preventDefault();\n        this.bi.reportOnBeforeUnload();\n      }),\n    );\n\n    initTask.runOnce(async () => {\n      const [data] = await Promise.all([\n        this.fetch(),\n        container.initTask.status.promise,\n      ]);\n\n      this.setEntity(data.entity ?? null);\n      this.bi.appLoaded?.();\n    });\n\n    return () => {\n      onBeforeUnloadSubscription?.remove();\n    };\n  }\n\n  retryFetch() {\n    this.initTask.runOnce();\n  }\n\n  setEntity(newEntity: T | null) {\n    this._entity = newEntity;\n  }\n\n  get entity(): T | null {\n    return this._entity;\n  }\n\n  get isFetching() {\n    return this.initTask.status.isLoading || this.initTask.status.isIdle;\n  }\n\n  get form() {\n    return this._form;\n  }\n\n  set isSubmitSuccessful(flag: boolean) {\n    this._isSubmitSuccessful = flag;\n  }\n\n  set isFormDirty(flag: boolean) {\n    this._isFormDirty = flag;\n  }\n\n  get isFormDirty() {\n    return this._isFormDirty || this.formPage.isDirty;\n  }\n\n  onCancel() {\n    this.bi.reportButtonClick({ ctaName: 'Cancel' });\n    this.navigateToParent();\n  }\n\n  navigateToParent(updatedEntity?: any) {\n    const entityObject = { _updatedEntity: updatedEntity };\n\n    if (this._withinRouter) {\n      this.container.navigate!(this._parentPath!, { state: entityObject });\n    } else {\n      this.container.navigateTo!({\n        pageId: this._parentPageId!,\n      });\n    }\n  }\n\n  _showErrorToast(err: any, e?: React.BaseSyntheticEvent) {\n    const errorToast = this.saveErrorToast?.(err);\n    const message =\n      typeof errorToast === 'string' ? errorToast : errorToast?.message;\n    const showTryAgain =\n      typeof errorToast === 'string' ? true : errorToast?.tryAgain !== false;\n\n    this.container.showToast?.({\n      type: 'ERROR',\n      biName: 'cairo-entity-page-save-error-toast',\n      message:\n        message ??\n        this.container.translate(\n          err?.code === 'ERR_NETWORK'\n            ? 'cairo.entityPage.saveError-offline.toast.description'\n            : 'cairo.entityPage.saveError-technical.toast.description',\n        ),\n      action: showTryAgain\n        ? {\n            uiType: 'LINK',\n            text: this.container.translate('cairo.toast.retry'),\n            onClick: () => {\n              this.bi.reportSaveTryAgain();\n              this.handleSubmit(e);\n            },\n            removeToastOnClick: true,\n          }\n        : undefined,\n    });\n  }\n\n  _showSuccessToast() {\n    const message =\n      typeof this.saveSuccessToast === 'string'\n        ? this.saveSuccessToast\n        : this.saveSuccessToast?.message;\n\n    this.container.showToast?.({\n      type: 'SUCCESS',\n      biName: 'cairo-entity-page-save-success-toast',\n      message:\n        message ?? this.container.translate('cairo.entityPage.success.toast'),\n    });\n  }\n  async handleSubmit(e?: React.BaseSyntheticEvent) {\n    if (this.submitTask.status.isLoading) {\n      return;\n    }\n\n    this.events.emit('save');\n\n    const { isValid, data: extraFields } = await this.formPage.validate();\n\n    if (!isValid) {\n      this.bi.reportButtonClick({ ctaName: 'Save', isValid: false });\n      return;\n    }\n\n    const { form, submitTask, bi } = this;\n\n    submitTask.run(async () => {\n      let savedEntity: T | undefined;\n      await form.handleSubmit(\n        async () => {\n          bi.reportButtonClick({ ctaName: 'Save', isValid: true });\n          try {\n            if (this.isFormDirty) {\n              const onSaveResult = await this.onSave({\n                widgetsFormData: { ...extraFields },\n              });\n              savedEntity = onSaveResult?.updatedEntity;\n            }\n            this._showSuccessToast();\n          } catch (err) {\n            this._showErrorToast(err, e);\n            this.container.errorMonitor.captureException(err);\n            this.events.emit('saveError', err);\n            form.setError('root.serverError', {}); // https://react-hook-form.com/docs/useform/seterror\n          }\n        },\n        () => {\n          bi.reportButtonClick({ ctaName: 'Save', isValid: false });\n        }, // can be used to report validation errors\n      )(e);\n\n      if (!form.formState.isSubmitSuccessful) {\n        return;\n      }\n\n      const transformedItem =\n        savedEntity && this.transformEntityToCollectionItem\n          ? this.transformEntityToCollectionItem(savedEntity)\n          : savedEntity;\n      this.navigateToParent(transformedItem);\n    });\n    await this.submitTask.status.promise;\n  }\n\n  private _checkPageParams() {\n    if (this._withinRouter) {\n      if (this._parentPath === undefined) {\n        throw new Error('parentPath was not defined in useEntityPage');\n      }\n\n      if (!this.container.navigate) {\n        throw new Error('navigate was not defined in Patterns Provider');\n      }\n    } else {\n      if (this._parentPageId === undefined) {\n        throw new Error('parentPageId was not defined in useEntityPage');\n      }\n\n      if (!this.container.navigateTo) {\n        throw new Error('navigateTo was not defined in Patterns Provider');\n      }\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/state/NestedTableState/NestedCollectionLevelDescriptor.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../../src/state/NestedTableState/NestedCollectionLevelDescriptor.ts"],"sourcesContent":["import { CollectionState, Filter, FiltersMap, KeyedItem } from '@wix/bex-core';\n\nexport interface NestedCollectionLevelDescriptor<T, F extends FiltersMap> {\n  readonly depth: number;\n  readonly parentKey: (item: T) => string | null | undefined;\n  readonly createCollection: (params?: {\n    readonly parent: KeyedItem<any> | null;\n  }) => {\n    collection: CollectionState<T, F>;\n    parentFilter?: Filter<string[]>;\n  };\n  readonly fetchAllThreshold?: number;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../../src/state/NestedTableState/NestedCollectionLevelDescriptor.ts"],"sourcesContent":["import {\n  CollectionOptimisticSequenceExecutor,\n  CollectionState,\n  Filter,\n  FiltersMap,\n  KeyedItem,\n  QueryState,\n} from '@wix/bex-core';\n\nexport interface NestedCollectionLevelDescriptor<T, F extends FiltersMap> {\n  readonly depth: number;\n  readonly parentKey: (item: T) => string | null | undefined;\n  readonly setParent?: (\n    item: T,\n    parentId: string | undefined,\n    additionalInfo: {\n      parentItem?: {};\n    },\n  ) => T;\n  readonly createCollection: (params?: {\n    readonly parent?: KeyedItem<any> | null;\n    readonly sequences: Map<string, CollectionOptimisticSequenceExecutor>;\n    readonly query: QueryState<F>;\n  }) => {\n    collection: CollectionState<T, F>;\n    parentFilter?: Filter<string[]>;\n  };\n  readonly fetchAllThreshold?: number;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/state/NestedTableState/NestedCollectionNodeState.js

@@ -19,6 +19,7 @@ class NestedCollectionNodeState {
     }));
     (0, _defineProperty2.default)(this, "_expanded", false);
     (0, _defineProperty2.default)(this, "_hovered", false);
+    (0, _defineProperty2.default)(this, "_firstRender", void 0);
     (0, _defineProperty2.default)(this, "initTask", new _bexCore.TaskState());
     const {
       nestedCollection
@@ -27,13 +28,18 @@ class NestedCollectionNodeState {
     this.levelDescriptor = params.levelDescriptor;
     this.parent = params.parent;
     this.parentNode = params.parentNode;
+    this._firstRender = !params.preRegister;
     (0, _mobx.runInAction)(() => {
       this._expanded = !nestedCollection.isFetchAllAborted && nestedCollection.expandAll;
     });
     const {
       collection,
       parentFilter
-    } = params.nodeCollection ?? this.levelDescriptor.createCollection(this);
+    } = params.nodeCollection ?? this.levelDescriptor.createCollection({
+      parent: this.parent,
+      sequences: nestedCollection.sequences,
+      query: nestedCollection.query
+    });
     this.collection = collection;
     this.parentFilter = parentFilter;
     const {
@@ -79,14 +85,17 @@ class NestedCollectionNodeState {
   init({
     skipCollectionInit
   } = {}) {
-    var _collection$_optimist;
     const {
       initTask,
-      collection
+      collection,
+      nestedCollection
     } = this;
+    if (collection._optimisticActions) {
+      nestedCollection.events.on('dispose', collection._optimisticActions.init());
+    }
     const disposers = [!skipCollectionInit ? collection.init({
       skipInitialFetch: !this._expanded
-    }) : undefined, (_collection$_optimist = collection._optimisticActions) == null ? void 0 : _collection$_optimist.init()];
+    }) : undefined];
     initTask.runOnce(async () => {
       collection.initTask.runOnce();
       await collection.initTask.status.promise;
@@ -103,7 +112,8 @@ class NestedCollectionNodeState {
       parent,
       parentNode: this,
       nestedCollection,
-      levelDescriptor: params.levelDescriptor
+      levelDescriptor: params.levelDescriptor,
+      preRegister: params.preRegister
     });
   }
 }

package/dist/cjs/state/NestedTableState/NestedCollectionNodeState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_mobx","NestedCollectionNodeState","constructor","params","_defineProperty2","default","observable","map","deep","TaskState","nestedCollection","levelDescriptor","parent","parentNode","runInAction","_expanded","isFetchAllAborted","expandAll","collection","parentFilter","nodeCollection","createCollection","query","sharedQuery","syncWithSharedQuery","persistent","setValue","key","makeObservable","init","action","_toggleExpand","_changeHover","ref","_hovered","hoveredOrParentHovered","computed","initialFetch","e","console","error","_this$parentNode","hovered","skipCollectionInit","_collection$_optimist","initTask","disposers","skipInitialFetch","undefined","_optimisticActions","runOnce","status","promise","forEach","d","_createNode","exports"],"sources":["../../../../src/state/NestedTableState/NestedCollectionNodeState.ts"],"sourcesContent":["import {\n  FiltersMap,\n  KeyedItem,\n  syncWithSharedQuery,\n  TaskState,\n} from '@wix/bex-core';\nimport {\n  action,\n  computed,\n  makeObservable,\n  observable,\n  runInAction,\n} from 'mobx';\nimport { NestedCollectionState } from './NestedCollectionState';\nimport { NestedCollectionLevelDescriptor } from './NestedCollectionLevelDescriptor';\nimport { NodeCollection } from './types';\n\nexport interface NestedCollectionNodeStateBaseParams<T, F extends FiltersMap> {\n  readonly levelDescriptor: NestedCollectionLevelDescriptor<T, F>;\n}\n\nexport interface NestedCollectionNodeStateParams<T, F extends FiltersMap>\n  extends NestedCollectionNodeStateBaseParams<T, F> {\n  readonly nestedCollection: NestedCollectionState;\n  readonly parentNode: NestedCollectionNodeState<any, any> | null;\n  readonly parent: KeyedItem<any> | null;\n  readonly nodeCollection?: NodeCollection<T, F>;\n}\n\nexport class NestedCollectionNodeState<T, F extends FiltersMap> {\n  readonly nestedCollection;\n  readonly collection;\n  readonly levelDescriptor: NestedCollectionLevelDescriptor<T, F>;\n  readonly parent;\n  readonly parentNode;\n  readonly parentFilter;\n\n  readonly parentKeyToChildrenMap = observable.map<\n    string,\n    NestedCollectionNodeState<any, any>\n  >([], {\n    deep: false,\n  });\n\n  _expanded = false;\n  _hovered = false;\n\n  readonly initTask = new TaskState();\n\n  constructor(params: NestedCollectionNodeStateParams<T, F>) {\n    const { nestedCollection } = params;\n    this.nestedCollection = nestedCollection;\n    this.levelDescriptor = params.levelDescriptor;\n    this.parent = params.parent;\n    this.parentNode = params.parentNode;\n\n    runInAction(() => {\n      this._expanded =\n        !nestedCollection.isFetchAllAborted && nestedCollection.expandAll;\n    });\n\n    const { collection, parentFilter } =\n      params.nodeCollection ?? this.levelDescriptor.createCollection(this);\n\n    this.collection = collection;\n    this.parentFilter = parentFilter;\n\n    const {\n      parent,\n      nestedCollection: { query: sharedQuery },\n    } = this;\n\n    const { query } = collection;\n\n    syncWithSharedQuery(query, sharedQuery);\n\n    if (parent != null && parentFilter != null) {\n      parentFilter.persistent = true;\n      parentFilter.setValue([parent.key]);\n    }\n\n    makeObservable(this, {\n      init: action,\n      _toggleExpand: action,\n      _changeHover: action,\n      _expanded: observable.ref,\n      _hovered: observable.ref,\n      hoveredOrParentHovered: computed,\n    });\n  }\n\n  async _toggleExpand() {\n    this._expanded = !this._expanded;\n    if (this._expanded) {\n      try {\n        await this.collection.initialFetch();\n      } catch (e) {\n        console.error(e);\n      }\n    }\n  }\n\n  get hoveredOrParentHovered(): boolean {\n    return this._hovered || !!this.parentNode?.hoveredOrParentHovered;\n  }\n\n  _changeHover(hovered: boolean) {\n    this._hovered = hovered;\n  }\n\n  init({ skipCollectionInit }: { skipCollectionInit?: boolean } = {}) {\n    const { initTask, collection } = this;\n\n    const disposers = [\n      !skipCollectionInit\n        ? collection.init({ skipInitialFetch: !this._expanded })\n        : undefined,\n      collection._optimisticActions?.init(),\n    ];\n\n    initTask.runOnce(async () => {\n      collection.initTask.runOnce();\n      await collection.initTask.status.promise;\n    });\n\n    return () => {\n      disposers.forEach((d) => d?.());\n    };\n  }\n\n  _createNode(\n    parent: KeyedItem<any>,\n    params: NestedCollectionNodeStateBaseParams<any, any>,\n  ) {\n    const { nestedCollection } = this;\n\n    return new NestedCollectionNodeState({\n      parent,\n      parentNode: this,\n      nestedCollection,\n      levelDescriptor: params.levelDescriptor,\n    });\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_mobx","NestedCollectionNodeState","constructor","params","_defineProperty2","default","observable","map","deep","TaskState","nestedCollection","levelDescriptor","parent","parentNode","_firstRender","preRegister","runInAction","_expanded","isFetchAllAborted","expandAll","collection","parentFilter","nodeCollection","createCollection","sequences","query","sharedQuery","syncWithSharedQuery","persistent","setValue","key","makeObservable","init","action","_toggleExpand","_changeHover","ref","_hovered","hoveredOrParentHovered","computed","initialFetch","e","console","error","_this$parentNode","hovered","skipCollectionInit","initTask","_optimisticActions","events","on","disposers","skipInitialFetch","undefined","runOnce","status","promise","forEach","d","_createNode","exports"],"sources":["../../../../src/state/NestedTableState/NestedCollectionNodeState.ts"],"sourcesContent":["import {\n  FiltersMap,\n  KeyedItem,\n  QueryState,\n  syncWithSharedQuery,\n  TaskState,\n} from '@wix/bex-core';\nimport {\n  action,\n  computed,\n  makeObservable,\n  observable,\n  runInAction,\n} from 'mobx';\nimport { NestedCollectionState } from './NestedCollectionState';\nimport { NestedCollectionLevelDescriptor } from './NestedCollectionLevelDescriptor';\nimport { NodeCollection } from './types';\n\nexport interface NestedCollectionNodeStateBaseParams<T, F extends FiltersMap> {\n  readonly levelDescriptor: NestedCollectionLevelDescriptor<T, F>;\n  readonly preRegister?: boolean;\n}\n\nexport interface NestedCollectionNodeStateParams<T, F extends FiltersMap>\n  extends NestedCollectionNodeStateBaseParams<T, F> {\n  readonly nestedCollection: NestedCollectionState;\n  readonly parentNode: NestedCollectionNodeState<any, any> | null;\n  readonly parent: KeyedItem<any> | null;\n  readonly nodeCollection?: NodeCollection<T, F>;\n}\n\nexport class NestedCollectionNodeState<T, F extends FiltersMap> {\n  readonly nestedCollection;\n  readonly collection;\n  readonly levelDescriptor: NestedCollectionLevelDescriptor<T, F>;\n  readonly parent;\n  readonly parentNode;\n  readonly parentFilter;\n\n  readonly parentKeyToChildrenMap = observable.map<\n    string,\n    NestedCollectionNodeState<any, any>\n  >([], {\n    deep: false,\n  });\n\n  _expanded = false;\n  _hovered = false;\n\n  _firstRender;\n\n  readonly initTask = new TaskState();\n\n  constructor(params: NestedCollectionNodeStateParams<T, F>) {\n    const { nestedCollection } = params;\n    this.nestedCollection = nestedCollection;\n    this.levelDescriptor = params.levelDescriptor;\n    this.parent = params.parent;\n    this.parentNode = params.parentNode;\n    this._firstRender = !params.preRegister;\n\n    runInAction(() => {\n      this._expanded =\n        !nestedCollection.isFetchAllAborted && nestedCollection.expandAll;\n    });\n\n    const { collection, parentFilter } =\n      params.nodeCollection ??\n      this.levelDescriptor.createCollection({\n        parent: this.parent,\n        sequences: nestedCollection.sequences,\n        query: nestedCollection.query as QueryState<F>,\n      });\n\n    this.collection = collection;\n    this.parentFilter = parentFilter;\n\n    const {\n      parent,\n      nestedCollection: { query: sharedQuery },\n    } = this;\n\n    const { query } = collection;\n\n    syncWithSharedQuery(query, sharedQuery);\n\n    if (parent != null && parentFilter != null) {\n      parentFilter.persistent = true;\n      parentFilter.setValue([parent.key]);\n    }\n\n    makeObservable(this, {\n      init: action,\n      _toggleExpand: action,\n      _changeHover: action,\n      _expanded: observable.ref,\n      _hovered: observable.ref,\n      hoveredOrParentHovered: computed,\n    });\n  }\n\n  async _toggleExpand() {\n    this._expanded = !this._expanded;\n    if (this._expanded) {\n      try {\n        await this.collection.initialFetch();\n      } catch (e) {\n        console.error(e);\n      }\n    }\n  }\n\n  get hoveredOrParentHovered(): boolean {\n    return this._hovered || !!this.parentNode?.hoveredOrParentHovered;\n  }\n\n  _changeHover(hovered: boolean) {\n    this._hovered = hovered;\n  }\n\n  init({ skipCollectionInit }: { skipCollectionInit?: boolean } = {}) {\n    const { initTask, collection, nestedCollection } = this;\n\n    if (collection._optimisticActions) {\n      nestedCollection.events.on(\n        'dispose',\n        collection._optimisticActions.init(),\n      );\n    }\n\n    const disposers = [\n      !skipCollectionInit\n        ? collection.init({ skipInitialFetch: !this._expanded })\n        : undefined,\n    ];\n\n    initTask.runOnce(async () => {\n      collection.initTask.runOnce();\n      await collection.initTask.status.promise;\n    });\n\n    return () => {\n      disposers.forEach((d) => d?.());\n    };\n  }\n\n  _createNode(\n    parent: KeyedItem<any>,\n    params: NestedCollectionNodeStateBaseParams<any, any>,\n  ) {\n    const { nestedCollection } = this;\n\n    return new NestedCollectionNodeState({\n      parent,\n      parentNode: this,\n      nestedCollection,\n      levelDescriptor: params.levelDescriptor,\n      preRegister: params.preRegister,\n    });\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/state/NestedTableState/NestedCollectionState.js

@@ -6,6 +6,7 @@ exports.NestedCollectionState = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _mobx = require("mobx");
 var _NestedCollectionNodeState = require("./NestedCollectionNodeState");
+var _events = require("events");
 class NestedCollectionState {
   constructor(params) {
     var _this$root$parentFilt;
@@ -17,10 +18,13 @@ class NestedCollectionState {
     (0, _defineProperty2.default)(this, "total", 0);
     (0, _defineProperty2.default)(this, "root", void 0);
     (0, _defineProperty2.default)(this, "query", void 0);
+    (0, _defineProperty2.default)(this, "sequences", void 0);
+    (0, _defineProperty2.default)(this, "events", new _events.EventEmitter());
     const {
       container
     } = params;
     this.container = container;
+    this.sequences = params.sequences;
     const rootLevelDescriptor = params.levels[0];
     this.levels = params.levels;
     this.query = params.query;
@@ -29,13 +33,19 @@ class NestedCollectionState {
       parentNode: null,
       parent: null,
       levelDescriptor: rootLevelDescriptor,
-      nodeCollection: params.nodeCollection
+      nodeCollection: params.nodeCollection,
+      preRegister: true
     });
     (_this$root$parentFilt = this.root.parentFilter) == null || _this$root$parentFilt.setValue(['null']);
     (0, _mobx.makeObservable)(this, {
       total: _mobx.observable.ref
     });
   }
+  init() {
+    return () => {
+      return this.events.listeners('dispose').forEach(d => d == null ? void 0 : d());
+    };
+  }
 }
 exports.NestedCollectionState = NestedCollectionState;
 //# sourceMappingURL=NestedCollectionState.js.map

package/dist/cjs/state/NestedTableState/NestedCollectionState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_mobx","require","_NestedCollectionNodeState","NestedCollectionState","constructor","params","_this$root$parentFilt","_defineProperty2","default","undefined","container","rootLevelDescriptor","levels","query","root","NestedCollectionNodeState","nestedCollection","parentNode","parent","levelDescriptor","nodeCollection","parentFilter","setValue","makeObservable","total","observable","ref","exports"],"sources":["../../../../src/state/NestedTableState/NestedCollectionState.ts"],"sourcesContent":["import { WixPatternsContainer, QueryState } from '@wix/bex-core';\nimport { makeObservable, observable } from 'mobx';\nimport { NestedCollectionNodeState } from './NestedCollectionNodeState';\nimport { NestedCollectionLevelDescriptor } from './NestedCollectionLevelDescriptor';\nimport { NodeCollection } from './types';\n\nexport interface NestedCollectionStateBaseParams {\n  levels: NestedCollectionLevelDescriptor<any, any>[];\n  query: QueryState<{}>;\n  nodeCollection?: NodeCollection<any, any>;\n}\n\nexport interface NestedCollectionStateParams\n  extends NestedCollectionStateBaseParams {\n  readonly container: WixPatternsContainer;\n}\n\nexport class NestedCollectionState {\n  readonly container;\n\n  readonly levels;\n\n  isFetchAllAborted = null as null | boolean;\n\n  _fetchAllTotal = undefined as undefined | number;\n\n  expandAll = true;\n  total = 0;\n\n  readonly root: NestedCollectionNodeState<any, any>;\n  readonly query;\n\n  constructor(params: NestedCollectionStateParams) {\n    const { container } = params;\n    this.container = container;\n\n    const rootLevelDescriptor = params.levels[0];\n\n    this.levels = params.levels;\n    this.query = params.query;\n\n    this.root = new NestedCollectionNodeState({\n      nestedCollection: this,\n      parentNode: null,\n      parent: null,\n      levelDescriptor: rootLevelDescriptor,\n      nodeCollection: params.nodeCollection,\n    });\n\n    this.root.parentFilter?.setValue(['null']);\n\n    makeObservable(this, {\n      total: observable.ref,\n    });\n  }\n}\n"],"mappings":";;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,0BAAA,GAAAD,OAAA;AAeO,MAAME,qBAAqB,CAAC;EAejCC,WAAWA,CAACC,MAAmC,EAAE;IAAA,IAAAC,qBAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,6BAV7B,IAAI;IAAA,IAAAD,gBAAA,CAAAC,OAAA,0BAEPC,SAAS;IAAA,IAAAF,gBAAA,CAAAC,OAAA,qBAEd,IAAI;IAAA,IAAAD,gBAAA,CAAAC,OAAA,iBACR,CAAC;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAMP,MAAM;MAAEE;IAAU,CAAC,GAAGL,MAAM;IAC5B,IAAI,CAACK,SAAS,GAAGA,SAAS;IAE1B,MAAMC,mBAAmB,GAAGN,MAAM,CAACO,MAAM,CAAC,CAAC,CAAC;IAE5C,IAAI,CAACA,MAAM,GAAGP,MAAM,CAACO,MAAM;IAC3B,IAAI,CAACC,KAAK,GAAGR,MAAM,CAACQ,KAAK;IAEzB,IAAI,CAACC,IAAI,GAAG,IAAIC,oDAAyB,CAAC;MACxCC,gBAAgB,EAAE,IAAI;MACtBC,UAAU,EAAE,IAAI;MAChBC,MAAM,EAAE,IAAI;MACZC,eAAe,EAAER,mBAAmB;MACpCS,cAAc,EAAEf,MAAM,CAACe;IACzB,CAAC,CAAC;IAEF,CAAAd,qBAAA,OAAI,CAACQ,IAAI,CAACO,YAAY,aAAtBf,qBAAA,CAAwBgB,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC;IAE1C,IAAAC,oBAAc,EAAC,IAAI,EAAE;MACnBC,KAAK,EAAEC,gBAAU,CAACC;IACpB,CAAC,CAAC;EACJ;AACF;AAACC,OAAA,CAAAxB,qBAAA,GAAAA,qBAAA","ignoreList":[]}
+{"version":3,"names":["_mobx","require","_NestedCollectionNodeState","_events","NestedCollectionState","constructor","params","_this$root$parentFilt","_defineProperty2","default","undefined","EventEmitter","container","sequences","rootLevelDescriptor","levels","query","root","NestedCollectionNodeState","nestedCollection","parentNode","parent","levelDescriptor","nodeCollection","preRegister","parentFilter","setValue","makeObservable","total","observable","ref","init","events","listeners","forEach","d","exports"],"sources":["../../../../src/state/NestedTableState/NestedCollectionState.ts"],"sourcesContent":["import {\n  WixPatternsContainer,\n  QueryState,\n  CollectionOptimisticSequenceExecutor,\n} from '@wix/bex-core';\nimport { makeObservable, observable } from 'mobx';\nimport { NestedCollectionNodeState } from './NestedCollectionNodeState';\nimport { NestedCollectionLevelDescriptor } from './NestedCollectionLevelDescriptor';\nimport { NodeCollection } from './types';\nimport { EventEmitter } from 'events';\nimport { TypedEmitter } from '@wix/bex-core/events';\n\nexport interface NestedCollectionStateBaseParams {\n  levels: NestedCollectionLevelDescriptor<any, any>[];\n  query: QueryState<{}>;\n  nodeCollection?: NodeCollection<any, any>;\n}\n\nexport interface NestedCollectionStateParams\n  extends NestedCollectionStateBaseParams {\n  readonly container: WixPatternsContainer;\n  readonly sequences: Map<string, CollectionOptimisticSequenceExecutor>;\n}\n\nexport class NestedCollectionState {\n  readonly container;\n\n  readonly levels;\n\n  isFetchAllAborted = null as null | boolean;\n\n  _fetchAllTotal = undefined as undefined | number;\n\n  expandAll = true;\n  total = 0;\n\n  readonly root: NestedCollectionNodeState<any, any>;\n  readonly query;\n  readonly sequences;\n\n  readonly events = new EventEmitter() as TypedEmitter<{\n    dispose: (() => void) | undefined;\n  }>;\n\n  constructor(params: NestedCollectionStateParams) {\n    const { container } = params;\n    this.container = container;\n    this.sequences = params.sequences;\n\n    const rootLevelDescriptor = params.levels[0];\n\n    this.levels = params.levels;\n    this.query = params.query;\n\n    this.root = new NestedCollectionNodeState({\n      nestedCollection: this,\n      parentNode: null,\n      parent: null,\n      levelDescriptor: rootLevelDescriptor,\n      nodeCollection: params.nodeCollection,\n      preRegister: true,\n    });\n\n    this.root.parentFilter?.setValue(['null']);\n\n    makeObservable(this, {\n      total: observable.ref,\n    });\n  }\n\n  init() {\n    return () => {\n      return this.events.listeners('dispose').forEach((d) => d?.());\n    };\n  }\n}\n"],"mappings":";;;;;;AAKA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,0BAAA,GAAAD,OAAA;AAGA,IAAAE,OAAA,GAAAF,OAAA;AAeO,MAAMG,qBAAqB,CAAC;EAoBjCC,WAAWA,CAACC,MAAmC,EAAE;IAAA,IAAAC,qBAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,6BAf7B,IAAI;IAAA,IAAAD,gBAAA,CAAAC,OAAA,0BAEPC,SAAS;IAAA,IAAAF,gBAAA,CAAAC,OAAA,qBAEd,IAAI;IAAA,IAAAD,gBAAA,CAAAC,OAAA,iBACR,CAAC;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,kBAMS,IAAIE,oBAAY,CAAC,CAAC;IAKlC,MAAM;MAAEC;IAAU,CAAC,GAAGN,MAAM;IAC5B,IAAI,CAACM,SAAS,GAAGA,SAAS;IAC1B,IAAI,CAACC,SAAS,GAAGP,MAAM,CAACO,SAAS;IAEjC,MAAMC,mBAAmB,GAAGR,MAAM,CAACS,MAAM,CAAC,CAAC,CAAC;IAE5C,IAAI,CAACA,MAAM,GAAGT,MAAM,CAACS,MAAM;IAC3B,IAAI,CAACC,KAAK,GAAGV,MAAM,CAACU,KAAK;IAEzB,IAAI,CAACC,IAAI,GAAG,IAAIC,oDAAyB,CAAC;MACxCC,gBAAgB,EAAE,IAAI;MACtBC,UAAU,EAAE,IAAI;MAChBC,MAAM,EAAE,IAAI;MACZC,eAAe,EAAER,mBAAmB;MACpCS,cAAc,EAAEjB,MAAM,CAACiB,cAAc;MACrCC,WAAW,EAAE;IACf,CAAC,CAAC;IAEF,CAAAjB,qBAAA,OAAI,CAACU,IAAI,CAACQ,YAAY,aAAtBlB,qBAAA,CAAwBmB,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC;IAE1C,IAAAC,oBAAc,EAAC,IAAI,EAAE;MACnBC,KAAK,EAAEC,gBAAU,CAACC;IACpB,CAAC,CAAC;EACJ;EAEAC,IAAIA,CAAA,EAAG;IACL,OAAO,MAAM;MACX,OAAO,IAAI,CAACC,MAAM,CAACC,SAAS,CAAC,SAAS,CAAC,CAACC,OAAO,CAAEC,CAAC,IAAKA,CAAC,oBAADA,CAAC,CAAG,CAAC,CAAC;IAC/D,CAAC;EACH;AACF;AAACC,OAAA,CAAAhC,qBAAA,GAAAA,qBAAA","ignoreList":[]}

package/dist/cjs/state/NestedTableState/NestedTableLevelDescriptor.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../../src/state/NestedTableState/NestedTableLevelDescriptor.ts"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport { NestedCollectionLevelDescriptor } from './NestedCollectionLevelDescriptor';\nimport { ActionCell } from '../../components/ActionCell';\nimport {\n  NestedTableNestColumns,\n  RenderMainColumn,\n} from './NestedTableNodeState';\n\nexport interface NestedTableLevelDescriptor<\n  C extends string,\n  T,\n  F extends FiltersMap,\n> extends NestedCollectionLevelDescriptor<T, F> {\n  readonly columns?: NestedTableNestColumns<C, T>;\n  readonly renderMainColumn?: RenderMainColumn<T>;\n  readonly actionCell?: ActionCell<T, F>;\n  readonly breadcrumbs?: (\n    item: T,\n  ) => { id: string; name: string }[] | null | undefined;\n  readonly onAddNewClick?: () => void;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../../src/state/NestedTableState/NestedTableLevelDescriptor.ts"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport { NestedCollectionLevelDescriptor } from './NestedCollectionLevelDescriptor';\nimport { ActionCell } from '../../components/ActionCell';\nimport {\n  NestedTableNestColumns,\n  RenderMainColumn,\n} from './NestedTableNodeState';\nimport { NestedDragEndEvent } from '../../components/NestedTableDragAndDrop/NestedTableDragAndDropState';\n\nexport interface NestedTableLevelDescriptor<\n  C extends string,\n  T,\n  F extends FiltersMap,\n> extends NestedCollectionLevelDescriptor<T, F> {\n  readonly columns?: NestedTableNestColumns<C, T>;\n  readonly renderMainColumn?: RenderMainColumn<T>;\n  readonly actionCell?: ActionCell<T, F>;\n  readonly breadcrumbs?: (\n    item: T,\n  ) => { id: string; name: string }[] | null | undefined;\n  readonly onAddNewClick?: () => void;\n  readonly dragAndDropSubmit?: (\n    event: NestedDragEndEvent<C, T, F>,\n  ) => Promise<void>;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/state/NestedTableState/NestedTableNestedModeState.js

@@ -44,20 +44,47 @@ class NestedTableNestedModeState {
       container: this.container,
       levels: wrapper.levels,
       query: wrapper.query,
-      nodeCollection: wrapper.rootNodeCollection
+      nodeCollection: wrapper.rootNodeCollection,
+      sequences: wrapper.sequences
     });
     this.root = new _NestedTableNodeState.NestedTableNodeState({
       nestedTable: this,
       node: this.nestedCollection.root,
       levelDescriptor: rootLevelDescriptor,
       parentNode: null,
-      parent: null
+      parent: null,
+      preRegister: true
     });
     this.reportBi = params.reportBi;
     this.virtual = new _TableVirtualState.TableVirtualState({
-      table: this
+      table: this,
+      getVirtualItemKey: item => {
+        var _item$item$state$pare;
+        return [item.id, (_item$item$state$pare = item.item.state.parent) == null ? void 0 : _item$item$state$pare.id].filter(Boolean).join('_');
+      }
     });
   }
+  getCollectionSnapshot() {
+    var _toolbar$viewsState, _originQuery$sort;
+    const {
+      toolbar
+    } = this;
+    const {
+      collection: {
+        result: {
+          originQuery,
+          total
+        }
+      }
+    } = toolbar;
+    return {
+      viewShown: (_toolbar$viewsState = toolbar.viewsState) == null || (_toolbar$viewsState = _toolbar$viewsState.views.currentView) == null ? void 0 : _toolbar$viewsState.id,
+      tabShown: toolbar.getCurrentTabName(),
+      sortOrderApplied: (_originQuery$sort = originQuery.sort) != null && _originQuery$sort.length ? JSON.stringify(originQuery.sort) : undefined,
+      filtersApplied: JSON.stringify(originQuery.filtersKey),
+      filteredListSizeShown: total
+    };
+  }
   get multi() {
     return this.toolbar.multi;
   }
@@ -122,12 +149,14 @@ class NestedTableNestedModeState {
     const {
       initTask,
       wrapper,
-      root
+      root,
+      nestedCollection
     } = this;
     const disposers = [wrapper.init(), root.init({
       skipCollectionInit: true
-    }) // collection is initialized by toolbar state
-    ];
+    }),
+    // collection is initialized by toolbar state
+    nestedCollection.init()];
     initTask.runOnce(async () => {
       wrapper.initTask.runOnce();
       root.initTask.runOnce();