@wix/patterns 1.430.0 → 1.431.0

package/dist/cjs/components/MultiLevelSortingPanel/MultiLevelSortingPanel.js

@@ -12,6 +12,7 @@ var _useRafRender = require("../../hooks/useRafRender");
 var _MultiLevelSortingList = require("./MultiLevelSortingList");
 var _ScrollableContent = require("../ScrollableContent");
 var _PatternsSidePanel = require("../SidePanel/PatternsSidePanel");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/MultiLevelSortingPanel/MultiLevelSortingPanel.tsx";
 function _MultiLevelSortingPanel(props) {
   const {
@@ -23,6 +24,7 @@ function _MultiLevelSortingPanel(props) {
   const {
     translate: t
   } = (0, _react2.useWixPatternsContainer)();
+  const isHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   const entered = (0, _useRafRender.useRafRender)();
   if (!entered || !multiLevelSorting) {
     return null;
@@ -37,7 +39,7 @@ function _MultiLevelSortingPanel(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 38,
+      lineNumber: 40,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.SidePanel.Header, {
@@ -47,7 +49,7 @@ function _MultiLevelSortingPanel(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 48,
+        lineNumber: 50,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Heading, {
@@ -55,7 +57,7 @@ function _MultiLevelSortingPanel(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 49,
+        lineNumber: 51,
         columnNumber: 13
       }
     }, t('cairo.table.advanced-sorting.button.tooltip')), /*#__PURE__*/_react.default.createElement(_designSystem.InfoIcon, {
@@ -64,7 +66,7 @@ function _MultiLevelSortingPanel(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 52,
+        lineNumber: 54,
         columnNumber: 13
       }
     })),
@@ -72,7 +74,7 @@ function _MultiLevelSortingPanel(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 46,
+      lineNumber: 48,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_ScrollableContent.ScrollableContent, {
@@ -82,7 +84,7 @@ function _MultiLevelSortingPanel(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 60,
+      lineNumber: 62,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_MultiLevelSortingList.MultiLevelSortingList, {
@@ -90,7 +92,7 @@ function _MultiLevelSortingPanel(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 65,
+      lineNumber: 67,
       columnNumber: 9
     }
   })), /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
@@ -105,7 +107,7 @@ function _MultiLevelSortingPanel(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 67,
+      lineNumber: 69,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -114,23 +116,23 @@ function _MultiLevelSortingPanel(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 75,
+      lineNumber: 77,
       columnNumber: 9
     }
-  }, /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
+  }, !isHarmonyTheme && /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
     direction: "horizontal",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 76,
-      columnNumber: 11
+      lineNumber: 78,
+      columnNumber: 31
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     padding: "SP4",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 78,
+      lineNumber: 79,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.AddItem, {
@@ -144,7 +146,7 @@ function _MultiLevelSortingPanel(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 79,
+      lineNumber: 80,
       columnNumber: 13
     }
   }, t('cairo.table.advanced-sorting.cta'))))));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_react2","_designSystem","_useRafRender","_MultiLevelSortingList","_ScrollableContent","_PatternsSidePanel","_jsxFileName","_MultiLevelSortingPanel","props","state","table","multiLevelSorting","translate","t","useWixPatternsContainer","entered","useRafRender","default","createElement","PatternsSidePanel","dataHook","width","onClose","reportSidePanelClose","sidePanel","close","__self","__source","fileName","lineNumber","columnNumber","SidePanel","Header","title","Box","gap","verticalAlign","Heading","size","InfoIcon","content","subtitle","ScrollableContent","overflowY","smooth","MultiLevelSortingList","Tooltip","disabled","hasAvailableSortingColumns","maxWidth","appendTo","moveBy","y","direction","Divider","padding","AddItem","onClick","addSort","manual","MultiLevelSortingPanel","exports","observer"],"sources":["../../../../src/components/MultiLevelSortingPanel/MultiLevelSortingPanel.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport {\n  AddItem,\n  Box,\n  Divider,\n  Heading,\n  InfoIcon,\n  SidePanel,\n  Tooltip,\n} from '@wix/design-system';\nimport { ToolbarCollectionState } from '../../state';\nimport { useRafRender } from '../../hooks/useRafRender';\nimport { MultiLevelSortingList } from './MultiLevelSortingList';\nimport { ScrollableContent } from '../ScrollableContent';\nimport { PatternsSidePanel } from '../SidePanel/PatternsSidePanel';\n\nexport interface MultiLevelSortingPanelProps<T, F extends FiltersMap> {\n  state: ToolbarCollectionState<T, F>;\n}\n\nexport function _MultiLevelSortingPanel<T, F extends FiltersMap>(\n  props: MultiLevelSortingPanelProps<T, F>,\n) {\n  const { state: table } = props;\n  const { multiLevelSorting } = table;\n\n  const { translate: t } = useWixPatternsContainer();\n  const entered = useRafRender();\n\n  if (!entered || !multiLevelSorting) {\n    return null;\n  }\n\n  return (\n    <PatternsSidePanel\n      dataHook=\"multi-level-sorting-panel\"\n      width=\"100%\"\n      onClose={() => {\n        multiLevelSorting.reportSidePanelClose();\n        table.sidePanel.close();\n      }}\n    >\n      <SidePanel.Header\n        title={\n          <Box gap=\"SP1\" verticalAlign=\"middle\">\n            <Heading size=\"small\">\n              {t('cairo.table.advanced-sorting.button.tooltip')}\n            </Heading>\n            <InfoIcon\n              size=\"medium\"\n              content={t('cairo.table.advanced-sorting.title.tooltip')}\n            />\n          </Box>\n        }\n        subtitle={t('cairo.table.advanced-sorting.subtitle')}\n      />\n      <ScrollableContent\n        dataHook=\"multi-level-sorting-panel-scroll-container\"\n        overflowY\n        smooth\n      >\n        <MultiLevelSortingList state={multiLevelSorting} />\n      </ScrollableContent>\n      <Tooltip\n        dataHook=\"multi-level-sorting-add-sort-tooltip\"\n        disabled={multiLevelSorting.hasAvailableSortingColumns}\n        maxWidth={400}\n        content={t('cairo.table.advanced-sorting.disabled.cta.tooltip')}\n        appendTo=\"window\"\n        moveBy={{ y: -24 }}\n      >\n        <Box direction=\"vertical\" width=\"100%\">\n          <Divider direction=\"horizontal\" />\n\n          <Box padding=\"SP4\">\n            <AddItem\n              dataHook=\"multi-level-sorting-add-sort\"\n              disabled={!multiLevelSorting.hasAvailableSortingColumns}\n              onClick={() => {\n                multiLevelSorting.addSort({ manual: true });\n              }}\n            >\n              {t('cairo.table.advanced-sorting.cta')}\n            </AddItem>\n          </Box>\n        </Box>\n      </Tooltip>\n    </PatternsSidePanel>\n  );\n}\n\nexport const MultiLevelSortingPanel = observer(_MultiLevelSortingPanel);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_react2","_designSystem","_useRafRender","_MultiLevelSortingList","_ScrollableContent","_PatternsSidePanel","_useBmHarmonyTheme","_jsxFileName","_MultiLevelSortingPanel","props","state","table","multiLevelSorting","translate","t","useWixPatternsContainer","isHarmonyTheme","useBmHarmonyTheme","entered","useRafRender","default","createElement","PatternsSidePanel","dataHook","width","onClose","reportSidePanelClose","sidePanel","close","__self","__source","fileName","lineNumber","columnNumber","SidePanel","Header","title","Box","gap","verticalAlign","Heading","size","InfoIcon","content","subtitle","ScrollableContent","overflowY","smooth","MultiLevelSortingList","Tooltip","disabled","hasAvailableSortingColumns","maxWidth","appendTo","moveBy","y","direction","Divider","padding","AddItem","onClick","addSort","manual","MultiLevelSortingPanel","exports","observer"],"sources":["../../../../src/components/MultiLevelSortingPanel/MultiLevelSortingPanel.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport {\n  AddItem,\n  Box,\n  Divider,\n  Heading,\n  InfoIcon,\n  SidePanel,\n  Tooltip,\n} from '@wix/design-system';\nimport { ToolbarCollectionState } from '../../state';\nimport { useRafRender } from '../../hooks/useRafRender';\nimport { MultiLevelSortingList } from './MultiLevelSortingList';\nimport { ScrollableContent } from '../ScrollableContent';\nimport { PatternsSidePanel } from '../SidePanel/PatternsSidePanel';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nexport interface MultiLevelSortingPanelProps<T, F extends FiltersMap> {\n  state: ToolbarCollectionState<T, F>;\n}\n\nexport function _MultiLevelSortingPanel<T, F extends FiltersMap>(\n  props: MultiLevelSortingPanelProps<T, F>,\n) {\n  const { state: table } = props;\n  const { multiLevelSorting } = table;\n\n  const { translate: t } = useWixPatternsContainer();\n  const isHarmonyTheme = useBmHarmonyTheme();\n  const entered = useRafRender();\n\n  if (!entered || !multiLevelSorting) {\n    return null;\n  }\n\n  return (\n    <PatternsSidePanel\n      dataHook=\"multi-level-sorting-panel\"\n      width=\"100%\"\n      onClose={() => {\n        multiLevelSorting.reportSidePanelClose();\n        table.sidePanel.close();\n      }}\n    >\n      <SidePanel.Header\n        title={\n          <Box gap=\"SP1\" verticalAlign=\"middle\">\n            <Heading size=\"small\">\n              {t('cairo.table.advanced-sorting.button.tooltip')}\n            </Heading>\n            <InfoIcon\n              size=\"medium\"\n              content={t('cairo.table.advanced-sorting.title.tooltip')}\n            />\n          </Box>\n        }\n        subtitle={t('cairo.table.advanced-sorting.subtitle')}\n      />\n      <ScrollableContent\n        dataHook=\"multi-level-sorting-panel-scroll-container\"\n        overflowY\n        smooth\n      >\n        <MultiLevelSortingList state={multiLevelSorting} />\n      </ScrollableContent>\n      <Tooltip\n        dataHook=\"multi-level-sorting-add-sort-tooltip\"\n        disabled={multiLevelSorting.hasAvailableSortingColumns}\n        maxWidth={400}\n        content={t('cairo.table.advanced-sorting.disabled.cta.tooltip')}\n        appendTo=\"window\"\n        moveBy={{ y: -24 }}\n      >\n        <Box direction=\"vertical\" width=\"100%\">\n          {!isHarmonyTheme && <Divider direction=\"horizontal\" />}\n          <Box padding=\"SP4\">\n            <AddItem\n              dataHook=\"multi-level-sorting-add-sort\"\n              disabled={!multiLevelSorting.hasAvailableSortingColumns}\n              onClick={() => {\n                multiLevelSorting.addSort({ manual: true });\n              }}\n            >\n              {t('cairo.table.advanced-sorting.cta')}\n            </AddItem>\n          </Box>\n        </Box>\n      </Tooltip>\n    </PatternsSidePanel>\n  );\n}\n\nexport const MultiLevelSortingPanel = observer(_MultiLevelSortingPanel);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/MultiLevelSortingPanel/MultiLevelSortingTableListItem.js

@@ -6,11 +6,12 @@ exports.MultiLevelSortingTableListItem = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 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 _mobxReactLite = require("mobx-react-lite");
 var _MultiLevelSortingColumnSelect = require("./MultiLevelSortingColumnSelect");
 var _MultiLevelSortingOrderSelect = require("./MultiLevelSortingOrderSelect");
 var _react2 = require("@wix/bex-core/react");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/MultiLevelSortingPanel/MultiLevelSortingTableListItem.tsx";
 function _MultiLevelSortingTableListItem(props) {
   const {
@@ -28,6 +29,7 @@ function _MultiLevelSortingTableListItem(props) {
   const {
     translate: t
   } = (0, _react2.useWixPatternsContainer)();
+  const isHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
     ref: domRef,
     "data-hook": `multi-level-sorting-item-${sortableColumn.columnId}`
@@ -35,13 +37,16 @@ function _MultiLevelSortingTableListItem(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 38,
+      lineNumber: 40,
       columnNumber: 5
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.TableListItem, {
     verticalPadding: "tiny",
+    horizontalPadding: isHarmonyTheme ? 'tiny' : undefined,
     draggable: draggable,
     dragging: dragging,
+    dragHandleSize: isHarmonyTheme ? 'small' : undefined,
+    dragHandleProps: isHarmonyTheme ? dragHandleProps : undefined,
     showDivider: showDivider,
     options: [{
       value: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -52,7 +57,7 @@ function _MultiLevelSortingTableListItem(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 51,
+          lineNumber: 56,
           columnNumber: 15
         }
       }, /*#__PURE__*/_react.default.createElement(_MultiLevelSortingColumnSelect.MultiLevelSortingColumnSelect, {
@@ -62,7 +67,7 @@ function _MultiLevelSortingTableListItem(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 57,
+          lineNumber: 62,
           columnNumber: 17
         }
       }), /*#__PURE__*/_react.default.createElement(_MultiLevelSortingOrderSelect.MultiLevelSortingOrderSelect, {
@@ -71,7 +76,7 @@ function _MultiLevelSortingTableListItem(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 62,
+          lineNumber: 67,
           columnNumber: 17
         }
       }), /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
@@ -79,27 +84,28 @@ function _MultiLevelSortingTableListItem(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 66,
+          lineNumber: 71,
           columnNumber: 17
         }
       }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
         dataHook: "multi-level-sorting-remove-sort",
         size: "small",
-        skin: "light",
+        skin: isHarmonyTheme ? 'dark' : 'light',
+        priority: isHarmonyTheme ? 'tertiary' : undefined,
         onClick: () => {
           state.removeSort(sortableColumn.columnId);
         },
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 71,
+          lineNumber: 76,
           columnNumber: 19
         }
-      }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.DeleteSmall, {
+      }, /*#__PURE__*/_react.default.createElement(_lazy.DeleteSmall, {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 79,
+          lineNumber: 85,
           columnNumber: 21
         }
       }))))
@@ -107,7 +113,7 @@ function _MultiLevelSortingTableListItem(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 43,
+      lineNumber: 45,
       columnNumber: 7
     }
   }));

package/dist/cjs/components/MultiLevelSortingPanel/MultiLevelSortingTableListItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_mobxReactLite","_MultiLevelSortingColumnSelect","_MultiLevelSortingOrderSelect","_react2","_jsxFileName","_MultiLevelSortingTableListItem","props","sortableColumn","state","domRef","dragging","draggable","index","showDivider","dragHandleProps","droppable","rest","translate","t","useWixPatternsContainer","default","createElement","_extends2","ref","columnId","__self","__source","fileName","lineNumber","columnNumber","TableListItem","verticalPadding","options","value","Box","width","direction","verticalAlign","gap","MultiLevelSortingColumnSelect","MultiLevelSortingOrderSelect","Tooltip","content","IconButton","dataHook","size","skin","onClick","removeSort","DeleteSmall","MultiLevelSortingTableListItem","exports","observer"],"sources":["../../../../src/components/MultiLevelSortingPanel/MultiLevelSortingTableListItem.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, IconButton, Tooltip, TableListItem } from '@wix/design-system';\nimport { DeleteSmall } from '@wix/wix-ui-icons-common';\nimport { observer } from 'mobx-react-lite';\nimport { MultiLevelSortingColumnSelect } from './MultiLevelSortingColumnSelect';\nimport { MultiLevelSortingOrderSelect } from './MultiLevelSortingOrderSelect';\nimport { GridCardItemProps } from '../DragAndDrop';\nimport { MultiLevelSortingState, SortableColumn } from '../../state';\nimport { FiltersMap } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport interface MultiLevelSortingTableListItemProps<T, F extends FiltersMap>\n  extends GridCardItemProps {\n  index: number;\n  sortableColumn: SortableColumn;\n  state: MultiLevelSortingState<T, F>;\n  showDivider?: boolean;\n}\n\nfunction _MultiLevelSortingTableListItem<T, F extends FiltersMap>(\n  props: MultiLevelSortingTableListItemProps<T, F>,\n) {\n  const {\n    sortableColumn,\n    state,\n    domRef,\n    dragging,\n    draggable,\n    index,\n    showDivider,\n    dragHandleProps,\n    droppable,\n    ...rest\n  } = props;\n  const { translate: t } = useWixPatternsContainer();\n\n  return (\n    <div\n      ref={domRef}\n      data-hook={`multi-level-sorting-item-${sortableColumn.columnId}`}\n      {...rest}\n    >\n      <TableListItem\n        verticalPadding=\"tiny\"\n        draggable={draggable}\n        dragging={dragging}\n        showDivider={showDivider}\n        options={[\n          {\n            value: (\n              <Box\n                width=\"100%\"\n                direction=\"horizontal\"\n                verticalAlign=\"middle\"\n                gap=\"SP2\"\n              >\n                <MultiLevelSortingColumnSelect\n                  sortableColumn={sortableColumn}\n                  state={state}\n                  index={index}\n                />\n                <MultiLevelSortingOrderSelect\n                  sortableColumn={sortableColumn}\n                  state={state}\n                />\n                <Tooltip\n                  content={t(\n                    'cairo.table.advanced-sorting.remove.button.tooltip',\n                  )}\n                >\n                  <IconButton\n                    dataHook=\"multi-level-sorting-remove-sort\"\n                    size=\"small\"\n                    skin=\"light\"\n                    onClick={() => {\n                      state.removeSort(sortableColumn.columnId);\n                    }}\n                  >\n                    <DeleteSmall />\n                  </IconButton>\n                </Tooltip>\n              </Box>\n            ),\n          },\n        ]}\n      />\n    </div>\n  );\n}\n\nexport const MultiLevelSortingTableListItem = observer(\n  _MultiLevelSortingTableListItem,\n);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,8BAAA,GAAAJ,OAAA;AACA,IAAAK,6BAAA,GAAAL,OAAA;AAIA,IAAAM,OAAA,GAAAN,OAAA;AAA8D,IAAAO,YAAA;AAU9D,SAASC,+BAA+BA,CACtCC,KAAgD,EAChD;EACA,MAAM;IACJC,cAAc;IACdC,KAAK;IACLC,MAAM;IACNC,QAAQ;IACRC,SAAS;IACTC,KAAK;IACLC,WAAW;IACXC,eAAe;IACfC,SAAS;IACT,GAAGC;EACL,CAAC,GAAGV,KAAK;EACT,MAAM;IAAEW,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAElD,oBACExB,MAAA,CAAAyB,OAAA,CAAAC,aAAA,YAAAC,SAAA,CAAAF,OAAA;IACEG,GAAG,EAAEd,MAAO;IACZ,aAAW,4BAA4BF,cAAc,CAACiB,QAAQ;EAAG,GAC7DR,IAAI;IAAAS,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,iBAERlC,MAAA,CAAAyB,OAAA,CAAAC,aAAA,CAACvB,aAAA,CAAAgC,aAAa;IACZC,eAAe,EAAC,MAAM;IACtBpB,SAAS,EAAEA,SAAU;IACrBD,QAAQ,EAAEA,QAAS;IACnBG,WAAW,EAAEA,WAAY;IACzBmB,OAAO,EAAE,CACP;MACEC,KAAK,eACHtC,MAAA,CAAAyB,OAAA,CAAAC,aAAA,CAACvB,aAAA,CAAAoC,GAAG;QACFC,KAAK,EAAC,MAAM;QACZC,SAAS,EAAC,YAAY;QACtBC,aAAa,EAAC,QAAQ;QACtBC,GAAG,EAAC,KAAK;QAAAb,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAvB,YAAA;UAAAwB,UAAA;UAAAC,YAAA;QAAA;MAAA,gBAETlC,MAAA,CAAAyB,OAAA,CAAAC,aAAA,CAACpB,8BAAA,CAAAsC,6BAA6B;QAC5BhC,cAAc,EAAEA,cAAe;QAC/BC,KAAK,EAAEA,KAAM;QACbI,KAAK,EAAEA,KAAM;QAAAa,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAvB,YAAA;UAAAwB,UAAA;UAAAC,YAAA;QAAA;MAAA,CACd,CAAC,eACFlC,MAAA,CAAAyB,OAAA,CAAAC,aAAA,CAACnB,6BAAA,CAAAsC,4BAA4B;QAC3BjC,cAAc,EAAEA,cAAe;QAC/BC,KAAK,EAAEA,KAAM;QAAAiB,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAvB,YAAA;UAAAwB,UAAA;UAAAC,YAAA;QAAA;MAAA,CACd,CAAC,eACFlC,MAAA,CAAAyB,OAAA,CAAAC,aAAA,CAACvB,aAAA,CAAA2C,OAAO;QACNC,OAAO,EAAExB,CAAC,CACR,oDACF,CAAE;QAAAO,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAvB,YAAA;UAAAwB,UAAA;UAAAC,YAAA;QAAA;MAAA,gBAEFlC,MAAA,CAAAyB,OAAA,CAAAC,aAAA,CAACvB,aAAA,CAAA6C,UAAU;QACTC,QAAQ,EAAC,iCAAiC;QAC1CC,IAAI,EAAC,OAAO;QACZC,IAAI,EAAC,OAAO;QACZC,OAAO,EAAEA,CAAA,KAAM;UACbvC,KAAK,CAACwC,UAAU,CAACzC,cAAc,CAACiB,QAAQ,CAAC;QAC3C,CAAE;QAAAC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAvB,YAAA;UAAAwB,UAAA;UAAAC,YAAA;QAAA;MAAA,gBAEFlC,MAAA,CAAAyB,OAAA,CAAAC,aAAA,CAACtB,iBAAA,CAAAkD,WAAW;QAAAxB,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAvB,YAAA;UAAAwB,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CACJ,CACL,CACN;IAET,CAAC,CACD;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACH,CACE,CAAC;AAEV;AAEO,MAAMqB,8BAA8B,GAAAC,OAAA,CAAAD,8BAAA,GAAG,IAAAE,uBAAQ,EACpD/C,+BACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_mobxReactLite","_MultiLevelSortingColumnSelect","_MultiLevelSortingOrderSelect","_react2","_useBmHarmonyTheme","_jsxFileName","_MultiLevelSortingTableListItem","props","sortableColumn","state","domRef","dragging","draggable","index","showDivider","dragHandleProps","droppable","rest","translate","t","useWixPatternsContainer","isHarmonyTheme","useBmHarmonyTheme","default","createElement","_extends2","ref","columnId","__self","__source","fileName","lineNumber","columnNumber","TableListItem","verticalPadding","horizontalPadding","undefined","dragHandleSize","options","value","Box","width","direction","verticalAlign","gap","MultiLevelSortingColumnSelect","MultiLevelSortingOrderSelect","Tooltip","content","IconButton","dataHook","size","skin","priority","onClick","removeSort","DeleteSmall","MultiLevelSortingTableListItem","exports","observer"],"sources":["../../../../src/components/MultiLevelSortingPanel/MultiLevelSortingTableListItem.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, IconButton, Tooltip, TableListItem } from '@wix/design-system';\nimport { DeleteSmall } from '@wix/wix-ui-icons-common/lazy';\nimport { observer } from 'mobx-react-lite';\nimport { MultiLevelSortingColumnSelect } from './MultiLevelSortingColumnSelect';\nimport { MultiLevelSortingOrderSelect } from './MultiLevelSortingOrderSelect';\nimport { GridCardItemProps } from '../DragAndDrop';\nimport { MultiLevelSortingState, SortableColumn } from '../../state';\nimport { FiltersMap } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nexport interface MultiLevelSortingTableListItemProps<T, F extends FiltersMap>\n  extends GridCardItemProps {\n  index: number;\n  sortableColumn: SortableColumn;\n  state: MultiLevelSortingState<T, F>;\n  showDivider?: boolean;\n}\n\nfunction _MultiLevelSortingTableListItem<T, F extends FiltersMap>(\n  props: MultiLevelSortingTableListItemProps<T, F>,\n) {\n  const {\n    sortableColumn,\n    state,\n    domRef,\n    dragging,\n    draggable,\n    index,\n    showDivider,\n    dragHandleProps,\n    droppable,\n    ...rest\n  } = props;\n  const { translate: t } = useWixPatternsContainer();\n  const isHarmonyTheme = useBmHarmonyTheme();\n\n  return (\n    <div\n      ref={domRef}\n      data-hook={`multi-level-sorting-item-${sortableColumn.columnId}`}\n      {...rest}\n    >\n      <TableListItem\n        verticalPadding=\"tiny\"\n        horizontalPadding={isHarmonyTheme ? 'tiny' : undefined}\n        draggable={draggable}\n        dragging={dragging}\n        dragHandleSize={isHarmonyTheme ? 'small' : undefined}\n        dragHandleProps={isHarmonyTheme ? dragHandleProps : undefined}\n        showDivider={showDivider}\n        options={[\n          {\n            value: (\n              <Box\n                width=\"100%\"\n                direction=\"horizontal\"\n                verticalAlign=\"middle\"\n                gap=\"SP2\"\n              >\n                <MultiLevelSortingColumnSelect\n                  sortableColumn={sortableColumn}\n                  state={state}\n                  index={index}\n                />\n                <MultiLevelSortingOrderSelect\n                  sortableColumn={sortableColumn}\n                  state={state}\n                />\n                <Tooltip\n                  content={t(\n                    'cairo.table.advanced-sorting.remove.button.tooltip',\n                  )}\n                >\n                  <IconButton\n                    dataHook=\"multi-level-sorting-remove-sort\"\n                    size=\"small\"\n                    skin={isHarmonyTheme ? 'dark' : 'light'}\n                    priority={isHarmonyTheme ? 'tertiary' : undefined}\n                    onClick={() => {\n                      state.removeSort(sortableColumn.columnId);\n                    }}\n                  >\n                    <DeleteSmall />\n                  </IconButton>\n                </Tooltip>\n              </Box>\n            ),\n          },\n        ]}\n      />\n    </div>\n  );\n}\n\nexport const MultiLevelSortingTableListItem = observer(\n  _MultiLevelSortingTableListItem,\n);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/MultiSelectCheckboxFilterBase/MultiSelectCheckboxFilterBase.js

@@ -40,7 +40,8 @@ function _MultiSelectCheckboxFilterBase(props) {
       inputRef.current = ref;
     },
     dataHook: `collection-filter-${filter.name}`,
-    border: isBmHarmonyTheme ? undefined : 'round',
+    border: isBmHarmonyTheme ? 'standard' : 'round',
+    size: isBmHarmonyTheme ? 'small' : undefined,
     textOverflow: "ellipsis",
     options: options,
     placeholder: placeholder ?? translate('placeholder'),

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_useWindowFlipPopoverProps","_useBmHarmonyTheme","_providers","_jsxFileName","_MultiSelectCheckboxFilterBase","props","filter","dropdownSelect","options","placeholder","popoverProps","rest","select","selectedKeys","translate","useDropdownTranslationContext","windowFlipPopoverProps","inputRef","useWindowFlipPopoverProps","isBmHarmonyTheme","useBmHarmonyTheme","default","createElement","MultiSelectCheckbox","_extends2","ref","current","dataHook","name","border","undefined","textOverflow","selectedOptions","__self","__source","fileName","lineNumber","columnNumber","MultiSelectCheckboxFilterBase","exports","observer"],"sources":["../../../../src/components/MultiSelectCheckboxFilterBase/MultiSelectCheckboxFilterBase.tsx"],"sourcesContent":["import {\n  DropdownLayoutOption,\n  MultiSelectCheckbox,\n  MultiSelectCheckboxProps,\n} from '@wix/design-system';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { KeyedItem } from '@wix/bex-core';\nimport { DropdownSelectState } from '../../state';\nimport { FilterProps } from '../../model';\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\nexport type MultiSelectCheckboxFilterBaseOption<V> =\n  | KeyedItemOption<V>\n  | DropdownLayoutOption;\n\nexport interface MultiSelectCheckboxFilterBaseProps<V>\n  extends Partial<MultiSelectCheckboxProps>,\n    FilterProps<V[]> {\n  /**\n   * Applies a data-hook HTML attribute that can be used in the tests\n   * @default `collection-filter-${filter.name}`\n   */\n  dataHook?: string;\n  options: MultiSelectCheckboxFilterBaseOption<V>[];\n  dropdownSelect: DropdownSelectState<V>;\n  placeholder?: string;\n}\n\nfunction _MultiSelectCheckboxFilterBase<V>(\n  props: MultiSelectCheckboxFilterBaseProps<V>,\n) {\n  const {\n    filter,\n    dropdownSelect,\n    options,\n    placeholder,\n    popoverProps,\n    ...rest\n  } = props;\n\n  const {\n    select: { selectedKeys },\n  } = dropdownSelect;\n  const { translate } = useDropdownTranslationContext();\n\n  const { windowFlipPopoverProps, inputRef } = useWindowFlipPopoverProps({\n    popoverProps,\n  });\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n\n  return (\n    <MultiSelectCheckbox\n      inputRef={(ref) => {\n        inputRef.current = ref;\n      }}\n      dataHook={`collection-filter-${filter.name}`}\n      border={isBmHarmonyTheme ? undefined : 'round'}\n      textOverflow=\"ellipsis\"\n      options={options}\n      placeholder={placeholder ?? translate('placeholder')}\n      selectedOptions={selectedKeys}\n      popoverProps={windowFlipPopoverProps}\n      {...rest}\n    />\n  );\n}\n\nexport const MultiSelectCheckboxFilterBase = observer(\n  _MultiSelectCheckboxFilterBase,\n);\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAKA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAIA,IAAAI,0BAAA,GAAAJ,OAAA;AACA,IAAAK,kBAAA,GAAAL,OAAA;AACA,IAAAM,UAAA,GAAAN,OAAA;AAAgE,IAAAO,YAAA;AAuBhE,SAASC,8BAA8BA,CACrCC,KAA4C,EAC5C;EACA,MAAM;IACJC,MAAM;IACNC,cAAc;IACdC,OAAO;IACPC,WAAW;IACXC,YAAY;IACZ,GAAGC;EACL,CAAC,GAAGN,KAAK;EAET,MAAM;IACJO,MAAM,EAAE;MAAEC;IAAa;EACzB,CAAC,GAAGN,cAAc;EAClB,MAAM;IAAEO;EAAU,CAAC,GAAG,IAAAC,wCAA6B,EAAC,CAAC;EAErD,MAAM;IAAEC,sBAAsB;IAAEC;EAAS,CAAC,GAAG,IAAAC,oDAAyB,EAAC;IACrER;EACF,CAAC,CAAC;EACF,MAAMS,gBAAgB,GAAG,IAAAC,oCAAiB,EAAC,CAAC;EAE5C,oBACEvB,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAAC3B,aAAA,CAAA4B,mBAAmB,MAAAC,SAAA,CAAAH,OAAA;IAClBJ,QAAQ,EAAGQ,GAAG,IAAK;MACjBR,QAAQ,CAACS,OAAO,GAAGD,GAAG;IACxB,CAAE;IACFE,QAAQ,EAAE,qBAAqBrB,MAAM,CAACsB,IAAI,EAAG;IAC7CC,MAAM,EAAEV,gBAAgB,GAAGW,SAAS,GAAG,OAAQ;IAC/CC,YAAY,EAAC,UAAU;IACvBvB,OAAO,EAAEA,OAAQ;IACjBC,WAAW,EAAEA,WAAW,IAAIK,SAAS,CAAC,aAAa,CAAE;IACrDkB,eAAe,EAAEnB,YAAa;IAC9BH,YAAY,EAAEM;EAAuB,GACjCL,IAAI;IAAAsB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhC,YAAA;MAAAiC,UAAA;MAAAC,YAAA;IAAA;EAAA,EACT,CAAC;AAEN;AAEO,MAAMC,6BAA6B,GAAAC,OAAA,CAAAD,6BAAA,GAAG,IAAAE,uBAAQ,EACnDpC,8BACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_useWindowFlipPopoverProps","_useBmHarmonyTheme","_providers","_jsxFileName","_MultiSelectCheckboxFilterBase","props","filter","dropdownSelect","options","placeholder","popoverProps","rest","select","selectedKeys","translate","useDropdownTranslationContext","windowFlipPopoverProps","inputRef","useWindowFlipPopoverProps","isBmHarmonyTheme","useBmHarmonyTheme","default","createElement","MultiSelectCheckbox","_extends2","ref","current","dataHook","name","border","size","undefined","textOverflow","selectedOptions","__self","__source","fileName","lineNumber","columnNumber","MultiSelectCheckboxFilterBase","exports","observer"],"sources":["../../../../src/components/MultiSelectCheckboxFilterBase/MultiSelectCheckboxFilterBase.tsx"],"sourcesContent":["import {\n  DropdownLayoutOption,\n  MultiSelectCheckbox,\n  MultiSelectCheckboxProps,\n} from '@wix/design-system';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { KeyedItem } from '@wix/bex-core';\nimport { DropdownSelectState } from '../../state';\nimport { FilterProps } from '../../model';\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\nexport type MultiSelectCheckboxFilterBaseOption<V> =\n  | KeyedItemOption<V>\n  | DropdownLayoutOption;\n\nexport interface MultiSelectCheckboxFilterBaseProps<V>\n  extends Partial<MultiSelectCheckboxProps>,\n    FilterProps<V[]> {\n  /**\n   * Applies a data-hook HTML attribute that can be used in the tests\n   * @default `collection-filter-${filter.name}`\n   */\n  dataHook?: string;\n  options: MultiSelectCheckboxFilterBaseOption<V>[];\n  dropdownSelect: DropdownSelectState<V>;\n  placeholder?: string;\n}\n\nfunction _MultiSelectCheckboxFilterBase<V>(\n  props: MultiSelectCheckboxFilterBaseProps<V>,\n) {\n  const {\n    filter,\n    dropdownSelect,\n    options,\n    placeholder,\n    popoverProps,\n    ...rest\n  } = props;\n\n  const {\n    select: { selectedKeys },\n  } = dropdownSelect;\n  const { translate } = useDropdownTranslationContext();\n\n  const { windowFlipPopoverProps, inputRef } = useWindowFlipPopoverProps({\n    popoverProps,\n  });\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n\n  return (\n    <MultiSelectCheckbox\n      inputRef={(ref) => {\n        inputRef.current = ref;\n      }}\n      dataHook={`collection-filter-${filter.name}`}\n      border={isBmHarmonyTheme ? 'standard' : 'round'}\n      size={isBmHarmonyTheme ? 'small' : undefined}\n      textOverflow=\"ellipsis\"\n      options={options}\n      placeholder={placeholder ?? translate('placeholder')}\n      selectedOptions={selectedKeys}\n      popoverProps={windowFlipPopoverProps}\n      {...rest}\n    />\n  );\n}\n\nexport const MultiSelectCheckboxFilterBase = observer(\n  _MultiSelectCheckboxFilterBase,\n);\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAKA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAIA,IAAAI,0BAAA,GAAAJ,OAAA;AACA,IAAAK,kBAAA,GAAAL,OAAA;AACA,IAAAM,UAAA,GAAAN,OAAA;AAAgE,IAAAO,YAAA;AAuBhE,SAASC,8BAA8BA,CACrCC,KAA4C,EAC5C;EACA,MAAM;IACJC,MAAM;IACNC,cAAc;IACdC,OAAO;IACPC,WAAW;IACXC,YAAY;IACZ,GAAGC;EACL,CAAC,GAAGN,KAAK;EAET,MAAM;IACJO,MAAM,EAAE;MAAEC;IAAa;EACzB,CAAC,GAAGN,cAAc;EAClB,MAAM;IAAEO;EAAU,CAAC,GAAG,IAAAC,wCAA6B,EAAC,CAAC;EAErD,MAAM;IAAEC,sBAAsB;IAAEC;EAAS,CAAC,GAAG,IAAAC,oDAAyB,EAAC;IACrER;EACF,CAAC,CAAC;EACF,MAAMS,gBAAgB,GAAG,IAAAC,oCAAiB,EAAC,CAAC;EAE5C,oBACEvB,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAAC3B,aAAA,CAAA4B,mBAAmB,MAAAC,SAAA,CAAAH,OAAA;IAClBJ,QAAQ,EAAGQ,GAAG,IAAK;MACjBR,QAAQ,CAACS,OAAO,GAAGD,GAAG;IACxB,CAAE;IACFE,QAAQ,EAAE,qBAAqBrB,MAAM,CAACsB,IAAI,EAAG;IAC7CC,MAAM,EAAEV,gBAAgB,GAAG,UAAU,GAAG,OAAQ;IAChDW,IAAI,EAAEX,gBAAgB,GAAG,OAAO,GAAGY,SAAU;IAC7CC,YAAY,EAAC,UAAU;IACvBxB,OAAO,EAAEA,OAAQ;IACjBC,WAAW,EAAEA,WAAW,IAAIK,SAAS,CAAC,aAAa,CAAE;IACrDmB,eAAe,EAAEpB,YAAa;IAC9BH,YAAY,EAAEM;EAAuB,GACjCL,IAAI;IAAAuB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjC,YAAA;MAAAkC,UAAA;MAAAC,YAAA;IAAA;EAAA,EACT,CAAC;AAEN;AAEO,MAAMC,6BAA6B,GAAAC,OAAA,CAAAD,6BAAA,GAAG,IAAAE,uBAAQ,EACnDrC,8BACF,CAAC","ignoreList":[]}

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

@@ -66,10 +66,10 @@ function _MultiSelectCheckboxFilterBase(props) {
       inputRef.current = ref;
     },
     dataHook: `collection-filter-${filter.name}`,
-    border: isBmHarmonyTheme ? undefined : 'round',
+    border: isBmHarmonyTheme ? 'standard' : 'round',
     placeholder: translate('placeholder'),
     tags: tags,
-    size: size,
+    size: isBmHarmonyTheme ? effectiveSize : size,
     onClose: () => {
       dropdownSelect.close();
     },

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

@@ -1 +1 @@
-{"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","undefined","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 ? undefined : '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":"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","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_ = "NestedTablePlaceholderStatesRow1512195112";
+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": "NestedTablePlaceholderStatesRow1512195112__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_ = \"NestedTablePlaceholderStatesRow1512195112\";\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\":\"NestedTablePlaceholderStatesRow1512195112__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,2CAA2C;AAC7D,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;AAAiD,CAAC;AACxE,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_ = "NestedTableRow758756333";
+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": "NestedTableRow758756333__root",
-  "firstLevel": "NestedTableRow758756333__firstLevel",
-  "placeholder": "NestedTableRow758756333__placeholder",
-  "parentHovered": "NestedTableRow758756333__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_ = \"NestedTableRow758756333\";\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\":\"NestedTableRow758756333__root\",\"firstLevel\":\"NestedTableRow758756333__firstLevel\",\"placeholder\":\"NestedTableRow758756333__placeholder\",\"parentHovered\":\"NestedTableRow758756333__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":[]}
+{"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":[]}