@wix/patterns 1.302.0 → 1.305.0

package/dist/cjs/components/TableSections/TableSectionRow.js

@@ -59,7 +59,8 @@ const TableSectionRow = exports.TableSectionRow = /*#__PURE__*/(0, _react.forwar
       className: className,
       style: {
         ...style,
-        position: 'relative'
+        position: 'relative',
+        cursor: 'default'
       },
       "data-hook": "table-section-header-row",
       __self: void 0,
@@ -77,7 +78,7 @@ const TableSectionRow = exports.TableSectionRow = /*#__PURE__*/(0, _react.forwar
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 67,
+        lineNumber: 68,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_CollectionSectionHeader.CollectionSectionHeader, {
@@ -88,7 +89,7 @@ const TableSectionRow = exports.TableSectionRow = /*#__PURE__*/(0, _react.forwar
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 72,
+        lineNumber: 73,
         columnNumber: 11
       }
     })));
@@ -97,7 +98,7 @@ const TableSectionRow = exports.TableSectionRow = /*#__PURE__*/(0, _react.forwar
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 83,
+      lineNumber: 84,
       columnNumber: 10
     }
   }));

package/dist/cjs/components/TableSections/TableSectionRow.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_CollectionSectionHeader","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","TableSectionRow","exports","forwardRef","state","RegularTrElement","rowData","props","ref","children","className","style","isSectionRow","regularTrElementProps","isInvisibleRow","createElement","_extends2","visibility","__self","__source","fileName","lineNumber","columnNumber","Array","isArray","length","sectionWithCount","getSectionWithCount","position","colSpan","scope","padding","CollectionSectionHeader","section","biComponentType","skin","dataHook"],"sources":["../../../../src/components/TableSections/TableSectionRow.tsx"],"sourcesContent":["import React, {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  ReactElement,\n  forwardRef,\n} from 'react';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { TableSectionsState } from './TableSectionsState';\nimport { CollectionSectionHeader } from '../CollectionSectionHeader';\n\nexport interface TableSectionRowProps<T, F extends FiltersMap>\n  extends HTMLAttributes<HTMLTableRowElement> {\n  rowData: KeyedItem<T>;\n  state: TableSectionsState<T, F>;\n  RegularTrElement: ForwardRefExoticComponent<{\n    children: ReactElement[];\n    rowData: { id: string };\n    className: string;\n  }>;\n}\n\nexport const TableSectionRow = forwardRef<\n  HTMLTableRowElement,\n  TableSectionRowProps<any, any>\n>(({ state, RegularTrElement, rowData, ...props }, ref) => {\n  const { children, className, style } = props;\n  const isSectionRow = state.isSectionRow(rowData);\n  const regularTrElementProps = {\n    ...props,\n    rowData,\n    className: className || '',\n    children: (children as ReactElement[]) || [],\n  };\n\n  if (state.isInvisibleRow(rowData)) {\n    return (\n      <tr\n        {...props}\n        ref={ref}\n        className={className}\n        style={{\n          ...style,\n          visibility: 'collapse',\n        }}\n      />\n    );\n  }\n\n  if (isSectionRow && Array.isArray(children) && children.length > 0) {\n    const sectionWithCount = state.getSectionWithCount(rowData);\n\n    if (!sectionWithCount) {\n      return <RegularTrElement {...regularTrElementProps} />;\n    }\n\n    return (\n      <tr\n        {...props}\n        ref={ref}\n        className={className}\n        style={{\n          ...style,\n          position: 'relative',\n        }}\n        data-hook=\"table-section-header-row\"\n      >\n        <th\n          colSpan={children.length}\n          scope=\"rowgroup\"\n          style={{ padding: '0px' }}\n        >\n          <CollectionSectionHeader\n            section={sectionWithCount}\n            biComponentType=\"TableSections\"\n            skin=\"neutral\"\n            dataHook=\"table-section-header\"\n          />\n        </th>\n      </tr>\n    );\n  }\n\n  return <RegularTrElement {...regularTrElementProps} />;\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_CollectionSectionHeader","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","TableSectionRow","exports","forwardRef","state","RegularTrElement","rowData","props","ref","children","className","style","isSectionRow","regularTrElementProps","isInvisibleRow","createElement","_extends2","visibility","__self","__source","fileName","lineNumber","columnNumber","Array","isArray","length","sectionWithCount","getSectionWithCount","position","cursor","colSpan","scope","padding","CollectionSectionHeader","section","biComponentType","skin","dataHook"],"sources":["../../../../src/components/TableSections/TableSectionRow.tsx"],"sourcesContent":["import React, {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  ReactElement,\n  forwardRef,\n} from 'react';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { TableSectionsState } from './TableSectionsState';\nimport { CollectionSectionHeader } from '../CollectionSectionHeader';\n\nexport interface TableSectionRowProps<T, F extends FiltersMap>\n  extends HTMLAttributes<HTMLTableRowElement> {\n  rowData: KeyedItem<T>;\n  state: TableSectionsState<T, F>;\n  RegularTrElement: ForwardRefExoticComponent<{\n    children: ReactElement[];\n    rowData: { id: string };\n    className: string;\n  }>;\n}\n\nexport const TableSectionRow = forwardRef<\n  HTMLTableRowElement,\n  TableSectionRowProps<any, any>\n>(({ state, RegularTrElement, rowData, ...props }, ref) => {\n  const { children, className, style } = props;\n  const isSectionRow = state.isSectionRow(rowData);\n  const regularTrElementProps = {\n    ...props,\n    rowData,\n    className: className || '',\n    children: (children as ReactElement[]) || [],\n  };\n\n  if (state.isInvisibleRow(rowData)) {\n    return (\n      <tr\n        {...props}\n        ref={ref}\n        className={className}\n        style={{\n          ...style,\n          visibility: 'collapse',\n        }}\n      />\n    );\n  }\n\n  if (isSectionRow && Array.isArray(children) && children.length > 0) {\n    const sectionWithCount = state.getSectionWithCount(rowData);\n\n    if (!sectionWithCount) {\n      return <RegularTrElement {...regularTrElementProps} />;\n    }\n\n    return (\n      <tr\n        {...props}\n        ref={ref}\n        className={className}\n        style={{\n          ...style,\n          position: 'relative',\n          cursor: 'default',\n        }}\n        data-hook=\"table-section-header-row\"\n      >\n        <th\n          colSpan={children.length}\n          scope=\"rowgroup\"\n          style={{ padding: '0px' }}\n        >\n          <CollectionSectionHeader\n            section={sectionWithCount}\n            biComponentType=\"TableSections\"\n            skin=\"neutral\"\n            dataHook=\"table-section-header\"\n          />\n        </th>\n      </tr>\n    );\n  }\n\n  return <RegularTrElement {...regularTrElementProps} />;\n});\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/TableSections/TableSections.js

@@ -15,6 +15,7 @@ const _TableSections = ({
   renderSection,
   table,
   columns,
+  rowDetails,
   ...collectionTableProps
 }) => {
   const [state] = (0, _react.useState)(() => new _TableSectionsState.TableSectionsState(table, renderSection));
@@ -28,8 +29,20 @@ const _TableSections = ({
       return column.render(item, rowNum);
     }
   })), [columns]);
+  const wrappedRowDetails = (0, _react.useMemo)(() => {
+    if (!rowDetails) {
+      return undefined;
+    }
+    return (rowData, rowNum) => {
+      if (state.isSectionRow(rowData)) {
+        return null;
+      }
+      return rowDetails(rowData, rowNum);
+    };
+  }, [rowDetails, state]);
   const TableSectionsTrElement = (0, _useTableSectionRow.useTableSectionRow)(state);
   return /*#__PURE__*/_react.default.createElement(_CollectionTable.CollectionTable, (0, _extends2.default)({}, collectionTableProps, {
+    rowDetails: wrappedRowDetails,
     state: state.table,
     columns: columnsWithSections,
     keyedItems: state.sectionsKeyedItems,
@@ -40,7 +53,7 @@ const _TableSections = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 43,
+      lineNumber: 56,
       columnNumber: 5
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_CollectionTable","_useTableSectionRow","_TableSectionsState","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TableSections","renderSection","table","columns","collectionTableProps","state","useState","TableSectionsState","columnsWithSections","useMemo","map","column","render","item","rowNum","keyedItem","sectionsKeyedItems","isSectionRow","TableSectionsTrElement","useTableSectionRow","createElement","CollectionTable","_extends2","keyedItems","TrElementType","isRowDisabled","__self","__source","fileName","lineNumber","columnNumber","TableSections","exports","observer"],"sources":["../../../../src/components/TableSections/TableSections.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionTable, CollectionTableBaseProps } from '../CollectionTable';\nimport { useTableSectionRow } from './useTableSectionRow';\nimport { TableState } from '../../state';\nimport { RenderSection } from '../CollectionSectionHeader';\nimport { TableSectionsState } from './TableSectionsState';\n\nexport interface TableSectionsProps<T, F extends FiltersMap>\n  extends CollectionTableBaseProps<T, F> {\n  renderSection: RenderSection<T>;\n  table: TableState<T, F>;\n}\n\nconst _TableSections = <T, F extends FiltersMap>({\n  renderSection,\n  table,\n  columns,\n  ...collectionTableProps\n}: TableSectionsProps<T, F>) => {\n  const [state] = useState(() => new TableSectionsState(table, renderSection));\n\n  const columnsWithSections = useMemo(\n    () =>\n      columns.map((column) => ({\n        ...column,\n        render: (item: T, rowNum: number) => {\n          const keyedItem = state.sectionsKeyedItems[rowNum];\n          if (keyedItem && state.isSectionRow(keyedItem)) {\n            return null;\n          }\n\n          return column.render(item, rowNum);\n        },\n      })),\n    [columns],\n  );\n\n  const TableSectionsTrElement = useTableSectionRow(state);\n\n  return (\n    <CollectionTable\n      {...collectionTableProps}\n      state={state.table}\n      columns={columnsWithSections}\n      keyedItems={state.sectionsKeyedItems}\n      TrElementType={TableSectionsTrElement}\n      isRowDisabled={(keyedItem) => {\n        return state.isSectionRow(keyedItem);\n      }}\n    />\n  );\n};\n\nexport const TableSections = observer(_TableSections);\n\nexport type TableSectionsProp<T> = {\n  TableSections: typeof TableSections;\n  renderSection: RenderSection<T>;\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_CollectionTable","_useTableSectionRow","_TableSectionsState","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TableSections","renderSection","table","columns","rowDetails","collectionTableProps","state","useState","TableSectionsState","columnsWithSections","useMemo","map","column","render","item","rowNum","keyedItem","sectionsKeyedItems","isSectionRow","wrappedRowDetails","undefined","rowData","TableSectionsTrElement","useTableSectionRow","createElement","CollectionTable","_extends2","keyedItems","TrElementType","isRowDisabled","__self","__source","fileName","lineNumber","columnNumber","TableSections","exports","observer"],"sources":["../../../../src/components/TableSections/TableSections.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionTable, CollectionTableBaseProps } from '../CollectionTable';\nimport { useTableSectionRow } from './useTableSectionRow';\nimport { TableState } from '../../state';\nimport { RenderSection } from '../CollectionSectionHeader';\nimport { TableSectionsState } from './TableSectionsState';\n\nexport interface TableSectionsProps<T, F extends FiltersMap>\n  extends CollectionTableBaseProps<T, F> {\n  renderSection: RenderSection<T>;\n  table: TableState<T, F>;\n}\n\nconst _TableSections = <T, F extends FiltersMap>({\n  renderSection,\n  table,\n  columns,\n  rowDetails,\n  ...collectionTableProps\n}: TableSectionsProps<T, F>) => {\n  const [state] = useState(() => new TableSectionsState(table, renderSection));\n\n  const columnsWithSections = useMemo(\n    () =>\n      columns.map((column) => ({\n        ...column,\n        render: (item: T, rowNum: number) => {\n          const keyedItem = state.sectionsKeyedItems[rowNum];\n          if (keyedItem && state.isSectionRow(keyedItem)) {\n            return null;\n          }\n\n          return column.render(item, rowNum);\n        },\n      })),\n    [columns],\n  );\n\n  const wrappedRowDetails = useMemo(() => {\n    if (!rowDetails) {\n      return undefined;\n    }\n    return (rowData: KeyedItem<T>, rowNum: number) => {\n      if (state.isSectionRow(rowData)) {\n        return null;\n      }\n      return rowDetails(rowData, rowNum);\n    };\n  }, [rowDetails, state]);\n\n  const TableSectionsTrElement = useTableSectionRow(state);\n\n  return (\n    <CollectionTable\n      {...collectionTableProps}\n      rowDetails={wrappedRowDetails}\n      state={state.table}\n      columns={columnsWithSections}\n      keyedItems={state.sectionsKeyedItems}\n      TrElementType={TableSectionsTrElement}\n      isRowDisabled={(keyedItem) => {\n        return state.isSectionRow(keyedItem);\n      }}\n    />\n  );\n};\n\nexport const TableSections = observer(_TableSections);\n\nexport type TableSectionsProp<T> = {\n  TableSections: typeof TableSections;\n  renderSection: RenderSection<T>;\n};\n"],"mappings":"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","ignoreList":[]}

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_ = "TabsFilter4287980020";
+var _namespace_ = "TabsFilter1990584806";
 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": "TabsFilter4287980020__root",
-  "title": "TabsFilter4287980020__title"
+  "root": "TabsFilter1990584806__root",
+  "title": "TabsFilter1990584806__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_ = \"TabsFilter4287980020\";\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\":\"TabsFilter4287980020__root\",\"title\":\"TabsFilter4287980020__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_ = \"TabsFilter1990584806\";\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\":\"TabsFilter1990584806__root\",\"title\":\"TabsFilter1990584806__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_ = "ManageTagsModal413894637";
+var _namespace_ = "ManageTagsModal2255659067";
 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": "ManageTagsModal413894637__root"
+  "root": "ManageTagsModal2255659067__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_ = \"ManageTagsModal413894637\";\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\":\"ManageTagsModal413894637__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/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_ = \"ManageTagsModal2255659067\";\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\":\"ManageTagsModal2255659067__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/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_ = "ToolbarItem1702886322";
+var _namespace_ = "ToolbarItem1697368245";
 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": "ToolbarItem1702886322__root"
+  "root": "ToolbarItem1697368245__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_ = \"ToolbarItem1702886322\";\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\":\"ToolbarItem1702886322__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_ = \"ToolbarItem1697368245\";\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\":\"ToolbarItem1697368245__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_ = "ToolbarItemBox1322856672";
+var _namespace_ = "ToolbarItemBox3891221146";
 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": "ToolbarItemBox1322856672__root"
+  "root": "ToolbarItemBox3891221146__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_ = \"ToolbarItemBox1322856672\";\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\":\"ToolbarItemBox1322856672__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_ = \"ToolbarItemBox3891221146\";\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\":\"ToolbarItemBox3891221146__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/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_ = "common3632703167";
+var _namespace_ = "common1876154914";
 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": "common3632703167__root",
-  "column": "common3632703167__column",
-  "fullHeight": "common3632703167__fullHeight"
+  "root": "common1876154914__root",
+  "column": "common1876154914__column",
+  "fullHeight": "common1876154914__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_ = \"common3632703167\";\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\":\"common3632703167__root\",\"column\":\"common3632703167__column\",\"fullHeight\":\"common3632703167__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_ = \"common1876154914\";\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\":\"common1876154914__root\",\"column\":\"common1876154914__column\",\"fullHeight\":\"common1876154914__fullHeight\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,kBAAkB;AACpC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,wBAAwB;EAAC,QAAQ,EAAC,0BAA0B;EAAC,YAAY,EAAC;AAA8B,CAAC;AAC/H,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/hooks/useTableGridSwitchCollection.js

@@ -4,6 +4,7 @@ exports.__esModule = true;
 exports.useTableGridSwitchCollection = void 0;
 var _react = require("@wix/bex-core/react");
 var _TableGridSwitchState = require("../state/TableGridSwitchState");
+exports.TableGridSwitchState = _TableGridSwitchState.TableGridSwitchState;
 var _useOptionalCachedState = require("./useOptionalCachedState");
 const useTableGridSwitchCollection = config => {
   const container = (0, _react.useWixPatternsContainer)();

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_TableGridSwitchState","_useOptionalCachedState","useTableGridSwitchCollection","config","container","useWixPatternsContainer","containerOverrides","useWixPatternsContainerOverrides","createCollection","useCreateCollection","state","useOptionalCachedState","TableGridSwitchState","collection","exports"],"sources":["../../../src/hooks/useTableGridSwitchCollection.ts"],"sourcesContent":["import { FiltersMap, OptionalFiltersMap } from '@wix/bex-core';\nimport {\n  useWixPatternsContainer,\n  useWixPatternsContainerOverrides,\n  CollectionConfigWithConditionals,\n  useCreateCollection,\n} from '@wix/bex-core/react';\nimport { TableGridSwitchState } from '../state/TableGridSwitchState';\nimport { useOptionalCachedState } from './useOptionalCachedState';\n\nexport type { TableGridSwitchState } from '../state/TableGridSwitchState';\n\nexport type TableGridSwitchType = <\n  T,\n  F extends FiltersMap = OptionalFiltersMap,\n>(\n  config: CollectionConfigWithConditionals<T, F>,\n) => TableGridSwitchState<T, F>;\n\nexport const useTableGridSwitchCollection: TableGridSwitchType = <\n  T,\n  F extends FiltersMap = OptionalFiltersMap,\n>(\n  config: CollectionConfigWithConditionals<T, F>,\n): TableGridSwitchState<T, F> => {\n  const container = useWixPatternsContainer();\n  const containerOverrides = useWixPatternsContainerOverrides();\n  const createCollection = useCreateCollection();\n\n  const state = useOptionalCachedState(\n    () =>\n      new TableGridSwitchState<T, F>({\n        collection: createCollection<T, F>(config),\n        container,\n        containerOverrides,\n      }),\n  );\n\n  return state;\n};\n"],"mappings":";;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAMA,IAAAC,qBAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AAWO,MAAMG,4BAAiD,GAI5DC,MAA8C,IACf;EAC/B,MAAMC,SAAS,GAAG,IAAAC,8BAAuB,EAAC,CAAC;EAC3C,MAAMC,kBAAkB,GAAG,IAAAC,uCAAgC,EAAC,CAAC;EAC7D,MAAMC,gBAAgB,GAAG,IAAAC,0BAAmB,EAAC,CAAC;EAE9C,MAAMC,KAAK,GAAG,IAAAC,8CAAsB,EAClC,MACE,IAAIC,0CAAoB,CAAO;IAC7BC,UAAU,EAAEL,gBAAgB,CAAOL,MAAM,CAAC;IAC1CC,SAAS;IACTE;EACF,CAAC,CACL,CAAC;EAED,OAAOI,KAAK;AACd,CAAC;AAACI,OAAA,CAAAZ,4BAAA,GAAAA,4BAAA","ignoreList":[]}
+{"version":3,"names":["_react","require","_TableGridSwitchState","exports","TableGridSwitchState","_useOptionalCachedState","useTableGridSwitchCollection","config","container","useWixPatternsContainer","containerOverrides","useWixPatternsContainerOverrides","createCollection","useCreateCollection","state","useOptionalCachedState","collection"],"sources":["../../../src/hooks/useTableGridSwitchCollection.ts"],"sourcesContent":["import { FiltersMap, OptionalFiltersMap } from '@wix/bex-core';\nimport {\n  useWixPatternsContainer,\n  useWixPatternsContainerOverrides,\n  CollectionConfigWithConditionals,\n  useCreateCollection,\n} from '@wix/bex-core/react';\nimport { TableGridSwitchState } from '../state/TableGridSwitchState';\nimport { useOptionalCachedState } from './useOptionalCachedState';\n\nexport { TableGridSwitchState } from '../state/TableGridSwitchState';\n\nexport type TableGridSwitchType = <\n  T,\n  F extends FiltersMap = OptionalFiltersMap,\n>(\n  config: CollectionConfigWithConditionals<T, F>,\n) => TableGridSwitchState<T, F>;\n\nexport const useTableGridSwitchCollection: TableGridSwitchType = <\n  T,\n  F extends FiltersMap = OptionalFiltersMap,\n>(\n  config: CollectionConfigWithConditionals<T, F>,\n): TableGridSwitchState<T, F> => {\n  const container = useWixPatternsContainer();\n  const containerOverrides = useWixPatternsContainerOverrides();\n  const createCollection = useCreateCollection();\n\n  const state = useOptionalCachedState(\n    () =>\n      new TableGridSwitchState<T, F>({\n        collection: createCollection<T, F>(config),\n        container,\n        containerOverrides,\n      }),\n  );\n\n  return state;\n};\n"],"mappings":";;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAMA,IAAAC,qBAAA,GAAAD,OAAA;AAAqEE,OAAA,CAAAC,oBAAA,GAAAF,qBAAA,CAAAE,oBAAA;AACrE,IAAAC,uBAAA,GAAAJ,OAAA;AAWO,MAAMK,4BAAiD,GAI5DC,MAA8C,IACf;EAC/B,MAAMC,SAAS,GAAG,IAAAC,8BAAuB,EAAC,CAAC;EAC3C,MAAMC,kBAAkB,GAAG,IAAAC,uCAAgC,EAAC,CAAC;EAC7D,MAAMC,gBAAgB,GAAG,IAAAC,0BAAmB,EAAC,CAAC;EAE9C,MAAMC,KAAK,GAAG,IAAAC,8CAAsB,EAClC,MACE,IAAIX,0CAAoB,CAAO;IAC7BY,UAAU,EAAEJ,gBAAgB,CAAOL,MAAM,CAAC;IAC1CC,SAAS;IACTE;EACF,CAAC,CACL,CAAC;EAED,OAAOI,KAAK;AACd,CAAC;AAACX,OAAA,CAAAG,4BAAA,GAAAA,4BAAA","ignoreList":[]}

package/dist/cjs/state/CollectionPage/CollectionPageHeader.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_ = "CollectionPageHeader584672607";
+var _namespace_ = "CollectionPageHeader32245371";
 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": "CollectionPageHeader584672607__root"
+  "root": "CollectionPageHeader32245371__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/state/CollectionPage/CollectionPageHeader.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/state/CollectionPage/CollectionPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPageHeader584672607\";\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\":\"CollectionPageHeader584672607__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,+BAA+B;AACjD,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;AAAqC,CAAC;AAC5D,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/state/CollectionPage/CollectionPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPageHeader32245371\";\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\":\"CollectionPageHeader32245371__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,8BAA8B;AAChD,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;AAAoC,CAAC;AAC3D,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/state/FormPage/FormPageHeader.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_ = "FormPageHeader1505421524";
+var _namespace_ = "FormPageHeader2656620262";
 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": "FormPageHeader1505421524__root"
+  "root": "FormPageHeader2656620262__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/state/FormPage/FormPageHeader.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/state/FormPage/FormPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"FormPageHeader1505421524\";\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\":\"FormPageHeader1505421524__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/state/FormPage/FormPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"FormPageHeader2656620262\";\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\":\"FormPageHeader2656620262__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/state/TableGridSwitchState.js

@@ -66,8 +66,14 @@ class TableGridSwitchState {
     return this.tableState.toolbar;
   }
   init() {
-    this.initTask.runOnce(async () => {
-      await this.viewTypeState.init();
+    const {
+      viewTypeState,
+      initTask
+    } = this;
+    viewTypeState.init();
+    initTask.runOnce(async () => {
+      viewTypeState.initTask.runOnce();
+      await viewTypeState.initTask.status.promise;
     });
   }
 }

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

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_TableState","_GridState","_mobx","_ToolbarCollectionState","_ViewTypeState","componentType","TableGridSwitchState","constructor","params","_defineProperty2","default","TaskState","container","containerOverrides","collection","tableState","TableState","toolbar","ToolbarCollectionState","reportBi","biParams","componentStatus","viewTypeState","viewType","gridState","GridState","ViewTypeState","dataCapsule","makeObservable","computed","runInAction","init","initTask","runOnce","exports"],"sources":["../../../src/state/TableGridSwitchState.ts"],"sourcesContent":["import {\n  WixPatternsContainer,\n  WixPatternsContainerParams,\n  CollectionState,\n  FiltersMap,\n  TaskState,\n} from '@wix/bex-core';\nimport { TableState } from './TableState';\nimport { GridState } from './GridState';\nimport { runInAction, makeObservable, computed } from 'mobx';\nimport { ToolbarCollectionState } from './ToolbarCollectionState';\nimport { ViewTypeState } from './ViewTypeState';\nimport { ICollectionComponentState } from './ICollectionComponentState';\n\nexport interface TableGridSwitchStateParams<T, F extends FiltersMap> {\n  readonly collection: CollectionState<T, F>;\n  readonly container: WixPatternsContainer;\n  readonly containerOverrides: Partial<WixPatternsContainerParams>;\n}\ntype ViewType = 'table' | 'grid';\nconst componentType = 'TableGridSwitch';\nexport class TableGridSwitchState<T, F extends FiltersMap>\n  implements ICollectionComponentState\n{\n  collection: CollectionState<T, F>;\n  readonly container;\n  readonly containerOverrides: Partial<WixPatternsContainerParams>;\n  readonly initTask = new TaskState();\n  readonly gridState: GridState<T, F>;\n  readonly tableState: TableState<T, F>;\n  readonly viewTypeState: ViewTypeState;\n\n  constructor(params: TableGridSwitchStateParams<T, F>) {\n    this.container = params.container;\n    this.containerOverrides = params.containerOverrides;\n\n    this.collection = params.collection;\n\n    this.tableState = new TableState({\n      collection: this.collection,\n      container: this.container,\n      toolbar: new ToolbarCollectionState({\n        componentType,\n        collection: this.collection,\n        container: this.container,\n        reportBi: (biParams) =>\n          this.container.reportBi({\n            ...biParams,\n            params: {\n              ...biParams.params,\n              componentStatus: this.viewTypeState.viewType,\n            },\n          }),\n      }),\n    });\n\n    this.gridState = new GridState({\n      collection: this.collection,\n      container: this.container,\n      toolbar: this.tableState.toolbar,\n    });\n\n    this.viewTypeState = new ViewTypeState({\n      container: this.container,\n      dataCapsule: this.toolbar.dataCapsule,\n      componentType,\n      collection: this.collection,\n    });\n\n    makeObservable(this, {\n      viewType: computed,\n    });\n  }\n\n  get viewType() {\n    return this.viewTypeState.viewType;\n  }\n\n  set viewType(viewType: ViewType) {\n    runInAction(() => {\n      this.viewTypeState.viewType = viewType;\n    });\n  }\n\n  get toolbar() {\n    return this.tableState.toolbar;\n  }\n\n  init() {\n    this.initTask.runOnce(async () => {\n      await this.viewTypeState.init();\n    });\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAOA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,uBAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AASA,MAAMM,aAAa,GAAG,iBAAiB;AAChC,MAAMC,oBAAoB,CAEjC;EASEC,WAAWA,CAACC,MAAwC,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,oBALlC,IAAIC,kBAAS,CAAC,CAAC;IAAA,IAAAF,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAMjC,IAAI,CAACE,SAAS,GAAGJ,MAAM,CAACI,SAAS;IACjC,IAAI,CAACC,kBAAkB,GAAGL,MAAM,CAACK,kBAAkB;IAEnD,IAAI,CAACC,UAAU,GAAGN,MAAM,CAACM,UAAU;IAEnC,IAAI,CAACC,UAAU,GAAG,IAAIC,sBAAU,CAAC;MAC/BF,UAAU,EAAE,IAAI,CAACA,UAAU;MAC3BF,SAAS,EAAE,IAAI,CAACA,SAAS;MACzBK,OAAO,EAAE,IAAIC,8CAAsB,CAAC;QAClCb,aAAa;QACbS,UAAU,EAAE,IAAI,CAACA,UAAU;QAC3BF,SAAS,EAAE,IAAI,CAACA,SAAS;QACzBO,QAAQ,EAAGC,QAAQ,IACjB,IAAI,CAACR,SAAS,CAACO,QAAQ,CAAC;UACtB,GAAGC,QAAQ;UACXZ,MAAM,EAAE;YACN,GAAGY,QAAQ,CAACZ,MAAM;YAClBa,eAAe,EAAE,IAAI,CAACC,aAAa,CAACC;UACtC;QACF,CAAC;MACL,CAAC;IACH,CAAC,CAAC;IAEF,IAAI,CAACC,SAAS,GAAG,IAAIC,oBAAS,CAAC;MAC7BX,UAAU,EAAE,IAAI,CAACA,UAAU;MAC3BF,SAAS,EAAE,IAAI,CAACA,SAAS;MACzBK,OAAO,EAAE,IAAI,CAACF,UAAU,CAACE;IAC3B,CAAC,CAAC;IAEF,IAAI,CAACK,aAAa,GAAG,IAAII,4BAAa,CAAC;MACrCd,SAAS,EAAE,IAAI,CAACA,SAAS;MACzBe,WAAW,EAAE,IAAI,CAACV,OAAO,CAACU,WAAW;MACrCtB,aAAa;MACbS,UAAU,EAAE,IAAI,CAACA;IACnB,CAAC,CAAC;IAEF,IAAAc,oBAAc,EAAC,IAAI,EAAE;MACnBL,QAAQ,EAAEM;IACZ,CAAC,CAAC;EACJ;EAEA,IAAIN,QAAQA,CAAA,EAAG;IACb,OAAO,IAAI,CAACD,aAAa,CAACC,QAAQ;EACpC;EAEA,IAAIA,QAAQA,CAACA,QAAkB,EAAE;IAC/B,IAAAO,iBAAW,EAAC,MAAM;MAChB,IAAI,CAACR,aAAa,CAACC,QAAQ,GAAGA,QAAQ;IACxC,CAAC,CAAC;EACJ;EAEA,IAAIN,OAAOA,CAAA,EAAG;IACZ,OAAO,IAAI,CAACF,UAAU,CAACE,OAAO;EAChC;EAEAc,IAAIA,CAAA,EAAG;IACL,IAAI,CAACC,QAAQ,CAACC,OAAO,CAAC,YAAY;MAChC,MAAM,IAAI,CAACX,aAAa,CAACS,IAAI,CAAC,CAAC;IACjC,CAAC,CAAC;EACJ;AACF;AAACG,OAAA,CAAA5B,oBAAA,GAAAA,oBAAA","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_TableState","_GridState","_mobx","_ToolbarCollectionState","_ViewTypeState","componentType","TableGridSwitchState","constructor","params","_defineProperty2","default","TaskState","container","containerOverrides","collection","tableState","TableState","toolbar","ToolbarCollectionState","reportBi","biParams","componentStatus","viewTypeState","viewType","gridState","GridState","ViewTypeState","dataCapsule","makeObservable","computed","runInAction","init","initTask","runOnce","status","promise","exports"],"sources":["../../../src/state/TableGridSwitchState.ts"],"sourcesContent":["import {\n  CollectionState,\n  FiltersMap,\n  TaskState,\n  WixPatternsContainer,\n  WixPatternsContainerParams,\n} from '@wix/bex-core';\nimport { TableState } from './TableState';\nimport { GridState } from './GridState';\nimport { computed, makeObservable, runInAction } from 'mobx';\nimport { ToolbarCollectionState } from './ToolbarCollectionState';\nimport { ViewTypeState } from './ViewTypeState';\nimport { ICollectionComponentState } from './ICollectionComponentState';\n\nexport interface TableGridSwitchStateParams<T, F extends FiltersMap> {\n  readonly collection: CollectionState<T, F>;\n  readonly container: WixPatternsContainer;\n  readonly containerOverrides: Partial<WixPatternsContainerParams>;\n}\ntype ViewType = 'table' | 'grid';\nconst componentType = 'TableGridSwitch';\nexport class TableGridSwitchState<T, F extends FiltersMap>\n  implements ICollectionComponentState\n{\n  collection: CollectionState<T, F>;\n  readonly container;\n  readonly containerOverrides: Partial<WixPatternsContainerParams>;\n  readonly initTask = new TaskState();\n  readonly gridState: GridState<T, F>;\n  readonly tableState: TableState<T, F>;\n  readonly viewTypeState: ViewTypeState;\n\n  constructor(params: TableGridSwitchStateParams<T, F>) {\n    this.container = params.container;\n    this.containerOverrides = params.containerOverrides;\n\n    this.collection = params.collection;\n\n    this.tableState = new TableState({\n      collection: this.collection,\n      container: this.container,\n      toolbar: new ToolbarCollectionState({\n        componentType,\n        collection: this.collection,\n        container: this.container,\n        reportBi: (biParams) =>\n          this.container.reportBi({\n            ...biParams,\n            params: {\n              ...biParams.params,\n              componentStatus: this.viewTypeState.viewType,\n            },\n          }),\n      }),\n    });\n\n    this.gridState = new GridState({\n      collection: this.collection,\n      container: this.container,\n      toolbar: this.tableState.toolbar,\n    });\n\n    this.viewTypeState = new ViewTypeState({\n      container: this.container,\n      dataCapsule: this.toolbar.dataCapsule,\n      componentType,\n      collection: this.collection,\n    });\n\n    makeObservable(this, {\n      viewType: computed,\n    });\n  }\n\n  get viewType() {\n    return this.viewTypeState.viewType;\n  }\n\n  set viewType(viewType: ViewType) {\n    runInAction(() => {\n      this.viewTypeState.viewType = viewType;\n    });\n  }\n\n  get toolbar() {\n    return this.tableState.toolbar;\n  }\n\n  init() {\n    const { viewTypeState, initTask } = this;\n    viewTypeState.init();\n\n    initTask.runOnce(async () => {\n      viewTypeState.initTask.runOnce();\n\n      await viewTypeState.initTask.status.promise;\n    });\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAOA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,uBAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AASA,MAAMM,aAAa,GAAG,iBAAiB;AAChC,MAAMC,oBAAoB,CAEjC;EASEC,WAAWA,CAACC,MAAwC,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,oBALlC,IAAIC,kBAAS,CAAC,CAAC;IAAA,IAAAF,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAMjC,IAAI,CAACE,SAAS,GAAGJ,MAAM,CAACI,SAAS;IACjC,IAAI,CAACC,kBAAkB,GAAGL,MAAM,CAACK,kBAAkB;IAEnD,IAAI,CAACC,UAAU,GAAGN,MAAM,CAACM,UAAU;IAEnC,IAAI,CAACC,UAAU,GAAG,IAAIC,sBAAU,CAAC;MAC/BF,UAAU,EAAE,IAAI,CAACA,UAAU;MAC3BF,SAAS,EAAE,IAAI,CAACA,SAAS;MACzBK,OAAO,EAAE,IAAIC,8CAAsB,CAAC;QAClCb,aAAa;QACbS,UAAU,EAAE,IAAI,CAACA,UAAU;QAC3BF,SAAS,EAAE,IAAI,CAACA,SAAS;QACzBO,QAAQ,EAAGC,QAAQ,IACjB,IAAI,CAACR,SAAS,CAACO,QAAQ,CAAC;UACtB,GAAGC,QAAQ;UACXZ,MAAM,EAAE;YACN,GAAGY,QAAQ,CAACZ,MAAM;YAClBa,eAAe,EAAE,IAAI,CAACC,aAAa,CAACC;UACtC;QACF,CAAC;MACL,CAAC;IACH,CAAC,CAAC;IAEF,IAAI,CAACC,SAAS,GAAG,IAAIC,oBAAS,CAAC;MAC7BX,UAAU,EAAE,IAAI,CAACA,UAAU;MAC3BF,SAAS,EAAE,IAAI,CAACA,SAAS;MACzBK,OAAO,EAAE,IAAI,CAACF,UAAU,CAACE;IAC3B,CAAC,CAAC;IAEF,IAAI,CAACK,aAAa,GAAG,IAAII,4BAAa,CAAC;MACrCd,SAAS,EAAE,IAAI,CAACA,SAAS;MACzBe,WAAW,EAAE,IAAI,CAACV,OAAO,CAACU,WAAW;MACrCtB,aAAa;MACbS,UAAU,EAAE,IAAI,CAACA;IACnB,CAAC,CAAC;IAEF,IAAAc,oBAAc,EAAC,IAAI,EAAE;MACnBL,QAAQ,EAAEM;IACZ,CAAC,CAAC;EACJ;EAEA,IAAIN,QAAQA,CAAA,EAAG;IACb,OAAO,IAAI,CAACD,aAAa,CAACC,QAAQ;EACpC;EAEA,IAAIA,QAAQA,CAACA,QAAkB,EAAE;IAC/B,IAAAO,iBAAW,EAAC,MAAM;MAChB,IAAI,CAACR,aAAa,CAACC,QAAQ,GAAGA,QAAQ;IACxC,CAAC,CAAC;EACJ;EAEA,IAAIN,OAAOA,CAAA,EAAG;IACZ,OAAO,IAAI,CAACF,UAAU,CAACE,OAAO;EAChC;EAEAc,IAAIA,CAAA,EAAG;IACL,MAAM;MAAET,aAAa;MAAEU;IAAS,CAAC,GAAG,IAAI;IACxCV,aAAa,CAACS,IAAI,CAAC,CAAC;IAEpBC,QAAQ,CAACC,OAAO,CAAC,YAAY;MAC3BX,aAAa,CAACU,QAAQ,CAACC,OAAO,CAAC,CAAC;MAEhC,MAAMX,aAAa,CAACU,QAAQ,CAACE,MAAM,CAACC,OAAO;IAC7C,CAAC,CAAC;EACJ;AACF;AAACC,OAAA,CAAA9B,oBAAA,GAAAA,oBAAA","ignoreList":[]}

package/dist/cjs/styles.global.css

@@ -1 +1 @@
-.CardContainer2424648364__root.CardContainer2424648364--mobile{border-radius:0}.Collapse853597412__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse853597412__exit{height:0}.CollectionPage333170362__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage333170362__root.CollectionPage333170362--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage333170362__root.CollectionPage333170362--panel{overflow:hidden;position:relative}.CollectionTable2264365217__root td{vertical-align:middle}.CollectionTable2264365217__root.CollectionTable2264365217--mobile td:first-child{padding-left:18px}.CollectionTable2264365217__root.CollectionTable2264365217--mobile td:last-child{padding-right:18px}.CollectionToolbar2447544637__left{min-width:0}.CollectionToolbar2447544637__root.CollectionToolbar2447544637--views .CollectionToolbar2447544637__left{flex-shrink:1;flex-grow:0}.CollectionToolbar2447544637__left.CollectionToolbar2447544637--expandable{flex:auto}.CollectionToolbar2447544637__root .CollectionToolbar2447544637__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar2447544637__root.CollectionToolbar2447544637--views .CollectionToolbar2447544637__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar2447544637__root .CollectionToolbar2447544637__right.CollectionToolbar2447544637__fullWidth{margin-inline-start:0!important}.CollectionToolbar2447544637__root.CollectionToolbar2447544637--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter61340314__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter61340314__searchMobile{justify-content:flex-end;position:absolute;left:18px;right:18px}.SearchOrCustomFilter61340314__searchMobile.SearchOrCustomFilter61340314--expandable{left:unset}.SearchOrCustomFilter61340314__searchMobile.SearchOrCustomFilter61340314--expandable.SearchOrCustomFilter61340314--expanded{left:18px}.AutoCompleteReadonly3293025454__root.AutoCompleteReadonly3293025454--disableEditing{cursor:pointer}.AutoCompleteReadonly3293025454__root.AutoCompleteReadonly3293025454--disableEditing input{cursor:pointer}.ViewsDropdown3750725020__root{width:200px}.DragHandle1090551885__root{display:flex;align-items:center}.DragHandle1090551885__root:not(.DragHandle1090551885--disabled){cursor:grab;color:#a8caff}.DragHandle1090551885__root.DragHandle1090551885--disabled{color:#acafc4}.DragHandle1090551885__root:focus-visible:not(.DragHandle1090551885--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle1090551885__root.DragHandle1090551885--disabled{pointer-events:none}.DragHandle1090551885__root.DragHandle1090551885--dragging:not(.DragHandle1090551885--disabled){cursor:grabbing}.EntityPagePlain835467624__root.EntityPagePlain835467624--mobile{--wds-page-header-padding-horizontal:0}.Fade2806801532__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade2806801532__root.Fade2806801532--exit{opacity:0}.Heading2328995133__root{visibility:visible}.Heading2328995133__root.Heading2328995133--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow1027235985__root.InputOverflow1027235985--selected:not(.InputOverflow1027235985--focused) input::placeholder{color:#000624}@keyframes LoadingRow3440641060__gradientSwoosh{0%{background-position:50% 50%;background-size:150% 125%}15%{background-position:75% 40%;background-size:130% 115%}30%{background-position:50% 50%;background-size:120% 135%}60%{background-position:30% 50%;background-size:120% 135%}80%{background-position:10% 30%;background-size:130% 155%}to{background-position:40% 45%;background-size:125% 135%}}.LoadingRow3440641060__root{background-image:linear-gradient(60deg,rgba(255,255,255,.15)0,rgba(255,255,255,.15) 50%,rgba(95,242,174,.15) 100%),linear-gradient(284.81deg,#fff 67.18%,#91bbff 158.87%),linear-gradient(29deg,rgba(145,187,255,.6)0,#fff 40%,rgba(95,242,174,.6) 100%);height:100%;background-size:150% 125%;background-repeat:no-repeat;animation:LoadingRow3440641060__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText2347982978__root{opacity:1}.MaxHeightText2347982978__root.MaxHeightText2347982978--height24{line-height:24px}.MaxLines1091878501__root{overflow:hidden}.MaxLines1091878501__root.MaxLines1091878501--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar3259252562__root{min-width:0}.NestedTablePlaceholderStatesRow2943349488__root td{padding:0!important;width:100%}.NestedTableRow4056783073__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow4056783073__root:hover{background-color:#e7f0ff!important}.NestedTableRow4056783073__root.NestedTableRow4056783073--expandable{cursor:pointer}.NestedTableRow4056783073__placeholder td{padding:0!important;width:100%}.NestedTableRow4056783073__root:hover td:first-of-type::before,.NestedTableRow4056783073__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect1564379329__root{position:absolute;transform:translate(6px,6px);background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,6,36,.12),0 0 6px 0 rgba(0,6,36,.12)}.NestedTableDragAndDropRow1389386499__root.NestedTableDragAndDropRow1389386499--draggingInto td{background-color:#e7f0ff!important}.PickerContent2425539497__root{display:flex}.PickerContentAdditionalStep411640769__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep411640769__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem713306808__root{box-sizing:border-box}.ScrollableContent1409747345__root.ScrollableContent1409747345--overflowY{overflow-y:auto}.ScrollableContent1409747345__root.ScrollableContent1409747345--overflowX{overflow-x:auto}.ScrollableContent1409747345__root.ScrollableContent1409747345--smooth{scroll-behavior:smooth}.SkeletonCard1469644628__headerLoading{display:block!important}.SlidingModal3926485913__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal3926485913__root.SlidingModal3926485913--overlay{transition:transform 0s ease 0s}.SlidingModal3926485913__root.SlidingModal3926485913---appendTo-6-parent{position:absolute}.SlidingModal3926485913__root:not(.SlidingModal3926485913--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter4287980020__root .TabsFilter4287980020__title{color:inherit!important}.ManageTagsModal413894637__root{display:flex}.ToolbarItem1702886322__root{min-width:0}.ToolbarItemBox1322856672__root{min-width:0}.ToolbarItemBox1322856672__root.ToolbarItemBox1322856672--removeStartPadding{margin-left:-24px}.ToolbarItemBox1322856672__root.ToolbarItemBox1322856672--expandable{flex:1 0}.common3632703167__column{display:flex;flex-direction:column}.common3632703167__fullHeight{height:100%;min-height:0}.CollectionPageHeader584672607__root.CollectionPageHeader584672607--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader584672607__root.CollectionPageHeader584672607--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader1505421524__root.FormPageHeader1505421524--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader1505421524__root.FormPageHeader1505421524--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer2642374751__root.CardContainer2642374751--mobile{border-radius:0}.Collapse1975067361__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse1975067361__exit{height:0}.CollectionPage2433113590__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage2433113590__root.CollectionPage2433113590--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage2433113590__root.CollectionPage2433113590--panel{overflow:hidden;position:relative}.CollectionTable1283076406__root td{vertical-align:middle}.CollectionTable1283076406__root.CollectionTable1283076406--mobile td:first-child{padding-left:18px}.CollectionTable1283076406__root.CollectionTable1283076406--mobile td:last-child{padding-right:18px}.CollectionToolbar3370939631__left{min-width:0}.CollectionToolbar3370939631__root.CollectionToolbar3370939631--views .CollectionToolbar3370939631__left{flex-shrink:1;flex-grow:0}.CollectionToolbar3370939631__left.CollectionToolbar3370939631--expandable{flex:auto}.CollectionToolbar3370939631__root .CollectionToolbar3370939631__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar3370939631__root.CollectionToolbar3370939631--views .CollectionToolbar3370939631__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar3370939631__root .CollectionToolbar3370939631__right.CollectionToolbar3370939631__fullWidth{margin-inline-start:0!important}.CollectionToolbar3370939631__root.CollectionToolbar3370939631--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter637606844__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter637606844__searchMobile{justify-content:flex-end;position:absolute;left:18px;right:18px}.SearchOrCustomFilter637606844__searchMobile.SearchOrCustomFilter637606844--expandable{left:unset}.SearchOrCustomFilter637606844__searchMobile.SearchOrCustomFilter637606844--expandable.SearchOrCustomFilter637606844--expanded{left:18px}.AutoCompleteReadonly1853349818__root.AutoCompleteReadonly1853349818--disableEditing{cursor:pointer}.AutoCompleteReadonly1853349818__root.AutoCompleteReadonly1853349818--disableEditing input{cursor:pointer}.ViewsDropdown1774648500__root{width:200px}.DragHandle3134827324__root{display:flex;align-items:center}.DragHandle3134827324__root:not(.DragHandle3134827324--disabled){cursor:grab;color:#a8caff}.DragHandle3134827324__root.DragHandle3134827324--disabled{color:#acafc4}.DragHandle3134827324__root:focus-visible:not(.DragHandle3134827324--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle3134827324__root.DragHandle3134827324--disabled{pointer-events:none}.DragHandle3134827324__root.DragHandle3134827324--dragging:not(.DragHandle3134827324--disabled){cursor:grabbing}.EntityPagePlain3429121159__root.EntityPagePlain3429121159--mobile{--wds-page-header-padding-horizontal:0}.Fade1215131929__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade1215131929__root.Fade1215131929--exit{opacity:0}.Heading686287508__root{visibility:visible}.Heading686287508__root.Heading686287508--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow1016720825__root.InputOverflow1016720825--selected:not(.InputOverflow1016720825--focused) input::placeholder{color:#000624}@keyframes LoadingRow3458347974__gradientSwoosh{0%{background-position:50% 50%;background-size:150% 125%}15%{background-position:75% 40%;background-size:130% 115%}30%{background-position:50% 50%;background-size:120% 135%}60%{background-position:30% 50%;background-size:120% 135%}80%{background-position:10% 30%;background-size:130% 155%}to{background-position:40% 45%;background-size:125% 135%}}.LoadingRow3458347974__root{background-image:linear-gradient(60deg,rgba(255,255,255,.15)0,rgba(255,255,255,.15) 50%,rgba(95,242,174,.15) 100%),linear-gradient(284.81deg,#fff 67.18%,#91bbff 158.87%),linear-gradient(29deg,rgba(145,187,255,.6)0,#fff 40%,rgba(95,242,174,.6) 100%);height:100%;background-size:150% 125%;background-repeat:no-repeat;animation:LoadingRow3458347974__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText2289730746__root{opacity:1}.MaxHeightText2289730746__root.MaxHeightText2289730746--height24{line-height:24px}.MaxLines3985679003__root{overflow:hidden}.MaxLines3985679003__root.MaxLines3985679003--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar2085610696__root{min-width:0}.NestedTablePlaceholderStatesRow4038975435__root td{padding:0!important;width:100%}.NestedTableRow2675403157__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow2675403157__root:hover{background-color:#e7f0ff!important}.NestedTableRow2675403157__root.NestedTableRow2675403157--expandable{cursor:pointer}.NestedTableRow2675403157__placeholder td{padding:0!important;width:100%}.NestedTableRow2675403157__root:hover td:first-of-type::before,.NestedTableRow2675403157__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect3077153788__root{position:absolute;transform:translate(6px,6px);background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,6,36,.12),0 0 6px 0 rgba(0,6,36,.12)}.NestedTableDragAndDropRow396513697__root.NestedTableDragAndDropRow396513697--draggingInto td{background-color:#e7f0ff!important}.PickerContent184429675__root{display:flex}.PickerContentAdditionalStep877518503__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep877518503__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem785538655__root{box-sizing:border-box}.ScrollableContent1941984600__root.ScrollableContent1941984600--overflowY{overflow-y:auto}.ScrollableContent1941984600__root.ScrollableContent1941984600--overflowX{overflow-x:auto}.ScrollableContent1941984600__root.ScrollableContent1941984600--smooth{scroll-behavior:smooth}.SkeletonCard1710332693__headerLoading{display:block!important}.SlidingModal518634757__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal518634757__root.SlidingModal518634757--overlay{transition:transform 0s ease 0s}.SlidingModal518634757__root.SlidingModal518634757---appendTo-6-parent{position:absolute}.SlidingModal518634757__root:not(.SlidingModal518634757--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter1990584806__root .TabsFilter1990584806__title{color:inherit!important}.ManageTagsModal2255659067__root{display:flex}.ToolbarItem1697368245__root{min-width:0}.ToolbarItemBox3891221146__root{min-width:0}.ToolbarItemBox3891221146__root.ToolbarItemBox3891221146--removeStartPadding{margin-left:-24px}.ToolbarItemBox3891221146__root.ToolbarItemBox3891221146--expandable{flex:1 0}.common1876154914__column{display:flex;flex-direction:column}.common1876154914__fullHeight{height:100%;min-height:0}.CollectionPageHeader32245371__root.CollectionPageHeader32245371--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader32245371__root.CollectionPageHeader32245371--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader2656620262__root.FormPageHeader2656620262--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader2656620262__root.FormPageHeader2656620262--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/dist/cjs/version.js

@@ -2,5 +2,5 @@
 
 exports.__esModule = true;
 exports.version = void 0;
-const version = exports.version = 'patterns@1.302.0';
+const version = exports.version = 'patterns@1.305.0';
 //# sourceMappingURL=version.js.map

package/dist/cjs/version.js.map

@@ -1 +1 @@
-{"version":3,"names":["version","exports"],"sources":["../../src/version.ts"],"sourcesContent":["export const version = 'patterns@1.302.0';\n"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,kBAAkB","ignoreList":[]}
+{"version":3,"names":["version","exports"],"sources":["../../src/version.ts"],"sourcesContent":["export const version = 'patterns@1.305.0';\n"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,kBAAkB","ignoreList":[]}

package/dist/esm/components/ArchivedItemsPanel/ArchivedItemsCTAButton.js

@@ -1,11 +1,13 @@
 import { TableListItem, Text, IconButton } from '@wix/design-system';
-import React, { useMemo } from 'react';
+import React, { useMemo, useCallback, lazy, Suspense, } from 'react';
 import { Archive, ChevronRight } from '@wix/wix-ui-icons-common';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
 import { useToolbarCollectionContext } from '../ToolbarCollectionContext';
-import { ArchivedItemsPanel } from './ArchivedItemsPanel';
-import { getArchivedItems } from '../../utils/archivedItemsUtils';
 import { observer } from 'mobx-react-lite';
+// Lazy load the ArchivedItemsPanel - only loads when panel is opened
+const ArchivedItemsPanel = lazy(() => import('./ArchivedItemsPanel').then((module) => ({
+    default: module.ArchivedItemsPanel,
+})));
 function _ArchivedItemsCTAButton() {
     const { translate: t } = useWixPatternsContainer();
     const toolbar = useToolbarCollectionContext();
@@ -16,23 +18,16 @@ function _ArchivedItemsCTAButton() {
         alignItems: 'center',
         gap: '8px',
     }), []);
-    if (!dataExtension?.enableArchive) {
-        return null;
-    }
-    const archivedItems = getArchivedItems(dataExtension);
-    if (archivedItems.length === 0) {
-        return null;
-    }
-    const handleOpenArchivedPanel = () => {
+    const handleOpenArchivedPanel = useCallback(() => {
         dataExtension?.openArchivedPanel();
-    };
-    const handleCloseArchivedPanel = () => {
+    }, []);
+    const handleCloseArchivedPanel = useCallback(() => {
         dataExtension?.closeArchivedPanel();
-    };
-    const handleCloseAllPanels = () => {
+    }, []);
+    const handleCloseAllPanels = useCallback(() => {
         dataExtension?.closeArchivedPanel();
         toolbar.sidePanel.close();
-    };
+    }, []);
     return (React.createElement(React.Fragment, null,
         React.createElement(TableListItem, { onClick: handleOpenArchivedPanel, dataHook: "archived-items-button", showDivider: true, verticalPadding: "tiny", options: [
                 {
@@ -46,7 +41,8 @@ function _ArchivedItemsCTAButton() {
                     align: 'right',
                 },
             ] }),
-        dataExtension?.isArchivedPanelOpen && (React.createElement(ArchivedItemsPanel, { items: archivedItems, onBackButtonClick: handleCloseArchivedPanel, onCloseButtonClick: handleCloseAllPanels }))));
+        dataExtension?.isArchivedPanelOpen && (React.createElement(Suspense, { fallback: null },
+            React.createElement(ArchivedItemsPanel, { dataExtension: dataExtension, items: dataExtension?.archivedItems, onBackButtonClick: handleCloseArchivedPanel, onCloseButtonClick: handleCloseAllPanels })))));
 }
 export const ArchivedItemsCTAButton = observer(_ArchivedItemsCTAButton);
 //# sourceMappingURL=ArchivedItemsCTAButton.js.map

package/dist/esm/components/ArchivedItemsPanel/ArchivedItemsCTAButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArchivedItemsCTAButton.js","sourceRoot":"","sources":["../../../../src/components/ArchivedItemsPanel/ArchivedItemsCTAButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrE,OAAO,KAAK,EAAE,EAAiB,OAAO,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,SAAS,uBAAuB;IAC9B,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,uBAAuB,EAAE,CAAC;IACnD,MAAM,OAAO,GAAG,2BAA2B,EAAE,CAAC;IAC9C,MAAM,uBAAuB,GAAG,OAAO,CAAC,uBAAuB,CAAC;IAChE,MAAM,aAAa,GAAG,uBAAuB,EAAE,aAAa,CAAC;IAE7D,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE,CAAC,CAAC;QACL,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,KAAK;KACX,CAAC,EACF,EAAE,CACH,CAAC;IAEF,IAAI,CAAC,aAAa,EAAE,aAAa,EAAE;QACjC,OAAO,IAAI,CAAC;KACb;IAED,MAAM,aAAa,GAAG,gBAAgB,CAAC,aAAa,CAAC,CAAC;IAEtD,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE;QAC9B,OAAO,IAAI,CAAC;KACb;IAED,MAAM,uBAAuB,GAAG,GAAG,EAAE;QACnC,aAAa,EAAE,iBAAiB,EAAE,CAAC;IACrC,CAAC,CAAC;IAEF,MAAM,wBAAwB,GAAG,GAAG,EAAE;QACpC,aAAa,EAAE,kBAAkB,EAAE,CAAC;IACtC,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAChC,aAAa,EAAE,kBAAkB,EAAE,CAAC;QACpC,OAAO,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO,CACL;QACE,oBAAC,aAAa,IACZ,OAAO,EAAE,uBAAuB,EAChC,QAAQ,EAAC,uBAAuB,EAChC,WAAW,QACX,eAAe,EAAC,MAAM,EACtB,OAAO,EAAE;gBACP;oBACE,KAAK,EAAE,CACL,6BAAK,KAAK,EAAE,KAAK;wBACf,oBAAC,OAAO,OAAG;wBACX,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,MAAM,EAAC,QAAQ,IAC/B,CAAC,CAAC,4CAA4C,CAAC,CAC3C,CACH,CACP;iBACF;gBACD;oBACE,KAAK,EAAE,CACL,oBAAC,UAAU,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,UAAU;wBACtC,oBAAC,YAAY,OAAG,CACL,CACd;oBACD,KAAK,EAAE,OAAgB;iBACxB;aACF,GACD;QACD,aAAa,EAAE,mBAAmB,IAAI,CACrC,oBAAC,kBAAkB,IACjB,KAAK,EAAE,aAAa,EACpB,iBAAiB,EAAE,wBAAwB,EAC3C,kBAAkB,EAAE,oBAAoB,GACxC,CACH,CACA,CACJ,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,sBAAsB,GAAG,QAAQ,CAAC,uBAAuB,CAAC,CAAC"}
+{"version":3,"file":"ArchivedItemsCTAButton.js","sourceRoot":"","sources":["../../../../src/components/ArchivedItemsPanel/ArchivedItemsCTAButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrE,OAAO,KAAK,EAAE,EAEZ,OAAO,EACP,WAAW,EACX,IAAI,EACJ,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,qEAAqE;AACrE,MAAM,kBAAkB,GAAG,IAAI,CAAC,GAAG,EAAE,CACnC,MAAM,CAAC,sBAAsB,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAC/C,OAAO,EAAE,MAAM,CAAC,kBAAkB;CACnC,CAAC,CAAC,CACJ,CAAC;AAEF,SAAS,uBAAuB;IAC9B,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,uBAAuB,EAAE,CAAC;IACnD,MAAM,OAAO,GAAG,2BAA2B,EAAE,CAAC;IAC9C,MAAM,uBAAuB,GAAG,OAAO,CAAC,uBAAuB,CAAC;IAChE,MAAM,aAAa,GAAG,uBAAuB,EAAE,aAAa,CAAC;IAE7D,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE,CAAC,CAAC;QACL,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,KAAK;KACX,CAAC,EACF,EAAE,CACH,CAAC;IAEF,MAAM,uBAAuB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/C,aAAa,EAAE,iBAAiB,EAAE,CAAC;IACrC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,wBAAwB,GAAG,WAAW,CAAC,GAAG,EAAE;QAChD,aAAa,EAAE,kBAAkB,EAAE,CAAC;IACtC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,oBAAoB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC5C,aAAa,EAAE,kBAAkB,EAAE,CAAC;QACpC,OAAO,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;IAC5B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL;QACE,oBAAC,aAAa,IACZ,OAAO,EAAE,uBAAuB,EAChC,QAAQ,EAAC,uBAAuB,EAChC,WAAW,QACX,eAAe,EAAC,MAAM,EACtB,OAAO,EAAE;gBACP;oBACE,KAAK,EAAE,CACL,6BAAK,KAAK,EAAE,KAAK;wBACf,oBAAC,OAAO,OAAG;wBACX,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,MAAM,EAAC,QAAQ,IAC/B,CAAC,CAAC,4CAA4C,CAAC,CAC3C,CACH,CACP;iBACF;gBACD;oBACE,KAAK,EAAE,CACL,oBAAC,UAAU,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,UAAU;wBACtC,oBAAC,YAAY,OAAG,CACL,CACd;oBACD,KAAK,EAAE,OAAgB;iBACxB;aACF,GACD;QACD,aAAa,EAAE,mBAAmB,IAAI,CACrC,oBAAC,QAAQ,IAAC,QAAQ,EAAE,IAAI;YACtB,oBAAC,kBAAkB,IACjB,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,aAAa,EAAE,aAAa,EACnC,iBAAiB,EAAE,wBAAwB,EAC3C,kBAAkB,EAAE,oBAAoB,GACxC,CACO,CACZ,CACA,CACJ,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,sBAAsB,GAAG,QAAQ,CAAC,uBAAuB,CAAC,CAAC"}

package/dist/esm/components/ArchivedItemsPanel/ArchivedItemsList.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import { Box } from '@wix/design-system';
 import { ArchivedItemsListItem } from './ArchivedItemsListItem';
-function _ArchivedItemsList({ items }) {
-    return (React.createElement(Box, { direction: "vertical", dataHook: "archived-items-list", backgroundColor: "D60" }, items.map((item, index) => (React.createElement(ArchivedItemsListItem, { key: item.id, item: item, showDivider: index < items.length - 1 })))));
+export function _ArchivedItemsList({ items, onRestore, onDelete, }) {
+    return (React.createElement(Box, { direction: "vertical", dataHook: "archived-items-list", backgroundColor: "D60" }, items.map((item, index) => (React.createElement(ArchivedItemsListItem, { key: item.id, item: item, showDivider: index < items.length - 1, onRestore: onRestore, onDelete: onDelete })))));
 }
 export const ArchivedItemsList = _ArchivedItemsList;
 //# sourceMappingURL=ArchivedItemsList.js.map

package/dist/esm/components/ArchivedItemsPanel/ArchivedItemsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArchivedItemsList.js","sourceRoot":"","sources":["../../../../src/components/ArchivedItemsPanel/ArchivedItemsList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAEzC,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAMhE,SAAS,kBAAkB,CAAC,EAAE,KAAK,EAA0B;IAC3D,OAAO,CACL,oBAAC,GAAG,IACF,SAAS,EAAC,UAAU,EACpB,QAAQ,EAAC,qBAAqB,EAC9B,eAAe,EAAC,KAAK,IAEpB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,oBAAC,qBAAqB,IACpB,GAAG,EAAE,IAAI,CAAC,EAAE,EACZ,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,GACrC,CACH,CAAC,CACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,kBAAkB,CAAC"}
+{"version":3,"file":"ArchivedItemsList.js","sourceRoot":"","sources":["../../../../src/components/ArchivedItemsPanel/ArchivedItemsList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAShE,MAAM,UAAU,kBAAkB,CAAC,EACjC,KAAK,EACL,SAAS,EACT,QAAQ,GACe;IACvB,OAAO,CACL,oBAAC,GAAG,IACF,SAAS,EAAC,UAAU,EACpB,QAAQ,EAAC,qBAAqB,EAC9B,eAAe,EAAC,KAAK,IAEpB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,oBAAC,qBAAqB,IACpB,GAAG,EAAE,IAAI,CAAC,EAAE,EACZ,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,EACrC,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC,CACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,kBAAkB,CAAC"}