@wix/patterns 0.8.0

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,152 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.MultiLevelSortingPanel = void 0;
+exports._MultiLevelSortingPanel = _MultiLevelSortingPanel;
+var _react = _interopRequireDefault(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _react2 = require("@wix/bex-core/react");
+var _designSystem = require("@wix/design-system");
+var _useRafRender = require("../../hooks/useRafRender");
+var _MultiLevelSortingList = require("./MultiLevelSortingList");
+var _ScrollableContent = require("../ScrollableContent");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/MultiLevelSortingPanel/MultiLevelSortingPanel.tsx";
+function _MultiLevelSortingPanel(props) {
+  const {
+    state: table
+  } = props;
+  const {
+    multiLevelSorting
+  } = table;
+  const {
+    translate: t
+  } = (0, _react2.useWixPatternsContainer)();
+  const entered = (0, _useRafRender.useRafRender)();
+  if (!entered || !multiLevelSorting) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_designSystem.SidePanel, {
+    dataHook: "multi-level-sorting-panel",
+    width: "100%",
+    onCloseButtonClick: () => {
+      multiLevelSorting.reportSidePanelClose();
+      table.sidePanel.close();
+    },
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 37,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.SidePanel.Header, {
+    title: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      gap: "SP1",
+      verticalAlign: "middle",
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 47,
+        columnNumber: 11
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.Heading, {
+      size: "small",
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 48,
+        columnNumber: 13
+      }
+    }, t('cairo.table.advanced-sorting.button.tooltip')), /*#__PURE__*/_react.default.createElement(_designSystem.InfoIcon, {
+      size: "medium",
+      content: t('cairo.table.advanced-sorting.title.tooltip'),
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 51,
+        columnNumber: 13
+      }
+    })),
+    subtitle: t('cairo.table.advanced-sorting.subtitle'),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 45,
+      columnNumber: 7
+    }
+  }), /*#__PURE__*/_react.default.createElement(_ScrollableContent.ScrollableContent, {
+    dataHook: "multi-level-sorting-panel-scroll-container",
+    overflowY: true,
+    smooth: true,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 59,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_MultiLevelSortingList.MultiLevelSortingList, {
+    state: multiLevelSorting,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 64,
+      columnNumber: 9
+    }
+  })), /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
+    dataHook: "multi-level-sorting-add-sort-tooltip",
+    disabled: multiLevelSorting.hasAvailableSortingColumns,
+    maxWidth: 400,
+    content: t('cairo.table.advanced-sorting.disabled.cta.tooltip'),
+    appendTo: "window",
+    moveBy: {
+      y: -24
+    },
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 66,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    width: "100%",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 74,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
+    direction: "horizontal",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 75,
+      columnNumber: 11
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    padding: "SP4",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 77,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.AddItem, {
+    dataHook: "multi-level-sorting-add-sort",
+    disabled: !multiLevelSorting.hasAvailableSortingColumns,
+    onClick: () => {
+      multiLevelSorting.addSort({
+        manual: true
+      });
+    },
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 78,
+      columnNumber: 13
+    }
+  }, t('cairo.table.advanced-sorting.cta'))))));
+}
+const MultiLevelSortingPanel = exports.MultiLevelSortingPanel = (0, _mobxReactLite.observer)(_MultiLevelSortingPanel);
+//# sourceMappingURL=MultiLevelSortingPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_react2","_designSystem","_useRafRender","_MultiLevelSortingList","_ScrollableContent","_jsxFileName","_MultiLevelSortingPanel","props","state","table","multiLevelSorting","translate","t","useWixPatternsContainer","entered","useRafRender","default","createElement","SidePanel","dataHook","width","onCloseButtonClick","reportSidePanelClose","sidePanel","close","__self","__source","fileName","lineNumber","columnNumber","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';\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    <SidePanel\n      dataHook=\"multi-level-sorting-panel\"\n      width=\"100%\"\n      onCloseButtonClick={() => {\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    </SidePanel>\n  );\n}\n\nexport const MultiLevelSortingPanel = observer(_MultiLevelSortingPanel);\n"],"mappings":"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"}

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

@@ -0,0 +1,68 @@
+"use strict";
+
+exports.__esModule = true;
+exports.MultiLevelSortingPanelUniDriver = MultiLevelSortingPanelUniDriver;
+exports.default = void 0;
+var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
+var _SlidingModalUni = require("../SlidingModal/SlidingModal.uni.driver");
+var _DragAndDropUni = require("../DragAndDrop/DragAndDrop.uni.driver");
+var _unidriver2 = require("../../unidriver");
+function MultiLevelSortingPanelUniDriver(base, body) {
+  const panelBase = () => base.$('[data-hook="multi-level-sorting-panel"]');
+  const panel = () => (0, _unidriver.SidePanelUniDriver)(panelBase(), body);
+  const slidingModal = () => (0, _SlidingModalUni.SlidingModalUniDriver)(base.$('[data-hook="cairo-side-panel-modal"]'), body);
+  const list = () => panelBase().$('[data-hook="multi-level-sorting-list"]');
+  const getDragAndDropDriver = () => (0, _DragAndDropUni.DragAndDropUniDriver)(list());
+  const items = () => panelBase().$$('[data-hook="multi-level-sorting-list"] > div');
+  const getItemAtBase = i => items().get(i);
+  const addItemButton = () => (0, _unidriver.AddItemUniDriver)(base.$(`[data-hook="multi-level-sorting-add-sort"]`), body);
+  const clickSortRemoveAtIndex = index => (0, _unidriver.IconButtonUniDriver)(getItemAtBase(index).$(`[data-hook="multi-level-sorting-remove-sort"]`), body).click();
+  const changeSortOrderAtIndex = (index, order) => {
+    const dropdown = (0, _unidriver.DropdownUniDriver)(getItemAtBase(index).$(`[data-hook="multi-level-sorting-select-order"]`), body);
+    return dropdown.dropdownLayoutDriver.clickAtOption(order === 'asc' ? 0 : 1);
+  };
+  const getSortOrderAtIndex = async index => {
+    const dropdown = (0, _unidriver.DropdownUniDriver)(getItemAtBase(index).$(`[data-hook="multi-level-sorting-select-order"]`), body);
+    return dropdown.dropdownLayoutDriver.getSelectedOptionId();
+  };
+  const changeColumnAtIndex = (index, columnIndex) => {
+    const dropdown = (0, _unidriver.DropdownUniDriver)(getItemAtBase(index).$(`[data-hook="multi-level-sorting-select-column"]`), body);
+    return dropdown.dropdownLayoutDriver.clickAtOption(columnIndex);
+  };
+  const getColumnAtIndex = index => {
+    const dropdown = (0, _unidriver.DropdownUniDriver)(getItemAtBase(index).$(`[data-hook="multi-level-sorting-select-column"]`), body);
+    return dropdown.dropdownLayoutDriver.getSelectedOptionId();
+  };
+  return {
+    /**
+     * Wait until root element to exist
+     * @param timeout - time to wait until bailing
+     */
+    wait: timeout => base.wait(timeout),
+    ...(0, _unidriver2.baseUniDriverFactory)(base),
+    /** Checks if the panel exist */
+    exists: () => panelBase().exists(),
+    /** Checks if the SidePanel is open */
+    isOpen: () => Promise.all([slidingModal().isOpen(), panel().exists()]).then(arr => arr.every(Boolean)),
+    getTitle: () => panel().getTitleText(),
+    getSubtitle: () => panel().getSubtitleText(),
+    clickCloseButton: () => panel().clickClose(),
+    closeButtonExists: () => panel().isCloseButtonExists(),
+    clickAddSortButton: () => addItemButton().click(),
+    /** Removes a sort item at index */
+    clickSortRemoveAtIndex,
+    /** Changes a sort order at index */
+    changeSortOrderAtIndex,
+    getSortOrderAtIndex,
+    /** Changes a sort column at index */
+    changeColumnAtIndex,
+    getColumnAtIndex,
+    getItemsCount: () => items().count(),
+    dragHandleExistsAt: i => getItemAtBase(i).$('[data-hook="multi-level-sorting-item-drag-handle"]').exists(),
+    dragStart: async sourceIndex => getDragAndDropDriver().dragStart(await getItemAtBase(sourceIndex)),
+    dragMove: () => getDragAndDropDriver().dragMove(),
+    dragEnd: async targetIndex => getDragAndDropDriver().dragEnd(await getItemAtBase(targetIndex))
+  };
+}
+var _default = exports.default = MultiLevelSortingPanelUniDriver;
+//# sourceMappingURL=MultiLevelSortingPanel.uni.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","_SlidingModalUni","_DragAndDropUni","_unidriver2","MultiLevelSortingPanelUniDriver","base","body","panelBase","$","panel","SidePanelUniDriver","slidingModal","SlidingModalUniDriver","list","getDragAndDropDriver","DragAndDropUniDriver","items","$$","getItemAtBase","i","get","addItemButton","AddItemUniDriver","clickSortRemoveAtIndex","index","IconButtonUniDriver","click","changeSortOrderAtIndex","order","dropdown","DropdownUniDriver","dropdownLayoutDriver","clickAtOption","getSortOrderAtIndex","getSelectedOptionId","changeColumnAtIndex","columnIndex","getColumnAtIndex","wait","timeout","baseUniDriverFactory","exists","isOpen","Promise","all","then","arr","every","Boolean","getTitle","getTitleText","getSubtitle","getSubtitleText","clickCloseButton","clickClose","closeButtonExists","isCloseButtonExists","clickAddSortButton","getItemsCount","count","dragHandleExistsAt","dragStart","sourceIndex","dragMove","dragEnd","targetIndex","_default","exports","default"],"sources":["../../../../src/components/MultiLevelSortingPanel/MultiLevelSortingPanel.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n  SidePanelUniDriver,\n  AddItemUniDriver,\n  IconButtonUniDriver,\n  DropdownUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\nimport { SlidingModalUniDriver } from '../SlidingModal/SlidingModal.uni.driver';\nimport { DragAndDropUniDriver } from '../DragAndDrop/DragAndDrop.uni.driver';\nimport { baseUniDriverFactory } from '../../unidriver';\n\nexport function MultiLevelSortingPanelUniDriver(\n  base: UniDriver,\n  body: UniDriver,\n) {\n  const panelBase = () => base.$('[data-hook=\"multi-level-sorting-panel\"]');\n  const panel = () => SidePanelUniDriver(panelBase(), body);\n  const slidingModal = () =>\n    SlidingModalUniDriver(base.$('[data-hook=\"cairo-side-panel-modal\"]'), body);\n  const list = () => panelBase().$('[data-hook=\"multi-level-sorting-list\"]');\n  const getDragAndDropDriver = () => DragAndDropUniDriver(list());\n  const items = () =>\n    panelBase().$$('[data-hook=\"multi-level-sorting-list\"] > div');\n  const getItemAtBase = (i: number) => items().get(i);\n  const addItemButton = () =>\n    AddItemUniDriver(\n      base.$(`[data-hook=\"multi-level-sorting-add-sort\"]`),\n      body,\n    );\n\n  const clickSortRemoveAtIndex = (index: number) =>\n    IconButtonUniDriver(\n      getItemAtBase(index).$(`[data-hook=\"multi-level-sorting-remove-sort\"]`),\n      body,\n    ).click();\n  const changeSortOrderAtIndex = (index: number, order: 'asc' | 'desc') => {\n    const dropdown = DropdownUniDriver(\n      getItemAtBase(index).$(`[data-hook=\"multi-level-sorting-select-order\"]`),\n      body,\n    );\n    return dropdown.dropdownLayoutDriver.clickAtOption(order === 'asc' ? 0 : 1);\n  };\n  const getSortOrderAtIndex = async (index: number) => {\n    const dropdown = DropdownUniDriver(\n      getItemAtBase(index).$(`[data-hook=\"multi-level-sorting-select-order\"]`),\n      body,\n    );\n    return dropdown.dropdownLayoutDriver.getSelectedOptionId();\n  };\n  const changeColumnAtIndex = (index: number, columnIndex: number) => {\n    const dropdown = DropdownUniDriver(\n      getItemAtBase(index).$(`[data-hook=\"multi-level-sorting-select-column\"]`),\n      body,\n    );\n    return dropdown.dropdownLayoutDriver.clickAtOption(columnIndex);\n  };\n  const getColumnAtIndex = (index: number) => {\n    const dropdown = DropdownUniDriver(\n      getItemAtBase(index).$(`[data-hook=\"multi-level-sorting-select-column\"]`),\n      body,\n    );\n    return dropdown.dropdownLayoutDriver.getSelectedOptionId();\n  };\n\n  return {\n    /**\n     * Wait until root element to exist\n     * @param timeout - time to wait until bailing\n     */\n    wait: (timeout?: number) => base.wait(timeout),\n    ...baseUniDriverFactory(base),\n    /** Checks if the panel exist */\n    exists: () => panelBase().exists(),\n    /** Checks if the SidePanel is open */\n    isOpen: () =>\n      Promise.all([slidingModal().isOpen(), panel().exists()]).then((arr) =>\n        arr.every(Boolean),\n      ),\n    getTitle: () => panel().getTitleText(),\n    getSubtitle: () => panel().getSubtitleText(),\n    clickCloseButton: () => panel().clickClose(),\n    closeButtonExists: () => panel().isCloseButtonExists(),\n    clickAddSortButton: () => addItemButton().click(),\n    /** Removes a sort item at index */\n    clickSortRemoveAtIndex,\n    /** Changes a sort order at index */\n    changeSortOrderAtIndex,\n    getSortOrderAtIndex,\n    /** Changes a sort column at index */\n    changeColumnAtIndex,\n    getColumnAtIndex,\n    getItemsCount: () => items().count(),\n    dragHandleExistsAt: (i: number) =>\n      getItemAtBase(i)\n        .$('[data-hook=\"multi-level-sorting-item-drag-handle\"]')\n        .exists(),\n    dragStart: async (sourceIndex: number) =>\n      getDragAndDropDriver().dragStart(await getItemAtBase(sourceIndex)),\n    dragMove: () => getDragAndDropDriver().dragMove(),\n    dragEnd: async (targetIndex: number) =>\n      getDragAndDropDriver().dragEnd(await getItemAtBase(targetIndex)),\n  };\n}\n\nexport default MultiLevelSortingPanelUniDriver;\n"],"mappings":"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"}

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

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.MultiLevelSortingPanelEntry = MultiLevelSortingPanelEntry;
+var _react = _interopRequireDefault(require("react"));
+var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
+var _MultiLevelSortingPanel = require("./MultiLevelSortingPanel");
+var _minimalRequiredWdsRuntimeCheck = require("../../minimalRequiredWdsRuntimeCheck");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/MultiLevelSortingPanel/MultiLevelSortingPanelEntry.tsx";
+function MultiLevelSortingPanelEntry() {
+  const state = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
+  if (process.env.NODE_ENV !== 'production') {
+    (0, _minimalRequiredWdsRuntimeCheck.minimalRequiredWdsRuntimeCheck)({
+      required: '^1.68.0',
+      requiredBy: 'Cairo/MultiLevelSorting'
+    });
+  }
+  return /*#__PURE__*/_react.default.createElement(_MultiLevelSortingPanel.MultiLevelSortingPanel, {
+    state: state,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 16,
+      columnNumber: 10
+    }
+  });
+}
+//# sourceMappingURL=MultiLevelSortingPanelEntry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_ToolbarCollectionContext","_MultiLevelSortingPanel","_minimalRequiredWdsRuntimeCheck","_jsxFileName","MultiLevelSortingPanelEntry","state","useToolbarCollectionContext","process","env","NODE_ENV","minimalRequiredWdsRuntimeCheck","required","requiredBy","default","createElement","MultiLevelSortingPanel","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/MultiLevelSortingPanel/MultiLevelSortingPanelEntry.tsx"],"sourcesContent":["import React from 'react';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { MultiLevelSortingPanel } from './MultiLevelSortingPanel';\nimport { minimalRequiredWdsRuntimeCheck } from '../../minimalRequiredWdsRuntimeCheck';\n\nexport function MultiLevelSortingPanelEntry() {\n  const state = useToolbarCollectionContext();\n\n  if (process.env.NODE_ENV !== 'production') {\n    minimalRequiredWdsRuntimeCheck({\n      required: '^1.68.0',\n      requiredBy: 'Cairo/MultiLevelSorting',\n    });\n  }\n\n  return <MultiLevelSortingPanel state={state} />;\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,yBAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AACA,IAAAG,+BAAA,GAAAH,OAAA;AAAsF,IAAAI,YAAA;AAE/E,SAASC,2BAA2BA,CAAA,EAAG;EAC5C,MAAMC,KAAK,GAAG,IAAAC,qDAA2B,EAAC,CAAC;EAE3C,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;IACzC,IAAAC,8DAA8B,EAAC;MAC7BC,QAAQ,EAAE,SAAS;MACnBC,UAAU,EAAE;IACd,CAAC,CAAC;EACJ;EAEA,oBAAOf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACb,uBAAA,CAAAc,sBAAsB;IAACV,KAAK,EAAEA,KAAM;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC;AACjD"}

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

@@ -0,0 +1,114 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+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 _mobxReactLite = require("mobx-react-lite");
+var _MultiLevelSortingColumnSelect = require("./MultiLevelSortingColumnSelect");
+var _MultiLevelSortingOrderSelect = require("./MultiLevelSortingOrderSelect");
+var _react2 = require("@wix/bex-core/react");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/MultiLevelSortingPanel/MultiLevelSortingTableListItem.tsx";
+function _MultiLevelSortingTableListItem(props) {
+  const {
+    sortableColumn,
+    state,
+    domRef,
+    dragging,
+    draggable,
+    index,
+    showDivider,
+    ...rest
+  } = props;
+  const {
+    translate: t
+  } = (0, _react2.useWixPatternsContainer)();
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    ref: domRef,
+    "data-hook": `multi-level-sorting-item-${sortableColumn.columnId}`
+  }, rest, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 36,
+      columnNumber: 5
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.TableListItem, {
+    verticalPadding: "tiny",
+    draggable: draggable,
+    dragging: dragging,
+    showDivider: showDivider,
+    options: [{
+      value: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+        width: "100%",
+        direction: "horizontal",
+        verticalAlign: "middle",
+        gap: "SP2",
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 49,
+          columnNumber: 15
+        }
+      }, /*#__PURE__*/_react.default.createElement(_MultiLevelSortingColumnSelect.MultiLevelSortingColumnSelect, {
+        sortableColumn: sortableColumn,
+        state: state,
+        index: index,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 55,
+          columnNumber: 17
+        }
+      }), /*#__PURE__*/_react.default.createElement(_MultiLevelSortingOrderSelect.MultiLevelSortingOrderSelect, {
+        sortableColumn: sortableColumn,
+        state: state,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 60,
+          columnNumber: 17
+        }
+      }), /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
+        content: t('cairo.table.advanced-sorting.remove.button.tooltip'),
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 64,
+          columnNumber: 17
+        }
+      }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
+        dataHook: "multi-level-sorting-remove-sort",
+        size: "small",
+        skin: "light",
+        onClick: () => {
+          state.removeSort(sortableColumn.columnId);
+        },
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 69,
+          columnNumber: 19
+        }
+      }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.DeleteSmall, {
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 77,
+          columnNumber: 21
+        }
+      }))))
+    }],
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 41,
+      columnNumber: 7
+    }
+  }));
+}
+const MultiLevelSortingTableListItem = exports.MultiLevelSortingTableListItem = (0, _mobxReactLite.observer)(_MultiLevelSortingTableListItem);
+//# sourceMappingURL=MultiLevelSortingTableListItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_mobxReactLite","_MultiLevelSortingColumnSelect","_MultiLevelSortingOrderSelect","_react2","_jsxFileName","_MultiLevelSortingTableListItem","props","sortableColumn","state","domRef","dragging","draggable","index","showDivider","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    ...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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"}

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

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+var _MultiLevelSortingPanelEntry = require("./MultiLevelSortingPanelEntry");
+Object.keys(_MultiLevelSortingPanelEntry).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MultiLevelSortingPanelEntry[key]) return;
+  exports[key] = _MultiLevelSortingPanelEntry[key];
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_MultiLevelSortingPanelEntry","require","Object","keys","forEach","key","exports"],"sources":["../../../../src/components/MultiLevelSortingPanel/index.ts"],"sourcesContent":["export * from './MultiLevelSortingPanelEntry';\n"],"mappings":";;;AAAA,IAAAA,4BAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,4BAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,4BAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,4BAAA,CAAAK,GAAA;AAAA"}