@wix/patterns 1.229.0 → 1.231.0

package/dist/cjs/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.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/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MultipleDragOverlayEffect380559074\";\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\":\"MultipleDragOverlayEffect380559074__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,oCAAoC;AACtD,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;AAA0C,CAAC;AACjE,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/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MultipleDragOverlayEffect3950300445\";\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\":\"MultipleDragOverlayEffect3950300445__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,qCAAqC;AACvD,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;AAA2C,CAAC;AAClE,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/NestedTableDragAndDrop/NestedTableDragAndDropRow.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_ = "NestedTableDragAndDropRow1687240790";
+var _namespace_ = "NestedTableDragAndDropRow153810227";
 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": "NestedTableDragAndDropRow1687240790__root"
+  "root": "NestedTableDragAndDropRow153810227__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.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/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTableDragAndDropRow1687240790\";\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\":\"NestedTableDragAndDropRow1687240790__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,qCAAqC;AACvD,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;AAA2C,CAAC;AAClE,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/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTableDragAndDropRow153810227\";\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\":\"NestedTableDragAndDropRow153810227__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,oCAAoC;AACtD,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;AAA0C,CAAC;AACjE,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/Picker/Picker.js

@@ -32,36 +32,76 @@ function _Picker(props) {
   let child;
   if (status.isIdle || showRefreshLoader) {
     // the loader container should be according to the last number of items height (`contentHeight`)
-    child = /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-      height: "100%",
-      align: "center",
-      verticalAlign: "middle",
-      minHeight: minContentHeight,
+    child = /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonGroup, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 42,
+        lineNumber: 48,
         columnNumber: 7
       }
-    }, /*#__PURE__*/_react.default.createElement(_designSystem.Loader, {
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      direction: "vertical",
+      width: "100%",
+      minHeight: minContentHeight,
       dataHook: "search-loader",
+      gap: "0",
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 48,
+        lineNumber: 49,
         columnNumber: 9
       }
-    }));
-    child = /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    }, Array.from({
+      length: 8
+    }).map((_, index) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      key: index,
+      direction: "horizontal",
+      gap: "24px",
+      padding: "12px 24px",
+      align: "center",
+      verticalAlign: "middle",
+      justifyItems: "center",
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 58,
+        columnNumber: 15
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonCircle, {
+      diameter: "48px",
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 67,
+        columnNumber: 17
+      }
+    }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
       direction: "vertical",
-      overflow: "auto",
+      gap: "6px",
+      flex: "1",
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 53,
-        columnNumber: 7
+        lineNumber: 68,
+        columnNumber: 17
       }
-    }, child);
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonLine, {
+      width: "120px",
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 69,
+        columnNumber: 19
+      }
+    }), /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonLine, {
+      width: "240px",
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 70,
+        columnNumber: 19
+      }
+    })))))));
   } else if (status.isError) {
     child = renderError({
       err: status.error,
@@ -77,7 +117,7 @@ function _Picker(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 63,
+        lineNumber: 84,
         columnNumber: 7
       }
     }, child);
@@ -87,7 +127,7 @@ function _Picker(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 76,
+        lineNumber: 97,
         columnNumber: 7
       }
     }, child);
@@ -99,7 +139,7 @@ function _Picker(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 82,
+        lineNumber: 103,
         columnNumber: 7
       }
     });
@@ -110,7 +150,7 @@ function _Picker(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 90,
+        lineNumber: 111,
         columnNumber: 7
       }
     }, children);
@@ -123,7 +163,7 @@ function _Picker(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 97,
+      lineNumber: 118,
       columnNumber: 5
     }
   }, child);

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_PickerEmptyStateContainer","_jsxFileName","_Picker","props","state","renderEmptyState","renderError","dataHook","children","flex","hasFilterDropdown","collection","minContentHeight","showRefreshLoader","result","status","isEmptyAndNotFetching","child","isIdle","default","createElement","Box","height","align","verticalAlign","minHeight","__self","__source","fileName","lineNumber","columnNumber","Loader","direction","overflow","isError","err","error","isOnline","paddingTop","paddingBottom","PickerEmptyStateContainer","Picker","exports","observer"],"sources":["../../../../src/components/Picker/Picker.tsx"],"sourcesContent":["import React, { CSSProperties, ReactElement, ReactNode } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { ComputedQuery, FiltersMap, PickerState } from '@wix/bex-core';\nimport { Box, BoxProps, Loader } from '@wix/design-system';\nimport { PickerEmptyStateContainer } from '../PickerEmptyState/PickerEmptyStateContainer';\n\nexport interface PickerProps<T, F extends FiltersMap> {\n  dataHook?: BoxProps['dataHook'];\n  flex?: CSSProperties['flex'];\n  state: PickerState<T, F>;\n  renderError: (params: { err: unknown; isOnline: boolean }) => ReactElement;\n  renderEmptyState?: (params: {\n    hasAvailableItems: boolean;\n    query: ComputedQuery<F>;\n  }) => ReactElement | null | undefined;\n  hasFilterDropdown?: boolean;\n  children: ReactNode;\n}\n\nfunction _Picker<T, F extends FiltersMap = FiltersMap>(\n  props: PickerProps<T, F>,\n) {\n  const {\n    state,\n    renderEmptyState,\n    renderError,\n    dataHook,\n    children,\n    flex,\n    hasFilterDropdown,\n  } = props;\n  const { collection, minContentHeight } = state;\n  const {\n    showRefreshLoader,\n    result: { status, isEmptyAndNotFetching },\n  } = collection;\n\n  let child: ReactNode;\n  if (status.isIdle || showRefreshLoader) {\n    // the loader container should be according to the last number of items height (`contentHeight`)\n    child = (\n      <Box\n        height=\"100%\"\n        align=\"center\"\n        verticalAlign=\"middle\"\n        minHeight={minContentHeight}\n      >\n        <Loader dataHook=\"search-loader\" />\n      </Box>\n    );\n\n    child = (\n      <Box direction=\"vertical\" overflow=\"auto\">\n        {child}\n      </Box>\n    );\n  } else if (status.isError) {\n    child = renderError({\n      err: status.error,\n      isOnline: collection.isOnline(),\n    });\n    child = (\n      <Box\n        align=\"center\"\n        verticalAlign=\"middle\"\n        paddingTop=\"SP2\"\n        paddingBottom=\"SP9\"\n        height=\"100%\"\n        minHeight={minContentHeight}\n      >\n        {child}\n      </Box>\n    );\n\n    child = (\n      <Box direction=\"vertical\" overflow=\"auto\">\n        {child}\n      </Box>\n    );\n  } else if (isEmptyAndNotFetching) {\n    child = (\n      <PickerEmptyStateContainer\n        state={state}\n        hasFilterDropdown={hasFilterDropdown}\n        renderEmptyState={renderEmptyState}\n      />\n    );\n  } else {\n    child = (\n      <Box minHeight={minContentHeight} direction=\"vertical\">\n        {children}\n      </Box>\n    );\n  }\n\n  return (\n    <Box dataHook={dataHook} direction=\"vertical\" overflow=\"hidden\" flex={flex}>\n      {child}\n    </Box>\n  );\n}\n\nexport const Picker = observer(_Picker);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,0BAAA,GAAAH,OAAA;AAA0F,IAAAI,YAAA;AAe1F,SAASC,OAAOA,CACdC,KAAwB,EACxB;EACA,MAAM;IACJC,KAAK;IACLC,gBAAgB;IAChBC,WAAW;IACXC,QAAQ;IACRC,QAAQ;IACRC,IAAI;IACJC;EACF,CAAC,GAAGP,KAAK;EACT,MAAM;IAAEQ,UAAU;IAAEC;EAAiB,CAAC,GAAGR,KAAK;EAC9C,MAAM;IACJS,iBAAiB;IACjBC,MAAM,EAAE;MAAEC,MAAM;MAAEC;IAAsB;EAC1C,CAAC,GAAGL,UAAU;EAEd,IAAIM,KAAgB;EACpB,IAAIF,MAAM,CAACG,MAAM,IAAIL,iBAAiB,EAAE;IACtC;IACAI,KAAK,gBACHtB,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACrB,aAAA,CAAAsB,GAAG;MACFC,MAAM,EAAC,MAAM;MACbC,KAAK,EAAC,QAAQ;MACdC,aAAa,EAAC,QAAQ;MACtBC,SAAS,EAAEb,gBAAiB;MAAAc,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA3B,YAAA;QAAA4B,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAE5BnC,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACrB,aAAA,CAAAgC,MAAM;MAACxB,QAAQ,EAAC,eAAe;MAAAmB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA3B,YAAA;QAAA4B,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAC/B,CACN;IAEDb,KAAK,gBACHtB,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACrB,aAAA,CAAAsB,GAAG;MAACW,SAAS,EAAC,UAAU;MAACC,QAAQ,EAAC,MAAM;MAAAP,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA3B,YAAA;QAAA4B,UAAA;QAAAC,YAAA;MAAA;IAAA,GACtCb,KACE,CACN;EACH,CAAC,MAAM,IAAIF,MAAM,CAACmB,OAAO,EAAE;IACzBjB,KAAK,GAAGX,WAAW,CAAC;MAClB6B,GAAG,EAAEpB,MAAM,CAACqB,KAAK;MACjBC,QAAQ,EAAE1B,UAAU,CAAC0B,QAAQ,CAAC;IAChC,CAAC,CAAC;IACFpB,KAAK,gBACHtB,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACrB,aAAA,CAAAsB,GAAG;MACFE,KAAK,EAAC,QAAQ;MACdC,aAAa,EAAC,QAAQ;MACtBc,UAAU,EAAC,KAAK;MAChBC,aAAa,EAAC,KAAK;MACnBjB,MAAM,EAAC,MAAM;MACbG,SAAS,EAAEb,gBAAiB;MAAAc,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA3B,YAAA;QAAA4B,UAAA;QAAAC,YAAA;MAAA;IAAA,GAE3Bb,KACE,CACN;IAEDA,KAAK,gBACHtB,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACrB,aAAA,CAAAsB,GAAG;MAACW,SAAS,EAAC,UAAU;MAACC,QAAQ,EAAC,MAAM;MAAAP,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA3B,YAAA;QAAA4B,UAAA;QAAAC,YAAA;MAAA;IAAA,GACtCb,KACE,CACN;EACH,CAAC,MAAM,IAAID,qBAAqB,EAAE;IAChCC,KAAK,gBACHtB,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACpB,0BAAA,CAAAwC,yBAAyB;MACxBpC,KAAK,EAAEA,KAAM;MACbM,iBAAiB,EAAEA,iBAAkB;MACrCL,gBAAgB,EAAEA,gBAAiB;MAAAqB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA3B,YAAA;QAAA4B,UAAA;QAAAC,YAAA;MAAA;IAAA,CACpC,CACF;EACH,CAAC,MAAM;IACLb,KAAK,gBACHtB,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACrB,aAAA,CAAAsB,GAAG;MAACI,SAAS,EAAEb,gBAAiB;MAACoB,SAAS,EAAC,UAAU;MAAAN,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA3B,YAAA;QAAA4B,UAAA;QAAAC,YAAA;MAAA;IAAA,GACnDtB,QACE,CACN;EACH;EAEA,oBACEb,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACrB,aAAA,CAAAsB,GAAG;IAACd,QAAQ,EAAEA,QAAS;IAACyB,SAAS,EAAC,UAAU;IAACC,QAAQ,EAAC,QAAQ;IAACxB,IAAI,EAAEA,IAAK;IAAAiB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3B,YAAA;MAAA4B,UAAA;MAAAC,YAAA;IAAA;EAAA,GACxEb,KACE,CAAC;AAEV;AAEO,MAAMwB,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,uBAAQ,EAACzC,OAAO,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_PickerEmptyStateContainer","_jsxFileName","_Picker","props","state","renderEmptyState","renderError","dataHook","children","flex","hasFilterDropdown","collection","minContentHeight","showRefreshLoader","result","status","isEmptyAndNotFetching","child","isIdle","default","createElement","SkeletonGroup","__self","__source","fileName","lineNumber","columnNumber","Box","direction","width","minHeight","gap","Array","from","length","map","_","index","Fragment","key","padding","align","verticalAlign","justifyItems","SkeletonCircle","diameter","SkeletonLine","isError","err","error","isOnline","paddingTop","paddingBottom","height","overflow","PickerEmptyStateContainer","Picker","exports","observer"],"sources":["../../../../src/components/Picker/Picker.tsx"],"sourcesContent":["import React, { CSSProperties, ReactElement, ReactNode } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { ComputedQuery, FiltersMap, PickerState } from '@wix/bex-core';\nimport {\n  Box,\n  BoxProps,\n  SkeletonCircle,\n  SkeletonGroup,\n  SkeletonLine,\n} from '@wix/design-system';\nimport { PickerEmptyStateContainer } from '../PickerEmptyState/PickerEmptyStateContainer';\n\nexport interface PickerProps<T, F extends FiltersMap> {\n  dataHook?: BoxProps['dataHook'];\n  flex?: CSSProperties['flex'];\n  state: PickerState<T, F>;\n  renderError: (params: { err: unknown; isOnline: boolean }) => ReactElement;\n  renderEmptyState?: (params: {\n    hasAvailableItems: boolean;\n    query: ComputedQuery<F>;\n  }) => ReactElement | null | undefined;\n  hasFilterDropdown?: boolean;\n  children: ReactNode;\n}\n\nfunction _Picker<T, F extends FiltersMap = FiltersMap>(\n  props: PickerProps<T, F>,\n) {\n  const {\n    state,\n    renderEmptyState,\n    renderError,\n    dataHook,\n    children,\n    flex,\n    hasFilterDropdown,\n  } = props;\n  const { collection, minContentHeight } = state;\n  const {\n    showRefreshLoader,\n    result: { status, isEmptyAndNotFetching },\n  } = collection;\n\n  let child: ReactNode;\n  if (status.isIdle || showRefreshLoader) {\n    // the loader container should be according to the last number of items height (`contentHeight`)\n    child = (\n      <SkeletonGroup>\n        <Box\n          direction=\"vertical\"\n          width=\"100%\"\n          minHeight={minContentHeight}\n          dataHook=\"search-loader\"\n          gap=\"0\"\n        >\n          {Array.from({ length: 8 }).map((_, index) => (\n            <>\n              <Box\n                key={index}\n                direction=\"horizontal\"\n                gap=\"24px\"\n                padding=\"12px 24px\"\n                align=\"center\"\n                verticalAlign=\"middle\"\n                justifyItems=\"center\"\n              >\n                <SkeletonCircle diameter=\"48px\" />\n                <Box direction=\"vertical\" gap=\"6px\" flex=\"1\">\n                  <SkeletonLine width=\"120px\" />\n                  <SkeletonLine width=\"240px\" />\n                </Box>\n              </Box>\n            </>\n          ))}\n        </Box>\n      </SkeletonGroup>\n    );\n  } else if (status.isError) {\n    child = renderError({\n      err: status.error,\n      isOnline: collection.isOnline(),\n    });\n    child = (\n      <Box\n        align=\"center\"\n        verticalAlign=\"middle\"\n        paddingTop=\"SP2\"\n        paddingBottom=\"SP9\"\n        height=\"100%\"\n        minHeight={minContentHeight}\n      >\n        {child}\n      </Box>\n    );\n\n    child = (\n      <Box direction=\"vertical\" overflow=\"auto\">\n        {child}\n      </Box>\n    );\n  } else if (isEmptyAndNotFetching) {\n    child = (\n      <PickerEmptyStateContainer\n        state={state}\n        hasFilterDropdown={hasFilterDropdown}\n        renderEmptyState={renderEmptyState}\n      />\n    );\n  } else {\n    child = (\n      <Box minHeight={minContentHeight} direction=\"vertical\">\n        {children}\n      </Box>\n    );\n  }\n\n  return (\n    <Box dataHook={dataHook} direction=\"vertical\" overflow=\"hidden\" flex={flex}>\n      {child}\n    </Box>\n  );\n}\n\nexport const Picker = observer(_Picker);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/PickerContent/PickerContent.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_ = "PickerContent1590550527";
+var _namespace_ = "PickerContent1383910547";
 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": "PickerContent1590550527__root"
+  "root": "PickerContent1383910547__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

package/dist/cjs/components/PickerContent/PickerContentAdditionalStep.st.css.js

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "PickerContentAdditionalStep1412446085";
+var _namespace_ = "PickerContentAdditionalStep2226988909";
 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": "PickerContentAdditionalStep1412446085__root",
-  "titles": "PickerContentAdditionalStep1412446085__titles",
-  "suffix": "PickerContentAdditionalStep1412446085__suffix"
+  "root": "PickerContentAdditionalStep2226988909__root",
+  "titles": "PickerContentAdditionalStep2226988909__titles",
+  "suffix": "PickerContentAdditionalStep2226988909__suffix"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/PickerContent/PickerContentAdditionalStep.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/PickerContent/PickerContentAdditionalStep.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContentAdditionalStep1412446085\";\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\":\"PickerContentAdditionalStep1412446085__root\",\"titles\":\"PickerContentAdditionalStep1412446085__titles\",\"suffix\":\"PickerContentAdditionalStep1412446085__suffix\"};\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,uCAAuC;AACzD,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,6CAA6C;EAAC,QAAQ,EAAC,+CAA+C;EAAC,QAAQ,EAAC;AAA+C,CAAC;AACtL,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/PickerContent/PickerContentAdditionalStep.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContentAdditionalStep2226988909\";\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\":\"PickerContentAdditionalStep2226988909__root\",\"titles\":\"PickerContentAdditionalStep2226988909__titles\",\"suffix\":\"PickerContentAdditionalStep2226988909__suffix\"};\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,uCAAuC;AACzD,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,6CAA6C;EAAC,QAAQ,EAAC,+CAA+C;EAAC,QAAQ,EAAC;AAA+C,CAAC;AACtL,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/PickerTableListItem/PickerTableListItem.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_ = "PickerTableListItem1801825270";
+var _namespace_ = "PickerTableListItem1815970055";
 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": "PickerTableListItem1801825270__root"
+  "root": "PickerTableListItem1815970055__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

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_ = "ScrollableContent3860833182";
+var _namespace_ = "ScrollableContent3240924750";
 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": "ScrollableContent3860833182__root"
+  "root": "ScrollableContent3240924750__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_ = \"ScrollableContent3860833182\";\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\":\"ScrollableContent3860833182__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_ = \"ScrollableContent3240924750\";\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\":\"ScrollableContent3240924750__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/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_ = "SkeletonCard2442733204";
+var _namespace_ = "SkeletonCard2697896038";
 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": "SkeletonCard2442733204__root",
-  "headerLoading": "SkeletonCard2442733204__headerLoading"
+  "root": "SkeletonCard2697896038__root",
+  "headerLoading": "SkeletonCard2697896038__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_ = \"SkeletonCard2442733204\";\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\":\"SkeletonCard2442733204__root\",\"headerLoading\":\"SkeletonCard2442733204__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_ = \"SkeletonCard2697896038\";\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\":\"SkeletonCard2697896038__root\",\"headerLoading\":\"SkeletonCard2697896038__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_ = "SlidingModal730037242";
+var _namespace_ = "SlidingModal1034476344";
 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": "SlidingModal730037242__root"
+  "root": "SlidingModal1034476344__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_ = \"SlidingModal730037242\";\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\":\"SlidingModal730037242__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA6B,CAAC;AACpD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/SlidingModal/SlidingModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SlidingModal1034476344\";\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\":\"SlidingModal1034476344__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/Table/Table.js

@@ -27,14 +27,14 @@ function Table(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 36,
+      lineNumber: 44,
       columnNumber: 5
     }
   })) : /*#__PURE__*/_react.default.createElement(_TableCompat.TableCompat, (0, _extends2.default)({}, tableProps, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 42,
+      lineNumber: 50,
       columnNumber: 5
     }
   }));

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 state instance created using the [`useTableCollection()`](./?path=/story/base-components-collections-table-usetablecollection--usetablecollection) hook, responsible for managing the data displayed in the table.\n   * @overrideType [TableState](./?path=/story/base-components-collections-table-tablestate--tablestate)\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  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;AAiBrC,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;EACD,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';\nimport type { TableSectionsProp } from '../TableSections';\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 state instance created using the [`useTableCollection()`](./?path=/story/base-components-collections-table-usetablecollection--usetablecollection) hook, responsible for managing the data displayed in the table.\n   * @overrideType [TableState](./?path=/story/base-components-collections-table-tablestate--tablestate)\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  /**\n   * Configuration for rendering table sections. When provided, the table will render with section headers\n   * that group related rows together\n   * @external\n   */\n  sections?: TableSectionsProp<T>;\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  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;AAyBrC,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;EACD,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/Table.uni.driver.js

@@ -17,6 +17,7 @@ var _TagsAssignButtonUni = _interopRequireDefault(require("../TagsAssignButton/T
 var _CollectionEmptyStateUni = require("../EmptyState/CollectionEmptyState.uni.driver");
 var _CollectionPremiumEmptyStateUni = require("../EmptyState/CollectionPremiumEmptyState.uni.driver");
 var _CollectionNoResultsStateUni = require("../EmptyState/CollectionNoResultsState.uni.driver");
+var _CollectionSectionHeaderUni = require("../CollectionSectionHeader/CollectionSectionHeader.uni.driver");
 function TableUniDriver(base, body) {
   const collectionTable = (0, _CollectionTableUni.CollectionTableUniDriver)(base.$('[data-hook="collection-table"]'), body);
   const initialLoaderBase = () => base.$(`[data-hook="toolbar-skeleton"]`);
@@ -365,7 +366,9 @@ function TableUniDriver(base, body) {
     internalScrollDownToItem: (index, options = {}) => scrollDownToItem(index, {
       ...options,
       scrollableElementDataHook: 'toolbar-collection-content-auto-sizer'
-    })
+    }),
+    getSectionHeadersCount: () => base.$$('[data-hook="table-section-header"]').count(),
+    getSectionHeaderAt: index => (0, _CollectionSectionHeaderUni.CollectionSectionHeaderUniDriver)(base.$$('[data-hook="table-section-header"]').get(index), body)
   };
 }
 var _default = exports.default = TableUniDriver;