@wix/patterns 1.0.0 → 1.2.0

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

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

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

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

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

@@ -9,7 +9,7 @@ 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 _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 && {}.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,

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

@@ -1 +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"}
+{"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","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,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAcpD,SAASW,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,oBACEjC,MAAA,CAAAY,OAAA,CAAAsB,aAAA,CAAC/B,oBAAA,CAAAgC,mBAAmB,MAAAC,SAAA,CAAAxB,OAAA;IAClByB,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,EAAAtC,YAAA;MAAAuC,UAAA;MAAAC,YAAA;IAAA;EAAA,EACT,CAAC;AAEN","ignoreList":[]}

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

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

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

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

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

@@ -13,7 +13,7 @@ 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 _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 && {}.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

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

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

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

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

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

@@ -8,7 +8,7 @@ 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 _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 && {}.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,

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

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

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

@@ -12,7 +12,7 @@ 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 _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 && {}.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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/cjs/components/MultiSelectCheckboxFilter/MultiSelectCheckboxFilter.js

@@ -18,7 +18,7 @@ var _usePlaceholderStateOptions = require("../../hooks/usePlaceholderStateOption
 var _useCollectionFilterInitialFetchTiming = require("../../hooks/useCollectionFilterInitialFetchTiming");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/MultiSelectCheckboxFilter/MultiSelectCheckboxFilter.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 _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 && {}.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 _MultiSelectCheckboxFilter(props) {
   const {
     filter,

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_state","_bexCore","_react2","_mobxReactLite","_MultiSelectCheckboxFilterBase","_hooks","_InputOverflow","_providers","_usePlaceholderStateOptions","_useCollectionFilterInitialFetchTiming","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_MultiSelectCheckboxFilter","props","filter","collection","renderItem","onSelect","onClose","onDeselect","placeholder","placeholderProp","rest","container","useWixPatternsContainer","toolbar","useFilterToolbarState","buildOption","useBuildOption","checkbox","collectionFilter","useState","CollectionFilterState","dropdownCollectionFilterState","DropdownCollectionFilterState","resetOnClose","dropdownSelect","init","inputState","shouldShowPlaceholder","disableEditing","select","selectedKeys","selectedValues","finalFilterKeyedItems","finalFilterKeyedItemsMap","translate","textOverflowState","TextOverflowState","observable","isOverflow","result","keyedItems","fetchedLastPage","query","search","isEmpty","isEmptySearch","promotedOptions","length","map","listItemSectionBuilder","id","type","otherOptions","key","options","fixedFooter","showInitialLoader","usePlaceholderStateOptions","selectedValuesText","useMemo","item","itemName","join","skipInitialFetch","onFocus","useCollectionFilterInitialFetchTiming","useEffect","process","env","NODE_ENV","total","createElement","MultiSelectCheckboxFilterBase","_extends2","infiniteScroll","selectedOptions","hasMore","loadMore","fetchNextPageIfNeeded","hasPendingFilter","closeAndChangeSelectedItems","onBlur","option","keyedItem","refreshIfChanged","actionType","clickedValueKey","delete","value","onChange","target","clearResult","onOptionsShow","onKeyDown","nativeEvent","code","onTabKeyDown","onClickOutside","onClear","clearSearch","clearButton","clearButtonTooltipContent","focusOnClearClick","inputElement","InputOverflow","selected","focused","isFocused","text","state","__self","__source","fileName","lineNumber","columnNumber","MultiSelectCheckboxFilter","exports","observer"],"sources":["../../../../src/components/MultiSelectCheckboxFilter/MultiSelectCheckboxFilter.tsx"],"sourcesContent":["import { listItemSectionBuilder } from '@wix/design-system';\nimport React, { useEffect, useMemo, useState } from 'react';\nimport {\n  CollectionFilterState,\n  DropdownCollectionFilterState,\n} from '../../state';\nimport { CollectionState, FiltersMap, TextOverflowState } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport {\n  KeyedItemOption,\n  MultiSelectCheckboxFilterBase,\n  MultiSelectCheckboxFilterBaseOption,\n  MultiSelectCheckboxFilterBaseProps,\n} from '../MultiSelectCheckboxFilterBase';\nimport { ListItem, useBuildOption } from '../../hooks';\nimport { InputOverflow } from '../InputOverflow';\nimport { useFilterToolbarState } from '../../providers';\nimport { usePlaceholderStateOptions } from '../../hooks/usePlaceholderStateOptions';\nimport {\n  useCollectionFilterInitialFetchTiming,\n  CollectionFilterInitialFetchTimingProps,\n} from '../../hooks/useCollectionFilterInitialFetchTiming';\n\nexport interface MultiSelectCheckboxFilterProps<\n  V,\n  F extends FiltersMap = FiltersMap,\n> extends Omit<\n      MultiSelectCheckboxFilterBaseProps<V>,\n      'options' | 'dropdownSelect'\n    >,\n    CollectionFilterInitialFetchTimingProps {\n  /**\n   * A collection state object to fetch the dropdown items.<br>\n   * A collection created using [useFilterCollection](./?path=/story/common-hooks--usefiltercollection) or [useStaticListFilterCollection](./?path=/story/common-hooks--usestaticlistfiltercollection)\n   * @external\n   */\n  collection: CollectionState<V, F>;\n  /**\n   * A function that returns a [ListItemSelectProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form-dropdownlistitems--listitemselect) (Optional)\n   */\n  renderItem?: (item: V, index: number) => ListItem;\n}\n\nfunction _MultiSelectCheckboxFilter<V, F extends FiltersMap = FiltersMap>(\n  props: MultiSelectCheckboxFilterProps<V, F>,\n) {\n  const {\n    filter,\n    collection,\n    renderItem,\n    onSelect,\n    onClose,\n    onDeselect,\n    placeholder: placeholderProp,\n    ...rest\n  } = props;\n\n  const container = useWixPatternsContainer();\n  const toolbar = useFilterToolbarState();\n\n  const buildOption = useBuildOption<V>({\n    filter,\n    renderItem,\n    checkbox: true,\n  });\n\n  const [collectionFilter] = useState(\n    () =>\n      new CollectionFilterState({\n        collection,\n        filter,\n      }),\n  );\n\n  const [dropdownCollectionFilterState] = useState(\n    () =>\n      new DropdownCollectionFilterState<V, F>({\n        resetOnClose: false,\n        collectionFilter,\n        container,\n        toolbar,\n      }),\n  );\n\n  const { dropdownSelect, init, inputState, shouldShowPlaceholder } =\n    dropdownCollectionFilterState;\n  const { disableEditing } = inputState;\n\n  const {\n    select: { selectedKeys, selectedValues },\n    finalFilterKeyedItems,\n    finalFilterKeyedItemsMap,\n    container: { translate: t },\n  } = dropdownSelect;\n\n  const [textOverflowState] = useState(\n    () =>\n      new TextOverflowState({\n        observable: () => dropdownSelect.select.selectedValues,\n      }),\n  );\n  const { isOverflow } = textOverflowState;\n\n  const {\n    result: { keyedItems },\n    fetchedLastPage,\n    query: {\n      search: { isEmpty: isEmptySearch },\n    },\n  } = collection;\n\n  const promotedOptions: MultiSelectCheckboxFilterBaseOption<V>[] =\n    finalFilterKeyedItems.length\n      ? [\n          ...finalFilterKeyedItems.map(buildOption),\n          listItemSectionBuilder({\n            id: 'promoted-section-divider',\n            type: 'divider',\n          }),\n        ]\n      : [];\n\n  const otherOptions: KeyedItemOption<V>[] = (\n    isEmptySearch\n      ? keyedItems.filter(\n          ({ key }) => !finalFilterKeyedItemsMap.has(key) ?? true,\n        )\n      : keyedItems\n  ).map(buildOption);\n\n  const { options, fixedFooter, showInitialLoader } =\n    usePlaceholderStateOptions(\n      [...(isEmptySearch ? promotedOptions : []), ...otherOptions],\n      {\n        collection,\n      },\n    );\n\n  const selectedValuesText = useMemo(() => {\n    return selectedValues.map(({ item }) => filter.itemName(item)).join(', ');\n  }, [selectedValues]);\n\n  const { skipInitialFetch, onFocus } =\n    useCollectionFilterInitialFetchTiming(props);\n\n  useEffect(() => init({ skipInitialFetch }), []);\n\n  const placeholder = useMemo(() => {\n    if (!shouldShowPlaceholder) {\n      return '';\n    }\n\n    if (selectedValues.length !== 0) {\n      if (\n        (process.env.NODE_ENV === 'test' && selectedValuesText.length > 40) ||\n        isOverflow\n      ) {\n        return t('cairo.dropdownSearch.filters.selected', {\n          total: selectedValues.length,\n        });\n      }\n\n      return selectedValuesText;\n    }\n\n    return (\n      placeholderProp ?? t('cairo.dropdownSearch.select.filers.placeholder')\n    );\n  }, [\n    selectedValues,\n    selectedValuesText,\n    shouldShowPlaceholder,\n    isOverflow,\n    placeholderProp,\n  ]);\n\n  return (\n    <MultiSelectCheckboxFilterBase\n      {...rest}\n      fixedFooter={fixedFooter}\n      infiniteScroll\n      filter={filter}\n      dropdownSelect={dropdownSelect}\n      options={options}\n      selectedOptions={selectedKeys}\n      hasMore={!showInitialLoader && !fetchedLastPage}\n      loadMore={collection.fetchNextPageIfNeeded}\n      onClose={() => {\n        if (!dropdownSelect.hasPendingFilter) {\n          dropdownSelect.closeAndChangeSelectedItems();\n        }\n        inputState.onBlur();\n        onClose?.();\n      }}\n      onSelect={(id, option) => {\n        const { keyedItem } = option as KeyedItemOption<V>;\n        dropdownSelect.select.set(keyedItem);\n        if (dropdownSelect.hasPendingFilter) {\n          dropdownSelect.refreshIfChanged({\n            actionType: 'add',\n            clickedValueKey: keyedItem.key,\n          });\n        }\n        onSelect?.(id, option);\n      }}\n      onDeselect={(id, option) => {\n        const { keyedItem } = option as KeyedItemOption<V>;\n        dropdownSelect.select.delete(keyedItem);\n        if (dropdownSelect.hasPendingFilter) {\n          dropdownSelect.refreshIfChanged({\n            actionType: 'remove',\n            clickedValueKey: keyedItem.key,\n          });\n        }\n        onDeselect?.(id, option);\n      }}\n      value={collection.query.search.value}\n      onFocus={() => {\n        inputState.onFocus();\n        onFocus();\n      }}\n      onBlur={() => {\n        inputState.onBlur();\n      }}\n      onChange={(e) => {\n        collection.search(e.target.value, { clearResult: true });\n      }}\n      onOptionsShow={inputState.onOptionsShow}\n      onKeyDown={(e) => {\n        if (e.nativeEvent.code === 'Tab') {\n          inputState.onTabKeyDown();\n        }\n      }}\n      onClickOutside={(e) => {\n        props.onClickOutside?.(e);\n        inputState.onClickOutside();\n      }}\n      onClear={() => {\n        inputState.onBlur();\n        collection.clearSearch();\n      }}\n      disableEditing={disableEditing}\n      placeholder={placeholder}\n      clearButton={!disableEditing}\n      clearButtonTooltipContent={t('cairo.dropdownSearch.select.filers.clear')}\n      focusOnClearClick\n      inputElement={\n        <InputOverflow\n          selected={selectedValues.length > 0}\n          focused={inputState.isFocused}\n          text={selectedValuesText}\n          state={textOverflowState}\n        />\n      }\n    />\n  );\n}\n\nexport const MultiSelectCheckboxFilter = observer(_MultiSelectCheckboxFilter);\n"],"mappings":"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"}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_state","_bexCore","_react2","_mobxReactLite","_MultiSelectCheckboxFilterBase","_hooks","_InputOverflow","_providers","_usePlaceholderStateOptions","_useCollectionFilterInitialFetchTiming","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_MultiSelectCheckboxFilter","props","filter","collection","renderItem","onSelect","onClose","onDeselect","placeholder","placeholderProp","rest","container","useWixPatternsContainer","toolbar","useFilterToolbarState","buildOption","useBuildOption","checkbox","collectionFilter","useState","CollectionFilterState","dropdownCollectionFilterState","DropdownCollectionFilterState","resetOnClose","dropdownSelect","init","inputState","shouldShowPlaceholder","disableEditing","select","selectedKeys","selectedValues","finalFilterKeyedItems","finalFilterKeyedItemsMap","translate","textOverflowState","TextOverflowState","observable","isOverflow","result","keyedItems","fetchedLastPage","query","search","isEmpty","isEmptySearch","promotedOptions","length","map","listItemSectionBuilder","id","type","otherOptions","key","options","fixedFooter","showInitialLoader","usePlaceholderStateOptions","selectedValuesText","useMemo","item","itemName","join","skipInitialFetch","onFocus","useCollectionFilterInitialFetchTiming","useEffect","process","env","NODE_ENV","total","createElement","MultiSelectCheckboxFilterBase","_extends2","infiniteScroll","selectedOptions","hasMore","loadMore","fetchNextPageIfNeeded","hasPendingFilter","closeAndChangeSelectedItems","onBlur","option","keyedItem","refreshIfChanged","actionType","clickedValueKey","delete","value","onChange","target","clearResult","onOptionsShow","onKeyDown","nativeEvent","code","onTabKeyDown","onClickOutside","onClear","clearSearch","clearButton","clearButtonTooltipContent","focusOnClearClick","inputElement","InputOverflow","selected","focused","isFocused","text","state","__self","__source","fileName","lineNumber","columnNumber","MultiSelectCheckboxFilter","exports","observer"],"sources":["../../../../src/components/MultiSelectCheckboxFilter/MultiSelectCheckboxFilter.tsx"],"sourcesContent":["import { listItemSectionBuilder } from '@wix/design-system';\nimport React, { useEffect, useMemo, useState } from 'react';\nimport {\n  CollectionFilterState,\n  DropdownCollectionFilterState,\n} from '../../state';\nimport { CollectionState, FiltersMap, TextOverflowState } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport {\n  KeyedItemOption,\n  MultiSelectCheckboxFilterBase,\n  MultiSelectCheckboxFilterBaseOption,\n  MultiSelectCheckboxFilterBaseProps,\n} from '../MultiSelectCheckboxFilterBase';\nimport { ListItem, useBuildOption } from '../../hooks';\nimport { InputOverflow } from '../InputOverflow';\nimport { useFilterToolbarState } from '../../providers';\nimport { usePlaceholderStateOptions } from '../../hooks/usePlaceholderStateOptions';\nimport {\n  useCollectionFilterInitialFetchTiming,\n  CollectionFilterInitialFetchTimingProps,\n} from '../../hooks/useCollectionFilterInitialFetchTiming';\n\nexport interface MultiSelectCheckboxFilterProps<\n  V,\n  F extends FiltersMap = FiltersMap,\n> extends Omit<\n      MultiSelectCheckboxFilterBaseProps<V>,\n      'options' | 'dropdownSelect'\n    >,\n    CollectionFilterInitialFetchTimingProps {\n  /**\n   * A collection state object to fetch the dropdown items.<br>\n   * A collection created using [useFilterCollection](./?path=/story/common-hooks--usefiltercollection) or [useStaticListFilterCollection](./?path=/story/common-hooks--usestaticlistfiltercollection)\n   * @external\n   */\n  collection: CollectionState<V, F>;\n  /**\n   * A function that returns a [ListItemSelectProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form-dropdownlistitems--listitemselect) (Optional)\n   */\n  renderItem?: (item: V, index: number) => ListItem;\n}\n\nfunction _MultiSelectCheckboxFilter<V, F extends FiltersMap = FiltersMap>(\n  props: MultiSelectCheckboxFilterProps<V, F>,\n) {\n  const {\n    filter,\n    collection,\n    renderItem,\n    onSelect,\n    onClose,\n    onDeselect,\n    placeholder: placeholderProp,\n    ...rest\n  } = props;\n\n  const container = useWixPatternsContainer();\n  const toolbar = useFilterToolbarState();\n\n  const buildOption = useBuildOption<V>({\n    filter,\n    renderItem,\n    checkbox: true,\n  });\n\n  const [collectionFilter] = useState(\n    () =>\n      new CollectionFilterState({\n        collection,\n        filter,\n      }),\n  );\n\n  const [dropdownCollectionFilterState] = useState(\n    () =>\n      new DropdownCollectionFilterState<V, F>({\n        resetOnClose: false,\n        collectionFilter,\n        container,\n        toolbar,\n      }),\n  );\n\n  const { dropdownSelect, init, inputState, shouldShowPlaceholder } =\n    dropdownCollectionFilterState;\n  const { disableEditing } = inputState;\n\n  const {\n    select: { selectedKeys, selectedValues },\n    finalFilterKeyedItems,\n    finalFilterKeyedItemsMap,\n    container: { translate: t },\n  } = dropdownSelect;\n\n  const [textOverflowState] = useState(\n    () =>\n      new TextOverflowState({\n        observable: () => dropdownSelect.select.selectedValues,\n      }),\n  );\n  const { isOverflow } = textOverflowState;\n\n  const {\n    result: { keyedItems },\n    fetchedLastPage,\n    query: {\n      search: { isEmpty: isEmptySearch },\n    },\n  } = collection;\n\n  const promotedOptions: MultiSelectCheckboxFilterBaseOption<V>[] =\n    finalFilterKeyedItems.length\n      ? [\n          ...finalFilterKeyedItems.map(buildOption),\n          listItemSectionBuilder({\n            id: 'promoted-section-divider',\n            type: 'divider',\n          }),\n        ]\n      : [];\n\n  const otherOptions: KeyedItemOption<V>[] = (\n    isEmptySearch\n      ? keyedItems.filter(\n          ({ key }) => !finalFilterKeyedItemsMap.has(key) ?? true,\n        )\n      : keyedItems\n  ).map(buildOption);\n\n  const { options, fixedFooter, showInitialLoader } =\n    usePlaceholderStateOptions(\n      [...(isEmptySearch ? promotedOptions : []), ...otherOptions],\n      {\n        collection,\n      },\n    );\n\n  const selectedValuesText = useMemo(() => {\n    return selectedValues.map(({ item }) => filter.itemName(item)).join(', ');\n  }, [selectedValues]);\n\n  const { skipInitialFetch, onFocus } =\n    useCollectionFilterInitialFetchTiming(props);\n\n  useEffect(() => init({ skipInitialFetch }), []);\n\n  const placeholder = useMemo(() => {\n    if (!shouldShowPlaceholder) {\n      return '';\n    }\n\n    if (selectedValues.length !== 0) {\n      if (\n        (process.env.NODE_ENV === 'test' && selectedValuesText.length > 40) ||\n        isOverflow\n      ) {\n        return t('cairo.dropdownSearch.filters.selected', {\n          total: selectedValues.length,\n        });\n      }\n\n      return selectedValuesText;\n    }\n\n    return (\n      placeholderProp ?? t('cairo.dropdownSearch.select.filers.placeholder')\n    );\n  }, [\n    selectedValues,\n    selectedValuesText,\n    shouldShowPlaceholder,\n    isOverflow,\n    placeholderProp,\n  ]);\n\n  return (\n    <MultiSelectCheckboxFilterBase\n      {...rest}\n      fixedFooter={fixedFooter}\n      infiniteScroll\n      filter={filter}\n      dropdownSelect={dropdownSelect}\n      options={options}\n      selectedOptions={selectedKeys}\n      hasMore={!showInitialLoader && !fetchedLastPage}\n      loadMore={collection.fetchNextPageIfNeeded}\n      onClose={() => {\n        if (!dropdownSelect.hasPendingFilter) {\n          dropdownSelect.closeAndChangeSelectedItems();\n        }\n        inputState.onBlur();\n        onClose?.();\n      }}\n      onSelect={(id, option) => {\n        const { keyedItem } = option as KeyedItemOption<V>;\n        dropdownSelect.select.set(keyedItem);\n        if (dropdownSelect.hasPendingFilter) {\n          dropdownSelect.refreshIfChanged({\n            actionType: 'add',\n            clickedValueKey: keyedItem.key,\n          });\n        }\n        onSelect?.(id, option);\n      }}\n      onDeselect={(id, option) => {\n        const { keyedItem } = option as KeyedItemOption<V>;\n        dropdownSelect.select.delete(keyedItem);\n        if (dropdownSelect.hasPendingFilter) {\n          dropdownSelect.refreshIfChanged({\n            actionType: 'remove',\n            clickedValueKey: keyedItem.key,\n          });\n        }\n        onDeselect?.(id, option);\n      }}\n      value={collection.query.search.value}\n      onFocus={() => {\n        inputState.onFocus();\n        onFocus();\n      }}\n      onBlur={() => {\n        inputState.onBlur();\n      }}\n      onChange={(e) => {\n        collection.search(e.target.value, { clearResult: true });\n      }}\n      onOptionsShow={inputState.onOptionsShow}\n      onKeyDown={(e) => {\n        if (e.nativeEvent.code === 'Tab') {\n          inputState.onTabKeyDown();\n        }\n      }}\n      onClickOutside={(e) => {\n        props.onClickOutside?.(e);\n        inputState.onClickOutside();\n      }}\n      onClear={() => {\n        inputState.onBlur();\n        collection.clearSearch();\n      }}\n      disableEditing={disableEditing}\n      placeholder={placeholder}\n      clearButton={!disableEditing}\n      clearButtonTooltipContent={t('cairo.dropdownSearch.select.filers.clear')}\n      focusOnClearClick\n      inputElement={\n        <InputOverflow\n          selected={selectedValues.length > 0}\n          focused={inputState.isFocused}\n          text={selectedValuesText}\n          state={textOverflowState}\n        />\n      }\n    />\n  );\n}\n\nexport const MultiSelectCheckboxFilter = observer(_MultiSelectCheckboxFilter);\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["_MultiSelectCheckboxFilter","require","Object","keys","forEach","key","exports"],"sources":["../../../../src/components/MultiSelectCheckboxFilter/index.ts"],"sourcesContent":["export * from './MultiSelectCheckboxFilter';\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"}
+{"version":3,"names":["_MultiSelectCheckboxFilter","require","Object","keys","forEach","key","exports"],"sources":["../../../../src/components/MultiSelectCheckboxFilter/index.ts"],"sourcesContent":["export * from './MultiSelectCheckboxFilter';\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","ignoreList":[]}

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

@@ -10,7 +10,7 @@ var _mobxReactLite = require("mobx-react-lite");
 var _useWindowFlipPopoverProps = require("../../utils/useWindowFlipPopoverProps");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/MultiSelectCheckboxFilterBase/MultiSelectCheckboxFilterBase.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 _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 && {}.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 _MultiSelectCheckboxFilterBase(props) {
   const {
     filter,

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_useWindowFlipPopoverProps","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_MultiSelectCheckboxFilterBase","props","filter","dropdownSelect","options","placeholder","popoverProps","rest","select","selectedKeys","selectedValues","container","translate","windowFlipPopoverProps","useWindowFlipPopoverProps","selectedLabel","useMemo","length","total","map","item","itemName","join","createElement","MultiSelectCheckbox","_extends2","dataHook","name","border","textOverflow","value","selectedOptions","__self","__source","fileName","lineNumber","columnNumber","MultiSelectCheckboxFilterBase","exports","observer"],"sources":["../../../../src/components/MultiSelectCheckboxFilterBase/MultiSelectCheckboxFilterBase.tsx"],"sourcesContent":["import {\n  DropdownLayoutOption,\n  DropdownLayoutValueOption,\n  MultiSelectCheckbox,\n  MultiSelectCheckboxProps,\n} from '@wix/design-system';\nimport React, { useMemo } 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';\n\nexport type KeyedItemOption<T> = DropdownLayoutValueOption & {\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, selectedValues },\n    container: { translate: t },\n  } = dropdownSelect;\n\n  const windowFlipPopoverProps = useWindowFlipPopoverProps(popoverProps);\n\n  const selectedLabel = useMemo(() => {\n    if (selectedValues.length > 2) {\n      return t('cairo.selected', {\n        total: selectedValues.length,\n      });\n    }\n\n    if (selectedValues.length) {\n      return selectedValues.map(({ item }) => filter.itemName(item)).join(', ');\n    }\n\n    return '';\n  }, [selectedValues]);\n\n  return (\n    <MultiSelectCheckbox\n      dataHook={`collection-filter-${filter.name}`}\n      border=\"round\"\n      textOverflow=\"ellipsis\"\n      options={options}\n      value={selectedLabel}\n      placeholder={placeholder ?? t('cairo.selectPlaceholder')}\n      selectedOptions={selectedKeys}\n      popoverProps={windowFlipPopoverProps}\n      {...rest}\n    />\n  );\n}\n\nexport const MultiSelectCheckboxFilterBase = observer(\n  _MultiSelectCheckboxFilterBase,\n);\n"],"mappings":"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"}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_useWindowFlipPopoverProps","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_MultiSelectCheckboxFilterBase","props","filter","dropdownSelect","options","placeholder","popoverProps","rest","select","selectedKeys","selectedValues","container","translate","windowFlipPopoverProps","useWindowFlipPopoverProps","selectedLabel","useMemo","length","total","map","item","itemName","join","createElement","MultiSelectCheckbox","_extends2","dataHook","name","border","textOverflow","value","selectedOptions","__self","__source","fileName","lineNumber","columnNumber","MultiSelectCheckboxFilterBase","exports","observer"],"sources":["../../../../src/components/MultiSelectCheckboxFilterBase/MultiSelectCheckboxFilterBase.tsx"],"sourcesContent":["import {\n  DropdownLayoutOption,\n  DropdownLayoutValueOption,\n  MultiSelectCheckbox,\n  MultiSelectCheckboxProps,\n} from '@wix/design-system';\nimport React, { useMemo } 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';\n\nexport type KeyedItemOption<T> = DropdownLayoutValueOption & {\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, selectedValues },\n    container: { translate: t },\n  } = dropdownSelect;\n\n  const windowFlipPopoverProps = useWindowFlipPopoverProps(popoverProps);\n\n  const selectedLabel = useMemo(() => {\n    if (selectedValues.length > 2) {\n      return t('cairo.selected', {\n        total: selectedValues.length,\n      });\n    }\n\n    if (selectedValues.length) {\n      return selectedValues.map(({ item }) => filter.itemName(item)).join(', ');\n    }\n\n    return '';\n  }, [selectedValues]);\n\n  return (\n    <MultiSelectCheckbox\n      dataHook={`collection-filter-${filter.name}`}\n      border=\"round\"\n      textOverflow=\"ellipsis\"\n      options={options}\n      value={selectedLabel}\n      placeholder={placeholder ?? t('cairo.selectPlaceholder')}\n      selectedOptions={selectedKeys}\n      popoverProps={windowFlipPopoverProps}\n      {...rest}\n    />\n  );\n}\n\nexport const MultiSelectCheckboxFilterBase = observer(\n  _MultiSelectCheckboxFilterBase,\n);\n"],"mappings":"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","ignoreList":[]}

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

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