@wix/patterns 1.263.0 → 1.265.0

package/dist/cjs/components/ResponsiveButton/ResponsiveButton.js

@@ -8,6 +8,7 @@ var _designSystem = require("@wix/design-system");
 var _react = _interopRequireDefault(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
 var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
+var _PatternsThemeProvider = require("../../themes/PatternsThemeProvider");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/ResponsiveButton/ResponsiveButton.tsx";
 function _ResponsiveButton(props) {
   const {
@@ -19,6 +20,12 @@ function _ResponsiveButton(props) {
     shouldShrink: shouldShrinkProp = true,
     ...rest
   } = props;
+  const {
+    sizes,
+    toolbar: {
+      button
+    }
+  } = (0, _PatternsThemeProvider.usePatternsTheme)();
   const {
     toolbar: {
       responsive
@@ -35,7 +42,7 @@ function _ResponsiveButton(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 43,
+      lineNumber: 49,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -44,30 +51,31 @@ function _ResponsiveButton(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 47,
+      lineNumber: 53,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, (0, _extends2.default)({}, rest, {
     dataHook: dataHook,
-    size: "small",
+    size: sizes.small,
     priority: "secondary",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 48,
+      lineNumber: 54,
       columnNumber: 9
     }
   }), icon))) : /*#__PURE__*/_react.default.createElement(_designSystem.Button, (0, _extends2.default)({
     as: as
   }, rest, {
     dataHook: dataHook,
-    size: "small",
+    size: sizes.small,
     priority: "secondary",
     prefixIcon: icon,
+    suffixIcon: button.suffix,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 59,
+      lineNumber: 65,
       columnNumber: 5
     }
   }), children);

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_ToolbarCollectionContext","_jsxFileName","_ResponsiveButton","props","dataHook","as","icon","children","state","shouldShrink","shouldShrinkProp","rest","toolbar","responsive","useToolbarCollectionContext","_nextToShrink","responsiveDisabled","_count","_shouldShrink","default","createElement","Tooltip","content","undefined","__self","__source","fileName","lineNumber","columnNumber","Box","direction","minWidth","IconButton","_extends2","size","priority","Button","prefixIcon","ResponsiveButton","exports","observer"],"sources":["../../../../src/components/ResponsiveButton/ResponsiveButton.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  ButtonAsButtonProps,\n  IconButton,\n  IconElement,\n  Tooltip,\n} from '@wix/design-system';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { ToolbarResponsivePriorityState } from '../../state/Toolbar/ToolbarResponsivePriorityState';\n\nexport type ResponsiveButtonProps = ButtonAsButtonProps<{\n  dataHook?: string;\n  icon?: IconElement;\n  state: ToolbarResponsivePriorityState;\n  shouldShrink?: boolean;\n}>;\n\nfunction _ResponsiveButton(props: ResponsiveButtonProps) {\n  const {\n    dataHook,\n    as,\n    icon,\n    children,\n    state,\n    shouldShrink: shouldShrinkProp = true,\n    ...rest\n  } = props;\n\n  const {\n    toolbar: { responsive },\n  } = useToolbarCollectionContext();\n\n  const { _nextToShrink, responsiveDisabled } = responsive;\n\n  const shouldShrink = responsiveDisabled\n    ? shouldShrinkProp\n    : _nextToShrink._count >= state._count && state._shouldShrink;\n\n  return shouldShrink ? (\n    <Tooltip\n      content={children}\n      dataHook={dataHook ? `${dataHook}-tooltip` : undefined}\n    >\n      <Box direction=\"vertical\" minWidth=\"30px\">\n        <IconButton\n          {...rest}\n          dataHook={dataHook}\n          size=\"small\"\n          priority=\"secondary\"\n        >\n          {icon}\n        </IconButton>\n      </Box>\n    </Tooltip>\n  ) : (\n    <Button\n      as={as}\n      {...rest}\n      dataHook={dataHook}\n      size=\"small\"\n      priority=\"secondary\"\n      prefixIcon={icon}\n    >\n      {children}\n    </Button>\n  );\n}\n\nexport const ResponsiveButton = observer(_ResponsiveButton);\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAQA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,yBAAA,GAAAJ,OAAA;AAA0E,IAAAK,YAAA;AAU1E,SAASC,iBAAiBA,CAACC,KAA4B,EAAE;EACvD,MAAM;IACJC,QAAQ;IACRC,EAAE;IACFC,IAAI;IACJC,QAAQ;IACRC,KAAK;IACLC,YAAY,EAAEC,gBAAgB,GAAG,IAAI;IACrC,GAAGC;EACL,CAAC,GAAGR,KAAK;EAET,MAAM;IACJS,OAAO,EAAE;MAAEC;IAAW;EACxB,CAAC,GAAG,IAAAC,qDAA2B,EAAC,CAAC;EAEjC,MAAM;IAAEC,aAAa;IAAEC;EAAmB,CAAC,GAAGH,UAAU;EAExD,MAAMJ,YAAY,GAAGO,kBAAkB,GACnCN,gBAAgB,GAChBK,aAAa,CAACE,MAAM,IAAIT,KAAK,CAACS,MAAM,IAAIT,KAAK,CAACU,aAAa;EAE/D,OAAOT,YAAY,gBACjBZ,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACzB,aAAA,CAAA0B,OAAO;IACNC,OAAO,EAAEf,QAAS;IAClBH,QAAQ,EAAEA,QAAQ,GAAG,GAAGA,QAAQ,UAAU,GAAGmB,SAAU;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzB,YAAA;MAAA0B,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEvD/B,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACzB,aAAA,CAAAkC,GAAG;IAACC,SAAS,EAAC,UAAU;IAACC,QAAQ,EAAC,MAAM;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzB,YAAA;MAAA0B,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACvC/B,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACzB,aAAA,CAAAqC,UAAU,MAAAC,SAAA,CAAAd,OAAA,MACLR,IAAI;IACRP,QAAQ,EAAEA,QAAS;IACnB8B,IAAI,EAAC,OAAO;IACZC,QAAQ,EAAC,WAAW;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzB,YAAA;MAAA0B,UAAA;MAAAC,YAAA;IAAA;EAAA,IAEnBtB,IACS,CACT,CACE,CAAC,gBAEVT,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACzB,aAAA,CAAAyC,MAAM,MAAAH,SAAA,CAAAd,OAAA;IACLd,EAAE,EAAEA;EAAG,GACHM,IAAI;IACRP,QAAQ,EAAEA,QAAS;IACnB8B,IAAI,EAAC,OAAO;IACZC,QAAQ,EAAC,WAAW;IACpBE,UAAU,EAAE/B,IAAK;IAAAkB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzB,YAAA;MAAA0B,UAAA;MAAAC,YAAA;IAAA;EAAA,IAEhBrB,QACK,CACT;AACH;AAEO,MAAM+B,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,uBAAQ,EAACtC,iBAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_ToolbarCollectionContext","_PatternsThemeProvider","_jsxFileName","_ResponsiveButton","props","dataHook","as","icon","children","state","shouldShrink","shouldShrinkProp","rest","sizes","toolbar","button","usePatternsTheme","responsive","useToolbarCollectionContext","_nextToShrink","responsiveDisabled","_count","_shouldShrink","default","createElement","Tooltip","content","undefined","__self","__source","fileName","lineNumber","columnNumber","Box","direction","minWidth","IconButton","_extends2","size","small","priority","Button","prefixIcon","suffixIcon","suffix","ResponsiveButton","exports","observer"],"sources":["../../../../src/components/ResponsiveButton/ResponsiveButton.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  ButtonAsButtonProps,\n  IconButton,\n  IconElement,\n  Tooltip,\n} from '@wix/design-system';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { ToolbarResponsivePriorityState } from '../../state/Toolbar/ToolbarResponsivePriorityState';\nimport { usePatternsTheme } from '../../themes/PatternsThemeProvider';\n\nexport type ResponsiveButtonProps = ButtonAsButtonProps<{\n  dataHook?: string;\n  icon?: IconElement;\n  state: ToolbarResponsivePriorityState;\n  shouldShrink?: boolean;\n}>;\n\nfunction _ResponsiveButton(props: ResponsiveButtonProps) {\n  const {\n    dataHook,\n    as,\n    icon,\n    children,\n    state,\n    shouldShrink: shouldShrinkProp = true,\n    ...rest\n  } = props;\n\n  const {\n    sizes,\n    toolbar: { button },\n  } = usePatternsTheme();\n\n  const {\n    toolbar: { responsive },\n  } = useToolbarCollectionContext();\n\n  const { _nextToShrink, responsiveDisabled } = responsive;\n\n  const shouldShrink = responsiveDisabled\n    ? shouldShrinkProp\n    : _nextToShrink._count >= state._count && state._shouldShrink;\n\n  return shouldShrink ? (\n    <Tooltip\n      content={children}\n      dataHook={dataHook ? `${dataHook}-tooltip` : undefined}\n    >\n      <Box direction=\"vertical\" minWidth=\"30px\">\n        <IconButton\n          {...rest}\n          dataHook={dataHook}\n          size={sizes.small}\n          priority=\"secondary\"\n        >\n          {icon}\n        </IconButton>\n      </Box>\n    </Tooltip>\n  ) : (\n    <Button\n      as={as}\n      {...rest}\n      dataHook={dataHook}\n      size={sizes.small}\n      priority=\"secondary\"\n      prefixIcon={icon}\n      suffixIcon={button.suffix}\n    >\n      {children}\n    </Button>\n  );\n}\n\nexport const ResponsiveButton = observer(_ResponsiveButton);\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAQA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,yBAAA,GAAAJ,OAAA;AAEA,IAAAK,sBAAA,GAAAL,OAAA;AAAsE,IAAAM,YAAA;AAStE,SAASC,iBAAiBA,CAACC,KAA4B,EAAE;EACvD,MAAM;IACJC,QAAQ;IACRC,EAAE;IACFC,IAAI;IACJC,QAAQ;IACRC,KAAK;IACLC,YAAY,EAAEC,gBAAgB,GAAG,IAAI;IACrC,GAAGC;EACL,CAAC,GAAGR,KAAK;EAET,MAAM;IACJS,KAAK;IACLC,OAAO,EAAE;MAAEC;IAAO;EACpB,CAAC,GAAG,IAAAC,uCAAgB,EAAC,CAAC;EAEtB,MAAM;IACJF,OAAO,EAAE;MAAEG;IAAW;EACxB,CAAC,GAAG,IAAAC,qDAA2B,EAAC,CAAC;EAEjC,MAAM;IAAEC,aAAa;IAAEC;EAAmB,CAAC,GAAGH,UAAU;EAExD,MAAMP,YAAY,GAAGU,kBAAkB,GACnCT,gBAAgB,GAChBQ,aAAa,CAACE,MAAM,IAAIZ,KAAK,CAACY,MAAM,IAAIZ,KAAK,CAACa,aAAa;EAE/D,OAAOZ,YAAY,gBACjBb,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAAC7B,aAAA,CAAA8B,OAAO;IACNC,OAAO,EAAElB,QAAS;IAClBH,QAAQ,EAAEA,QAAQ,GAAG,GAAGA,QAAQ,UAAU,GAAGsB,SAAU;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA5B,YAAA;MAAA6B,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEvDnC,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAAC7B,aAAA,CAAAsC,GAAG;IAACC,SAAS,EAAC,UAAU;IAACC,QAAQ,EAAC,MAAM;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA5B,YAAA;MAAA6B,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACvCnC,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAAC7B,aAAA,CAAAyC,UAAU,MAAAC,SAAA,CAAAd,OAAA,MACLX,IAAI;IACRP,QAAQ,EAAEA,QAAS;IACnBiC,IAAI,EAAEzB,KAAK,CAAC0B,KAAM;IAClBC,QAAQ,EAAC,WAAW;IAAAZ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA5B,YAAA;MAAA6B,UAAA;MAAAC,YAAA;IAAA;EAAA,IAEnBzB,IACS,CACT,CACE,CAAC,gBAEVV,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAAC7B,aAAA,CAAA8C,MAAM,MAAAJ,SAAA,CAAAd,OAAA;IACLjB,EAAE,EAAEA;EAAG,GACHM,IAAI;IACRP,QAAQ,EAAEA,QAAS;IACnBiC,IAAI,EAAEzB,KAAK,CAAC0B,KAAM;IAClBC,QAAQ,EAAC,WAAW;IACpBE,UAAU,EAAEnC,IAAK;IACjBoC,UAAU,EAAE5B,MAAM,CAAC6B,MAAO;IAAAhB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA5B,YAAA;MAAA6B,UAAA;MAAAC,YAAA;IAAA;EAAA,IAEzBxB,QACK,CACT;AACH;AAEO,MAAMqC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,uBAAQ,EAAC5C,iBAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/ScrollableContent/ScrollableContent.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_ = "ScrollableContent4044499270";
+var _namespace_ = "ScrollableContent3193808438";
 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": "ScrollableContent4044499270__root"
+  "root": "ScrollableContent3193808438__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ScrollableContent/ScrollableContent.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/ScrollableContent/ScrollableContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ScrollableContent4044499270\";\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\":\"ScrollableContent4044499270__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,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;AAAmC,CAAC;AAC1D,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/ScrollableContent/ScrollableContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ScrollableContent3193808438\";\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\":\"ScrollableContent3193808438__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,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;AAAmC,CAAC;AAC1D,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/SidePanel/PatternsSidePanel.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.PatternsSidePanel = PatternsSidePanel;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _designSystem = require("@wix/design-system");
+var _react = _interopRequireDefault(require("react"));
+var _useSidePanelProps = require("../../hooks/layout/useSidePanelProps");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/SidePanel/PatternsSidePanel.tsx";
+function PatternsSidePanel(props) {
+  const {
+    onClose,
+    ...rest
+  } = props;
+  const sidePanelProps = (0, _useSidePanelProps.useSidePanelProps)({
+    onClose
+  });
+  return /*#__PURE__*/_react.default.createElement(_designSystem.SidePanel, (0, _extends2.default)({}, sidePanelProps, rest, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 21,
+      columnNumber: 10
+    }
+  }));
+}
+//# sourceMappingURL=PatternsSidePanel.js.map

package/dist/cjs/components/SidePanel/PatternsSidePanel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_useSidePanelProps","_jsxFileName","PatternsSidePanel","props","onClose","rest","sidePanelProps","useSidePanelProps","default","createElement","SidePanel","_extends2","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/SidePanel/PatternsSidePanel.tsx"],"sourcesContent":["import { SidePanel, SidePanelProps } from '@wix/design-system';\nimport React from 'react';\nimport { useSidePanelProps } from '../../hooks/layout/useSidePanelProps';\n\nexport interface PatternsSidePanelProps\n  extends Omit<\n    SidePanelProps,\n    | 'closeButtonProps'\n    | 'onCloseButtonClick'\n    | 'backButtonProps'\n    | 'onBackButtonClick'\n  > {\n  onClose?: () => void;\n}\n\nexport function PatternsSidePanel(props: PatternsSidePanelProps) {\n  const { onClose, ...rest } = props;\n  const sidePanelProps = useSidePanelProps({\n    onClose,\n  });\n  return <SidePanel {...sidePanelProps} {...rest} />;\n}\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;AAAyE,IAAAI,YAAA;AAalE,SAASC,iBAAiBA,CAACC,KAA6B,EAAE;EAC/D,MAAM;IAAEC,OAAO;IAAE,GAAGC;EAAK,CAAC,GAAGF,KAAK;EAClC,MAAMG,cAAc,GAAG,IAAAC,oCAAiB,EAAC;IACvCH;EACF,CAAC,CAAC;EACF,oBAAON,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAc,SAAS,MAAAC,SAAA,CAAAH,OAAA,MAAKF,cAAc,EAAMD,IAAI;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CAAC;AACpD","ignoreList":[]}

package/dist/cjs/components/SidePanelModal/SidePanelModal.js

@@ -20,7 +20,7 @@ function _SidePanelModal(props) {
   const {
     onSidePanelOpen,
     closeSidePanel,
-    containerLayoutType
+    isPanelLayout
   } = (0, _react.useWixPatternsContainer)();
   const pageState = (0, _react.usePageContext)();
   const {
@@ -30,10 +30,10 @@ function _SidePanelModal(props) {
   const {
     isOpen
   } = sidePanel;
-  const width = (0, _react2.useMemo)(() => containerLayoutType === 'panel' ? '100%' : _bexCore.SidePanelWidth, [containerLayoutType]);
+  const width = (0, _react2.useMemo)(() => isPanelLayout ? '100%' : _bexCore.SidePanelWidth, [isPanelLayout]);
   const style = (0, _react2.useMemo)(() => ({
     top,
-    left: containerLayoutType === 'panel' ? 0 : left != null ? left - _bexCore.SidePanelWidth : undefined,
+    left: isPanelLayout ? 0 : left != null ? left - _bexCore.SidePanelWidth : undefined,
     bottom: 0,
     overflow: 'hidden',
     width
@@ -61,7 +61,7 @@ function _SidePanelModal(props) {
     dataHook: "cairo-side-panel-modal",
     transitionStatus: sidePanel.transition.status,
     style: style,
-    appendTo: containerLayoutType === 'panel' ? 'parent' : undefined,
+    appendTo: isPanelLayout ? 'parent' : undefined,
     contentRef: el => {
       sidePanel.focus.modalElement = el;
     },

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

@@ -1 +1 @@
-{"version":3,"names":["_mobxReactLite","require","_bexCore","_react","_SlidingModal","_react2","_interopRequireWildcard","_mobx","_SidePanelModalItem","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_SidePanelModal","props","top","left","state","onSidePanelOpen","closeSidePanel","containerLayoutType","useWixPatternsContainer","pageState","usePageContext","sidePanel","sidePanelComponents","isOpen","width","useMemo","SidePanelWidth","style","undefined","bottom","overflow","useEffect","reaction","sidePanelOpen","onGlobalSidePanelOpenSub","disposers","sidePanelShow","remove","forEach","d","createElement","SlidingModal","dataHook","transitionStatus","transition","status","appendTo","contentRef","el","focus","modalElement","onExited","setStatus","onEntered","onEntering","onExiting","onRequestClose","close","__self","__source","fileName","lineNumber","columnNumber","Array","from","entries","map","key","ComponentType","SidePanelModalItem","id","SidePanelModal","exports","observer"],"sources":["../../../../src/components/SidePanelModal/SidePanelModal.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport { SidePanelWidth } from '@wix/bex-core';\nimport { useWixPatternsContainer, usePageContext } from '@wix/bex-core/react';\nimport { SlidingModal } from '../SlidingModal';\nimport React, { useEffect, useMemo } from 'react';\nimport { reaction } from 'mobx';\nimport { SidePanelModalItem } from './SidePanelModalItem';\nimport { SidePanelsState } from '../../state/SidePanelsState';\n\nexport interface SidePanelModalProps {\n  top: number;\n  left?: number;\n  state: SidePanelsState;\n}\n\nfunction _SidePanelModal(props: SidePanelModalProps) {\n  const { top, left, state } = props;\n  const { onSidePanelOpen, closeSidePanel, containerLayoutType } =\n    useWixPatternsContainer();\n  const pageState = usePageContext();\n\n  const { sidePanel, sidePanelComponents } = state;\n\n  const { isOpen } = sidePanel;\n\n  const width = useMemo(\n    () => (containerLayoutType === 'panel' ? '100%' : SidePanelWidth),\n    [containerLayoutType],\n  );\n\n  const style = useMemo(\n    () => ({\n      top,\n      left:\n        containerLayoutType === 'panel'\n          ? 0\n          : left != null\n          ? left - SidePanelWidth\n          : undefined,\n      bottom: 0,\n      overflow: 'hidden',\n      width,\n    }),\n    [top, left, width],\n  );\n\n  useEffect(() => {\n    return reaction(\n      () => sidePanel.isOpen,\n      (sidePanelOpen) => {\n        pageState.sidePanelOpen = sidePanelOpen;\n      },\n    );\n  }, []);\n\n  useEffect(() => {\n    const onGlobalSidePanelOpenSub = onSidePanelOpen?.(() => {\n      state.closeSidePanel();\n    });\n\n    const disposers = [\n      reaction(\n        () => sidePanel.isOpen,\n        (sidePanelShow) => {\n          if (sidePanelShow) {\n            closeSidePanel?.();\n          }\n        },\n      ),\n    ];\n\n    return () => {\n      onGlobalSidePanelOpenSub?.remove();\n      disposers.forEach((d) => d?.());\n    };\n  }, []);\n\n  return (\n    <SlidingModal\n      dataHook=\"cairo-side-panel-modal\"\n      transitionStatus={sidePanel.transition.status}\n      style={style}\n      appendTo={containerLayoutType === 'panel' ? 'parent' : undefined}\n      contentRef={(el) => {\n        sidePanel.focus.modalElement = el;\n      }}\n      onExited={() => {\n        sidePanel.transition.setStatus('exited');\n      }}\n      onEntered={() => {\n        sidePanel.transition.setStatus('entered');\n      }}\n      onEntering={() => {\n        sidePanel.transition.setStatus('entering');\n      }}\n      onExiting={() => {\n        sidePanel.transition.setStatus('exiting');\n      }}\n      width={SidePanelWidth}\n      isOpen={isOpen}\n      onRequestClose={() => {\n        sidePanel.close();\n      }}\n    >\n      {Array.from(sidePanelComponents.entries()).map(([key, ComponentType]) => {\n        return (\n          <SidePanelModalItem key={key} id={key} width={width} state={state}>\n            <ComponentType />\n          </SidePanelModalItem>\n        );\n      })}\n    </SlidingModal>\n  );\n}\n\nexport const SidePanelModal = observer(_SidePanelModal);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_mobxReactLite","require","_bexCore","_react","_SlidingModal","_react2","_interopRequireWildcard","_mobx","_SidePanelModalItem","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_SidePanelModal","props","top","left","state","onSidePanelOpen","closeSidePanel","isPanelLayout","useWixPatternsContainer","pageState","usePageContext","sidePanel","sidePanelComponents","isOpen","width","useMemo","SidePanelWidth","style","undefined","bottom","overflow","useEffect","reaction","sidePanelOpen","onGlobalSidePanelOpenSub","disposers","sidePanelShow","remove","forEach","d","createElement","SlidingModal","dataHook","transitionStatus","transition","status","appendTo","contentRef","el","focus","modalElement","onExited","setStatus","onEntered","onEntering","onExiting","onRequestClose","close","__self","__source","fileName","lineNumber","columnNumber","Array","from","entries","map","key","ComponentType","SidePanelModalItem","id","SidePanelModal","exports","observer"],"sources":["../../../../src/components/SidePanelModal/SidePanelModal.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport { SidePanelWidth } from '@wix/bex-core';\nimport { useWixPatternsContainer, usePageContext } from '@wix/bex-core/react';\nimport { SlidingModal } from '../SlidingModal';\nimport React, { useEffect, useMemo } from 'react';\nimport { reaction } from 'mobx';\nimport { SidePanelModalItem } from './SidePanelModalItem';\nimport { SidePanelsState } from '../../state/SidePanelsState';\n\nexport interface SidePanelModalProps {\n  top: number;\n  left?: number;\n  state: SidePanelsState;\n}\n\nfunction _SidePanelModal(props: SidePanelModalProps) {\n  const { top, left, state } = props;\n  const { onSidePanelOpen, closeSidePanel, isPanelLayout } =\n    useWixPatternsContainer();\n  const pageState = usePageContext();\n\n  const { sidePanel, sidePanelComponents } = state;\n\n  const { isOpen } = sidePanel;\n\n  const width = useMemo(\n    () => (isPanelLayout ? '100%' : SidePanelWidth),\n    [isPanelLayout],\n  );\n\n  const style = useMemo(\n    () => ({\n      top,\n      left:\n        isPanelLayout\n          ? 0\n          : left != null\n          ? left - SidePanelWidth\n          : undefined,\n      bottom: 0,\n      overflow: 'hidden',\n      width,\n    }),\n    [top, left, width],\n  );\n\n  useEffect(() => {\n    return reaction(\n      () => sidePanel.isOpen,\n      (sidePanelOpen) => {\n        pageState.sidePanelOpen = sidePanelOpen;\n      },\n    );\n  }, []);\n\n  useEffect(() => {\n    const onGlobalSidePanelOpenSub = onSidePanelOpen?.(() => {\n      state.closeSidePanel();\n    });\n\n    const disposers = [\n      reaction(\n        () => sidePanel.isOpen,\n        (sidePanelShow) => {\n          if (sidePanelShow) {\n            closeSidePanel?.();\n          }\n        },\n      ),\n    ];\n\n    return () => {\n      onGlobalSidePanelOpenSub?.remove();\n      disposers.forEach((d) => d?.());\n    };\n  }, []);\n\n  return (\n    <SlidingModal\n      dataHook=\"cairo-side-panel-modal\"\n      transitionStatus={sidePanel.transition.status}\n      style={style}\n      appendTo={isPanelLayout ? 'parent' : undefined}\n      contentRef={(el) => {\n        sidePanel.focus.modalElement = el;\n      }}\n      onExited={() => {\n        sidePanel.transition.setStatus('exited');\n      }}\n      onEntered={() => {\n        sidePanel.transition.setStatus('entered');\n      }}\n      onEntering={() => {\n        sidePanel.transition.setStatus('entering');\n      }}\n      onExiting={() => {\n        sidePanel.transition.setStatus('exiting');\n      }}\n      width={SidePanelWidth}\n      isOpen={isOpen}\n      onRequestClose={() => {\n        sidePanel.close();\n      }}\n    >\n      {Array.from(sidePanelComponents.entries()).map(([key, ComponentType]) => {\n        return (\n          <SidePanelModalItem key={key} id={key} width={width} state={state}>\n            <ComponentType />\n          </SidePanelModalItem>\n        );\n      })}\n    </SlidingModal>\n  );\n}\n\nexport const SidePanelModal = observer(_SidePanelModal);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/SkeletonCard/SkeletonCard.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_ = "SkeletonCard2427498728";
+var _namespace_ = "SkeletonCard366659410";
 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": "SkeletonCard2427498728__root",
-  "headerLoading": "SkeletonCard2427498728__headerLoading"
+  "root": "SkeletonCard366659410__root",
+  "headerLoading": "SkeletonCard366659410__headerLoading"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/SkeletonCard/SkeletonCard.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/SkeletonCard/SkeletonCard.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SkeletonCard2427498728\";\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\":\"SkeletonCard2427498728__root\",\"headerLoading\":\"SkeletonCard2427498728__headerLoading\"};\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,wBAAwB;AAC1C,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,8BAA8B;EAAC,eAAe,EAAC;AAAuC,CAAC;AAC7G,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/SkeletonCard/SkeletonCard.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SkeletonCard366659410\";\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\":\"SkeletonCard366659410__root\",\"headerLoading\":\"SkeletonCard366659410__headerLoading\"};\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,6BAA6B;EAAC,eAAe,EAAC;AAAsC,CAAC;AAC3G,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/SlidingModal/SlidingModal.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_ = "SlidingModal1740485261";
+var _namespace_ = "SlidingModal826424250";
 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": "SlidingModal1740485261__root"
+  "root": "SlidingModal826424250__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/SlidingModal/SlidingModal.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/SlidingModal/SlidingModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SlidingModal1740485261\";\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\":\"SlidingModal1740485261__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,wBAAwB;AAC1C,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;AAA8B,CAAC;AACrD,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/SlidingModal/SlidingModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SlidingModal826424250\";\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\":\"SlidingModal826424250__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/Table/TableBase.js

@@ -19,9 +19,9 @@ function _TableBase(props) {
     state,
     sections,
     useNewInfiniteScrollLoader,
-    internalScroll,
     multiLevelSorting
   } = props;
+  const internalScroll = state.toolbar.container.isPanelLayout ? true : props.internalScroll;
   const {
     table
   } = state;

package/dist/cjs/components/Table/TableBase.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_CollectionTable","_useTableSyncProps","_providers","_getToolbarCollectionFeaturesInitializers","_useTableBaseRow","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TableBase","props","state","sections","useNewInfiniteScrollLoader","internalScroll","multiLevelSorting","table","collection","fetchedLastPage","query","limit","scrollElement","useTableSyncProps","TableBaseRow","useTableBaseRow","useEffect","init","featuresInitializers","getToolbarCollectionFeaturesInitializers","hasMultiLevelSorting","undefined","infiniteScrollProps","infiniteScroll","loadMore","fetchNextPageIfNeeded","hasMore","itemsPerPage","loader","createElement","Box","backgroundColor","align","padding","__self","__source","fileName","lineNumber","columnNumber","Loader","dataHook","commonTableProps","initialLoad","TableProvider","value","TableSections","_extends2","renderSection","CollectionTable","TrElementType","TableBase","exports","observer"],"sources":["../../../../src/components/Table/TableBase.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { Box, Loader } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { CollectionTable, CollectionTableProps } from '../CollectionTable';\nimport { useTableSyncProps } from './useTableSyncProps';\nimport { TableProvider } from '../../providers';\nimport { getToolbarCollectionFeaturesInitializers } from '../../state/getToolbarCollectionFeaturesInitializers';\nimport { useTableBaseRow } from './useTableBaseRow';\nimport type { TableSectionsProp } from '../TableSections';\n\nexport interface TableBaseProps<T, F extends FiltersMap>\n  extends CollectionTableProps<T, F> {\n  rowHeight?: number | ((item: T, index: number) => number);\n  estimatedRowHeight?: number;\n  sections?: TableSectionsProp<T>;\n}\n\nfunction _TableBase<T, F extends FiltersMap = FiltersMap>(\n  props: TableBaseProps<T, F>,\n) {\n  const {\n    state,\n    sections,\n    useNewInfiniteScrollLoader,\n    internalScroll,\n    multiLevelSorting,\n  } = props;\n  const { table } = state;\n  const { collection } = table;\n  const {\n    fetchedLastPage,\n    query: { limit },\n  } = collection;\n\n  const { scrollElement } = useTableSyncProps(props);\n\n  const TableBaseRow = useTableBaseRow(state);\n\n  useEffect(() => {\n    return state.init({\n      featuresInitializers: [\n        ...getToolbarCollectionFeaturesInitializers(props),\n      ],\n      hasMultiLevelSorting: multiLevelSorting !== undefined,\n    });\n  }, []);\n\n  const infiniteScrollProps =\n    useNewInfiniteScrollLoader || internalScroll\n      ? {}\n      : {\n          infiniteScroll: true,\n          loadMore: collection.fetchNextPageIfNeeded,\n          hasMore: !fetchedLastPage,\n          itemsPerPage: limit,\n          loader: (\n            <Box backgroundColor=\"D80\" align=\"center\" padding=\"large\">\n              <Loader dataHook=\"infinite-scroll-loader\" />\n            </Box>\n          ),\n        };\n\n  const commonTableProps = {\n    ...props,\n    ...infiniteScrollProps,\n    scrollElement,\n    useNewInfiniteScrollLoader,\n    initialLoad: false,\n    state,\n  };\n\n  return (\n    <TableProvider value={state}>\n      {sections ? (\n        <sections.TableSections\n          {...commonTableProps}\n          table={state}\n          renderSection={sections.renderSection}\n        />\n      ) : (\n        <CollectionTable {...commonTableProps} TrElementType={TableBaseRow} />\n      )}\n    </TableProvider>\n  );\n}\n\nexport const TableBase = observer(_TableBase);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_CollectionTable","_useTableSyncProps","_providers","_getToolbarCollectionFeaturesInitializers","_useTableBaseRow","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TableBase","props","state","sections","useNewInfiniteScrollLoader","multiLevelSorting","internalScroll","toolbar","container","isPanelLayout","table","collection","fetchedLastPage","query","limit","scrollElement","useTableSyncProps","TableBaseRow","useTableBaseRow","useEffect","init","featuresInitializers","getToolbarCollectionFeaturesInitializers","hasMultiLevelSorting","undefined","infiniteScrollProps","infiniteScroll","loadMore","fetchNextPageIfNeeded","hasMore","itemsPerPage","loader","createElement","Box","backgroundColor","align","padding","__self","__source","fileName","lineNumber","columnNumber","Loader","dataHook","commonTableProps","initialLoad","TableProvider","value","TableSections","_extends2","renderSection","CollectionTable","TrElementType","TableBase","exports","observer"],"sources":["../../../../src/components/Table/TableBase.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { Box, Loader } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { CollectionTable, CollectionTableProps } from '../CollectionTable';\nimport { useTableSyncProps } from './useTableSyncProps';\nimport { TableProvider } from '../../providers';\nimport { getToolbarCollectionFeaturesInitializers } from '../../state/getToolbarCollectionFeaturesInitializers';\nimport { useTableBaseRow } from './useTableBaseRow';\nimport type { TableSectionsProp } from '../TableSections';\n\nexport interface TableBaseProps<T, F extends FiltersMap>\n  extends CollectionTableProps<T, F> {\n  rowHeight?: number | ((item: T, index: number) => number);\n  estimatedRowHeight?: number;\n  sections?: TableSectionsProp<T>;\n}\n\nfunction _TableBase<T, F extends FiltersMap = FiltersMap>(\n  props: TableBaseProps<T, F>,\n) {\n  const { state, sections, useNewInfiniteScrollLoader, multiLevelSorting } =\n    props;\n\n  const internalScroll = state.toolbar.container.isPanelLayout\n    ? true\n    : props.internalScroll;\n\n  const { table } = state;\n  const { collection } = table;\n  const {\n    fetchedLastPage,\n    query: { limit },\n  } = collection;\n\n  const { scrollElement } = useTableSyncProps(props);\n\n  const TableBaseRow = useTableBaseRow(state);\n\n  useEffect(() => {\n    return state.init({\n      featuresInitializers: [\n        ...getToolbarCollectionFeaturesInitializers(props),\n      ],\n      hasMultiLevelSorting: multiLevelSorting !== undefined,\n    });\n  }, []);\n\n  const infiniteScrollProps =\n    useNewInfiniteScrollLoader || internalScroll\n      ? {}\n      : {\n          infiniteScroll: true,\n          loadMore: collection.fetchNextPageIfNeeded,\n          hasMore: !fetchedLastPage,\n          itemsPerPage: limit,\n          loader: (\n            <Box backgroundColor=\"D80\" align=\"center\" padding=\"large\">\n              <Loader dataHook=\"infinite-scroll-loader\" />\n            </Box>\n          ),\n        };\n\n  const commonTableProps = {\n    ...props,\n    ...infiniteScrollProps,\n    scrollElement,\n    useNewInfiniteScrollLoader,\n    initialLoad: false,\n    state,\n  };\n\n  return (\n    <TableProvider value={state}>\n      {sections ? (\n        <sections.TableSections\n          {...commonTableProps}\n          table={state}\n          renderSection={sections.renderSection}\n        />\n      ) : (\n        <CollectionTable {...commonTableProps} TrElementType={TableBaseRow} />\n      )}\n    </TableProvider>\n  );\n}\n\nexport const TableBase = observer(_TableBase);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/TableFolders/TableFoldersContent.js

@@ -49,7 +49,7 @@ function _TableFoldersContent(props) {
     tableGridSwitchButton,
     topNotification,
     search,
-    showTitleBar = true,
+    showTitleBar = !state.container.isPanelLayout,
     onRowClick,
     onFolderRowClick,
     selectionDisabled: selectionDisabledProp,

package/dist/cjs/components/TableFolders/TableFoldersContent.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_FolderIcon","_CollectionTableWSRTable","_CollectionTableContent","_VirtualTableRepeater","_VirtualGridStateContext","_useOrFolderActionCellColumn","_TableFoldersInfiniteScroll","_BulkAction","_useCreateWSRColumnBase","_TablePlaceholderStates","_getVirtualTableProps","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TableFoldersContent","props","state","columns","renderError","errorState","err","isOnline","retry","emptyState","noResultsState","iconColumn","multiLevelSorting","actionCell","folderActionCell","actionCellWidth","actionCellProps","filters","customColumns","views","bulkActionToolbar","bulkActionModal","tableGridSwitchButton","topNotification","search","showTitleBar","onRowClick","onFolderRowClick","selectionDisabled","selectionDisabledProp","horizontalScroll","rowVerticalPadding","rest","actionCellColumn","useOrFolderActionCellColumn","stickyActionCell","collections","toolbar","selectedOrderedColumnsOrAll","createWSRColumnBase","useCreateWSRColumnBase","finalColumns","key","title","width","style","undefined","render","item","rowNum","_tag","renderFolder","originalKeyedItem","createElement","FolderIcon","__self","__source","fileName","lineNumber","columnNumber","Avatar","dataHook","name","items","itemName","map","column","index","length","id","sortable","infoTooltipProps","restColumn","sortDescending","query","sort","getIsSortDescending","row","BodyElementType","useState","children","VirtualGridStateProvider","value","virtual","VirtualTableRepeater","useCallback","bulk","Table","CollectionTableWSRTable","showSelection","_extends2","showHeaderWhenEmpty","sticky","selectionToolbar","MultiCollectionBulkActionToolbar","getVirtualTableProps","isApplyColumnWidthStyle","onSortClick","col","sortMode","clearResult","multiple","TablePlaceholderStates","CollectionTableContent","table","TableFoldersInfiniteScroll","TableFoldersContent","exports","observer"],"sources":["../../../../src/components/TableFolders/TableFoldersContent.tsx"],"sourcesContent":["import { Avatar, TableColumn as WSRTableColumn } from '@wix/design-system';\nimport React, {\n  ComponentType,\n  ReactElement,\n  useCallback,\n  useState,\n} from 'react';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { RowItem, RowKeyedItem, TableFoldersState } from '../../state';\nimport { ActionCell } from '../ActionCell';\nimport { PartialAllFilters } from '../../state/FoldersAndItemsCollectionsState';\nimport { FolderIcon } from '../FolderIcon';\nimport {\n  CollectionTableWSRTable,\n  CollectionTableWSRTableBaseProps,\n  CollectionTableWSRTableProps,\n} from '../CollectionTable/CollectionTableWSRTable';\nimport { CollectionTableContent } from '../CollectionTable/CollectionTableContent';\nimport {\n  VirtualTableRepeater,\n  VirtualTableRepeaterProps,\n} from '../VirtualGridRepeater/VirtualTableRepeater';\nimport { VirtualGridStateProvider } from '../VirtualGridRepeater/VirtualGridStateContext';\nimport { TableFoldersColumn } from './TableFolders.types';\nimport { useOrFolderActionCellColumn } from './useOrFolderActionCellColumn';\nimport { TableFoldersInfiniteScroll } from './TableFoldersInfiniteScroll';\nimport {\n  MultiCollectionBulkActionModalRenderProps,\n  MultiCollectionBulkActionToolbar,\n  MultiCollectionBulkActionToolbarRenderProps,\n} from '../BulkAction';\nimport { TableColumn } from '../../model';\nimport { CollectionTableActionCellProps } from '../CollectionTable/CollectionTableBaseCommonProps';\nimport { SelectionDisabledProp } from '../../state/BulkActionToolbarState';\nimport { useCreateWSRColumnBase } from '../../hooks/useCreateWSRColumnBase';\nimport { TablePlaceholderStates } from '../TablePlaceholderStates/TablePlaceholderStates';\nimport { getVirtualTableProps } from '../Table/getVirtualTableProps';\n\ntype UnionTableProps<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> = CollectionTableWSRTableProps<\n  RowItem<T1, T2>,\n  T1,\n  PartialAllFilters<F1, F2>\n>;\n\ntype TableFolderWSRTableBaseProps<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> = CollectionTableWSRTableBaseProps<\n  RowItem<T1, T2>,\n  T1,\n  PartialAllFilters<F1, F2>\n>;\n\nexport interface TableFoldersContentProps<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> extends Omit<\n      TableFolderWSRTableBaseProps<T1, F1, T2, F2>,\n      'actionCell' | 'sticky' | 'topNotification' | 'selectionDisabled'\n    >,\n    CollectionTableActionCellProps<T1, F1> {\n  dataHook?: string;\n  /** A TableFoldersState instance created using [useTableFolders](./?path=/story/base-components-collections-tablefolders-usetablefolders--usetablefolders). */\n  state: TableFoldersState<T1, F1, T2, F2>;\n  /** The same as [Table.columns](./?path=/story/base-components-collections-table-table--table), with the addition of `renderFolder` property. */\n  columns: TableFoldersColumn<T1, T2>[];\n  /** Specific entry for rendering the item icon, defaults to simple `Avatar` (for folders a `Folder` icon is rendered). */\n  iconColumn?: TableFoldersColumn<T1, T2>;\n\n  onRowClick?: (item: T1, index: number) => void;\n  /** Callback for folder row click  */\n  onFolderRowClick?: (item: T2, index: number) => void;\n  /** Disables row checkbox */\n  selectionDisabled?: (item: T1 | T2) => void;\n  folderActionCell?: ActionCell<T2, F2>;\n  topNotification?: ReactElement;\n  /**\n   * A toolbar for performing bulk actions on multiple items.\n   * Supported parameters:\n   *  + `selectedValues`: Selected item values.\n   *  + `uncheckedValues`: Unselected item values.\n   *  + `isSelectAll`: [bool] Whether the **Select All** option is selected.\n   *  + `openModal`: Opens a modal that contains the component from `bulkActionModal` render prop.\n   *  + `clearSelection`: Clears all selections. Call this after the action on the selected items finishes.\n   *  + `closeModal`: Closes the modal.\n   *  + `openConfirmModal`: Opens a `<MessageModalLayout />` to confirm an action to be applied to the selected items.\n   *  + `query`: [object] Instance of [ComputedQuery](./?path=/story/common-types--computedquery) that represents the query that resulted in an empty state. Representation of the current paging, sorting and filtering applied. Usually for using together with bulk action such as `updateAll` and `deleteAll`.\n   * @external\n   */\n  bulkActionToolbar?: MultiCollectionBulkActionToolbarRenderProps;\n  /**\n   * Render a modal to be opened from `bulkActionToolbar`.<br>\n   * The function accepts the following parameters\n   *   * `allSelected`: Indicates whether the \"Select All\" checkbox is checked\n   *   * `closeModal`: Closes the a modal\n   */\n  bulkActionModal?: MultiCollectionBulkActionModalRenderProps;\n}\n\nfunction _TableFoldersContent<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n>(props: TableFoldersContentProps<T1, F1, T2, F2>) {\n  const {\n    state,\n    columns,\n    renderError,\n    errorState = renderError &&\n      (((err, { isOnline, retry }) =>\n        renderError?.({ err, isOnline, retry })) as TableFoldersContentProps<\n        T1,\n        F1,\n        T2,\n        F2\n      >['errorState']),\n    emptyState,\n    noResultsState,\n    iconColumn,\n    multiLevelSorting,\n    actionCell,\n    folderActionCell,\n    actionCellWidth,\n    actionCellProps,\n    filters,\n    customColumns,\n    views,\n    bulkActionToolbar,\n    bulkActionModal,\n    tableGridSwitchButton,\n    topNotification,\n    search,\n    showTitleBar = true,\n    onRowClick,\n    onFolderRowClick,\n    selectionDisabled: selectionDisabledProp,\n    horizontalScroll = true,\n    rowVerticalPadding,\n    ...rest\n  } = props;\n\n  const actionCellColumn = useOrFolderActionCellColumn({\n    actionCell,\n    folderActionCell,\n    actionCellWidth,\n    actionCellProps: {\n      ...(actionCellProps ?? {}),\n      stickyActionCell: true,\n    },\n    state: state.collections,\n  });\n\n  const {\n    toolbar: { selectedOrderedColumnsOrAll },\n  } = state;\n\n  const createWSRColumnBase = useCreateWSRColumnBase({ horizontalScroll });\n\n  const finalColumns = [\n    {\n      key: 'cairo-avatar',\n      title: '',\n      width: '48px',\n      ...iconColumn,\n      style: undefined,\n      render: ({ item }, rowNum) => {\n        if (item._tag === 'folder') {\n          return (\n            iconColumn?.renderFolder?.(item.originalKeyedItem.item, rowNum) ?? (\n              <FolderIcon data-hook=\"folder-icon\" />\n            )\n          );\n        }\n\n        return (\n          iconColumn?.render?.(item.originalKeyedItem.item, rowNum) ?? (\n            <Avatar\n              dataHook=\"item-avatar\"\n              name={state.collections.items.itemName(\n                item.originalKeyedItem.item,\n              )}\n            />\n          )\n        );\n      },\n    },\n    ...(selectedOrderedColumnsOrAll as TableFoldersColumn<T1, T2>[]).map(\n      (column, index, { length }) => {\n        const {\n          id,\n          title,\n          width,\n          sortable,\n          infoTooltipProps,\n          render,\n          renderFolder,\n          ...restColumn\n        } = column;\n\n        return {\n          ...restColumn,\n          ...createWSRColumnBase(column, index, length),\n          sortDescending:\n            sortable && id\n              ? state.collections.query.sort.getIsSortDescending(id)\n              : undefined,\n          render: (row: RowKeyedItem<T1, T2>, rowNum: number) => {\n            const item = row.item;\n            if (item._tag === 'folder') {\n              return renderFolder?.(item.originalKeyedItem.item, rowNum);\n            }\n\n            return render(item.originalKeyedItem.item, rowNum);\n          },\n        };\n      },\n    ),\n    ...(actionCellColumn ? [actionCellColumn] : []),\n  ] as WSRTableColumn<RowKeyedItem<T1, T2>>[];\n\n  const [BodyElementType] = useState(\n    () =>\n      ({ children }: VirtualTableRepeaterProps) =>\n        (\n          <VirtualGridStateProvider value={state.virtual}>\n            <VirtualTableRepeater>{children}</VirtualTableRepeater>\n          </VirtualGridStateProvider>\n        ),\n  );\n\n  const selectionDisabled = useCallback(\n    ({ item }: KeyedItem<T1 | T2>) => selectionDisabledProp?.(item),\n    [selectionDisabledProp],\n  );\n\n  if (selectionDisabled != null) {\n    state.toolbar.bulk.selectionDisabledProp =\n      selectionDisabled as SelectionDisabledProp;\n  }\n\n  const Table = CollectionTableWSRTable as ComponentType<\n    UnionTableProps<T1, F1, T2, F2>\n  >;\n\n  const showSelection = bulkActionToolbar != null;\n\n  return (\n    <Table\n      {...rest}\n      showHeaderWhenEmpty\n      state={state}\n      sticky\n      search={search}\n      filters={filters}\n      customColumns={customColumns}\n      views={views}\n      showSelection={showSelection}\n      selectionToolbar={\n        bulkActionToolbar && (\n          <MultiCollectionBulkActionToolbar\n            state={state.toolbar}\n            bulkActionToolbar={bulkActionToolbar}\n          />\n        )\n      }\n      tableGridSwitchButton={tableGridSwitchButton}\n      horizontalScroll={horizontalScroll}\n      emptyState={emptyState}\n      noResultsState={noResultsState}\n      {...getVirtualTableProps({ horizontalScroll })}\n      columns={finalColumns}\n      showTitleBar={showTitleBar}\n      isApplyColumnWidthStyle={true}\n      BodyElementType={BodyElementType}\n      onSortClick={(col: TableColumn<{}>) => {\n        if (col.id != null) {\n          state.collections.items.sort(\n            { id: col.id, sortMode: col.sortMode },\n            {\n              clearResult: true,\n              multiple: multiLevelSorting !== undefined,\n            },\n          );\n        }\n      }}\n      onRowClick={\n        (onRowClick || onFolderRowClick) &&\n        (({ item }, index) => {\n          if (item._tag === 'folder') {\n            onFolderRowClick?.(item.originalKeyedItem.item, index);\n          } else {\n            onRowClick?.(item.originalKeyedItem.item, index);\n          }\n        })\n      }\n      selectionDisabled={\n        selectionDisabledProp &&\n        (({ item }) => selectionDisabledProp?.(item.originalKeyedItem.item))\n      }\n      topNotification={topNotification}\n    >\n      <TablePlaceholderStates\n        state={state}\n        emptyState={emptyState}\n        noResultsState={noResultsState}\n        errorState={errorState}\n        rowVerticalPadding={rowVerticalPadding}\n        showTitleBar={showTitleBar}\n      />\n\n      <CollectionTableContent state={state.table}>\n        <TableFoldersInfiniteScroll state={state} />\n      </CollectionTableContent>\n    </Table>\n  );\n}\n\nexport const TableFoldersContent = observer(_TableFoldersContent);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_FolderIcon","_CollectionTableWSRTable","_CollectionTableContent","_VirtualTableRepeater","_VirtualGridStateContext","_useOrFolderActionCellColumn","_TableFoldersInfiniteScroll","_BulkAction","_useCreateWSRColumnBase","_TablePlaceholderStates","_getVirtualTableProps","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TableFoldersContent","props","state","columns","renderError","errorState","err","isOnline","retry","emptyState","noResultsState","iconColumn","multiLevelSorting","actionCell","folderActionCell","actionCellWidth","actionCellProps","filters","customColumns","views","bulkActionToolbar","bulkActionModal","tableGridSwitchButton","topNotification","search","showTitleBar","container","isPanelLayout","onRowClick","onFolderRowClick","selectionDisabled","selectionDisabledProp","horizontalScroll","rowVerticalPadding","rest","actionCellColumn","useOrFolderActionCellColumn","stickyActionCell","collections","toolbar","selectedOrderedColumnsOrAll","createWSRColumnBase","useCreateWSRColumnBase","finalColumns","key","title","width","style","undefined","render","item","rowNum","_tag","renderFolder","originalKeyedItem","createElement","FolderIcon","__self","__source","fileName","lineNumber","columnNumber","Avatar","dataHook","name","items","itemName","map","column","index","length","id","sortable","infoTooltipProps","restColumn","sortDescending","query","sort","getIsSortDescending","row","BodyElementType","useState","children","VirtualGridStateProvider","value","virtual","VirtualTableRepeater","useCallback","bulk","Table","CollectionTableWSRTable","showSelection","_extends2","showHeaderWhenEmpty","sticky","selectionToolbar","MultiCollectionBulkActionToolbar","getVirtualTableProps","isApplyColumnWidthStyle","onSortClick","col","sortMode","clearResult","multiple","TablePlaceholderStates","CollectionTableContent","table","TableFoldersInfiniteScroll","TableFoldersContent","exports","observer"],"sources":["../../../../src/components/TableFolders/TableFoldersContent.tsx"],"sourcesContent":["import { Avatar, TableColumn as WSRTableColumn } from '@wix/design-system';\nimport React, {\n  ComponentType,\n  ReactElement,\n  useCallback,\n  useState,\n} from 'react';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { RowItem, RowKeyedItem, TableFoldersState } from '../../state';\nimport { ActionCell } from '../ActionCell';\nimport { PartialAllFilters } from '../../state/FoldersAndItemsCollectionsState';\nimport { FolderIcon } from '../FolderIcon';\nimport {\n  CollectionTableWSRTable,\n  CollectionTableWSRTableBaseProps,\n  CollectionTableWSRTableProps,\n} from '../CollectionTable/CollectionTableWSRTable';\nimport { CollectionTableContent } from '../CollectionTable/CollectionTableContent';\nimport {\n  VirtualTableRepeater,\n  VirtualTableRepeaterProps,\n} from '../VirtualGridRepeater/VirtualTableRepeater';\nimport { VirtualGridStateProvider } from '../VirtualGridRepeater/VirtualGridStateContext';\nimport { TableFoldersColumn } from './TableFolders.types';\nimport { useOrFolderActionCellColumn } from './useOrFolderActionCellColumn';\nimport { TableFoldersInfiniteScroll } from './TableFoldersInfiniteScroll';\nimport {\n  MultiCollectionBulkActionModalRenderProps,\n  MultiCollectionBulkActionToolbar,\n  MultiCollectionBulkActionToolbarRenderProps,\n} from '../BulkAction';\nimport { TableColumn } from '../../model';\nimport { CollectionTableActionCellProps } from '../CollectionTable/CollectionTableBaseCommonProps';\nimport { SelectionDisabledProp } from '../../state/BulkActionToolbarState';\nimport { useCreateWSRColumnBase } from '../../hooks/useCreateWSRColumnBase';\nimport { TablePlaceholderStates } from '../TablePlaceholderStates/TablePlaceholderStates';\nimport { getVirtualTableProps } from '../Table/getVirtualTableProps';\n\ntype UnionTableProps<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> = CollectionTableWSRTableProps<\n  RowItem<T1, T2>,\n  T1,\n  PartialAllFilters<F1, F2>\n>;\n\ntype TableFolderWSRTableBaseProps<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> = CollectionTableWSRTableBaseProps<\n  RowItem<T1, T2>,\n  T1,\n  PartialAllFilters<F1, F2>\n>;\n\nexport interface TableFoldersContentProps<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> extends Omit<\n      TableFolderWSRTableBaseProps<T1, F1, T2, F2>,\n      'actionCell' | 'sticky' | 'topNotification' | 'selectionDisabled'\n    >,\n    CollectionTableActionCellProps<T1, F1> {\n  dataHook?: string;\n  /** A TableFoldersState instance created using [useTableFolders](./?path=/story/base-components-collections-tablefolders-usetablefolders--usetablefolders). */\n  state: TableFoldersState<T1, F1, T2, F2>;\n  /** The same as [Table.columns](./?path=/story/base-components-collections-table-table--table), with the addition of `renderFolder` property. */\n  columns: TableFoldersColumn<T1, T2>[];\n  /** Specific entry for rendering the item icon, defaults to simple `Avatar` (for folders a `Folder` icon is rendered). */\n  iconColumn?: TableFoldersColumn<T1, T2>;\n\n  onRowClick?: (item: T1, index: number) => void;\n  /** Callback for folder row click  */\n  onFolderRowClick?: (item: T2, index: number) => void;\n  /** Disables row checkbox */\n  selectionDisabled?: (item: T1 | T2) => void;\n  folderActionCell?: ActionCell<T2, F2>;\n  topNotification?: ReactElement;\n  /**\n   * A toolbar for performing bulk actions on multiple items.\n   * Supported parameters:\n   *  + `selectedValues`: Selected item values.\n   *  + `uncheckedValues`: Unselected item values.\n   *  + `isSelectAll`: [bool] Whether the **Select All** option is selected.\n   *  + `openModal`: Opens a modal that contains the component from `bulkActionModal` render prop.\n   *  + `clearSelection`: Clears all selections. Call this after the action on the selected items finishes.\n   *  + `closeModal`: Closes the modal.\n   *  + `openConfirmModal`: Opens a `<MessageModalLayout />` to confirm an action to be applied to the selected items.\n   *  + `query`: [object] Instance of [ComputedQuery](./?path=/story/common-types--computedquery) that represents the query that resulted in an empty state. Representation of the current paging, sorting and filtering applied. Usually for using together with bulk action such as `updateAll` and `deleteAll`.\n   * @external\n   */\n  bulkActionToolbar?: MultiCollectionBulkActionToolbarRenderProps;\n  /**\n   * Render a modal to be opened from `bulkActionToolbar`.<br>\n   * The function accepts the following parameters\n   *   * `allSelected`: Indicates whether the \"Select All\" checkbox is checked\n   *   * `closeModal`: Closes the a modal\n   */\n  bulkActionModal?: MultiCollectionBulkActionModalRenderProps;\n}\n\nfunction _TableFoldersContent<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n>(props: TableFoldersContentProps<T1, F1, T2, F2>) {\n  const {\n    state,\n    columns,\n    renderError,\n    errorState = renderError &&\n      (((err, { isOnline, retry }) =>\n        renderError?.({ err, isOnline, retry })) as TableFoldersContentProps<\n        T1,\n        F1,\n        T2,\n        F2\n      >['errorState']),\n    emptyState,\n    noResultsState,\n    iconColumn,\n    multiLevelSorting,\n    actionCell,\n    folderActionCell,\n    actionCellWidth,\n    actionCellProps,\n    filters,\n    customColumns,\n    views,\n    bulkActionToolbar,\n    bulkActionModal,\n    tableGridSwitchButton,\n    topNotification,\n    search,\n    showTitleBar = !state.container.isPanelLayout,\n    onRowClick,\n    onFolderRowClick,\n    selectionDisabled: selectionDisabledProp,\n    horizontalScroll = true,\n    rowVerticalPadding,\n    ...rest\n  } = props;\n\n  const actionCellColumn = useOrFolderActionCellColumn({\n    actionCell,\n    folderActionCell,\n    actionCellWidth,\n    actionCellProps: {\n      ...(actionCellProps ?? {}),\n      stickyActionCell: true,\n    },\n    state: state.collections,\n  });\n\n  const {\n    toolbar: { selectedOrderedColumnsOrAll },\n  } = state;\n\n  const createWSRColumnBase = useCreateWSRColumnBase({ horizontalScroll });\n\n  const finalColumns = [\n    {\n      key: 'cairo-avatar',\n      title: '',\n      width: '48px',\n      ...iconColumn,\n      style: undefined,\n      render: ({ item }, rowNum) => {\n        if (item._tag === 'folder') {\n          return (\n            iconColumn?.renderFolder?.(item.originalKeyedItem.item, rowNum) ?? (\n              <FolderIcon data-hook=\"folder-icon\" />\n            )\n          );\n        }\n\n        return (\n          iconColumn?.render?.(item.originalKeyedItem.item, rowNum) ?? (\n            <Avatar\n              dataHook=\"item-avatar\"\n              name={state.collections.items.itemName(\n                item.originalKeyedItem.item,\n              )}\n            />\n          )\n        );\n      },\n    },\n    ...(selectedOrderedColumnsOrAll as TableFoldersColumn<T1, T2>[]).map(\n      (column, index, { length }) => {\n        const {\n          id,\n          title,\n          width,\n          sortable,\n          infoTooltipProps,\n          render,\n          renderFolder,\n          ...restColumn\n        } = column;\n\n        return {\n          ...restColumn,\n          ...createWSRColumnBase(column, index, length),\n          sortDescending:\n            sortable && id\n              ? state.collections.query.sort.getIsSortDescending(id)\n              : undefined,\n          render: (row: RowKeyedItem<T1, T2>, rowNum: number) => {\n            const item = row.item;\n            if (item._tag === 'folder') {\n              return renderFolder?.(item.originalKeyedItem.item, rowNum);\n            }\n\n            return render(item.originalKeyedItem.item, rowNum);\n          },\n        };\n      },\n    ),\n    ...(actionCellColumn ? [actionCellColumn] : []),\n  ] as WSRTableColumn<RowKeyedItem<T1, T2>>[];\n\n  const [BodyElementType] = useState(\n    () =>\n      ({ children }: VirtualTableRepeaterProps) =>\n        (\n          <VirtualGridStateProvider value={state.virtual}>\n            <VirtualTableRepeater>{children}</VirtualTableRepeater>\n          </VirtualGridStateProvider>\n        ),\n  );\n\n  const selectionDisabled = useCallback(\n    ({ item }: KeyedItem<T1 | T2>) => selectionDisabledProp?.(item),\n    [selectionDisabledProp],\n  );\n\n  if (selectionDisabled != null) {\n    state.toolbar.bulk.selectionDisabledProp =\n      selectionDisabled as SelectionDisabledProp;\n  }\n\n  const Table = CollectionTableWSRTable as ComponentType<\n    UnionTableProps<T1, F1, T2, F2>\n  >;\n\n  const showSelection = bulkActionToolbar != null;\n\n  return (\n    <Table\n      {...rest}\n      showHeaderWhenEmpty\n      state={state}\n      sticky\n      search={search}\n      filters={filters}\n      customColumns={customColumns}\n      views={views}\n      showSelection={showSelection}\n      selectionToolbar={\n        bulkActionToolbar && (\n          <MultiCollectionBulkActionToolbar\n            state={state.toolbar}\n            bulkActionToolbar={bulkActionToolbar}\n          />\n        )\n      }\n      tableGridSwitchButton={tableGridSwitchButton}\n      horizontalScroll={horizontalScroll}\n      emptyState={emptyState}\n      noResultsState={noResultsState}\n      {...getVirtualTableProps({ horizontalScroll })}\n      columns={finalColumns}\n      showTitleBar={showTitleBar}\n      isApplyColumnWidthStyle={true}\n      BodyElementType={BodyElementType}\n      onSortClick={(col: TableColumn<{}>) => {\n        if (col.id != null) {\n          state.collections.items.sort(\n            { id: col.id, sortMode: col.sortMode },\n            {\n              clearResult: true,\n              multiple: multiLevelSorting !== undefined,\n            },\n          );\n        }\n      }}\n      onRowClick={\n        (onRowClick || onFolderRowClick) &&\n        (({ item }, index) => {\n          if (item._tag === 'folder') {\n            onFolderRowClick?.(item.originalKeyedItem.item, index);\n          } else {\n            onRowClick?.(item.originalKeyedItem.item, index);\n          }\n        })\n      }\n      selectionDisabled={\n        selectionDisabledProp &&\n        (({ item }) => selectionDisabledProp?.(item.originalKeyedItem.item))\n      }\n      topNotification={topNotification}\n    >\n      <TablePlaceholderStates\n        state={state}\n        emptyState={emptyState}\n        noResultsState={noResultsState}\n        errorState={errorState}\n        rowVerticalPadding={rowVerticalPadding}\n        showTitleBar={showTitleBar}\n      />\n\n      <CollectionTableContent state={state.table}>\n        <TableFoldersInfiniteScroll state={state} />\n      </CollectionTableContent>\n    </Table>\n  );\n}\n\nexport const TableFoldersContent = observer(_TableFoldersContent);\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_ = "TabsFilter2458939024";
+var _namespace_ = "TabsFilter3146213581";
 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": "TabsFilter2458939024__root",
-  "title": "TabsFilter2458939024__title"
+  "root": "TabsFilter3146213581__root",
+  "title": "TabsFilter3146213581__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_ = \"TabsFilter2458939024\";\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\":\"TabsFilter2458939024__root\",\"title\":\"TabsFilter2458939024__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_ = \"TabsFilter3146213581\";\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\":\"TabsFilter3146213581__root\",\"title\":\"TabsFilter3146213581__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_ = "ManageTagsModal1989625989";
+var _namespace_ = "ManageTagsModal497343785";
 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": "ManageTagsModal1989625989__root"
+  "root": "ManageTagsModal497343785__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_ = \"ManageTagsModal1989625989\";\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\":\"ManageTagsModal1989625989__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAiC,CAAC;AACxD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ManageTagsModal497343785\";\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\":\"ManageTagsModal497343785__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/ToolbarCollection/useToolbarCollectionSyncProps.js

@@ -25,10 +25,11 @@ function useToolbarCollectionSyncProps(props) {
     isUsingTableVirtualization,
     summaryBar,
     secondaryActions,
-    moreActions
+    moreActions,
+    internalScroll
   } = props;
   (0, _checkConflictingToolbarProps.checkConflictingToolbarProps)(props);
-  state.internalScroll = props.internalScroll;
+  state.internalScroll = state.container.isPanelLayout ? true : internalScroll;
   const pageState = (0, _providers.useCollectionPageContext)();
   const router = (0, _WixPatternsRouterProvider.useWixPatternsRouter)();
   (0, _react.useEffect)(() => {