@wix/patterns 1.355.0 → 1.357.0

package/dist/cjs/components/ArchivedItemsPanel/ArchivedItemsListItem.js

@@ -18,6 +18,9 @@ function _ArchivedItemsListItem({
   const {
     translate: t
   } = (0, _react2.useWixPatternsContainer)();
+  const {
+    stackingRootRef
+  } = (0, _react2.usePageContext)();
   const style = (0, _react.useMemo)(() => ({
     padding: '0 6px',
     wordBreak: 'break-word'
@@ -25,13 +28,14 @@ function _ArchivedItemsListItem({
   const moreActionsButton = /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu, {
     textSize: "small",
     placement: "bottom-end",
+    appendTo: stackingRootRef.current || 'parent',
     dataHook: `${dataHook}-archived-item-options-${item.id}`,
     triggerElement: /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
       content: t('cairo.archivedFields.more-actions.tooltip'),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 45,
+        lineNumber: 47,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
@@ -41,21 +45,21 @@ function _ArchivedItemsListItem({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 46,
+        lineNumber: 48,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.MoreSmall, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 51,
+        lineNumber: 53,
         columnNumber: 13
       }
     }))),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 40,
+      lineNumber: 41,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
@@ -64,7 +68,7 @@ function _ArchivedItemsListItem({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 58,
+        lineNumber: 60,
         columnNumber: 21
       }
     }),
@@ -73,7 +77,7 @@ function _ArchivedItemsListItem({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 56,
+      lineNumber: 58,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
@@ -82,7 +86,7 @@ function _ArchivedItemsListItem({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 65,
+        lineNumber: 67,
         columnNumber: 21
       }
     }),
@@ -91,7 +95,7 @@ function _ArchivedItemsListItem({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 63,
+      lineNumber: 65,
       columnNumber: 7
     }
   }));
@@ -103,7 +107,7 @@ function _ArchivedItemsListItem({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 79,
+          lineNumber: 81,
           columnNumber: 13
         }
       }, /*#__PURE__*/_react.default.createElement("div", {
@@ -111,7 +115,7 @@ function _ArchivedItemsListItem({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 80,
+          lineNumber: 82,
           columnNumber: 15
         }
       }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -120,7 +124,7 @@ function _ArchivedItemsListItem({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 81,
+          lineNumber: 83,
           columnNumber: 17
         }
       }, item.label || item.id)))
@@ -131,7 +135,7 @@ function _ArchivedItemsListItem({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 73,
+      lineNumber: 75,
       columnNumber: 5
     }
   });

package/dist/cjs/components/ArchivedItemsPanel/ArchivedItemsListItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_wixUiIconsCommon","_react2","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ArchivedItemsListItem","item","showDivider","onRestore","onDelete","dataHook","translate","useWixPatternsContainer","style","useMemo","padding","wordBreak","moreActionsButton","createElement","PopoverMenu","textSize","placement","id","triggerElement","Tooltip","content","__self","__source","fileName","lineNumber","columnNumber","IconButton","size","skin","MoreSmall","MenuItem","prefixIcon","UndoSmall","text","onClick","DeleteSmall","TableListItem","options","value","Box","Text","label","align","ArchivedItemsListItem","exports"],"sources":["../../../../src/components/ArchivedItemsPanel/ArchivedItemsListItem.tsx"],"sourcesContent":["import {\n  Box,\n  IconButton,\n  PopoverMenu,\n  TableListItem,\n  Text,\n  Tooltip,\n} from '@wix/design-system';\nimport React, { CSSProperties, useMemo } from 'react';\nimport { DeleteSmall, MoreSmall, UndoSmall } from '@wix/wix-ui-icons-common';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport type { ArchivedItem } from './types';\n\nexport interface ArchivedItemsListItemProps {\n  item: ArchivedItem;\n  showDivider?: boolean;\n  onRestore: (item: ArchivedItem) => void;\n  onDelete: (item: ArchivedItem) => void;\n  dataHook?: string;\n}\n\nfunction _ArchivedItemsListItem({\n  item,\n  showDivider,\n  onRestore,\n  onDelete,\n  dataHook = 'custom-columns',\n}: ArchivedItemsListItemProps) {\n  const { translate: t } = useWixPatternsContainer();\n\n  const style = useMemo<CSSProperties>(\n    () => ({\n      padding: '0 6px',\n      wordBreak: 'break-word',\n    }),\n    [],\n  );\n\n  const moreActionsButton = (\n    <PopoverMenu\n      textSize=\"small\"\n      placement=\"bottom-end\"\n      dataHook={`${dataHook}-archived-item-options-${item.id}`}\n      triggerElement={\n        <Tooltip content={t('cairo.archivedFields.more-actions.tooltip')}>\n          <IconButton\n            size=\"tiny\"\n            dataHook={`${dataHook}-archived-item-options-trigger`}\n            skin=\"light\"\n          >\n            <MoreSmall />\n          </IconButton>\n        </Tooltip>\n      }\n    >\n      <PopoverMenu.MenuItem\n        dataHook={`${dataHook}-archived-item-options-restore`}\n        prefixIcon={<UndoSmall />}\n        text={t('cairo.archivedFields.more-actions.restore')}\n        onClick={() => onRestore(item)}\n      />\n\n      <PopoverMenu.MenuItem\n        dataHook={`${dataHook}-archived-item-options-delete`}\n        prefixIcon={<DeleteSmall />}\n        text={t('cairo.archivedFields.more-actions.delete')}\n        onClick={() => onDelete(item)}\n      />\n    </PopoverMenu>\n  );\n\n  return (\n    <TableListItem\n      showDivider={showDivider}\n      data-hook={`${dataHook}-archived-item-${item.id}`}\n      options={[\n        {\n          value: (\n            <Box>\n              <div style={style}>\n                <Text size=\"small\" dataHook={`${dataHook}-archived-item-label`}>\n                  {item.label || item.id}\n                </Text>\n              </div>\n            </Box>\n          ),\n        },\n        {\n          value: moreActionsButton,\n          align: 'right' as const,\n        },\n      ]}\n    />\n  );\n}\n\nexport const ArchivedItemsListItem = _ArchivedItemsListItem;\n"],"mappings":";;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAQA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAA8D,IAAAK,YAAA;AAAA,SAAAH,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAW9D,SAASkB,sBAAsBA,CAAC;EAC9BC,IAAI;EACJC,WAAW;EACXC,SAAS;EACTC,QAAQ;EACRC,QAAQ,GAAG;AACe,CAAC,EAAE;EAC7B,MAAM;IAAEC,SAAS,EAAExB;EAAE,CAAC,GAAG,IAAAyB,+BAAuB,EAAC,CAAC;EAElD,MAAMC,KAAK,GAAG,IAAAC,cAAO,EACnB,OAAO;IACLC,OAAO,EAAE,OAAO;IAChBC,SAAS,EAAE;EACb,CAAC,CAAC,EACF,EACF,CAAC;EAED,MAAMC,iBAAiB,gBACrBpC,MAAA,CAAAe,OAAA,CAAAsB,aAAA,CAACvC,aAAA,CAAAwC,WAAW;IACVC,QAAQ,EAAC,OAAO;IAChBC,SAAS,EAAC,YAAY;IACtBX,QAAQ,EAAE,GAAGA,QAAQ,0BAA0BJ,IAAI,CAACgB,EAAE,EAAG;IACzDC,cAAc,eACZ1C,MAAA,CAAAe,OAAA,CAAAsB,aAAA,CAACvC,aAAA,CAAA6C,OAAO;MAACC,OAAO,EAAEtC,CAAC,CAAC,2CAA2C,CAAE;MAAAuC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA3C,YAAA;QAAA4C,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAC/DjD,MAAA,CAAAe,OAAA,CAAAsB,aAAA,CAACvC,aAAA,CAAAoD,UAAU;MACTC,IAAI,EAAC,MAAM;MACXtB,QAAQ,EAAE,GAAGA,QAAQ,gCAAiC;MACtDuB,IAAI,EAAC,OAAO;MAAAP,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA3C,YAAA;QAAA4C,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAEZjD,MAAA,CAAAe,OAAA,CAAAsB,aAAA,CAACnC,iBAAA,CAAAmD,SAAS;MAAAR,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA3C,YAAA;QAAA4C,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CACF,CACL,CACV;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEDjD,MAAA,CAAAe,OAAA,CAAAsB,aAAA,CAACvC,aAAA,CAAAwC,WAAW,CAACgB,QAAQ;IACnBzB,QAAQ,EAAE,GAAGA,QAAQ,gCAAiC;IACtD0B,UAAU,eAAEvD,MAAA,CAAAe,OAAA,CAAAsB,aAAA,CAACnC,iBAAA,CAAAsD,SAAS;MAAAX,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA3C,YAAA;QAAA4C,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IAC1BQ,IAAI,EAAEnD,CAAC,CAAC,2CAA2C,CAAE;IACrDoD,OAAO,EAAEA,CAAA,KAAM/B,SAAS,CAACF,IAAI,CAAE;IAAAoB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,CAChC,CAAC,eAEFjD,MAAA,CAAAe,OAAA,CAAAsB,aAAA,CAACvC,aAAA,CAAAwC,WAAW,CAACgB,QAAQ;IACnBzB,QAAQ,EAAE,GAAGA,QAAQ,+BAAgC;IACrD0B,UAAU,eAAEvD,MAAA,CAAAe,OAAA,CAAAsB,aAAA,CAACnC,iBAAA,CAAAyD,WAAW;MAAAd,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA3C,YAAA;QAAA4C,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IAC5BQ,IAAI,EAAEnD,CAAC,CAAC,0CAA0C,CAAE;IACpDoD,OAAO,EAAEA,CAAA,KAAM9B,QAAQ,CAACH,IAAI,CAAE;IAAAoB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC/B,CACU,CACd;EAED,oBACEjD,MAAA,CAAAe,OAAA,CAAAsB,aAAA,CAACvC,aAAA,CAAA8D,aAAa;IACZlC,WAAW,EAAEA,WAAY;IACzB,aAAW,GAAGG,QAAQ,kBAAkBJ,IAAI,CAACgB,EAAE,EAAG;IAClDoB,OAAO,EAAE,CACP;MACEC,KAAK,eACH9D,MAAA,CAAAe,OAAA,CAAAsB,aAAA,CAACvC,aAAA,CAAAiE,GAAG;QAAAlB,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA3C,YAAA;UAAA4C,UAAA;UAAAC,YAAA;QAAA;MAAA,gBACFjD,MAAA,CAAAe,OAAA,CAAAsB,aAAA;QAAKL,KAAK,EAAEA,KAAM;QAAAa,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA3C,YAAA;UAAA4C,UAAA;UAAAC,YAAA;QAAA;MAAA,gBAChBjD,MAAA,CAAAe,OAAA,CAAAsB,aAAA,CAACvC,aAAA,CAAAkE,IAAI;QAACb,IAAI,EAAC,OAAO;QAACtB,QAAQ,EAAE,GAAGA,QAAQ,sBAAuB;QAAAgB,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA3C,YAAA;UAAA4C,UAAA;UAAAC,YAAA;QAAA;MAAA,GAC5DxB,IAAI,CAACwC,KAAK,IAAIxC,IAAI,CAACgB,EAChB,CACH,CACF;IAET,CAAC,EACD;MACEqB,KAAK,EAAE1B,iBAAiB;MACxB8B,KAAK,EAAE;IACT,CAAC,CACD;IAAArB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,CACH,CAAC;AAEN;AAEO,MAAMkB,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG3C,sBAAsB","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_wixUiIconsCommon","_react2","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ArchivedItemsListItem","item","showDivider","onRestore","onDelete","dataHook","translate","useWixPatternsContainer","stackingRootRef","usePageContext","style","useMemo","padding","wordBreak","moreActionsButton","createElement","PopoverMenu","textSize","placement","appendTo","current","id","triggerElement","Tooltip","content","__self","__source","fileName","lineNumber","columnNumber","IconButton","size","skin","MoreSmall","MenuItem","prefixIcon","UndoSmall","text","onClick","DeleteSmall","TableListItem","options","value","Box","Text","label","align","ArchivedItemsListItem","exports"],"sources":["../../../../src/components/ArchivedItemsPanel/ArchivedItemsListItem.tsx"],"sourcesContent":["import {\n  Box,\n  IconButton,\n  PopoverMenu,\n  TableListItem,\n  Text,\n  Tooltip,\n} from '@wix/design-system';\nimport React, { CSSProperties, useMemo } from 'react';\nimport { DeleteSmall, MoreSmall, UndoSmall } from '@wix/wix-ui-icons-common';\nimport { useWixPatternsContainer, usePageContext } from '@wix/bex-core/react';\nimport type { ArchivedItem } from './types';\n\nexport interface ArchivedItemsListItemProps {\n  item: ArchivedItem;\n  showDivider?: boolean;\n  onRestore: (item: ArchivedItem) => void;\n  onDelete: (item: ArchivedItem) => void;\n  dataHook?: string;\n}\n\nfunction _ArchivedItemsListItem({\n  item,\n  showDivider,\n  onRestore,\n  onDelete,\n  dataHook = 'custom-columns',\n}: ArchivedItemsListItemProps) {\n  const { translate: t } = useWixPatternsContainer();\n  const { stackingRootRef } = usePageContext();\n\n  const style = useMemo<CSSProperties>(\n    () => ({\n      padding: '0 6px',\n      wordBreak: 'break-word',\n    }),\n    [],\n  );\n\n  const moreActionsButton = (\n    <PopoverMenu\n      textSize=\"small\"\n      placement=\"bottom-end\"\n      appendTo={stackingRootRef.current || 'parent'}\n      dataHook={`${dataHook}-archived-item-options-${item.id}`}\n      triggerElement={\n        <Tooltip content={t('cairo.archivedFields.more-actions.tooltip')}>\n          <IconButton\n            size=\"tiny\"\n            dataHook={`${dataHook}-archived-item-options-trigger`}\n            skin=\"light\"\n          >\n            <MoreSmall />\n          </IconButton>\n        </Tooltip>\n      }\n    >\n      <PopoverMenu.MenuItem\n        dataHook={`${dataHook}-archived-item-options-restore`}\n        prefixIcon={<UndoSmall />}\n        text={t('cairo.archivedFields.more-actions.restore')}\n        onClick={() => onRestore(item)}\n      />\n\n      <PopoverMenu.MenuItem\n        dataHook={`${dataHook}-archived-item-options-delete`}\n        prefixIcon={<DeleteSmall />}\n        text={t('cairo.archivedFields.more-actions.delete')}\n        onClick={() => onDelete(item)}\n      />\n    </PopoverMenu>\n  );\n\n  return (\n    <TableListItem\n      showDivider={showDivider}\n      data-hook={`${dataHook}-archived-item-${item.id}`}\n      options={[\n        {\n          value: (\n            <Box>\n              <div style={style}>\n                <Text size=\"small\" dataHook={`${dataHook}-archived-item-label`}>\n                  {item.label || item.id}\n                </Text>\n              </div>\n            </Box>\n          ),\n        },\n        {\n          value: moreActionsButton,\n          align: 'right' as const,\n        },\n      ]}\n    />\n  );\n}\n\nexport const ArchivedItemsListItem = _ArchivedItemsListItem;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CardContainer/CardContainer.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_ = "CardContainer3405799465";
+var _namespace_ = "CardContainer3159177067";
 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": "CardContainer3405799465__root"
+  "root": "CardContainer3159177067__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CardContainer/CardContainer.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/CardContainer/CardContainer.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CardContainer3405799465\";\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\":\"CardContainer3405799465__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CardContainer/CardContainer.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CardContainer3159177067\";\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\":\"CardContainer3159177067__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/Collapse/Collapse.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_ = "Collapse2581039888";
+var _namespace_ = "Collapse349658766";
 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": "Collapse2581039888__root",
-  "exit": "Collapse2581039888__exit"
+  "root": "Collapse349658766__root",
+  "exit": "Collapse349658766__exit"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Collapse/Collapse.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/Collapse/Collapse.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Collapse2581039888\";\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\":\"Collapse2581039888__root\",\"exit\":\"Collapse2581039888__exit\"};\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,oBAAoB;AACtC,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,0BAA0B;EAAC,MAAM,EAAC;AAA0B,CAAC;AACnF,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/Collapse/Collapse.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Collapse349658766\";\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\":\"Collapse349658766__root\",\"exit\":\"Collapse349658766__exit\"};\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,mBAAmB;AACrC,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,yBAAyB;EAAC,MAAM,EAAC;AAAyB,CAAC;AACjF,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/CollectionPageNew/CollectionPage.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_ = "CollectionPage1689186506";
+var _namespace_ = "CollectionPage2970541410";
 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": "CollectionPage1689186506__root"
+  "root": "CollectionPage2970541410__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionPageNew/CollectionPage.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/CollectionPageNew/CollectionPage.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPage1689186506\";\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\":\"CollectionPage1689186506__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-padding-horizontal\":\"--wds-page-header-padding-horizontal\",\"wds-page-header-padding-horizontal-small\":\"--wds-page-header-padding-horizontal-small\",\"wds-color-fill-surface-sunken\":\"--wds-color-fill-surface-sunken\",\"wds-space-300\":\"--wds-space-300\"}; \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;EAAC,oCAAoC,EAAC,sCAAsC;EAAC,0CAA0C,EAAC,4CAA4C;EAAC,+BAA+B,EAAC,iCAAiC;EAAC,eAAe,EAAC;AAAiB,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/CollectionPageNew/CollectionPage.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPage2970541410\";\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\":\"CollectionPage2970541410__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-padding-horizontal\":\"--wds-page-header-padding-horizontal\",\"wds-page-header-padding-horizontal-small\":\"--wds-page-header-padding-horizontal-small\",\"wds-color-fill-surface-sunken\":\"--wds-color-fill-surface-sunken\",\"wds-space-300\":\"--wds-space-300\"}; \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;EAAC,oCAAoC,EAAC,sCAAsC;EAAC,0CAA0C,EAAC,4CAA4C;EAAC,+BAA+B,EAAC,iCAAiC;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/CollectionSectionHeader/CollectionSectionHeader.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_ = "CollectionSectionHeader2112064717";
+var _namespace_ = "CollectionSectionHeader2855512574";
 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": "CollectionSectionHeader2112064717__root",
-  "summaryIcon": "CollectionSectionHeader2112064717__summaryIcon"
+  "root": "CollectionSectionHeader2855512574__root",
+  "summaryIcon": "CollectionSectionHeader2855512574__summaryIcon"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionSectionHeader/CollectionSectionHeader.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/CollectionSectionHeader/CollectionSectionHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionSectionHeader2112064717\";\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\":\"CollectionSectionHeader2112064717__root\",\"summaryIcon\":\"CollectionSectionHeader2112064717__summaryIcon\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-text-standard-secondary\":\"--wds-color-text-standard-secondary\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mCAAmC;AACrD,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,yCAAyC;EAAC,aAAa,EAAC;AAAgD,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;EAAC,mCAAmC,EAAC;AAAqC,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/CollectionSectionHeader/CollectionSectionHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionSectionHeader2855512574\";\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\":\"CollectionSectionHeader2855512574__root\",\"summaryIcon\":\"CollectionSectionHeader2855512574__summaryIcon\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-text-standard-secondary\":\"--wds-color-text-standard-secondary\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mCAAmC;AACrD,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,yCAAyC;EAAC,aAAa,EAAC;AAAgD,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;EAAC,mCAAmC,EAAC;AAAqC,CAAC","ignoreList":[]}

package/dist/cjs/components/CollectionTable/CollectionTable.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_ = "CollectionTable2554404887";
+var _namespace_ = "CollectionTable1473924420";
 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": "CollectionTable2554404887__root"
+  "root": "CollectionTable1473924420__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionTable/CollectionTable.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/CollectionTable/CollectionTable.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionTable2554404887\";\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\":\"CollectionTable2554404887__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/CollectionTable/CollectionTable.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionTable1473924420\";\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\":\"CollectionTable1473924420__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/CollectionToolbar/CollectionToolbar.st.css.js

@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "CollectionToolbar2266091173";
+var _namespace_ = "CollectionToolbar269385832";
 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": "CollectionToolbar2266091173__root",
-  "left": "CollectionToolbar2266091173__left",
-  "right": "CollectionToolbar2266091173__right",
-  "fullWidth": "CollectionToolbar2266091173__fullWidth"
+  "root": "CollectionToolbar269385832__root",
+  "left": "CollectionToolbar269385832__left",
+  "right": "CollectionToolbar269385832__right",
+  "fullWidth": "CollectionToolbar269385832__fullWidth"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionToolbar/CollectionToolbar.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/CollectionToolbar/CollectionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionToolbar2266091173\";\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\":\"CollectionToolbar2266091173__root\",\"left\":\"CollectionToolbar2266091173__left\",\"right\":\"CollectionToolbar2266091173__right\",\"fullWidth\":\"CollectionToolbar2266091173__fullWidth\"};\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,6BAA6B;AAC/C,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,mCAAmC;EAAC,MAAM,EAAC,mCAAmC;EAAC,OAAO,EAAC,oCAAoC;EAAC,WAAW,EAAC;AAAwC,CAAC;AACvM,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/CollectionToolbar/CollectionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionToolbar269385832\";\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\":\"CollectionToolbar269385832__root\",\"left\":\"CollectionToolbar269385832__left\",\"right\":\"CollectionToolbar269385832__right\",\"fullWidth\":\"CollectionToolbar269385832__fullWidth\"};\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,4BAA4B;AAC9C,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,kCAAkC;EAAC,MAAM,EAAC,kCAAkC;EAAC,OAAO,EAAC,mCAAmC;EAAC,WAAW,EAAC;AAAuC,CAAC;AACnM,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/CollectionToolbar/CollectionToolbarActionsGroupResponsiveLayout.js

@@ -3,9 +3,8 @@
 exports.__esModule = true;
 exports.CollectionToolbarActionsGroupResponsiveLayout = CollectionToolbarActionsGroupResponsiveLayout;
 var _react = _interopRequireWildcard(require("react"));
-var _HorizontalAvailableSpaceBox = require("../Responsive/HorizontalAvailableSpaceBox");
+var _designSystem = require("@wix/design-system");
 var _ToolbarItem = require("../ToolbarItem/ToolbarItem");
-var _HorizontalOverflowBox = require("../Responsive/HorizontalOverflowBox");
 var _ToolbarGroupScrollWidthBox = require("./ToolbarGroupScrollWidthBox");
 var _SearchOrCustomFilter = require("./SearchOrCustomFilter");
 var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
@@ -36,7 +35,7 @@ function CollectionToolbarActionsGroupResponsiveLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 34,
+      lineNumber: 33,
       columnNumber: 5
     }
   }, left ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, viewsToolbarItem && /*#__PURE__*/_react.default.createElement(_InitialLoadingConditional.InitialLoadingConditional, {
@@ -47,14 +46,14 @@ function CollectionToolbarActionsGroupResponsiveLayout(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 41,
+        lineNumber: 40,
         columnNumber: 17
       }
     }),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 38,
+      lineNumber: 37,
       columnNumber: 13
     }
   }, viewsToolbarItem), filtersElement) : viewsToolbarItem ? filtersElement : undefined, MoreFiltersButton && /*#__PURE__*/_react.default.createElement(_ToolbarGroupScrollWidthBox.ToolbarGroupScrollWidthBox, {
@@ -63,14 +62,14 @@ function CollectionToolbarActionsGroupResponsiveLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 57,
+      lineNumber: 56,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(MoreFiltersButton, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 58,
+      lineNumber: 57,
       columnNumber: 11
     }
   })), /*#__PURE__*/_react.default.createElement(_ToolbarGroupScrollWidthBox.ToolbarGroupScrollWidthBox, {
@@ -79,7 +78,7 @@ function CollectionToolbarActionsGroupResponsiveLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 62,
+      lineNumber: 61,
       columnNumber: 7
     }
   }, customColumns && showCustomColumnsOnTheLeft && customColumns, multiLevelSorting, exportButton && /*#__PURE__*/(0, _react.cloneElement)(exportButton, {
@@ -90,17 +89,22 @@ function CollectionToolbarActionsGroupResponsiveLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 72,
+      lineNumber: 71,
       columnNumber: 18
     }
   }));
-  child = /*#__PURE__*/_react.default.createElement(_HorizontalOverflowBox.HorizontalOverflowBox, {
-    state: responsive.overflow,
+  child = /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    ref: element => {
+      responsive._contentElement = element;
+    },
+    dataHook: "horizontal-overflow-box",
+    minWidth: 0,
+    direction: "horizontal",
     gap: "SP2",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 77,
+      lineNumber: 76,
       columnNumber: 5
     }
   }, child);
@@ -108,16 +112,22 @@ function CollectionToolbarActionsGroupResponsiveLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 82,
+      lineNumber: 89,
       columnNumber: 11
     }
   }, child);
-  child = /*#__PURE__*/_react.default.createElement(_HorizontalAvailableSpaceBox.HorizontalAvailableSpaceBox, {
-    state: responsive.actionsAvailableSpace,
+  child = /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    ref: element => {
+      responsive._measurementElement = element;
+    },
+    minWidth: 0,
+    flex: 1,
+    align: "right",
+    direction: "horizontal",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 85,
+      lineNumber: 92,
       columnNumber: 5
     }
   }, child);

package/dist/cjs/components/CollectionToolbar/CollectionToolbarActionsGroupResponsiveLayout.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_HorizontalAvailableSpaceBox","_ToolbarItem","_HorizontalOverflowBox","_ToolbarGroupScrollWidthBox","_SearchOrCustomFilter","_ToolbarCollectionContext","_InitialLoadingConditional","_CollectionToolbarSkeletonItem","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CollectionToolbarActionsGroupResponsiveLayout","props","state","left","viewsToolbarItem","filtersElement","MoreFiltersButton","multiLevelSorting","customColumns","exportButton","search","showCustomColumnsOnTheLeft","toolbarState","useToolbarCollectionContext","toolbar","responsive","child","createElement","Fragment","__self","__source","fileName","lineNumber","columnNumber","InitialLoadingConditional","loadingElement","CollectionToolbarSkeletonItem","dataHook","width","undefined","ToolbarGroupScrollWidthBox","filters","gap","actions","cloneElement","toolbarType","SearchOrCustomFilter","HorizontalOverflowBox","overflow","ToolbarItem","HorizontalAvailableSpaceBox","actionsAvailableSpace"],"sources":["../../../../src/components/CollectionToolbar/CollectionToolbarActionsGroupResponsiveLayout.tsx"],"sourcesContent":["import React, { cloneElement, Fragment } from 'react';\nimport { HorizontalAvailableSpaceBox } from '../Responsive/HorizontalAvailableSpaceBox';\nimport { ToolbarItem } from '../ToolbarItem/ToolbarItem';\nimport { HorizontalOverflowBox } from '../Responsive/HorizontalOverflowBox';\nimport { ToolbarGroupScrollWidthBox } from './ToolbarGroupScrollWidthBox';\nimport { SearchOrCustomFilter } from './SearchOrCustomFilter';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { CollectionToolbarActionsGroupProps } from './CollectionToolbarActionsGroupProps';\nimport { InitialLoadingConditional } from '../InitialLoadingConditional';\nimport { CollectionToolbarSkeletonItem } from './CollectionToolbarSkeletonItem';\n\nexport function CollectionToolbarActionsGroupResponsiveLayout(\n  props: CollectionToolbarActionsGroupProps,\n) {\n  const {\n    state,\n    left,\n    viewsToolbarItem,\n    filtersElement,\n    MoreFiltersButton,\n    multiLevelSorting,\n    customColumns,\n    exportButton,\n    search,\n    showCustomColumnsOnTheLeft,\n  } = props;\n\n  const toolbarState = useToolbarCollectionContext();\n  const {\n    toolbar: { responsive },\n  } = toolbarState;\n\n  let child = (\n    <Fragment>\n      {left ? (\n        <>\n          {viewsToolbarItem && (\n            <InitialLoadingConditional\n              state={toolbarState}\n              loadingElement={\n                <CollectionToolbarSkeletonItem\n                  dataHook=\"toolbar-views-skeleton\"\n                  width=\"100px\"\n                />\n              }\n            >\n              {viewsToolbarItem}\n            </InitialLoadingConditional>\n          )}\n          {filtersElement}\n        </>\n      ) : viewsToolbarItem ? (\n        filtersElement\n      ) : undefined}\n\n      {MoreFiltersButton && (\n        <ToolbarGroupScrollWidthBox state={responsive.filters} gap=\"SP2\">\n          <MoreFiltersButton />\n        </ToolbarGroupScrollWidthBox>\n      )}\n\n      <ToolbarGroupScrollWidthBox state={responsive.actions} gap=\"SP2\">\n        {customColumns && showCustomColumnsOnTheLeft && customColumns}\n        {multiLevelSorting}\n        {exportButton &&\n          cloneElement(exportButton, {\n            toolbarType: 'default',\n          })}\n        {customColumns && !showCustomColumnsOnTheLeft && customColumns}\n      </ToolbarGroupScrollWidthBox>\n\n      {search && <SearchOrCustomFilter state={state} search={search} />}\n    </Fragment>\n  );\n\n  child = (\n    <HorizontalOverflowBox state={responsive.overflow} gap=\"SP2\">\n      {child}\n    </HorizontalOverflowBox>\n  );\n\n  child = <ToolbarItem>{child}</ToolbarItem>;\n\n  child = (\n    <HorizontalAvailableSpaceBox state={responsive.actionsAvailableSpace}>\n      {child}\n    </HorizontalAvailableSpaceBox>\n  );\n\n  return child;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_ToolbarItem","_ToolbarGroupScrollWidthBox","_SearchOrCustomFilter","_ToolbarCollectionContext","_InitialLoadingConditional","_CollectionToolbarSkeletonItem","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CollectionToolbarActionsGroupResponsiveLayout","props","state","left","viewsToolbarItem","filtersElement","MoreFiltersButton","multiLevelSorting","customColumns","exportButton","search","showCustomColumnsOnTheLeft","toolbarState","useToolbarCollectionContext","toolbar","responsive","child","createElement","Fragment","__self","__source","fileName","lineNumber","columnNumber","InitialLoadingConditional","loadingElement","CollectionToolbarSkeletonItem","dataHook","width","undefined","ToolbarGroupScrollWidthBox","filters","gap","actions","cloneElement","toolbarType","SearchOrCustomFilter","Box","ref","element","_contentElement","minWidth","direction","ToolbarItem","_measurementElement","flex","align"],"sources":["../../../../src/components/CollectionToolbar/CollectionToolbarActionsGroupResponsiveLayout.tsx"],"sourcesContent":["import React, { cloneElement, Fragment } from 'react';\nimport { Box } from '@wix/design-system';\nimport { ToolbarItem } from '../ToolbarItem/ToolbarItem';\nimport { ToolbarGroupScrollWidthBox } from './ToolbarGroupScrollWidthBox';\nimport { SearchOrCustomFilter } from './SearchOrCustomFilter';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { CollectionToolbarActionsGroupProps } from './CollectionToolbarActionsGroupProps';\nimport { InitialLoadingConditional } from '../InitialLoadingConditional';\nimport { CollectionToolbarSkeletonItem } from './CollectionToolbarSkeletonItem';\n\nexport function CollectionToolbarActionsGroupResponsiveLayout(\n  props: CollectionToolbarActionsGroupProps,\n) {\n  const {\n    state,\n    left,\n    viewsToolbarItem,\n    filtersElement,\n    MoreFiltersButton,\n    multiLevelSorting,\n    customColumns,\n    exportButton,\n    search,\n    showCustomColumnsOnTheLeft,\n  } = props;\n\n  const toolbarState = useToolbarCollectionContext();\n  const {\n    toolbar: { responsive },\n  } = toolbarState;\n\n  let child = (\n    <Fragment>\n      {left ? (\n        <>\n          {viewsToolbarItem && (\n            <InitialLoadingConditional\n              state={toolbarState}\n              loadingElement={\n                <CollectionToolbarSkeletonItem\n                  dataHook=\"toolbar-views-skeleton\"\n                  width=\"100px\"\n                />\n              }\n            >\n              {viewsToolbarItem}\n            </InitialLoadingConditional>\n          )}\n          {filtersElement}\n        </>\n      ) : viewsToolbarItem ? (\n        filtersElement\n      ) : undefined}\n\n      {MoreFiltersButton && (\n        <ToolbarGroupScrollWidthBox state={responsive.filters} gap=\"SP2\">\n          <MoreFiltersButton />\n        </ToolbarGroupScrollWidthBox>\n      )}\n\n      <ToolbarGroupScrollWidthBox state={responsive.actions} gap=\"SP2\">\n        {customColumns && showCustomColumnsOnTheLeft && customColumns}\n        {multiLevelSorting}\n        {exportButton &&\n          cloneElement(exportButton, {\n            toolbarType: 'default',\n          })}\n        {customColumns && !showCustomColumnsOnTheLeft && customColumns}\n      </ToolbarGroupScrollWidthBox>\n\n      {search && <SearchOrCustomFilter state={state} search={search} />}\n    </Fragment>\n  );\n\n  child = (\n    <Box\n      ref={(element) => {\n        responsive._contentElement = element;\n      }}\n      dataHook=\"horizontal-overflow-box\"\n      minWidth={0}\n      direction=\"horizontal\"\n      gap=\"SP2\"\n    >\n      {child}\n    </Box>\n  );\n\n  child = <ToolbarItem>{child}</ToolbarItem>;\n\n  child = (\n    <Box\n      ref={(element) => {\n        responsive._measurementElement = element;\n      }}\n      minWidth={0}\n      flex={1}\n      align=\"right\"\n      direction=\"horizontal\"\n    >\n      {child}\n    </Box>\n  );\n\n  return child;\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,2BAAA,GAAAH,OAAA;AACA,IAAAI,qBAAA,GAAAJ,OAAA;AACA,IAAAK,yBAAA,GAAAL,OAAA;AAEA,IAAAM,0BAAA,GAAAN,OAAA;AACA,IAAAO,8BAAA,GAAAP,OAAA;AAAgF,IAAAQ,YAAA;AAAA,SAAAT,wBAAAU,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAZ,uBAAA,YAAAA,CAAAU,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAEzE,SAASkB,6CAA6CA,CAC3DC,KAAyC,EACzC;EACA,MAAM;IACJC,KAAK;IACLC,IAAI;IACJC,gBAAgB;IAChBC,cAAc;IACdC,iBAAiB;IACjBC,iBAAiB;IACjBC,aAAa;IACbC,YAAY;IACZC,MAAM;IACNC;EACF,CAAC,GAAGV,KAAK;EAET,MAAMW,YAAY,GAAG,IAAAC,qDAA2B,EAAC,CAAC;EAClD,MAAM;IACJC,OAAO,EAAE;MAAEC;IAAW;EACxB,CAAC,GAAGH,YAAY;EAEhB,IAAII,KAAK,gBACP9C,MAAA,CAAAqB,OAAA,CAAA0B,aAAA,CAAC/C,MAAA,CAAAgD,QAAQ;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzC,YAAA;MAAA0C,UAAA;MAAAC,YAAA;IAAA;EAAA,GACNpB,IAAI,gBACHjC,MAAA,CAAAqB,OAAA,CAAA0B,aAAA,CAAA/C,MAAA,CAAAqB,OAAA,CAAA2B,QAAA,QACGd,gBAAgB,iBACflC,MAAA,CAAAqB,OAAA,CAAA0B,aAAA,CAACvC,0BAAA,CAAA8C,yBAAyB;IACxBtB,KAAK,EAAEU,YAAa;IACpBa,cAAc,eACZvD,MAAA,CAAAqB,OAAA,CAAA0B,aAAA,CAACtC,8BAAA,CAAA+C,6BAA6B;MAC5BC,QAAQ,EAAC,wBAAwB;MACjCC,KAAK,EAAC,OAAO;MAAAT,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAzC,YAAA;QAAA0C,UAAA;QAAAC,YAAA;MAAA;IAAA,CACd,CACF;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzC,YAAA;MAAA0C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEAnB,gBACwB,CAC5B,EACAC,cACD,CAAC,GACDD,gBAAgB,GAClBC,cAAc,GACZwB,SAAS,EAEZvB,iBAAiB,iBAChBpC,MAAA,CAAAqB,OAAA,CAAA0B,aAAA,CAAC1C,2BAAA,CAAAuD,0BAA0B;IAAC5B,KAAK,EAAEa,UAAU,CAACgB,OAAQ;IAACC,GAAG,EAAC,KAAK;IAAAb,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzC,YAAA;MAAA0C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC9DrD,MAAA,CAAAqB,OAAA,CAAA0B,aAAA,CAACX,iBAAiB;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzC,YAAA;MAAA0C,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACM,CAC7B,eAEDrD,MAAA,CAAAqB,OAAA,CAAA0B,aAAA,CAAC1C,2BAAA,CAAAuD,0BAA0B;IAAC5B,KAAK,EAAEa,UAAU,CAACkB,OAAQ;IAACD,GAAG,EAAC,KAAK;IAAAb,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzC,YAAA;MAAA0C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC7Df,aAAa,IAAIG,0BAA0B,IAAIH,aAAa,EAC5DD,iBAAiB,EACjBE,YAAY,iBACX,IAAAyB,mBAAY,EAACzB,YAAY,EAAE;IACzB0B,WAAW,EAAE;EACf,CAAC,CAAC,EACH3B,aAAa,IAAI,CAACG,0BAA0B,IAAIH,aACvB,CAAC,EAE5BE,MAAM,iBAAIxC,MAAA,CAAAqB,OAAA,CAAA0B,aAAA,CAACzC,qBAAA,CAAA4D,oBAAoB;IAAClC,KAAK,EAAEA,KAAM;IAACQ,MAAM,EAAEA,MAAO;IAAAS,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzC,YAAA;MAAA0C,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACxD,CACX;EAEDP,KAAK,gBACH9C,MAAA,CAAAqB,OAAA,CAAA0B,aAAA,CAAC5C,aAAA,CAAAgE,GAAG;IACFC,GAAG,EAAGC,OAAO,IAAK;MAChBxB,UAAU,CAACyB,eAAe,GAAGD,OAAO;IACtC,CAAE;IACFZ,QAAQ,EAAC,yBAAyB;IAClCc,QAAQ,EAAE,CAAE;IACZC,SAAS,EAAC,YAAY;IACtBV,GAAG,EAAC,KAAK;IAAAb,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzC,YAAA;MAAA0C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAERP,KACE,CACN;EAEDA,KAAK,gBAAG9C,MAAA,CAAAqB,OAAA,CAAA0B,aAAA,CAAC3C,YAAA,CAAAqE,WAAW;IAAAxB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzC,YAAA;MAAA0C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAEP,KAAmB,CAAC;EAE1CA,KAAK,gBACH9C,MAAA,CAAAqB,OAAA,CAAA0B,aAAA,CAAC5C,aAAA,CAAAgE,GAAG;IACFC,GAAG,EAAGC,OAAO,IAAK;MAChBxB,UAAU,CAAC6B,mBAAmB,GAAGL,OAAO;IAC1C,CAAE;IACFE,QAAQ,EAAE,CAAE;IACZI,IAAI,EAAE,CAAE;IACRC,KAAK,EAAC,OAAO;IACbJ,SAAS,EAAC,YAAY;IAAAvB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzC,YAAA;MAAA0C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAErBP,KACE,CACN;EAED,OAAOA,KAAK;AACd","ignoreList":[]}

package/dist/cjs/components/CollectionToolbar/CollectionToolbarLeftGroup.js

@@ -24,6 +24,7 @@ function _CollectionToolbarLeftGroup(props) {
     }
   } = state;
   const isLeftElementMode = mode === 'tabs' || mode === 'title';
+  const shouldMeasure = isLeftElementMode && !responsive.responsiveDisabled;
   const container = (0, _react.useRef)(null);
   const [leftGroupState] = (0, _react.useState)(() => new _ToolbarLeftGroupState.ToolbarLeftGroupState({
     responsive,
@@ -33,8 +34,16 @@ function _CollectionToolbarLeftGroup(props) {
   }));
   (0, _react.useEffect)(() => {
     var _container$current;
-    return leftGroupState.init((_container$current = container.current) == null ? void 0 : _container$current.parentElement);
-  }, []);
+    if (!shouldMeasure) {
+      return;
+    }
+    responsive.leftGroupState = leftGroupState;
+    const dispose = leftGroupState.init((_container$current = container.current) == null ? void 0 : _container$current.parentElement);
+    return () => {
+      dispose();
+      responsive.leftGroupState = null;
+    };
+  }, [shouldMeasure]);
   const content = left ?? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, viewsToolbarItem && /*#__PURE__*/_react.default.createElement(_InitialLoadingConditional.InitialLoadingConditional, {
     state: state,
     loadingElement: /*#__PURE__*/_react.default.createElement(_CollectionToolbarSkeletonItem.CollectionToolbarSkeletonItem, {
@@ -43,14 +52,14 @@ function _CollectionToolbarLeftGroup(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 49,
+        lineNumber: 60,
         columnNumber: 13
       }
     }),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 46,
+      lineNumber: 57,
       columnNumber: 9
     }
   }, viewsToolbarItem), !viewsToolbarItem ? filtersElement : undefined);
@@ -60,7 +69,7 @@ function _CollectionToolbarLeftGroup(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 64,
+        lineNumber: 75,
         columnNumber: 7
       }
     }, content);

package/dist/cjs/components/CollectionToolbar/CollectionToolbarLeftGroup.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_InitialLoadingConditional","_CollectionToolbarSkeletonItem","_ToolbarLeftGroupState","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CollectionToolbarLeftGroup","props","state","left","viewsToolbarItem","filtersElement","mode","toolbar","responsive","isLeftElementMode","container","useRef","leftGroupState","useState","ToolbarLeftGroupState","minWidth","getTabsState","tabs","useEffect","_container$current","init","current","parentElement","content","createElement","Fragment","InitialLoadingConditional","loadingElement","CollectionToolbarSkeletonItem","dataHook","width","__self","__source","fileName","lineNumber","columnNumber","undefined","responsiveDisabled","Box","ref","element","CollectionToolbarLeftGroup","exports","observer"],"sources":["../../../../src/components/CollectionToolbar/CollectionToolbarLeftGroup.tsx"],"sourcesContent":["import React, { ReactElement, useEffect, useRef, useState } from 'react';\nimport { Box } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { ToolbarCollectionState } from '../../state';\nimport { InitialLoadingConditional } from '../InitialLoadingConditional';\nimport { CollectionToolbarSkeletonItem } from './CollectionToolbarSkeletonItem';\nimport { ToolbarLeftGroupState } from '../../state/Toolbar/ToolbarLeftGroupState';\nimport { ToolbarMode } from './toolbarModeUtils';\n\nexport interface CollectionToolbarLeftGroupProps<T, F extends FiltersMap> {\n  state: ToolbarCollectionState<T, F>;\n  left?: ReactElement;\n  viewsToolbarItem?: ReactElement;\n  filtersElement?: ReactElement;\n  mode: ToolbarMode;\n}\n\nfunction _CollectionToolbarLeftGroup<T, F extends FiltersMap>(\n  props: CollectionToolbarLeftGroupProps<T, F>,\n) {\n  const { state, left, viewsToolbarItem, filtersElement, mode } = props;\n\n  const {\n    toolbar: { responsive },\n  } = state;\n\n  const isLeftElementMode = mode === 'tabs' || mode === 'title';\n  const container = useRef<HTMLDivElement | null>(null);\n\n  const [leftGroupState] = useState(\n    () =>\n      new ToolbarLeftGroupState({\n        responsive,\n        mode,\n        minWidth: mode === 'title' ? 50 : 140,\n        getTabsState: () => state.tabs,\n      }),\n  );\n\n  useEffect(() => leftGroupState.init(container.current?.parentElement), []);\n\n  const content = left ?? (\n    <>\n      {viewsToolbarItem && (\n        <InitialLoadingConditional\n          state={state}\n          loadingElement={\n            <CollectionToolbarSkeletonItem\n              dataHook=\"toolbar-views-skeleton\"\n              width=\"100px\"\n            />\n          }\n        >\n          {viewsToolbarItem}\n        </InitialLoadingConditional>\n      )}\n      {!viewsToolbarItem ? filtersElement : undefined}\n    </>\n  );\n\n  if (isLeftElementMode && !responsive.responsiveDisabled) {\n    return (\n      <Box ref={(element) => (container.current = element)}>{content}</Box>\n    );\n  }\n\n  return <>{content}</>;\n}\n\nexport const CollectionToolbarLeftGroup = observer(_CollectionToolbarLeftGroup);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_InitialLoadingConditional","_CollectionToolbarSkeletonItem","_ToolbarLeftGroupState","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CollectionToolbarLeftGroup","props","state","left","viewsToolbarItem","filtersElement","mode","toolbar","responsive","isLeftElementMode","shouldMeasure","responsiveDisabled","container","useRef","leftGroupState","useState","ToolbarLeftGroupState","minWidth","getTabsState","tabs","useEffect","_container$current","dispose","init","current","parentElement","content","createElement","Fragment","InitialLoadingConditional","loadingElement","CollectionToolbarSkeletonItem","dataHook","width","__self","__source","fileName","lineNumber","columnNumber","undefined","Box","ref","element","CollectionToolbarLeftGroup","exports","observer"],"sources":["../../../../src/components/CollectionToolbar/CollectionToolbarLeftGroup.tsx"],"sourcesContent":["import React, { ReactElement, useEffect, useRef, useState } from 'react';\nimport { Box } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { ToolbarCollectionState } from '../../state';\nimport { InitialLoadingConditional } from '../InitialLoadingConditional';\nimport { CollectionToolbarSkeletonItem } from './CollectionToolbarSkeletonItem';\nimport { ToolbarLeftGroupState } from '../../state/Toolbar/ToolbarLeftGroupState';\nimport { ToolbarMode } from './toolbarModeUtils';\n\nexport interface CollectionToolbarLeftGroupProps<T, F extends FiltersMap> {\n  state: ToolbarCollectionState<T, F>;\n  left?: ReactElement;\n  viewsToolbarItem?: ReactElement;\n  filtersElement?: ReactElement;\n  mode: ToolbarMode;\n}\n\nfunction _CollectionToolbarLeftGroup<T, F extends FiltersMap>(\n  props: CollectionToolbarLeftGroupProps<T, F>,\n) {\n  const { state, left, viewsToolbarItem, filtersElement, mode } = props;\n\n  const {\n    toolbar: { responsive },\n  } = state;\n\n  const isLeftElementMode = mode === 'tabs' || mode === 'title';\n  const shouldMeasure = isLeftElementMode && !responsive.responsiveDisabled;\n  const container = useRef<HTMLDivElement | null>(null);\n\n  const [leftGroupState] = useState(\n    () =>\n      new ToolbarLeftGroupState({\n        responsive,\n        mode,\n        minWidth: mode === 'title' ? 50 : 140,\n        getTabsState: () => state.tabs,\n      }),\n  );\n\n  useEffect(() => {\n    if (!shouldMeasure) {\n      return;\n    }\n    responsive.leftGroupState = leftGroupState;\n    const dispose = leftGroupState.init(container.current?.parentElement);\n    return () => {\n      dispose();\n      responsive.leftGroupState = null;\n    };\n  }, [shouldMeasure]);\n\n  const content = left ?? (\n    <>\n      {viewsToolbarItem && (\n        <InitialLoadingConditional\n          state={state}\n          loadingElement={\n            <CollectionToolbarSkeletonItem\n              dataHook=\"toolbar-views-skeleton\"\n              width=\"100px\"\n            />\n          }\n        >\n          {viewsToolbarItem}\n        </InitialLoadingConditional>\n      )}\n      {!viewsToolbarItem ? filtersElement : undefined}\n    </>\n  );\n\n  if (isLeftElementMode && !responsive.responsiveDisabled) {\n    return (\n      <Box ref={(element) => (container.current = element)}>{content}</Box>\n    );\n  }\n\n  return <>{content}</>;\n}\n\nexport const CollectionToolbarLeftGroup = observer(_CollectionToolbarLeftGroup);\n"],"mappings":"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","ignoreList":[]}