@wix/patterns 1.88.0 → 1.90.0

package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragOverlay.uni.driver.js

@@ -6,10 +6,13 @@ var _unidriver = require("@wix/wix-ui-test-utils/unidriver");
 var _unidriver2 = require("@wix/design-system/dist/testkit/unidriver");
 function NestedTableDragOverlayUniDriver(base, body) {
   const getDepthLimitMessageDriver = () => (0, _unidriver2.TagUniDriver)(base.$('[data-hook="nested-table-dnd-depth-limit-message"]'), body);
+  const getDisableMessageDriver = () => (0, _unidriver2.TagUniDriver)(base.$('[data-hook="nested-table-dnd-disabled-message"]'), body);
   return {
     ...(0, _unidriver.baseUniDriverFactory)(base),
     depthLimitMessageExists: () => getDepthLimitMessageDriver().exists(),
-    getDepthLimitMessage: () => getDepthLimitMessageDriver().getLabel()
+    getDepthLimitMessage: () => getDepthLimitMessageDriver().getLabel(),
+    disableMessageExists: () => getDisableMessageDriver().exists(),
+    getDisableMessage: () => getDisableMessageDriver().getLabel()
   };
 }
 //# sourceMappingURL=NestedTableDragOverlay.uni.driver.js.map

package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragOverlay.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_unidriver2","NestedTableDragOverlayUniDriver","base","body","getDepthLimitMessageDriver","TagUniDriver","$","baseUniDriverFactory","depthLimitMessageExists","exists","getDepthLimitMessage","getLabel"],"sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragOverlay.uni.driver.ts"],"sourcesContent":["import {\n  baseUniDriverFactory,\n  UniDriver,\n} from '@wix/wix-ui-test-utils/unidriver';\nimport { TagUniDriver } from '@wix/design-system/dist/testkit/unidriver';\n\nexport function NestedTableDragOverlayUniDriver(\n  base: UniDriver,\n  body: UniDriver,\n) {\n  const getDepthLimitMessageDriver = () =>\n    TagUniDriver(\n      base.$('[data-hook=\"nested-table-dnd-depth-limit-message\"]'),\n      body,\n    );\n\n  return {\n    ...baseUniDriverFactory(base),\n    depthLimitMessageExists: () => getDepthLimitMessageDriver().exists(),\n    getDepthLimitMessage: () => getDepthLimitMessageDriver().getLabel(),\n  };\n}\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAIA,IAAAC,WAAA,GAAAD,OAAA;AAEO,SAASE,+BAA+BA,CAC7CC,IAAe,EACfC,IAAe,EACf;EACA,MAAMC,0BAA0B,GAAGA,CAAA,KACjC,IAAAC,wBAAY,EACVH,IAAI,CAACI,CAAC,CAAC,oDAAoD,CAAC,EAC5DH,IACF,CAAC;EAEH,OAAO;IACL,GAAG,IAAAI,+BAAoB,EAACL,IAAI,CAAC;IAC7BM,uBAAuB,EAAEA,CAAA,KAAMJ,0BAA0B,CAAC,CAAC,CAACK,MAAM,CAAC,CAAC;IACpEC,oBAAoB,EAAEA,CAAA,KAAMN,0BAA0B,CAAC,CAAC,CAACO,QAAQ,CAAC;EACpE,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_unidriver2","NestedTableDragOverlayUniDriver","base","body","getDepthLimitMessageDriver","TagUniDriver","$","getDisableMessageDriver","baseUniDriverFactory","depthLimitMessageExists","exists","getDepthLimitMessage","getLabel","disableMessageExists","getDisableMessage"],"sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragOverlay.uni.driver.ts"],"sourcesContent":["import {\n  baseUniDriverFactory,\n  UniDriver,\n} from '@wix/wix-ui-test-utils/unidriver';\nimport { TagUniDriver } from '@wix/design-system/dist/testkit/unidriver';\n\nexport function NestedTableDragOverlayUniDriver(\n  base: UniDriver,\n  body: UniDriver,\n) {\n  const getDepthLimitMessageDriver = () =>\n    TagUniDriver(\n      base.$('[data-hook=\"nested-table-dnd-depth-limit-message\"]'),\n      body,\n    );\n\n  const getDisableMessageDriver = () =>\n    TagUniDriver(\n      base.$('[data-hook=\"nested-table-dnd-disabled-message\"]'),\n      body,\n    );\n\n  return {\n    ...baseUniDriverFactory(base),\n    depthLimitMessageExists: () => getDepthLimitMessageDriver().exists(),\n    getDepthLimitMessage: () => getDepthLimitMessageDriver().getLabel(),\n    disableMessageExists: () => getDisableMessageDriver().exists(),\n    getDisableMessage: () => getDisableMessageDriver().getLabel(),\n  };\n}\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAIA,IAAAC,WAAA,GAAAD,OAAA;AAEO,SAASE,+BAA+BA,CAC7CC,IAAe,EACfC,IAAe,EACf;EACA,MAAMC,0BAA0B,GAAGA,CAAA,KACjC,IAAAC,wBAAY,EACVH,IAAI,CAACI,CAAC,CAAC,oDAAoD,CAAC,EAC5DH,IACF,CAAC;EAEH,MAAMI,uBAAuB,GAAGA,CAAA,KAC9B,IAAAF,wBAAY,EACVH,IAAI,CAACI,CAAC,CAAC,iDAAiD,CAAC,EACzDH,IACF,CAAC;EAEH,OAAO;IACL,GAAG,IAAAK,+BAAoB,EAACN,IAAI,CAAC;IAC7BO,uBAAuB,EAAEA,CAAA,KAAML,0BAA0B,CAAC,CAAC,CAACM,MAAM,CAAC,CAAC;IACpEC,oBAAoB,EAAEA,CAAA,KAAMP,0BAA0B,CAAC,CAAC,CAACQ,QAAQ,CAAC,CAAC;IACnEC,oBAAoB,EAAEA,CAAA,KAAMN,uBAAuB,CAAC,CAAC,CAACG,MAAM,CAAC,CAAC;IAC9DI,iBAAiB,EAAEA,CAAA,KAAMP,uBAAuB,CAAC,CAAC,CAACK,QAAQ,CAAC;EAC9D,CAAC;AACH","ignoreList":[]}

package/dist/cjs/components/NestedTableDragAndDrop/createUseIsDropDisabled.js

@@ -13,11 +13,6 @@ const createUseIsDropDisabled = state => {
     // Get the ID of the currently active (dragged) item
     const activeItemId = (0, _useSelector.useSelector)(() => state.dnd.activeId);
 
-    // If levels contain the same entity, dropping is always allowed
-    if (state.isSameEntityAsOtherLevels) {
-      return false;
-    }
-
     // If there's no active (dragged) item, disable dropping
     if (!activeItemId) {
       return true;
@@ -31,6 +26,22 @@ const createUseIsDropDisabled = state => {
     if (!activeItemState || !targetItemState) {
       return true;
     }
+    const activeKeyedItem = state.dnd.collection.getKeyedItem(activeItemId);
+    const targetKeyedItem = state.dnd.collection.getKeyedItem(targetNodeId.toString());
+    if (!activeKeyedItem || !targetKeyedItem) {
+      return true;
+    }
+    if (activeItemState.levelDescriptor.dragAndDropDisabled != null && activeItemState.levelDescriptor.dragAndDropDisabled({
+      from: activeKeyedItem.item.originalKeyedItem,
+      over: targetKeyedItem.item.originalKeyedItem
+    })) {
+      return true;
+    }
+
+    // If levels contain the same entity, dropping is always allowed
+    if (state.isSameEntityAsOtherLevels) {
+      return false;
+    }
 
     // Get the index of the active (dragged) item and the target (hovered) item in the nested state
     const activeItemIndex = ((_state$nestedState$ge3 = state.nestedState.getKeyedItem(activeItemId)) == null ? void 0 : _state$nestedState$ge3.index) || 0;

package/dist/cjs/components/NestedTableDragAndDrop/createUseIsDropDisabled.js.map

@@ -1 +1 @@
-{"version":3,"names":["_useSelector","require","createUseIsDropDisabled","state","targetNodeId","_state$nestedState$ge","_state$nestedState$ge2","_state$nestedState$ge3","_state$nestedState$ge4","_nextItem$item$state","_previousItem$item$st","_nextItem$item$state2","activeItemId","useSelector","dnd","activeId","isSameEntityAsOtherLevels","activeItemState","nestedState","getKeyedItem","item","targetItemState","toString","activeItemIndex","index","targetItemIndex","previousItem","keyedItems","nextItem","isMovingDownToSublevel","childrenDepth","isMovingUpToSubLevel","targetItemHasChildren","isSameLevelWithoutChildren","isNextLevelWithoutChildren","isStepOutToSameLevel","exports"],"sources":["../../../../src/components/NestedTableDragAndDrop/createUseIsDropDisabled.ts"],"sourcesContent":["import { useSelector } from '../../useSelector';\nimport { NestedTableDragAndDropState } from './NestedTableDragAndDropState';\n\n/**\n * Factory function to create a custom hook `useIsDropDisabled` that determines\n * whether the drop is disabled for a given node based on drag-and-drop state.\n */\nexport const createUseIsDropDisabled = <C extends string>(\n  state: NestedTableDragAndDropState<C>,\n) => {\n  return (targetNodeId: string | number): boolean => {\n    // Get the ID of the currently active (dragged) item\n    const activeItemId = useSelector(() => state.dnd.activeId);\n\n    // If levels contain the same entity, dropping is always allowed\n    if (state.isSameEntityAsOtherLevels) {\n      return false;\n    }\n\n    // If there's no active (dragged) item, disable dropping\n    if (!activeItemId) {\n      return true;\n    }\n\n    // Retrieve the state of the active (dragged) item and the target (hovered) item\n    const activeItemState =\n      state.nestedState.getKeyedItem(activeItemId)?.item.state;\n    const targetItemState = state.nestedState.getKeyedItem(\n      targetNodeId.toString(),\n    )?.item.state;\n\n    // If either the active or target node is missing, disable dropping\n    if (!activeItemState || !targetItemState) {\n      return true;\n    }\n\n    // Get the index of the active (dragged) item and the target (hovered) item in the nested state\n    const activeItemIndex =\n      state.nestedState.getKeyedItem(activeItemId)?.index || 0;\n    const targetItemIndex =\n      state.nestedState.getKeyedItem(targetNodeId.toString())?.index || 0;\n\n    // Get the previous and next items relative to the target item\n    const previousItem =\n      activeItemIndex >= targetItemIndex\n        ? state.nestedState.keyedItems[targetItemIndex - 1]\n        : state.nestedState.keyedItems[targetItemIndex];\n\n    const nextItem =\n      activeItemIndex <= targetItemIndex\n        ? state.nestedState.keyedItems[targetItemIndex + 1]\n        : state.nestedState.keyedItems[targetItemIndex];\n\n    // Check if the dragged item is moving down to a sublevel\n    const isMovingDownToSublevel =\n      targetItemState?.childrenDepth === activeItemState?.childrenDepth - 1 &&\n      nextItem?.item.state.childrenDepth >= activeItemState?.childrenDepth &&\n      targetItemIndex === previousItem?.index;\n\n    // Check if the dragged item is moving up to a sublevel\n    const isMovingUpToSubLevel =\n      targetItemState?.childrenDepth === activeItemState.childrenDepth - 1 &&\n      previousItem?.item.state.childrenDepth ===\n        activeItemState.childrenDepth &&\n      nextItem?.item.state.childrenDepth < activeItemState.childrenDepth &&\n      targetItemIndex === nextItem?.index;\n\n    // Determine if the target item has children\n    const targetItemHasChildren =\n      targetItemState?.childrenDepth + 1 ===\n      nextItem?.item.state?.childrenDepth;\n\n    // Check if the dragged item is on the same level without children\n    const isSameLevelWithoutChildren =\n      !targetItemHasChildren &&\n      targetItemState?.childrenDepth === activeItemState?.childrenDepth;\n\n    // Check if the dragged item is moving to the next level after a node without children\n    const isNextLevelWithoutChildren =\n      !targetItemHasChildren &&\n      previousItem?.item.state.childrenDepth ===\n        activeItemState?.childrenDepth - 1;\n\n    // Check if the dragged item is stepping out to the same level (not entering a sublevel)\n    const isStepOutToSameLevel =\n      !targetItemHasChildren &&\n      previousItem?.item.state?.childrenDepth >=\n        activeItemState?.childrenDepth + 1 &&\n      nextItem?.item.state?.childrenDepth <= activeItemState.childrenDepth;\n\n    return !(\n      isSameLevelWithoutChildren ||\n      isNextLevelWithoutChildren ||\n      isStepOutToSameLevel ||\n      isMovingDownToSublevel ||\n      isMovingUpToSubLevel\n    );\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_useSelector","require","createUseIsDropDisabled","state","targetNodeId","_state$nestedState$ge","_state$nestedState$ge2","_state$nestedState$ge3","_state$nestedState$ge4","_nextItem$item$state","_previousItem$item$st","_nextItem$item$state2","activeItemId","useSelector","dnd","activeId","activeItemState","nestedState","getKeyedItem","item","targetItemState","toString","activeKeyedItem","collection","targetKeyedItem","levelDescriptor","dragAndDropDisabled","from","originalKeyedItem","over","isSameEntityAsOtherLevels","activeItemIndex","index","targetItemIndex","previousItem","keyedItems","nextItem","isMovingDownToSublevel","childrenDepth","isMovingUpToSubLevel","targetItemHasChildren","isSameLevelWithoutChildren","isNextLevelWithoutChildren","isStepOutToSameLevel","exports"],"sources":["../../../../src/components/NestedTableDragAndDrop/createUseIsDropDisabled.ts"],"sourcesContent":["import { useSelector } from '../../useSelector';\nimport { NestedTableDragAndDropState } from './NestedTableDragAndDropState';\n\n/**\n * Factory function to create a custom hook `useIsDropDisabled` that determines\n * whether the drop is disabled for a given node based on drag-and-drop state.\n */\nexport const createUseIsDropDisabled = <C extends string>(\n  state: NestedTableDragAndDropState<C>,\n) => {\n  return (targetNodeId: string | number): boolean => {\n    // Get the ID of the currently active (dragged) item\n    const activeItemId = useSelector(() => state.dnd.activeId);\n\n    // If there's no active (dragged) item, disable dropping\n    if (!activeItemId) {\n      return true;\n    }\n\n    // Retrieve the state of the active (dragged) item and the target (hovered) item\n    const activeItemState =\n      state.nestedState.getKeyedItem(activeItemId)?.item.state;\n    const targetItemState = state.nestedState.getKeyedItem(\n      targetNodeId.toString(),\n    )?.item.state;\n\n    // If either the active or target node is missing, disable dropping\n    if (!activeItemState || !targetItemState) {\n      return true;\n    }\n\n    const activeKeyedItem = state.dnd.collection.getKeyedItem(activeItemId);\n    const targetKeyedItem = state.dnd.collection.getKeyedItem(\n      targetNodeId.toString(),\n    );\n\n    if (!activeKeyedItem || !targetKeyedItem) {\n      return true;\n    }\n\n    if (\n      activeItemState.levelDescriptor.dragAndDropDisabled?.({\n        from: activeKeyedItem.item.originalKeyedItem,\n        over: targetKeyedItem.item.originalKeyedItem,\n      })\n    ) {\n      return true;\n    }\n\n    // If levels contain the same entity, dropping is always allowed\n    if (state.isSameEntityAsOtherLevels) {\n      return false;\n    }\n\n    // Get the index of the active (dragged) item and the target (hovered) item in the nested state\n    const activeItemIndex =\n      state.nestedState.getKeyedItem(activeItemId)?.index || 0;\n    const targetItemIndex =\n      state.nestedState.getKeyedItem(targetNodeId.toString())?.index || 0;\n\n    // Get the previous and next items relative to the target item\n    const previousItem =\n      activeItemIndex >= targetItemIndex\n        ? state.nestedState.keyedItems[targetItemIndex - 1]\n        : state.nestedState.keyedItems[targetItemIndex];\n\n    const nextItem =\n      activeItemIndex <= targetItemIndex\n        ? state.nestedState.keyedItems[targetItemIndex + 1]\n        : state.nestedState.keyedItems[targetItemIndex];\n\n    // Check if the dragged item is moving down to a sublevel\n    const isMovingDownToSublevel =\n      targetItemState?.childrenDepth === activeItemState?.childrenDepth - 1 &&\n      nextItem?.item.state.childrenDepth >= activeItemState?.childrenDepth &&\n      targetItemIndex === previousItem?.index;\n\n    // Check if the dragged item is moving up to a sublevel\n    const isMovingUpToSubLevel =\n      targetItemState?.childrenDepth === activeItemState.childrenDepth - 1 &&\n      previousItem?.item.state.childrenDepth ===\n        activeItemState.childrenDepth &&\n      nextItem?.item.state.childrenDepth < activeItemState.childrenDepth &&\n      targetItemIndex === nextItem?.index;\n\n    // Determine if the target item has children\n    const targetItemHasChildren =\n      targetItemState?.childrenDepth + 1 ===\n      nextItem?.item.state?.childrenDepth;\n\n    // Check if the dragged item is on the same level without children\n    const isSameLevelWithoutChildren =\n      !targetItemHasChildren &&\n      targetItemState?.childrenDepth === activeItemState?.childrenDepth;\n\n    // Check if the dragged item is moving to the next level after a node without children\n    const isNextLevelWithoutChildren =\n      !targetItemHasChildren &&\n      previousItem?.item.state.childrenDepth ===\n        activeItemState?.childrenDepth - 1;\n\n    // Check if the dragged item is stepping out to the same level (not entering a sublevel)\n    const isStepOutToSameLevel =\n      !targetItemHasChildren &&\n      previousItem?.item.state?.childrenDepth >=\n        activeItemState?.childrenDepth + 1 &&\n      nextItem?.item.state?.childrenDepth <= activeItemState.childrenDepth;\n\n    return !(\n      isSameLevelWithoutChildren ||\n      isNextLevelWithoutChildren ||\n      isStepOutToSameLevel ||\n      isMovingDownToSublevel ||\n      isMovingUpToSubLevel\n    );\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/NumberRangeFilter/NumberRangeFilter.js

@@ -0,0 +1,108 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _designSystem = require("@wix/design-system");
+var _useNumberRangeFilter = require("./useNumberRangeFilter");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/NumberRangeFilter/NumberRangeFilter.tsx";
+function NumberRangeFilter({
+  filter,
+  decimal = false,
+  min,
+  max
+}) {
+  const {
+    fromValue,
+    toValue,
+    fromError,
+    toError,
+    handleInputChange,
+    placeholder,
+    commonInputProps,
+    t
+  } = (0, _useNumberRangeFilter.useNumberRangeFilter)({
+    filter,
+    decimal,
+    min,
+    max
+  });
+  return /*#__PURE__*/_react.default.createElement(_designSystem.FieldSet, (0, _extends2.default)({
+    dataHook: `number-range-filter-${filter.name}`,
+    direction: "horizontal",
+    gap: "medium",
+    columns: "1fr 1fr",
+    legend: `Number range filter - ${filter.name}`,
+    legendPlacement: "none"
+  }, fromError ? {
+    status: 'error',
+    statusMessage: fromError
+  } : {}, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 37,
+      columnNumber: 5
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.FormField, (0, _extends2.default)({
+    dataHook: "number-range-filter-from-form-field",
+    label: t('cairo.filtersPanel.numRange.min-from')
+  }, fromError ? {
+    status: 'error'
+  } : {}, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 46,
+      columnNumber: 7
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.NumberInput, (0, _extends2.default)({}, commonInputProps, {
+    placeholder: placeholder.min,
+    value: fromValue ?? '',
+    onChange: value => handleInputChange({
+      from: value,
+      isFrom: true
+    }),
+    dataHook: "number-range-filter-from-input",
+    size: "medium",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 51,
+      columnNumber: 9
+    }
+  }))), /*#__PURE__*/_react.default.createElement(_designSystem.FormField, (0, _extends2.default)({
+    dataHook: "number-range-filter-to-form-field",
+    label: t('cairo.filtersPanel.numRange.maxRange-to')
+  }, toError ? {
+    status: 'error',
+    statusMessage: toError
+  } : {}, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 60,
+      columnNumber: 7
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.NumberInput, (0, _extends2.default)({}, commonInputProps, {
+    placeholder: placeholder.max,
+    value: toValue ?? '',
+    onChange: value => handleInputChange({
+      to: value,
+      isFrom: false
+    }),
+    dataHook: "number-range-filter-to-input",
+    size: "medium",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 65,
+      columnNumber: 9
+    }
+  }))));
+}
+var _default = exports.default = (0, _mobxReactLite.observer)(NumberRangeFilter);
+//# sourceMappingURL=NumberRangeFilter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_useNumberRangeFilter","_jsxFileName","NumberRangeFilter","filter","decimal","min","max","fromValue","toValue","fromError","toError","handleInputChange","placeholder","commonInputProps","t","useNumberRangeFilter","default","createElement","FieldSet","_extends2","dataHook","name","direction","gap","columns","legend","legendPlacement","status","statusMessage","__self","__source","fileName","lineNumber","columnNumber","FormField","label","NumberInput","value","onChange","from","isFrom","size","to","_default","exports","observer"],"sources":["../../../../src/components/NumberRangeFilter/NumberRangeFilter.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FieldSet, FormField, NumberInput } from '@wix/design-system';\nimport { FilterProps } from '../../model';\nimport type { RangeItem } from '@wix/bex-core';\nimport { useNumberRangeFilter } from './useNumberRangeFilter';\n\nexport interface NumberRangeFilterProps extends FilterProps<RangeItem<number>> {\n  decimal?: boolean;\n  min?: number;\n  max?: number;\n}\n\nfunction NumberRangeFilter({\n  filter,\n  decimal = false,\n  min,\n  max,\n}: NumberRangeFilterProps) {\n  const {\n    fromValue,\n    toValue,\n    fromError,\n    toError,\n    handleInputChange,\n    placeholder,\n    commonInputProps,\n    t,\n  } = useNumberRangeFilter({\n    filter,\n    decimal,\n    min,\n    max,\n  });\n\n  return (\n    <FieldSet\n      dataHook={`number-range-filter-${filter.name}`}\n      direction=\"horizontal\"\n      gap=\"medium\"\n      columns=\"1fr 1fr\"\n      legend={`Number range filter - ${filter.name}`}\n      legendPlacement=\"none\"\n      {...(fromError ? { status: 'error', statusMessage: fromError } : {})}\n    >\n      <FormField\n        dataHook=\"number-range-filter-from-form-field\"\n        label={t('cairo.filtersPanel.numRange.min-from')}\n        {...(fromError ? { status: 'error' } : {})}\n      >\n        <NumberInput\n          {...commonInputProps}\n          placeholder={placeholder.min}\n          value={fromValue ?? ''}\n          onChange={(value) => handleInputChange({ from: value, isFrom: true })}\n          dataHook=\"number-range-filter-from-input\"\n          size=\"medium\"\n        />\n      </FormField>\n      <FormField\n        dataHook=\"number-range-filter-to-form-field\"\n        label={t('cairo.filtersPanel.numRange.maxRange-to')}\n        {...(toError ? { status: 'error', statusMessage: toError } : {})}\n      >\n        <NumberInput\n          {...commonInputProps}\n          placeholder={placeholder.max}\n          value={toValue ?? ''}\n          onChange={(value) => handleInputChange({ to: value, isFrom: false })}\n          dataHook=\"number-range-filter-to-input\"\n          size=\"medium\"\n        />\n      </FormField>\n    </FieldSet>\n  );\n}\n\nexport default observer(NumberRangeFilter);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/NumberRangeFilter/index.js

@@ -0,0 +1,8 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.NumberRangeFilter = void 0;
+var _NumberRangeFilter = _interopRequireDefault(require("./NumberRangeFilter"));
+exports.NumberRangeFilter = _NumberRangeFilter.default;
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/NumberRangeFilter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_NumberRangeFilter","_interopRequireDefault","require","exports","NumberRangeFilter","default"],"sources":["../../../../src/components/NumberRangeFilter/index.ts"],"sourcesContent":["export { default as NumberRangeFilter } from './NumberRangeFilter';\nexport type { NumberRangeFilterProps } from './NumberRangeFilter';\n"],"mappings":";;;;;AAAA,IAAAA,kBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAmEC,OAAA,CAAAC,iBAAA,GAAAJ,kBAAA,CAAAK,OAAA","ignoreList":[]}

package/dist/cjs/components/NumberRangeFilter/useNumberRangeFilter.js

@@ -0,0 +1,215 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useNumberRangeFilter = useNumberRangeFilter;
+var _react = require("react");
+var _react2 = require("@wix/bex-core/react");
+var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
+function getValidateAndFormatNumber({
+  decimal,
+  percision,
+  min,
+  max,
+  translate
+}) {
+  const validateAndFormatNumber = value => {
+    if (!value && value !== 0) return {
+      value: null,
+      error: null
+    };
+    let error = null;
+    const num = decimal ? parseFloat(value.toString()) : value;
+    if (isNaN(num)) {
+      return {
+        value: null,
+        error
+      };
+    }
+    if (min !== undefined && num < min) {
+      error = translate('cairo.filtersPanel.numRange.minRange.consumer.error', {
+        minAmount: min
+      });
+      return {
+        value: min,
+        error
+      };
+    }
+    if (max !== undefined && num > max) {
+      error = translate('cairo.filtersPanel.numRange.maxRange.consumer.error', {
+        maxAmount: max
+      });
+      return {
+        value: max,
+        error
+      };
+    }
+    return decimal ? {
+      value: Number(num.toFixed(percision)),
+      error
+    } : {
+      value: num,
+      error
+    };
+  };
+  return {
+    validateAndFormatNumber
+  };
+}
+function useInputState(initialValue) {
+  const [value, setValue] = (0, _react.useState)(initialValue ?? null);
+  const [error, setError] = (0, _react.useState)(null);
+  return {
+    value,
+    setValue,
+    error,
+    setError
+  };
+}
+function useDebounce(callback, delay) {
+  const container = (0, _react2.useWixPatternsContainer)();
+  const debouncedCallback = (0, _react.useCallback)(container.lodash.debounce(callback, delay), [callback, delay]);
+  return debouncedCallback;
+}
+function useNumberRangeFilter({
+  filter,
+  decimal = false,
+  min,
+  max
+}) {
+  const {
+    translate: t
+  } = (0, _react2.useWixPatternsContainer)();
+  const percision = decimal ? 2 : 0;
+  const {
+    collection
+  } = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
+  const {
+    value: fromValue,
+    setValue: setFromValue,
+    error: fromError,
+    setError: setFromError
+  } = useInputState(filter.value.from);
+  const {
+    value: toValue,
+    setValue: setToValue,
+    error: toError,
+    setError: setToError
+  } = useInputState(filter.value.to);
+  const step = decimal ? 0.1 : 1;
+  const handleInputChange = ({
+    from,
+    to,
+    isFrom = true
+  }) => {
+    if (isFrom) {
+      setFromValue(from ?? null);
+    } else {
+      setToValue(to ?? null);
+    }
+  };
+  const updateFilterValue = ({
+    from,
+    to
+  }) => {
+    const {
+      validateAndFormatNumber
+    } = getValidateAndFormatNumber({
+      decimal,
+      percision,
+      min,
+      max,
+      translate: t
+    });
+    const {
+      value: validatedFrom,
+      error: fromError
+    } = validateAndFormatNumber(from);
+    const {
+      value: validatedTo,
+      error: toError
+    } = validateAndFormatNumber(to);
+    setFromError(null);
+    setToError(null);
+    if (fromError) {
+      setFromError(fromError);
+      return;
+    }
+    if (toError) {
+      setToError(toError);
+      return;
+    }
+    if (validatedFrom !== null && validatedTo !== null && validatedFrom > validatedTo) {
+      var _filter$value;
+      // Only set error for the most recently changed value
+      if (fromValue !== ((_filter$value = filter.value) == null ? void 0 : _filter$value.from)) {
+        setFromError(t('cairo.filtersPanel.numRange.minRange.error'));
+      } else {
+        setToError(t('cairo.filtersPanel.numRange.maxRange.error'));
+      }
+      return;
+    }
+    if (validatedFrom !== fromValue) {
+      setFromValue(validatedFrom);
+    }
+    if (validatedTo !== toValue) {
+      setToValue(validatedTo);
+    }
+    filter.changeValue({
+      from: validatedFrom,
+      to: validatedTo
+    }, {
+      emitEvents: ['beforeRefresh', 'refresh'],
+      clickedValueKey: filter.itemKey({
+        from: validatedFrom,
+        to: validatedTo
+      })
+    });
+  };
+  const debouncedUpdateFilters = useDebounce(updateFilterValue, 500);
+  (0, _react.useEffect)(() => {
+    let from = typeof fromValue === 'number' ? parseFloat(fromValue.toFixed(percision)) : null;
+    let to = typeof toValue === 'number' ? parseFloat(toValue.toFixed(percision)) : null;
+    debouncedUpdateFilters({
+      from,
+      to
+    });
+    return () => {
+      debouncedUpdateFilters.cancel();
+    };
+  }, [fromValue, toValue]);
+  const onBeforeClearFilters = (0, _react.useCallback)(() => {
+    setFromValue(null);
+    setToValue(null);
+  }, [setFromValue, setToValue]);
+  (0, _react.useEffect)(() => {
+    if (filter.value.from === null && filter.value.to === null) {
+      onBeforeClearFilters();
+    }
+  }, [filter.value.from, filter.value.to, onBeforeClearFilters]);
+  (0, _react.useEffect)(() => {
+    // This is needed because we manage the filter value manually in order to have debounced filter updates
+    collection.emitter.on('beforeClearFilters', onBeforeClearFilters);
+    return () => {
+      collection.emitter.off('beforeClearFilters', onBeforeClearFilters);
+    };
+  }, [collection.emitter, onBeforeClearFilters]);
+  const commonInputProps = {
+    step,
+    min,
+    max
+  };
+  return {
+    fromValue,
+    toValue,
+    handleInputChange,
+    placeholder: {
+      min: t('cairo.filtersPanel.numRange.minRange-from.placeholder'),
+      max: t('cairo.filtersPanel.numRange.maxRange-to.placeholder')
+    },
+    commonInputProps,
+    fromError,
+    toError,
+    t
+  };
+}
+//# sourceMappingURL=useNumberRangeFilter.js.map

package/dist/cjs/components/NumberRangeFilter/useNumberRangeFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_react2","_ToolbarCollectionContext","getValidateAndFormatNumber","decimal","percision","min","max","translate","validateAndFormatNumber","value","error","num","parseFloat","toString","isNaN","undefined","minAmount","maxAmount","Number","toFixed","useInputState","initialValue","setValue","useState","setError","useDebounce","callback","delay","container","useWixPatternsContainer","debouncedCallback","useCallback","lodash","debounce","useNumberRangeFilter","filter","t","collection","useToolbarCollectionContext","fromValue","setFromValue","fromError","setFromError","from","toValue","setToValue","toError","setToError","to","step","handleInputChange","isFrom","updateFilterValue","validatedFrom","validatedTo","_filter$value","changeValue","emitEvents","clickedValueKey","itemKey","debouncedUpdateFilters","useEffect","cancel","onBeforeClearFilters","emitter","on","off","commonInputProps","placeholder"],"sources":["../../../../src/components/NumberRangeFilter/useNumberRangeFilter.ts"],"sourcesContent":["import { useState, useEffect, useCallback } from 'react';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { NumberRangeFilterProps } from './NumberRangeFilter';\nimport { NumberInputProps } from '@wix/design-system';\nimport type { Translate } from '@wix/bex-core';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\n\nfunction getValidateAndFormatNumber({\n  decimal,\n  percision,\n  min,\n  max,\n  translate,\n}: {\n  decimal: boolean;\n  percision: number;\n  min?: number;\n  max?: number;\n  translate: Translate;\n}) {\n  const validateAndFormatNumber = (\n    value?: number | null,\n  ): { value: number | null; error: string | null } => {\n    if (!value && value !== 0) return { value: null, error: null };\n\n    let error = null;\n    const num = decimal ? parseFloat(value.toString()) : value;\n\n    if (isNaN(num)) {\n      return { value: null, error };\n    }\n\n    if (min !== undefined && num < min) {\n      error = translate('cairo.filtersPanel.numRange.minRange.consumer.error', {\n        minAmount: min,\n      });\n      return { value: min, error };\n    }\n\n    if (max !== undefined && num > max) {\n      error = translate('cairo.filtersPanel.numRange.maxRange.consumer.error', {\n        maxAmount: max,\n      });\n      return { value: max, error };\n    }\n\n    return decimal\n      ? { value: Number(num.toFixed(percision)), error }\n      : { value: num, error };\n  };\n\n  return { validateAndFormatNumber };\n}\n\nfunction useInputState(initialValue?: number | null) {\n  const [value, setValue] = useState<number | null>(initialValue ?? null);\n  const [error, setError] = useState<string | null>(null);\n\n  return { value, setValue, error, setError };\n}\n\nfunction useDebounce<T extends (...args: any[]) => void>(\n  callback: T,\n  delay: number,\n) {\n  const container = useWixPatternsContainer();\n  const debouncedCallback = useCallback(\n    container.lodash.debounce(callback, delay),\n    [callback, delay],\n  );\n\n  return debouncedCallback;\n}\n\nexport function useNumberRangeFilter({\n  filter,\n  decimal = false,\n  min,\n  max,\n}: NumberRangeFilterProps) {\n  const { translate: t } = useWixPatternsContainer();\n\n  const percision = decimal ? 2 : 0;\n\n  const { collection } = useToolbarCollectionContext();\n\n  const {\n    value: fromValue,\n    setValue: setFromValue,\n    error: fromError,\n    setError: setFromError,\n  } = useInputState(filter.value.from);\n\n  const {\n    value: toValue,\n    setValue: setToValue,\n    error: toError,\n    setError: setToError,\n  } = useInputState(filter.value.to);\n\n  const step = decimal ? 0.1 : 1;\n\n  const handleInputChange = ({\n    from,\n    to,\n    isFrom = true,\n  }: {\n    from?: number | null;\n    to?: number | null;\n    isFrom: boolean;\n  }) => {\n    if (isFrom) {\n      setFromValue(from ?? null);\n    } else {\n      setToValue(to ?? null);\n    }\n  };\n\n  const updateFilterValue = ({\n    from,\n    to,\n  }: {\n    from?: number | null;\n    to?: number | null;\n  }) => {\n    const { validateAndFormatNumber } = getValidateAndFormatNumber({\n      decimal,\n      percision,\n      min,\n      max,\n      translate: t,\n    });\n    const { value: validatedFrom, error: fromError } =\n      validateAndFormatNumber(from);\n    const { value: validatedTo, error: toError } = validateAndFormatNumber(to);\n\n    setFromError(null);\n    setToError(null);\n\n    if (fromError) {\n      setFromError(fromError);\n      return;\n    }\n\n    if (toError) {\n      setToError(toError);\n      return;\n    }\n\n    if (\n      validatedFrom !== null &&\n      validatedTo !== null &&\n      validatedFrom > validatedTo\n    ) {\n      // Only set error for the most recently changed value\n      if (fromValue !== filter.value?.from) {\n        setFromError(t('cairo.filtersPanel.numRange.minRange.error'));\n      } else {\n        setToError(t('cairo.filtersPanel.numRange.maxRange.error'));\n      }\n      return;\n    }\n\n    if (validatedFrom !== fromValue) {\n      setFromValue(validatedFrom);\n    }\n    if (validatedTo !== toValue) {\n      setToValue(validatedTo);\n    }\n\n    filter.changeValue(\n      { from: validatedFrom, to: validatedTo },\n      {\n        emitEvents: ['beforeRefresh', 'refresh'],\n        clickedValueKey: filter.itemKey({\n          from: validatedFrom,\n          to: validatedTo,\n        }),\n      },\n    );\n  };\n\n  const debouncedUpdateFilters = useDebounce(updateFilterValue, 500);\n\n  useEffect(() => {\n    let from =\n      typeof fromValue === 'number'\n        ? parseFloat(fromValue.toFixed(percision))\n        : null;\n    let to =\n      typeof toValue === 'number'\n        ? parseFloat(toValue.toFixed(percision))\n        : null;\n\n    debouncedUpdateFilters({ from, to });\n    return () => {\n      debouncedUpdateFilters.cancel();\n    };\n  }, [fromValue, toValue]);\n\n  const onBeforeClearFilters = useCallback(() => {\n    setFromValue(null);\n    setToValue(null);\n  }, [setFromValue, setToValue]);\n\n  useEffect(() => {\n    if (filter.value.from === null && filter.value.to === null) {\n      onBeforeClearFilters();\n    }\n  }, [filter.value.from, filter.value.to, onBeforeClearFilters]);\n\n  useEffect(() => {\n    // This is needed because we manage the filter value manually in order to have debounced filter updates\n    collection.emitter.on('beforeClearFilters', onBeforeClearFilters);\n\n    return () => {\n      collection.emitter.off('beforeClearFilters', onBeforeClearFilters);\n    };\n  }, [collection.emitter, onBeforeClearFilters]);\n\n  const commonInputProps: Partial<NumberInputProps> = {\n    step,\n    min,\n    max,\n  };\n\n  return {\n    fromValue,\n    toValue,\n    handleInputChange,\n    placeholder: {\n      min: t('cairo.filtersPanel.numRange.minRange-from.placeholder'),\n      max: t('cairo.filtersPanel.numRange.maxRange-to.placeholder'),\n    },\n    commonInputProps,\n    fromError,\n    toError,\n    t,\n  };\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAIA,IAAAE,yBAAA,GAAAF,OAAA;AAEA,SAASG,0BAA0BA,CAAC;EAClCC,OAAO;EACPC,SAAS;EACTC,GAAG;EACHC,GAAG;EACHC;AAOF,CAAC,EAAE;EACD,MAAMC,uBAAuB,GAC3BC,KAAqB,IAC8B;IACnD,IAAI,CAACA,KAAK,IAAIA,KAAK,KAAK,CAAC,EAAE,OAAO;MAAEA,KAAK,EAAE,IAAI;MAAEC,KAAK,EAAE;IAAK,CAAC;IAE9D,IAAIA,KAAK,GAAG,IAAI;IAChB,MAAMC,GAAG,GAAGR,OAAO,GAAGS,UAAU,CAACH,KAAK,CAACI,QAAQ,CAAC,CAAC,CAAC,GAAGJ,KAAK;IAE1D,IAAIK,KAAK,CAACH,GAAG,CAAC,EAAE;MACd,OAAO;QAAEF,KAAK,EAAE,IAAI;QAAEC;MAAM,CAAC;IAC/B;IAEA,IAAIL,GAAG,KAAKU,SAAS,IAAIJ,GAAG,GAAGN,GAAG,EAAE;MAClCK,KAAK,GAAGH,SAAS,CAAC,qDAAqD,EAAE;QACvES,SAAS,EAAEX;MACb,CAAC,CAAC;MACF,OAAO;QAAEI,KAAK,EAAEJ,GAAG;QAAEK;MAAM,CAAC;IAC9B;IAEA,IAAIJ,GAAG,KAAKS,SAAS,IAAIJ,GAAG,GAAGL,GAAG,EAAE;MAClCI,KAAK,GAAGH,SAAS,CAAC,qDAAqD,EAAE;QACvEU,SAAS,EAAEX;MACb,CAAC,CAAC;MACF,OAAO;QAAEG,KAAK,EAAEH,GAAG;QAAEI;MAAM,CAAC;IAC9B;IAEA,OAAOP,OAAO,GACV;MAAEM,KAAK,EAAES,MAAM,CAACP,GAAG,CAACQ,OAAO,CAACf,SAAS,CAAC,CAAC;MAAEM;IAAM,CAAC,GAChD;MAAED,KAAK,EAAEE,GAAG;MAAED;IAAM,CAAC;EAC3B,CAAC;EAED,OAAO;IAAEF;EAAwB,CAAC;AACpC;AAEA,SAASY,aAAaA,CAACC,YAA4B,EAAE;EACnD,MAAM,CAACZ,KAAK,EAAEa,QAAQ,CAAC,GAAG,IAAAC,eAAQ,EAAgBF,YAAY,IAAI,IAAI,CAAC;EACvE,MAAM,CAACX,KAAK,EAAEc,QAAQ,CAAC,GAAG,IAAAD,eAAQ,EAAgB,IAAI,CAAC;EAEvD,OAAO;IAAEd,KAAK;IAAEa,QAAQ;IAAEZ,KAAK;IAAEc;EAAS,CAAC;AAC7C;AAEA,SAASC,WAAWA,CAClBC,QAAW,EACXC,KAAa,EACb;EACA,MAAMC,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC3C,MAAMC,iBAAiB,GAAG,IAAAC,kBAAW,EACnCH,SAAS,CAACI,MAAM,CAACC,QAAQ,CAACP,QAAQ,EAAEC,KAAK,CAAC,EAC1C,CAACD,QAAQ,EAAEC,KAAK,CAClB,CAAC;EAED,OAAOG,iBAAiB;AAC1B;AAEO,SAASI,oBAAoBA,CAAC;EACnCC,MAAM;EACNhC,OAAO,GAAG,KAAK;EACfE,GAAG;EACHC;AACsB,CAAC,EAAE;EACzB,MAAM;IAAEC,SAAS,EAAE6B;EAAE,CAAC,GAAG,IAAAP,+BAAuB,EAAC,CAAC;EAElD,MAAMzB,SAAS,GAAGD,OAAO,GAAG,CAAC,GAAG,CAAC;EAEjC,MAAM;IAAEkC;EAAW,CAAC,GAAG,IAAAC,qDAA2B,EAAC,CAAC;EAEpD,MAAM;IACJ7B,KAAK,EAAE8B,SAAS;IAChBjB,QAAQ,EAAEkB,YAAY;IACtB9B,KAAK,EAAE+B,SAAS;IAChBjB,QAAQ,EAAEkB;EACZ,CAAC,GAAGtB,aAAa,CAACe,MAAM,CAAC1B,KAAK,CAACkC,IAAI,CAAC;EAEpC,MAAM;IACJlC,KAAK,EAAEmC,OAAO;IACdtB,QAAQ,EAAEuB,UAAU;IACpBnC,KAAK,EAAEoC,OAAO;IACdtB,QAAQ,EAAEuB;EACZ,CAAC,GAAG3B,aAAa,CAACe,MAAM,CAAC1B,KAAK,CAACuC,EAAE,CAAC;EAElC,MAAMC,IAAI,GAAG9C,OAAO,GAAG,GAAG,GAAG,CAAC;EAE9B,MAAM+C,iBAAiB,GAAGA,CAAC;IACzBP,IAAI;IACJK,EAAE;IACFG,MAAM,GAAG;EAKX,CAAC,KAAK;IACJ,IAAIA,MAAM,EAAE;MACVX,YAAY,CAACG,IAAI,IAAI,IAAI,CAAC;IAC5B,CAAC,MAAM;MACLE,UAAU,CAACG,EAAE,IAAI,IAAI,CAAC;IACxB;EACF,CAAC;EAED,MAAMI,iBAAiB,GAAGA,CAAC;IACzBT,IAAI;IACJK;EAIF,CAAC,KAAK;IACJ,MAAM;MAAExC;IAAwB,CAAC,GAAGN,0BAA0B,CAAC;MAC7DC,OAAO;MACPC,SAAS;MACTC,GAAG;MACHC,GAAG;MACHC,SAAS,EAAE6B;IACb,CAAC,CAAC;IACF,MAAM;MAAE3B,KAAK,EAAE4C,aAAa;MAAE3C,KAAK,EAAE+B;IAAU,CAAC,GAC9CjC,uBAAuB,CAACmC,IAAI,CAAC;IAC/B,MAAM;MAAElC,KAAK,EAAE6C,WAAW;MAAE5C,KAAK,EAAEoC;IAAQ,CAAC,GAAGtC,uBAAuB,CAACwC,EAAE,CAAC;IAE1EN,YAAY,CAAC,IAAI,CAAC;IAClBK,UAAU,CAAC,IAAI,CAAC;IAEhB,IAAIN,SAAS,EAAE;MACbC,YAAY,CAACD,SAAS,CAAC;MACvB;IACF;IAEA,IAAIK,OAAO,EAAE;MACXC,UAAU,CAACD,OAAO,CAAC;MACnB;IACF;IAEA,IACEO,aAAa,KAAK,IAAI,IACtBC,WAAW,KAAK,IAAI,IACpBD,aAAa,GAAGC,WAAW,EAC3B;MAAA,IAAAC,aAAA;MACA;MACA,IAAIhB,SAAS,OAAAgB,aAAA,GAAKpB,MAAM,CAAC1B,KAAK,qBAAZ8C,aAAA,CAAcZ,IAAI,GAAE;QACpCD,YAAY,CAACN,CAAC,CAAC,4CAA4C,CAAC,CAAC;MAC/D,CAAC,MAAM;QACLW,UAAU,CAACX,CAAC,CAAC,4CAA4C,CAAC,CAAC;MAC7D;MACA;IACF;IAEA,IAAIiB,aAAa,KAAKd,SAAS,EAAE;MAC/BC,YAAY,CAACa,aAAa,CAAC;IAC7B;IACA,IAAIC,WAAW,KAAKV,OAAO,EAAE;MAC3BC,UAAU,CAACS,WAAW,CAAC;IACzB;IAEAnB,MAAM,CAACqB,WAAW,CAChB;MAAEb,IAAI,EAAEU,aAAa;MAAEL,EAAE,EAAEM;IAAY,CAAC,EACxC;MACEG,UAAU,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC;MACxCC,eAAe,EAAEvB,MAAM,CAACwB,OAAO,CAAC;QAC9BhB,IAAI,EAAEU,aAAa;QACnBL,EAAE,EAAEM;MACN,CAAC;IACH,CACF,CAAC;EACH,CAAC;EAED,MAAMM,sBAAsB,GAAGnC,WAAW,CAAC2B,iBAAiB,EAAE,GAAG,CAAC;EAElE,IAAAS,gBAAS,EAAC,MAAM;IACd,IAAIlB,IAAI,GACN,OAAOJ,SAAS,KAAK,QAAQ,GACzB3B,UAAU,CAAC2B,SAAS,CAACpB,OAAO,CAACf,SAAS,CAAC,CAAC,GACxC,IAAI;IACV,IAAI4C,EAAE,GACJ,OAAOJ,OAAO,KAAK,QAAQ,GACvBhC,UAAU,CAACgC,OAAO,CAACzB,OAAO,CAACf,SAAS,CAAC,CAAC,GACtC,IAAI;IAEVwD,sBAAsB,CAAC;MAAEjB,IAAI;MAAEK;IAAG,CAAC,CAAC;IACpC,OAAO,MAAM;MACXY,sBAAsB,CAACE,MAAM,CAAC,CAAC;IACjC,CAAC;EACH,CAAC,EAAE,CAACvB,SAAS,EAAEK,OAAO,CAAC,CAAC;EAExB,MAAMmB,oBAAoB,GAAG,IAAAhC,kBAAW,EAAC,MAAM;IAC7CS,YAAY,CAAC,IAAI,CAAC;IAClBK,UAAU,CAAC,IAAI,CAAC;EAClB,CAAC,EAAE,CAACL,YAAY,EAAEK,UAAU,CAAC,CAAC;EAE9B,IAAAgB,gBAAS,EAAC,MAAM;IACd,IAAI1B,MAAM,CAAC1B,KAAK,CAACkC,IAAI,KAAK,IAAI,IAAIR,MAAM,CAAC1B,KAAK,CAACuC,EAAE,KAAK,IAAI,EAAE;MAC1De,oBAAoB,CAAC,CAAC;IACxB;EACF,CAAC,EAAE,CAAC5B,MAAM,CAAC1B,KAAK,CAACkC,IAAI,EAAER,MAAM,CAAC1B,KAAK,CAACuC,EAAE,EAAEe,oBAAoB,CAAC,CAAC;EAE9D,IAAAF,gBAAS,EAAC,MAAM;IACd;IACAxB,UAAU,CAAC2B,OAAO,CAACC,EAAE,CAAC,oBAAoB,EAAEF,oBAAoB,CAAC;IAEjE,OAAO,MAAM;MACX1B,UAAU,CAAC2B,OAAO,CAACE,GAAG,CAAC,oBAAoB,EAAEH,oBAAoB,CAAC;IACpE,CAAC;EACH,CAAC,EAAE,CAAC1B,UAAU,CAAC2B,OAAO,EAAED,oBAAoB,CAAC,CAAC;EAE9C,MAAMI,gBAA2C,GAAG;IAClDlB,IAAI;IACJ5C,GAAG;IACHC;EACF,CAAC;EAED,OAAO;IACLiC,SAAS;IACTK,OAAO;IACPM,iBAAiB;IACjBkB,WAAW,EAAE;MACX/D,GAAG,EAAE+B,CAAC,CAAC,uDAAuD,CAAC;MAC/D9B,GAAG,EAAE8B,CAAC,CAAC,qDAAqD;IAC9D,CAAC;IACD+B,gBAAgB;IAChB1B,SAAS;IACTK,OAAO;IACPV;EACF,CAAC;AACH","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_ = "PickerContent1944145060";
+var _namespace_ = "PickerContent3106497928";
 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": "PickerContent1944145060__root"
+  "root": "PickerContent3106497928__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_ = \"PickerContent1944145060\";\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\":\"PickerContent1944145060__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_ = \"PickerContent3106497928\";\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\":\"PickerContent3106497928__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_ = "PickerContentAdditionalStep3086564714";
+var _namespace_ = "PickerContentAdditionalStep4172831944";
 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": "PickerContentAdditionalStep3086564714__root",
-  "titles": "PickerContentAdditionalStep3086564714__titles",
-  "suffix": "PickerContentAdditionalStep3086564714__suffix"
+  "root": "PickerContentAdditionalStep4172831944__root",
+  "titles": "PickerContentAdditionalStep4172831944__titles",
+  "suffix": "PickerContentAdditionalStep4172831944__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_ = \"PickerContentAdditionalStep3086564714\";\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\":\"PickerContentAdditionalStep3086564714__root\",\"titles\":\"PickerContentAdditionalStep3086564714__titles\",\"suffix\":\"PickerContentAdditionalStep3086564714__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_ = \"PickerContentAdditionalStep4172831944\";\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\":\"PickerContentAdditionalStep4172831944__root\",\"titles\":\"PickerContentAdditionalStep4172831944__titles\",\"suffix\":\"PickerContentAdditionalStep4172831944__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_ = "PickerTableListItem3013007627";
+var _namespace_ = "PickerTableListItem2273422735";
 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": "PickerTableListItem3013007627__root"
+  "root": "PickerTableListItem2273422735__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_ = \"PickerTableListItem3013007627\";\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\":\"PickerTableListItem3013007627__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_ = \"PickerTableListItem2273422735\";\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\":\"PickerTableListItem2273422735__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_ = "ScrollableContent1344284251";
+var _namespace_ = "ScrollableContent2402338633";
 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": "ScrollableContent1344284251__root"
+  "root": "ScrollableContent2402338633__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_ = \"ScrollableContent1344284251\";\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\":\"ScrollableContent1344284251__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_ = \"ScrollableContent2402338633\";\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\":\"ScrollableContent2402338633__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_ = "SkeletonCard52772245";
+var _namespace_ = "SkeletonCard3050976907";
 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": "SkeletonCard52772245__root",
-  "headerLoading": "SkeletonCard52772245__headerLoading"
+  "root": "SkeletonCard3050976907__root",
+  "headerLoading": "SkeletonCard3050976907__headerLoading"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};