@wix/patterns 1.494.0 → 1.496.0

package/dist/cjs/components/FiltersPanel/FilterRevealAnchor.js

@@ -0,0 +1,51 @@
+"use strict";
+
+exports.__esModule = true;
+exports.FilterRevealAnchor = FilterRevealAnchor;
+var _react = _interopRequireWildcard(require("react"));
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/FiltersPanel/FilterRevealAnchor.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function FilterRevealAnchor({
+  request,
+  scrollContainerRef,
+  open,
+  children
+}) {
+  const ref = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    const title = ref.current;
+    const list = scrollContainerRef.current;
+    if (!title || !list) {
+      return;
+    }
+    const reveal = () => {
+      list.scrollTop += title.getBoundingClientRect().top - list.getBoundingClientRect().top;
+    };
+    title.focus({
+      preventScroll: true
+    });
+    reveal();
+    // Expansion can initially clamp scrollTop for a section near the list's end.
+    const onTransitionEnd = event => {
+      var _event$target$parentE;
+      if (event.propertyName === 'height' && event.target instanceof HTMLElement && (_event$target$parentE = event.target.parentElement) != null && _event$target$parentE.contains(title)) {
+        reveal();
+      }
+    };
+    list.addEventListener('transitionend', onTransitionEnd);
+    return () => list.removeEventListener('transitionend', onTransitionEnd);
+  }, [request, open]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: ref,
+    tabIndex: -1,
+    role: "heading",
+    "aria-level": 3,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 45,
+      columnNumber: 5
+    }
+  }, children);
+}
+//# sourceMappingURL=FilterRevealAnchor.js.map

package/dist/cjs/components/FiltersPanel/FilterRevealAnchor.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FilterRevealAnchor","request","scrollContainerRef","open","children","ref","useRef","useEffect","title","current","list","reveal","scrollTop","getBoundingClientRect","top","focus","preventScroll","onTransitionEnd","event","_event$target$parentE","propertyName","target","HTMLElement","parentElement","contains","addEventListener","removeEventListener","createElement","tabIndex","role","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/FiltersPanel/FilterRevealAnchor.tsx"],"sourcesContent":["import React, { ReactNode, RefObject, useEffect, useRef } from 'react';\n\ninterface FilterRevealAnchorProps {\n  request: { sectionKey: string };\n  scrollContainerRef: RefObject<HTMLDivElement>;\n  open: boolean;\n  children: ReactNode;\n}\n\nexport function FilterRevealAnchor({\n  request,\n  scrollContainerRef,\n  open,\n  children,\n}: FilterRevealAnchorProps) {\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const title = ref.current;\n    const list = scrollContainerRef.current;\n    if (!title || !list) {\n      return;\n    }\n    const reveal = () => {\n      list.scrollTop +=\n        title.getBoundingClientRect().top - list.getBoundingClientRect().top;\n    };\n    title.focus({ preventScroll: true });\n    reveal();\n    // Expansion can initially clamp scrollTop for a section near the list's end.\n    const onTransitionEnd = (event: TransitionEvent) => {\n      if (\n        event.propertyName === 'height' &&\n        event.target instanceof HTMLElement &&\n        event.target.parentElement?.contains(title)\n      ) {\n        reveal();\n      }\n    };\n    list.addEventListener('transitionend', onTransitionEnd);\n    return () => list.removeEventListener('transitionend', onTransitionEnd);\n  }, [request, open]);\n\n  return (\n    <div ref={ref} tabIndex={-1} role=\"heading\" aria-level={3}>\n      {children}\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/FiltersPanel/FiltersPanel.js

@@ -10,7 +10,6 @@ var _mobxReactLite = require("mobx-react-lite");
 var _useBuildAccordionItems = require("../../hooks/useBuildAccordionItems");
 var _FiltersPanelFooter = require("./FiltersPanelFooter");
 var _FilterRenderingContext = require("../FilterRenderingContext");
-var _FiltersPanelState = require("./FiltersPanelState");
 var _FiltersPanelSearch = require("./FiltersPanelSearch");
 var _FiltersPanelSearchNoResults = require("./FiltersPanelSearchNoResults");
 var _react2 = require("@wix/bex-core/react");
@@ -37,9 +36,7 @@ function _FiltersPanel(props) {
   const {
     translate: t
   } = (0, _react2.useWixPatternsContainer)();
-  const [filtersPanelState] = (0, _react.useState)(() => new _FiltersPanelState.FiltersPanelState({
-    toolbar
-  }));
+  const filtersPanelState = state.panel;
   const showSearch = state.panelFilterElements.length > FILTER_SEARCH_THRESHOLD;
   const accordionItems = (0, _useBuildAccordionItems.useBuildAccordionItems)(state, showSearch ? filtersPanelState.searchValue : '');
   const hasActiveSearch = showSearch && filtersPanelState.searchValue.trim().length > 0;
@@ -70,7 +67,7 @@ function _FiltersPanel(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 83,
+      lineNumber: 77,
       columnNumber: 5
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.SidePanel.Header, {
@@ -80,7 +77,7 @@ function _FiltersPanel(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 92,
+      lineNumber: 86,
       columnNumber: 7
     }
   }, showSearch && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -88,7 +85,7 @@ function _FiltersPanel(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 103,
+      lineNumber: 97,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_FiltersPanelSearch.FiltersPanelSearch, {
@@ -96,16 +93,17 @@ function _FiltersPanel(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 104,
+      lineNumber: 98,
       columnNumber: 13
     }
   }))), /*#__PURE__*/_react.default.createElement(_ScrollableContent.ScrollableContent, {
+    ref: filtersPanelState.scrollContainerRef,
     dataHook: "filters-panel-scroll-container",
     overflowY: true,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 109,
+      lineNumber: 103,
       columnNumber: 7
     }
   }, noResults ? /*#__PURE__*/_react.default.createElement(_FiltersPanelSearchNoResults.FiltersPanelSearchNoResults, {
@@ -113,7 +111,7 @@ function _FiltersPanel(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 111,
+      lineNumber: 109,
       columnNumber: 11
     }
   }) : /*#__PURE__*/_react.default.createElement(_designSystem.Accordion, {
@@ -127,7 +125,7 @@ function _FiltersPanel(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 113,
+      lineNumber: 111,
       columnNumber: 11
     }
   })), /*#__PURE__*/_react.default.createElement(_designSystem.SidePanel.Footer, {
@@ -135,7 +133,7 @@ function _FiltersPanel(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 124,
+      lineNumber: 122,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_FiltersPanelFooter.FiltersPanelFooter, {
@@ -144,7 +142,7 @@ function _FiltersPanel(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 125,
+      lineNumber: 123,
       columnNumber: 9
     }
   })), children);
@@ -153,7 +151,7 @@ function _FiltersPanel(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 135,
+      lineNumber: 133,
       columnNumber: 5
     }
   }, child);
@@ -162,7 +160,7 @@ function _FiltersPanel(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 141,
+      lineNumber: 139,
       columnNumber: 5
     }
   }, child);

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_useBuildAccordionItems","_FiltersPanelFooter","_FilterRenderingContext","_FiltersPanelState","_FiltersPanelSearch","_FiltersPanelSearchNoResults","_react2","_useRafRender","_PatternsSidePanel","_ScrollableContent","_useBmHarmonyTheme","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FILTER_SEARCH_THRESHOLD","_FiltersPanel","props","state","children","rest","toolbar","totalInlineFilters","value","entered","useRafRender","translate","useWixPatternsContainer","filtersPanelState","useState","FiltersPanelState","showSearch","panelFilterElements","length","accordionItems","useBuildAccordionItems","searchValue","hasActiveSearch","trim","noResults","filterRenderingContext","location","isBmHarmonyTheme","useBmHarmonyTheme","wsrDefaults","input","size","button","child","createElement","PatternsSidePanel","_extends2","dataHook","onClose","onCloseButtonClick","width","closeButtonProps","ariaLabel","__self","__source","fileName","lineNumber","columnNumber","SidePanel","Header","title","panelTitle","num","undefined","Box","padding","FiltersPanelSearch","ScrollableContent","overflowY","FiltersPanelSearchNoResults","Accordion","skin","hideShadow","multiple","horizontalPadding","items","Footer","noPadding","FiltersPanelFooter","onClearButtonClicked","FilterRenderingContextProvider","WixStyleReactDefaultsOverrideProvider","FiltersPanel","exports","observer"],"sources":["../../../../src/components/FiltersPanel/FiltersPanel.tsx"],"sourcesContent":["import {\n  Accordion,\n  Box,\n  SidePanel,\n  SidePanelProps,\n  WixStyleReactDefaultsOverrideProvider,\n} from '@wix/design-system';\nimport React, { useState } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { useBuildAccordionItems } from '../../hooks/useBuildAccordionItems';\nimport { FiltersPanelFooter } from './FiltersPanelFooter';\nimport { FilterRenderingContextProvider } from '../FilterRenderingContext';\nimport { FiltersPanelState } from './FiltersPanelState';\nimport { FiltersPanelSearch } from './FiltersPanelSearch';\nimport { FiltersPanelSearchNoResults } from './FiltersPanelSearchNoResults';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useRafRender } from '../../hooks/useRafRender';\nimport { CollectionToolbarFiltersState } from '../CollectionToolbarFilters/CollectionToolbarFiltersState';\nimport { PatternsSidePanel } from '../SidePanel/PatternsSidePanel';\nimport { ScrollableContent } from '../ScrollableContent';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nconst FILTER_SEARCH_THRESHOLD = 7;\n\nexport interface FiltersPanelProps<T, F extends FiltersMap>\n  extends Partial<SidePanelProps> {\n  state: CollectionToolbarFiltersState<T, F>;\n}\n\nfunction _FiltersPanel<T, F extends FiltersMap>(\n  props: FiltersPanelProps<T, F>,\n) {\n  const { state, children, ...rest } = props;\n\n  const {\n    toolbar,\n    totalInlineFilters: { value: totalInlineFilters },\n  } = state;\n\n  const entered = useRafRender();\n\n  const { translate: t } = useWixPatternsContainer();\n\n  const [filtersPanelState] = useState(\n    () =>\n      new FiltersPanelState({\n        toolbar,\n      }),\n  );\n\n  const showSearch = state.panelFilterElements.length > FILTER_SEARCH_THRESHOLD;\n\n  const accordionItems = useBuildAccordionItems(\n    state,\n    showSearch ? filtersPanelState.searchValue : '',\n  );\n\n  const hasActiveSearch =\n    showSearch && filtersPanelState.searchValue.trim().length > 0;\n  const noResults = hasActiveSearch && accordionItems.length === 0;\n\n  const [filterRenderingContext] = useState(() => ({\n    location: 'panel' as const,\n  }));\n\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n\n  const [wsrDefaults] = useState(() => ({\n    input: {\n      size: 'small' as const,\n    },\n    button: {\n      size: 'small' as const,\n    },\n  }));\n\n  if (!entered) {\n    return null;\n  }\n\n  let child = (\n    <PatternsSidePanel\n      dataHook=\"filters-side-panel\"\n      onClose={filtersPanelState.onCloseButtonClick}\n      width=\"100%\"\n      closeButtonProps={{\n        ariaLabel: t('cairo.filtersPanel.header.closeButton.ariaLabel'),\n      }}\n      {...rest}\n    >\n      <SidePanel.Header\n        title={\n          state.panelTitle.value ??\n          (totalInlineFilters != null\n            ? t('cairo.filtersPanel.header', {\n                num: totalInlineFilters,\n              })\n            : undefined)\n        }\n      >\n        {showSearch && (\n          <Box padding={isBmHarmonyTheme ? '0 SP4 SP2 SP4' : '0 SP2 SP2 SP2'}>\n            <FiltersPanelSearch state={filtersPanelState} />\n          </Box>\n        )}\n      </SidePanel.Header>\n\n      <ScrollableContent dataHook=\"filters-panel-scroll-container\" overflowY>\n        {noResults ? (\n          <FiltersPanelSearchNoResults state={filtersPanelState} />\n        ) : (\n          <Accordion\n            dataHook=\"filters-panel-accordion\"\n            skin=\"light\"\n            hideShadow\n            multiple\n            size={isBmHarmonyTheme ? 'tiny' : undefined}\n            horizontalPadding={isBmHarmonyTheme ? 'small' : undefined}\n            items={accordionItems}\n          />\n        )}\n      </ScrollableContent>\n      <SidePanel.Footer noPadding>\n        <FiltersPanelFooter\n          state={toolbar}\n          onClearButtonClicked={state.onClearButtonClicked}\n        />\n      </SidePanel.Footer>\n      {children}\n    </PatternsSidePanel>\n  );\n\n  child = (\n    <FilterRenderingContextProvider value={filterRenderingContext}>\n      {child}\n    </FilterRenderingContextProvider>\n  );\n\n  child = (\n    <WixStyleReactDefaultsOverrideProvider value={wsrDefaults}>\n      {child}\n    </WixStyleReactDefaultsOverrideProvider>\n  );\n\n  return child;\n}\n\nexport const FiltersPanel = observer(_FiltersPanel);\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAOA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAEA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,uBAAA,GAAAJ,OAAA;AACA,IAAAK,mBAAA,GAAAL,OAAA;AACA,IAAAM,uBAAA,GAAAN,OAAA;AACA,IAAAO,kBAAA,GAAAP,OAAA;AACA,IAAAQ,mBAAA,GAAAR,OAAA;AACA,IAAAS,4BAAA,GAAAT,OAAA;AACA,IAAAU,OAAA,GAAAV,OAAA;AACA,IAAAW,aAAA,GAAAX,OAAA;AAEA,IAAAY,kBAAA,GAAAZ,OAAA;AACA,IAAAa,kBAAA,GAAAb,OAAA;AACA,IAAAc,kBAAA,GAAAd,OAAA;AAAkE,IAAAe,YAAA;AAAA,SAAAb,wBAAAc,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAhB,uBAAA,YAAAA,CAAAc,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAElE,MAAMkB,uBAAuB,GAAG,CAAC;AAOjC,SAASC,aAAaA,CACpBC,KAA8B,EAC9B;EACA,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAE,GAAGC;EAAK,CAAC,GAAGH,KAAK;EAE1C,MAAM;IACJI,OAAO;IACPC,kBAAkB,EAAE;MAAEC,KAAK,EAAED;IAAmB;EAClD,CAAC,GAAGJ,KAAK;EAET,MAAMM,OAAO,GAAG,IAAAC,0BAAY,EAAC,CAAC;EAE9B,MAAM;IAAEC,SAAS,EAAE7B;EAAE,CAAC,GAAG,IAAA8B,+BAAuB,EAAC,CAAC;EAElD,MAAM,CAACC,iBAAiB,CAAC,GAAG,IAAAC,eAAQ,EAClC,MACE,IAAIC,oCAAiB,CAAC;IACpBT;EACF,CAAC,CACL,CAAC;EAED,MAAMU,UAAU,GAAGb,KAAK,CAACc,mBAAmB,CAACC,MAAM,GAAGlB,uBAAuB;EAE7E,MAAMmB,cAAc,GAAG,IAAAC,8CAAsB,EAC3CjB,KAAK,EACLa,UAAU,GAAGH,iBAAiB,CAACQ,WAAW,GAAG,EAC/C,CAAC;EAED,MAAMC,eAAe,GACnBN,UAAU,IAAIH,iBAAiB,CAACQ,WAAW,CAACE,IAAI,CAAC,CAAC,CAACL,MAAM,GAAG,CAAC;EAC/D,MAAMM,SAAS,GAAGF,eAAe,IAAIH,cAAc,CAACD,MAAM,KAAK,CAAC;EAEhE,MAAM,CAACO,sBAAsB,CAAC,GAAG,IAAAX,eAAQ,EAAC,OAAO;IAC/CY,QAAQ,EAAE;EACZ,CAAC,CAAC,CAAC;EAEH,MAAMC,gBAAgB,GAAG,IAAAC,oCAAiB,EAAC,CAAC;EAE5C,MAAM,CAACC,WAAW,CAAC,GAAG,IAAAf,eAAQ,EAAC,OAAO;IACpCgB,KAAK,EAAE;MACLC,IAAI,EAAE;IACR,CAAC;IACDC,MAAM,EAAE;MACND,IAAI,EAAE;IACR;EACF,CAAC,CAAC,CAAC;EAEH,IAAI,CAACtB,OAAO,EAAE;IACZ,OAAO,IAAI;EACb;EAEA,IAAIwB,KAAK,gBACPnE,MAAA,CAAAyB,OAAA,CAAA2C,aAAA,CAACzD,kBAAA,CAAA0D,iBAAiB,MAAAC,SAAA,CAAA7C,OAAA;IAChB8C,QAAQ,EAAC,oBAAoB;IAC7BC,OAAO,EAAEzB,iBAAiB,CAAC0B,kBAAmB;IAC9CC,KAAK,EAAC,MAAM;IACZC,gBAAgB,EAAE;MAChBC,SAAS,EAAE5D,CAAC,CAAC,iDAAiD;IAChE;EAAE,GACEuB,IAAI;IAAAsC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjE,YAAA;MAAAkE,UAAA;MAAAC,YAAA;IAAA;EAAA,iBAERjF,MAAA,CAAAyB,OAAA,CAAA2C,aAAA,CAACtE,aAAA,CAAAoF,SAAS,CAACC,MAAM;IACfC,KAAK,EACH/C,KAAK,CAACgD,UAAU,CAAC3C,KAAK,KACrBD,kBAAkB,IAAI,IAAI,GACvBzB,CAAC,CAAC,2BAA2B,EAAE;MAC7BsE,GAAG,EAAE7C;IACP,CAAC,CAAC,GACF8C,SAAS,CACd;IAAAV,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjE,YAAA;MAAAkE,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEA/B,UAAU,iBACTlD,MAAA,CAAAyB,OAAA,CAAA2C,aAAA,CAACtE,aAAA,CAAA0F,GAAG;IAACC,OAAO,EAAE5B,gBAAgB,GAAG,eAAe,GAAG,eAAgB;IAAAgB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjE,YAAA;MAAAkE,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACjEjF,MAAA,CAAAyB,OAAA,CAAA2C,aAAA,CAAC7D,mBAAA,CAAAmF,kBAAkB;IAACrD,KAAK,EAAEU,iBAAkB;IAAA8B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjE,YAAA;MAAAkE,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC5C,CAES,CAAC,eAEnBjF,MAAA,CAAAyB,OAAA,CAAA2C,aAAA,CAACxD,kBAAA,CAAA+E,iBAAiB;IAACpB,QAAQ,EAAC,gCAAgC;IAACqB,SAAS;IAAAf,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjE,YAAA;MAAAkE,UAAA;MAAAC,YAAA;IAAA;EAAA,GACnEvB,SAAS,gBACR1D,MAAA,CAAAyB,OAAA,CAAA2C,aAAA,CAAC5D,4BAAA,CAAAqF,2BAA2B;IAACxD,KAAK,EAAEU,iBAAkB;IAAA8B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjE,YAAA;MAAAkE,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,gBAEzDjF,MAAA,CAAAyB,OAAA,CAAA2C,aAAA,CAACtE,aAAA,CAAAgG,SAAS;IACRvB,QAAQ,EAAC,yBAAyB;IAClCwB,IAAI,EAAC,OAAO;IACZC,UAAU;IACVC,QAAQ;IACRhC,IAAI,EAAEJ,gBAAgB,GAAG,MAAM,GAAG0B,SAAU;IAC5CW,iBAAiB,EAAErC,gBAAgB,GAAG,OAAO,GAAG0B,SAAU;IAC1DY,KAAK,EAAE9C,cAAe;IAAAwB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjE,YAAA;MAAAkE,UAAA;MAAAC,YAAA;IAAA;EAAA,CACvB,CAEc,CAAC,eACpBjF,MAAA,CAAAyB,OAAA,CAAA2C,aAAA,CAACtE,aAAA,CAAAoF,SAAS,CAACkB,MAAM;IAACC,SAAS;IAAAxB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjE,YAAA;MAAAkE,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACzBjF,MAAA,CAAAyB,OAAA,CAAA2C,aAAA,CAAChE,mBAAA,CAAAkG,kBAAkB;IACjBjE,KAAK,EAAEG,OAAQ;IACf+D,oBAAoB,EAAElE,KAAK,CAACkE,oBAAqB;IAAA1B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjE,YAAA;MAAAkE,UAAA;MAAAC,YAAA;IAAA;EAAA,CAClD,CACe,CAAC,EAClB3C,QACgB,CACpB;EAED6B,KAAK,gBACHnE,MAAA,CAAAyB,OAAA,CAAA2C,aAAA,CAAC/D,uBAAA,CAAAmG,8BAA8B;IAAC9D,KAAK,EAAEiB,sBAAuB;IAAAkB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjE,YAAA;MAAAkE,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC3Dd,KAC6B,CACjC;EAEDA,KAAK,gBACHnE,MAAA,CAAAyB,OAAA,CAAA2C,aAAA,CAACtE,aAAA,CAAA2G,qCAAqC;IAAC/D,KAAK,EAAEqB,WAAY;IAAAc,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjE,YAAA;MAAAkE,UAAA;MAAAC,YAAA;IAAA;EAAA,GACvDd,KACoC,CACxC;EAED,OAAOA,KAAK;AACd;AAEO,MAAMuC,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,IAAAE,uBAAQ,EAACzE,aAAa,CAAC","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_useBuildAccordionItems","_FiltersPanelFooter","_FilterRenderingContext","_FiltersPanelSearch","_FiltersPanelSearchNoResults","_react2","_useRafRender","_PatternsSidePanel","_ScrollableContent","_useBmHarmonyTheme","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FILTER_SEARCH_THRESHOLD","_FiltersPanel","props","state","children","rest","toolbar","totalInlineFilters","value","entered","useRafRender","translate","useWixPatternsContainer","filtersPanelState","panel","showSearch","panelFilterElements","length","accordionItems","useBuildAccordionItems","searchValue","hasActiveSearch","trim","noResults","filterRenderingContext","useState","location","isBmHarmonyTheme","useBmHarmonyTheme","wsrDefaults","input","size","button","child","createElement","PatternsSidePanel","_extends2","dataHook","onClose","onCloseButtonClick","width","closeButtonProps","ariaLabel","__self","__source","fileName","lineNumber","columnNumber","SidePanel","Header","title","panelTitle","num","undefined","Box","padding","FiltersPanelSearch","ScrollableContent","ref","scrollContainerRef","overflowY","FiltersPanelSearchNoResults","Accordion","skin","hideShadow","multiple","horizontalPadding","items","Footer","noPadding","FiltersPanelFooter","onClearButtonClicked","FilterRenderingContextProvider","WixStyleReactDefaultsOverrideProvider","FiltersPanel","exports","observer"],"sources":["../../../../src/components/FiltersPanel/FiltersPanel.tsx"],"sourcesContent":["import {\n  Accordion,\n  Box,\n  SidePanel,\n  SidePanelProps,\n  WixStyleReactDefaultsOverrideProvider,\n} from '@wix/design-system';\nimport React, { useState } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { useBuildAccordionItems } from '../../hooks/useBuildAccordionItems';\nimport { FiltersPanelFooter } from './FiltersPanelFooter';\nimport { FilterRenderingContextProvider } from '../FilterRenderingContext';\nimport { FiltersPanelSearch } from './FiltersPanelSearch';\nimport { FiltersPanelSearchNoResults } from './FiltersPanelSearchNoResults';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useRafRender } from '../../hooks/useRafRender';\nimport { CollectionToolbarFiltersState } from '../CollectionToolbarFilters/CollectionToolbarFiltersState';\nimport { PatternsSidePanel } from '../SidePanel/PatternsSidePanel';\nimport { ScrollableContent } from '../ScrollableContent';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nconst FILTER_SEARCH_THRESHOLD = 7;\n\nexport interface FiltersPanelProps<T, F extends FiltersMap>\n  extends Partial<SidePanelProps> {\n  state: CollectionToolbarFiltersState<T, F>;\n}\n\nfunction _FiltersPanel<T, F extends FiltersMap>(\n  props: FiltersPanelProps<T, F>,\n) {\n  const { state, children, ...rest } = props;\n\n  const {\n    toolbar,\n    totalInlineFilters: { value: totalInlineFilters },\n  } = state;\n\n  const entered = useRafRender();\n\n  const { translate: t } = useWixPatternsContainer();\n\n  const filtersPanelState = state.panel;\n\n  const showSearch = state.panelFilterElements.length > FILTER_SEARCH_THRESHOLD;\n\n  const accordionItems = useBuildAccordionItems(\n    state,\n    showSearch ? filtersPanelState.searchValue : '',\n  );\n\n  const hasActiveSearch =\n    showSearch && filtersPanelState.searchValue.trim().length > 0;\n  const noResults = hasActiveSearch && accordionItems.length === 0;\n\n  const [filterRenderingContext] = useState(() => ({\n    location: 'panel' as const,\n  }));\n\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n\n  const [wsrDefaults] = useState(() => ({\n    input: {\n      size: 'small' as const,\n    },\n    button: {\n      size: 'small' as const,\n    },\n  }));\n\n  if (!entered) {\n    return null;\n  }\n\n  let child = (\n    <PatternsSidePanel\n      dataHook=\"filters-side-panel\"\n      onClose={filtersPanelState.onCloseButtonClick}\n      width=\"100%\"\n      closeButtonProps={{\n        ariaLabel: t('cairo.filtersPanel.header.closeButton.ariaLabel'),\n      }}\n      {...rest}\n    >\n      <SidePanel.Header\n        title={\n          state.panelTitle.value ??\n          (totalInlineFilters != null\n            ? t('cairo.filtersPanel.header', {\n                num: totalInlineFilters,\n              })\n            : undefined)\n        }\n      >\n        {showSearch && (\n          <Box padding={isBmHarmonyTheme ? '0 SP4 SP2 SP4' : '0 SP2 SP2 SP2'}>\n            <FiltersPanelSearch state={filtersPanelState} />\n          </Box>\n        )}\n      </SidePanel.Header>\n\n      <ScrollableContent\n        ref={filtersPanelState.scrollContainerRef}\n        dataHook=\"filters-panel-scroll-container\"\n        overflowY\n      >\n        {noResults ? (\n          <FiltersPanelSearchNoResults state={filtersPanelState} />\n        ) : (\n          <Accordion\n            dataHook=\"filters-panel-accordion\"\n            skin=\"light\"\n            hideShadow\n            multiple\n            size={isBmHarmonyTheme ? 'tiny' : undefined}\n            horizontalPadding={isBmHarmonyTheme ? 'small' : undefined}\n            items={accordionItems}\n          />\n        )}\n      </ScrollableContent>\n      <SidePanel.Footer noPadding>\n        <FiltersPanelFooter\n          state={toolbar}\n          onClearButtonClicked={state.onClearButtonClicked}\n        />\n      </SidePanel.Footer>\n      {children}\n    </PatternsSidePanel>\n  );\n\n  child = (\n    <FilterRenderingContextProvider value={filterRenderingContext}>\n      {child}\n    </FilterRenderingContextProvider>\n  );\n\n  child = (\n    <WixStyleReactDefaultsOverrideProvider value={wsrDefaults}>\n      {child}\n    </WixStyleReactDefaultsOverrideProvider>\n  );\n\n  return child;\n}\n\nexport const FiltersPanel = observer(_FiltersPanel);\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAOA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAEA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,uBAAA,GAAAJ,OAAA;AACA,IAAAK,mBAAA,GAAAL,OAAA;AACA,IAAAM,uBAAA,GAAAN,OAAA;AACA,IAAAO,mBAAA,GAAAP,OAAA;AACA,IAAAQ,4BAAA,GAAAR,OAAA;AACA,IAAAS,OAAA,GAAAT,OAAA;AACA,IAAAU,aAAA,GAAAV,OAAA;AAEA,IAAAW,kBAAA,GAAAX,OAAA;AACA,IAAAY,kBAAA,GAAAZ,OAAA;AACA,IAAAa,kBAAA,GAAAb,OAAA;AAAkE,IAAAc,YAAA;AAAA,SAAAZ,wBAAAa,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAf,uBAAA,YAAAA,CAAAa,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAElE,MAAMkB,uBAAuB,GAAG,CAAC;AAOjC,SAASC,aAAaA,CACpBC,KAA8B,EAC9B;EACA,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAE,GAAGC;EAAK,CAAC,GAAGH,KAAK;EAE1C,MAAM;IACJI,OAAO;IACPC,kBAAkB,EAAE;MAAEC,KAAK,EAAED;IAAmB;EAClD,CAAC,GAAGJ,KAAK;EAET,MAAMM,OAAO,GAAG,IAAAC,0BAAY,EAAC,CAAC;EAE9B,MAAM;IAAEC,SAAS,EAAE7B;EAAE,CAAC,GAAG,IAAA8B,+BAAuB,EAAC,CAAC;EAElD,MAAMC,iBAAiB,GAAGV,KAAK,CAACW,KAAK;EAErC,MAAMC,UAAU,GAAGZ,KAAK,CAACa,mBAAmB,CAACC,MAAM,GAAGjB,uBAAuB;EAE7E,MAAMkB,cAAc,GAAG,IAAAC,8CAAsB,EAC3ChB,KAAK,EACLY,UAAU,GAAGF,iBAAiB,CAACO,WAAW,GAAG,EAC/C,CAAC;EAED,MAAMC,eAAe,GACnBN,UAAU,IAAIF,iBAAiB,CAACO,WAAW,CAACE,IAAI,CAAC,CAAC,CAACL,MAAM,GAAG,CAAC;EAC/D,MAAMM,SAAS,GAAGF,eAAe,IAAIH,cAAc,CAACD,MAAM,KAAK,CAAC;EAEhE,MAAM,CAACO,sBAAsB,CAAC,GAAG,IAAAC,eAAQ,EAAC,OAAO;IAC/CC,QAAQ,EAAE;EACZ,CAAC,CAAC,CAAC;EAEH,MAAMC,gBAAgB,GAAG,IAAAC,oCAAiB,EAAC,CAAC;EAE5C,MAAM,CAACC,WAAW,CAAC,GAAG,IAAAJ,eAAQ,EAAC,OAAO;IACpCK,KAAK,EAAE;MACLC,IAAI,EAAE;IACR,CAAC;IACDC,MAAM,EAAE;MACND,IAAI,EAAE;IACR;EACF,CAAC,CAAC,CAAC;EAEH,IAAI,CAACtB,OAAO,EAAE;IACZ,OAAO,IAAI;EACb;EAEA,IAAIwB,KAAK,gBACPlE,MAAA,CAAAwB,OAAA,CAAA2C,aAAA,CAACzD,kBAAA,CAAA0D,iBAAiB,MAAAC,SAAA,CAAA7C,OAAA;IAChB8C,QAAQ,EAAC,oBAAoB;IAC7BC,OAAO,EAAEzB,iBAAiB,CAAC0B,kBAAmB;IAC9CC,KAAK,EAAC,MAAM;IACZC,gBAAgB,EAAE;MAChBC,SAAS,EAAE5D,CAAC,CAAC,iDAAiD;IAChE;EAAE,GACEuB,IAAI;IAAAsC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjE,YAAA;MAAAkE,UAAA;MAAAC,YAAA;IAAA;EAAA,iBAERhF,MAAA,CAAAwB,OAAA,CAAA2C,aAAA,CAACrE,aAAA,CAAAmF,SAAS,CAACC,MAAM;IACfC,KAAK,EACH/C,KAAK,CAACgD,UAAU,CAAC3C,KAAK,KACrBD,kBAAkB,IAAI,IAAI,GACvBzB,CAAC,CAAC,2BAA2B,EAAE;MAC7BsE,GAAG,EAAE7C;IACP,CAAC,CAAC,GACF8C,SAAS,CACd;IAAAV,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjE,YAAA;MAAAkE,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEAhC,UAAU,iBACThD,MAAA,CAAAwB,OAAA,CAAA2C,aAAA,CAACrE,aAAA,CAAAyF,GAAG;IAACC,OAAO,EAAE5B,gBAAgB,GAAG,eAAe,GAAG,eAAgB;IAAAgB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjE,YAAA;MAAAkE,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACjEhF,MAAA,CAAAwB,OAAA,CAAA2C,aAAA,CAAC7D,mBAAA,CAAAmF,kBAAkB;IAACrD,KAAK,EAAEU,iBAAkB;IAAA8B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjE,YAAA;MAAAkE,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC5C,CAES,CAAC,eAEnBhF,MAAA,CAAAwB,OAAA,CAAA2C,aAAA,CAACxD,kBAAA,CAAA+E,iBAAiB;IAChBC,GAAG,EAAE7C,iBAAiB,CAAC8C,kBAAmB;IAC1CtB,QAAQ,EAAC,gCAAgC;IACzCuB,SAAS;IAAAjB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjE,YAAA;MAAAkE,UAAA;MAAAC,YAAA;IAAA;EAAA,GAERxB,SAAS,gBACRxD,MAAA,CAAAwB,OAAA,CAAA2C,aAAA,CAAC5D,4BAAA,CAAAuF,2BAA2B;IAAC1D,KAAK,EAAEU,iBAAkB;IAAA8B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjE,YAAA;MAAAkE,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,gBAEzDhF,MAAA,CAAAwB,OAAA,CAAA2C,aAAA,CAACrE,aAAA,CAAAiG,SAAS;IACRzB,QAAQ,EAAC,yBAAyB;IAClC0B,IAAI,EAAC,OAAO;IACZC,UAAU;IACVC,QAAQ;IACRlC,IAAI,EAAEJ,gBAAgB,GAAG,MAAM,GAAG0B,SAAU;IAC5Ca,iBAAiB,EAAEvC,gBAAgB,GAAG,OAAO,GAAG0B,SAAU;IAC1Dc,KAAK,EAAEjD,cAAe;IAAAyB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjE,YAAA;MAAAkE,UAAA;MAAAC,YAAA;IAAA;EAAA,CACvB,CAEc,CAAC,eACpBhF,MAAA,CAAAwB,OAAA,CAAA2C,aAAA,CAACrE,aAAA,CAAAmF,SAAS,CAACoB,MAAM;IAACC,SAAS;IAAA1B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjE,YAAA;MAAAkE,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACzBhF,MAAA,CAAAwB,OAAA,CAAA2C,aAAA,CAAC/D,mBAAA,CAAAmG,kBAAkB;IACjBnE,KAAK,EAAEG,OAAQ;IACfiE,oBAAoB,EAAEpE,KAAK,CAACoE,oBAAqB;IAAA5B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjE,YAAA;MAAAkE,UAAA;MAAAC,YAAA;IAAA;EAAA,CAClD,CACe,CAAC,EAClB3C,QACgB,CACpB;EAED6B,KAAK,gBACHlE,MAAA,CAAAwB,OAAA,CAAA2C,aAAA,CAAC9D,uBAAA,CAAAoG,8BAA8B;IAAChE,KAAK,EAAEgB,sBAAuB;IAAAmB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjE,YAAA;MAAAkE,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC3Dd,KAC6B,CACjC;EAEDA,KAAK,gBACHlE,MAAA,CAAAwB,OAAA,CAAA2C,aAAA,CAACrE,aAAA,CAAA4G,qCAAqC;IAACjE,KAAK,EAAEqB,WAAY;IAAAc,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjE,YAAA;MAAAkE,UAAA;MAAAC,YAAA;IAAA;EAAA,GACvDd,KACoC,CACxC;EAED,OAAOA,KAAK;AACd;AAEO,MAAMyC,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,IAAAE,uBAAQ,EAAC3E,aAAa,CAAC","ignoreList":[]}

package/dist/cjs/components/FiltersPanel/FiltersPanelState.js

@@ -6,11 +6,15 @@ exports.FiltersPanelState = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _bexCore = require("@wix/bex-core");
 var _bi = require("@wix/bex-core/bi");
+var _react = require("react");
 var _mobx = require("mobx");
 class FiltersPanelState {
   constructor(params) {
     (0, _defineProperty2.default)(this, "toolbar", void 0);
     (0, _defineProperty2.default)(this, "searchValue", '');
+    (0, _defineProperty2.default)(this, "scrollContainerRef", /*#__PURE__*/(0, _react.createRef)());
+    (0, _defineProperty2.default)(this, "openSections", _mobx.observable.map());
+    (0, _defineProperty2.default)(this, "revealRequest", undefined);
     (0, _defineProperty2.default)(this, "onCloseButtonClick", (0, _mobx.action)(async () => {
       const {
         reportBi,
@@ -22,6 +26,7 @@ class FiltersPanelState {
         return;
       }
       this.clearSearch();
+      this.cancelReveal();
       panels.closeSidePanel();
       reportBi((0, _bexCore.withoutDefaults)(_bi.cairoFiltersPanelUsed)({
         ...this.toolbar._commonDynamicBiParams(),
@@ -33,16 +38,61 @@ class FiltersPanelState {
     this.toolbar = params.toolbar;
     (0, _mobx.makeObservable)(this, {
       searchValue: _mobx.observable.ref,
+      revealRequest: _mobx.observable.ref,
+      revealFilter: _mobx.action.bound,
+      cancelReveal: _mobx.action.bound,
+      toggleSection: _mobx.action.bound,
       setSearchValue: _mobx.action.bound,
       clearSearch: _mobx.action.bound
     });
   }
   setSearchValue(value) {
+    this.cancelReveal();
     this.searchValue = value;
   }
   clearSearch() {
     this.searchValue = '';
   }
+  getSectionKey(element) {
+    return JSON.stringify([element.props.filter.name, element.key]);
+  }
+  isSectionOpen(element) {
+    const {
+      initiallyOpen,
+      accordionItemProps
+    } = element.props;
+    return (accordionItemProps == null ? void 0 : accordionItemProps.open) ?? this.openSections.get(this.getSectionKey(element)) ?? (accordionItemProps == null ? void 0 : accordionItemProps.initiallyOpen) ?? initiallyOpen ?? false;
+  }
+  toggleSection(element, event) {
+    var _element$props$accord;
+    this.cancelReveal();
+    this.openSections.set(this.getSectionKey(element), !this.isSectionOpen(element));
+    (_element$props$accord = element.props.accordionItemProps) == null || _element$props$accord.onToggle == null || _element$props$accord.onToggle(event);
+  }
+  revealFilter(name, elements, event) {
+    this.clearSearch();
+    const target = elements.find(element => element.props.filter.name === name);
+    this.cancelReveal();
+    if (!target) {
+      return;
+    }
+    const sectionKey = this.getSectionKey(target);
+    const {
+      accordionItemProps
+    } = target.props;
+    if (!(accordionItemProps != null && accordionItemProps.disabled) && !this.isSectionOpen(target)) {
+      this.openSections.set(sectionKey, true);
+      if (event) {
+        accordionItemProps == null || accordionItemProps.onToggle == null || accordionItemProps.onToggle(event);
+      }
+    }
+    this.revealRequest = {
+      sectionKey
+    };
+  }
+  cancelReveal() {
+    this.revealRequest = undefined;
+  }
 }
 exports.FiltersPanelState = FiltersPanelState;
 //# sourceMappingURL=FiltersPanelState.js.map

package/dist/cjs/components/FiltersPanel/FiltersPanelState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_bi","_mobx","FiltersPanelState","constructor","params","_defineProperty2","default","action","reportBi","panels","pendingQuery","toolbar","result","onCloseFiltersPanelClick","clearSearch","closeSidePanel","withoutDefaults","cairoFiltersPanelUsed","_commonDynamicBiParams","origin","isOpened","feature","makeObservable","searchValue","observable","ref","setSearchValue","bound","value","exports"],"sources":["../../../../src/components/FiltersPanel/FiltersPanelState.ts"],"sourcesContent":["import { ToolbarCollectionState } from '../../state';\nimport { FiltersMap, withoutDefaults } from '@wix/bex-core';\nimport { cairoFiltersPanelUsed } from '@wix/bex-core/bi';\nimport { action, makeObservable, observable } from 'mobx';\n\nexport interface FiltersPanelStateParams<T, F extends FiltersMap> {\n  readonly toolbar: ToolbarCollectionState<T, F>;\n}\n\nexport class FiltersPanelState<T, F extends FiltersMap> {\n  readonly toolbar;\n\n  searchValue = '';\n\n  constructor(params: FiltersPanelStateParams<T, F>) {\n    this.toolbar = params.toolbar;\n\n    makeObservable(this, {\n      searchValue: observable.ref,\n      setSearchValue: action.bound,\n      clearSearch: action.bound,\n    });\n  }\n\n  setSearchValue(value: string) {\n    this.searchValue = value;\n  }\n\n  clearSearch() {\n    this.searchValue = '';\n  }\n\n  onCloseButtonClick = action(async () => {\n    const { reportBi, panels, pendingQuery } = this.toolbar;\n\n    const result = await pendingQuery?.onCloseFiltersPanelClick();\n\n    if (result === 'dismissed') {\n      return;\n    }\n\n    this.clearSearch();\n\n    panels.closeSidePanel();\n    reportBi(\n      withoutDefaults(cairoFiltersPanelUsed)({\n        ...this.toolbar._commonDynamicBiParams(),\n        origin: 'X Button',\n        isOpened: false,\n        feature: 'Filter',\n      }),\n    );\n  });\n}\n"],"mappings":";;;;;;AACA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,GAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAMO,MAAMG,iBAAiB,CAA0B;EAKtDC,WAAWA,CAACC,MAAqC,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,uBAFrC,EAAE;IAAA,IAAAD,gBAAA,CAAAC,OAAA,8BAoBK,IAAAC,YAAM,EAAC,YAAY;MACtC,MAAM;QAAEC,QAAQ;QAAEC,MAAM;QAAEC;MAAa,CAAC,GAAG,IAAI,CAACC,OAAO;MAEvD,MAAMC,MAAM,GAAG,OAAMF,YAAY,oBAAZA,YAAY,CAAEG,wBAAwB,CAAC,CAAC;MAE7D,IAAID,MAAM,KAAK,WAAW,EAAE;QAC1B;MACF;MAEA,IAAI,CAACE,WAAW,CAAC,CAAC;MAElBL,MAAM,CAACM,cAAc,CAAC,CAAC;MACvBP,QAAQ,CACN,IAAAQ,wBAAe,EAACC,yBAAqB,CAAC,CAAC;QACrC,GAAG,IAAI,CAACN,OAAO,CAACO,sBAAsB,CAAC,CAAC;QACxCC,MAAM,EAAE,UAAU;QAClBC,QAAQ,EAAE,KAAK;QACfC,OAAO,EAAE;MACX,CAAC,CACH,CAAC;IACH,CAAC,CAAC;IArCA,IAAI,CAACV,OAAO,GAAGP,MAAM,CAACO,OAAO;IAE7B,IAAAW,oBAAc,EAAC,IAAI,EAAE;MACnBC,WAAW,EAAEC,gBAAU,CAACC,GAAG;MAC3BC,cAAc,EAAEnB,YAAM,CAACoB,KAAK;MAC5Bb,WAAW,EAAEP,YAAM,CAACoB;IACtB,CAAC,CAAC;EACJ;EAEAD,cAAcA,CAACE,KAAa,EAAE;IAC5B,IAAI,CAACL,WAAW,GAAGK,KAAK;EAC1B;EAEAd,WAAWA,CAAA,EAAG;IACZ,IAAI,CAACS,WAAW,GAAG,EAAE;EACvB;AAuBF;AAACM,OAAA,CAAA3B,iBAAA,GAAAA,iBAAA","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_bi","_react","_mobx","FiltersPanelState","constructor","params","_defineProperty2","default","createRef","observable","map","undefined","action","reportBi","panels","pendingQuery","toolbar","result","onCloseFiltersPanelClick","clearSearch","cancelReveal","closeSidePanel","withoutDefaults","cairoFiltersPanelUsed","_commonDynamicBiParams","origin","isOpened","feature","makeObservable","searchValue","ref","revealRequest","revealFilter","bound","toggleSection","setSearchValue","value","getSectionKey","element","JSON","stringify","props","filter","name","key","isSectionOpen","initiallyOpen","accordionItemProps","open","openSections","get","event","_element$props$accord","set","onToggle","elements","target","find","sectionKey","disabled","exports"],"sources":["../../../../src/components/FiltersPanel/FiltersPanelState.ts"],"sourcesContent":["import { ToolbarCollectionState } from '../../state';\nimport { FiltersMap, withoutDefaults } from '@wix/bex-core';\nimport { cairoFiltersPanelUsed } from '@wix/bex-core/bi';\nimport { createRef, MouseEvent } from 'react';\nimport type { FilterElement } from '../CollectionToolbarFilters/filterElement';\nimport { action, makeObservable, observable } from 'mobx';\n\nexport interface FiltersPanelStateParams<T, F extends FiltersMap> {\n  readonly toolbar: ToolbarCollectionState<T, F>;\n}\n\nexport class FiltersPanelState<T, F extends FiltersMap> {\n  readonly toolbar;\n\n  searchValue = '';\n  readonly scrollContainerRef = createRef<HTMLDivElement>();\n  readonly openSections = observable.map<string, boolean>();\n  revealRequest: { sectionKey: string } | undefined = undefined;\n\n  constructor(params: FiltersPanelStateParams<T, F>) {\n    this.toolbar = params.toolbar;\n\n    makeObservable(this, {\n      searchValue: observable.ref,\n      revealRequest: observable.ref,\n      revealFilter: action.bound,\n      cancelReveal: action.bound,\n      toggleSection: action.bound,\n      setSearchValue: action.bound,\n      clearSearch: action.bound,\n    });\n  }\n\n  setSearchValue(value: string) {\n    this.cancelReveal();\n    this.searchValue = value;\n  }\n\n  clearSearch() {\n    this.searchValue = '';\n  }\n\n  getSectionKey(element: FilterElement) {\n    return JSON.stringify([element.props.filter.name, element.key]);\n  }\n\n  isSectionOpen(element: FilterElement) {\n    const { initiallyOpen, accordionItemProps } = element.props;\n    return (\n      accordionItemProps?.open ??\n      this.openSections.get(this.getSectionKey(element)) ??\n      accordionItemProps?.initiallyOpen ??\n      initiallyOpen ??\n      false\n    );\n  }\n\n  toggleSection(element: FilterElement, event: MouseEvent<HTMLElement>) {\n    this.cancelReveal();\n    this.openSections.set(\n      this.getSectionKey(element),\n      !this.isSectionOpen(element),\n    );\n    element.props.accordionItemProps?.onToggle?.(event);\n  }\n\n  revealFilter(\n    name: string,\n    elements: FilterElement[],\n    event?: MouseEvent<HTMLElement>,\n  ) {\n    this.clearSearch();\n    const target = elements.find(\n      (element) => element.props.filter.name === name,\n    );\n    this.cancelReveal();\n    if (!target) {\n      return;\n    }\n    const sectionKey = this.getSectionKey(target);\n    const { accordionItemProps } = target.props;\n    if (!accordionItemProps?.disabled && !this.isSectionOpen(target)) {\n      this.openSections.set(sectionKey, true);\n      if (event) {\n        accordionItemProps?.onToggle?.(event);\n      }\n    }\n    this.revealRequest = { sectionKey };\n  }\n\n  cancelReveal() {\n    this.revealRequest = undefined;\n  }\n\n  onCloseButtonClick = action(async () => {\n    const { reportBi, panels, pendingQuery } = this.toolbar;\n\n    const result = await pendingQuery?.onCloseFiltersPanelClick();\n\n    if (result === 'dismissed') {\n      return;\n    }\n\n    this.clearSearch();\n    this.cancelReveal();\n\n    panels.closeSidePanel();\n    reportBi(\n      withoutDefaults(cairoFiltersPanelUsed)({\n        ...this.toolbar._commonDynamicBiParams(),\n        origin: 'X Button',\n        isOpened: false,\n        feature: 'Filter',\n      }),\n    );\n  });\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/Heading/Heading.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "Heading1852531165";
+var _namespace_ = "Heading3344847339";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "Heading1852531165__root"
+  "root": "Heading3344847339__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Heading/Heading.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Heading/Heading.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Heading1852531165\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Heading1852531165__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mBAAmB;AACrC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAyB,CAAC;AAChD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Heading/Heading.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Heading3344847339\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Heading3344847339__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mBAAmB;AACrC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAyB,CAAC;AAChD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/ImportButton/ImportButtonModalLayout.js

@@ -4,11 +4,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.ImportButtonModalLayout = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _createImportFieldValidator = require("./createImportFieldValidator");
 var _designSystem = require("@wix/design-system");
 var _getImportModalStepProps = require("./getImportModalStepProps");
 var _react = _interopRequireWildcard(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
 var _bexCore = require("@wix/bex-core");
+var _react2 = require("@wix/bex-core/react");
 var _patternsFields = require("@wix/patterns-fields");
 var _util = require("@wix/bex-core/util");
 var _useIsMobile = require("../../hooks/useIsMobile");
@@ -21,7 +23,7 @@ var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/ImportButton/ImportButtonModalLayout.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _ImportButtonModalLayout(props) {
-  var _toolbar$collectionFi;
+  var _toolbar$collectionFi, _toolbar$collectionFi2;
   const {
     config,
     importModalState,
@@ -33,14 +35,22 @@ function _ImportButtonModalLayout(props) {
   // consumer builds `config` above the collection provider, so it can't be). Pass
   // the toolbar's fields source to ImportState, which builds the effective config.
   const toolbar = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
+  const {
+    translate
+  } = (0, _react2.useWixPatternsContainer)();
+  const fieldsSource = (_toolbar$collectionFi = toolbar.collectionFieldsSource) == null ? void 0 : _toolbar$collectionFi.fieldsSource;
+  const schemaSource = (_toolbar$collectionFi2 = toolbar.collectionFieldsSource) == null ? void 0 : _toolbar$collectionFi2.schemaSource;
   const createImport = (0, _bexCore.useCreateImport)({
+    createFieldValidator: field => (0, _createImportFieldValidator.createImportFieldValidator)(field, translate),
+    schemaSource,
     importInputs: config,
-    fieldsSource: (_toolbar$collectionFi = toolbar.collectionFieldsSource) == null ? void 0 : _toolbar$collectionFi.fieldsSource,
+    fieldsSource,
     // Media-aware detection (image/video/document/audio) lives in
     // patterns-fields; core defaults to primitive detection without it.
     // ImportState wires the schema-backed `mergeFields` from the source, so
     // created columns refresh with no wiring here (CAIRO-4400).
     detectColumnType: _patternsFields.detectFieldType,
+    isValueCompatible: _patternsFields.isImportMediaValueCompatible,
     importModalState,
     reportBi: toolbar.reportBi
   });
@@ -76,7 +86,7 @@ function _ImportButtonModalLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 87,
+      lineNumber: 100,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_ImportStepper.ImportStepper, {
@@ -85,7 +95,7 @@ function _ImportButtonModalLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 88,
+      lineNumber: 101,
       columnNumber: 9
     }
   }), children) : children;
@@ -98,7 +108,7 @@ function _ImportButtonModalLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 103,
+      lineNumber: 116,
       columnNumber: 5
     }
   }, wrappedChildren) : wrappedChildren;
@@ -126,7 +136,7 @@ function _ImportButtonModalLayout(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 133,
+        lineNumber: 146,
         columnNumber: 9
       }
     })), /*#__PURE__*/_react.default.createElement(_CollectionModal.ModalWrapper, {
@@ -135,7 +145,7 @@ function _ImportButtonModalLayout(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 140,
+        lineNumber: 153,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.ModalMobileLayout, {
@@ -145,7 +155,7 @@ function _ImportButtonModalLayout(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 147,
+          lineNumber: 160,
           columnNumber: 15
         }
       }, t('cairo.import.discardChanges.title')),
@@ -153,7 +163,7 @@ function _ImportButtonModalLayout(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 152,
+          lineNumber: 165,
           columnNumber: 15
         }
       }, t('cairo.import.discardChanges.description')),
@@ -165,7 +175,7 @@ function _ImportButtonModalLayout(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 157,
+          lineNumber: 170,
           columnNumber: 15
         }
       }, /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
@@ -176,7 +186,7 @@ function _ImportButtonModalLayout(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 158,
+          lineNumber: 171,
           columnNumber: 17
         }
       }, t('cairo.import.discardChanges.confirm')), /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
@@ -187,14 +197,14 @@ function _ImportButtonModalLayout(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 166,
+          lineNumber: 179,
           columnNumber: 17
         }
       }, t('cairo.import.discardChanges.cancel'))),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 144,
+        lineNumber: 157,
         columnNumber: 11
       }
     })));
@@ -209,7 +219,7 @@ function _ImportButtonModalLayout(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 183,
+        lineNumber: 196,
         columnNumber: 9
       }
     })), /*#__PURE__*/_react.default.createElement(_ActionModal.MessageActionModal, {
@@ -223,7 +233,7 @@ function _ImportButtonModalLayout(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 192,
+        lineNumber: 205,
         columnNumber: 9
       }
     }));
@@ -235,7 +245,7 @@ function _ImportButtonModalLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 212,
+      lineNumber: 225,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(FieldEditor, {
@@ -243,7 +253,7 @@ function _ImportButtonModalLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 213,
+      lineNumber: 226,
       columnNumber: 13
     }
   })) : null);