npm - @wix/patterns - Versions diffs - 1.430.0 → 1.432.0 - Mend

@wix/patterns 1.430.0 → 1.432.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1490) hide show

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

	@@ -1 +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":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAMA,IAAAG,~~iBAAA~~,GAAAH,OAAA;AAGA,IAAAI,OAAA,GAAAJ,OAAA;AAA8D,IAAAK,YAAA;AAOvD,SAASC,6BAA6BA,CAC3CC,KAA8C,EAC9C;EACA,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAClD,MAAM;IAAEC,cAAc;IAAEC;EAAM,CAAC,GAAGL,KAAK;EAEvC,MAAMM,OAAO,GAAG,CACd,IAAAC,mCAAqB,EAAC;IACpBC,EAAE,EAAE,KAAK;IACTC,MAAM,eACJlB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAAChB,aAAA,CAAAiB,GAAG;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAjB,YAAA;QAAAkB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACF1B,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACf,~~iBAAA~~,CAAAsB,YAAY;MAAAL,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAjB,YAAA;QAAAkB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CACZ,CACN;IACDE,KAAK,EAAEjB,CAAC,CAAC,8CAA8C,CAAC;IACxDkB,KAAK,EAAElB,CAAC,CAAC,8CAA8C;EACzD,CAAC,CAAC,EACF,IAAAK,mCAAqB,EAAC;IACpBC,EAAE,EAAE,MAAM;IACVC,MAAM,eACJlB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAAChB,aAAA,CAAAiB,GAAG;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAjB,YAAA;QAAAkB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACF1B,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACf,~~iBAAA~~,CAAAyB,cAAc;MAAAR,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAjB,YAAA;QAAAkB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CACd,CACN;IACDE,KAAK,EAAEjB,CAAC,CAAC,+CAA+C,CAAC;IACzDkB,KAAK,EAAElB,CAAC,CAAC,+CAA+C;EAC1D,CAAC,CAAC,CACH;EAED,oBACEX,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAAChB,aAAA,CAAA2B,QAAQ;IACPC,QAAQ,EAAC,kCAAkC;IAC3CC,QAAQ,EAAEA,CAAC;MAAEhB;IAAG,CAAC,KAAK;MACpBH,KAAK,CAACoB,eAAe,CAACrB,cAAc,CAACsB,QAAQ,EAAElB,EAAe,CAAC;IACjE,CAAE;IACFmB,YAAY,EAAE;MACZC,QAAQ,EAAE;IACZ,CAAE;IACFtB,OAAO,EAAEA,OAAQ;IACjBuB,UAAU,EAAEzB,cAAc,CAAC0B,SAAU;IACrCC,IAAI,EAAC,OAAO;IACZtB,MAAM,eACJlB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAAChB,aAAA,CAAAqC,KAAK,CAACC,SAAS;MAAApB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAjB,YAAA;QAAAkB,UAAA;QAAAC,YAAA;MAAA;IAAA,GACbb,cAAc,CAAC0B,SAAS,KAAK,KAAK,gBACjCvC,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACf,~~iBAAA~~,CAAAsB,YAAY;MAAAL,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAjB,YAAA;QAAAkB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC,gBAEhB1B,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACf,~~iBAAA~~,CAAAyB,cAAc;MAAAR,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAjB,YAAA;QAAAkB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAEJ,CAClB;IACDiB,WAAW,EAAGC,MAAM,IAAKA,MAAM,CAACf,KAAM;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACvC,CAAC;AAEN;AAEO,MAAMmB,4BAA4B,GAAAC,OAAA,CAAAD,4BAAA,GAAG,IAAAE,uBAAQ,EAClDvC,6BACF,CAAC","ignoreList":[]}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AAUA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,sBAAA,GAAAL,OAAA;AACA,IAAAM,kBAAA,GAAAN,OAAA;AACA,IAAAO,kBAAA,GAAAP,OAAA;~~AAAmE~~,IAAAQ,YAAA;~~AAM5D~~,SAASC,uBAAuBA,CACrCC,KAAwC,EACxC;EACA,MAAM;IAAEC,KAAK,EAAEC;EAAM,CAAC,GAAGF,KAAK;EAC9B,MAAM;IAAEG;EAAkB,CAAC,GAAGD,KAAK;EAEnC,MAAM;IAAEE,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAClD,MAAMC,OAAO,GAAG,IAAAC,0BAAY,EAAC,CAAC;EAE9B,IAAI,CAACD,OAAO,IAAI,~~CAACJ~~,iBAAiB,EAAE;IAClC,OAAO,IAAI;EACb;EAEA,~~oBACEf~~,MAAA,~~CAAAqB~~,OAAA,CAAAC,aAAA,~~CAACb~~,kBAAA,~~CAAAc~~,iBAAiB;IAChBC,QAAQ,EAAC,2BAA2B;IACpCC,KAAK,EAAC,MAAM;IACZC,OAAO,EAAEA,CAAA,KAAM;~~MACbX~~,iBAAiB,~~CAACY~~,oBAAoB,CAAC,CAAC;~~MACxCb~~,KAAK,~~CAACc~~,SAAS,CAACC,KAAK,CAAC,CAAC;IACzB,CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAAtB~~,YAAA;~~MAAAuB~~,UAAA;MAAAC,YAAA;IAAA;EAAA,~~gBAEFlC~~,MAAA,~~CAAAqB~~,OAAA,CAAAC,aAAA,~~CAACjB~~,aAAA,~~CAAA8B~~,SAAS,CAACC,MAAM;IACfC,KAAK,~~eACHrC~~,MAAA,~~CAAAqB~~,OAAA,CAAAC,aAAA,~~CAACjB~~,aAAA,~~CAAAiC~~,GAAG;MAACC,GAAG,EAAC,KAAK;MAACC,aAAa,EAAC,QAAQ;MAAAV,MAAA;MAAAC,QAAA;QAAAC,QAAA,~~EAAAtB~~,YAAA;~~QAAAuB~~,UAAA;QAAAC,YAAA;MAAA;IAAA,~~gBACnClC~~,MAAA,~~CAAAqB~~,OAAA,CAAAC,aAAA,~~CAACjB~~,aAAA,~~CAAAoC~~,OAAO;MAACC,IAAI,EAAC,OAAO;MAAAZ,MAAA;MAAAC,QAAA;QAAAC,QAAA,~~EAAAtB~~,YAAA;~~QAAAuB~~,UAAA;QAAAC,YAAA;MAAA;IAAA,~~GAClBjB~~,CAAC,CAAC,6CAA6C,CACzC,CAAC,~~eACVjB~~,MAAA,~~CAAAqB~~,OAAA,CAAAC,aAAA,~~CAACjB~~,aAAA,~~CAAAsC~~,QAAQ;MACPD,IAAI,EAAC,QAAQ;MACbE,OAAO,~~EAAE3B~~,CAAC,CAAC,4CAA4C,CAAE;~~MAAAa~~,MAAA;MAAAC,QAAA;QAAAC,QAAA,~~EAAAtB~~,YAAA;~~QAAAuB~~,UAAA;QAAAC,YAAA;MAAA;IAAA,CAC1D,CACE,CACN;IACDW,QAAQ,~~EAAE5B~~,CAAC,CAAC,uCAAuC,CAAE;~~IAAAa~~,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAAtB~~,YAAA;~~MAAAuB~~,UAAA;MAAAC,YAAA;IAAA;EAAA,CACtD,CAAC,~~eACFlC~~,MAAA,~~CAAAqB~~,OAAA,CAAAC,aAAA,~~CAACd~~,kBAAA,~~CAAAsC~~,iBAAiB;IAChBtB,QAAQ,EAAC,4CAA4C;IACrDuB,SAAS;IACTC,MAAM;IAAAlB,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAAtB~~,YAAA;~~MAAAuB~~,UAAA;MAAAC,YAAA;IAAA;EAAA,~~gBAENlC~~,MAAA,~~CAAAqB~~,OAAA,CAAAC,aAAA,~~CAACf~~,sBAAA,~~CAAA0C~~,qBAAqB;~~IAACpC~~,KAAK,EAAEE,iBAAkB;~~IAAAe~~,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAAtB~~,YAAA;~~MAAAuB~~,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACjC,CAAC,~~eACpBlC~~,MAAA,~~CAAAqB~~,OAAA,CAAAC,aAAA,~~CAACjB~~,aAAA,~~CAAA6C~~,OAAO;IACN1B,QAAQ,EAAC,sCAAsC;IAC/C2B,QAAQ,~~EAAEpC~~,iBAAiB,~~CAACqC~~,0BAA2B;IACvDC,QAAQ,EAAE,GAAI;IACdT,OAAO,~~EAAE3B~~,CAAC,CAAC,mDAAmD,CAAE;~~IAChEqC~~,QAAQ,EAAC,QAAQ;IACjBC,MAAM,EAAE;MAAEC,CAAC,EAAE,CAAC;IAAG,CAAE;IAAA1B,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAAtB~~,YAAA;~~MAAAuB~~,UAAA;MAAAC,YAAA;IAAA;EAAA,~~gBAEnBlC~~,MAAA,~~CAAAqB~~,OAAA,CAAAC,aAAA,~~CAACjB~~,aAAA,~~CAAAiC~~,GAAG;IAACmB,SAAS,EAAC,UAAU;IAAChC,KAAK,EAAC,MAAM;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAAtB~~,YAAA;~~MAAAuB~~,UAAA;MAAAC,YAAA;IAAA;EAAA,~~gBACpClC~~,MAAA,~~CAAAqB~~,OAAA,CAAAC,aAAA,~~CAACjB~~,aAAA,~~CAAAqD~~,OAAO;IAACD,SAAS,EAAC,YAAY;IAAA3B,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAAtB~~,YAAA;~~MAAAuB~~,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,~~eAElClC~~,MAAA,~~CAAAqB~~,OAAA,CAAAC,aAAA,~~CAACjB~~,aAAA,~~CAAAiC~~,GAAG;IAACqB,OAAO,EAAC,KAAK;IAAA7B,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAAtB~~,YAAA;~~MAAAuB~~,UAAA;MAAAC,YAAA;IAAA;EAAA,~~gBAChBlC~~,MAAA,~~CAAAqB~~,OAAA,CAAAC,aAAA,~~CAACjB~~,aAAA,~~CAAAuD~~,OAAO;IACNpC,QAAQ,EAAC,8BAA8B;IACvC2B,QAAQ,EAAE,~~CAACpC~~,iBAAiB,~~CAACqC~~,0BAA2B;IACxDS,OAAO,EAAEA,CAAA,KAAM;~~MACb9C~~,iBAAiB,~~CAAC+C~~,OAAO,CAAC;QAAEC,MAAM,EAAE;MAAK,CAAC,CAAC;IAC7C,CAAE;IAAAjC,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAAtB~~,YAAA;~~MAAAuB~~,UAAA;MAAAC,YAAA;IAAA;EAAA,~~GAEDjB~~,CAAC,CAAC,kCAAkC,CAC9B,CACN,CACF,CACE,CACQ,CAAC;AAExB;AAEO,~~MAAM+C~~,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,IAAAE,uBAAQ,~~EAACvD~~,uBAAuB,CAAC","ignoreList":[]}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":[]}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":[]}
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","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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AASA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAIA,IAAAI,uBAAA,GAAAJ,OAAA;AACA,IAAAK,0BAAA,GAAAL,OAAA;AACA,IAAAM,kBAAA,GAAAN,OAAA;AACA,IAAAO,UAAA,GAAAP,OAAA;AAAgE,IAAAQ,YAAA;AAMhE,MAAMC,kBAA8C,GAAG;EACrDC,IAAI,EAAE,MAAM;EACZC,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE,OAAO;EACfC,KAAK,EAAE;AACT,CAAC;AAgBD,SAASC,8BAA8BA,CACrCC,KAAoC,EACpC;EACA,MAAM;IACJC,SAAS;IACTC,MAAM;IACNC,cAAc;IACdC,QAAQ;IACRC,WAAW;IACXC,IAAI;IACJC,YAAY;IACZ,GAAGC;EACL,CAAC,GAAGR,KAAK;EAET,MAAM;IAAES;EAAS,CAAC,GAAG,IAAAC,iDAAyB,EAAC,CAAC;EAChD,MAAM;IAAEC,sBAAsB;IAAEC;EAAS,CAAC,GAAG,IAAAC,oDAAyB,EAAC;IACrEN;EACF,CAAC,CAAC;EACF,MAAMO,gBAAgB,GAAG,IAAAC,oCAAiB,EAAC,CAAC;EAE5C,MAAMC,aAAwB,GAC5BV,IAAI,KAAKG,QAAQ,KAAK,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;EAErD,MAAM;IACJQ,MAAM,EAAE;MAAEC;IAAe;EAC3B,CAAC,GAAGf,cAAc;EAClB,MAAM;IAAEgB;EAAU,CAAC,GAAG,IAAAC,wCAA6B,EAAC,CAAC;EAErD,MAAMC,IAAsB,GAAGH,cAAc,CAACI,GAAG,CAAEC,SAAS,IAAK;IAC/D,MAAM;MAAEC,GAAG;MAAEC;IAAK,CAAC,GAAGF,SAAS;IAC/B,MAAMG,GAAG,GAAG,CAAAzB,SAAS,oBAATA,SAAS,CAAGwB,IAAI,CAAC,KAAI,CAAC,CAAC;IACnC,OAAO;MACLE,EAAE,EAAEH,GAAG;MACPI,KAAK,EAAE1B,MAAM,CAAC2B,QAAQ,CAACJ,IAAI,CAAC;MAC5BnB,IAAI,EAAEZ,kBAAkB,CAACsB,aAAa,CAAC;MACvC,GAAGU;IACL,CAAC;EACH,CAAC,CAAC;EAEF,oBACExC,MAAA,CAAA4C,OAAA,CAAAC,aAAA,CAAC/C,aAAA,CAAAgD,WAAW,MAAAC,SAAA,CAAAH,OAAA;IACVlB,QAAQ,EAAGsB,GAAG,IAAK;MACjBtB,QAAQ,CAACuB,OAAO,GAAGD,GAAG;IACxB,CAAE;IACFE,QAAQ,EAAE,qBAAqBlC,MAAM,CAACmC,IAAI,EAAG;IAC7CC,MAAM,EAAExB,gBAAgB,~~GAAGyB~~,~~SAAS~~,GAAG,OAAQ;~~IAC/CC~~,WAAW,~~EAAErB~~,SAAS,CAAC,aAAa,CAAE;IACtCE,IAAI,EAAEA,IAAK;IACXf,IAAI,~~EAAEA~~,IAAK;~~IACXmC~~,OAAO,EAAEA,CAAA,KAAM;~~MACbtC~~,cAAc,~~CAACuC~~,KAAK,CAAC,CAAC;IACxB,CAAE;~~IACFtC~~,QAAQ,~~EAAGuC~~,MAAM,IAAK;MACpB,MAAM;~~QAAEpB~~;MAAU,CAAC,~~GAAGoB~~,MAA4B;~~MAClDxC~~,cAAc,~~CAACyC~~,GAAG,~~CAACrB~~,SAAS,CAAC;MAC7BnB,QAAQ,YAARA,QAAQ,~~CAAGuC~~,MAAM,CAAC;IACpB,CAAE;~~IACFtC~~,WAAW,~~EAAGwC~~,KAAK,IAAK;~~MACtB1C~~,cAAc,~~CAAC2C~~,SAAS,CAACD,KAAK,CAAC;MAC/~~BxC~~,WAAW,YAAXA,WAAW,~~CAAGwC~~,KAAK,CAAC;IACtB,CAAE;~~IACFtC~~,YAAY,EAAEI;EAAuB,GACjCH,IAAI;~~IAAAuC~~,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAAxD~~,YAAA;~~MAAAyD~~,UAAA;MAAAC,YAAA;IAAA;EAAA,EACT,CAAC;AAEN;AAEO,MAAMC,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,IAAAE,uBAAQ,~~EAACvD~~,8BAA8B,CAAC","ignoreList":[]}
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","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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":";;;;;AAEA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,~~iBAAA~~,GAAAD,OAAA;AAIA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAA2C,IAAAI,YAAA;AAM3C,MAAMC,2BAA2B,GAAGA,CAAmB;EACrDC;AACkC,CAAC,KAAK;EAAA,IAAAC,iBAAA;EACxC,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAGH,KAAK,CAACI,SAAS;EACxC,MAAMC,cAAc,GAAGL,KAAK,CAACM,UAAU,CAACD,cAAc;EACtD,MAAME,+BAA+B,GACnC,CAACP,KAAK,CAACM,UAAU,CAACE,iBAAiB,IAAIR,KAAK,CAACM,UAAU,CAACG,kBAAkB;EAC5E,MAAMC,SAAS,IAAAT,iBAAA,GAAGD,KAAK,CAACW,UAAU,qBAAhBV,iBAAA,CAAkBW,KAAK;EACzC,oBACEpB,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAAmB,GAAG;IACFC,SAAS,EAAC,YAAY;IACtBC,aAAa,EAAC,QAAQ;IACtBC,aAAa,EAAElB,KAAK,CAACmB,MAAM,CAACC,sBAAsB,GAAG,KAAK,GAAG,CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzB,YAAA;MAAA0B,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAE/DjC,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAAmB,GAAG;IAACW,KAAK,EAAE1B,KAAK,CAACmB,MAAM,CAACC,sBAAsB,GAAG,MAAM,GAAG,MAAO;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzB,YAAA;MAAA0B,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC/DlB,+BAA+B,iBAC9Bf,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAA+B,OAAO;IACNC,OAAO,EACLvB,cAAc,GACVF,CAAC,CAAC,+CAA+C,CAAC,GAClDA,CAAC,CAAC,iDAAiD,CACxD;IAAAkB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzB,YAAA;MAAA0B,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEDjC,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAAiC,UAAU;IACTC,QAAQ,EAAC,yCAAyC;IAClDC,IAAI,EAAC,OAAO;IACZC,UAAU,EACR3B,cAAc,gBACZb,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACnB,~~iBAAA~~,CAAAsC,kBAAkB;MAAC,aAAU,aAAa;MAAAZ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAzB,YAAA;QAAA0B,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC,gBAE9CjC,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACnB,~~iBAAA~~,CAAAuC,oBAAoB;MAAC,aAAU,eAAe;MAAAb,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAzB,YAAA;QAAA0B,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAEpD;IACDU,OAAO,EAAEA,CAAA,KAAM;MACbnC,KAAK,CAACM,UAAU,CAAC8B,iBAAiB,CAAC,CAAC;IACtC,CAAE;IAAAf,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzB,YAAA;MAAA0B,UAAA;MAAAC,YAAA;IAAA;EAAA,CACH,CACM,CAER,CAAC,EACLf,SAAS,iBAAIlB,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAAmB,GAAG;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzB,YAAA;MAAA0B,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAEf,SAAe,CAChC,CAAC;AAEV,CAAC;AAEM,MAAM2B,0BAA0B,GAAAC,OAAA,CAAAD,0BAAA,GAAG,IAAAE,uBAAQ,EAACxC,2BAA2B,CAAC","ignoreList":[]}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAMA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,~~iBAAA~~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~~iBAAA~~,CAAA2E,iBAAiB;QAChB,aAAU,cAAc;QACxB3B,KAAK,EAAE;UAAE4B,YAAY,EAAE,CAAC;UAAEb,gBAAgB,EAAE;QAAE,CAAE;QAAAV,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAApD,YAAA;UAAAqD,UAAA;UAAAC,YAAA;QAAA;MAAA,CACjD,CACK,CACT;MAAAJ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApD,YAAA;QAAAqD,UAAA;QAAAC,YAAA;MAAA;IAAA,CACF,CACE,CACN;IACDoB,KAAK,EAAE3C,WAAW,oBAAXA,WAAW,CAAE2C,KAAM;IAC1BC,KAAK,EACH,CAAA5C,WAAW,oBAAXA,WAAW,CAAE4C,KAAK,KAAI/C,UAAU,CAACgD,QAAQ,CAAC/C,iBAAiB,CAACL,IAAI,CACjE;IACDqD,QAAQ,EAAE9C,WAAW,oBAAXA,WAAW,CAAE8C,QAAS;IAAA3B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApD,YAAA;MAAAqD,UAAA;MAAAC,YAAA;IAAA;EAAA,CACjC,CACE,CAAC;AAEV;AAEO,MAAMwB,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,IAAAE,uBAAQ,EAAC5D,sBAAsB,CAAC","ignoreList":[]}
1	+ {"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 CHANGED Viewed

@@ -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_ = "NestedTablePlaceholderStatesRow4105787451";
 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": "NestedTablePlaceholderStatesRow4105787451__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js.map CHANGED Viewed

	@@ -1 +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":[]}
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_ = \"NestedTablePlaceholderStatesRow4105787451\";\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\":\"NestedTablePlaceholderStatesRow4105787451__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":[]}

package/dist/cjs/components/NestedTable/NestedTableRow.st.css.js CHANGED Viewed

@@ -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_ = "NestedTableRow1122296152";
 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": "NestedTableRow1122296152__root",
+  "firstLevel": "NestedTableRow1122296152__firstLevel",
+  "placeholder": "NestedTableRow1122296152__placeholder",
+  "parentHovered": "NestedTableRow1122296152__parentHovered"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};