@wix/patterns 1.2.0 → 1.3.0

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_ = "SkeletonCard1736745282";
+var _namespace_ = "SkeletonCard3676968382";
 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": "SkeletonCard1736745282__root",
-  "headerLoading": "SkeletonCard1736745282__headerLoading"
+  "root": "SkeletonCard3676968382__root",
+  "headerLoading": "SkeletonCard3676968382__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_ = \"SkeletonCard1736745282\";\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\":\"SkeletonCard1736745282__root\",\"headerLoading\":\"SkeletonCard1736745282__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_ = \"SkeletonCard3676968382\";\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\":\"SkeletonCard3676968382__root\",\"headerLoading\":\"SkeletonCard3676968382__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":[]}

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_ = "SlidingModal1925921167";
+var _namespace_ = "SlidingModal1800816770";
 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": "SlidingModal1925921167__root"
+  "root": "SlidingModal1800816770__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_ = \"SlidingModal1925921167\";\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\":\"SlidingModal1925921167__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_ = \"SlidingModal1800816770\";\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\":\"SlidingModal1800816770__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":[]}

package/dist/cjs/components/SummaryBar/SummaryBar.js

@@ -16,7 +16,7 @@ const SkeletonSummaryBar = () => /*#__PURE__*/_react.default.createElement(_desi
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 44,
+    lineNumber: 49,
     columnNumber: 3
   }
 }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -26,7 +26,7 @@ const SkeletonSummaryBar = () => /*#__PURE__*/_react.default.createElement(_desi
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 45,
+    lineNumber: 50,
     columnNumber: 5
   }
 }, /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonLine, {
@@ -34,7 +34,7 @@ const SkeletonSummaryBar = () => /*#__PURE__*/_react.default.createElement(_desi
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 46,
+    lineNumber: 51,
     columnNumber: 7
   }
 }), /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonLine, {
@@ -42,7 +42,7 @@ const SkeletonSummaryBar = () => /*#__PURE__*/_react.default.createElement(_desi
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 47,
+    lineNumber: 52,
     columnNumber: 7
   }
 }), /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonLine, {
@@ -50,7 +50,7 @@ const SkeletonSummaryBar = () => /*#__PURE__*/_react.default.createElement(_desi
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 48,
+    lineNumber: 53,
     columnNumber: 7
   }
 })));
@@ -68,7 +68,7 @@ const ErrorSummaryBar = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 62,
+      lineNumber: 67,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -80,7 +80,7 @@ const ErrorSummaryBar = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 63,
+      lineNumber: 68,
       columnNumber: 7
     }
   }, t('cairo.table.summaryBar.loadError')), /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
@@ -91,7 +91,7 @@ const ErrorSummaryBar = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 72,
+      lineNumber: 77,
       columnNumber: 7
     }
   }, t('cairo.table.summaryBar.loadError.cta')));
@@ -109,7 +109,7 @@ const SummaryBarContent = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 89,
+      lineNumber: 94,
       columnNumber: 5
     }
   }, data.map(({
@@ -120,14 +120,14 @@ const SummaryBarContent = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 91,
+      lineNumber: 96,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 92,
+      lineNumber: 97,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -135,14 +135,14 @@ const SummaryBarContent = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 93,
+      lineNumber: 98,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 94,
+      lineNumber: 99,
       columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -154,7 +154,7 @@ const SummaryBarContent = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 95,
+      lineNumber: 100,
       columnNumber: 17
     }
   }, /*#__PURE__*/_react.default.createElement(_Trans.Trans, {
@@ -171,7 +171,7 @@ const SummaryBarContent = ({
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 110,
+          lineNumber: 115,
           columnNumber: 25
         }
       })
@@ -179,14 +179,14 @@ const SummaryBarContent = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 102,
+      lineNumber: 107,
       columnNumber: 19
     }
   }))))), /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 118,
+      lineNumber: 123,
       columnNumber: 11
     }
   }, index !== data.length - 1 && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -194,7 +194,7 @@ const SummaryBarContent = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 120,
+      lineNumber: 125,
       columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
@@ -203,7 +203,7 @@ const SummaryBarContent = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 121,
+      lineNumber: 126,
       columnNumber: 17
     }
   }))))));
@@ -219,7 +219,7 @@ const _SummaryBar = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 134,
+        lineNumber: 139,
         columnNumber: 14
       }
     }),
@@ -228,7 +228,7 @@ const _SummaryBar = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 135,
+        lineNumber: 140,
         columnNumber: 12
       }
     }),
@@ -237,7 +237,7 @@ const _SummaryBar = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 136,
+        lineNumber: 141,
         columnNumber: 14
       }
     })
@@ -247,7 +247,7 @@ const _SummaryBar = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 140,
+      lineNumber: 145,
       columnNumber: 5
     }
   }, contentByStatus[status]);

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_react2","_mobxReactLite","_useSelector","_Trans","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","SkeletonSummaryBar","createElement","SkeletonGroup","dataHook","__self","__source","fileName","lineNumber","columnNumber","Box","gap","height","verticalAlign","SkeletonLine","width","ErrorSummaryBar","onRetry","translate","container","useWixPatternsContainer","useSelector","initTask","status","Text","weight","size","skin","secondary","TextButton","onClick","SummaryBarContent","data","TableToolbar","ItemGroup","map","title","value","index","Fragment","key","Item","Trans","i18nKey","values","components","length","Divider","direction","_SummaryBar","props","contentByStatus","loading","error","success","Table","SubToolbar","SummaryBar","exports","observer"],"sources":["../../../../src/components/SummaryBar/SummaryBar.tsx"],"sourcesContent":["import {\n  Box,\n  Divider,\n  SkeletonGroup,\n  SkeletonLine,\n  Table,\n  TableToolbar,\n  Text,\n  TextButton,\n} from '@wix/design-system';\nimport React, { Fragment } from 'react';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { useSelector } from '../../useSelector';\nimport { Trans } from '../Trans';\n\nexport interface SummaryItem {\n  title: string;\n  value: string;\n}\nexport type SummaryBarStatus = 'loading' | 'error' | 'success';\nexport type SummaryData = SummaryItem[];\n\nexport interface SummaryBarProps {\n  /**\n   * Summary data to show\n   * @external\n   */\n  data: SummaryData;\n  /**\n   * The status of component's state. Can be loading, error, or success.\n   * @external\n   * @default success\n   */\n  status: SummaryBarStatus;\n  /**\n   * Function, which will be executed on `Reload` click.\n   * @external\n   */\n  onRetry: () => void | Promise<void>;\n}\n\nconst SkeletonSummaryBar = () => (\n  <SkeletonGroup dataHook=\"skeleton-summary-bar\">\n    <Box gap=\"SP4\" height=\"18px\" verticalAlign=\"middle\">\n      <SkeletonLine width=\"112px\" />\n      <SkeletonLine width=\"112px\" />\n      <SkeletonLine width=\"112px\" />\n    </Box>\n  </SkeletonGroup>\n);\n\nconst ErrorSummaryBar = ({\n  onRetry,\n}: {\n  onRetry: SummaryBarProps['onRetry'];\n}) => {\n  const { translate: t, ...container } = useWixPatternsContainer();\n  useSelector(() => container.initTask.status);\n\n  return (\n    <Box gap=\"3px\" dataHook=\"error-summary-bar\">\n      <Text\n        weight=\"thin\"\n        size=\"small\"\n        skin=\"standard\"\n        secondary\n        dataHook=\"summary-bar-error-text\"\n      >\n        {t('cairo.table.summaryBar.loadError')}\n      </Text>\n      <TextButton\n        size=\"small\"\n        weight=\"thin\"\n        dataHook=\"summary-bar-retry-button\"\n        onClick={onRetry}\n      >\n        {t('cairo.table.summaryBar.loadError.cta')}\n      </TextButton>\n    </Box>\n  );\n};\n\nconst SummaryBarContent = ({ data }: { data: SummaryBarProps['data'] }) => {\n  const { translate: t, ...container } = useWixPatternsContainer();\n  useSelector(() => container.initTask.status);\n\n  return (\n    <TableToolbar.ItemGroup dataHook=\"summary-bar-content\">\n      {data.map(({ title, value }, index) => (\n        <Fragment key={index}>\n          <TableToolbar.Item>\n            <Box gap=\"3px\">\n              <Box>\n                <Text\n                  weight=\"thin\"\n                  size=\"small\"\n                  skin=\"standard\"\n                  secondary\n                  dataHook=\"summary-bar-item\"\n                >\n                  <Trans\n                    i18nKey=\"cairo.table.summaryBar.list.item\"\n                    values={{\n                      title,\n                      value,\n                    }}\n                    components={{\n                      value: (\n                        <Text weight=\"normal\" size=\"small\" skin=\"standard\" />\n                      ),\n                    }}\n                  />\n                </Text>\n              </Box>\n            </Box>\n          </TableToolbar.Item>\n          <TableToolbar.Item>\n            {index !== data.length - 1 && (\n              <Box height=\"18px\">\n                <Divider direction=\"vertical\" dataHook=\"summary-bar-divider\" />\n              </Box>\n            )}\n          </TableToolbar.Item>\n        </Fragment>\n      ))}\n    </TableToolbar.ItemGroup>\n  );\n};\n\nconst _SummaryBar = (props: SummaryBarProps) => {\n  const { data, status, onRetry } = props;\n  const contentByStatus = {\n    loading: <SkeletonSummaryBar />,\n    error: <ErrorSummaryBar onRetry={onRetry} />,\n    success: <SummaryBarContent data={data} />,\n  };\n\n  return (\n    <Table.SubToolbar dataHook=\"summary-bar\">\n      {contentByStatus[status]}\n    </Table.SubToolbar>\n  );\n};\n\nexport const SummaryBar = observer(_SummaryBar);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_react2","_mobxReactLite","_useSelector","_Trans","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","SkeletonSummaryBar","createElement","SkeletonGroup","dataHook","__self","__source","fileName","lineNumber","columnNumber","Box","gap","height","verticalAlign","SkeletonLine","width","ErrorSummaryBar","onRetry","translate","container","useWixPatternsContainer","useSelector","initTask","status","Text","weight","size","skin","secondary","TextButton","onClick","SummaryBarContent","data","TableToolbar","ItemGroup","map","title","value","index","Fragment","key","Item","Trans","i18nKey","values","components","length","Divider","direction","_SummaryBar","props","contentByStatus","loading","error","success","Table","SubToolbar","SummaryBar","exports","observer"],"sources":["../../../../src/components/SummaryBar/SummaryBar.tsx"],"sourcesContent":["import {\n  Box,\n  Divider,\n  SkeletonGroup,\n  SkeletonLine,\n  Table,\n  TableToolbar,\n  Text,\n  TextButton,\n} from '@wix/design-system';\nimport React, { Fragment } from 'react';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { useSelector } from '../../useSelector';\nimport { Trans } from '../Trans';\n\nexport interface SummaryItem {\n  title: string;\n  value: string;\n}\nexport type SummaryBarStatus = 'loading' | 'error' | 'success';\nexport type SummaryData = SummaryItem[];\n\nexport interface SummaryBarProps {\n  /**\n   * Data to display in the summary bar.\n   * @external\n   */\n  data: SummaryData;\n  /**\n   * Summary bar status.\n   * <br><br>\n   * Supported values:<br>\n   * - `\"success\"`<br>\n   * - `\"loading\"`<br>\n   * - `\"error\"`\n   * @external\n   * @default success\n   */\n  status: SummaryBarStatus;\n  /**\n   * Function that is called every time **Reload** is clicked.\n   * @external\n   */\n  onRetry: () => void | Promise<void>;\n}\n\nconst SkeletonSummaryBar = () => (\n  <SkeletonGroup dataHook=\"skeleton-summary-bar\">\n    <Box gap=\"SP4\" height=\"18px\" verticalAlign=\"middle\">\n      <SkeletonLine width=\"112px\" />\n      <SkeletonLine width=\"112px\" />\n      <SkeletonLine width=\"112px\" />\n    </Box>\n  </SkeletonGroup>\n);\n\nconst ErrorSummaryBar = ({\n  onRetry,\n}: {\n  onRetry: SummaryBarProps['onRetry'];\n}) => {\n  const { translate: t, ...container } = useWixPatternsContainer();\n  useSelector(() => container.initTask.status);\n\n  return (\n    <Box gap=\"3px\" dataHook=\"error-summary-bar\">\n      <Text\n        weight=\"thin\"\n        size=\"small\"\n        skin=\"standard\"\n        secondary\n        dataHook=\"summary-bar-error-text\"\n      >\n        {t('cairo.table.summaryBar.loadError')}\n      </Text>\n      <TextButton\n        size=\"small\"\n        weight=\"thin\"\n        dataHook=\"summary-bar-retry-button\"\n        onClick={onRetry}\n      >\n        {t('cairo.table.summaryBar.loadError.cta')}\n      </TextButton>\n    </Box>\n  );\n};\n\nconst SummaryBarContent = ({ data }: { data: SummaryBarProps['data'] }) => {\n  const { translate: t, ...container } = useWixPatternsContainer();\n  useSelector(() => container.initTask.status);\n\n  return (\n    <TableToolbar.ItemGroup dataHook=\"summary-bar-content\">\n      {data.map(({ title, value }, index) => (\n        <Fragment key={index}>\n          <TableToolbar.Item>\n            <Box gap=\"3px\">\n              <Box>\n                <Text\n                  weight=\"thin\"\n                  size=\"small\"\n                  skin=\"standard\"\n                  secondary\n                  dataHook=\"summary-bar-item\"\n                >\n                  <Trans\n                    i18nKey=\"cairo.table.summaryBar.list.item\"\n                    values={{\n                      title,\n                      value,\n                    }}\n                    components={{\n                      value: (\n                        <Text weight=\"normal\" size=\"small\" skin=\"standard\" />\n                      ),\n                    }}\n                  />\n                </Text>\n              </Box>\n            </Box>\n          </TableToolbar.Item>\n          <TableToolbar.Item>\n            {index !== data.length - 1 && (\n              <Box height=\"18px\">\n                <Divider direction=\"vertical\" dataHook=\"summary-bar-divider\" />\n              </Box>\n            )}\n          </TableToolbar.Item>\n        </Fragment>\n      ))}\n    </TableToolbar.ItemGroup>\n  );\n};\n\nconst _SummaryBar = (props: SummaryBarProps) => {\n  const { data, status, onRetry } = props;\n  const contentByStatus = {\n    loading: <SkeletonSummaryBar />,\n    error: <ErrorSummaryBar onRetry={onRetry} />,\n    success: <SummaryBarContent data={data} />,\n  };\n\n  return (\n    <Table.SubToolbar dataHook=\"summary-bar\">\n      {contentByStatus[status]}\n    </Table.SubToolbar>\n  );\n};\n\nexport const SummaryBar = observer(_SummaryBar);\n"],"mappings":";;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAUA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AAAiC,IAAAO,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAP,wBAAAO,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAiCjC,MAAMW,kBAAkB,GAAGA,CAAA,kBACzB3B,MAAA,CAAAa,OAAA,CAAAe,aAAA,CAAC9B,aAAA,CAAA+B,aAAa;EAACC,QAAQ,EAAC,sBAAsB;EAAAC,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAA3B,YAAA;IAAA4B,UAAA;IAAAC,YAAA;EAAA;AAAA,gBAC5CnC,MAAA,CAAAa,OAAA,CAAAe,aAAA,CAAC9B,aAAA,CAAAsC,GAAG;EAACC,GAAG,EAAC,KAAK;EAACC,MAAM,EAAC,MAAM;EAACC,aAAa,EAAC,QAAQ;EAAAR,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAA3B,YAAA;IAAA4B,UAAA;IAAAC,YAAA;EAAA;AAAA,gBACjDnC,MAAA,CAAAa,OAAA,CAAAe,aAAA,CAAC9B,aAAA,CAAA0C,YAAY;EAACC,KAAK,EAAC,OAAO;EAAAV,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAA3B,YAAA;IAAA4B,UAAA;IAAAC,YAAA;EAAA;AAAA,CAAE,CAAC,eAC9BnC,MAAA,CAAAa,OAAA,CAAAe,aAAA,CAAC9B,aAAA,CAAA0C,YAAY;EAACC,KAAK,EAAC,OAAO;EAAAV,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAA3B,YAAA;IAAA4B,UAAA;IAAAC,YAAA;EAAA;AAAA,CAAE,CAAC,eAC9BnC,MAAA,CAAAa,OAAA,CAAAe,aAAA,CAAC9B,aAAA,CAAA0C,YAAY;EAACC,KAAK,EAAC,OAAO;EAAAV,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAA3B,YAAA;IAAA4B,UAAA;IAAAC,YAAA;EAAA;AAAA,CAAE,CAC1B,CACQ,CAChB;AAED,MAAMO,eAAe,GAAGA,CAAC;EACvBC;AAGF,CAAC,KAAK;EACJ,MAAM;IAAEC,SAAS,EAAEjC,CAAC;IAAE,GAAGkC;EAAU,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAChE,IAAAC,wBAAW,EAAC,MAAMF,SAAS,CAACG,QAAQ,CAACC,MAAM,CAAC;EAE5C,oBACEjD,MAAA,CAAAa,OAAA,CAAAe,aAAA,CAAC9B,aAAA,CAAAsC,GAAG;IAACC,GAAG,EAAC,KAAK;IAACP,QAAQ,EAAC,mBAAmB;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3B,YAAA;MAAA4B,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACzCnC,MAAA,CAAAa,OAAA,CAAAe,aAAA,CAAC9B,aAAA,CAAAoD,IAAI;IACHC,MAAM,EAAC,MAAM;IACbC,IAAI,EAAC,OAAO;IACZC,IAAI,EAAC,UAAU;IACfC,SAAS;IACTxB,QAAQ,EAAC,wBAAwB;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3B,YAAA;MAAA4B,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEhCxB,CAAC,CAAC,kCAAkC,CACjC,CAAC,eACPX,MAAA,CAAAa,OAAA,CAAAe,aAAA,CAAC9B,aAAA,CAAAyD,UAAU;IACTH,IAAI,EAAC,OAAO;IACZD,MAAM,EAAC,MAAM;IACbrB,QAAQ,EAAC,0BAA0B;IACnC0B,OAAO,EAAEb,OAAQ;IAAAZ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3B,YAAA;MAAA4B,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEhBxB,CAAC,CAAC,sCAAsC,CAC/B,CACT,CAAC;AAEV,CAAC;AAED,MAAM8C,iBAAiB,GAAGA,CAAC;EAAEC;AAAwC,CAAC,KAAK;EACzE,MAAM;IAAEd,SAAS,EAAEjC,CAAC;IAAE,GAAGkC;EAAU,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAChE,IAAAC,wBAAW,EAAC,MAAMF,SAAS,CAACG,QAAQ,CAACC,MAAM,CAAC;EAE5C,oBACEjD,MAAA,CAAAa,OAAA,CAAAe,aAAA,CAAC9B,aAAA,CAAA6D,YAAY,CAACC,SAAS;IAAC9B,QAAQ,EAAC,qBAAqB;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3B,YAAA;MAAA4B,UAAA;MAAAC,YAAA;IAAA;EAAA,GACnDuB,IAAI,CAACG,GAAG,CAAC,CAAC;IAAEC,KAAK;IAAEC;EAAM,CAAC,EAAEC,KAAK,kBAChChE,MAAA,CAAAa,OAAA,CAAAe,aAAA,CAAC5B,MAAA,CAAAiE,QAAQ;IAACC,GAAG,EAAEF,KAAM;IAAAjC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3B,YAAA;MAAA4B,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACnBnC,MAAA,CAAAa,OAAA,CAAAe,aAAA,CAAC9B,aAAA,CAAA6D,YAAY,CAACQ,IAAI;IAAApC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3B,YAAA;MAAA4B,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAChBnC,MAAA,CAAAa,OAAA,CAAAe,aAAA,CAAC9B,aAAA,CAAAsC,GAAG;IAACC,GAAG,EAAC,KAAK;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3B,YAAA;MAAA4B,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACZnC,MAAA,CAAAa,OAAA,CAAAe,aAAA,CAAC9B,aAAA,CAAAsC,GAAG;IAAAL,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3B,YAAA;MAAA4B,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACFnC,MAAA,CAAAa,OAAA,CAAAe,aAAA,CAAC9B,aAAA,CAAAoD,IAAI;IACHC,MAAM,EAAC,MAAM;IACbC,IAAI,EAAC,OAAO;IACZC,IAAI,EAAC,UAAU;IACfC,SAAS;IACTxB,QAAQ,EAAC,kBAAkB;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3B,YAAA;MAAA4B,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAE3BnC,MAAA,CAAAa,OAAA,CAAAe,aAAA,CAACvB,MAAA,CAAA+D,KAAK;IACJC,OAAO,EAAC,kCAAkC;IAC1CC,MAAM,EAAE;MACNR,KAAK;MACLC;IACF,CAAE;IACFQ,UAAU,EAAE;MACVR,KAAK,eACH/D,MAAA,CAAAa,OAAA,CAAAe,aAAA,CAAC9B,aAAA,CAAAoD,IAAI;QAACC,MAAM,EAAC,QAAQ;QAACC,IAAI,EAAC,OAAO;QAACC,IAAI,EAAC,UAAU;QAAAtB,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA3B,YAAA;UAAA4B,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE;IAExD,CAAE;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3B,YAAA;MAAA4B,UAAA;MAAAC,YAAA;IAAA;EAAA,CACH,CACG,CACH,CACF,CACY,CAAC,eACpBnC,MAAA,CAAAa,OAAA,CAAAe,aAAA,CAAC9B,aAAA,CAAA6D,YAAY,CAACQ,IAAI;IAAApC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3B,YAAA;MAAA4B,UAAA;MAAAC,YAAA;IAAA;EAAA,GACf6B,KAAK,KAAKN,IAAI,CAACc,MAAM,GAAG,CAAC,iBACxBxE,MAAA,CAAAa,OAAA,CAAAe,aAAA,CAAC9B,aAAA,CAAAsC,GAAG;IAACE,MAAM,EAAC,MAAM;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3B,YAAA;MAAA4B,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAChBnC,MAAA,CAAAa,OAAA,CAAAe,aAAA,CAAC9B,aAAA,CAAA2E,OAAO;IAACC,SAAS,EAAC,UAAU;IAAC5C,QAAQ,EAAC,qBAAqB;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3B,YAAA;MAAA4B,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC3D,CAEU,CACX,CACX,CACqB,CAAC;AAE7B,CAAC;AAED,MAAMwC,WAAW,GAAIC,KAAsB,IAAK;EAC9C,MAAM;IAAElB,IAAI;IAAET,MAAM;IAAEN;EAAQ,CAAC,GAAGiC,KAAK;EACvC,MAAMC,eAAe,GAAG;IACtBC,OAAO,eAAE9E,MAAA,CAAAa,OAAA,CAAAe,aAAA,CAACD,kBAAkB;MAAAI,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA3B,YAAA;QAAA4B,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC;IAC/B4C,KAAK,eAAE/E,MAAA,CAAAa,OAAA,CAAAe,aAAA,CAACc,eAAe;MAACC,OAAO,EAAEA,OAAQ;MAAAZ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA3B,YAAA;QAAA4B,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC;IAC5C6C,OAAO,eAAEhF,MAAA,CAAAa,OAAA,CAAAe,aAAA,CAAC6B,iBAAiB;MAACC,IAAI,EAAEA,IAAK;MAAA3B,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA3B,YAAA;QAAA4B,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE;EAC3C,CAAC;EAED,oBACEnC,MAAA,CAAAa,OAAA,CAAAe,aAAA,CAAC9B,aAAA,CAAAmF,KAAK,CAACC,UAAU;IAACpD,QAAQ,EAAC,aAAa;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3B,YAAA;MAAA4B,UAAA;MAAAC,YAAA;IAAA;EAAA,GACrC0C,eAAe,CAAC5B,MAAM,CACP,CAAC;AAEvB,CAAC;AAEM,MAAMkC,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,IAAAE,uBAAQ,EAACV,WAAW,CAAC","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_TableVirtual","_react2","_TableCompat","_jsxFileName","Table","props","rowHeight","estimatedRowHeight","isVirtual","tableProps","container","useWixPatternsContainer","internalExperiments","isVirtualExperiment","enabled","rowDetails","default","createElement","TableVirtual","_extends2","__self","__source","fileName","lineNumber","columnNumber","TableCompat"],"sources":["../../../../src/components/Table/Table.tsx"],"sourcesContent":["import React from 'react';\nimport { CollectionState, FiltersMap } from '@wix/bex-core';\nimport { TableVirtual } from './TableVirtual';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { CollectionTableBaseProps } from '../CollectionTable';\nimport { TableState } from '../../state';\nimport { TableCompat } from './TableCompat';\n\nexport interface TableProps<T, F extends FiltersMap>\n  extends CollectionTableBaseProps<T, F> {\n  rowHeight?: number | ((item: T, index: number) => number);\n  estimatedRowHeight?: number;\n  /**\n   * A collection state instance created with [useCollection](./?path=/story/common-hooks--usecollection)\n   * @external\n   */\n  state: CollectionState<T, F> | TableState<T, F>;\n\n  // a flag to opt out from virtualization\n  isVirtual?: boolean;\n}\n\nexport function Table<T, F extends FiltersMap = FiltersMap>(\n  props: TableProps<T, F>,\n) {\n  const { rowHeight, estimatedRowHeight, isVirtual, ...tableProps } = props;\n  const container = useWixPatternsContainer();\n\n  const { internalExperiments } = container;\n\n  const isVirtualExperiment = internalExperiments?.enabled(\n    'specs.Cairo.TableVirtualizationAsDefault',\n  );\n\n  return isVirtualExperiment && isVirtual !== false && !props.rowDetails ? (\n    <TableVirtual\n      {...tableProps}\n      rowHeight={rowHeight}\n      estimatedRowHeight={estimatedRowHeight}\n    />\n  ) : (\n    <TableCompat {...tableProps} />\n  );\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAGA,IAAAG,YAAA,GAAAH,OAAA;AAA4C,IAAAI,YAAA;AAgBrC,SAASC,KAAKA,CACnBC,KAAuB,EACvB;EACA,MAAM;IAAEC,SAAS;IAAEC,kBAAkB;IAAEC,SAAS;IAAE,GAAGC;EAAW,CAAC,GAAGJ,KAAK;EACzE,MAAMK,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAE3C,MAAM;IAAEC;EAAoB,CAAC,GAAGF,SAAS;EAEzC,MAAMG,mBAAmB,GAAGD,mBAAmB,oBAAnBA,mBAAmB,CAAEE,OAAO,CACtD,0CACF,CAAC;EAED,OAAOD,mBAAmB,IAAIL,SAAS,KAAK,KAAK,IAAI,CAACH,KAAK,CAACU,UAAU,gBACpElB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAkB,YAAY,MAAAC,SAAA,CAAAH,OAAA,MACPP,UAAU;IACdH,SAAS,EAAEA,SAAU;IACrBC,kBAAkB,EAAEA,kBAAmB;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,EACxC,CAAC,gBAEF3B,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACf,YAAA,CAAAuB,WAAW,MAAAN,SAAA,CAAAH,OAAA,MAAKP,UAAU;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CAC/B;AACH","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_TableVirtual","_react2","_TableCompat","_jsxFileName","Table","props","rowHeight","estimatedRowHeight","isVirtual","tableProps","container","useWixPatternsContainer","internalExperiments","isVirtualExperiment","enabled","rowDetails","default","createElement","TableVirtual","_extends2","__self","__source","fileName","lineNumber","columnNumber","TableCompat"],"sources":["../../../../src/components/Table/Table.tsx"],"sourcesContent":["import React from 'react';\nimport { CollectionState, FiltersMap } from '@wix/bex-core';\nimport { TableVirtual } from './TableVirtual';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { CollectionTableBaseProps } from '../CollectionTable';\nimport { TableState } from '../../state';\nimport { TableCompat } from './TableCompat';\n\nexport interface TableProps<T, F extends FiltersMap>\n  extends CollectionTableBaseProps<T, F> {\n  rowHeight?: number | ((item: T, index: number) => number);\n  estimatedRowHeight?: number;\n  /**\n   * A collection state instance created using the [useCollection](./?path=/story/common-hooks--usecollection) hook, responsible for managing the data displayed in the table.\n   * @external\n   */\n  state: CollectionState<T, F> | TableState<T, F>;\n\n  // a flag to opt out from virtualization\n  isVirtual?: boolean;\n}\n\nexport function Table<T, F extends FiltersMap = FiltersMap>(\n  props: TableProps<T, F>,\n) {\n  const { rowHeight, estimatedRowHeight, isVirtual, ...tableProps } = props;\n  const container = useWixPatternsContainer();\n\n  const { internalExperiments } = container;\n\n  const isVirtualExperiment = internalExperiments?.enabled(\n    'specs.Cairo.TableVirtualizationAsDefault',\n  );\n\n  return isVirtualExperiment && isVirtual !== false && !props.rowDetails ? (\n    <TableVirtual\n      {...tableProps}\n      rowHeight={rowHeight}\n      estimatedRowHeight={estimatedRowHeight}\n    />\n  ) : (\n    <TableCompat {...tableProps} />\n  );\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAGA,IAAAG,YAAA,GAAAH,OAAA;AAA4C,IAAAI,YAAA;AAgBrC,SAASC,KAAKA,CACnBC,KAAuB,EACvB;EACA,MAAM;IAAEC,SAAS;IAAEC,kBAAkB;IAAEC,SAAS;IAAE,GAAGC;EAAW,CAAC,GAAGJ,KAAK;EACzE,MAAMK,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAE3C,MAAM;IAAEC;EAAoB,CAAC,GAAGF,SAAS;EAEzC,MAAMG,mBAAmB,GAAGD,mBAAmB,oBAAnBA,mBAAmB,CAAEE,OAAO,CACtD,0CACF,CAAC;EAED,OAAOD,mBAAmB,IAAIL,SAAS,KAAK,KAAK,IAAI,CAACH,KAAK,CAACU,UAAU,gBACpElB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAkB,YAAY,MAAAC,SAAA,CAAAH,OAAA,MACPP,UAAU;IACdH,SAAS,EAAEA,SAAU;IACrBC,kBAAkB,EAAEA,kBAAmB;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,EACxC,CAAC,gBAEF3B,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACf,YAAA,CAAAuB,WAAW,MAAAN,SAAA,CAAAH,OAAA,MAAKP,UAAU;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CAC/B;AACH","ignoreList":[]}

package/dist/cjs/components/Table/TableVirtual.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_ = "TableVirtual3837879508";
+var _namespace_ = "TableVirtual287008038";
 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": "TableVirtual3837879508__root",
-  "thead": "TableVirtual3837879508__thead"
+  "root": "TableVirtual287008038__root",
+  "thead": "TableVirtual287008038__thead"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Table/TableVirtual.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/Table/TableVirtual.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TableVirtual3837879508\";\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\":\"TableVirtual3837879508__root\",\"thead\":\"TableVirtual3837879508__thead\"};\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,OAAO,EAAC;AAA+B,CAAC;AAC7F,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/Table/TableVirtual.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TableVirtual287008038\";\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\":\"TableVirtual287008038__root\",\"thead\":\"TableVirtual287008038__thead\"};\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,OAAO,EAAC;AAA8B,CAAC;AAC3F,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/TableFolders/TableFoldersContent.js

@@ -82,7 +82,7 @@ function _TableFoldersContent(props) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 194,
+            lineNumber: 195,
             columnNumber: 15
           }
         });
@@ -93,7 +93,7 @@ function _TableFoldersContent(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 201,
+          lineNumber: 202,
           columnNumber: 13
         }
       });
@@ -131,14 +131,14 @@ function _TableFoldersContent(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 249,
+      lineNumber: 250,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_VirtualTableRepeater.VirtualTableRepeater, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 250,
+      lineNumber: 251,
       columnNumber: 13
     }
   }, children)));
@@ -169,7 +169,7 @@ function _TableFoldersContent(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 287,
+        lineNumber: 288,
         columnNumber: 11
       }
     }),
@@ -211,7 +211,7 @@ function _TableFoldersContent(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 275,
+      lineNumber: 276,
       columnNumber: 5
     }
   }), /*#__PURE__*/_react.default.createElement(_TablePlaceholderStates.TablePlaceholderStates, {
@@ -224,7 +224,7 @@ function _TableFoldersContent(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 331,
+      lineNumber: 332,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_CollectionTableContent.CollectionTableContent, {
@@ -232,7 +232,7 @@ function _TableFoldersContent(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 340,
+      lineNumber: 341,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_TableFoldersInfiniteScroll.TableFoldersInfiniteScroll, {
@@ -240,7 +240,7 @@ function _TableFoldersContent(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 341,
+      lineNumber: 342,
       columnNumber: 9
     }
   })));

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","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_TableFoldersContent","props","state","columns","renderError","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","st","classes","WSRTable","dataTableRowVirtualStyle","_extends2","showHeaderWhenEmpty","sticky","selectionToolbar","MultiCollectionBulkActionToolbar","rowClass","root","headerClass","thead","headerRowClass","useNewInfiniteScrollLoader","isApplyColumnWidthStyle","onSortClick","col","sortMode","clearResult","multiple","TablePlaceholderStates","CollectionTableContent","table","TableFoldersInfiniteScroll","TableFoldersContent","exports","observer"],"sources":["../../../../src/components/TableFolders/TableFoldersContent.tsx"],"sourcesContent":["import {\n  Avatar,\n  Table as WSRTable,\n  TableColumn as WSRTableColumn,\n} from '@wix/design-system';\nimport React, {\n  ComponentType,\n  ReactElement,\n  ReactNode,\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 { CollectionTableBaseCommonProps } from '../CollectionTable/CollectionTableBaseCommonProps';\nimport { SelectionDisabledProp } from '../../state/BulkActionToolbarState';\nimport { useCreateWSRColumnBase } from '../../hooks/useCreateWSRColumnBase';\nimport { TablePlaceholderStates } from '../TablePlaceholderStates/TablePlaceholderStates';\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      | 'emptyState'\n      | 'noResultsState'\n      | 'actionCell'\n      | 'sticky'\n      | 'topNotification'\n      | 'selectionDisabled'\n    >,\n    CollectionTableBaseCommonProps<T1, F1> {\n  dataHook?: string;\n  /** A TableFoldersState instance created using [useTableFolders](./?path=/story/common-hooks--usetablefolders). */\n  state: TableFoldersState<T1, F1, T2, F2>;\n  /** The same as [Table.columns](./?path=/story/components-collection--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  /**\n   * Enable to configure Wix Patterns default EmptyState behaviour.\n   * Will be shown in when the collection is empty.\n   * Pass [`<CollectionEmptyState />`](./?path=/story/components-collection-features--empty-state) component.\n   */\n  emptyState?: ReactNode;\n\n  /**\n   * Enable to configure Wix Patterns default NoResultsState behaviour.\n   * Will be shown in when the the results after search or filter is empty.\n   * Pass [`<NoResultsState />`](./?path=/story/components-collection-features--no-results-state) component.\n   */\n  noResultsState?: ReactNode;\n  folderActionCell?: ActionCell<T2, F2>;\n  topNotification?: ReactElement;\n  /**\n   * Render a custom toolbar when more than 1 item is selected.<br>\n   * The function accepts the following parameters\n   *   * `allSelected`: Indicates whether the \"Select All\" checkbox is checked\n   *   * `openModal`: Opens the a modal that contains the component from `bulkActionModal` render prop\n   *   * `closeModal`: Closes the a modal that contains the component from `bulkActionModal` render prop\n   *   * `clearSelection`: Clears all existing selection, call this after the action on the selected items was done\n   *   * `openConfirmModal`: Opens a `<MessageModalLayout/>` to confirm an action about to be applied on the selected items.\n   *\n   * > When passed, enables `showSelection` by default.\n   *\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    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  const { st, classes } =\n    WSRTable.dataTableRowVirtualStyle as import('@stylable/runtime').RuntimeStylesheet;\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      rowClass={st(classes.root)}\n      headerClass={st(classes.thead)}\n      headerRowClass={st(classes.root)}\n      columns={finalColumns}\n      useNewInfiniteScrollLoader\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    >\n      <TablePlaceholderStates\n        state={state}\n        emptyState={emptyState}\n        noResultsState={noResultsState}\n        renderError={renderError}\n        topNotification={topNotification}\n        rowVerticalPadding={rowVerticalPadding}\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","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_TableFoldersContent","props","state","columns","renderError","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","st","classes","WSRTable","dataTableRowVirtualStyle","_extends2","showHeaderWhenEmpty","sticky","selectionToolbar","MultiCollectionBulkActionToolbar","rowClass","root","headerClass","thead","headerRowClass","useNewInfiniteScrollLoader","isApplyColumnWidthStyle","onSortClick","col","sortMode","clearResult","multiple","TablePlaceholderStates","CollectionTableContent","table","TableFoldersInfiniteScroll","TableFoldersContent","exports","observer"],"sources":["../../../../src/components/TableFolders/TableFoldersContent.tsx"],"sourcesContent":["import {\n  Avatar,\n  Table as WSRTable,\n  TableColumn as WSRTableColumn,\n} from '@wix/design-system';\nimport React, {\n  ComponentType,\n  ReactElement,\n  ReactNode,\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 { CollectionTableBaseCommonProps } from '../CollectionTable/CollectionTableBaseCommonProps';\nimport { SelectionDisabledProp } from '../../state/BulkActionToolbarState';\nimport { useCreateWSRColumnBase } from '../../hooks/useCreateWSRColumnBase';\nimport { TablePlaceholderStates } from '../TablePlaceholderStates/TablePlaceholderStates';\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      | 'emptyState'\n      | 'noResultsState'\n      | 'actionCell'\n      | 'sticky'\n      | 'topNotification'\n      | 'selectionDisabled'\n    >,\n    CollectionTableBaseCommonProps<T1, F1> {\n  dataHook?: string;\n  /** A TableFoldersState instance created using [useTableFolders](./?path=/story/common-hooks--usetablefolders). */\n  state: TableFoldersState<T1, F1, T2, F2>;\n  /** The same as [Table.columns](./?path=/story/components-collection--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  /**\n   * Enable to configure Wix Patterns default EmptyState behaviour.\n   * Will be shown in when the collection is empty.\n   * Pass [`<CollectionEmptyState />`](./?path=/story/components-collection-features--empty-state) component.\n   */\n  emptyState?: ReactNode;\n\n  /**\n   * Enable to configure Wix Patterns default NoResultsState behaviour.\n   * Will be shown in when the the results after search or filter is empty.\n   * Pass [`<NoResultsState />`](./?path=/story/components-collection-features--no-results-state) component.\n   */\n  noResultsState?: ReactNode;\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=%2Fstory%2Fcommon-models--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    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  const { st, classes } =\n    WSRTable.dataTableRowVirtualStyle as import('@stylable/runtime').RuntimeStylesheet;\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      rowClass={st(classes.root)}\n      headerClass={st(classes.thead)}\n      headerRowClass={st(classes.root)}\n      columns={finalColumns}\n      useNewInfiniteScrollLoader\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    >\n      <TablePlaceholderStates\n        state={state}\n        emptyState={emptyState}\n        noResultsState={noResultsState}\n        renderError={renderError}\n        topNotification={topNotification}\n        rowVerticalPadding={rowVerticalPadding}\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/TableGridSwitch/TableGridSwitch.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Grid","_","_mobxReactLite","_TableGridSwitchButton","_InitialLoader","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_TableGridSwitch","props","state","dragAndDrop","gridState","tableState","toolbar","tableGridSwitchButton","createElement","TableGridSwitchButton","viewTypeState","__self","__source","fileName","lineNumber","columnNumber","useEffect","init","initTask","status","isLoading","isIdle","Fragment","InitialLoader","dataHook","viewType","Grid","_extends2","grid","Table","sticky","table","TableGridSwitch","exports","observer"],"sources":["../../../../src/components/TableGridSwitch/TableGridSwitch.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { Grid, GridBasePropsWithoutPreset } from '../Grid';\nimport { Table, TableProps } from '..';\nimport { observer } from 'mobx-react-lite';\nimport type { TableGridSwitchState } from '../../state/TableGridSwitchState';\nimport { TableGridSwitchButton } from '../TableGridSwitchButton';\nimport { GridPresetProps } from '../Grid/Grid.types';\nimport type { TableGridSwitchDragAndDrop } from './TableGridSwitchDragAndDrop';\nimport { InitialLoader } from '../InitialLoader';\n\nexport interface TableGridSwitchBaseProps<T, F extends FiltersMap>\n  extends Omit<\n      GridBasePropsWithoutPreset<T, F>,\n      'state' | 'dragAndDrop' | 'tableGridSwitchButton' | 'sticky'\n    >,\n    Omit<\n      TableProps<T, F>,\n      'state' | 'dragAndDrop' | 'tableGridSwitchButton' | 'sticky'\n    > {\n  /**\n   * A `TableGridSwitchState` instance created using [useTableGridSwitch](./?path=/story/common-hooks--usetablegridswitch).\n   */\n  state: TableGridSwitchState<T, F>;\n  /**\n   * Drag and drop implementation: `import { TableGridSwitchDragAndDrop } from '@wix/patterns';`\n   * > In order to make the drag and drop also re-order the collection after drop, also add [OptimisticActions](./?path=/story/components-collection-features--optimistic-actions).\n   * @external\n   */\n  dragAndDrop?: typeof TableGridSwitchDragAndDrop;\n}\n\nexport type TableGridSwitchProps<T, F extends FiltersMap> = GridPresetProps<\n  T,\n  TableGridSwitchBaseProps<T, F>\n>;\n\nexport function _TableGridSwitch<T, F extends FiltersMap = FiltersMap>(\n  props: TableGridSwitchProps<T, F>,\n) {\n  const { state, dragAndDrop } = props;\n  const { gridState, tableState, toolbar } = state;\n\n  const tableGridSwitchButton = (\n    <TableGridSwitchButton state={state.viewTypeState} />\n  );\n\n  useEffect(() => state.init(), []);\n\n  const {\n    initTask: { status },\n  } = state;\n\n  const isLoading = status.isIdle || status.isLoading;\n\n  return (\n    <>\n      {isLoading ? (\n        <InitialLoader dataHook=\"initial-loader\" state={toolbar} />\n      ) : state.viewType === 'grid' ? (\n        <Grid\n          {...props}\n          tableGridSwitchButton={tableGridSwitchButton}\n          state={gridState}\n          dragAndDrop={dragAndDrop?.grid}\n        />\n      ) : (\n        <Table\n          {...props}\n          sticky\n          tableGridSwitchButton={tableGridSwitchButton}\n          state={tableState}\n          dragAndDrop={dragAndDrop?.table}\n        />\n      )}\n    </>\n  );\n}\n\nexport const TableGridSwitch = observer(_TableGridSwitch);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_Grid","_","_mobxReactLite","_TableGridSwitchButton","_InitialLoader","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_TableGridSwitch","props","state","dragAndDrop","gridState","tableState","toolbar","tableGridSwitchButton","createElement","TableGridSwitchButton","viewTypeState","__self","__source","fileName","lineNumber","columnNumber","useEffect","init","initTask","status","isLoading","isIdle","Fragment","InitialLoader","dataHook","viewType","Grid","_extends2","grid","Table","sticky","table","TableGridSwitch","exports","observer"],"sources":["../../../../src/components/TableGridSwitch/TableGridSwitch.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { Grid, GridBasePropsWithoutPreset } from '../Grid';\nimport { Table, TableProps } from '..';\nimport { observer } from 'mobx-react-lite';\nimport type { TableGridSwitchState } from '../../state/TableGridSwitchState';\nimport { TableGridSwitchButton } from '../TableGridSwitchButton';\nimport { GridPresetProps } from '../Grid/Grid.types';\nimport type { TableGridSwitchDragAndDrop } from './TableGridSwitchDragAndDrop';\nimport { InitialLoader } from '../InitialLoader';\n\nexport interface TableGridSwitchBaseProps<T, F extends FiltersMap>\n  extends Omit<\n      GridBasePropsWithoutPreset<T, F>,\n      'state' | 'dragAndDrop' | 'tableGridSwitchButton' | 'sticky'\n    >,\n    Omit<\n      TableProps<T, F>,\n      'state' | 'dragAndDrop' | 'tableGridSwitchButton' | 'sticky'\n    > {\n  /**\n   * A `TableGridSwitchState` instance created using [useTableGridSwitch](./?path=/story/common-hooks--usetablegridswitch).\n   */\n  state: TableGridSwitchState<T, F>;\n  /**\n   * Adds functionality to allow visitors to reorder items manually.\n   * This prop accepts a [Drag and Drop](./?path=%2Fstory%2Fcomponents-collection-features--drag-and-drop) component.\n   * @external\n   */\n  dragAndDrop?: typeof TableGridSwitchDragAndDrop;\n}\n\nexport type TableGridSwitchProps<T, F extends FiltersMap> = GridPresetProps<\n  T,\n  TableGridSwitchBaseProps<T, F>\n>;\n\nexport function _TableGridSwitch<T, F extends FiltersMap = FiltersMap>(\n  props: TableGridSwitchProps<T, F>,\n) {\n  const { state, dragAndDrop } = props;\n  const { gridState, tableState, toolbar } = state;\n\n  const tableGridSwitchButton = (\n    <TableGridSwitchButton state={state.viewTypeState} />\n  );\n\n  useEffect(() => state.init(), []);\n\n  const {\n    initTask: { status },\n  } = state;\n\n  const isLoading = status.isIdle || status.isLoading;\n\n  return (\n    <>\n      {isLoading ? (\n        <InitialLoader dataHook=\"initial-loader\" state={toolbar} />\n      ) : state.viewType === 'grid' ? (\n        <Grid\n          {...props}\n          tableGridSwitchButton={tableGridSwitchButton}\n          state={gridState}\n          dragAndDrop={dragAndDrop?.grid}\n        />\n      ) : (\n        <Table\n          {...props}\n          sticky\n          tableGridSwitchButton={tableGridSwitchButton}\n          state={tableState}\n          dragAndDrop={dragAndDrop?.table}\n        />\n      )}\n    </>\n  );\n}\n\nexport const TableGridSwitch = observer(_TableGridSwitch);\n"],"mappings":"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","ignoreList":[]}