@wix/patterns 1.427.0 → 1.431.0

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

@@ -1,8 +1,10 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.MultiLevelSortingList = void 0;
 exports._MultiLevelSortingList = _MultiLevelSortingList;
+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");
@@ -10,6 +12,7 @@ var _ListDragAndDropContext = require("../ListDragAndDrop/ListDragAndDropContext
 var _DraggableListItem = require("../ListDragAndDrop/DraggableListItem");
 var _MultiLevelSortingTableListItem = require("./MultiLevelSortingTableListItem");
 var _DraggableCardOverlay = require("../GridDragAndDropDndKit/DraggableCardOverlay");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/MultiLevelSortingPanel/MultiLevelSortingList.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 _MultiLevelSortingList(props) {
@@ -19,9 +22,8 @@ function _MultiLevelSortingList(props) {
   const {
     dragAndDrop
   } = state;
-  const renderItem = (0, _react.useCallback)((sortableColumn, index, {
-    length
-  }) => {
+  const isHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
+  const renderItem = (0, _react.useCallback)((sortableColumn, index) => {
     return /*#__PURE__*/_react.default.createElement(_DraggableListItem.DraggableListItem, {
       key: sortableColumn.key,
       id: sortableColumn.key,
@@ -30,7 +32,7 @@ function _MultiLevelSortingList(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 28,
+        lineNumber: 26,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_MultiLevelSortingTableListItem.MultiLevelSortingTableListItem, {
@@ -38,15 +40,15 @@ function _MultiLevelSortingList(props) {
       sortableColumn: sortableColumn,
       index: index,
       state: state,
-      showDivider: index < length - 1,
+      showDivider: isHarmonyTheme ? false : index < state.sortingCollection.result.items.length - 1,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 34,
+        lineNumber: 32,
         columnNumber: 11
       }
     }));
-  }, []);
+  }, [isHarmonyTheme]);
   return /*#__PURE__*/_react.default.createElement(_ListDragAndDropContext.ListDragAndDropContext, {
     state: dragAndDrop,
     onSubmit: async ({
@@ -58,31 +60,32 @@ function _MultiLevelSortingList(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 48,
+      lineNumber: 50,
       columnNumber: 5
     }
-  }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+  }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_designSystem.Box, (0, _extends2.default)({
     direction: "vertical",
-    dataHook: "multi-level-sorting-list",
-    backgroundColor: "D60",
+    dataHook: "multi-level-sorting-list"
+  }, isHarmonyTheme ? {
+    paddingLeft: 'SP2',
+    paddingRight: 'SP2'
+  } : {}, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 55,
+      lineNumber: 57,
       columnNumber: 9
     }
-  }, state.sortingCollection.result.items.map(renderItem)), /*#__PURE__*/_react.default.createElement(_DraggableCardOverlay.DraggableCardOverlay, {
+  }), state.sortingCollection.result.items.map(renderItem)), /*#__PURE__*/_react.default.createElement(_DraggableCardOverlay.DraggableCardOverlay, {
     state: dragAndDrop,
     renderItem: index => {
       const item = state.sortingCollection.result.items[index];
-      return item ? renderItem(item, index, {
-        length: 0
-      }) : null;
+      return item ? renderItem(item, index) : null;
     },
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 62,
+      lineNumber: 66,
       columnNumber: 9
     }
   })));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_ListDragAndDropContext","_DraggableListItem","_MultiLevelSortingTableListItem","_DraggableCardOverlay","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_MultiLevelSortingList","props","state","dragAndDrop","renderItem","useCallback","sortableColumn","index","length","createElement","DraggableListItem","key","id","__self","__source","fileName","lineNumber","columnNumber","MultiLevelSortingTableListItem","showDivider","ListDragAndDropContext","onSubmit","from","over","_onSortReorder","item","columnId","Fragment","Box","direction","dataHook","backgroundColor","sortingCollection","result","items","map","DraggableCardOverlay","MultiLevelSortingList","exports","observer"],"sources":["../../../../src/components/MultiLevelSortingPanel/MultiLevelSortingList.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Box } from '@wix/design-system';\nimport { FiltersMap } from '@wix/bex-core';\nimport { MultiLevelSortingState, SortableColumn } from '../../state';\nimport { ListDragAndDropContext } from '../ListDragAndDrop/ListDragAndDropContext';\nimport { DraggableListItem } from '../ListDragAndDrop/DraggableListItem';\nimport { MultiLevelSortingTableListItem } from './MultiLevelSortingTableListItem';\nimport { DraggableCardOverlay } from '../GridDragAndDropDndKit/DraggableCardOverlay';\n\nexport interface MultiLevelSortingListProps<T, F extends FiltersMap> {\n  state: MultiLevelSortingState<T, F>;\n}\n\nexport function _MultiLevelSortingList<T, F extends FiltersMap>(\n  props: MultiLevelSortingListProps<T, F>,\n) {\n  const { state } = props;\n  const { dragAndDrop } = state;\n\n  const renderItem = useCallback(\n    (\n      sortableColumn: SortableColumn,\n      index: number,\n      { length }: { length: number },\n    ) => {\n      return (\n        <DraggableListItem\n          key={sortableColumn.key}\n          id={sortableColumn.key}\n          index={index}\n          state={dragAndDrop}\n        >\n          <MultiLevelSortingTableListItem\n            key={sortableColumn.key}\n            sortableColumn={sortableColumn}\n            index={index}\n            state={state}\n            showDivider={index < length - 1}\n          />\n        </DraggableListItem>\n      );\n    },\n    [],\n  );\n\n  return (\n    <ListDragAndDropContext\n      state={dragAndDrop}\n      onSubmit={async ({ from, over }) => {\n        dragAndDrop._onSortReorder(from.item.columnId, over.item.columnId);\n      }}\n    >\n      <>\n        <Box\n          direction=\"vertical\"\n          dataHook=\"multi-level-sorting-list\"\n          backgroundColor=\"D60\"\n        >\n          {state.sortingCollection.result.items.map(renderItem)}\n        </Box>\n        <DraggableCardOverlay\n          state={dragAndDrop}\n          renderItem={(index) => {\n            const item = state.sortingCollection.result.items[index];\n            return item ? renderItem(item, index, { length: 0 }) : null;\n          }}\n        />\n      </>\n    </ListDragAndDropContext>\n  );\n}\n\nexport const MultiLevelSortingList = observer(_MultiLevelSortingList);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_ListDragAndDropContext","_DraggableListItem","_MultiLevelSortingTableListItem","_DraggableCardOverlay","_useBmHarmonyTheme","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_MultiLevelSortingList","props","state","dragAndDrop","isHarmonyTheme","useBmHarmonyTheme","renderItem","useCallback","sortableColumn","index","createElement","DraggableListItem","key","id","__self","__source","fileName","lineNumber","columnNumber","MultiLevelSortingTableListItem","showDivider","sortingCollection","result","items","length","ListDragAndDropContext","onSubmit","from","over","_onSortReorder","item","columnId","Fragment","Box","_extends2","direction","dataHook","paddingLeft","paddingRight","map","DraggableCardOverlay","MultiLevelSortingList","exports","observer"],"sources":["../../../../src/components/MultiLevelSortingPanel/MultiLevelSortingList.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Box } from '@wix/design-system';\nimport { FiltersMap } from '@wix/bex-core';\nimport { MultiLevelSortingState, SortableColumn } from '../../state';\nimport { ListDragAndDropContext } from '../ListDragAndDrop/ListDragAndDropContext';\nimport { DraggableListItem } from '../ListDragAndDrop/DraggableListItem';\nimport { MultiLevelSortingTableListItem } from './MultiLevelSortingTableListItem';\nimport { DraggableCardOverlay } from '../GridDragAndDropDndKit/DraggableCardOverlay';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nexport interface MultiLevelSortingListProps<T, F extends FiltersMap> {\n  state: MultiLevelSortingState<T, F>;\n}\n\nexport function _MultiLevelSortingList<T, F extends FiltersMap>(\n  props: MultiLevelSortingListProps<T, F>,\n) {\n  const { state } = props;\n  const { dragAndDrop } = state;\n  const isHarmonyTheme = useBmHarmonyTheme();\n\n  const renderItem = useCallback(\n    (sortableColumn: SortableColumn, index: number) => {\n      return (\n        <DraggableListItem\n          key={sortableColumn.key}\n          id={sortableColumn.key}\n          index={index}\n          state={dragAndDrop}\n        >\n          <MultiLevelSortingTableListItem\n            key={sortableColumn.key}\n            sortableColumn={sortableColumn}\n            index={index}\n            state={state}\n            showDivider={\n              isHarmonyTheme\n                ? false\n                : index < state.sortingCollection.result.items.length - 1\n            }\n          />\n        </DraggableListItem>\n      );\n    },\n    [isHarmonyTheme],\n  );\n\n  return (\n    <ListDragAndDropContext\n      state={dragAndDrop}\n      onSubmit={async ({ from, over }) => {\n        dragAndDrop._onSortReorder(from.item.columnId, over.item.columnId);\n      }}\n    >\n      <>\n        <Box\n          direction=\"vertical\"\n          dataHook=\"multi-level-sorting-list\"\n          {...(isHarmonyTheme\n            ? { paddingLeft: 'SP2', paddingRight: 'SP2' }\n            : {})}\n        >\n          {state.sortingCollection.result.items.map(renderItem)}\n        </Box>\n        <DraggableCardOverlay\n          state={dragAndDrop}\n          renderItem={(index) => {\n            const item = state.sortingCollection.result.items[index];\n            return item ? renderItem(item, index) : null;\n          }}\n        />\n      </>\n    </ListDragAndDropContext>\n  );\n}\n\nexport const MultiLevelSortingList = observer(_MultiLevelSortingList);\n"],"mappings":"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","ignoreList":[]}

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

@@ -7,7 +7,7 @@ exports._MultiLevelSortingOrderSelect = _MultiLevelSortingOrderSelect;
 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 _react2 = require("@wix/bex-core/react");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/MultiLevelSortingPanel/MultiLevelSortingOrderSelect.tsx";
 function _MultiLevelSortingOrderSelect(props) {
@@ -27,7 +27,7 @@ function _MultiLevelSortingOrderSelect(props) {
         lineNumber: 29,
         columnNumber: 9
       }
-    }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ArrowUpSmall, {
+    }, /*#__PURE__*/_react.default.createElement(_lazy.ArrowUpSmall, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
@@ -46,7 +46,7 @@ function _MultiLevelSortingOrderSelect(props) {
         lineNumber: 39,
         columnNumber: 9
       }
-    }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ArrowDownSmall, {
+    }, /*#__PURE__*/_react.default.createElement(_lazy.ArrowDownSmall, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
@@ -77,14 +77,14 @@ function _MultiLevelSortingOrderSelect(props) {
         lineNumber: 61,
         columnNumber: 9
       }
-    }, sortableColumn.direction === 'asc' ? /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ArrowUpSmall, {
+    }, sortableColumn.direction === 'asc' ? /*#__PURE__*/_react.default.createElement(_lazy.ArrowUpSmall, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
         lineNumber: 63,
         columnNumber: 13
       }
-    }) : /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ArrowDownSmall, {
+    }) : /*#__PURE__*/_react.default.createElement(_lazy.ArrowDownSmall, {
       __self: this,
       __source: {
         fileName: _jsxFileName,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_wixUiIconsCommon","_react2","_jsxFileName","_MultiLevelSortingOrderSelect","props","translate","t","useWixPatternsContainer","sortableColumn","state","options","listItemSelectBuilder","id","prefix","default","createElement","Box","__self","__source","fileName","lineNumber","columnNumber","ArrowUpSmall","title","label","ArrowDownSmall","Dropdown","dataHook","onSelect","changeSortOrder","columnId","popoverProps","appendTo","selectedId","direction","size","Input","IconAffix","valueParser","option","MultiLevelSortingOrderSelect","exports","observer"],"sources":["../../../../src/components/MultiLevelSortingPanel/MultiLevelSortingOrderSelect.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport {\n  Dropdown,\n  Input,\n  Box,\n  listItemSelectBuilder,\n} from '@wix/design-system';\nimport { ArrowUpSmall, ArrowDownSmall } from '@wix/wix-ui-icons-common';\nimport { FiltersMap, SortOrder } from '@wix/bex-core';\nimport { MultiLevelSortingState, SortableColumn } from '../../state';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport interface MultiLevelSortingOrderSelectProps<T, F extends FiltersMap> {\n  sortableColumn: SortableColumn;\n  state: MultiLevelSortingState<T, F>;\n}\n\nexport function _MultiLevelSortingOrderSelect<T, F extends FiltersMap>(\n  props: MultiLevelSortingOrderSelectProps<T, F>,\n) {\n  const { translate: t } = useWixPatternsContainer();\n  const { sortableColumn, state } = props;\n\n  const options = [\n    listItemSelectBuilder({\n      id: 'asc',\n      prefix: (\n        <Box>\n          <ArrowUpSmall />\n        </Box>\n      ),\n      title: t('cairo.table.advanced-sorting.ascending.order'),\n      label: t('cairo.table.advanced-sorting.ascending.order'),\n    }),\n    listItemSelectBuilder({\n      id: 'desc',\n      prefix: (\n        <Box>\n          <ArrowDownSmall />\n        </Box>\n      ),\n      title: t('cairo.table.advanced-sorting.descending.order'),\n      label: t('cairo.table.advanced-sorting.descending.order'),\n    }),\n  ];\n\n  return (\n    <Dropdown\n      dataHook=\"multi-level-sorting-select-order\"\n      onSelect={({ id }) => {\n        state.changeSortOrder(sortableColumn.columnId, id as SortOrder);\n      }}\n      popoverProps={{\n        appendTo: 'window',\n      }}\n      options={options}\n      selectedId={sortableColumn.direction}\n      size=\"small\"\n      prefix={\n        <Input.IconAffix>\n          {sortableColumn.direction === 'asc' ? (\n            <ArrowUpSmall />\n          ) : (\n            <ArrowDownSmall />\n          )}\n        </Input.IconAffix>\n      }\n      valueParser={(option) => option.label}\n    />\n  );\n}\n\nexport const MultiLevelSortingOrderSelect = observer(\n  _MultiLevelSortingOrderSelect,\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_lazy","_react2","_jsxFileName","_MultiLevelSortingOrderSelect","props","translate","t","useWixPatternsContainer","sortableColumn","state","options","listItemSelectBuilder","id","prefix","default","createElement","Box","__self","__source","fileName","lineNumber","columnNumber","ArrowUpSmall","title","label","ArrowDownSmall","Dropdown","dataHook","onSelect","changeSortOrder","columnId","popoverProps","appendTo","selectedId","direction","size","Input","IconAffix","valueParser","option","MultiLevelSortingOrderSelect","exports","observer"],"sources":["../../../../src/components/MultiLevelSortingPanel/MultiLevelSortingOrderSelect.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport {\n  Dropdown,\n  Input,\n  Box,\n  listItemSelectBuilder,\n} from '@wix/design-system';\nimport { ArrowUpSmall, ArrowDownSmall } from '@wix/wix-ui-icons-common/lazy';\nimport { FiltersMap, SortOrder } from '@wix/bex-core';\nimport { MultiLevelSortingState, SortableColumn } from '../../state';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport interface MultiLevelSortingOrderSelectProps<T, F extends FiltersMap> {\n  sortableColumn: SortableColumn;\n  state: MultiLevelSortingState<T, F>;\n}\n\nexport function _MultiLevelSortingOrderSelect<T, F extends FiltersMap>(\n  props: MultiLevelSortingOrderSelectProps<T, F>,\n) {\n  const { translate: t } = useWixPatternsContainer();\n  const { sortableColumn, state } = props;\n\n  const options = [\n    listItemSelectBuilder({\n      id: 'asc',\n      prefix: (\n        <Box>\n          <ArrowUpSmall />\n        </Box>\n      ),\n      title: t('cairo.table.advanced-sorting.ascending.order'),\n      label: t('cairo.table.advanced-sorting.ascending.order'),\n    }),\n    listItemSelectBuilder({\n      id: 'desc',\n      prefix: (\n        <Box>\n          <ArrowDownSmall />\n        </Box>\n      ),\n      title: t('cairo.table.advanced-sorting.descending.order'),\n      label: t('cairo.table.advanced-sorting.descending.order'),\n    }),\n  ];\n\n  return (\n    <Dropdown\n      dataHook=\"multi-level-sorting-select-order\"\n      onSelect={({ id }) => {\n        state.changeSortOrder(sortableColumn.columnId, id as SortOrder);\n      }}\n      popoverProps={{\n        appendTo: 'window',\n      }}\n      options={options}\n      selectedId={sortableColumn.direction}\n      size=\"small\"\n      prefix={\n        <Input.IconAffix>\n          {sortableColumn.direction === 'asc' ? (\n            <ArrowUpSmall />\n          ) : (\n            <ArrowDownSmall />\n          )}\n        </Input.IconAffix>\n      }\n      valueParser={(option) => option.label}\n    />\n  );\n}\n\nexport const MultiLevelSortingOrderSelect = observer(\n  _MultiLevelSortingOrderSelect,\n);\n"],"mappings":"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","ignoreList":[]}

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":"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","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

@@ -8,6 +8,7 @@ var _designSystem = require("@wix/design-system");
 var _react = _interopRequireDefault(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
 var _useWindowFlipPopoverProps = require("../../utils/useWindowFlipPopoverProps");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _providers = require("../../providers");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/MultiSelectCheckboxFilterBase/MultiSelectCheckboxFilterBase.tsx";
 function _MultiSelectCheckboxFilterBase(props) {
@@ -33,12 +34,14 @@ function _MultiSelectCheckboxFilterBase(props) {
   } = (0, _useWindowFlipPopoverProps.useWindowFlipPopoverProps)({
     popoverProps
   });
+  const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   return /*#__PURE__*/_react.default.createElement(_designSystem.MultiSelectCheckbox, (0, _extends2.default)({
     inputRef: ref => {
       inputRef.current = ref;
     },
     dataHook: `collection-filter-${filter.name}`,
-    border: "round",
+    border: isBmHarmonyTheme ? 'standard' : 'round',
+    size: isBmHarmonyTheme ? 'small' : undefined,
     textOverflow: "ellipsis",
     options: options,
     placeholder: placeholder ?? translate('placeholder'),
@@ -48,7 +51,7 @@ function _MultiSelectCheckboxFilterBase(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 57,
+      lineNumber: 59,
       columnNumber: 5
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_useWindowFlipPopoverProps","_providers","_jsxFileName","_MultiSelectCheckboxFilterBase","props","filter","dropdownSelect","options","placeholder","popoverProps","rest","select","selectedKeys","translate","useDropdownTranslationContext","windowFlipPopoverProps","inputRef","useWindowFlipPopoverProps","default","createElement","MultiSelectCheckbox","_extends2","ref","current","dataHook","name","border","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 { 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\n  return (\n    <MultiSelectCheckbox\n      inputRef={(ref) => {\n        inputRef.current = ref;\n      }}\n      dataHook={`collection-filter-${filter.name}`}\n      border=\"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,UAAA,GAAAL,OAAA;AAAgE,IAAAM,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;EAEF,oBACEZ,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACxB,aAAA,CAAAyB,mBAAmB,MAAAC,SAAA,CAAAH,OAAA;IAClBF,QAAQ,EAAGM,GAAG,IAAK;MACjBN,QAAQ,CAACO,OAAO,GAAGD,GAAG;IACxB,CAAE;IACFE,QAAQ,EAAE,qBAAqBnB,MAAM,CAACoB,IAAI,EAAG;IAC7CC,MAAM,EAAC,OAAO;IACdC,YAAY,EAAC,UAAU;IACvBpB,OAAO,EAAEA,OAAQ;IACjBC,WAAW,EAAEA,WAAW,IAAIK,SAAS,CAAC,aAAa,CAAE;IACrDe,eAAe,EAAEhB,YAAa;IAC9BH,YAAY,EAAEM;EAAuB,GACjCL,IAAI;IAAAmB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7B,YAAA;MAAA8B,UAAA;MAAAC,YAAA;IAAA;EAAA,EACT,CAAC;AAEN;AAEO,MAAMC,6BAA6B,GAAAC,OAAA,CAAAD,6BAAA,GAAG,IAAAE,uBAAQ,EACnDjC,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

@@ -9,6 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
 var _FilterRenderingContext = require("../FilterRenderingContext");
 var _useWindowFlipPopoverProps = require("../../utils/useWindowFlipPopoverProps");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _providers = require("../../providers");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/MultiSelectFilterBase/MultiSelectFilterBase.tsx";
 const inputSizeToTagSize = {
@@ -37,6 +38,7 @@ function _MultiSelectCheckboxFilterBase(props) {
   } = (0, _useWindowFlipPopoverProps.useWindowFlipPopoverProps)({
     popoverProps
   });
+  const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   const effectiveSize = size || (location === 'panel' ? 'small' : 'medium');
   const {
     select: {
@@ -64,10 +66,10 @@ function _MultiSelectCheckboxFilterBase(props) {
       inputRef.current = ref;
     },
     dataHook: `collection-filter-${filter.name}`,
-    border: "round",
+    border: isBmHarmonyTheme ? 'standard' : 'round',
     placeholder: translate('placeholder'),
     tags: tags,
-    size: size,
+    size: isBmHarmonyTheme ? effectiveSize : size,
     onClose: () => {
       dropdownSelect.close();
     },
@@ -87,7 +89,7 @@ function _MultiSelectCheckboxFilterBase(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 83,
+      lineNumber: 85,
       columnNumber: 5
     }
   }));