@wix/patterns 1.160.0 → 1.162.0

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

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "TabsFilter1071184838";
+var _namespace_ = "TabsFilter2490700882";
 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": "TabsFilter1071184838__root",
-  "title": "TabsFilter1071184838__title"
+  "root": "TabsFilter2490700882__root",
+  "title": "TabsFilter2490700882__title"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/TabsFilter/TabsFilter.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/TabsFilter/TabsFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TabsFilter1071184838\";\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\":\"TabsFilter1071184838__root\",\"title\":\"TabsFilter1071184838__title\"};\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,sBAAsB;AACxC,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,4BAA4B;EAAC,OAAO,EAAC;AAA6B,CAAC;AACzF,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/TabsFilter/TabsFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TabsFilter2490700882\";\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\":\"TabsFilter2490700882__root\",\"title\":\"TabsFilter2490700882__title\"};\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,sBAAsB;AACxC,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,4BAA4B;EAAC,OAAO,EAAC;AAA6B,CAAC;AACzF,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/Tags/ManageTags/ManageTagsModal/ManageTagsModal.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_ = "ManageTagsModal2745115805";
+var _namespace_ = "ManageTagsModal1295604406";
 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": "ManageTagsModal2745115805__root"
+  "root": "ManageTagsModal1295604406__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.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/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ManageTagsModal2745115805\";\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\":\"ManageTagsModal2745115805__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,2BAA2B;AAC7C,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;AAAiC,CAAC;AACxD,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/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ManageTagsModal1295604406\";\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\":\"ManageTagsModal1295604406__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,2BAA2B;AAC7C,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;AAAiC,CAAC;AACxD,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/ToolbarCollection/ToolbarCollection.js

@@ -26,6 +26,8 @@ function ToolbarCollection(props) {
     tableGridSwitchButton,
     exportButton,
     primaryActionButton,
+    secondaryActions,
+    moreActions,
     summaryBar,
     topNotification
   } = props;
@@ -52,6 +54,8 @@ function ToolbarCollection(props) {
     tableGridSwitchButton: tableGridSwitchButton,
     exportButton: exportButton,
     primaryActionButton: primaryActionButton,
+    secondaryActions: secondaryActions,
+    moreActions: moreActions,
     summaryBar: summaryBar,
     topNotification: typeof topNotification === 'function' ? () => topNotification({
       query: state.collection.result.originQuery
@@ -65,14 +69,14 @@ function ToolbarCollection(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 349,
+        lineNumber: 369,
         columnNumber: 11
       }
     }),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 327,
+      lineNumber: 345,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -85,7 +89,7 @@ function ToolbarCollection(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 358,
+      lineNumber: 378,
       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 {\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":[]}
+{"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","secondaryActions","moreActions","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  ToolbarSecondaryActionsElement,\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';\nimport { MoreActionsElement } from '../MoreActions';\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   * Secondary buttons w/o PopoverMenu component to be rendered on the toolbar.\n   * @overrideType [ToolbarSecondaryActions](./?path=/story/wip-toolbarsecondaryactions--toolbarsecondaryactions)\n   * @external\n   */\n  secondaryActions?: ToolbarSecondaryActionsElement;\n\n  /**\n   * A [`MoreActions`](./?path=/story/features-actions-more-actions--more-actions) component to be rendered on the header.\n   * @overrideType [MoreActions](./?path=/story/features-actions-more-actions--more-actions)\n   * @external\n   */\n  moreActions?: MoreActionsElement;\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    secondaryActions,\n    moreActions,\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        secondaryActions={secondaryActions}\n        moreActions={moreActions}\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":";;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAUA,IAAAG,oBAAA,GAAAH,OAAA;AAaA,IAAAI,mBAAA,GAAAJ,OAAA;AAOA,IAAAK,6BAAA,GAAAL,OAAA;AAA8E,IAAAM,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAmRvE,SAASW,iBAAiBA,CAC/BC,KAAmC,EACnC;EACA,MAAM;IACJC,KAAK;IACLC,OAAO;IACPC,KAAK;IACLC,IAAI;IACJC,KAAK;IACLC,YAAY;IACZC,gBAAgB;IAChBC,6BAA6B;IAC7BC,MAAM,EAAEC,UAAU;IAClBC,MAAM;IACNC,QAAQ;IACRC,qBAAqB;IACrBC,YAAY;IACZC,mBAAmB;IACnBC,gBAAgB;IAChBC,WAAW;IACXC,UAAU;IACVC;EACF,CAAC,GAAGnB,KAAK;EACT,IAAAoB,wCAAmB,EAACf,KAAK,EAAE,yBAAyB,EAAE,OAAO,CAAC;EAC9D,IAAAgB,0DAA4B,EAACrB,KAAK,CAAC;EAEnC,MAAM;IAAEsB,oBAAoB,EAAEC;EAAkB,CAAC,GAAG,IAAAC,kCAAoB,EAAC,CAAC;EAE1E,MAAM,CAACf,MAAM,EAAEgB,SAAS,CAAC,GAAG,IAAAC,eAAQ,EAClChB,UAAU,IAAI,CAAAa,iBAAiB,oBAAjBA,iBAAiB,CAAEI,OAAO,KAAI,IAC9C,CAAC;EAED,IAAAC,gBAAS,EAAC,MAAM;IACdH,SAAS,CAACf,UAAU,IAAI,CAAAa,iBAAiB,oBAAjBA,iBAAiB,CAAEI,OAAO,KAAI,IAAI,CAAC;EAC7D,CAAC,EAAE,CAACjB,UAAU,CAAC,CAAC;EAEhB,oBACErC,MAAA,CAAAY,OAAA,CAAA4C,aAAA,CAAAxD,MAAA,CAAAY,OAAA,CAAA6C,QAAA,qBACEzD,MAAA,CAAAY,OAAA,CAAA4C,aAAA,CAACrD,mBAAA,CAAAuD,kBAAkB;IACjBtB,MAAM,EAAEA,MAAO;IACfR,KAAK,EAAEA,KAAM;IACbU,MAAM,EAAEA,MAAO;IACfN,KAAK,EAAEA,KAAM;IACbF,KAAK,EAAEA,KAAM;IACbC,IAAI,EAAEA,IAAK;IACXF,OAAO,EAAEA,OAAQ;IACjBK,gBAAgB,EAAEA,gBAAiB;IACnCC,6BAA6B,EAAEA,6BAA8B;IAC7DF,YAAY,EAAEA,YAAa;IAC3BO,qBAAqB,EAAEA,qBAAsB;IAC7CC,YAAY,EAAEA,YAAa;IAC3BC,mBAAmB,EAAEA,mBAAoB;IACzCC,gBAAgB,EAAEA,gBAAiB;IACnCC,WAAW,EAAEA,WAAY;IACzBC,UAAU,EAAEA,UAAW;IACvBC,eAAe,EACb,OAAOA,eAAe,KAAK,UAAU,GACjC,MACEA,eAAe,CAAC;MAAEa,KAAK,EAAE/B,KAAK,CAACgC,UAAU,CAACC,MAAM,CAACC;IAAY,CAAC,CAAC,GACjEhB,eACL;IACDiB,QAAQ,eACN/D,MAAA,CAAAY,OAAA,CAAA4C,aAAA,CAAC1D,aAAA,CAAAkE,GAAG;MACFC,KAAK,EAAC,MAAM;MACZC,cAAc,EAAC,KAAK;MACpBC,cAAc,EAAC,KAAK;MACpBC,cAAc,EAAC,OAAO;MACtBC,SAAS,EAAC,YAAY;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnE,YAAA;QAAAoE,UAAA;QAAAC,YAAA;MAAA;IAAA,CACvB,CACF;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnE,YAAA;MAAAoE,UAAA;MAAAC,YAAA;IAAA;EAAA,CACF,CAAC,eACF1E,MAAA,CAAAY,OAAA,CAAA4C,aAAA,CAAC1D,aAAA,CAAAkE,GAAG;IACFW,QAAQ,EAAC,4BAA4B;IACrCV,KAAK,EAAC,MAAM;IACZW,SAAS,EAAC,UAAU;IACpBC,SAAS,EAAE,CAAE;IACbC,IAAI,EAAE,CAAE;IACRC,aAAa,EAAC,QAAQ;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnE,YAAA;MAAAoE,UAAA;MAAAC,YAAA;IAAA;EAAA,GAErBnC,QACE,CACL,CAAC;AAEP","ignoreList":[]}

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

@@ -7,6 +7,7 @@ var _mobx = require("mobx");
 var _checkConflictingToolbarProps = require("./checkConflictingToolbarProps");
 var _providers = require("../../providers");
 var _WixPatternsRouterProvider = require("../../providers/WixPatternsRouterProvider");
+var _useSyncTotal = require("../../hooks/useSyncTotal");
 function useToolbarCollectionSyncProps(props) {
   const {
     state,
@@ -22,7 +23,9 @@ function useToolbarCollectionSyncProps(props) {
     isUsingHorizontalScroll,
     isUsingFolders,
     isUsingTableVirtualization,
-    summaryBar
+    summaryBar,
+    secondaryActions,
+    moreActions
   } = props;
   (0, _checkConflictingToolbarProps.checkConflictingToolbarProps)(props);
   state.internalScroll = props.internalScroll;
@@ -79,20 +82,7 @@ function useToolbarCollectionSyncProps(props) {
   }, {
     fireImmediately: true
   }), []);
-  (0, _react.useEffect)(() => {
-    if (state.collection.totalStatus === 'success') {
-      pageState.total = state.collection.total;
-    }
-    return (0, _mobx.reaction)(() => ({
-      status: state.collection.totalStatus,
-      total: state.collection.total
-    }), ({
-      status,
-      total
-    }) => {
-      pageState.total = status === 'success' ? total : false;
-    });
-  }, []);
+  (0, _useSyncTotal.useSyncTotal)(state.collection);
   (0, _react.useEffect)(() => {
     (0, _mobx.runInAction)(() => {
       state.dragAndDropCategories = dragAndDropCategories;
@@ -116,7 +106,9 @@ function useToolbarCollectionSyncProps(props) {
       isUsingTableVirtualization,
       isUsingTags: !!props.tags,
       isUsingTabs: !!tabs,
-      isUsingSummaryRow: !!summaryBar
+      isUsingSummaryRow: !!summaryBar,
+      isUsingSecondaryActions: !!secondaryActions,
+      isUsingMoreActions: !!moreActions
     };
     state.additionalFeaturesAvailability = {
       isUsingTableSubtitle: !!((_props$title = props.title) != null && _props$title.props.subtitle),

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_mobx","_checkConflictingToolbarProps","_providers","_WixPatternsRouterProvider","useToolbarCollectionSyncProps","props","state","views","tabs","exportButton","dragAndDropCategories","maxSelection","search","filters","isUsingDragAndDrop","isUsingBulkActionsToolbar","isUsingHorizontalScroll","isUsingFolders","isUsingTableVirtualization","summaryBar","checkConflictingToolbarProps","internalScroll","pageState","useCollectionPageContext","router","useWixPatternsRouter","useEffect","reaction","scrollTop","scrollTopBeforeUnmount","routerState","currentState","_createdEntity","fireImmediately","_pageState$pageState$","scrollableContentRef","current","undefined","getIsUsingAllItemsView","allItemsViewProps","hidden","featuredComponents","set","tabsFilterProps","useMemo","filter","hasHeader","minimizedHeaderHeight","collection","totalStatus","total","status","runInAction","useState","type","setViewsState","action","viewsProps","_props$AddApplyFilter","_props$title","_props$title2","AddApplyFiltersButton","setStateObject","featuresAvailability","isDisablingSearch","isUsingFilters","isUsingTags","tags","isUsingTabs","isUsingSummaryRow","additionalFeaturesAvailability","isUsingTableSubtitle","title","subtitle","isUsingCounterInHeader","showTotal","isUsingSelectAllLimitation","isUsingErrorMessage","errorState","renderError","isUsingAllItemsView","isUsingCustomEmptyState","emptyState","isUsingCustomNoResultsState","noResultsState","isUsingPrimaryActionCta","primaryActionButton","persistent","bulk"],"sources":["../../../../src/components/ToolbarCollection/useToolbarCollectionSyncProps.ts"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport { useEffect, useMemo, useState } from 'react';\nimport { action, reaction, runInAction } from 'mobx';\nimport { ToolbarCollectionProps } from './ToolbarCollection';\nimport { checkConflictingToolbarProps } from './checkConflictingToolbarProps';\nimport { useCollectionPageContext } from '../../providers';\nimport { useWixPatternsRouter } from '../../providers/WixPatternsRouterProvider';\n\nexport function useToolbarCollectionSyncProps<T, F extends FiltersMap>(\n  props: ToolbarCollectionProps<T, F> & {\n    isUsingDragAndDrop: boolean;\n    isUsingBulkActionsToolbar: boolean;\n    isUsingHorizontalScroll: boolean;\n    isUsingFolders: boolean;\n    isUsingTableVirtualization: boolean;\n  },\n) {\n  const {\n    state,\n    views,\n    tabs,\n    exportButton,\n    dragAndDropCategories,\n    maxSelection,\n    search,\n    filters,\n    isUsingDragAndDrop,\n    isUsingBulkActionsToolbar,\n    isUsingHorizontalScroll,\n    isUsingFolders,\n    isUsingTableVirtualization,\n    summaryBar,\n  } = props;\n\n  checkConflictingToolbarProps(props);\n\n  state.internalScroll = props.internalScroll;\n\n  const pageState = useCollectionPageContext();\n  const router = useWixPatternsRouter();\n\n  useEffect(() => {\n    reaction(\n      () => ({\n        scrollTop: state.scrollTopBeforeUnmount,\n        routerState: router?.currentState,\n      }),\n      ({ scrollTop, routerState }) => {\n        pageState.scrollTopBeforeUnmount = routerState?._createdEntity\n          ? 0\n          : scrollTop;\n      },\n      { fireImmediately: true },\n    );\n\n    return () => {\n      const scrollTop =\n        pageState.pageState.scrollableContentRef.current?.scrollTop;\n      if (scrollTop !== undefined) {\n        state.scrollTopBeforeUnmount = scrollTop;\n      }\n    };\n  }, []);\n\n  const getIsUsingAllItemsView = () =>\n    !!(\n      // views=undefined, it means thw user didn't pass so allItemsViews=false\n      (\n        views &&\n        // views.props=undefined, it means the user passed views without configuring allItems so allItemsViews=true\n        (!views.props ||\n          // views.props.allItemsViewProps=undefined, it means the user passed allItemsViewProps\n          // without configuring the hidden so allItemsViews=true\n          !views.props.allItemsViewProps ||\n          // allItemsViews depends on hidden's value\n          !views.props.allItemsViewProps.hidden)\n      )\n    );\n\n  useEffect(() => {\n    if (exportButton) {\n      state.featuredComponents.exportButton.set(exportButton);\n    }\n\n    return () => {\n      state.featuredComponents.exportButton.set(null);\n    };\n  }, [exportButton]);\n\n  const tabsFilterProps = useMemo(() => {\n    return tabs?.props\n      ? {\n          filter: tabs.props.filter,\n        }\n      : undefined;\n  }, [tabs]);\n\n  useEffect(\n    () =>\n      reaction(\n        () => pageState.hasHeader,\n        (hasHeader) => {\n          if (hasHeader) {\n            state.minimizedHeaderHeight = 66;\n          }\n        },\n        {\n          fireImmediately: true,\n        },\n      ),\n    [],\n  );\n\n  useEffect(() => {\n    if (state.collection.totalStatus === 'success') {\n      pageState.total = state.collection.total;\n    }\n\n    return reaction(\n      () => ({\n        status: state.collection.totalStatus,\n        total: state.collection.total,\n      }),\n      ({ status, total }) => {\n        pageState.total = status === 'success' ? total : false;\n      },\n    );\n  }, []);\n\n  useEffect(() => {\n    runInAction(() => {\n      state.dragAndDropCategories = dragAndDropCategories;\n    });\n    // We accept this prop once on purpose because it's array it changes on every render. We expose a setter `set dragAndDropCategories` instead.\n  }, []);\n\n  useState(() => views?.type.setViewsState(state, views?.props));\n\n  useEffect(\n    action(() => {\n      state.viewsProps = views?.props;\n    }),\n    [views],\n  );\n\n  useState(() => {\n    props.AddApplyFiltersButton?.setStateObject(state);\n\n    state.featuresAvailability = {\n      isDisablingSearch: search === false,\n      isUsingFilters: !!filters,\n      isUsingDragAndDrop,\n      isUsingBulkActionsToolbar,\n      isUsingHorizontalScroll,\n      isUsingFolders,\n      isUsingTableVirtualization,\n      isUsingTags: !!props.tags,\n      isUsingTabs: !!tabs,\n      isUsingSummaryRow: !!summaryBar,\n    };\n\n    state.additionalFeaturesAvailability = {\n      isUsingTableSubtitle: !!props.title?.props.subtitle,\n      isUsingCounterInHeader: !!props.title?.props.showTotal,\n      isUsingSelectAllLimitation: !!props.maxSelection,\n      isUsingErrorMessage: !!(props.errorState ?? props.renderError),\n      isUsingAllItemsView: getIsUsingAllItemsView(),\n      isUsingCustomEmptyState: !!props.emptyState,\n      isUsingCustomNoResultsState: !!props.noResultsState,\n      isUsingPrimaryActionCta: !!props.primaryActionButton,\n    };\n  });\n\n  useEffect(\n    action(() => {\n      if (tabsFilterProps?.filter) {\n        state.tabsFilterProps = tabsFilterProps;\n        tabsFilterProps.filter.persistent = true;\n      }\n    }),\n    [tabsFilterProps],\n  );\n\n  useEffect(() => {\n    runInAction(() => {\n      state.bulk.maxSelection = maxSelection;\n    });\n  }, [maxSelection]);\n\n  return state;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_mobx","_checkConflictingToolbarProps","_providers","_WixPatternsRouterProvider","_useSyncTotal","useToolbarCollectionSyncProps","props","state","views","tabs","exportButton","dragAndDropCategories","maxSelection","search","filters","isUsingDragAndDrop","isUsingBulkActionsToolbar","isUsingHorizontalScroll","isUsingFolders","isUsingTableVirtualization","summaryBar","secondaryActions","moreActions","checkConflictingToolbarProps","internalScroll","pageState","useCollectionPageContext","router","useWixPatternsRouter","useEffect","reaction","scrollTop","scrollTopBeforeUnmount","routerState","currentState","_createdEntity","fireImmediately","_pageState$pageState$","scrollableContentRef","current","undefined","getIsUsingAllItemsView","allItemsViewProps","hidden","featuredComponents","set","tabsFilterProps","useMemo","filter","hasHeader","minimizedHeaderHeight","useSyncTotal","collection","runInAction","useState","type","setViewsState","action","viewsProps","_props$AddApplyFilter","_props$title","_props$title2","AddApplyFiltersButton","setStateObject","featuresAvailability","isDisablingSearch","isUsingFilters","isUsingTags","tags","isUsingTabs","isUsingSummaryRow","isUsingSecondaryActions","isUsingMoreActions","additionalFeaturesAvailability","isUsingTableSubtitle","title","subtitle","isUsingCounterInHeader","showTotal","isUsingSelectAllLimitation","isUsingErrorMessage","errorState","renderError","isUsingAllItemsView","isUsingCustomEmptyState","emptyState","isUsingCustomNoResultsState","noResultsState","isUsingPrimaryActionCta","primaryActionButton","persistent","bulk"],"sources":["../../../../src/components/ToolbarCollection/useToolbarCollectionSyncProps.ts"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport { useEffect, useMemo, useState } from 'react';\nimport { action, reaction, runInAction } from 'mobx';\nimport { ToolbarCollectionProps } from './ToolbarCollection';\nimport { checkConflictingToolbarProps } from './checkConflictingToolbarProps';\nimport { useCollectionPageContext } from '../../providers';\nimport { useWixPatternsRouter } from '../../providers/WixPatternsRouterProvider';\nimport { useSyncTotal } from '../../hooks/useSyncTotal';\n\nexport function useToolbarCollectionSyncProps<T, F extends FiltersMap>(\n  props: ToolbarCollectionProps<T, F> & {\n    isUsingDragAndDrop: boolean;\n    isUsingBulkActionsToolbar: boolean;\n    isUsingHorizontalScroll: boolean;\n    isUsingFolders: boolean;\n    isUsingTableVirtualization: boolean;\n  },\n) {\n  const {\n    state,\n    views,\n    tabs,\n    exportButton,\n    dragAndDropCategories,\n    maxSelection,\n    search,\n    filters,\n    isUsingDragAndDrop,\n    isUsingBulkActionsToolbar,\n    isUsingHorizontalScroll,\n    isUsingFolders,\n    isUsingTableVirtualization,\n    summaryBar,\n    secondaryActions,\n    moreActions,\n  } = props;\n\n  checkConflictingToolbarProps(props);\n\n  state.internalScroll = props.internalScroll;\n\n  const pageState = useCollectionPageContext();\n  const router = useWixPatternsRouter();\n\n  useEffect(() => {\n    reaction(\n      () => ({\n        scrollTop: state.scrollTopBeforeUnmount,\n        routerState: router?.currentState,\n      }),\n      ({ scrollTop, routerState }) => {\n        pageState.scrollTopBeforeUnmount = routerState?._createdEntity\n          ? 0\n          : scrollTop;\n      },\n      { fireImmediately: true },\n    );\n\n    return () => {\n      const scrollTop =\n        pageState.pageState.scrollableContentRef.current?.scrollTop;\n      if (scrollTop !== undefined) {\n        state.scrollTopBeforeUnmount = scrollTop;\n      }\n    };\n  }, []);\n\n  const getIsUsingAllItemsView = () =>\n    !!(\n      // views=undefined, it means thw user didn't pass so allItemsViews=false\n      (\n        views &&\n        // views.props=undefined, it means the user passed views without configuring allItems so allItemsViews=true\n        (!views.props ||\n          // views.props.allItemsViewProps=undefined, it means the user passed allItemsViewProps\n          // without configuring the hidden so allItemsViews=true\n          !views.props.allItemsViewProps ||\n          // allItemsViews depends on hidden's value\n          !views.props.allItemsViewProps.hidden)\n      )\n    );\n\n  useEffect(() => {\n    if (exportButton) {\n      state.featuredComponents.exportButton.set(exportButton);\n    }\n\n    return () => {\n      state.featuredComponents.exportButton.set(null);\n    };\n  }, [exportButton]);\n\n  const tabsFilterProps = useMemo(() => {\n    return tabs?.props\n      ? {\n          filter: tabs.props.filter,\n        }\n      : undefined;\n  }, [tabs]);\n\n  useEffect(\n    () =>\n      reaction(\n        () => pageState.hasHeader,\n        (hasHeader) => {\n          if (hasHeader) {\n            state.minimizedHeaderHeight = 66;\n          }\n        },\n        {\n          fireImmediately: true,\n        },\n      ),\n    [],\n  );\n\n  useSyncTotal(state.collection);\n\n  useEffect(() => {\n    runInAction(() => {\n      state.dragAndDropCategories = dragAndDropCategories;\n    });\n    // We accept this prop once on purpose because it's array it changes on every render. We expose a setter `set dragAndDropCategories` instead.\n  }, []);\n\n  useState(() => views?.type.setViewsState(state, views?.props));\n\n  useEffect(\n    action(() => {\n      state.viewsProps = views?.props;\n    }),\n    [views],\n  );\n\n  useState(() => {\n    props.AddApplyFiltersButton?.setStateObject(state);\n\n    state.featuresAvailability = {\n      isDisablingSearch: search === false,\n      isUsingFilters: !!filters,\n      isUsingDragAndDrop,\n      isUsingBulkActionsToolbar,\n      isUsingHorizontalScroll,\n      isUsingFolders,\n      isUsingTableVirtualization,\n      isUsingTags: !!props.tags,\n      isUsingTabs: !!tabs,\n      isUsingSummaryRow: !!summaryBar,\n      isUsingSecondaryActions: !!secondaryActions,\n      isUsingMoreActions: !!moreActions,\n    };\n\n    state.additionalFeaturesAvailability = {\n      isUsingTableSubtitle: !!props.title?.props.subtitle,\n      isUsingCounterInHeader: !!props.title?.props.showTotal,\n      isUsingSelectAllLimitation: !!props.maxSelection,\n      isUsingErrorMessage: !!(props.errorState ?? props.renderError),\n      isUsingAllItemsView: getIsUsingAllItemsView(),\n      isUsingCustomEmptyState: !!props.emptyState,\n      isUsingCustomNoResultsState: !!props.noResultsState,\n      isUsingPrimaryActionCta: !!props.primaryActionButton,\n    };\n  });\n\n  useEffect(\n    action(() => {\n      if (tabsFilterProps?.filter) {\n        state.tabsFilterProps = tabsFilterProps;\n        tabsFilterProps.filter.persistent = true;\n      }\n    }),\n    [tabsFilterProps],\n  );\n\n  useEffect(() => {\n    runInAction(() => {\n      state.bulk.maxSelection = maxSelection;\n    });\n  }, [maxSelection]);\n\n  return state;\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/ToolbarItem/ToolbarItem.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_ = "ToolbarItem1958330765";
+var _namespace_ = "ToolbarItem3201265096";
 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": "ToolbarItem1958330765__root"
+  "root": "ToolbarItem3201265096__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ToolbarItem/ToolbarItem.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/ToolbarItem/ToolbarItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItem1958330765\";\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\":\"ToolbarItem1958330765__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,uBAAuB;AACzC,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;AAA6B,CAAC;AACpD,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/ToolbarItem/ToolbarItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItem3201265096\";\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\":\"ToolbarItem3201265096__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,uBAAuB;AACzC,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;AAA6B,CAAC;AACpD,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/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_ = "ToolbarItemBox3226163110";
+var _namespace_ = "ToolbarItemBox1042076452";
 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": "ToolbarItemBox3226163110__root"
+  "root": "ToolbarItemBox1042076452__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_ = \"ToolbarItemBox3226163110\";\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\":\"ToolbarItemBox3226163110__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_ = \"ToolbarItemBox1042076452\";\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\":\"ToolbarItemBox1042076452__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":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["assertComponentType","element","displayName","propName","type","Error"],"sources":["../../../src/components/assertComponentType.ts"],"sourcesContent":["import type { ReactElement } from 'react';\nimport type { CustomColumns, CustomColumnsProps } from './CustomColumns';\nimport type { MultiLevelSorting } from './MultiLevelSorting';\nimport type {\n  CollectionViewsDropdown,\n  CollectionViewsDropdownProps,\n} from './CollectionViewsDropdown';\nimport type { FiltersMap } from '@wix/bex-core';\nimport {\n  PrimaryActionButtonProps,\n  ReorderModeToolbar,\n  ReorderModeToolbarBaseProps,\n} from './CollectionToolbar';\nimport { CollectionSearch, CollectionSearchProps } from './CollectionSearch';\nimport { TabsFilterProps } from './TabsFilter';\nimport { TableTopNotificationProps } from './TableTopNotification';\nimport {\n  CollectionToolbarFilters,\n  CollectionToolbarFiltersProps,\n} from './CollectionToolbarFilters';\nimport { ToolbarTitleProps } from './ToolbarTitle';\n\nexport type CustomColumnsElement = ReactElement<\n  CustomColumnsProps,\n  typeof CustomColumns\n>;\n\nexport type MultiLevelSortingElement = ReactElement<\n  {},\n  typeof MultiLevelSorting\n>;\n\nexport type CollectionViewsDropdownElement<F extends FiltersMap> = ReactElement<\n  CollectionViewsDropdownProps<F>,\n  typeof CollectionViewsDropdown\n>;\n\nexport type ReorderModeToolbarElement = ReactElement<\n  ReorderModeToolbarBaseProps,\n  typeof ReorderModeToolbar\n>;\n\nexport type CollectionSearchElement = ReactElement<\n  CollectionSearchProps,\n  typeof CollectionSearch\n>;\n\nexport type TabsFilterElement<V> = ReactElement<TabsFilterProps<V>>;\n\nexport type TopNotificationElement = ReactElement<TableTopNotificationProps>;\n\nexport type PrimaryActionButtonElement = ReactElement<PrimaryActionButtonProps>;\n\nexport type CollectionToolbarFiltersElement = ReactElement<\n  CollectionToolbarFiltersProps,\n  typeof CollectionToolbarFilters\n>;\n\nexport type ToolbarTitleElement = ReactElement<ToolbarTitleProps>;\n\nexport function assertComponentType(\n  element: ReactElement | null | undefined | boolean,\n  displayName: string,\n  propName: string,\n) {\n  if (\n    element === true ||\n    (element &&\n      (element.type as { displayName?: string }).displayName !== displayName)\n  ) {\n    throw new Error(`Prop \"${propName}\" must be a <${displayName} /> element`);\n  }\n}\n"],"mappings":";;;;AA4DO,SAASA,mBAAmBA,CACjCC,OAAkD,EAClDC,WAAmB,EACnBC,QAAgB,EAChB;EACA,IACEF,OAAO,KAAK,IAAI,IACfA,OAAO,IACLA,OAAO,CAACG,IAAI,CAA8BF,WAAW,KAAKA,WAAY,EACzE;IACA,MAAM,IAAIG,KAAK,CAAC,SAASF,QAAQ,gBAAgBD,WAAW,aAAa,CAAC;EAC5E;AACF","ignoreList":[]}
+{"version":3,"names":["assertComponentType","element","displayName","propName","type","Error"],"sources":["../../../src/components/assertComponentType.ts"],"sourcesContent":["import type { ReactElement } from 'react';\nimport type { CustomColumns, CustomColumnsProps } from './CustomColumns';\nimport type { MultiLevelSorting } from './MultiLevelSorting';\nimport type {\n  CollectionViewsDropdown,\n  CollectionViewsDropdownProps,\n} from './CollectionViewsDropdown';\nimport type { FiltersMap } from '@wix/bex-core';\nimport {\n  PrimaryActionButtonProps,\n  ReorderModeToolbar,\n  ReorderModeToolbarBaseProps,\n  ToolbarSecondaryActionsProps,\n} from './CollectionToolbar';\nimport { CollectionSearch, CollectionSearchProps } from './CollectionSearch';\nimport { TabsFilterProps } from './TabsFilter';\nimport { TableTopNotificationProps } from './TableTopNotification';\nimport {\n  CollectionToolbarFilters,\n  CollectionToolbarFiltersProps,\n} from './CollectionToolbarFilters';\nimport { ToolbarTitleProps } from './ToolbarTitle';\n\nexport type CustomColumnsElement = ReactElement<\n  CustomColumnsProps,\n  typeof CustomColumns\n>;\n\nexport type MultiLevelSortingElement = ReactElement<\n  {},\n  typeof MultiLevelSorting\n>;\n\nexport type CollectionViewsDropdownElement<F extends FiltersMap> = ReactElement<\n  CollectionViewsDropdownProps<F>,\n  typeof CollectionViewsDropdown\n>;\n\nexport type ReorderModeToolbarElement = ReactElement<\n  ReorderModeToolbarBaseProps,\n  typeof ReorderModeToolbar\n>;\n\nexport type CollectionSearchElement = ReactElement<\n  CollectionSearchProps,\n  typeof CollectionSearch\n>;\n\nexport type TabsFilterElement<V> = ReactElement<TabsFilterProps<V>>;\n\nexport type TopNotificationElement = ReactElement<TableTopNotificationProps>;\n\nexport type PrimaryActionButtonElement = ReactElement<PrimaryActionButtonProps>;\n\nexport type ToolbarSecondaryActionsElement =\n  ReactElement<ToolbarSecondaryActionsProps>;\n\nexport type CollectionToolbarFiltersElement = ReactElement<\n  CollectionToolbarFiltersProps,\n  typeof CollectionToolbarFilters\n>;\n\nexport type ToolbarTitleElement = ReactElement<ToolbarTitleProps>;\n\nexport function assertComponentType(\n  element: ReactElement | null | undefined | boolean,\n  displayName: string,\n  propName: string,\n) {\n  if (\n    element === true ||\n    (element &&\n      (element.type as { displayName?: string }).displayName !== displayName)\n  ) {\n    throw new Error(`Prop \"${propName}\" must be a <${displayName} /> element`);\n  }\n}\n"],"mappings":";;;;AAgEO,SAASA,mBAAmBA,CACjCC,OAAkD,EAClDC,WAAmB,EACnBC,QAAgB,EAChB;EACA,IACEF,OAAO,KAAK,IAAI,IACfA,OAAO,IACLA,OAAO,CAACG,IAAI,CAA8BF,WAAW,KAAKA,WAAY,EACzE;IACA,MAAM,IAAIG,KAAK,CAAC,SAASF,QAAQ,gBAAgBD,WAAW,aAAa,CAAC;EAC5E;AACF","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_ = "common3932301933";
+var _namespace_ = "common4289447420";
 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": "common3932301933__root",
-  "column": "common3932301933__column",
-  "fullHeight": "common3932301933__fullHeight"
+  "root": "common4289447420__root",
+  "column": "common4289447420__column",
+  "fullHeight": "common4289447420__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_ = \"common3932301933\";\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\":\"common3932301933__root\",\"column\":\"common3932301933__column\",\"fullHeight\":\"common3932301933__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":[]}
+{"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_ = \"common4289447420\";\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\":\"common4289447420__root\",\"column\":\"common4289447420__column\",\"fullHeight\":\"common4289447420__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/components/usePageButtonBiParams.js

@@ -4,9 +4,17 @@ exports.__esModule = true;
 exports.usePageButtonBiParams = void 0;
 var _react = require("react");
 var _providers = require("../providers");
+var _ToolbarCollectionContext = require("./ToolbarCollectionContext");
 const usePageButtonBiParams = () => {
   const entityContext = (0, _react.useContext)(_providers.entityPageContext);
   const collectionContext = (0, _react.useContext)(_providers.collectionPageContext);
+  const toolbarContext = (0, _react.useContext)(_ToolbarCollectionContext.ToolbarCollectionContext);
+  if (toolbarContext) {
+    return {
+      pageType: 'Collection',
+      location: 'Patterns toolbar'
+    };
+  }
   if (entityContext) {
     return {
       pageType: 'Entity',

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_providers","usePageButtonBiParams","entityContext","useContext","entityPageContext","collectionContext","collectionPageContext","pageType","location","undefined","exports"],"sources":["../../../src/components/usePageButtonBiParams.ts"],"sourcesContent":["import { useContext } from 'react';\nimport { collectionPageContext, entityPageContext } from '../providers';\n\nexport const usePageButtonBiParams = (): {\n  pageType: 'Entity' | 'Collection' | undefined;\n  location: 'Entity Page Header' | 'Collection Page Header' | undefined;\n} => {\n  const entityContext = useContext(entityPageContext);\n  const collectionContext = useContext(collectionPageContext);\n\n  if (entityContext) {\n    return { pageType: 'Entity', location: 'Entity Page Header' };\n  }\n\n  if (collectionContext) {\n    return { pageType: 'Collection', location: 'Collection Page Header' };\n  }\n\n  return { pageType: undefined, location: undefined };\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAEO,MAAME,qBAAqB,GAAGA,CAAA,KAGhC;EACH,MAAMC,aAAa,GAAG,IAAAC,iBAAU,EAACC,4BAAiB,CAAC;EACnD,MAAMC,iBAAiB,GAAG,IAAAF,iBAAU,EAACG,gCAAqB,CAAC;EAE3D,IAAIJ,aAAa,EAAE;IACjB,OAAO;MAAEK,QAAQ,EAAE,QAAQ;MAAEC,QAAQ,EAAE;IAAqB,CAAC;EAC/D;EAEA,IAAIH,iBAAiB,EAAE;IACrB,OAAO;MAAEE,QAAQ,EAAE,YAAY;MAAEC,QAAQ,EAAE;IAAyB,CAAC;EACvE;EAEA,OAAO;IAAED,QAAQ,EAAEE,SAAS;IAAED,QAAQ,EAAEC;EAAU,CAAC;AACrD,CAAC;AAACC,OAAA,CAAAT,qBAAA,GAAAA,qBAAA","ignoreList":[]}
+{"version":3,"names":["_react","require","_providers","_ToolbarCollectionContext","usePageButtonBiParams","entityContext","useContext","entityPageContext","collectionContext","collectionPageContext","toolbarContext","ToolbarCollectionContext","pageType","location","undefined","exports"],"sources":["../../../src/components/usePageButtonBiParams.ts"],"sourcesContent":["import { useContext } from 'react';\nimport { collectionPageContext, entityPageContext } from '../providers';\nimport { ToolbarCollectionContext } from './ToolbarCollectionContext';\n\nexport const usePageButtonBiParams = (): {\n  pageType: 'Entity' | 'Collection' | undefined;\n  location:\n    | 'Entity Page Header'\n    | 'Collection Page Header'\n    | 'Patterns toolbar'\n    | undefined;\n} => {\n  const entityContext = useContext(entityPageContext);\n  const collectionContext = useContext(collectionPageContext);\n  const toolbarContext = useContext(ToolbarCollectionContext);\n\n  if (toolbarContext) {\n    return { pageType: 'Collection', location: 'Patterns toolbar' };\n  }\n  if (entityContext) {\n    return { pageType: 'Entity', location: 'Entity Page Header' };\n  }\n\n  if (collectionContext) {\n    return { pageType: 'Collection', location: 'Collection Page Header' };\n  }\n\n  return { pageType: undefined, location: undefined };\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,yBAAA,GAAAF,OAAA;AAEO,MAAMG,qBAAqB,GAAGA,CAAA,KAOhC;EACH,MAAMC,aAAa,GAAG,IAAAC,iBAAU,EAACC,4BAAiB,CAAC;EACnD,MAAMC,iBAAiB,GAAG,IAAAF,iBAAU,EAACG,gCAAqB,CAAC;EAC3D,MAAMC,cAAc,GAAG,IAAAJ,iBAAU,EAACK,kDAAwB,CAAC;EAE3D,IAAID,cAAc,EAAE;IAClB,OAAO;MAAEE,QAAQ,EAAE,YAAY;MAAEC,QAAQ,EAAE;IAAmB,CAAC;EACjE;EACA,IAAIR,aAAa,EAAE;IACjB,OAAO;MAAEO,QAAQ,EAAE,QAAQ;MAAEC,QAAQ,EAAE;IAAqB,CAAC;EAC/D;EAEA,IAAIL,iBAAiB,EAAE;IACrB,OAAO;MAAEI,QAAQ,EAAE,YAAY;MAAEC,QAAQ,EAAE;IAAyB,CAAC;EACvE;EAEA,OAAO;IAAED,QAAQ,EAAEE,SAAS;IAAED,QAAQ,EAAEC;EAAU,CAAC;AACrD,CAAC;AAACC,OAAA,CAAAX,qBAAA,GAAAA,qBAAA","ignoreList":[]}

package/dist/cjs/hooks/useSyncTotal.js

@@ -0,0 +1,26 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useSyncTotal = void 0;
+var _react = require("react");
+var _providers = require("../providers");
+var _mobx = require("mobx");
+const useSyncTotal = state => {
+  const pageState = (0, _providers.useCollectionPageContext)();
+  (0, _react.useEffect)(() => {
+    if (state.totalStatus === 'success') {
+      pageState.total = state.total;
+    }
+    return (0, _mobx.reaction)(() => ({
+      status: state.totalStatus,
+      total: state.total
+    }), ({
+      status,
+      total
+    }) => {
+      pageState.total = status === 'success' ? total : false;
+    });
+  }, []);
+};
+exports.useSyncTotal = useSyncTotal;
+//# sourceMappingURL=useSyncTotal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_providers","_mobx","useSyncTotal","state","pageState","useCollectionPageContext","useEffect","totalStatus","total","reaction","status","exports"],"sources":["../../../src/hooks/useSyncTotal.ts"],"sourcesContent":["import { CollectionState, FiltersMap } from '@wix/bex-core';\nimport { useEffect } from 'react';\nimport { useCollectionPageContext } from '../providers';\nimport { reaction } from 'mobx';\n\nexport const useSyncTotal = <T, F extends FiltersMap>(\n  state: CollectionState<T, F>,\n) => {\n  const pageState = useCollectionPageContext();\n\n  useEffect(() => {\n    if (state.totalStatus === 'success') {\n      pageState.total = state.total;\n    }\n\n    return reaction(\n      () => ({\n        status: state.totalStatus,\n        total: state.total,\n      }),\n      ({ status, total }) => {\n        pageState.total = status === 'success' ? total : false;\n      },\n    );\n  }, []);\n};\n"],"mappings":";;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAEO,MAAMG,YAAY,GACvBC,KAA4B,IACzB;EACH,MAAMC,SAAS,GAAG,IAAAC,mCAAwB,EAAC,CAAC;EAE5C,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAIH,KAAK,CAACI,WAAW,KAAK,SAAS,EAAE;MACnCH,SAAS,CAACI,KAAK,GAAGL,KAAK,CAACK,KAAK;IAC/B;IAEA,OAAO,IAAAC,cAAQ,EACb,OAAO;MACLC,MAAM,EAAEP,KAAK,CAACI,WAAW;MACzBC,KAAK,EAAEL,KAAK,CAACK;IACf,CAAC,CAAC,EACF,CAAC;MAAEE,MAAM;MAAEF;IAAM,CAAC,KAAK;MACrBJ,SAAS,CAACI,KAAK,GAAGE,MAAM,KAAK,SAAS,GAAGF,KAAK,GAAG,KAAK;IACxD,CACF,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;AACR,CAAC;AAACG,OAAA,CAAAT,YAAA,GAAAA,YAAA","ignoreList":[]}

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

@@ -14,12 +14,10 @@ class CustomFieldsFormState {
     (0, _defineProperty2.default)(this, "_initialValues", void 0);
     (0, _defineProperty2.default)(this, "_translate", void 0);
     (0, _defineProperty2.default)(this, "_inputRefs", void 0);
-    (0, _defineProperty2.default)(this, "onChange", void 0);
     const {
       namespace,
       customFieldsWidgetState,
-      translate,
-      onChange
+      translate
     } = params;
     this._namespace = namespace;
     this._customFieldsWidgetState = customFieldsWidgetState;
@@ -34,7 +32,6 @@ class CustomFieldsFormState {
     };
     this._inputRefs = {};
     this._translate = translate;
-    this.onChange = onChange;
     (0, _mobx.makeObservable)(this, {
       setValue: _mobx.action,
       setNewFields: _mobx.action,
@@ -95,10 +92,13 @@ class CustomFieldsFormState {
       disposers.forEach(d => d == null ? void 0 : d());
     };
   }
-  setValue(id, value) {
-    var _this$onChange;
+  setValue({
+    id,
+    value,
+    onChange
+  }) {
     this._extendedFieldsDataMap.set(id, value);
-    (_this$onChange = this.onChange) == null || _this$onChange.call(this, {
+    onChange == null || onChange({
       id: `extendedFields.namespaces.${this._namespace}.${id}`,
       value,
       allFields: Object.keys(this.values).reduce((acc, fieldId) => {

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

@@ -1 +1 @@
-{"version":3,"names":["_mobx","require","CustomFieldsFormState","constructor","params","_defineProperty2","default","namespace","customFieldsWidgetState","translate","onChange","_namespace","_customFieldsWidgetState","fields","extendedFieldsDataMap","getNamespaceFormSchemaAndData","_fields","_extendedFieldsDataMap","observable","map","_initialValues","_inputRefs","_translate","makeObservable","setValue","action","setNewFields","values","computed","isDirty","ref","writeableFields","_isUserFieldsNamespace","appName","_getFullyQualifiedFieldId","originalId","filter","field","_field$permissions","permissions","write","includes","_userFieldsNamespace","init","disposers","reaction","fireImmediately","forEach","d","id","value","_this$onChange","set","call","allFields","Object","keys","reduce","acc","fieldId","getInitialValue","setInputRef","input","_adjustExtendedFields","existingFields","_","key","delete","validate","invalid","find","_this$_inputRefs$inva","_this$_inputRefs$inva2","focus","isValid","extendedFields","Array","from","entries","customField","type","hasOwnProperty","_dataExtension$appSch","apps","dataExtension","dataExtensionService","userFieldsNamespace","appSchema","appSchemas","schema","appNames","appDefId","fromEntries","exports"],"sources":["../../../../src/state/CustomFields/CustomFieldsFormState.ts"],"sourcesContent":["import { action, computed, makeObservable, observable, reaction } from 'mobx';\nimport { CustomField, ExtendedFieldsDataMap, Translate } from '@wix/bex-core';\nimport type { OnCustomFieldChange } from '../../components/CustomFieldsWidget/OnCustomFieldChange';\nimport { BaseInputRef } from '../../fields';\nimport { CustomFieldsWidgetState } from './CustomFieldsWidgetState';\n\nexport interface CustomFieldsFormStateParams {\n  namespace: string;\n  customFieldsWidgetState: CustomFieldsWidgetState;\n  translate: Translate;\n  onChange?: OnCustomFieldChange;\n}\n\nexport class CustomFieldsFormState {\n  readonly _namespace;\n  readonly _customFieldsWidgetState;\n  _fields;\n  _extendedFieldsDataMap;\n  _initialValues;\n  _translate: Translate;\n  _inputRefs: { [fieldId: string]: BaseInputRef };\n  onChange?: OnCustomFieldChange;\n\n  constructor(params: CustomFieldsFormStateParams) {\n    const { namespace, customFieldsWidgetState, translate, onChange } = params;\n\n    this._namespace = namespace;\n    this._customFieldsWidgetState = customFieldsWidgetState;\n\n    const { fields, extendedFieldsDataMap } =\n      customFieldsWidgetState.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._translate = translate;\n    this.onChange = onChange;\n\n    makeObservable(this, {\n      setValue: action,\n      setNewFields: action,\n      values: computed,\n      fields: computed,\n      isDirty: computed,\n      _fields: observable.ref,\n      writeableFields: computed,\n      _isUserFieldsNamespace: computed,\n      _inputRefs: observable.ref,\n      appName: computed,\n    });\n  }\n\n  _getFullyQualifiedFieldId(originalId: string) {\n    return `extendedFields.namespaces.${this._namespace}.${originalId}`;\n  }\n\n  get fields() {\n    return this._fields;\n  }\n\n  get writeableFields() {\n    const { _isUserFieldsNamespace, _fields } = this;\n    if (_isUserFieldsNamespace) {\n      return _fields;\n    }\n    return _fields.filter((field) =>\n      field.permissions?.write?.includes('users'),\n    );\n  }\n\n  get _isUserFieldsNamespace() {\n    const { _customFieldsWidgetState, _namespace } = this;\n    const { _userFieldsNamespace } = _customFieldsWidgetState;\n\n    return _namespace === _userFieldsNamespace;\n  }\n\n  init() {\n    const { _customFieldsWidgetState } = this;\n\n    const disposers = [\n      reaction(\n        () =>\n          _customFieldsWidgetState.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    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      namespace: this._namespace,\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  _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 appName() {\n    const { _customFieldsWidgetState, _namespace } = this;\n    const { apps, dataExtension } = _customFieldsWidgetState;\n    const {\n      dataExtensionService: { userFieldsNamespace },\n    } = dataExtension;\n\n    if (_namespace === userFieldsNamespace) {\n      return this._translate('cairo.customFields.entityPage.sectionTitle');\n    }\n\n    const appSchema = dataExtension.appSchemas?.find(\n      (schema) => schema.namespace === _namespace,\n    );\n\n    return apps.appNames[appSchema?.appDefId || ''];\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","CustomFieldsFormState","constructor","params","_defineProperty2","default","namespace","customFieldsWidgetState","translate","_namespace","_customFieldsWidgetState","fields","extendedFieldsDataMap","getNamespaceFormSchemaAndData","_fields","_extendedFieldsDataMap","observable","map","_initialValues","_inputRefs","_translate","makeObservable","setValue","action","setNewFields","values","computed","isDirty","ref","writeableFields","_isUserFieldsNamespace","appName","_getFullyQualifiedFieldId","originalId","filter","field","_field$permissions","permissions","write","includes","_userFieldsNamespace","init","disposers","reaction","fireImmediately","forEach","d","id","value","onChange","set","allFields","Object","keys","reduce","acc","fieldId","getInitialValue","setInputRef","input","_adjustExtendedFields","existingFields","_","key","delete","validate","invalid","find","_this$_inputRefs$inva","_this$_inputRefs$inva2","focus","call","isValid","extendedFields","Array","from","entries","customField","type","hasOwnProperty","_dataExtension$appSch","apps","dataExtension","dataExtensionService","userFieldsNamespace","appSchema","appSchemas","schema","appNames","appDefId","fromEntries","exports"],"sources":["../../../../src/state/CustomFields/CustomFieldsFormState.ts"],"sourcesContent":["import { action, computed, makeObservable, observable, reaction } from 'mobx';\nimport { CustomField, ExtendedFieldsDataMap, Translate } from '@wix/bex-core';\nimport type { OnCustomFieldChange } from '../../components/CustomFieldsWidget/OnCustomFieldChange';\nimport { BaseInputRef } from '../../fields';\nimport { CustomFieldsWidgetState } from './CustomFieldsWidgetState';\n\nexport interface CustomFieldsFormStateParams {\n  namespace: string;\n  customFieldsWidgetState: CustomFieldsWidgetState;\n  translate: Translate;\n}\n\nexport class CustomFieldsFormState {\n  readonly _namespace;\n  readonly _customFieldsWidgetState;\n  _fields;\n  _extendedFieldsDataMap;\n  _initialValues;\n  _translate: Translate;\n  _inputRefs: { [fieldId: string]: BaseInputRef };\n\n  constructor(params: CustomFieldsFormStateParams) {\n    const { namespace, customFieldsWidgetState, translate } = params;\n\n    this._namespace = namespace;\n    this._customFieldsWidgetState = customFieldsWidgetState;\n\n    const { fields, extendedFieldsDataMap } =\n      customFieldsWidgetState.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._translate = translate;\n\n    makeObservable(this, {\n      setValue: action,\n      setNewFields: action,\n      values: computed,\n      fields: computed,\n      isDirty: computed,\n      _fields: observable.ref,\n      writeableFields: computed,\n      _isUserFieldsNamespace: computed,\n      _inputRefs: observable.ref,\n      appName: computed,\n    });\n  }\n\n  _getFullyQualifiedFieldId(originalId: string) {\n    return `extendedFields.namespaces.${this._namespace}.${originalId}`;\n  }\n\n  get fields() {\n    return this._fields;\n  }\n\n  get writeableFields() {\n    const { _isUserFieldsNamespace, _fields } = this;\n    if (_isUserFieldsNamespace) {\n      return _fields;\n    }\n    return _fields.filter((field) =>\n      field.permissions?.write?.includes('users'),\n    );\n  }\n\n  get _isUserFieldsNamespace() {\n    const { _customFieldsWidgetState, _namespace } = this;\n    const { _userFieldsNamespace } = _customFieldsWidgetState;\n\n    return _namespace === _userFieldsNamespace;\n  }\n\n  init() {\n    const { _customFieldsWidgetState } = this;\n\n    const disposers = [\n      reaction(\n        () =>\n          _customFieldsWidgetState.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    return () => {\n      disposers.forEach((d) => d?.());\n    };\n  }\n\n  setValue<T>({\n    id,\n    value,\n    onChange,\n  }: {\n    id: string;\n    value: T;\n    onChange?: OnCustomFieldChange;\n  }) {\n    this._extendedFieldsDataMap.set(id, value);\n    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      namespace: this._namespace,\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  _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 appName() {\n    const { _customFieldsWidgetState, _namespace } = this;\n    const { apps, dataExtension } = _customFieldsWidgetState;\n    const {\n      dataExtensionService: { userFieldsNamespace },\n    } = dataExtension;\n\n    if (_namespace === userFieldsNamespace) {\n      return this._translate('cairo.customFields.entityPage.sectionTitle');\n    }\n\n    const appSchema = dataExtension.appSchemas?.find(\n      (schema) => schema.namespace === _namespace,\n    );\n\n    return apps.appNames[appSchema?.appDefId || ''];\n  }\n\n  get values() {\n    return Object.fromEntries(this._extendedFieldsDataMap);\n  }\n}\n"],"mappings":"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","ignoreList":[]}