@wix/patterns 0.8.0

package/dist/cjs/components/MultiInlineCheckbox/MultiInlineCheckbox.js

@@ -0,0 +1,66 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.MultiInlineCheckbox = void 0;
+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 _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/MultiInlineCheckbox/MultiInlineCheckbox.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _MultiInlineCheckbox(props) {
+  const {
+    renderItem,
+    data,
+    state,
+    ...rest
+  } = props;
+  const {
+    filter,
+    select
+  } = state;
+  const keyedItems = (0, _react.useMemo)(() => data.map((item, index) => {
+    const key = filter.itemKey(item);
+    return {
+      id: key,
+      key,
+      item,
+      index,
+      indexWithinPage: index,
+      pageIndex: 0
+    };
+  }), [data]);
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, (0, _extends2.default)({
+    direction: "vertical",
+    gap: "SP2"
+  }, rest, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 39,
+      columnNumber: 5
+    }
+  }), keyedItems.map((keyedItem, index) => {
+    const checkboxProps = renderItem == null ? void 0 : renderItem(keyedItem.item, index);
+    return /*#__PURE__*/_react.default.createElement(_designSystem.Checkbox, (0, _extends2.default)({}, checkboxProps, {
+      dataHook: `multi-inline-checkbox-${keyedItem.key}`,
+      key: keyedItem.key,
+      onChange: e => {
+        const checked = e.target.checked;
+        checked ? state.set(keyedItem) : state.delete(keyedItem);
+        checkboxProps == null || checkboxProps.onChange == null || checkboxProps.onChange(e);
+      },
+      checked: (checkboxProps == null ? void 0 : checkboxProps.checked) || select.isChecked(keyedItem.key),
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 44,
+        columnNumber: 11
+      }
+    }), (checkboxProps == null ? void 0 : checkboxProps.children) ?? filter.itemName(keyedItem.item));
+  }));
+}
+const MultiInlineCheckbox = exports.MultiInlineCheckbox = (0, _mobxReactLite.observer)(_MultiInlineCheckbox);
+//# sourceMappingURL=MultiInlineCheckbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_MultiInlineCheckbox","props","renderItem","data","state","rest","filter","select","keyedItems","useMemo","map","item","index","key","itemKey","id","indexWithinPage","pageIndex","createElement","Box","_extends2","direction","gap","__self","__source","fileName","lineNumber","columnNumber","keyedItem","checkboxProps","Checkbox","dataHook","onChange","checked","target","delete","isChecked","children","itemName","MultiInlineCheckbox","exports","observer"],"sources":["../../../../src/components/MultiInlineCheckbox/MultiInlineCheckbox.tsx"],"sourcesContent":["import React, { PropsWithChildren, useMemo } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { DropdownSelectState } from '../../state';\nimport { Box, BoxProps, Checkbox, CheckboxProps } from '@wix/design-system';\n\nexport interface MultiInlineCheckboxProps<V>\n  extends Partial<Omit<BoxProps, 'filter'>> {\n  /** List of items to select from */\n  data: V[];\n  renderItem?: (\n    item: V,\n    index: number,\n  ) => Partial<PropsWithChildren<CheckboxProps>>;\n  state: DropdownSelectState<V>;\n}\n\nfunction _MultiInlineCheckbox<V>(props: MultiInlineCheckboxProps<V>) {\n  const { renderItem, data, state, ...rest } = props;\n\n  const { filter, select } = state;\n\n  const keyedItems = useMemo(\n    () =>\n      data.map((item, index) => {\n        const key = filter.itemKey(item);\n        return {\n          id: key,\n          key,\n          item,\n          index,\n          indexWithinPage: index,\n          pageIndex: 0,\n        };\n      }),\n    [data],\n  );\n\n  return (\n    <Box direction=\"vertical\" gap=\"SP2\" {...rest}>\n      {keyedItems.map((keyedItem, index) => {\n        const checkboxProps = renderItem?.(keyedItem.item, index);\n\n        return (\n          <Checkbox\n            {...checkboxProps}\n            dataHook={`multi-inline-checkbox-${keyedItem.key}`}\n            key={keyedItem.key}\n            onChange={(e) => {\n              const checked = e.target.checked;\n              checked ? state.set(keyedItem) : state.delete(keyedItem);\n              checkboxProps?.onChange?.(e);\n            }}\n            checked={checkboxProps?.checked || select.isChecked(keyedItem.key)}\n          >\n            {checkboxProps?.children ?? filter.itemName(keyedItem.item)}\n          </Checkbox>\n        );\n      })}\n    </Box>\n  );\n}\n\nexport const MultiInlineCheckbox = observer(_MultiInlineCheckbox);\n"],"mappings":"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"}

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

@@ -0,0 +1,20 @@
+"use strict";
+
+exports.__esModule = true;
+exports.MultiInlineCheckboxUniDriver = MultiInlineCheckboxUniDriver;
+var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
+function MultiInlineCheckboxUniDriver(base, body) {
+  const getCheckboxById = id => (0, _unidriver.CheckboxUniDriver)(base.$(`[data-hook="multi-inline-checkbox-${id}"]`), body);
+  const getCheckboxAt = index => (0, _unidriver.CheckboxUniDriver)(base.$$(':scope > *').get(index), body);
+  const checkOptions = async ids => {
+    await Promise.all(ids.map(id => getCheckboxById(id).click()));
+  };
+  const getCheckboxesCount = () => base.$$(':scope > *').count();
+  return {
+    checkOptions,
+    getCheckboxAt,
+    getCheckboxById,
+    getCheckboxesCount
+  };
+}
+//# sourceMappingURL=MultiInlineCheckbox.uni.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","MultiInlineCheckboxUniDriver","base","body","getCheckboxById","id","CheckboxUniDriver","$","getCheckboxAt","index","$$","get","checkOptions","ids","Promise","all","map","click","getCheckboxesCount","count"],"sources":["../../../../src/components/MultiInlineCheckbox/MultiInlineCheckbox.uni.driver.ts"],"sourcesContent":["import { CheckboxUniDriver } from '@wix/design-system/dist/testkit/unidriver';\nimport { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\n\nexport function MultiInlineCheckboxUniDriver(base: UniDriver, body: UniDriver) {\n  const getCheckboxById = (id: string) =>\n    CheckboxUniDriver(\n      base.$(`[data-hook=\"multi-inline-checkbox-${id}\"]`),\n      body,\n    );\n\n  const getCheckboxAt = (index: number) =>\n    CheckboxUniDriver(base.$$(':scope > *').get(index), body);\n\n  const checkOptions = async (ids: string[]) => {\n    await Promise.all(ids.map((id) => getCheckboxById(id).click()));\n  };\n\n  const getCheckboxesCount = () => base.$$(':scope > *').count();\n\n  return {\n    checkOptions,\n    getCheckboxAt,\n    getCheckboxById,\n    getCheckboxesCount,\n  };\n}\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAGO,SAASC,4BAA4BA,CAACC,IAAe,EAAEC,IAAe,EAAE;EAC7E,MAAMC,eAAe,GAAIC,EAAU,IACjC,IAAAC,4BAAiB,EACfJ,IAAI,CAACK,CAAC,CAAE,qCAAoCF,EAAG,IAAG,CAAC,EACnDF,IACF,CAAC;EAEH,MAAMK,aAAa,GAAIC,KAAa,IAClC,IAAAH,4BAAiB,EAACJ,IAAI,CAACQ,EAAE,CAAC,YAAY,CAAC,CAACC,GAAG,CAACF,KAAK,CAAC,EAAEN,IAAI,CAAC;EAE3D,MAAMS,YAAY,GAAG,MAAOC,GAAa,IAAK;IAC5C,MAAMC,OAAO,CAACC,GAAG,CAACF,GAAG,CAACG,GAAG,CAAEX,EAAE,IAAKD,eAAe,CAACC,EAAE,CAAC,CAACY,KAAK,CAAC,CAAC,CAAC,CAAC;EACjE,CAAC;EAED,MAAMC,kBAAkB,GAAGA,CAAA,KAAMhB,IAAI,CAACQ,EAAE,CAAC,YAAY,CAAC,CAACS,KAAK,CAAC,CAAC;EAE9D,OAAO;IACLP,YAAY;IACZJ,aAAa;IACbJ,eAAe;IACfc;EACF,CAAC;AACH"}

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

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

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

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

package/dist/cjs/components/MultiInlineCheckboxFilter/MultiInlineCheckboxFilter.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.MultiInlineCheckboxFilter = MultiInlineCheckboxFilter;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _MultiInlineCheckbox = require("../MultiInlineCheckbox");
+var _hooks = require("../../hooks");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/MultiInlineCheckboxFilter/MultiInlineCheckboxFilter.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function MultiInlineCheckboxFilter(props) {
+  const {
+    filter,
+    ...rest
+  } = props;
+  const state = (0, _hooks.useDropdownSelectFilterState)({
+    filter
+  });
+  (0, _react.useEffect)(() => state.init(), []);
+  return /*#__PURE__*/_react.default.createElement(_MultiInlineCheckbox.MultiInlineCheckbox, (0, _extends2.default)({
+    dataHook: `collection-filter-${filter.name}`,
+    gap: "SP3",
+    state: state.dropdownSelect
+  }, rest, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 31,
+      columnNumber: 5
+    }
+  }));
+}
+//# sourceMappingURL=MultiInlineCheckboxFilter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_MultiInlineCheckbox","_hooks","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","MultiInlineCheckboxFilter","props","filter","rest","state","useDropdownSelectFilterState","useEffect","init","createElement","MultiInlineCheckbox","_extends2","dataHook","name","gap","dropdownSelect","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/MultiInlineCheckboxFilter/MultiInlineCheckboxFilter.tsx"],"sourcesContent":["import React, { PropsWithChildren, useEffect } from 'react';\nimport { FilterProps } from '../../model';\nimport { MultiInlineCheckbox } from '../MultiInlineCheckbox';\nimport { BoxProps, CheckboxProps } from '@wix/design-system';\nimport { useDropdownSelectFilterState } from '../../hooks';\n\nexport interface MultiInlineCheckboxFilterProps<V>\n  extends FilterProps<V[]>,\n    Partial<Omit<BoxProps, 'filter'>> {\n  /** List of items to select from */\n  data: V[];\n  /** A function that returns checkbox props for rendering each item checkbox */\n  renderItem?: (\n    item: V,\n    index: number,\n  ) => Partial<PropsWithChildren<CheckboxProps>>;\n}\n\nexport function MultiInlineCheckboxFilter<V>(\n  props: MultiInlineCheckboxFilterProps<V>,\n) {\n  const { filter, ...rest } = props;\n\n  const state = useDropdownSelectFilterState<V>({\n    filter,\n  });\n\n  useEffect(() => state.init(), []);\n\n  return (\n    <MultiInlineCheckbox\n      dataHook={`collection-filter-${filter.name}`}\n      gap=\"SP3\"\n      state={state.dropdownSelect}\n      {...rest}\n    />\n  );\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,oBAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AAA2D,IAAAG,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAcpD,SAASY,yBAAyBA,CACvCC,KAAwC,EACxC;EACA,MAAM;IAAEC,MAAM;IAAE,GAAGC;EAAK,CAAC,GAAGF,KAAK;EAEjC,MAAMG,KAAK,GAAG,IAAAC,mCAA4B,EAAI;IAC5CH;EACF,CAAC,CAAC;EAEF,IAAAI,gBAAS,EAAC,MAAMF,KAAK,CAACG,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC;EAEjC,oBACElC,MAAA,CAAAY,OAAA,CAAAuB,aAAA,CAAChC,oBAAA,CAAAiC,mBAAmB,MAAAC,SAAA,CAAAzB,OAAA;IAClB0B,QAAQ,EAAG,qBAAoBT,MAAM,CAACU,IAAK,EAAE;IAC7CC,GAAG,EAAC,KAAK;IACTT,KAAK,EAAEA,KAAK,CAACU;EAAe,GACxBX,IAAI;IAAAY,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvC,YAAA;MAAAwC,UAAA;MAAAC,YAAA;IAAA;EAAA,EACT,CAAC;AAEN"}

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

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

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

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

package/dist/cjs/components/MultiLevelSorting/MultiLevelSorting.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.MultiLevelSorting = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
+var _MultiLevelSortingCTAButton = require("./MultiLevelSortingCTAButton");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/MultiLevelSorting/MultiLevelSorting.tsx";
+const MultiLevelSorting = () => {
+  const state = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
+  return /*#__PURE__*/_react.default.createElement(_MultiLevelSortingCTAButton.MultiLevelSortingCTAButton, {
+    state: state,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 8,
+      columnNumber: 10
+    }
+  });
+};
+exports.MultiLevelSorting = MultiLevelSorting;
+MultiLevelSorting.displayName = 'MultiLevelSorting';
+//# sourceMappingURL=MultiLevelSorting.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_ToolbarCollectionContext","_MultiLevelSortingCTAButton","_jsxFileName","MultiLevelSorting","state","useToolbarCollectionContext","default","createElement","MultiLevelSortingCTAButton","__self","__source","fileName","lineNumber","columnNumber","exports","displayName"],"sources":["../../../../src/components/MultiLevelSorting/MultiLevelSorting.tsx"],"sourcesContent":["import React from 'react';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { MultiLevelSortingCTAButton } from './MultiLevelSortingCTAButton';\n\nexport const MultiLevelSorting = () => {\n  const state = useToolbarCollectionContext();\n\n  return <MultiLevelSortingCTAButton state={state} />;\n};\n\nMultiLevelSorting.displayName = 'MultiLevelSorting';\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,yBAAA,GAAAD,OAAA;AACA,IAAAE,2BAAA,GAAAF,OAAA;AAA0E,IAAAG,YAAA;AAEnE,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;EACrC,MAAMC,KAAK,GAAG,IAAAC,qDAA2B,EAAC,CAAC;EAE3C,oBAAOR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,2BAAA,CAAAO,0BAA0B;IAACJ,KAAK,EAAEA,KAAM;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAT,YAAA;MAAAU,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC;AACrD,CAAC;AAACC,OAAA,CAAAX,iBAAA,GAAAA,iBAAA;AAEFA,iBAAiB,CAACY,WAAW,GAAG,mBAAmB"}

package/dist/cjs/components/MultiLevelSorting/MultiLevelSortingCTAButton.js

@@ -0,0 +1,82 @@
+"use strict";
+
+exports.__esModule = true;
+exports.MultiLevelSortingCTAButton = void 0;
+exports._MultiLevelSortingCTAButton = _MultiLevelSortingCTAButton;
+var _react = _interopRequireWildcard(require("react"));
+var _mobx = require("mobx");
+var _mobxReactLite = require("mobx-react-lite");
+var _designSystem = require("@wix/design-system");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _state = require("../../state");
+var _MultiLevelSortingPanel = require("../MultiLevelSortingPanel");
+var _CounterBadgeButton = require("../CounterBadgeButton");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/MultiLevelSorting/MultiLevelSortingCTAButton.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _MultiLevelSortingCTAButton(props) {
+  const {
+    state
+  } = props;
+  const {
+    panels,
+    container: {
+      translate: t
+    }
+  } = state;
+  const [multiLevelSortingState] = (0, _react.useState)(() => (0, _mobx.runInAction)(() => state.multiLevelSorting ?? (state.multiLevelSorting = new _state.MultiLevelSortingState({
+    table: state,
+    container: state.container
+  }))));
+  (0, _react.useEffect)(() => multiLevelSortingState.init(), []);
+  (0, _react.useEffect)(() => {
+    panels.registerSidePanel('multiLevelSorting', _MultiLevelSortingPanel.MultiLevelSortingPanelEntry);
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_CounterBadgeButton.CounterBadgeButton, {
+    dataHook: "multi-level-sorting-button-counter",
+    count: multiLevelSortingState.sortListSize,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 41,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
+    content: t('cairo.table.advanced-sorting.button.tooltip'),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 45,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
+    size: "small",
+    priority: "secondary",
+    dataHook: "multi-level-sorting-button",
+    onClick: () => {
+      const isOpen = panels.toggleSidePanel('multiLevelSorting');
+      if (isOpen) {
+        multiLevelSortingState.reportSidePanelOpen();
+      } else {
+        multiLevelSortingState.reportSidePanelClose({
+          origin: 'Sort CTA'
+        });
+      }
+    },
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 46,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChangeOrderSmall, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 62,
+      columnNumber: 11
+    }
+  }))));
+}
+const MultiLevelSortingCTAButton = exports.MultiLevelSortingCTAButton = (0, _mobxReactLite.observer)(_MultiLevelSortingCTAButton);
+//# sourceMappingURL=MultiLevelSortingCTAButton.js.map

package/dist/cjs/components/MultiLevelSorting/MultiLevelSortingCTAButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobx","_mobxReactLite","_designSystem","_wixUiIconsCommon","_state","_MultiLevelSortingPanel","_CounterBadgeButton","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_MultiLevelSortingCTAButton","props","state","panels","container","translate","multiLevelSortingState","useState","runInAction","multiLevelSorting","MultiLevelSortingState","table","useEffect","init","registerSidePanel","MultiLevelSortingPanelEntry","createElement","CounterBadgeButton","dataHook","count","sortListSize","__self","__source","fileName","lineNumber","columnNumber","Tooltip","content","IconButton","size","priority","onClick","isOpen","toggleSidePanel","reportSidePanelOpen","reportSidePanelClose","origin","ChangeOrderSmall","MultiLevelSortingCTAButton","exports","observer"],"sources":["../../../../src/components/MultiLevelSorting/MultiLevelSortingCTAButton.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { runInAction } from 'mobx';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { Tooltip, IconButton } from '@wix/design-system';\nimport { ChangeOrderSmall } from '@wix/wix-ui-icons-common';\nimport { MultiLevelSortingState, ToolbarCollectionState } from '../../state';\nimport { MultiLevelSortingPanelEntry } from '../MultiLevelSortingPanel';\nimport { CounterBadgeButton } from '../CounterBadgeButton';\n\nexport interface MultiLevelSortingCTAButtonProps<T, F extends FiltersMap> {\n  state: ToolbarCollectionState<T, F>;\n}\n\nexport function _MultiLevelSortingCTAButton<T, F extends FiltersMap>(\n  props: MultiLevelSortingCTAButtonProps<T, F>,\n) {\n  const { state } = props;\n  const {\n    panels,\n    container: { translate: t },\n  } = state;\n\n  const [multiLevelSortingState] = useState(() =>\n    runInAction(\n      () =>\n        (state.multiLevelSorting ??= new MultiLevelSortingState<T, F>({\n          table: state,\n          container: state.container,\n        })),\n    ),\n  );\n\n  useEffect(() => multiLevelSortingState.init(), []);\n\n  useEffect(() => {\n    panels.registerSidePanel('multiLevelSorting', MultiLevelSortingPanelEntry);\n  }, []);\n\n  return (\n    <CounterBadgeButton\n      dataHook=\"multi-level-sorting-button-counter\"\n      count={multiLevelSortingState.sortListSize}\n    >\n      <Tooltip content={t('cairo.table.advanced-sorting.button.tooltip')}>\n        <IconButton\n          size=\"small\"\n          priority=\"secondary\"\n          dataHook=\"multi-level-sorting-button\"\n          onClick={() => {\n            const isOpen = panels.toggleSidePanel('multiLevelSorting');\n\n            if (isOpen) {\n              multiLevelSortingState.reportSidePanelOpen();\n            } else {\n              multiLevelSortingState.reportSidePanelClose({\n                origin: 'Sort CTA',\n              });\n            }\n          }}\n        >\n          <ChangeOrderSmall />\n        </IconButton>\n      </Tooltip>\n    </CounterBadgeButton>\n  );\n}\n\nexport const MultiLevelSortingCTAButton = observer(_MultiLevelSortingCTAButton);\n"],"mappings":"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"}

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

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

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

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

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

@@ -0,0 +1,59 @@
+"use strict";
+
+exports.__esModule = true;
+exports.MultiLevelSortingColumnSelect = void 0;
+exports._MultiLevelSortingColumnSelect = _MultiLevelSortingColumnSelect;
+var _react = _interopRequireWildcard(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _designSystem = require("@wix/design-system");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/MultiLevelSortingPanel/MultiLevelSortingColumnSelect.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _MultiLevelSortingColumnSelect(props) {
+  const {
+    sortableColumn,
+    state
+  } = props;
+  const ref = _react.default.useRef();
+  const options = state.getAvailableOptions(sortableColumn.columnId);
+  (0, _react.useEffect)(() => {
+    requestAnimationFrame(() => {
+      if (!ref.current) {
+        return;
+      }
+
+      // focus the last added column
+      if (sortableColumn.columnId === state.lastManuallyAddedColumnId) {
+        state.lastManuallyAddedColumnId = null;
+        ref.current.focus();
+      }
+    });
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Dropdown, {
+    inputRef: node => {
+      if (ref) {
+        ref.current = node;
+      }
+    },
+    dataHook: "multi-level-sorting-select-column",
+    onSelect: ({
+      id
+    }) => {
+      state.replaceSort(sortableColumn.columnId, id);
+    },
+    popoverProps: {
+      appendTo: 'window'
+    },
+    options: options,
+    selectedId: sortableColumn.columnId,
+    size: "small",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 36,
+      columnNumber: 5
+    }
+  });
+}
+const MultiLevelSortingColumnSelect = exports.MultiLevelSortingColumnSelect = (0, _mobxReactLite.observer)(_MultiLevelSortingColumnSelect);
+//# sourceMappingURL=MultiLevelSortingColumnSelect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_MultiLevelSortingColumnSelect","props","sortableColumn","state","ref","React","useRef","options","getAvailableOptions","columnId","useEffect","requestAnimationFrame","current","lastManuallyAddedColumnId","focus","createElement","Dropdown","inputRef","node","dataHook","onSelect","id","replaceSort","popoverProps","appendTo","selectedId","size","__self","__source","fileName","lineNumber","columnNumber","MultiLevelSortingColumnSelect","exports","observer"],"sources":["../../../../src/components/MultiLevelSortingPanel/MultiLevelSortingColumnSelect.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Dropdown } from '@wix/design-system';\nimport { FiltersMap } from '@wix/bex-core';\nimport { MultiLevelSortingState, SortableColumn } from '../../state';\n\nexport interface MultiLevelSortingColumnSelectProps<T, F extends FiltersMap> {\n  sortableColumn: SortableColumn;\n  state: MultiLevelSortingState<T, F>;\n  index: number;\n}\n\nexport function _MultiLevelSortingColumnSelect<T, F extends FiltersMap>(\n  props: MultiLevelSortingColumnSelectProps<T, F>,\n) {\n  const { sortableColumn, state } = props;\n  const ref = React.useRef<HTMLInputElement | null>();\n\n  const options = state.getAvailableOptions(sortableColumn.columnId);\n\n  useEffect(() => {\n    requestAnimationFrame(() => {\n      if (!ref.current) {\n        return;\n      }\n\n      // focus the last added column\n      if (sortableColumn.columnId === state.lastManuallyAddedColumnId) {\n        state.lastManuallyAddedColumnId = null;\n        ref.current.focus();\n      }\n    });\n  }, []);\n\n  return (\n    <Dropdown\n      inputRef={(node) => {\n        if (ref) {\n          ref.current = node;\n        }\n      }}\n      dataHook=\"multi-level-sorting-select-column\"\n      onSelect={({ id }) => {\n        state.replaceSort(sortableColumn.columnId, id as string);\n      }}\n      popoverProps={{\n        appendTo: 'window',\n      }}\n      options={options}\n      selectedId={sortableColumn.columnId}\n      size=\"small\"\n    />\n  );\n}\n\nexport const MultiLevelSortingColumnSelect = observer(\n  _MultiLevelSortingColumnSelect,\n);\n"],"mappings":"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"}

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

@@ -0,0 +1,92 @@
+"use strict";
+
+exports.__esModule = true;
+exports.MultiLevelSortingList = void 0;
+exports._MultiLevelSortingList = _MultiLevelSortingList;
+var _react = _interopRequireWildcard(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _designSystem = require("@wix/design-system");
+var _ListDragAndDropContext = require("../ListDragAndDrop/ListDragAndDropContext");
+var _DraggableListItem = require("../ListDragAndDrop/DraggableListItem");
+var _MultiLevelSortingTableListItem = require("./MultiLevelSortingTableListItem");
+var _DraggableCardOverlay = require("../GridDragAndDropDndKit/DraggableCardOverlay");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/MultiLevelSortingPanel/MultiLevelSortingList.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _MultiLevelSortingList(props) {
+  const {
+    state
+  } = props;
+  const {
+    dragAndDrop
+  } = state;
+  const renderItem = (0, _react.useCallback)((sortableColumn, index, {
+    length
+  }) => {
+    return /*#__PURE__*/_react.default.createElement(_DraggableListItem.DraggableListItem, {
+      key: sortableColumn.key,
+      id: sortableColumn.key,
+      index: index,
+      state: dragAndDrop,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 28,
+        columnNumber: 9
+      }
+    }, /*#__PURE__*/_react.default.createElement(_MultiLevelSortingTableListItem.MultiLevelSortingTableListItem, {
+      key: sortableColumn.key,
+      sortableColumn: sortableColumn,
+      index: index,
+      state: state,
+      showDivider: index < length - 1,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 34,
+        columnNumber: 11
+      }
+    }));
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_ListDragAndDropContext.ListDragAndDropContext, {
+    state: dragAndDrop,
+    onSubmit: async ({
+      from,
+      over
+    }) => {
+      dragAndDrop._onSortReorder(from.item.columnId, over.item.columnId);
+    },
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 48,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    dataHook: "multi-level-sorting-list",
+    backgroundColor: "D60",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 55,
+      columnNumber: 9
+    }
+  }, state.sortingCollection.result.items.map(renderItem)), /*#__PURE__*/_react.default.createElement(_DraggableCardOverlay.DraggableCardOverlay, {
+    state: dragAndDrop,
+    renderItem: index => {
+      const item = state.sortingCollection.result.items[index];
+      return item ? renderItem(item, index, {
+        length: 0
+      }) : null;
+    },
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 62,
+      columnNumber: 9
+    }
+  })));
+}
+const MultiLevelSortingList = exports.MultiLevelSortingList = (0, _mobxReactLite.observer)(_MultiLevelSortingList);
+//# sourceMappingURL=MultiLevelSortingList.js.map

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

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

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

@@ -0,0 +1,105 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.MultiLevelSortingOrderSelect = void 0;
+exports._MultiLevelSortingOrderSelect = _MultiLevelSortingOrderSelect;
+var _react = _interopRequireDefault(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _designSystem = require("@wix/design-system");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _react2 = require("@wix/bex-core/react");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/MultiLevelSortingPanel/MultiLevelSortingOrderSelect.tsx";
+function _MultiLevelSortingOrderSelect(props) {
+  const {
+    translate: t
+  } = (0, _react2.useWixPatternsContainer)();
+  const {
+    sortableColumn,
+    state
+  } = props;
+  const options = [(0, _designSystem.listItemSelectBuilder)({
+    id: 'asc',
+    prefix: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 29,
+        columnNumber: 9
+      }
+    }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ArrowUpSmall, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 30,
+        columnNumber: 11
+      }
+    })),
+    title: t('cairo.table.advanced-sorting.ascending.order'),
+    label: t('cairo.table.advanced-sorting.ascending.order')
+  }), (0, _designSystem.listItemSelectBuilder)({
+    id: 'desc',
+    prefix: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 39,
+        columnNumber: 9
+      }
+    }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ArrowDownSmall, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 40,
+        columnNumber: 11
+      }
+    })),
+    title: t('cairo.table.advanced-sorting.descending.order'),
+    label: t('cairo.table.advanced-sorting.descending.order')
+  })];
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Dropdown, {
+    dataHook: "multi-level-sorting-select-order",
+    onSelect: ({
+      id
+    }) => {
+      state.changeSortOrder(sortableColumn.columnId, id);
+    },
+    popoverProps: {
+      appendTo: 'window'
+    },
+    options: options,
+    selectedId: sortableColumn.direction,
+    size: "small",
+    prefix: /*#__PURE__*/_react.default.createElement(_designSystem.Input.IconAffix, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 61,
+        columnNumber: 9
+      }
+    }, sortableColumn.direction === 'asc' ? /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ArrowUpSmall, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 63,
+        columnNumber: 13
+      }
+    }) : /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ArrowDownSmall, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 65,
+        columnNumber: 13
+      }
+    })),
+    valueParser: option => option.label,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 49,
+      columnNumber: 5
+    }
+  });
+}
+const MultiLevelSortingOrderSelect = exports.MultiLevelSortingOrderSelect = (0, _mobxReactLite.observer)(_MultiLevelSortingOrderSelect);
+//# sourceMappingURL=MultiLevelSortingOrderSelect.js.map