@wix/patterns 1.427.0 → 1.431.0

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_FilterRenderingContext","_useWindowFlipPopoverProps","_providers","_jsxFileName","inputSizeToTagSize","tiny","small","medium","large","_MultiSelectCheckboxFilterBase","props","renderTag","filter","dropdownSelect","onSelect","onRemoveTag","size","popoverProps","rest","location","useFilterRenderingContext","windowFlipPopoverProps","inputRef","useWindowFlipPopoverProps","effectiveSize","select","selectedValues","translate","useDropdownTranslationContext","tags","map","keyedItem","key","item","tag","id","label","itemName","default","createElement","MultiSelect","_extends2","ref","current","dataHook","name","border","placeholder","onClose","close","option","set","tagId","deleteKey","__self","__source","fileName","lineNumber","columnNumber","MultiSelectFilterBase","exports","observer"],"sources":["../../../../src/components/MultiSelectFilterBase/MultiSelectFilterBase.tsx"],"sourcesContent":["import {\n  DropdownLayoutOption,\n  InputSize,\n  MultiSelect,\n  MultiSelectProps,\n  MultiSelectTag,\n  TagProps,\n  TagSize,\n} from '@wix/design-system';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Filter, KeyedItem } from '@wix/bex-core';\nimport { DropdownSelectState } from '../../state';\nimport { FilterProps } from '../../model';\nimport { useFilterRenderingContext } from '../FilterRenderingContext';\nimport { useWindowFlipPopoverProps } from '../../utils/useWindowFlipPopoverProps';\nimport { useDropdownTranslationContext } from '../../providers';\n\nexport type KeyedItemOption<T> = DropdownLayoutOption & {\n  keyedItem: KeyedItem<T>;\n};\n\nconst inputSizeToTagSize: Record<InputSize, TagSize> = {\n  tiny: 'tiny',\n  small: 'tiny',\n  medium: 'small',\n  large: 'medium',\n};\n\nexport type MultiSelectFilterBaseOption<T> =\n  | KeyedItemOption<T>\n  | DropdownLayoutOption;\n\nexport interface MultiSelectFilterBaseProps<V>\n  extends Partial<MultiSelectProps>,\n    FilterProps<V[]> {\n  filter: Filter<V[]>;\n  options: MultiSelectFilterBaseOption<V>[];\n  renderTag?: (item: V) => TagProps;\n  dropdownSelect: DropdownSelectState<V>;\n  placeholder?: string;\n}\n\nfunction _MultiSelectCheckboxFilterBase<V>(\n  props: MultiSelectFilterBaseProps<V>,\n) {\n  const {\n    renderTag,\n    filter,\n    dropdownSelect,\n    onSelect,\n    onRemoveTag,\n    size,\n    popoverProps,\n    ...rest\n  } = props;\n\n  const { location } = useFilterRenderingContext();\n  const { windowFlipPopoverProps, inputRef } = useWindowFlipPopoverProps({\n    popoverProps,\n  });\n\n  const effectiveSize: InputSize =\n    size || (location === 'panel' ? 'small' : 'medium');\n\n  const {\n    select: { selectedValues },\n  } = dropdownSelect;\n  const { translate } = useDropdownTranslationContext();\n\n  const tags: MultiSelectTag[] = selectedValues.map((keyedItem) => {\n    const { key, item } = keyedItem;\n    const tag = renderTag?.(item) ?? {};\n    return {\n      id: key,\n      label: filter.itemName(item),\n      size: inputSizeToTagSize[effectiveSize],\n      ...tag,\n    };\n  });\n\n  return (\n    <MultiSelect\n      inputRef={(ref) => {\n        inputRef.current = ref;\n      }}\n      dataHook={`collection-filter-${filter.name}`}\n      border=\"round\"\n      placeholder={translate('placeholder')}\n      tags={tags}\n      size={size}\n      onClose={() => {\n        dropdownSelect.close();\n      }}\n      onSelect={(option) => {\n        const { keyedItem } = option as KeyedItemOption<V>;\n        dropdownSelect.set(keyedItem);\n        onSelect?.(option);\n      }}\n      onRemoveTag={(tagId) => {\n        dropdownSelect.deleteKey(tagId);\n        onRemoveTag?.(tagId);\n      }}\n      popoverProps={windowFlipPopoverProps}\n      {...rest}\n    />\n  );\n}\n\nexport const MultiSelectFilterBase = observer(_MultiSelectCheckboxFilterBase);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_FilterRenderingContext","_useWindowFlipPopoverProps","_useBmHarmonyTheme","_providers","_jsxFileName","inputSizeToTagSize","tiny","small","medium","large","_MultiSelectCheckboxFilterBase","props","renderTag","filter","dropdownSelect","onSelect","onRemoveTag","size","popoverProps","rest","location","useFilterRenderingContext","windowFlipPopoverProps","inputRef","useWindowFlipPopoverProps","isBmHarmonyTheme","useBmHarmonyTheme","effectiveSize","select","selectedValues","translate","useDropdownTranslationContext","tags","map","keyedItem","key","item","tag","id","label","itemName","default","createElement","MultiSelect","_extends2","ref","current","dataHook","name","border","placeholder","onClose","close","option","set","tagId","deleteKey","__self","__source","fileName","lineNumber","columnNumber","MultiSelectFilterBase","exports","observer"],"sources":["../../../../src/components/MultiSelectFilterBase/MultiSelectFilterBase.tsx"],"sourcesContent":["import {\n  DropdownLayoutOption,\n  InputSize,\n  MultiSelect,\n  MultiSelectProps,\n  MultiSelectTag,\n  TagProps,\n  TagSize,\n} from '@wix/design-system';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Filter, KeyedItem } from '@wix/bex-core';\nimport { DropdownSelectState } from '../../state';\nimport { FilterProps } from '../../model';\nimport { useFilterRenderingContext } from '../FilterRenderingContext';\nimport { useWindowFlipPopoverProps } from '../../utils/useWindowFlipPopoverProps';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\nimport { useDropdownTranslationContext } from '../../providers';\n\nexport type KeyedItemOption<T> = DropdownLayoutOption & {\n  keyedItem: KeyedItem<T>;\n};\n\nconst inputSizeToTagSize: Record<InputSize, TagSize> = {\n  tiny: 'tiny',\n  small: 'tiny',\n  medium: 'small',\n  large: 'medium',\n};\n\nexport type MultiSelectFilterBaseOption<T> =\n  | KeyedItemOption<T>\n  | DropdownLayoutOption;\n\nexport interface MultiSelectFilterBaseProps<V>\n  extends Partial<MultiSelectProps>,\n    FilterProps<V[]> {\n  filter: Filter<V[]>;\n  options: MultiSelectFilterBaseOption<V>[];\n  renderTag?: (item: V) => TagProps;\n  dropdownSelect: DropdownSelectState<V>;\n  placeholder?: string;\n}\n\nfunction _MultiSelectCheckboxFilterBase<V>(\n  props: MultiSelectFilterBaseProps<V>,\n) {\n  const {\n    renderTag,\n    filter,\n    dropdownSelect,\n    onSelect,\n    onRemoveTag,\n    size,\n    popoverProps,\n    ...rest\n  } = props;\n\n  const { location } = useFilterRenderingContext();\n  const { windowFlipPopoverProps, inputRef } = useWindowFlipPopoverProps({\n    popoverProps,\n  });\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n\n  const effectiveSize: InputSize =\n    size || (location === 'panel' ? 'small' : 'medium');\n\n  const {\n    select: { selectedValues },\n  } = dropdownSelect;\n  const { translate } = useDropdownTranslationContext();\n\n  const tags: MultiSelectTag[] = selectedValues.map((keyedItem) => {\n    const { key, item } = keyedItem;\n    const tag = renderTag?.(item) ?? {};\n    return {\n      id: key,\n      label: filter.itemName(item),\n      size: inputSizeToTagSize[effectiveSize],\n      ...tag,\n    };\n  });\n\n  return (\n    <MultiSelect\n      inputRef={(ref) => {\n        inputRef.current = ref;\n      }}\n      dataHook={`collection-filter-${filter.name}`}\n      border={isBmHarmonyTheme ? 'standard' : 'round'}\n      placeholder={translate('placeholder')}\n      tags={tags}\n      size={isBmHarmonyTheme ? effectiveSize : size}\n      onClose={() => {\n        dropdownSelect.close();\n      }}\n      onSelect={(option) => {\n        const { keyedItem } = option as KeyedItemOption<V>;\n        dropdownSelect.set(keyedItem);\n        onSelect?.(option);\n      }}\n      onRemoveTag={(tagId) => {\n        dropdownSelect.deleteKey(tagId);\n        onRemoveTag?.(tagId);\n      }}\n      popoverProps={windowFlipPopoverProps}\n      {...rest}\n    />\n  );\n}\n\nexport const MultiSelectFilterBase = observer(_MultiSelectCheckboxFilterBase);\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AASA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAIA,IAAAI,uBAAA,GAAAJ,OAAA;AACA,IAAAK,0BAAA,GAAAL,OAAA;AACA,IAAAM,kBAAA,GAAAN,OAAA;AACA,IAAAO,UAAA,GAAAP,OAAA;AAAgE,IAAAQ,YAAA;AAMhE,MAAMC,kBAA8C,GAAG;EACrDC,IAAI,EAAE,MAAM;EACZC,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE,OAAO;EACfC,KAAK,EAAE;AACT,CAAC;AAgBD,SAASC,8BAA8BA,CACrCC,KAAoC,EACpC;EACA,MAAM;IACJC,SAAS;IACTC,MAAM;IACNC,cAAc;IACdC,QAAQ;IACRC,WAAW;IACXC,IAAI;IACJC,YAAY;IACZ,GAAGC;EACL,CAAC,GAAGR,KAAK;EAET,MAAM;IAAES;EAAS,CAAC,GAAG,IAAAC,iDAAyB,EAAC,CAAC;EAChD,MAAM;IAAEC,sBAAsB;IAAEC;EAAS,CAAC,GAAG,IAAAC,oDAAyB,EAAC;IACrEN;EACF,CAAC,CAAC;EACF,MAAMO,gBAAgB,GAAG,IAAAC,oCAAiB,EAAC,CAAC;EAE5C,MAAMC,aAAwB,GAC5BV,IAAI,KAAKG,QAAQ,KAAK,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;EAErD,MAAM;IACJQ,MAAM,EAAE;MAAEC;IAAe;EAC3B,CAAC,GAAGf,cAAc;EAClB,MAAM;IAAEgB;EAAU,CAAC,GAAG,IAAAC,wCAA6B,EAAC,CAAC;EAErD,MAAMC,IAAsB,GAAGH,cAAc,CAACI,GAAG,CAAEC,SAAS,IAAK;IAC/D,MAAM;MAAEC,GAAG;MAAEC;IAAK,CAAC,GAAGF,SAAS;IAC/B,MAAMG,GAAG,GAAG,CAAAzB,SAAS,oBAATA,SAAS,CAAGwB,IAAI,CAAC,KAAI,CAAC,CAAC;IACnC,OAAO;MACLE,EAAE,EAAEH,GAAG;MACPI,KAAK,EAAE1B,MAAM,CAAC2B,QAAQ,CAACJ,IAAI,CAAC;MAC5BnB,IAAI,EAAEZ,kBAAkB,CAACsB,aAAa,CAAC;MACvC,GAAGU;IACL,CAAC;EACH,CAAC,CAAC;EAEF,oBACExC,MAAA,CAAA4C,OAAA,CAAAC,aAAA,CAAC/C,aAAA,CAAAgD,WAAW,MAAAC,SAAA,CAAAH,OAAA;IACVlB,QAAQ,EAAGsB,GAAG,IAAK;MACjBtB,QAAQ,CAACuB,OAAO,GAAGD,GAAG;IACxB,CAAE;IACFE,QAAQ,EAAE,qBAAqBlC,MAAM,CAACmC,IAAI,EAAG;IAC7CC,MAAM,EAAExB,gBAAgB,GAAG,UAAU,GAAG,OAAQ;IAChDyB,WAAW,EAAEpB,SAAS,CAAC,aAAa,CAAE;IACtCE,IAAI,EAAEA,IAAK;IACXf,IAAI,EAAEQ,gBAAgB,GAAGE,aAAa,GAAGV,IAAK;IAC9CkC,OAAO,EAAEA,CAAA,KAAM;MACbrC,cAAc,CAACsC,KAAK,CAAC,CAAC;IACxB,CAAE;IACFrC,QAAQ,EAAGsC,MAAM,IAAK;MACpB,MAAM;QAAEnB;MAAU,CAAC,GAAGmB,MAA4B;MAClDvC,cAAc,CAACwC,GAAG,CAACpB,SAAS,CAAC;MAC7BnB,QAAQ,YAARA,QAAQ,CAAGsC,MAAM,CAAC;IACpB,CAAE;IACFrC,WAAW,EAAGuC,KAAK,IAAK;MACtBzC,cAAc,CAAC0C,SAAS,CAACD,KAAK,CAAC;MAC/BvC,WAAW,YAAXA,WAAW,CAAGuC,KAAK,CAAC;IACtB,CAAE;IACFrC,YAAY,EAAEI;EAAuB,GACjCH,IAAI;IAAAsC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvD,YAAA;MAAAwD,UAAA;MAAAC,YAAA;IAAA;EAAA,EACT,CAAC;AAEN;AAEO,MAAMC,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,IAAAE,uBAAQ,EAACtD,8BAA8B,CAAC","ignoreList":[]}

package/dist/cjs/components/NestedTable/NestedTableMainColumnTitle.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.NestedTableMainColumnTitle = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _designSystem = require("@wix/design-system");
 var _mobxReactLite = require("mobx-react-lite");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/NestedTable/NestedTableMainColumnTitle.tsx";
@@ -47,7 +47,7 @@ const _NestedTableMainColumnTitle = ({
   }, /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
     dataHook: "nested-table-expand-collapse-all-button",
     size: "small",
-    prefixIcon: isAllCollapsed ? /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChevronExpandSmall, {
+    prefixIcon: isAllCollapsed ? /*#__PURE__*/_react.default.createElement(_lazy.ChevronExpandSmall, {
       "data-hook": "expand-icon",
       __self: void 0,
       __source: {
@@ -55,7 +55,7 @@ const _NestedTableMainColumnTitle = ({
         lineNumber: 44,
         columnNumber: 19
       }
-    }) : /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChevronCollapseSmall, {
+    }) : /*#__PURE__*/_react.default.createElement(_lazy.ChevronCollapseSmall, {
       "data-hook": "collapse-icon",
       __self: void 0,
       __source: {

package/dist/cjs/components/NestedTable/NestedTableMainColumnTitle.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_wixUiIconsCommon","_designSystem","_mobxReactLite","_jsxFileName","_NestedTableMainColumnTitle","state","_state$mainColumn","translate","t","container","isAllCollapsed","nestedMode","ShowShowExpandCollapseAllButton","isFetchAllAborted","hasExpandableItems","titleText","mainColumn","title","default","createElement","Box","direction","verticalAlign","paddingInline","nested","nestedTableDragAndDrop","__self","__source","fileName","lineNumber","columnNumber","width","Tooltip","content","TextButton","dataHook","size","prefixIcon","ChevronExpandSmall","ChevronCollapseSmall","onClick","expandCollapseAll","NestedTableMainColumnTitle","exports","observer"],"sources":["../../../../src/components/NestedTable/NestedTableMainColumnTitle.tsx"],"sourcesContent":["import { NestedTableState } from '../../state';\n\nimport React from 'react';\n\nimport {\n  ChevronCollapseSmall,\n  ChevronExpandSmall,\n} from '@wix/wix-ui-icons-common';\nimport { Box, TextButton, Tooltip } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\n\nexport interface NestedTableMainColumnTitleProps<C extends string> {\n  state: NestedTableState<C>;\n}\n\nconst _NestedTableMainColumnTitle = <C extends string>({\n  state,\n}: NestedTableMainColumnTitleProps<C>) => {\n  const { translate: t } = state.container;\n  const isAllCollapsed = state.nestedMode.isAllCollapsed;\n  const ShowShowExpandCollapseAllButton =\n    !state.nestedMode.isFetchAllAborted && state.nestedMode.hasExpandableItems;\n  const titleText = state.mainColumn?.title;\n  return (\n    <Box\n      direction=\"horizontal\"\n      verticalAlign=\"middle\"\n      paddingInline={state.nested.nestedTableDragAndDrop ? '2px' : 0}\n    >\n      <Box width={state.nested.nestedTableDragAndDrop ? '54px' : '36px'}>\n        {ShowShowExpandCollapseAllButton && (\n          <Tooltip\n            content={\n              isAllCollapsed\n                ? t('cairo.collectionPage.nested.expandAll.tooltip')\n                : t('cairo.collectionPage.nested.collapseAll.tooltip')\n            }\n          >\n            <TextButton\n              dataHook=\"nested-table-expand-collapse-all-button\"\n              size=\"small\"\n              prefixIcon={\n                isAllCollapsed ? (\n                  <ChevronExpandSmall data-hook=\"expand-icon\" />\n                ) : (\n                  <ChevronCollapseSmall data-hook=\"collapse-icon\" />\n                )\n              }\n              onClick={() => {\n                state.nestedMode.expandCollapseAll();\n              }}\n            />\n          </Tooltip>\n        )}\n      </Box>\n      {titleText && <Box>{titleText}</Box>}\n    </Box>\n  );\n};\n\nexport const NestedTableMainColumnTitle = observer(_NestedTableMainColumnTitle);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_lazy","_designSystem","_mobxReactLite","_jsxFileName","_NestedTableMainColumnTitle","state","_state$mainColumn","translate","t","container","isAllCollapsed","nestedMode","ShowShowExpandCollapseAllButton","isFetchAllAborted","hasExpandableItems","titleText","mainColumn","title","default","createElement","Box","direction","verticalAlign","paddingInline","nested","nestedTableDragAndDrop","__self","__source","fileName","lineNumber","columnNumber","width","Tooltip","content","TextButton","dataHook","size","prefixIcon","ChevronExpandSmall","ChevronCollapseSmall","onClick","expandCollapseAll","NestedTableMainColumnTitle","exports","observer"],"sources":["../../../../src/components/NestedTable/NestedTableMainColumnTitle.tsx"],"sourcesContent":["import { NestedTableState } from '../../state';\n\nimport React from 'react';\n\nimport {\n  ChevronCollapseSmall,\n  ChevronExpandSmall,\n} from '@wix/wix-ui-icons-common/lazy';\nimport { Box, TextButton, Tooltip } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\n\nexport interface NestedTableMainColumnTitleProps<C extends string> {\n  state: NestedTableState<C>;\n}\n\nconst _NestedTableMainColumnTitle = <C extends string>({\n  state,\n}: NestedTableMainColumnTitleProps<C>) => {\n  const { translate: t } = state.container;\n  const isAllCollapsed = state.nestedMode.isAllCollapsed;\n  const ShowShowExpandCollapseAllButton =\n    !state.nestedMode.isFetchAllAborted && state.nestedMode.hasExpandableItems;\n  const titleText = state.mainColumn?.title;\n  return (\n    <Box\n      direction=\"horizontal\"\n      verticalAlign=\"middle\"\n      paddingInline={state.nested.nestedTableDragAndDrop ? '2px' : 0}\n    >\n      <Box width={state.nested.nestedTableDragAndDrop ? '54px' : '36px'}>\n        {ShowShowExpandCollapseAllButton && (\n          <Tooltip\n            content={\n              isAllCollapsed\n                ? t('cairo.collectionPage.nested.expandAll.tooltip')\n                : t('cairo.collectionPage.nested.collapseAll.tooltip')\n            }\n          >\n            <TextButton\n              dataHook=\"nested-table-expand-collapse-all-button\"\n              size=\"small\"\n              prefixIcon={\n                isAllCollapsed ? (\n                  <ChevronExpandSmall data-hook=\"expand-icon\" />\n                ) : (\n                  <ChevronCollapseSmall data-hook=\"collapse-icon\" />\n                )\n              }\n              onClick={() => {\n                state.nestedMode.expandCollapseAll();\n              }}\n            />\n          </Tooltip>\n        )}\n      </Box>\n      {titleText && <Box>{titleText}</Box>}\n    </Box>\n  );\n};\n\nexport const NestedTableMainColumnTitle = observer(_NestedTableMainColumnTitle);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/NestedTable/NestedTableParentCell.js

@@ -7,7 +7,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireWildcard(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
 var _designSystem = require("@wix/design-system");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _Rotate = require("../Rotate");
 var _MainCellLayout = require("./MainCellLayout");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/NestedTable/NestedTableParentCell.tsx";
@@ -89,7 +89,7 @@ function _NestedTableParentCell(props) {
           lineNumber: 91,
           columnNumber: 17
         }
-      }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChevronRightSmall, {
+      }, /*#__PURE__*/_react.default.createElement(_lazy.ChevronRightSmall, {
         "data-hook": "chevron-icon",
         style: {
           paddingRight: 0,

package/dist/cjs/components/NestedTable/NestedTableParentCell.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_wixUiIconsCommon","_Rotate","_MainCellLayout","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_NestedTableParentCell","props","state","parentState","item","rowNum","dragAndDrop","node","collection","originalKeyedItem","nestedTable","renderProps","renderMainColumn","useState","createNode","parent","useEffect","_rowNum","_expanded","createElement","_extends2","process","env","NODE_ENV","_indentationWidth","style","display","minWidth","paddingInlineStart","childrenDepth","__self","__source","fileName","lineNumber","columnNumber","MainCellLayout","dragHandle","NestedTableDragHandle","expandCollapseButton","Box","paddingInlineEnd","visibility","_isNotExpandableWhenEmpty","_isExpandableActionDisabled","undefined","dataHook","TextButton","size","prefixIcon","Rotate","timeout","deg","ChevronRightSmall","paddingRight","image","title","itemName","subtitle","NestedTableParentCell","exports","observer"],"sources":["../../../../src/components/NestedTable/NestedTableParentCell.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport {\n  NestedTableDataItem,\n  NestedTableNodeState,\n} from '../../state/NestedTableState/NestedTableNodeState';\nimport { Box, TextButton } from '@wix/design-system';\nimport { ChevronRightSmall } from '@wix/wix-ui-icons-common';\nimport { Rotate } from '../Rotate';\nimport { MainCellLayout } from './MainCellLayout';\nimport type { NestedTableDragAndDrop } from '../NestedTableDragAndDrop/NestedTableDragAndDrop';\n\nexport interface NestedTableParentCellProps<\n  C extends string,\n  T,\n  F extends FiltersMap,\n> {\n  rowNum: number;\n  state: NestedTableNodeState<C, T, F>;\n  item: NestedTableDataItem<C, T, F>;\n  dragAndDrop?: typeof NestedTableDragAndDrop;\n}\n\nfunction _NestedTableParentCell<C extends string, T, F extends FiltersMap>(\n  props: NestedTableParentCellProps<C, T, F>,\n) {\n  const { state: parentState, item, rowNum, dragAndDrop } = props;\n\n  const {\n    node: { collection },\n  } = parentState;\n\n  const {\n    originalKeyedItem,\n    state: { nestedTable },\n  } = item;\n\n  const renderProps = parentState.renderMainColumn?.(originalKeyedItem.item);\n\n  const [state] = useState(() =>\n    item.state.createNode({\n      parent: originalKeyedItem,\n    }),\n  );\n\n  useEffect(() => {\n    if (!state) {\n      return;\n    }\n    state._rowNum = rowNum;\n  }, [rowNum]);\n\n  const _expanded = state?._expanded;\n\n  return (\n    <div\n      data-hook=\"indentation-wrapper\"\n      {...(process.env.NODE_ENV === 'test' && {\n        'data-indentation-width': nestedTable._indentationWidth,\n      })}\n      style={{\n        display: 'flex',\n        minWidth: 0,\n        paddingInlineStart:\n          parentState.childrenDepth * nestedTable._indentationWidth,\n      }}\n    >\n      <MainCellLayout\n        dragHandle={\n          dragAndDrop?.NestedTableDragHandle && (\n            <dragAndDrop.NestedTableDragHandle item={item} />\n          )\n        }\n        expandCollapseButton={\n          <Box\n            paddingInlineEnd=\"12px\"\n            visibility={\n              state == null ||\n              state._isNotExpandableWhenEmpty ||\n              parentState._isExpandableActionDisabled(originalKeyedItem.item)\n                ? 'hidden'\n                : undefined\n            }\n            dataHook=\"expand-collapse-wrapper\"\n          >\n            <TextButton\n              size=\"small\"\n              dataHook=\"expand-collapse\"\n              prefixIcon={\n                <Rotate timeout={200} deg={_expanded ? 90 : 0}>\n                  <ChevronRightSmall\n                    data-hook=\"chevron-icon\"\n                    style={{ paddingRight: 0, paddingInlineEnd: 0 }}\n                  />\n                </Rotate>\n              }\n            />\n          </Box>\n        }\n        image={renderProps?.image}\n        title={\n          renderProps?.title ?? collection.itemName(originalKeyedItem.item)\n        }\n        subtitle={renderProps?.subtitle}\n      />\n    </div>\n  );\n}\n\nexport const NestedTableParentCell = observer(_NestedTableParentCell);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_lazy","_Rotate","_MainCellLayout","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_NestedTableParentCell","props","state","parentState","item","rowNum","dragAndDrop","node","collection","originalKeyedItem","nestedTable","renderProps","renderMainColumn","useState","createNode","parent","useEffect","_rowNum","_expanded","createElement","_extends2","process","env","NODE_ENV","_indentationWidth","style","display","minWidth","paddingInlineStart","childrenDepth","__self","__source","fileName","lineNumber","columnNumber","MainCellLayout","dragHandle","NestedTableDragHandle","expandCollapseButton","Box","paddingInlineEnd","visibility","_isNotExpandableWhenEmpty","_isExpandableActionDisabled","undefined","dataHook","TextButton","size","prefixIcon","Rotate","timeout","deg","ChevronRightSmall","paddingRight","image","title","itemName","subtitle","NestedTableParentCell","exports","observer"],"sources":["../../../../src/components/NestedTable/NestedTableParentCell.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport {\n  NestedTableDataItem,\n  NestedTableNodeState,\n} from '../../state/NestedTableState/NestedTableNodeState';\nimport { Box, TextButton } from '@wix/design-system';\nimport { ChevronRightSmall } from '@wix/wix-ui-icons-common/lazy';\nimport { Rotate } from '../Rotate';\nimport { MainCellLayout } from './MainCellLayout';\nimport type { NestedTableDragAndDrop } from '../NestedTableDragAndDrop/NestedTableDragAndDrop';\n\nexport interface NestedTableParentCellProps<\n  C extends string,\n  T,\n  F extends FiltersMap,\n> {\n  rowNum: number;\n  state: NestedTableNodeState<C, T, F>;\n  item: NestedTableDataItem<C, T, F>;\n  dragAndDrop?: typeof NestedTableDragAndDrop;\n}\n\nfunction _NestedTableParentCell<C extends string, T, F extends FiltersMap>(\n  props: NestedTableParentCellProps<C, T, F>,\n) {\n  const { state: parentState, item, rowNum, dragAndDrop } = props;\n\n  const {\n    node: { collection },\n  } = parentState;\n\n  const {\n    originalKeyedItem,\n    state: { nestedTable },\n  } = item;\n\n  const renderProps = parentState.renderMainColumn?.(originalKeyedItem.item);\n\n  const [state] = useState(() =>\n    item.state.createNode({\n      parent: originalKeyedItem,\n    }),\n  );\n\n  useEffect(() => {\n    if (!state) {\n      return;\n    }\n    state._rowNum = rowNum;\n  }, [rowNum]);\n\n  const _expanded = state?._expanded;\n\n  return (\n    <div\n      data-hook=\"indentation-wrapper\"\n      {...(process.env.NODE_ENV === 'test' && {\n        'data-indentation-width': nestedTable._indentationWidth,\n      })}\n      style={{\n        display: 'flex',\n        minWidth: 0,\n        paddingInlineStart:\n          parentState.childrenDepth * nestedTable._indentationWidth,\n      }}\n    >\n      <MainCellLayout\n        dragHandle={\n          dragAndDrop?.NestedTableDragHandle && (\n            <dragAndDrop.NestedTableDragHandle item={item} />\n          )\n        }\n        expandCollapseButton={\n          <Box\n            paddingInlineEnd=\"12px\"\n            visibility={\n              state == null ||\n              state._isNotExpandableWhenEmpty ||\n              parentState._isExpandableActionDisabled(originalKeyedItem.item)\n                ? 'hidden'\n                : undefined\n            }\n            dataHook=\"expand-collapse-wrapper\"\n          >\n            <TextButton\n              size=\"small\"\n              dataHook=\"expand-collapse\"\n              prefixIcon={\n                <Rotate timeout={200} deg={_expanded ? 90 : 0}>\n                  <ChevronRightSmall\n                    data-hook=\"chevron-icon\"\n                    style={{ paddingRight: 0, paddingInlineEnd: 0 }}\n                  />\n                </Rotate>\n              }\n            />\n          </Box>\n        }\n        image={renderProps?.image}\n        title={\n          renderProps?.title ?? collection.itemName(originalKeyedItem.item)\n        }\n        subtitle={renderProps?.subtitle}\n      />\n    </div>\n  );\n}\n\nexport const NestedTableParentCell = observer(_NestedTableParentCell);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/NestedTable/NestedTablePlaceholderStatesRow.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_ = "NestedTablePlaceholderStatesRow419327296";
+var _namespace_ = "NestedTablePlaceholderStatesRow875267755";
 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": "NestedTablePlaceholderStatesRow419327296__root"
+  "root": "NestedTablePlaceholderStatesRow875267755__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/NestedTable/NestedTablePlaceholderStatesRow.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/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTablePlaceholderStatesRow419327296\";\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\":\"NestedTablePlaceholderStatesRow419327296__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,0CAA0C;AAC5D,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;AAAgD,CAAC;AACvE,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/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTablePlaceholderStatesRow875267755\";\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\":\"NestedTablePlaceholderStatesRow875267755__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,0CAA0C;AAC5D,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;AAAgD,CAAC;AACvE,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/NestedTable/NestedTableRow.st.css.js

@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "NestedTableRow1478356820";
+var _namespace_ = "NestedTableRow836910914";
 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": "NestedTableRow1478356820__root",
-  "firstLevel": "NestedTableRow1478356820__firstLevel",
-  "placeholder": "NestedTableRow1478356820__placeholder",
-  "parentHovered": "NestedTableRow1478356820__parentHovered"
+  "root": "NestedTableRow836910914__root",
+  "firstLevel": "NestedTableRow836910914__firstLevel",
+  "placeholder": "NestedTableRow836910914__placeholder",
+  "parentHovered": "NestedTableRow836910914__parentHovered"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/NestedTable/NestedTableRow.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/NestedTable/NestedTableRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTableRow1478356820\";\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\":\"NestedTableRow1478356820__root\",\"firstLevel\":\"NestedTableRow1478356820__firstLevel\",\"placeholder\":\"NestedTableRow1478356820__placeholder\",\"parentHovered\":\"NestedTableRow1478356820__parentHovered\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,gCAAgC;EAAC,YAAY,EAAC,sCAAsC;EAAC,aAAa,EAAC,uCAAuC;EAAC,eAAe,EAAC;AAAyC,CAAC;AAC3N,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/NestedTable/NestedTableRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTableRow836910914\";\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\":\"NestedTableRow836910914__root\",\"firstLevel\":\"NestedTableRow836910914__firstLevel\",\"placeholder\":\"NestedTableRow836910914__placeholder\",\"parentHovered\":\"NestedTableRow836910914__parentHovered\"};\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,+BAA+B;EAAC,YAAY,EAAC,qCAAqC;EAAC,aAAa,EAAC,sCAAsC;EAAC,eAAe,EAAC;AAAwC,CAAC;AACvN,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/DepthLimitMessage.js

@@ -6,7 +6,7 @@ exports.DepthLimitMessage = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
 var _designSystem = require("@wix/design-system");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/NestedTableDragAndDrop/DepthLimitMessage.tsx";
 function _DepthLimitMessage(props) {
   const {
@@ -25,7 +25,7 @@ function _DepthLimitMessage(props) {
     id: "nested-table-dnd-depth-limit-message",
     dataHook: "nested-table-dnd-depth-limit-message",
     theme: "light",
-    thumb: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.BlockSmall, {
+    thumb: /*#__PURE__*/_react.default.createElement(_lazy.BlockSmall, {
       __self: this,
       __source: {
         fileName: _jsxFileName,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_wixUiIconsCommon","_jsxFileName","_DepthLimitMessage","props","state","nestedState","levels","container","translate","t","default","createElement","Tag","id","dataHook","theme","thumb","BlockSmall","__self","__source","fileName","lineNumber","columnNumber","removable","subCatsAmount","length","DepthLimitMessage","exports","observer"],"sources":["../../../../src/components/NestedTableDragAndDrop/DepthLimitMessage.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { NestedTableDragAndDropState } from './NestedTableDragAndDropState';\nimport { Tag } from '@wix/design-system';\nimport { BlockSmall } from '@wix/wix-ui-icons-common';\n\nexport interface NestedTableDragAndDropDropMessageProps<C extends string> {\n  state: NestedTableDragAndDropState<C>;\n}\n\nfunction _DepthLimitMessage<C extends string>(\n  props: NestedTableDragAndDropDropMessageProps<C>,\n) {\n  const { state } = props;\n\n  const { nestedState } = state;\n  const {\n    levels,\n    container: { translate: t },\n  } = nestedState;\n\n  return (\n    <Tag\n      id=\"nested-table-dnd-depth-limit-message\"\n      dataHook=\"nested-table-dnd-depth-limit-message\"\n      theme=\"light\"\n      thumb={<BlockSmall />}\n      removable={false}\n    >\n      {t('cairo.collectionPage.nestedLimit.tooltip', {\n        subCatsAmount: levels.length,\n      })}\n    </Tag>\n  );\n}\n\nexport const DepthLimitMessage = observer(_DepthLimitMessage);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAAsD,IAAAI,YAAA;AAMtD,SAASC,kBAAkBA,CACzBC,KAAgD,EAChD;EACA,MAAM;IAAEC;EAAM,CAAC,GAAGD,KAAK;EAEvB,MAAM;IAAEE;EAAY,CAAC,GAAGD,KAAK;EAC7B,MAAM;IACJE,MAAM;IACNC,SAAS,EAAE;MAAEC,SAAS,EAAEC;IAAE;EAC5B,CAAC,GAAGJ,WAAW;EAEf,oBACEV,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAa,GAAG;IACFC,EAAE,EAAC,sCAAsC;IACzCC,QAAQ,EAAC,sCAAsC;IAC/CC,KAAK,EAAC,OAAO;IACbC,KAAK,eAAErB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACX,iBAAA,CAAAiB,UAAU;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnB,YAAA;QAAAoB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IACtBC,SAAS,EAAE,KAAM;IAAAL,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEhBb,CAAC,CAAC,0CAA0C,EAAE;IAC7Ce,aAAa,EAAElB,MAAM,CAACmB;EACxB,CAAC,CACE,CAAC;AAEV;AAEO,MAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,uBAAQ,EAAC1B,kBAAkB,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_lazy","_jsxFileName","_DepthLimitMessage","props","state","nestedState","levels","container","translate","t","default","createElement","Tag","id","dataHook","theme","thumb","BlockSmall","__self","__source","fileName","lineNumber","columnNumber","removable","subCatsAmount","length","DepthLimitMessage","exports","observer"],"sources":["../../../../src/components/NestedTableDragAndDrop/DepthLimitMessage.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { NestedTableDragAndDropState } from './NestedTableDragAndDropState';\nimport { Tag } from '@wix/design-system';\nimport { BlockSmall } from '@wix/wix-ui-icons-common/lazy';\n\nexport interface NestedTableDragAndDropDropMessageProps<C extends string> {\n  state: NestedTableDragAndDropState<C>;\n}\n\nfunction _DepthLimitMessage<C extends string>(\n  props: NestedTableDragAndDropDropMessageProps<C>,\n) {\n  const { state } = props;\n\n  const { nestedState } = state;\n  const {\n    levels,\n    container: { translate: t },\n  } = nestedState;\n\n  return (\n    <Tag\n      id=\"nested-table-dnd-depth-limit-message\"\n      dataHook=\"nested-table-dnd-depth-limit-message\"\n      theme=\"light\"\n      thumb={<BlockSmall />}\n      removable={false}\n    >\n      {t('cairo.collectionPage.nestedLimit.tooltip', {\n        subCatsAmount: levels.length,\n      })}\n    </Tag>\n  );\n}\n\nexport const DepthLimitMessage = observer(_DepthLimitMessage);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAA2D,IAAAI,YAAA;AAM3D,SAASC,kBAAkBA,CACzBC,KAAgD,EAChD;EACA,MAAM;IAAEC;EAAM,CAAC,GAAGD,KAAK;EAEvB,MAAM;IAAEE;EAAY,CAAC,GAAGD,KAAK;EAC7B,MAAM;IACJE,MAAM;IACNC,SAAS,EAAE;MAAEC,SAAS,EAAEC;IAAE;EAC5B,CAAC,GAAGJ,WAAW;EAEf,oBACEV,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAa,GAAG;IACFC,EAAE,EAAC,sCAAsC;IACzCC,QAAQ,EAAC,sCAAsC;IAC/CC,KAAK,EAAC,OAAO;IACbC,KAAK,eAAErB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACX,KAAA,CAAAiB,UAAU;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnB,YAAA;QAAAoB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IACtBC,SAAS,EAAE,KAAM;IAAAL,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEhBb,CAAC,CAAC,0CAA0C,EAAE;IAC7Ce,aAAa,EAAElB,MAAM,CAACmB;EACxB,CAAC,CACE,CAAC;AAEV;AAEO,MAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,uBAAQ,EAAC1B,kBAAkB,CAAC","ignoreList":[]}

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

@@ -5,7 +5,7 @@ exports.__esModule = true;
 exports.DragAndDropDisabledMessage = DragAndDropDisabledMessage;
 var _react = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/NestedTableDragAndDrop/DragAndDropDisabledMessage.tsx";
 function DragAndDropDisabledMessage(props) {
   const {
@@ -15,7 +15,7 @@ function DragAndDropDisabledMessage(props) {
     id: "nested-table-dnd-disabled-message",
     dataHook: "nested-table-dnd-disabled-message",
     theme: "light",
-    thumb: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.BlockSmall, {
+    thumb: /*#__PURE__*/_react.default.createElement(_lazy.BlockSmall, {
       __self: this,
       __source: {
         fileName: _jsxFileName,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_jsxFileName","DragAndDropDisabledMessage","props","message","default","createElement","Tag","id","dataHook","theme","thumb","BlockSmall","__self","__source","fileName","lineNumber","columnNumber","removable"],"sources":["../../../../src/components/NestedTableDragAndDrop/DragAndDropDisabledMessage.tsx"],"sourcesContent":["import React from 'react';\nimport { Tag } from '@wix/design-system';\nimport { BlockSmall } from '@wix/wix-ui-icons-common';\n\nexport interface DragAndDropDisabledMessageProps {\n  message: string;\n}\n\nexport function DragAndDropDisabledMessage(\n  props: DragAndDropDisabledMessageProps,\n) {\n  const { message } = props;\n\n  return (\n    <Tag\n      id=\"nested-table-dnd-disabled-message\"\n      dataHook=\"nested-table-dnd-disabled-message\"\n      theme=\"light\"\n      thumb={<BlockSmall />}\n      removable={false}\n    >\n      {message}\n    </Tag>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAAsD,IAAAG,YAAA;AAM/C,SAASC,0BAA0BA,CACxCC,KAAsC,EACtC;EACA,MAAM;IAAEC;EAAQ,CAAC,GAAGD,KAAK;EAEzB,oBACEP,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAQ,GAAG;IACFC,EAAE,EAAC,mCAAmC;IACtCC,QAAQ,EAAC,mCAAmC;IAC5CC,KAAK,EAAC,OAAO;IACbC,KAAK,eAAEf,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,iBAAA,CAAAY,UAAU;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAd,YAAA;QAAAe,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IACtBC,SAAS,EAAE,KAAM;IAAAL,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEhBb,OACE,CAAC;AAEV","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_jsxFileName","DragAndDropDisabledMessage","props","message","default","createElement","Tag","id","dataHook","theme","thumb","BlockSmall","__self","__source","fileName","lineNumber","columnNumber","removable"],"sources":["../../../../src/components/NestedTableDragAndDrop/DragAndDropDisabledMessage.tsx"],"sourcesContent":["import React from 'react';\nimport { Tag } from '@wix/design-system';\nimport { BlockSmall } from '@wix/wix-ui-icons-common/lazy';\n\nexport interface DragAndDropDisabledMessageProps {\n  message: string;\n}\n\nexport function DragAndDropDisabledMessage(\n  props: DragAndDropDisabledMessageProps,\n) {\n  const { message } = props;\n\n  return (\n    <Tag\n      id=\"nested-table-dnd-disabled-message\"\n      dataHook=\"nested-table-dnd-disabled-message\"\n      theme=\"light\"\n      thumb={<BlockSmall />}\n      removable={false}\n    >\n      {message}\n    </Tag>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAA2D,IAAAG,YAAA;AAMpD,SAASC,0BAA0BA,CACxCC,KAAsC,EACtC;EACA,MAAM;IAAEC;EAAQ,CAAC,GAAGD,KAAK;EAEzB,oBACEP,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAQ,GAAG;IACFC,EAAE,EAAC,mCAAmC;IACtCC,QAAQ,EAAC,mCAAmC;IAC5CC,KAAK,EAAC,OAAO;IACbC,KAAK,eAAEf,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,KAAA,CAAAY,UAAU;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAd,YAAA;QAAAe,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IACtBC,SAAS,EAAE,KAAM;IAAAL,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEhBb,OACE,CAAC;AAEV","ignoreList":[]}

package/dist/cjs/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.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_ = "MultipleDragOverlayEffect1868700924";
+var _namespace_ = "MultipleDragOverlayEffect927374861";
 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": "MultipleDragOverlayEffect1868700924__root"
+  "root": "MultipleDragOverlayEffect927374861__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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_ = \"MultipleDragOverlayEffect1868700924\";\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\":\"MultipleDragOverlayEffect1868700924__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/MultipleDragOverlayEffect.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MultipleDragOverlayEffect927374861\";\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\":\"MultipleDragOverlayEffect927374861__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/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_ = "NestedTableDragAndDropRow2309849426";
+var _namespace_ = "NestedTableDragAndDropRow915281379";
 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": "NestedTableDragAndDropRow2309849426__root"
+  "root": "NestedTableDragAndDropRow915281379__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_ = \"NestedTableDragAndDropRow2309849426\";\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\":\"NestedTableDragAndDropRow2309849426__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_ = \"NestedTableDragAndDropRow915281379\";\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\":\"NestedTableDragAndDropRow915281379__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/NumberRangeFilter/NumberRangeFilter.js

@@ -8,6 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
 var _designSystem = require("@wix/design-system");
 var _useNumberRangeFilter = require("./useNumberRangeFilter");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/NumberRangeFilter/NumberRangeFilter.tsx";
 function NumberRangeFilter({
   filter,
@@ -30,6 +31,7 @@ function NumberRangeFilter({
     min,
     max
   });
+  const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   return /*#__PURE__*/_react.default.createElement(_designSystem.FieldSet, (0, _extends2.default)({
     dataHook: `number-range-filter-${filter.name}`,
     direction: "horizontal",
@@ -44,7 +46,7 @@ function NumberRangeFilter({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 37,
+      lineNumber: 40,
       columnNumber: 5
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.FormField, (0, _extends2.default)({
@@ -56,7 +58,7 @@ function NumberRangeFilter({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 46,
+      lineNumber: 49,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.NumberInput, (0, _extends2.default)({}, commonInputProps, {
@@ -67,11 +69,12 @@ function NumberRangeFilter({
       isFrom: true
     }),
     dataHook: "number-range-filter-from-input",
-    size: "medium",
+    size: isBmHarmonyTheme ? 'small' : 'medium',
+    border: isBmHarmonyTheme ? 'standard' : undefined,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 51,
+      lineNumber: 54,
       columnNumber: 9
     }
   }))), /*#__PURE__*/_react.default.createElement(_designSystem.FormField, (0, _extends2.default)({
@@ -84,7 +87,7 @@ function NumberRangeFilter({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 60,
+      lineNumber: 64,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.NumberInput, (0, _extends2.default)({}, commonInputProps, {
@@ -95,11 +98,12 @@ function NumberRangeFilter({
       isFrom: false
     }),
     dataHook: "number-range-filter-to-input",
-    size: "medium",
+    size: isBmHarmonyTheme ? 'small' : 'medium',
+    border: isBmHarmonyTheme ? 'standard' : undefined,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 65,
+      lineNumber: 69,
       columnNumber: 9
     }
   }))));

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

@@ -1 +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":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_useNumberRangeFilter","_useBmHarmonyTheme","_jsxFileName","NumberRangeFilter","filter","decimal","min","max","fromValue","toValue","fromError","toError","handleInputChange","placeholder","commonInputProps","t","useNumberRangeFilter","isBmHarmonyTheme","useBmHarmonyTheme","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","border","undefined","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';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\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  const isBmHarmonyTheme = useBmHarmonyTheme();\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={isBmHarmonyTheme ? 'small' : 'medium'}\n          border={isBmHarmonyTheme ? 'standard' : undefined}\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={isBmHarmonyTheme ? 'small' : 'medium'}\n          border={isBmHarmonyTheme ? 'standard' : undefined}\n        />\n      </FormField>\n    </FieldSet>\n  );\n}\n\nexport default observer(NumberRangeFilter);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/OperatorFilterPicker/OperatorFilterPicker.js

@@ -8,8 +8,9 @@ var _designSystem = require("@wix/design-system");
 var _bexCore = require("@wix/bex-core");
 var _react2 = require("@wix/bex-core/react");
 var _useOperatorFilterState = require("../../hooks/useOperatorFilterState");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _renderOperatorFilterToolbarTag = require("./renderOperatorFilterToolbarTag");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/OperatorFilterPicker/OperatorFilterPicker.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _OperatorFilterPicker(props) {
@@ -20,6 +21,7 @@ function _OperatorFilterPicker(props) {
   const {
     translate: t
   } = (0, _react2.useWixPatternsContainer)();
+  const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   const filterState = filter;
   const allowedOperators = filterState.allowedOperators;
   const hasOperatorWithValue = (0, _react.useMemo)(() => allowedOperators.some(op => (0, _bexCore.operatorNeedsValue)(op)), [allowedOperators]);
@@ -33,24 +35,30 @@ function _OperatorFilterPicker(props) {
   const operatorOptions = allowedOperators.map(op => (0, _designSystem.listItemSelectBuilder)({
     id: op,
     title: t((0, _bexCore.getOperatorLabel)(op)),
-    label: t((0, _bexCore.getOperatorLabel)(op))
+    label: t((0, _bexCore.getOperatorLabel)(op)),
+    ...(isBmHarmonyTheme ? {
+      size: 'small'
+    } : {})
   }));
   const showValueInput = state.operatorNeedsValue();
   return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     dataHook: `operator-picker-${filter.name}`,
     direction: "vertical",
     gap: "12px",
+    style: isBmHarmonyTheme ? {
+      width: '100%'
+    } : undefined,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 65,
+      lineNumber: 68,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 70,
+      lineNumber: 74,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.DropdownBase, {
@@ -61,10 +69,11 @@ function _OperatorFilterPicker(props) {
     appendTo: "window",
     flip: true,
     placement: "bottom-start",
+    minWidth: isBmHarmonyTheme ? 0 : undefined,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 71,
+      lineNumber: 75,
       columnNumber: 9
     }
   }, ({
@@ -72,11 +81,11 @@ function _OperatorFilterPicker(props) {
   }) => /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
     skin: "dark",
     onClick: toggle,
-    suffixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChevronDown, {
+    suffixIcon: /*#__PURE__*/_react.default.createElement(_lazy.ChevronDown, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 84,
+        lineNumber: 89,
         columnNumber: 27
       }
     }),
@@ -85,18 +94,19 @@ function _OperatorFilterPicker(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 81,
+      lineNumber: 86,
       columnNumber: 13
     }
   }, t((0, _bexCore.getOperatorLabel)(state.operator))))), showValueInput && /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 95,
+      lineNumber: 100,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Input, {
-    border: "round",
+    border: isBmHarmonyTheme ? 'standard' : 'round',
+    size: isBmHarmonyTheme ? 'small' : undefined,
     value: ((_state$value = state.value) == null ? void 0 : _state$value.toString()) || '',
     placeholder: t('cairo.filterOperator.valuePlaceholder'),
     onChange: e => state.setValue(e.target.value),
@@ -110,7 +120,7 @@ function _OperatorFilterPicker(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 96,
+      lineNumber: 101,
       columnNumber: 11
     }
   })));