@wix/patterns 1.126.0 → 1.130.0

package/dist/cjs/components/TagsAssignButton/TagsAssignButton.js

@@ -10,9 +10,9 @@ var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
 var _ = require("../..");
 var _BulkAssignTagsPopover = require("../Tags/BulkAssignTagsPopover");
 var _DisabledTooltip = require("../DisabledTooltip");
+var _mobxReactLite = require("mobx-react-lite");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/TagsAssignButton/TagsAssignButton.tsx";
-const TagsAssignButton = () => {
-  const maxSelectedEntitiesNum = 100;
+const _TagsAssignButton = () => {
   const toolbarCollectionState = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
   const {
     translate: t
@@ -23,25 +23,23 @@ const TagsAssignButton = () => {
   if (!tagsBulkAssignPopoverState) {
     return null;
   }
-  const selectedCountOrTotal = toolbarCollectionState.bulk.selectedCountOrTotal;
-  const disableButton = selectedCountOrTotal > maxSelectedEntitiesNum;
   return /*#__PURE__*/_react.default.createElement(_BulkAssignTagsPopover.BulkAssignTagsPopover, {
     state: tagsBulkAssignPopoverState,
     popoverElement: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 29,
+        lineNumber: 25,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_DisabledTooltip.DisabledTooltip, {
       content: t('cairo.tags.popover.bulkItemLimit.tooltip'),
-      disabled: !disableButton,
+      disabled: tagsBulkAssignPopoverState.canUseBulkUpdate,
       dataHook: "tags-assign-button-disabled-tooltip",
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 30,
+        lineNumber: 26,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
@@ -53,7 +51,7 @@ const TagsAssignButton = () => {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 40,
+          lineNumber: 36,
           columnNumber: 27
         }
       }),
@@ -61,21 +59,21 @@ const TagsAssignButton = () => {
       onClick: () => {
         tagsBulkAssignPopoverState.showPopover();
       },
-      disabled: disableButton,
+      disabled: !tagsBulkAssignPopoverState.canUseBulkUpdate,
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 35,
+        lineNumber: 31,
         columnNumber: 13
       }
     }, t('cairo.tags.collectionPage.add.CTA')))),
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 26,
+      lineNumber: 22,
       columnNumber: 5
     }
   });
 };
-exports.TagsAssignButton = TagsAssignButton;
+const TagsAssignButton = exports.TagsAssignButton = (0, _mobxReactLite.observer)(_TagsAssignButton);
 //# sourceMappingURL=TagsAssignButton.js.map

package/dist/cjs/components/TagsAssignButton/TagsAssignButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_ToolbarCollectionContext","_","_BulkAssignTagsPopover","_DisabledTooltip","_jsxFileName","TagsAssignButton","maxSelectedEntitiesNum","toolbarCollectionState","useToolbarCollectionContext","translate","t","useWixPatternsContainer","tagsBulkAssignPopoverState","tagsCollectionState","selectedCountOrTotal","bulk","disableButton","default","createElement","BulkAssignTagsPopover","state","popoverElement","Box","__self","__source","fileName","lineNumber","columnNumber","DisabledTooltip","content","disabled","dataHook","Button","skin","priority","size","ellipsis","prefixIcon","TagSmall","onClick","showPopover","exports"],"sources":["../../../../src/components/TagsAssignButton/TagsAssignButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Button } from '@wix/design-system';\nimport { TagSmall } from '@wix/wix-ui-icons-common';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { useWixPatternsContainer } from '../..';\nimport { BulkAssignTagsPopover } from '../Tags/BulkAssignTagsPopover';\nimport { DisabledTooltip } from '../DisabledTooltip';\n\nexport const TagsAssignButton = () => {\n  const maxSelectedEntitiesNum = 100;\n  const toolbarCollectionState = useToolbarCollectionContext();\n  const { translate: t } = useWixPatternsContainer();\n\n  const { tagsBulkAssignPopoverState } =\n    toolbarCollectionState.tagsCollectionState ?? {};\n\n  if (!tagsBulkAssignPopoverState) {\n    return null;\n  }\n\n  const selectedCountOrTotal = toolbarCollectionState.bulk.selectedCountOrTotal;\n\n  const disableButton = selectedCountOrTotal > maxSelectedEntitiesNum;\n\n  return (\n    <BulkAssignTagsPopover\n      state={tagsBulkAssignPopoverState}\n      popoverElement={\n        <Box>\n          <DisabledTooltip\n            content={t('cairo.tags.popover.bulkItemLimit.tooltip')}\n            disabled={!disableButton}\n            dataHook=\"tags-assign-button-disabled-tooltip\"\n          >\n            <Button\n              skin=\"standard\"\n              priority=\"secondary\"\n              size=\"small\"\n              ellipsis\n              prefixIcon={<TagSmall />}\n              dataHook=\"tags-assign-button\"\n              onClick={() => {\n                tagsBulkAssignPopoverState.showPopover();\n              }}\n              disabled={disableButton}\n            >\n              {t('cairo.tags.collectionPage.add.CTA')}\n            </Button>\n          </DisabledTooltip>\n        </Box>\n      }\n    />\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,yBAAA,GAAAH,OAAA;AACA,IAAAI,CAAA,GAAAJ,OAAA;AACA,IAAAK,sBAAA,GAAAL,OAAA;AACA,IAAAM,gBAAA,GAAAN,OAAA;AAAqD,IAAAO,YAAA;AAE9C,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EACpC,MAAMC,sBAAsB,GAAG,GAAG;EAClC,MAAMC,sBAAsB,GAAG,IAAAC,qDAA2B,EAAC,CAAC;EAC5D,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,yBAAuB,EAAC,CAAC;EAElD,MAAM;IAAEC;EAA2B,CAAC,GAClCL,sBAAsB,CAACM,mBAAmB,IAAI,CAAC,CAAC;EAElD,IAAI,CAACD,0BAA0B,EAAE;IAC/B,OAAO,IAAI;EACb;EAEA,MAAME,oBAAoB,GAAGP,sBAAsB,CAACQ,IAAI,CAACD,oBAAoB;EAE7E,MAAME,aAAa,GAAGF,oBAAoB,GAAGR,sBAAsB;EAEnE,oBACEX,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAAChB,sBAAA,CAAAiB,qBAAqB;IACpBC,KAAK,EAAER,0BAA2B;IAClCS,cAAc,eACZ1B,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACpB,aAAA,CAAAwB,GAAG;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArB,YAAA;QAAAsB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACFhC,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACf,gBAAA,CAAAyB,eAAe;MACdC,OAAO,EAAEnB,CAAC,CAAC,0CAA0C,CAAE;MACvDoB,QAAQ,EAAE,CAACd,aAAc;MACzBe,QAAQ,EAAC,qCAAqC;MAAAR,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArB,YAAA;QAAAsB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAE9ChC,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACpB,aAAA,CAAAkC,MAAM;MACLC,IAAI,EAAC,UAAU;MACfC,QAAQ,EAAC,WAAW;MACpBC,IAAI,EAAC,OAAO;MACZC,QAAQ;MACRC,UAAU,eAAE1C,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACnB,iBAAA,CAAAuC,QAAQ;QAAAf,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAArB,YAAA;UAAAsB,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAE;MACzBI,QAAQ,EAAC,oBAAoB;MAC7BQ,OAAO,EAAEA,CAAA,KAAM;QACb3B,0BAA0B,CAAC4B,WAAW,CAAC,CAAC;MAC1C,CAAE;MACFV,QAAQ,EAAEd,aAAc;MAAAO,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArB,YAAA;QAAAsB,UAAA;QAAAC,YAAA;MAAA;IAAA,GAEvBjB,CAAC,CAAC,mCAAmC,CAChC,CACO,CACd,CACN;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACF,CAAC;AAEN,CAAC;AAACc,OAAA,CAAApC,gBAAA,GAAAA,gBAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_ToolbarCollectionContext","_","_BulkAssignTagsPopover","_DisabledTooltip","_mobxReactLite","_jsxFileName","_TagsAssignButton","toolbarCollectionState","useToolbarCollectionContext","translate","t","useWixPatternsContainer","tagsBulkAssignPopoverState","tagsCollectionState","default","createElement","BulkAssignTagsPopover","state","popoverElement","Box","__self","__source","fileName","lineNumber","columnNumber","DisabledTooltip","content","disabled","canUseBulkUpdate","dataHook","Button","skin","priority","size","ellipsis","prefixIcon","TagSmall","onClick","showPopover","TagsAssignButton","exports","observer"],"sources":["../../../../src/components/TagsAssignButton/TagsAssignButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Button } from '@wix/design-system';\nimport { TagSmall } from '@wix/wix-ui-icons-common';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { useWixPatternsContainer } from '../..';\nimport { BulkAssignTagsPopover } from '../Tags/BulkAssignTagsPopover';\nimport { DisabledTooltip } from '../DisabledTooltip';\nimport { observer } from 'mobx-react-lite';\n\nconst _TagsAssignButton = () => {\n  const toolbarCollectionState = useToolbarCollectionContext();\n  const { translate: t } = useWixPatternsContainer();\n\n  const { tagsBulkAssignPopoverState } =\n    toolbarCollectionState.tagsCollectionState ?? {};\n\n  if (!tagsBulkAssignPopoverState) {\n    return null;\n  }\n\n  return (\n    <BulkAssignTagsPopover\n      state={tagsBulkAssignPopoverState}\n      popoverElement={\n        <Box>\n          <DisabledTooltip\n            content={t('cairo.tags.popover.bulkItemLimit.tooltip')}\n            disabled={tagsBulkAssignPopoverState.canUseBulkUpdate}\n            dataHook=\"tags-assign-button-disabled-tooltip\"\n          >\n            <Button\n              skin=\"standard\"\n              priority=\"secondary\"\n              size=\"small\"\n              ellipsis\n              prefixIcon={<TagSmall />}\n              dataHook=\"tags-assign-button\"\n              onClick={() => {\n                tagsBulkAssignPopoverState.showPopover();\n              }}\n              disabled={!tagsBulkAssignPopoverState.canUseBulkUpdate}\n            >\n              {t('cairo.tags.collectionPage.add.CTA')}\n            </Button>\n          </DisabledTooltip>\n        </Box>\n      }\n    />\n  );\n};\n\nexport const TagsAssignButton = observer(_TagsAssignButton);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,yBAAA,GAAAH,OAAA;AACA,IAAAI,CAAA,GAAAJ,OAAA;AACA,IAAAK,sBAAA,GAAAL,OAAA;AACA,IAAAM,gBAAA,GAAAN,OAAA;AACA,IAAAO,cAAA,GAAAP,OAAA;AAA2C,IAAAQ,YAAA;AAE3C,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;EAC9B,MAAMC,sBAAsB,GAAG,IAAAC,qDAA2B,EAAC,CAAC;EAC5D,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,yBAAuB,EAAC,CAAC;EAElD,MAAM;IAAEC;EAA2B,CAAC,GAClCL,sBAAsB,CAACM,mBAAmB,IAAI,CAAC,CAAC;EAElD,IAAI,CAACD,0BAA0B,EAAE;IAC/B,OAAO,IAAI;EACb;EAEA,oBACEjB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACb,sBAAA,CAAAc,qBAAqB;IACpBC,KAAK,EAAEL,0BAA2B;IAClCM,cAAc,eACZvB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAqB,GAAG;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAjB,YAAA;QAAAkB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACF7B,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACZ,gBAAA,CAAAsB,eAAe;MACdC,OAAO,EAAEhB,CAAC,CAAC,0CAA0C,CAAE;MACvDiB,QAAQ,EAAEf,0BAA0B,CAACgB,gBAAiB;MACtDC,QAAQ,EAAC,qCAAqC;MAAAT,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAjB,YAAA;QAAAkB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAE9C7B,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAgC,MAAM;MACLC,IAAI,EAAC,UAAU;MACfC,QAAQ,EAAC,WAAW;MACpBC,IAAI,EAAC,OAAO;MACZC,QAAQ;MACRC,UAAU,eAAExC,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAAChB,iBAAA,CAAAqC,QAAQ;QAAAhB,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAjB,YAAA;UAAAkB,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAE;MACzBK,QAAQ,EAAC,oBAAoB;MAC7BQ,OAAO,EAAEA,CAAA,KAAM;QACbzB,0BAA0B,CAAC0B,WAAW,CAAC,CAAC;MAC1C,CAAE;MACFX,QAAQ,EAAE,CAACf,0BAA0B,CAACgB,gBAAiB;MAAAR,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAjB,YAAA;QAAAkB,UAAA;QAAAC,YAAA;MAAA;IAAA,GAEtDd,CAAC,CAAC,mCAAmC,CAChC,CACO,CACd,CACN;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACF,CAAC;AAEN,CAAC;AAEM,MAAMe,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,uBAAQ,EAACnC,iBAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/ToolbarCollection/ToolbarCollection.js

@@ -65,14 +65,14 @@ function ToolbarCollection(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 348,
+        lineNumber: 349,
         columnNumber: 11
       }
     }),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 326,
+      lineNumber: 327,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -85,7 +85,7 @@ function ToolbarCollection(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 357,
+      lineNumber: 358,
       columnNumber: 7
     }
   }, children));

package/dist/cjs/components/ToolbarCollection/ToolbarCollection.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_assertComponentType","_CollectionToolbars","_checkConflictingToolbarProps","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ToolbarCollection","props","state","filters","title","tabs","views","extraToolbar","selectionToolbar","dragAndDropReorderModeToolbar","sticky","stickyProp","search","children","tableGridSwitchButton","exportButton","primaryActionButton","summaryBar","topNotification","assertComponentType","checkConflictingToolbarProps","scrollableContentRef","scrollablePageRef","usePageScrollContext","setSticky","useState","current","useEffect","createElement","Fragment","CollectionToolbars","query","collection","result","originQuery","titleBar","Box","width","borderTopColor","borderTopWidth","borderTopStyle","boxSizing","__self","__source","fileName","lineNumber","columnNumber","dataHook","direction","minHeight","flex","verticalAlign"],"sources":["../../../../src/components/ToolbarCollection/ToolbarCollection.tsx"],"sourcesContent":["import { Box, CardProps, usePageScrollContext } from '@wix/design-system';\nimport React, {\n  CSSProperties,\n  ReactElement,\n  ReactNode,\n  useEffect,\n  useState,\n} from 'react';\nimport { CollectionToolbarProps, FilterElement, TabsFilterProps } from '../..';\nimport { ComputedQuery, FiltersMap } from '@wix/bex-core';\nimport { ToolbarCollectionState } from '../../state';\nimport {\n  assertComponentType,\n  CollectionSearchElement,\n  CollectionToolbarFiltersElement,\n  CollectionViewsDropdownElement,\n  CustomColumnsElement,\n  PrimaryActionButtonElement,\n  ReorderModeToolbarElement,\n  TabsFilterElement,\n  ToolbarTitleElement,\n  TopNotificationElement,\n} from '../assertComponentType';\nimport { CollectionToolbars } from '../CollectionToolbars';\nimport {\n  DragAndDropBulkSubmit,\n  DragAndDropCancel,\n  DragAndDropSubmit,\n} from '../DragAndDrop';\nimport { TableGridSwitchButtonProps } from '../TableGridSwitchButton';\nimport { checkConflictingToolbarProps } from './checkConflictingToolbarProps';\nimport type { AddApplyFiltersButtonType } from '../FiltersPanel/AddApplyFiltersButton';\nimport type { TagsElement } from '../Tags';\nimport type { ExtensionMenuItemsType } from '../ExtensionMenuItems';\nimport { TablePlaceholderStatesProps } from '../TablePlaceholderStates/TablePlaceholderStates';\nimport { DragAndDropCategoriesProps } from '../DragAndDrop/DragAndDropCategoriesProps';\n\nexport interface ToolbarBaseProps<T> {\n  /**\n   * Displays a title at the left of a toolbar. Accepts a [ToolbarTitle](./?path=/story/features-display-toolbar--toolbartitle) component.\n   * @overrideType [ToolbarTitle](./?path=/story/features-display-toolbar--toolbartitle)\n   * @external\n   */\n  title?: ToolbarTitleElement;\n  /**\n   * Displays a search input on the right side of the table toolbar.<br> <br>\n   * Accepts a boolean or a custom React element as a parameter. When passing `false`, no search input is displayed.\n   * @default true\n   * @external\n   */\n  search?: boolean | FilterElement | CollectionSearchElement;\n\n  /**\n   * Indicates whether to show Table Title Bar or not.\n   * Note: if you pass `showTitleBar = false` title bar is not removed from the DOM. For better accessibility column titles should be defined as well.\n   * @default true\n   * @external\n   */\n  showTitleBar?: boolean;\n  /**\n   * A [`<ExportButton />`](./?path=/story/features-export--exportto) react element to be added to the toolbar\n   */\n  exportButton?: ReactElement;\n\n  /**\n   * Enables tags feature. In this element you can pass the configuration\n   * @overrideType [TagsElement](./?path=/story/features-enrich-tags--tags)\n   */\n  tags?: TagsElement<T>;\n  /**\n   * A [`<ExportModal />`](./?path=/story/features-export--exportto#CTA_is_out_of_the_table) react element to be rendered in table's context.\n   */\n  exportModal?: ReactElement;\n}\n\nexport interface ToolbarCollectionBaseProps<T, F extends FiltersMap>\n  extends ToolbarBaseProps<T>,\n    DragAndDropCategoriesProps<F> {\n  children?: ReactNode | ReactNode[];\n\n  /**\n   * Adds view options to the table headers.\n   * Accepts a [Views](./?path=/story/features-display-views--views) component.\n   * @overrideType [Views](./?path=/story/features-display-views--views)\n   * @external\n   */\n  views?: CollectionViewsDropdownElement<F>;\n  /**\n   * Adds filters to the toolbar and/or a sliding panel.\n   * Accepts a `ToolbarFilters` component, which must have the `panelTitle` prop defined.\n   * @overrideType [ToolbarFilters](./?path=%2Fstory%2Ffeatures-filter-components--toolbarfilters)\n   * @external\n   */\n  filters?: CollectionToolbarFiltersElement;\n  /**\n   * Displays tabs at the left of a toolbar.\n   * Accepts a [TabsFilter](./?path=/story/features-filter-components--tabsfilter) component.\n   * @overrideType [TabsFilter](./?path=/story/features-filter-components--tabsfilter)\n   * @external\n   */\n  tabs?: TabsFilterElement<TabsFilterProps<T>>;\n\n  selectionToolbar?: ReactElement;\n\n  sticky?: boolean;\n  /**\n   * Minimum height for a card's container when showing:<br>\n   * - A loader<br>\n   * - Empty state<br>\n   * - Error state\n   * <br><br>\n   * If no unit is specified, `px` is used.\n   * @default 300px\n   * @external\n   */\n  minCardHeight?: CSSProperties['minHeight'];\n\n  /**\n   * A render function to be rendered when there's an error fetching data from the server.<br>\n   * The function accepts the following parameters <br>\n   *   * `err`: The error thrown by the [fetchData](./?path=/story/common-hooks--usecollection) function <br>\n   *   * `isOnline`: Indicates whether internet connection is available <br>\n   *   * `retry`: Retry collection fetch on failed response, similar to `collection.retryFetch` <br>\n   * Returns [`EmptyState`](https://www.docs.wixdesignsystem.com/?path=/story/components-layout--emptystate) component.\n   * @external\n   * @deprecated Use `errorState` instead.\n   */\n  renderError?: TablePlaceholderStatesProps['renderError'];\n\n  /**\n   * A render function to be rendered when there's an error fetching data from the server.<br>\n   * The function accepts the following parameters <br>\n   *   * `err`: The error thrown by the [fetchData](./?path=/story/common-hooks--usecollection) function <br>\n   *   * `isOnline`: Indicates whether internet connection is available <br>\n   *   * `retry`: Retry collection fetch on failed response, similar to `collection.retryFetch` <br>\n   * Returns [`EmptyState`](https://www.docs.wixdesignsystem.com/?path=/story/components-layout--emptystate) component.\n   * @external\n   */\n  errorState?: TablePlaceholderStatesProps['errorState'];\n\n  /**\n   * Renders when there are no items to display. Accepts a [`CollectionEmptyState`](./?path=/story/features-display-empty-states--collectionemptystate) component.\n   * @external\n   * @overrideType [CollectionEmptyState](./?path=/story/features-display-empty-states--collectionemptystate)\n   */\n  emptyState?: ReactNode;\n\n  /**\n   * Shown when a search or filter has no results.\n   * Accepts a [`CollectionNoResultsState`](./?path=/story/features-display-empty-states--collectionnoresultsstate) component,\n   * or a function that accepts the following parameters:\n   * - `hasAvailableItems`: Indicates whether other items may be shown using other filter or search parameters.\n   * - `query`: An instance of [`ComputedQuery`](./?path=/story/common-models--computedquery) representing the query that resulted in the empty state.\n   * The function should return [`CollectionNoResultsState`](./?path=/story/features-display-empty-states--collectionnoresultsstate).\n   * @external\n   * @overrideType [CollectionNoResultsState](./?path=/story/features-display-empty-states--collectionnoresultsstate)\n   */\n  noResultsState?:\n    | ReactNode\n    | ((params: {\n        hasAvailableItems: boolean;\n        query: ComputedQuery<F>;\n      }) => ReactNode);\n\n  cardProps?: Partial<CardProps>;\n  onSelectedItems?: (allSelected: boolean, items: T[]) => unknown;\n  /**\n   * Renders a notification below the header. Accepts a [`TableTopNotification`](./?path=/story/features-display-tabletopnotification--tabletopnotification) component.\n   * @overrideType [TableTopNotification](./?path=/story/features-display-tabletopnotification--tabletopnotification)\n   * @external\n   */\n  topNotification?:\n    | TopNotificationElement\n    | ((params: {\n        query: ComputedQuery<F>;\n      }) => TopNotificationElement | boolean | null | undefined)\n    | boolean\n    | null\n    | undefined;\n\n  extraToolbar?: ReactNode;\n\n  /**\n   * Display a summary bar below the toolbar.\n   * Accepts a [`SummaryBar`](./?path=/story/features-display-toolbar--summarybar) component.\n   * @overrideType [SummaryBar](./?path=/story/features-display-toolbar--summarybar)\n   * @external\n   */\n  summaryBar?: ReactNode;\n  tableGridSwitchButton?: ReactElement<TableGridSwitchButtonProps>;\n\n  /**\n   * Function that submits a drop event to the server. <br> <br>\n   * The parameter is an event object containing the following details: <br>\n   * -`from: {item: T; index: number}`: The dragged item. <br>\n   * -`after: null | [item: T; iindex: number}`: The previous dropped item. If this is the first item to be dropped, this argument is `null`. <br>\n   * -`filters`: Applied [Drag and Drop](./?path=/story/features-sort-drag-and-drop--overview) filters.\n   *\n   * @returns Promise\n   * @external\n   */\n  dragAndDropSubmit?: DragAndDropSubmit<T, F>;\n\n  /**\n   * Function that submits an array of drop events to the server. <br> <br>\n   * The parameter is an array of event objects containing the following details: <br>\n   * -`from: {item: T; index: number}`: The dragged item. <br>\n   * -`after: null | [item: T; index: number}`: The previous dropped item. If this is the first item to be dropped, this argument is `null`. <br>\n   * -`filters`: Applied [Drag and Drop](./?path=/story/features-sort-drag-and-drop--overview) filters. <br>\n   *\n   * @returns Promise\n   * @external\n   */\n  dragAndDropBulkSubmit?: DragAndDropBulkSubmit<T, F>;\n\n  /**\n   * A function that cancels a drop event. <br>\n   * Supported arguments: <br>\n   * - `from: {item: T; index: number}`: The dragged item.\n   * - `after: null | {item: T; index: number}`: The item that the dragged item was dropped after. If dropped at the head of the collection, this argument will be `null`.\n   * - `filters`: Currently applied filters. Used in cases where your server holds a unique ordering per filtering. See the `dragAndDropCategories` prop.\n   *\n   * If the move is cancelled, the function returns a toast config object with a message. Otherwise, the function will return a null value.\n   * @external\n   */\n  dragAndDropCancel?: DragAndDropCancel<T, F>;\n\n  /**\n   * @deprecated It doesn't need to be passed implicitly anymore.\n   */\n  extensionMenuItems?: ExtensionMenuItemsType;\n\n  /**\n   * Drag and drop reorder mode toolbar. This prop accepts a `ReorderModeToolbar` component.<br>\n   * The `ReorderModeToolbar` component accepts the following props:<br>\n   *  + `learnMoreUrl`: [string] A URL in the toolbar.<br>\n   *  + `reorderModeTitle`: [string] A title in the toolbar.\n   * @external\n   */\n  dragAndDropReorderModeToolbar?: ReorderModeToolbarElement | null;\n\n  /**\n   * Adds functionality to allow visitors to create choose which columns to display and in what order. Accepts a [CustomColumns](./?path=/story/features-display--customcolumns) component.\n   * @overrideType [CustomColumns](./?path=/story/features-display--customcolumns)\n   * @external\n   */\n  customColumns?: CustomColumnsElement | null;\n\n  /**\n   * Adds functionality to allow visitors to sort multiple columns simultaneously.\n   * Accepts a [MultiLevelSorting](./?path=/story/features-sort-sortable-columns-multilevelsorting--multilevelsorting) component.\n   * @overrideType [MultiLevelSorting](./?path=/story/features-sort-sortable-columns-multilevelsorting--multilevelsorting)\n   * @external\n   */\n  multiLevelSorting?: CollectionToolbarProps<T, F>['multiLevelSorting'];\n\n  /**\n   * Adds functionality for a primary action button in the toolbar.\n   * Accepts a [PrimaryActionButton](./?path=/story/features-actions-primaryactionbutton--primaryactionbutton) component.\n   * @external\n   * @overrideType [PrimaryActionButton](./?path=/story/features-actions-primaryactionbutton--primaryactionbutton)\n   */\n  primaryActionButton?: PrimaryActionButtonElement;\n\n  /**\n   * Apply filter button implementation: `import { AddApplyFiltersButton } from '@wix/patterns';`\n   * <br>\n   * Add `Apply` button to the filters panel footer. Panel filters will be applied only after the button is clicked.\n   */\n  AddApplyFiltersButton?: AddApplyFiltersButtonType;\n\n  /**\n   * Limits the amount of rows a visitor can select.\n   * @external\n   */\n  maxSelection?: number;\n\n  /**\n   * Indicates whether the table should have an [internal scroll](./?path=/story/features-display-internal-scroll--internal-scroll) instead of the default page scroll.\n   * @external\n   */\n  internalScroll?: boolean;\n}\n\nexport interface ToolbarCollectionProps<T, F extends FiltersMap>\n  extends ToolbarCollectionBaseProps<T, F> {\n  state: ToolbarCollectionState<T, F>;\n}\n\nexport function ToolbarCollection<T, F extends FiltersMap>(\n  props: ToolbarCollectionProps<T, F>,\n) {\n  const {\n    state,\n    filters,\n    title,\n    tabs,\n    views,\n    extraToolbar,\n    selectionToolbar,\n    dragAndDropReorderModeToolbar,\n    sticky: stickyProp,\n    search,\n    children,\n    tableGridSwitchButton,\n    exportButton,\n    primaryActionButton,\n    summaryBar,\n    topNotification,\n  } = props;\n  assertComponentType(views, 'CollectionViewsDropdown', 'views');\n  checkConflictingToolbarProps(props);\n\n  const { scrollableContentRef: scrollablePageRef } = usePageScrollContext();\n\n  const [sticky, setSticky] = useState(\n    stickyProp ?? scrollablePageRef?.current != null,\n  );\n\n  useEffect(() => {\n    setSticky(stickyProp ?? scrollablePageRef?.current != null);\n  }, [stickyProp]);\n\n  return (\n    <>\n      <CollectionToolbars\n        sticky={sticky}\n        state={state}\n        search={search}\n        views={views}\n        title={title}\n        tabs={tabs}\n        filters={filters}\n        selectionToolbar={selectionToolbar}\n        dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}\n        extraToolbar={extraToolbar}\n        tableGridSwitchButton={tableGridSwitchButton}\n        exportButton={exportButton}\n        primaryActionButton={primaryActionButton}\n        summaryBar={summaryBar}\n        topNotification={\n          typeof topNotification === 'function'\n            ? () =>\n                topNotification({ query: state.collection.result.originQuery })\n            : topNotification\n        }\n        titleBar={\n          <Box\n            width=\"100%\"\n            borderTopColor=\"D60\"\n            borderTopWidth=\"1px\"\n            borderTopStyle=\"solid\"\n            boxSizing=\"border-box\"\n          />\n        }\n      />\n      <Box\n        dataHook=\"toolbar-collection-content\"\n        width=\"100%\"\n        direction=\"vertical\"\n        minHeight={0}\n        flex={1}\n        verticalAlign=\"middle\"\n      >\n        {children}\n      </Box>\n    </>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_assertComponentType","_CollectionToolbars","_checkConflictingToolbarProps","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ToolbarCollection","props","state","filters","title","tabs","views","extraToolbar","selectionToolbar","dragAndDropReorderModeToolbar","sticky","stickyProp","search","children","tableGridSwitchButton","exportButton","primaryActionButton","summaryBar","topNotification","assertComponentType","checkConflictingToolbarProps","scrollableContentRef","scrollablePageRef","usePageScrollContext","setSticky","useState","current","useEffect","createElement","Fragment","CollectionToolbars","query","collection","result","originQuery","titleBar","Box","width","borderTopColor","borderTopWidth","borderTopStyle","boxSizing","__self","__source","fileName","lineNumber","columnNumber","dataHook","direction","minHeight","flex","verticalAlign"],"sources":["../../../../src/components/ToolbarCollection/ToolbarCollection.tsx"],"sourcesContent":["import { Box, CardProps, usePageScrollContext } from '@wix/design-system';\nimport React, {\n  CSSProperties,\n  ReactElement,\n  ReactNode,\n  useEffect,\n  useState,\n} from 'react';\nimport { CollectionToolbarProps, FilterElement, TabsFilterProps } from '../..';\nimport { ComputedQuery, FiltersMap } from '@wix/bex-core';\nimport { ToolbarCollectionState } from '../../state';\nimport {\n  assertComponentType,\n  CollectionSearchElement,\n  CollectionToolbarFiltersElement,\n  CollectionViewsDropdownElement,\n  CustomColumnsElement,\n  PrimaryActionButtonElement,\n  ReorderModeToolbarElement,\n  TabsFilterElement,\n  ToolbarTitleElement,\n  TopNotificationElement,\n} from '../assertComponentType';\nimport { CollectionToolbars } from '../CollectionToolbars';\nimport {\n  DragAndDropBulkSubmit,\n  DragAndDropCancel,\n  DragAndDropSubmit,\n} from '../DragAndDrop';\nimport { TableGridSwitchButtonProps } from '../TableGridSwitchButton';\nimport { checkConflictingToolbarProps } from './checkConflictingToolbarProps';\nimport type { AddApplyFiltersButtonType } from '../FiltersPanel/AddApplyFiltersButton';\nimport type { TagsElement } from '../Tags';\nimport type { ExtensionMenuItemsType } from '../ExtensionMenuItems';\nimport { TablePlaceholderStatesProps } from '../TablePlaceholderStates/TablePlaceholderStates';\nimport { DragAndDropCategoriesProps } from '../DragAndDrop/DragAndDropCategoriesProps';\n\nexport interface ToolbarBaseProps {\n  /**\n   * Displays a title at the left of a toolbar. Accepts a [ToolbarTitle](./?path=/story/features-display-toolbar--toolbartitle) component.\n   * @overrideType [ToolbarTitle](./?path=/story/features-display-toolbar--toolbartitle)\n   * @external\n   */\n  title?: ToolbarTitleElement;\n  /**\n   * Displays a search input on the right side of the table toolbar.<br> <br>\n   * Accepts a boolean or a custom React element as a parameter. When passing `false`, no search input is displayed.\n   * @default true\n   * @external\n   */\n  search?: boolean | FilterElement | CollectionSearchElement;\n\n  /**\n   * Indicates whether to show Table Title Bar or not.\n   * Note: if you pass `showTitleBar = false` title bar is not removed from the DOM. For better accessibility column titles should be defined as well.\n   * @default true\n   * @external\n   */\n  showTitleBar?: boolean;\n  /**\n   * A [`<ExportButton />`](./?path=/story/features-export--exportto) react element to be added to the toolbar\n   */\n  exportButton?: ReactElement;\n\n  /**\n   * A [`<ExportModal />`](./?path=/story/features-export--exportto#CTA_is_out_of_the_table) react element to be rendered in table's context.\n   */\n  exportModal?: ReactElement;\n}\n\nexport interface ToolbarCollectionBaseProps<T, F extends FiltersMap>\n  extends ToolbarBaseProps,\n    DragAndDropCategoriesProps<F> {\n  children?: ReactNode | ReactNode[];\n\n  /**\n   * Adds view options to the table headers.\n   * Accepts a [Views](./?path=/story/features-display-views--views) component.\n   * @overrideType [Views](./?path=/story/features-display-views--views)\n   * @external\n   */\n  views?: CollectionViewsDropdownElement<F>;\n  /**\n   * Adds filters to the toolbar and/or a sliding panel.\n   * Accepts a `ToolbarFilters` component, which must have the `panelTitle` prop defined.\n   * @overrideType [ToolbarFilters](./?path=%2Fstory%2Ffeatures-filter-components--toolbarfilters)\n   * @external\n   */\n  filters?: CollectionToolbarFiltersElement;\n  /**\n   * Displays tabs at the left of a toolbar.\n   * Accepts a [TabsFilter](./?path=/story/features-filter-components--tabsfilter) component.\n   * @overrideType [TabsFilter](./?path=/story/features-filter-components--tabsfilter)\n   * @external\n   */\n  tabs?: TabsFilterElement<TabsFilterProps<T>>;\n\n  selectionToolbar?: ReactElement;\n\n  sticky?: boolean;\n  /**\n   * Minimum height for a card's container when showing:<br>\n   * - A loader<br>\n   * - Empty state<br>\n   * - Error state\n   * <br><br>\n   * If no unit is specified, `px` is used.\n   * @default 300px\n   * @external\n   */\n  minCardHeight?: CSSProperties['minHeight'];\n\n  /**\n   * A render function to be rendered when there's an error fetching data from the server.<br>\n   * The function accepts the following parameters <br>\n   *   * `err`: The error thrown by the [fetchData](./?path=/story/common-hooks--usecollection) function <br>\n   *   * `isOnline`: Indicates whether internet connection is available <br>\n   *   * `retry`: Retry collection fetch on failed response, similar to `collection.retryFetch` <br>\n   * Returns [`EmptyState`](https://www.docs.wixdesignsystem.com/?path=/story/components-layout--emptystate) component.\n   * @external\n   * @deprecated Use `errorState` instead.\n   */\n  renderError?: TablePlaceholderStatesProps['renderError'];\n\n  /**\n   * A render function to be rendered when there's an error fetching data from the server.<br>\n   * The function accepts the following parameters <br>\n   *   * `err`: The error thrown by the [fetchData](./?path=/story/common-hooks--usecollection) function <br>\n   *   * `isOnline`: Indicates whether internet connection is available <br>\n   *   * `retry`: Retry collection fetch on failed response, similar to `collection.retryFetch` <br>\n   * Returns [`EmptyState`](https://www.docs.wixdesignsystem.com/?path=/story/components-layout--emptystate) component.\n   * @external\n   */\n  errorState?: TablePlaceholderStatesProps['errorState'];\n\n  /**\n   * Renders when there are no items to display. Accepts a [`CollectionEmptyState`](./?path=/story/features-display-empty-states--collectionemptystate) component.\n   * @external\n   * @overrideType [CollectionEmptyState](./?path=/story/features-display-empty-states--collectionemptystate)\n   */\n  emptyState?: ReactNode;\n\n  /**\n   * Shown when a search or filter has no results.\n   * Accepts a [`CollectionNoResultsState`](./?path=/story/features-display-empty-states--collectionnoresultsstate) component,\n   * or a function that accepts the following parameters:\n   * - `hasAvailableItems`: Indicates whether other items may be shown using other filter or search parameters.\n   * - `query`: An instance of [`ComputedQuery`](./?path=/story/common-models--computedquery) representing the query that resulted in the empty state.\n   * The function should return [`CollectionNoResultsState`](./?path=/story/features-display-empty-states--collectionnoresultsstate).\n   * @external\n   * @overrideType [CollectionNoResultsState](./?path=/story/features-display-empty-states--collectionnoresultsstate)\n   */\n  noResultsState?:\n    | ReactNode\n    | ((params: {\n        hasAvailableItems: boolean;\n        query: ComputedQuery<F>;\n      }) => ReactNode);\n\n  cardProps?: Partial<CardProps>;\n  onSelectedItems?: (allSelected: boolean, items: T[]) => unknown;\n  /**\n   * Renders a notification below the header. Accepts a [`TableTopNotification`](./?path=/story/features-display-tabletopnotification--tabletopnotification) component.\n   * @overrideType [TableTopNotification](./?path=/story/features-display-tabletopnotification--tabletopnotification)\n   * @external\n   */\n  topNotification?:\n    | TopNotificationElement\n    | ((params: {\n        query: ComputedQuery<F>;\n      }) => TopNotificationElement | boolean | null | undefined)\n    | boolean\n    | null\n    | undefined;\n\n  extraToolbar?: ReactNode;\n\n  /**\n   * Display a summary bar below the toolbar.\n   * Accepts a [`SummaryBar`](./?path=/story/features-display-toolbar--summarybar) component.\n   * @overrideType [SummaryBar](./?path=/story/features-display-toolbar--summarybar)\n   * @external\n   */\n  summaryBar?: ReactNode;\n  tableGridSwitchButton?: ReactElement<TableGridSwitchButtonProps>;\n\n  /**\n   * Function that submits a drop event to the server. <br> <br>\n   * The parameter is an event object containing the following details: <br>\n   * -`from: {item: T; index: number}`: The dragged item. <br>\n   * -`after: null | [item: T; iindex: number}`: The previous dropped item. If this is the first item to be dropped, this argument is `null`. <br>\n   * -`filters`: Applied [Drag and Drop](./?path=/story/features-sort-drag-and-drop--overview) filters.\n   *\n   * @returns Promise\n   * @external\n   */\n  dragAndDropSubmit?: DragAndDropSubmit<T, F>;\n\n  /**\n   * Function that submits an array of drop events to the server. <br> <br>\n   * The parameter is an array of event objects containing the following details: <br>\n   * -`from: {item: T; index: number}`: The dragged item. <br>\n   * -`after: null | [item: T; index: number}`: The previous dropped item. If this is the first item to be dropped, this argument is `null`. <br>\n   * -`filters`: Applied [Drag and Drop](./?path=/story/features-sort-drag-and-drop--overview) filters. <br>\n   *\n   * @returns Promise\n   * @external\n   */\n  dragAndDropBulkSubmit?: DragAndDropBulkSubmit<T, F>;\n\n  /**\n   * A function that cancels a drop event. <br>\n   * Supported arguments: <br>\n   * - `from: {item: T; index: number}`: The dragged item.\n   * - `after: null | {item: T; index: number}`: The item that the dragged item was dropped after. If dropped at the head of the collection, this argument will be `null`.\n   * - `filters`: Currently applied filters. Used in cases where your server holds a unique ordering per filtering. See the `dragAndDropCategories` prop.\n   *\n   * If the move is cancelled, the function returns a toast config object with a message. Otherwise, the function will return a null value.\n   * @external\n   */\n  dragAndDropCancel?: DragAndDropCancel<T, F>;\n\n  /**\n   * @deprecated It doesn't need to be passed implicitly anymore.\n   */\n  extensionMenuItems?: ExtensionMenuItemsType;\n\n  /**\n   * Drag and drop reorder mode toolbar. This prop accepts a `ReorderModeToolbar` component.<br>\n   * The `ReorderModeToolbar` component accepts the following props:<br>\n   *  + `learnMoreUrl`: [string] A URL in the toolbar.<br>\n   *  + `reorderModeTitle`: [string] A title in the toolbar.\n   * @external\n   */\n  dragAndDropReorderModeToolbar?: ReorderModeToolbarElement | null;\n\n  /**\n   * Adds functionality to allow visitors to create choose which columns to display and in what order. Accepts a [CustomColumns](./?path=/story/features-display--customcolumns) component.\n   * @overrideType [CustomColumns](./?path=/story/features-display--customcolumns)\n   * @external\n   */\n  customColumns?: CustomColumnsElement | null;\n\n  /**\n   * Adds functionality to allow visitors to sort multiple columns simultaneously.\n   * Accepts a [MultiLevelSorting](./?path=/story/features-sort-sortable-columns-multilevelsorting--multilevelsorting) component.\n   * @overrideType [MultiLevelSorting](./?path=/story/features-sort-sortable-columns-multilevelsorting--multilevelsorting)\n   * @external\n   */\n  multiLevelSorting?: CollectionToolbarProps<T, F>['multiLevelSorting'];\n\n  /**\n   * Adds functionality for a primary action button in the toolbar.\n   * Accepts a [PrimaryActionButton](./?path=/story/features-actions-primaryactionbutton--primaryactionbutton) component.\n   * @external\n   * @overrideType [PrimaryActionButton](./?path=/story/features-actions-primaryactionbutton--primaryactionbutton)\n   */\n  primaryActionButton?: PrimaryActionButtonElement;\n\n  /**\n   * Apply filter button implementation: `import { AddApplyFiltersButton } from '@wix/patterns';`\n   * <br>\n   * Add `Apply` button to the filters panel footer. Panel filters will be applied only after the button is clicked.\n   */\n  AddApplyFiltersButton?: AddApplyFiltersButtonType;\n\n  /**\n   * Limits the amount of rows a visitor can select.\n   * @external\n   */\n  maxSelection?: number;\n\n  /**\n   * Indicates whether the table should have an [internal scroll](./?path=/story/features-display-internal-scroll--internal-scroll) instead of the default page scroll.\n   * @external\n   */\n  internalScroll?: boolean;\n\n  /**\n   * Enables tags feature. In this element you can pass the configuration\n   * @overrideType [TagsElement](./?path=/story/features-enrich-tags--tags)\n   */\n  tags?: TagsElement<T, F>;\n}\n\nexport interface ToolbarCollectionProps<T, F extends FiltersMap>\n  extends ToolbarCollectionBaseProps<T, F> {\n  state: ToolbarCollectionState<T, F>;\n}\n\nexport function ToolbarCollection<T, F extends FiltersMap>(\n  props: ToolbarCollectionProps<T, F>,\n) {\n  const {\n    state,\n    filters,\n    title,\n    tabs,\n    views,\n    extraToolbar,\n    selectionToolbar,\n    dragAndDropReorderModeToolbar,\n    sticky: stickyProp,\n    search,\n    children,\n    tableGridSwitchButton,\n    exportButton,\n    primaryActionButton,\n    summaryBar,\n    topNotification,\n  } = props;\n  assertComponentType(views, 'CollectionViewsDropdown', 'views');\n  checkConflictingToolbarProps(props);\n\n  const { scrollableContentRef: scrollablePageRef } = usePageScrollContext();\n\n  const [sticky, setSticky] = useState(\n    stickyProp ?? scrollablePageRef?.current != null,\n  );\n\n  useEffect(() => {\n    setSticky(stickyProp ?? scrollablePageRef?.current != null);\n  }, [stickyProp]);\n\n  return (\n    <>\n      <CollectionToolbars\n        sticky={sticky}\n        state={state}\n        search={search}\n        views={views}\n        title={title}\n        tabs={tabs}\n        filters={filters}\n        selectionToolbar={selectionToolbar}\n        dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}\n        extraToolbar={extraToolbar}\n        tableGridSwitchButton={tableGridSwitchButton}\n        exportButton={exportButton}\n        primaryActionButton={primaryActionButton}\n        summaryBar={summaryBar}\n        topNotification={\n          typeof topNotification === 'function'\n            ? () =>\n                topNotification({ query: state.collection.result.originQuery })\n            : topNotification\n        }\n        titleBar={\n          <Box\n            width=\"100%\"\n            borderTopColor=\"D60\"\n            borderTopWidth=\"1px\"\n            borderTopStyle=\"solid\"\n            boxSizing=\"border-box\"\n          />\n        }\n      />\n      <Box\n        dataHook=\"toolbar-collection-content\"\n        width=\"100%\"\n        direction=\"vertical\"\n        minHeight={0}\n        flex={1}\n        verticalAlign=\"middle\"\n      >\n        {children}\n      </Box>\n    </>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.st.css.js

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

package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.st.css.js.map

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

package/dist/cjs/components/common.st.css.js

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "common514204947";
+var _namespace_ = "common2935704406";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "common514204947__root",
-  "column": "common514204947__column",
-  "fullHeight": "common514204947__fullHeight"
+  "root": "common2935704406__root",
+  "column": "common2935704406__column",
+  "fullHeight": "common2935704406__fullHeight"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/common.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../src/components/common.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"common514204947\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"common514204947__root\",\"column\":\"common514204947__column\",\"fullHeight\":\"common514204947__fullHeight\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,iBAAiB;AACnC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,uBAAuB;EAAC,QAAQ,EAAC,yBAAyB;EAAC,YAAY,EAAC;AAA6B,CAAC;AAC5H,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../src/components/common.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"common2935704406\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"common2935704406__root\",\"column\":\"common2935704406__column\",\"fullHeight\":\"common2935704406__fullHeight\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,kBAAkB;AACpC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,wBAAwB;EAAC,QAAQ,EAAC,0BAA0B;EAAC,YAAY,EAAC;AAA8B,CAAC;AAC/H,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_state","_useOptionalCachedState","useNestedTable","params","container","useWixPatternsContainer","getNestedCollection","nestedTableState","entity","parentId","parentKeyedItem","nested","getKeyedItem","parentNodeState","item","state","parentKeyToChildrenMap","get","collection","_nestedTableState$nes","id","getCollectionsToUpdate","cachedState","_nestedTableState$fla","nestedModeCollection","flatModeCollection","flat","keyedItems","find","key","filter","Boolean","shouldResetCache","router","uniqueId","_router$currentState","_nestedTableState$nes2","currentState","_updatedEntity","stateRefs","newParentId","oldParentId","originalKeyedItem","useOptionalCachedState","NestedTableState"],"sources":["../../../src/hooks/useNestedTable.ts"],"sourcesContent":["import { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { NestedTableStateBaseParams, NestedTableState } from '../state';\nimport { useOptionalCachedState } from './useOptionalCachedState';\nimport { ICollectionComponentState } from '../state/ICollectionComponentState';\nimport { CollectionState } from '@wix/bex-core';\nimport { WixPatternsRouterState } from '../state/WixPatternsRouterState';\n\nexport function useNestedTable<C extends string>(\n  params: NestedTableStateBaseParams<C>,\n) {\n  const container = useWixPatternsContainer();\n\n  const getNestedCollection = (\n    nestedTableState: NestedTableState,\n    entity: any,\n  ) => {\n    // if the entity has parent (in the code we check hardcoded parentId, we need to support other props)\n    if (typeof entity.parentId === 'string') {\n      const parentKeyedItem = nestedTableState.nested.getKeyedItem(\n        entity.parentId,\n      );\n      if (!parentKeyedItem) {\n        return null;\n      }\n\n      const parentNodeState =\n        parentKeyedItem.item.state.parentKeyToChildrenMap.get(entity.parentId);\n\n      if (!parentNodeState) {\n        return null;\n      }\n\n      return parentNodeState.collection;\n    } else {\n      return nestedTableState.nested.getKeyedItem(entity.id)?.item.state\n        .collection;\n    }\n  };\n\n  const getCollectionsToUpdate = (\n    cachedState: ICollectionComponentState,\n    entity: any,\n  ) => {\n    const nestedTableState = cachedState as NestedTableState;\n\n    const nestedModeCollection = getNestedCollection(nestedTableState, entity);\n    const flatModeCollection = nestedTableState.flat.keyedItems.find(\n      // We need to get the keyItem, for now we use hardcoded id prop\n      (item) => item.key === entity.id,\n    )?.item.state.collection;\n\n    return [nestedModeCollection, flatModeCollection].filter(\n      Boolean,\n    ) as CollectionState<any, any>[];\n  };\n\n  const shouldResetCache = ({\n    router,\n    uniqueId,\n  }: {\n    router: WixPatternsRouterState | null;\n    uniqueId: string;\n  }) => {\n    const entity = router?.currentState?._updatedEntity;\n    if (!entity) {\n      return false;\n    }\n    const nestedTableState = router?.stateRefs.get(\n      uniqueId,\n    ) as NestedTableState;\n\n    const newParentId = entity.parentId;\n    const oldParentId = nestedTableState?.nested.getKeyedItem(entity.id)?.item\n      .originalKeyedItem?.item.parentId;\n\n    return newParentId !== oldParentId;\n  };\n\n  const state = useOptionalCachedState(\n    () =>\n      new NestedTableState<C>({\n        ...params,\n        container,\n      }),\n    {\n      getCollectionsToUpdate,\n      shouldResetCache,\n    },\n  );\n\n  return state;\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AAKO,SAASG,cAAcA,CAC5BC,MAAqC,EACrC;EACA,MAAMC,SAAS,GAAG,IAAAC,8BAAuB,EAAC,CAAC;EAE3C,MAAMC,mBAAmB,GAAGA,CAC1BC,gBAAkC,EAClCC,MAAW,KACR;IACH;IACA,IAAI,OAAOA,MAAM,CAACC,QAAQ,KAAK,QAAQ,EAAE;MACvC,MAAMC,eAAe,GAAGH,gBAAgB,CAACI,MAAM,CAACC,YAAY,CAC1DJ,MAAM,CAACC,QACT,CAAC;MACD,IAAI,CAACC,eAAe,EAAE;QACpB,OAAO,IAAI;MACb;MAEA,MAAMG,eAAe,GACnBH,eAAe,CAACI,IAAI,CAACC,KAAK,CAACC,sBAAsB,CAACC,GAAG,CAACT,MAAM,CAACC,QAAQ,CAAC;MAExE,IAAI,CAACI,eAAe,EAAE;QACpB,OAAO,IAAI;MACb;MAEA,OAAOA,eAAe,CAACK,UAAU;IACnC,CAAC,MAAM;MAAA,IAAAC,qBAAA;MACL,QAAAA,qBAAA,GAAOZ,gBAAgB,CAACI,MAAM,CAACC,YAAY,CAACJ,MAAM,CAACY,EAAE,CAAC,qBAA/CD,qBAAA,CAAiDL,IAAI,CAACC,KAAK,CAC/DG,UAAU;IACf;EACF,CAAC;EAED,MAAMG,sBAAsB,GAAGA,CAC7BC,WAAsC,EACtCd,MAAW,KACR;IAAA,IAAAe,qBAAA;IACH,MAAMhB,gBAAgB,GAAGe,WAA+B;IAExD,MAAME,oBAAoB,GAAGlB,mBAAmB,CAACC,gBAAgB,EAAEC,MAAM,CAAC;IAC1E,MAAMiB,kBAAkB,IAAAF,qBAAA,GAAGhB,gBAAgB,CAACmB,IAAI,CAACC,UAAU,CAACC,IAAI;IAC9D;IACCd,IAAI,IAAKA,IAAI,CAACe,GAAG,KAAKrB,MAAM,CAACY,EAChC,CAAC,qBAH0BG,qBAAA,CAGxBT,IAAI,CAACC,KAAK,CAACG,UAAU;IAExB,OAAO,CAACM,oBAAoB,EAAEC,kBAAkB,CAAC,CAACK,MAAM,CACtDC,OACF,CAAC;EACH,CAAC;EAED,MAAMC,gBAAgB,GAAGA,CAAC;IACxBC,MAAM;IACNC;EAIF,CAAC,KAAK;IAAA,IAAAC,oBAAA,EAAAC,sBAAA;IACJ,MAAM5B,MAAM,GAAGyB,MAAM,aAAAE,oBAAA,GAANF,MAAM,CAAEI,YAAY,qBAApBF,oBAAA,CAAsBG,cAAc;IACnD,IAAI,CAAC9B,MAAM,EAAE;MACX,OAAO,KAAK;IACd;IACA,MAAMD,gBAAgB,GAAG0B,MAAM,oBAANA,MAAM,CAAEM,SAAS,CAACtB,GAAG,CAC5CiB,QACF,CAAqB;IAErB,MAAMM,WAAW,GAAGhC,MAAM,CAACC,QAAQ;IACnC,MAAMgC,WAAW,GAAGlC,gBAAgB,aAAA6B,sBAAA,GAAhB7B,gBAAgB,CAAEI,MAAM,CAACC,YAAY,CAACJ,MAAM,CAACY,EAAE,CAAC,cAAAgB,sBAAA,GAAhDA,sBAAA,CAAkDtB,IAAI,CACvE4B,iBAAiB,qBADAN,sBAAA,CACEtB,IAAI,CAACL,QAAQ;IAEnC,OAAO+B,WAAW,KAAKC,WAAW;EACpC,CAAC;EAED,MAAM1B,KAAK,GAAG,IAAA4B,8CAAsB,EAClC,MACE,IAAIC,uBAAgB,CAAI;IACtB,GAAGzC,MAAM;IACTC;EACF,CAAC,CAAC,EACJ;IACEiB,sBAAsB;IACtBW;EACF,CACF,CAAC;EAED,OAAOjB,KAAK;AACd","ignoreList":[]}
+{"version":3,"names":["_react","require","_state","_useOptionalCachedState","useNestedTable","params","container","useWixPatternsContainer","getNestedCollection","nestedTableState","entity","parentId","parentKeyedItem","nested","getKeyedItem","parentNodeState","item","state","parentKeyToChildrenMap","get","collection","_nestedTableState$nes","id","getCollectionsToUpdate","cachedState","_nestedTableState$fla","nestedModeCollection","flatModeCollection","flat","keyedItems","find","key","filter","Boolean","shouldResetCache","router","uniqueId","_router$currentState","_nestedTableState$nes2","currentState","_updatedEntity","stateRefs","newParentId","oldParentId","originalKeyedItem","useOptionalCachedState","NestedTableState"],"sources":["../../../src/hooks/useNestedTable.ts"],"sourcesContent":["import { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { NestedTableStateBaseParams, NestedTableState } from '../state';\nimport { useOptionalCachedState } from './useOptionalCachedState';\nimport { ICollectionComponentState } from '../state/ICollectionComponentState';\nimport { CollectionState, FiltersMap, OptionalFiltersMap } from '@wix/bex-core';\nimport { WixPatternsRouterState } from '../state/WixPatternsRouterState';\n\nexport function useNestedTable<\n  C extends string,\n  F extends FiltersMap = OptionalFiltersMap,\n>(params: NestedTableStateBaseParams<C, F>) {\n  const container = useWixPatternsContainer();\n\n  const getNestedCollection = (\n    nestedTableState: NestedTableState,\n    entity: any,\n  ) => {\n    // if the entity has parent (in the code we check hardcoded parentId, we need to support other props)\n    if (typeof entity.parentId === 'string') {\n      const parentKeyedItem = nestedTableState.nested.getKeyedItem(\n        entity.parentId,\n      );\n      if (!parentKeyedItem) {\n        return null;\n      }\n\n      const parentNodeState =\n        parentKeyedItem.item.state.parentKeyToChildrenMap.get(entity.parentId);\n\n      if (!parentNodeState) {\n        return null;\n      }\n\n      return parentNodeState.collection;\n    } else {\n      return nestedTableState.nested.getKeyedItem(entity.id)?.item.state\n        .collection;\n    }\n  };\n\n  const getCollectionsToUpdate = (\n    cachedState: ICollectionComponentState,\n    entity: any,\n  ) => {\n    const nestedTableState = cachedState as NestedTableState;\n\n    const nestedModeCollection = getNestedCollection(nestedTableState, entity);\n    const flatModeCollection = nestedTableState.flat.keyedItems.find(\n      // We need to get the keyItem, for now we use hardcoded id prop\n      (item) => item.key === entity.id,\n    )?.item.state.collection;\n\n    return [nestedModeCollection, flatModeCollection].filter(\n      Boolean,\n    ) as CollectionState<any, any>[];\n  };\n\n  const shouldResetCache = ({\n    router,\n    uniqueId,\n  }: {\n    router: WixPatternsRouterState | null;\n    uniqueId: string;\n  }) => {\n    const entity = router?.currentState?._updatedEntity;\n    if (!entity) {\n      return false;\n    }\n    const nestedTableState = router?.stateRefs.get(\n      uniqueId,\n    ) as NestedTableState;\n\n    const newParentId = entity.parentId;\n    const oldParentId = nestedTableState?.nested.getKeyedItem(entity.id)?.item\n      .originalKeyedItem?.item.parentId;\n\n    return newParentId !== oldParentId;\n  };\n\n  const state = useOptionalCachedState(\n    () =>\n      new NestedTableState<C, F>({\n        ...params,\n        container,\n      }),\n    {\n      getCollectionsToUpdate,\n      shouldResetCache,\n    },\n  );\n\n  return state;\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AAKO,SAASG,cAAcA,CAG5BC,MAAwC,EAAE;EAC1C,MAAMC,SAAS,GAAG,IAAAC,8BAAuB,EAAC,CAAC;EAE3C,MAAMC,mBAAmB,GAAGA,CAC1BC,gBAAkC,EAClCC,MAAW,KACR;IACH;IACA,IAAI,OAAOA,MAAM,CAACC,QAAQ,KAAK,QAAQ,EAAE;MACvC,MAAMC,eAAe,GAAGH,gBAAgB,CAACI,MAAM,CAACC,YAAY,CAC1DJ,MAAM,CAACC,QACT,CAAC;MACD,IAAI,CAACC,eAAe,EAAE;QACpB,OAAO,IAAI;MACb;MAEA,MAAMG,eAAe,GACnBH,eAAe,CAACI,IAAI,CAACC,KAAK,CAACC,sBAAsB,CAACC,GAAG,CAACT,MAAM,CAACC,QAAQ,CAAC;MAExE,IAAI,CAACI,eAAe,EAAE;QACpB,OAAO,IAAI;MACb;MAEA,OAAOA,eAAe,CAACK,UAAU;IACnC,CAAC,MAAM;MAAA,IAAAC,qBAAA;MACL,QAAAA,qBAAA,GAAOZ,gBAAgB,CAACI,MAAM,CAACC,YAAY,CAACJ,MAAM,CAACY,EAAE,CAAC,qBAA/CD,qBAAA,CAAiDL,IAAI,CAACC,KAAK,CAC/DG,UAAU;IACf;EACF,CAAC;EAED,MAAMG,sBAAsB,GAAGA,CAC7BC,WAAsC,EACtCd,MAAW,KACR;IAAA,IAAAe,qBAAA;IACH,MAAMhB,gBAAgB,GAAGe,WAA+B;IAExD,MAAME,oBAAoB,GAAGlB,mBAAmB,CAACC,gBAAgB,EAAEC,MAAM,CAAC;IAC1E,MAAMiB,kBAAkB,IAAAF,qBAAA,GAAGhB,gBAAgB,CAACmB,IAAI,CAACC,UAAU,CAACC,IAAI;IAC9D;IACCd,IAAI,IAAKA,IAAI,CAACe,GAAG,KAAKrB,MAAM,CAACY,EAChC,CAAC,qBAH0BG,qBAAA,CAGxBT,IAAI,CAACC,KAAK,CAACG,UAAU;IAExB,OAAO,CAACM,oBAAoB,EAAEC,kBAAkB,CAAC,CAACK,MAAM,CACtDC,OACF,CAAC;EACH,CAAC;EAED,MAAMC,gBAAgB,GAAGA,CAAC;IACxBC,MAAM;IACNC;EAIF,CAAC,KAAK;IAAA,IAAAC,oBAAA,EAAAC,sBAAA;IACJ,MAAM5B,MAAM,GAAGyB,MAAM,aAAAE,oBAAA,GAANF,MAAM,CAAEI,YAAY,qBAApBF,oBAAA,CAAsBG,cAAc;IACnD,IAAI,CAAC9B,MAAM,EAAE;MACX,OAAO,KAAK;IACd;IACA,MAAMD,gBAAgB,GAAG0B,MAAM,oBAANA,MAAM,CAAEM,SAAS,CAACtB,GAAG,CAC5CiB,QACF,CAAqB;IAErB,MAAMM,WAAW,GAAGhC,MAAM,CAACC,QAAQ;IACnC,MAAMgC,WAAW,GAAGlC,gBAAgB,aAAA6B,sBAAA,GAAhB7B,gBAAgB,CAAEI,MAAM,CAACC,YAAY,CAACJ,MAAM,CAACY,EAAE,CAAC,cAAAgB,sBAAA,GAAhDA,sBAAA,CAAkDtB,IAAI,CACvE4B,iBAAiB,qBADAN,sBAAA,CACEtB,IAAI,CAACL,QAAQ;IAEnC,OAAO+B,WAAW,KAAKC,WAAW;EACpC,CAAC;EAED,MAAM1B,KAAK,GAAG,IAAA4B,8CAAsB,EAClC,MACE,IAAIC,uBAAgB,CAAO;IACzB,GAAGzC,MAAM;IACTC;EACF,CAAC,CAAC,EACJ;IACEiB,sBAAsB;IACtBW;EACF,CACF,CAAC;EAED,OAAOjB,KAAK;AACd","ignoreList":[]}

package/dist/cjs/state/CustomFields/CustomFieldsAllNamespacesFormState.js

@@ -0,0 +1,71 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CustomFieldsAllNamespacesFormState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _mobx = require("mobx");
+class CustomFieldsAllNamespacesFormState {
+  constructor(params) {
+    (0, _defineProperty2.default)(this, "_customFieldsWidgetState", void 0);
+    (0, _defineProperty2.default)(this, "namespacesFormsMap", _mobx.observable.map([], {
+      deep: false
+    }));
+    this._customFieldsWidgetState = params.customFieldsWidgetState;
+    (0, _mobx.makeObservable)(this, {
+      namespacesForms: _mobx.computed,
+      addFormIfAbsent: _mobx.action,
+      validate: _mobx.action,
+      isDirty: _mobx.computed
+    });
+  }
+  getNamespaceFormSchemaAndData(namespace) {
+    var _state$_extendedField;
+    const {
+      _customFieldsWidgetState: state
+    } = this;
+    const {
+      schema,
+      fields
+    } = state.dataExtension.getSchemaAndFieldsByNamespace(namespace);
+    return {
+      fields,
+      schema,
+      extendedFieldsDataMap: (_state$_extendedField = state._extendedFields) == null || (_state$_extendedField = _state$_extendedField.namespaces) == null ? void 0 : _state$_extendedField[namespace]
+    };
+  }
+  get namespacesForms() {
+    return Array.from(this.namespacesFormsMap.values());
+  }
+  addFormIfAbsent(form) {
+    const {
+      namespacesFormsMap
+    } = this;
+    const maybeForm = namespacesFormsMap.get(form._namespace) ?? form;
+    namespacesFormsMap.set(form._namespace, maybeForm);
+    return maybeForm;
+  }
+  validate() {
+    var _resultsMap$get;
+    const {
+      namespacesFormsMap,
+      _customFieldsWidgetState: {
+        _userFieldsNamespace
+      }
+    } = this;
+    const resultsMap = new Map(Array.from(namespacesFormsMap.values()).map(form => [form._namespace, form.validate()]));
+    const results = Array.from(resultsMap.values());
+    return {
+      isValid: results.every(result => result.isValid),
+      extendedFields: (_resultsMap$get = resultsMap.get(_userFieldsNamespace)) == null ? void 0 : _resultsMap$get.extendedFields
+    };
+  }
+  get isDirty() {
+    const {
+      namespacesForms
+    } = this;
+    return namespacesForms.some(form => form.isDirty);
+  }
+}
+exports.CustomFieldsAllNamespacesFormState = CustomFieldsAllNamespacesFormState;
+//# sourceMappingURL=CustomFieldsAllNamespacesFormState.js.map

package/dist/cjs/state/CustomFields/CustomFieldsAllNamespacesFormState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_mobx","require","CustomFieldsAllNamespacesFormState","constructor","params","_defineProperty2","default","observable","map","deep","_customFieldsWidgetState","customFieldsWidgetState","makeObservable","namespacesForms","computed","addFormIfAbsent","action","validate","isDirty","getNamespaceFormSchemaAndData","namespace","_state$_extendedField","state","schema","fields","dataExtension","getSchemaAndFieldsByNamespace","extendedFieldsDataMap","_extendedFields","namespaces","Array","from","namespacesFormsMap","values","form","maybeForm","get","_namespace","set","_resultsMap$get","_userFieldsNamespace","resultsMap","Map","results","isValid","every","result","extendedFields","some","exports"],"sources":["../../../../src/state/CustomFields/CustomFieldsAllNamespacesFormState.ts"],"sourcesContent":["import { action, computed, makeObservable, observable } from 'mobx';\nimport { CustomFieldsFormState } from './CustomFieldsFormState';\nimport { CustomFieldsWidgetState } from './CustomFieldsWidgetState';\n\nexport interface CustomFieldsAllNamespacesFormStateParams {\n  customFieldsWidgetState: CustomFieldsWidgetState;\n}\n\nexport class CustomFieldsAllNamespacesFormState {\n  readonly _customFieldsWidgetState;\n\n  readonly namespacesFormsMap = observable.map<string, CustomFieldsFormState>(\n    [],\n    {\n      deep: false,\n    },\n  );\n\n  constructor(params: CustomFieldsAllNamespacesFormStateParams) {\n    this._customFieldsWidgetState = params.customFieldsWidgetState;\n    makeObservable(this, {\n      namespacesForms: computed,\n      addFormIfAbsent: action,\n      validate: action,\n      isDirty: computed,\n    });\n  }\n\n  getNamespaceFormSchemaAndData(namespace: string) {\n    const { _customFieldsWidgetState: state } = this;\n    const { schema, fields } =\n      state.dataExtension.getSchemaAndFieldsByNamespace(namespace);\n\n    return {\n      fields,\n      schema,\n      extendedFieldsDataMap: state._extendedFields?.namespaces?.[namespace],\n    };\n  }\n\n  get namespacesForms() {\n    return Array.from(this.namespacesFormsMap.values());\n  }\n\n  addFormIfAbsent(form: CustomFieldsFormState) {\n    const { namespacesFormsMap } = this;\n\n    const maybeForm = namespacesFormsMap.get(form._namespace) ?? form;\n\n    namespacesFormsMap.set(form._namespace, maybeForm);\n\n    return maybeForm;\n  }\n\n  validate() {\n    const {\n      namespacesFormsMap,\n      _customFieldsWidgetState: { _userFieldsNamespace },\n    } = this;\n    const resultsMap = new Map(\n      Array.from(namespacesFormsMap.values()).map((form) => [\n        form._namespace,\n        form.validate(),\n      ]),\n    );\n\n    const results = Array.from(resultsMap.values());\n\n    return {\n      isValid: results.every((result) => result.isValid),\n      extendedFields: resultsMap.get(_userFieldsNamespace)?.extendedFields,\n    };\n  }\n\n  get isDirty() {\n    const { namespacesForms } = this;\n    return namespacesForms.some((form) => form.isDirty);\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAQO,MAAMC,kCAAkC,CAAC;EAU9CC,WAAWA,CAACC,MAAgD,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,8BAPhCC,gBAAU,CAACC,GAAG,CAC1C,EAAE,EACF;MACEC,IAAI,EAAE;IACR,CACF,CAAC;IAGC,IAAI,CAACC,wBAAwB,GAAGN,MAAM,CAACO,uBAAuB;IAC9D,IAAAC,oBAAc,EAAC,IAAI,EAAE;MACnBC,eAAe,EAAEC,cAAQ;MACzBC,eAAe,EAAEC,YAAM;MACvBC,QAAQ,EAAED,YAAM;MAChBE,OAAO,EAAEJ;IACX,CAAC,CAAC;EACJ;EAEAK,6BAA6BA,CAACC,SAAiB,EAAE;IAAA,IAAAC,qBAAA;IAC/C,MAAM;MAAEX,wBAAwB,EAAEY;IAAM,CAAC,GAAG,IAAI;IAChD,MAAM;MAAEC,MAAM;MAAEC;IAAO,CAAC,GACtBF,KAAK,CAACG,aAAa,CAACC,6BAA6B,CAACN,SAAS,CAAC;IAE9D,OAAO;MACLI,MAAM;MACND,MAAM;MACNI,qBAAqB,GAAAN,qBAAA,GAAEC,KAAK,CAACM,eAAe,cAAAP,qBAAA,GAArBA,qBAAA,CAAuBQ,UAAU,qBAAjCR,qBAAA,CAAoCD,SAAS;IACtE,CAAC;EACH;EAEA,IAAIP,eAAeA,CAAA,EAAG;IACpB,OAAOiB,KAAK,CAACC,IAAI,CAAC,IAAI,CAACC,kBAAkB,CAACC,MAAM,CAAC,CAAC,CAAC;EACrD;EAEAlB,eAAeA,CAACmB,IAA2B,EAAE;IAC3C,MAAM;MAAEF;IAAmB,CAAC,GAAG,IAAI;IAEnC,MAAMG,SAAS,GAAGH,kBAAkB,CAACI,GAAG,CAACF,IAAI,CAACG,UAAU,CAAC,IAAIH,IAAI;IAEjEF,kBAAkB,CAACM,GAAG,CAACJ,IAAI,CAACG,UAAU,EAAEF,SAAS,CAAC;IAElD,OAAOA,SAAS;EAClB;EAEAlB,QAAQA,CAAA,EAAG;IAAA,IAAAsB,eAAA;IACT,MAAM;MACJP,kBAAkB;MAClBtB,wBAAwB,EAAE;QAAE8B;MAAqB;IACnD,CAAC,GAAG,IAAI;IACR,MAAMC,UAAU,GAAG,IAAIC,GAAG,CACxBZ,KAAK,CAACC,IAAI,CAACC,kBAAkB,CAACC,MAAM,CAAC,CAAC,CAAC,CAACzB,GAAG,CAAE0B,IAAI,IAAK,CACpDA,IAAI,CAACG,UAAU,EACfH,IAAI,CAACjB,QAAQ,CAAC,CAAC,CAChB,CACH,CAAC;IAED,MAAM0B,OAAO,GAAGb,KAAK,CAACC,IAAI,CAACU,UAAU,CAACR,MAAM,CAAC,CAAC,CAAC;IAE/C,OAAO;MACLW,OAAO,EAAED,OAAO,CAACE,KAAK,CAAEC,MAAM,IAAKA,MAAM,CAACF,OAAO,CAAC;MAClDG,cAAc,GAAAR,eAAA,GAAEE,UAAU,CAACL,GAAG,CAACI,oBAAoB,CAAC,qBAApCD,eAAA,CAAsCQ;IACxD,CAAC;EACH;EAEA,IAAI7B,OAAOA,CAAA,EAAG;IACZ,MAAM;MAAEL;IAAgB,CAAC,GAAG,IAAI;IAChC,OAAOA,eAAe,CAACmC,IAAI,CAAEd,IAAI,IAAKA,IAAI,CAAChB,OAAO,CAAC;EACrD;AACF;AAAC+B,OAAA,CAAA/C,kCAAA,GAAAA,kCAAA","ignoreList":[]}

package/dist/cjs/state/CustomFields/CustomFieldsFormState.js

@@ -9,6 +9,7 @@ var _bexCore = require("@wix/bex-core");
 class CustomFieldsFormState {
   constructor(params) {
     (0, _defineProperty2.default)(this, "_namespace", void 0);
+    (0, _defineProperty2.default)(this, "_allNamespacesFormState", void 0);
     (0, _defineProperty2.default)(this, "_fields", void 0);
     (0, _defineProperty2.default)(this, "_size", void 0);
     (0, _defineProperty2.default)(this, "_extendedFieldsDataMap", void 0);
@@ -20,14 +21,18 @@ class CustomFieldsFormState {
     });
     (0, _defineProperty2.default)(this, "onChange", void 0);
     const {
-      fields,
+      namespace,
+      allNamespacesFormState,
       translate,
-      extendedFieldsDataMap = {},
-      onChange,
-      namespace
+      onChange
     } = params;
     this._namespace = namespace;
-    this._fields = fields;
+    this._allNamespacesFormState = allNamespacesFormState;
+    const {
+      fields,
+      extendedFieldsDataMap
+    } = allNamespacesFormState.getNamespaceFormSchemaAndData(namespace);
+    this._fields = fields ?? [];
     this._extendedFieldsDataMap = _mobx.observable.map(extendedFieldsDataMap);
     this._initialValues = {
       ...extendedFieldsDataMap
@@ -42,7 +47,7 @@ class CustomFieldsFormState {
       setContainerRef: _mobx.action,
       values: _mobx.computed,
       formSize: _mobx.computed,
-      schema: _mobx.computed,
+      fields: _mobx.computed,
       isDirty: _mobx.computed,
       _fields: _mobx.observable.ref,
       _inputRefs: _mobx.observable.ref,
@@ -68,11 +73,24 @@ class CustomFieldsFormState {
   get formSize() {
     return this._size;
   }
-  get schema() {
+  get fields() {
     return this._fields;
   }
   init() {
-    const disposers = [(0, _bexCore.addResizeObserver)(this._formContainerRef.current, this._adjustFormSize)];
+    const {
+      _formContainerRef,
+      _allNamespacesFormState
+    } = this;
+    const disposers = [(0, _bexCore.addResizeObserver)(_formContainerRef.current, this._adjustFormSize), (0, _mobx.reaction)(() => _allNamespacesFormState.getNamespaceFormSchemaAndData(this._namespace), ({
+      fields
+    }) => {
+      if (!fields) {
+        return;
+      }
+      this.setNewFields(fields);
+    }, {
+      fireImmediately: true
+    })];
     this._adjustFormSize();
     return () => {
       disposers.forEach(d => d == null ? void 0 : d());
@@ -134,7 +152,7 @@ class CustomFieldsFormState {
   get isDirty() {
     return !!Array.from(this._extendedFieldsDataMap.entries()).find(([key, value]) => {
       // Files field is not considered dirty since it cannot be changed
-      const customField = this.schema.find(field => field.id === key);
+      const customField = this._fields.find(field => field.id === key);
       if ((customField == null ? void 0 : customField.type) === 'files') {
         return false;
       }

package/dist/cjs/state/CustomFields/CustomFieldsFormState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_mobx","require","_bexCore","CustomFieldsFormState","constructor","params","_defineProperty2","default","current","fields","translate","extendedFieldsDataMap","onChange","namespace","_namespace","_fields","_extendedFieldsDataMap","observable","map","_initialValues","_inputRefs","_size","_translate","makeObservable","setValue","action","setNewFields","setContainerRef","values","computed","formSize","schema","isDirty","ref","_formContainerRef","_adjustExtendedFields","_adjustFormSize","bound","_getFullyQualifiedFieldId","originalId","element","clientWidth","init","disposers","addResizeObserver","forEach","d","id","value","_this$onChange","set","call","allFields","Object","keys","reduce","acc","fieldId","getInitialValue","setInputRef","input","existingFields","field","_","key","includes","delete","validate","invalid","find","_this$_inputRefs$inva","_this$_inputRefs$inva2","focus","isValid","extendedFields","Array","from","entries","customField","type","hasOwnProperty","fromEntries","exports"],"sources":["../../../../src/state/CustomFields/CustomFieldsFormState.ts"],"sourcesContent":["import { action, computed, makeObservable, observable } from 'mobx';\nimport {\n  CustomField,\n  addResizeObserver,\n  Translate,\n  ExtendedFieldsDataMap,\n} from '@wix/bex-core';\nimport type { OnCustomFieldChange } from '../../components/CustomFieldsWidget/OnCustomFieldChange';\nimport { BaseInputRef } from '../../fields';\n\nexport interface CustomFieldsFormStateParams {\n  fields: CustomField[];\n  namespace: string;\n  extendedFieldsDataMap?: ExtendedFieldsDataMap;\n  translate: Translate;\n  onChange?: OnCustomFieldChange;\n}\n\nexport type CustomFieldsFormSize = 'default' | 'small';\n\nexport class CustomFieldsFormState {\n  readonly _namespace;\n  _fields;\n  _size: CustomFieldsFormSize;\n  _extendedFieldsDataMap;\n  _initialValues;\n  _translate: Translate;\n  _inputRefs: { [fieldId: string]: BaseInputRef };\n  _formContainerRef: { current: HTMLDivElement | null } = {\n    current: null,\n  };\n  onChange?: OnCustomFieldChange;\n\n  constructor(params: CustomFieldsFormStateParams) {\n    const {\n      fields,\n      translate,\n      extendedFieldsDataMap = {},\n      onChange,\n      namespace,\n    } = params;\n\n    this._namespace = namespace;\n    this._fields = fields;\n    this._extendedFieldsDataMap = observable.map<string, any>(\n      extendedFieldsDataMap,\n    );\n    this._initialValues = { ...extendedFieldsDataMap };\n    this._inputRefs = {};\n    this._size = 'default';\n    this._translate = translate;\n    this.onChange = onChange;\n\n    makeObservable(this, {\n      setValue: action,\n      setNewFields: action,\n      setContainerRef: action,\n      values: computed,\n      formSize: computed,\n      schema: computed,\n      isDirty: computed,\n      _fields: observable.ref,\n      _inputRefs: observable.ref,\n      _formContainerRef: observable.ref,\n      _size: observable.ref,\n      _adjustExtendedFields: action,\n      _adjustFormSize: action.bound,\n    });\n  }\n\n  _getFullyQualifiedFieldId(originalId: string) {\n    return `extendedFields.namespaces.${this._namespace}.${originalId}`;\n  }\n\n  _adjustFormSize() {\n    if (this._formContainerRef.current) {\n      const element = this._formContainerRef.current;\n\n      if (element.clientWidth < 842) {\n        this._size = 'small';\n      } else {\n        this._size = 'default';\n      }\n    }\n  }\n\n  get formSize() {\n    return this._size;\n  }\n\n  get schema() {\n    return this._fields;\n  }\n\n  init() {\n    const disposers = [\n      addResizeObserver(this._formContainerRef.current, this._adjustFormSize),\n    ];\n\n    this._adjustFormSize();\n\n    return () => {\n      disposers.forEach((d) => d?.());\n    };\n  }\n\n  setValue<T>(id: string, value: T) {\n    this._extendedFieldsDataMap.set(id, value);\n    this.onChange?.({\n      id: `extendedFields.namespaces.${this._namespace}.${id}`,\n      value,\n      allFields: Object.keys(this.values).reduce((acc, fieldId) => {\n        acc[fieldId] = {\n          id: this._getFullyQualifiedFieldId(fieldId),\n          value: this.values[fieldId],\n        };\n        return acc;\n      }, {} as Record<string, { id: string; value: any }>),\n    });\n  }\n\n  getInitialValue(id: string) {\n    return this._initialValues[id];\n  }\n\n  setInputRef(id: string, input: BaseInputRef) {\n    this._inputRefs[id] = input;\n  }\n\n  setNewFields(fields: CustomField[]) {\n    this._fields = fields;\n    this._adjustExtendedFields();\n  }\n\n  setContainerRef(ref: HTMLDivElement | null) {\n    this._formContainerRef.current = ref;\n  }\n\n  _adjustExtendedFields() {\n    const existingFields = this._fields.map((field) => field.id);\n    this._extendedFieldsDataMap.forEach((_, key) => {\n      if (!existingFields.includes(key)) {\n        this._extendedFieldsDataMap.delete(key);\n      }\n    });\n  }\n\n  validate(): { isValid: boolean; extendedFields?: ExtendedFieldsDataMap } {\n    const invalid = Object.keys(this._inputRefs).find((fieldId) => {\n      const ref = this._inputRefs[fieldId];\n      return ref.invalid;\n    });\n\n    if (invalid) {\n      this._inputRefs[invalid].focus?.();\n      return { isValid: false };\n    }\n\n    return { isValid: true, extendedFields: this.values };\n  }\n\n  get isDirty() {\n    return !!Array.from(this._extendedFieldsDataMap.entries()).find(\n      ([key, value]) => {\n        // Files field is not considered dirty since it cannot be changed\n        const customField = this.schema.find((field) => field.id === key);\n        if (customField?.type === 'files') {\n          return false;\n        }\n        if (this._initialValues.hasOwnProperty(key)) {\n          return this._initialValues[key] !== value;\n        } else {\n          // includes both any string value and boolean types (all existing field types values)\n          return !!value;\n        }\n      },\n    );\n  }\n\n  get values() {\n    return Object.fromEntries(this._extendedFieldsDataMap);\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_mobx","require","_bexCore","CustomFieldsFormState","constructor","params","_defineProperty2","default","current","namespace","allNamespacesFormState","translate","onChange","_namespace","_allNamespacesFormState","fields","extendedFieldsDataMap","getNamespaceFormSchemaAndData","_fields","_extendedFieldsDataMap","observable","map","_initialValues","_inputRefs","_size","_translate","makeObservable","setValue","action","setNewFields","setContainerRef","values","computed","formSize","isDirty","ref","_formContainerRef","_adjustExtendedFields","_adjustFormSize","bound","_getFullyQualifiedFieldId","originalId","element","clientWidth","init","disposers","addResizeObserver","reaction","fireImmediately","forEach","d","id","value","_this$onChange","set","call","allFields","Object","keys","reduce","acc","fieldId","getInitialValue","setInputRef","input","existingFields","field","_","key","includes","delete","validate","invalid","find","_this$_inputRefs$inva","_this$_inputRefs$inva2","focus","isValid","extendedFields","Array","from","entries","customField","type","hasOwnProperty","fromEntries","exports"],"sources":["../../../../src/state/CustomFields/CustomFieldsFormState.ts"],"sourcesContent":["import { action, computed, makeObservable, observable, reaction } from 'mobx';\nimport {\n  CustomField,\n  addResizeObserver,\n  Translate,\n  ExtendedFieldsDataMap,\n} from '@wix/bex-core';\nimport type { OnCustomFieldChange } from '../../components/CustomFieldsWidget/OnCustomFieldChange';\nimport { BaseInputRef } from '../../fields';\nimport { CustomFieldsAllNamespacesFormState } from './CustomFieldsAllNamespacesFormState';\n\nexport interface CustomFieldsFormStateParams {\n  namespace: string;\n  allNamespacesFormState: CustomFieldsAllNamespacesFormState;\n  translate: Translate;\n  onChange?: OnCustomFieldChange;\n}\n\nexport type CustomFieldsFormSize = 'default' | 'small';\n\nexport class CustomFieldsFormState {\n  readonly _namespace;\n  readonly _allNamespacesFormState;\n  _fields;\n  _size: CustomFieldsFormSize;\n  _extendedFieldsDataMap;\n  _initialValues;\n  _translate: Translate;\n  _inputRefs: { [fieldId: string]: BaseInputRef };\n  _formContainerRef: { current: HTMLDivElement | null } = {\n    current: null,\n  };\n  onChange?: OnCustomFieldChange;\n\n  constructor(params: CustomFieldsFormStateParams) {\n    const { namespace, allNamespacesFormState, translate, onChange } = params;\n\n    this._namespace = namespace;\n    this._allNamespacesFormState = allNamespacesFormState;\n\n    const { fields, extendedFieldsDataMap } =\n      allNamespacesFormState.getNamespaceFormSchemaAndData(namespace);\n\n    this._fields = fields ?? [];\n    this._extendedFieldsDataMap = observable.map<string, any>(\n      extendedFieldsDataMap,\n    );\n    this._initialValues = { ...extendedFieldsDataMap };\n    this._inputRefs = {};\n    this._size = 'default';\n    this._translate = translate;\n    this.onChange = onChange;\n\n    makeObservable(this, {\n      setValue: action,\n      setNewFields: action,\n      setContainerRef: action,\n      values: computed,\n      formSize: computed,\n      fields: computed,\n      isDirty: computed,\n      _fields: observable.ref,\n      _inputRefs: observable.ref,\n      _formContainerRef: observable.ref,\n      _size: observable.ref,\n      _adjustExtendedFields: action,\n      _adjustFormSize: action.bound,\n    });\n  }\n\n  _getFullyQualifiedFieldId(originalId: string) {\n    return `extendedFields.namespaces.${this._namespace}.${originalId}`;\n  }\n\n  _adjustFormSize() {\n    if (this._formContainerRef.current) {\n      const element = this._formContainerRef.current;\n\n      if (element.clientWidth < 842) {\n        this._size = 'small';\n      } else {\n        this._size = 'default';\n      }\n    }\n  }\n\n  get formSize() {\n    return this._size;\n  }\n\n  get fields() {\n    return this._fields;\n  }\n\n  init() {\n    const { _formContainerRef, _allNamespacesFormState } = this;\n\n    const disposers = [\n      addResizeObserver(_formContainerRef.current, this._adjustFormSize),\n      reaction(\n        () =>\n          _allNamespacesFormState.getNamespaceFormSchemaAndData(\n            this._namespace,\n          ),\n        ({ fields }) => {\n          if (!fields) {\n            return;\n          }\n          this.setNewFields(fields);\n        },\n        {\n          fireImmediately: true,\n        },\n      ),\n    ];\n\n    this._adjustFormSize();\n\n    return () => {\n      disposers.forEach((d) => d?.());\n    };\n  }\n\n  setValue<T>(id: string, value: T) {\n    this._extendedFieldsDataMap.set(id, value);\n    this.onChange?.({\n      id: `extendedFields.namespaces.${this._namespace}.${id}`,\n      value,\n      allFields: Object.keys(this.values).reduce((acc, fieldId) => {\n        acc[fieldId] = {\n          id: this._getFullyQualifiedFieldId(fieldId),\n          value: this.values[fieldId],\n        };\n        return acc;\n      }, {} as Record<string, { id: string; value: any }>),\n    });\n  }\n\n  getInitialValue(id: string) {\n    return this._initialValues[id];\n  }\n\n  setInputRef(id: string, input: BaseInputRef) {\n    this._inputRefs[id] = input;\n  }\n\n  setNewFields(fields: CustomField[]) {\n    this._fields = fields;\n    this._adjustExtendedFields();\n  }\n\n  setContainerRef(ref: HTMLDivElement | null) {\n    this._formContainerRef.current = ref;\n  }\n\n  _adjustExtendedFields() {\n    const existingFields = this._fields.map((field) => field.id);\n    this._extendedFieldsDataMap.forEach((_, key) => {\n      if (!existingFields.includes(key)) {\n        this._extendedFieldsDataMap.delete(key);\n      }\n    });\n  }\n\n  validate(): { isValid: boolean; extendedFields?: ExtendedFieldsDataMap } {\n    const invalid = Object.keys(this._inputRefs).find((fieldId) => {\n      const ref = this._inputRefs[fieldId];\n      return ref.invalid;\n    });\n\n    if (invalid) {\n      this._inputRefs[invalid].focus?.();\n      return { isValid: false };\n    }\n\n    return { isValid: true, extendedFields: this.values };\n  }\n\n  get isDirty() {\n    return !!Array.from(this._extendedFieldsDataMap.entries()).find(\n      ([key, value]) => {\n        // Files field is not considered dirty since it cannot be changed\n        const customField = this._fields.find((field) => field.id === key);\n        if (customField?.type === 'files') {\n          return false;\n        }\n        if (this._initialValues.hasOwnProperty(key)) {\n          return this._initialValues[key] !== value;\n        } else {\n          // includes both any string value and boolean types (all existing field types values)\n          return !!value;\n        }\n      },\n    );\n  }\n\n  get values() {\n    return Object.fromEntries(this._extendedFieldsDataMap);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/state/CustomFields/CustomFieldsWidgetState.js

@@ -84,12 +84,7 @@ class CustomFieldsWidgetState {
   init({
     appLoaded
   }) {
-    const disposers = [this.dataExtension.init(), (0, _mobx.reaction)(() => this.dataExtension.availableUserCustomFields, fields => {
-      var _this$_formState;
-      (_this$_formState = this._formState) == null || _this$_formState.setNewFields(fields);
-    }, {
-      fireImmediately: true
-    })];
+    const disposers = [this.dataExtension.init()];
     const {
       initTask,
       dataExtension,
@@ -150,8 +145,8 @@ class CustomFieldsWidgetState {
     this.initTask.runOnce();
   }
   get isDirty() {
-    var _this$_formState2;
-    return !!((_this$_formState2 = this._formState) != null && _this$_formState2.isDirty);
+    var _this$_formState;
+    return !!((_this$_formState = this._formState) != null && _this$_formState.isDirty);
   }
   get widgetSize() {
     return this._size;
@@ -187,8 +182,8 @@ class CustomFieldsWidgetState {
     return this.initTask.status.isError;
   }
   async validate() {
-    var _this$_formState3;
-    const data = (_this$_formState3 = this._formState) == null ? void 0 : _this$_formState3.validate();
+    var _this$_formState2;
+    const data = (_this$_formState2 = this._formState) == null ? void 0 : _this$_formState2.validate();
     if (!data) {
       return {
         isValid: true