@wix/patterns 1.430.0 → 1.431.0

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","_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","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","style","overflowY","FiltersPanelSearchNoResults","Accordion","skin","hideShadow","multiple","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';\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 [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=\"0 SP2 SP2 SP2\">\n            <FiltersPanelSearch state={filtersPanelState} />\n          </Box>\n        )}\n      </SidePanel.Header>\n\n      <div\n        data-hook=\"filters-panel-scroll-container\"\n        style={{ overflowY: 'auto' }}\n      >\n        {noResults ? (\n          <FiltersPanelSearchNoResults state={filtersPanelState} />\n        ) : (\n          <Accordion\n            dataHook=\"filters-panel-accordion\"\n            skin=\"light\"\n            hideShadow\n            multiple\n            items={accordionItems}\n          />\n        )}\n      </div>\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":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_useBuildAccordionItems","_FiltersPanelFooter","_FilterRenderingContext","_FiltersPanelState","_FiltersPanelSearch","_FiltersPanelSearchNoResults","_react2","_useRafRender","_PatternsSidePanel","_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","style","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 { 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      <div\n        data-hook=\"filters-panel-scroll-container\"\n        style={{ overflowY: 'auto' }}\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      </div>\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":"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","ignoreList":[]}

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

@@ -7,6 +7,7 @@ var _designSystem = require("@wix/design-system");
 var _react = _interopRequireDefault(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
 var _FiltersPanelAppliedFiltersSection = require("./FiltersPanelAppliedFiltersSection");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/FiltersPanel/FiltersPanelFooter.tsx";
 function _FiltersPanelFooter(props) {
   var _state$AddApplyFilter;
@@ -14,11 +15,12 @@ function _FiltersPanelFooter(props) {
     state,
     onClearButtonClicked
   } = props;
+  const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   const FiltersPanelSelectedFiltersSection = (_state$AddApplyFilter = state.AddApplyFiltersButton) == null ? void 0 : _state$AddApplyFilter.FiltersPanelSelectedFiltersSection;
   return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     gap: "SP2",
-    paddingTop: "SP3",
-    paddingBottom: "SP3",
+    paddingTop: isBmHarmonyTheme ? 'SP4' : 'SP3',
+    paddingBottom: isBmHarmonyTheme ? 'SP4' : 'SP3',
     paddingLeft: "SP4",
     paddingRight: "SP4",
     verticalAlign: "middle",
@@ -27,7 +29,7 @@ function _FiltersPanelFooter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 22,
+      lineNumber: 24,
       columnNumber: 5
     }
   }, FiltersPanelSelectedFiltersSection ? /*#__PURE__*/_react.default.createElement(FiltersPanelSelectedFiltersSection, {
@@ -35,7 +37,7 @@ function _FiltersPanelFooter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 33,
+      lineNumber: 35,
       columnNumber: 9
     }
   }) : /*#__PURE__*/_react.default.createElement(_FiltersPanelAppliedFiltersSection.FiltersPanelAppliedFiltersSection, {
@@ -44,7 +46,7 @@ function _FiltersPanelFooter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 35,
+      lineNumber: 37,
       columnNumber: 9
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_FiltersPanelAppliedFiltersSection","_jsxFileName","_FiltersPanelFooter","props","_state$AddApplyFilter","state","onClearButtonClicked","FiltersPanelSelectedFiltersSection","AddApplyFiltersButton","default","createElement","Box","gap","paddingTop","paddingBottom","paddingLeft","paddingRight","verticalAlign","width","boxSizing","__self","__source","fileName","lineNumber","columnNumber","FiltersPanelAppliedFiltersSection","FiltersPanelFooter","exports","observer"],"sources":["../../../../src/components/FiltersPanel/FiltersPanelFooter.tsx"],"sourcesContent":["import { Box } from '@wix/design-system';\nimport React from 'react';\nimport { ToolbarCollectionState } from '../../state';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersPanelAppliedFiltersSection } from './FiltersPanelAppliedFiltersSection';\n\nexport interface FiltersPanelFooterProps<T, F extends FiltersMap> {\n  state: ToolbarCollectionState<T, F>;\n  onClearButtonClicked?: () => unknown;\n}\n\nfunction _FiltersPanelFooter<T, F extends FiltersMap>(\n  props: FiltersPanelFooterProps<T, F>,\n) {\n  const { state, onClearButtonClicked } = props;\n\n  const FiltersPanelSelectedFiltersSection =\n    state.AddApplyFiltersButton?.FiltersPanelSelectedFiltersSection;\n\n  return (\n    <Box\n      gap=\"SP2\"\n      paddingTop=\"SP3\"\n      paddingBottom=\"SP3\"\n      paddingLeft=\"SP4\"\n      paddingRight=\"SP4\"\n      verticalAlign=\"middle\"\n      width=\"100%\"\n      boxSizing=\"border-box\"\n    >\n      {FiltersPanelSelectedFiltersSection ? (\n        <FiltersPanelSelectedFiltersSection state={state} />\n      ) : (\n        <FiltersPanelAppliedFiltersSection\n          state={state}\n          onClearButtonClicked={onClearButtonClicked}\n        />\n      )}\n    </Box>\n  );\n}\n\nexport const FiltersPanelFooter = observer(_FiltersPanelFooter);\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,kCAAA,GAAAJ,OAAA;AAAwF,IAAAK,YAAA;AAOxF,SAASC,mBAAmBA,CAC1BC,KAAoC,EACpC;EAAA,IAAAC,qBAAA;EACA,MAAM;IAAEC,KAAK;IAAEC;EAAqB,CAAC,GAAGH,KAAK;EAE7C,MAAMI,kCAAkC,IAAAH,qBAAA,GACtCC,KAAK,CAACG,qBAAqB,qBAA3BJ,qBAAA,CAA6BG,kCAAkC;EAEjE,oBACEV,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAAgB,GAAG;IACFC,GAAG,EAAC,KAAK;IACTC,UAAU,EAAC,KAAK;IAChBC,aAAa,EAAC,KAAK;IACnBC,WAAW,EAAC,KAAK;IACjBC,YAAY,EAAC,KAAK;IAClBC,aAAa,EAAC,QAAQ;IACtBC,KAAK,EAAC,MAAM;IACZC,SAAS,EAAC,YAAY;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAErBjB,kCAAkC,gBACjCV,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACH,kCAAkC;IAACF,KAAK,EAAEA,KAAM;IAAAe,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,gBAEpD3B,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,kCAAA,CAAAyB,iCAAiC;IAChCpB,KAAK,EAAEA,KAAM;IACbC,oBAAoB,EAAEA,oBAAqB;IAAAc,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC5C,CAEA,CAAC;AAEV;AAEO,MAAME,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,IAAAE,uBAAQ,EAAC1B,mBAAmB,CAAC","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_FiltersPanelAppliedFiltersSection","_useBmHarmonyTheme","_jsxFileName","_FiltersPanelFooter","props","_state$AddApplyFilter","state","onClearButtonClicked","isBmHarmonyTheme","useBmHarmonyTheme","FiltersPanelSelectedFiltersSection","AddApplyFiltersButton","default","createElement","Box","gap","paddingTop","paddingBottom","paddingLeft","paddingRight","verticalAlign","width","boxSizing","__self","__source","fileName","lineNumber","columnNumber","FiltersPanelAppliedFiltersSection","FiltersPanelFooter","exports","observer"],"sources":["../../../../src/components/FiltersPanel/FiltersPanelFooter.tsx"],"sourcesContent":["import { Box } from '@wix/design-system';\nimport React from 'react';\nimport { ToolbarCollectionState } from '../../state';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersPanelAppliedFiltersSection } from './FiltersPanelAppliedFiltersSection';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nexport interface FiltersPanelFooterProps<T, F extends FiltersMap> {\n  state: ToolbarCollectionState<T, F>;\n  onClearButtonClicked?: () => unknown;\n}\n\nfunction _FiltersPanelFooter<T, F extends FiltersMap>(\n  props: FiltersPanelFooterProps<T, F>,\n) {\n  const { state, onClearButtonClicked } = props;\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n\n  const FiltersPanelSelectedFiltersSection =\n    state.AddApplyFiltersButton?.FiltersPanelSelectedFiltersSection;\n\n  return (\n    <Box\n      gap=\"SP2\"\n      paddingTop={isBmHarmonyTheme ? 'SP4' : 'SP3'}\n      paddingBottom={isBmHarmonyTheme ? 'SP4' : 'SP3'}\n      paddingLeft=\"SP4\"\n      paddingRight=\"SP4\"\n      verticalAlign=\"middle\"\n      width=\"100%\"\n      boxSizing=\"border-box\"\n    >\n      {FiltersPanelSelectedFiltersSection ? (\n        <FiltersPanelSelectedFiltersSection state={state} />\n      ) : (\n        <FiltersPanelAppliedFiltersSection\n          state={state}\n          onClearButtonClicked={onClearButtonClicked}\n        />\n      )}\n    </Box>\n  );\n}\n\nexport const FiltersPanelFooter = observer(_FiltersPanelFooter);\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,kCAAA,GAAAJ,OAAA;AACA,IAAAK,kBAAA,GAAAL,OAAA;AAAkE,IAAAM,YAAA;AAOlE,SAASC,mBAAmBA,CAC1BC,KAAoC,EACpC;EAAA,IAAAC,qBAAA;EACA,MAAM;IAAEC,KAAK;IAAEC;EAAqB,CAAC,GAAGH,KAAK;EAC7C,MAAMI,gBAAgB,GAAG,IAAAC,oCAAiB,EAAC,CAAC;EAE5C,MAAMC,kCAAkC,IAAAL,qBAAA,GACtCC,KAAK,CAACK,qBAAqB,qBAA3BN,qBAAA,CAA6BK,kCAAkC;EAEjE,oBACEb,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAAmB,GAAG;IACFC,GAAG,EAAC,KAAK;IACTC,UAAU,EAAER,gBAAgB,GAAG,KAAK,GAAG,KAAM;IAC7CS,aAAa,EAAET,gBAAgB,GAAG,KAAK,GAAG,KAAM;IAChDU,WAAW,EAAC,KAAK;IACjBC,YAAY,EAAC,KAAK;IAClBC,aAAa,EAAC,QAAQ;IACtBC,KAAK,EAAC,MAAM;IACZC,SAAS,EAAC,YAAY;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAErBjB,kCAAkC,gBACjCb,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACH,kCAAkC;IAACJ,KAAK,EAAEA,KAAM;IAAAiB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,gBAEpD9B,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,kCAAA,CAAA4B,iCAAiC;IAChCtB,KAAK,EAAEA,KAAM;IACbC,oBAAoB,EAAEA,oBAAqB;IAAAgB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC5C,CAEA,CAAC;AAEV;AAEO,MAAME,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,IAAAE,uBAAQ,EAAC5B,mBAAmB,CAAC","ignoreList":[]}

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

@@ -7,6 +7,7 @@ var _designSystem = require("@wix/design-system");
 var _react = _interopRequireDefault(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
 var _react2 = require("@wix/bex-core/react");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/FiltersPanel/FiltersPanelSearch.tsx";
 function _FiltersPanelSearch({
   state
@@ -14,9 +15,11 @@ function _FiltersPanelSearch({
   const {
     translate: t
   } = (0, _react2.useWixPatternsContainer)();
+  const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   return /*#__PURE__*/_react.default.createElement(_designSystem.Search, {
     dataHook: "filters-panel-search",
     size: "small",
+    border: isBmHarmonyTheme ? 'standard' : undefined,
     value: state.searchValue,
     onChange: e => state.setSearchValue(e.target.value),
     onClear: () => state.clearSearch(),
@@ -24,7 +27,7 @@ function _FiltersPanelSearch({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 18,
+      lineNumber: 20,
       columnNumber: 5
     }
   });

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_react2","_jsxFileName","_FiltersPanelSearch","state","translate","t","useWixPatternsContainer","default","createElement","Search","dataHook","size","value","searchValue","onChange","e","setSearchValue","target","onClear","clearSearch","placeholder","__self","__source","fileName","lineNumber","columnNumber","FiltersPanelSearch","exports","observer"],"sources":["../../../../src/components/FiltersPanel/FiltersPanelSearch.tsx"],"sourcesContent":["import { Search } from '@wix/design-system';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { FiltersPanelState } from './FiltersPanelState';\n\nexport interface FiltersPanelSearchProps<T, F extends FiltersMap> {\n  state: FiltersPanelState<T, F>;\n}\n\nfunction _FiltersPanelSearch<T, F extends FiltersMap>({\n  state,\n}: FiltersPanelSearchProps<T, F>) {\n  const { translate: t } = useWixPatternsContainer();\n\n  return (\n    <Search\n      dataHook=\"filters-panel-search\"\n      size=\"small\"\n      value={state.searchValue}\n      onChange={(e) => state.setSearchValue(e.target.value)}\n      onClear={() => state.clearSearch()}\n      placeholder={t('cairo.filtersPanel.search.placeholder')}\n    />\n  );\n}\n\nexport const FiltersPanelSearch = observer(_FiltersPanelSearch);\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAEA,IAAAI,OAAA,GAAAJ,OAAA;AAA8D,IAAAK,YAAA;AAO9D,SAASC,mBAAmBA,CAA0B;EACpDC;AAC6B,CAAC,EAAE;EAChC,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAElD,oBACET,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAc,MAAM;IACLC,QAAQ,EAAC,sBAAsB;IAC/BC,IAAI,EAAC,OAAO;IACZC,KAAK,EAAET,KAAK,CAACU,WAAY;IACzBC,QAAQ,EAAGC,CAAC,IAAKZ,KAAK,CAACa,cAAc,CAACD,CAAC,CAACE,MAAM,CAACL,KAAK,CAAE;IACtDM,OAAO,EAAEA,CAAA,KAAMf,KAAK,CAACgB,WAAW,CAAC,CAAE;IACnCC,WAAW,EAAEf,CAAC,CAAC,uCAAuC,CAAE;IAAAgB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACzD,CAAC;AAEN;AAEO,MAAMC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,IAAAE,uBAAQ,EAAC1B,mBAAmB,CAAC","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_react2","_useBmHarmonyTheme","_jsxFileName","_FiltersPanelSearch","state","translate","t","useWixPatternsContainer","isBmHarmonyTheme","useBmHarmonyTheme","default","createElement","Search","dataHook","size","border","undefined","value","searchValue","onChange","e","setSearchValue","target","onClear","clearSearch","placeholder","__self","__source","fileName","lineNumber","columnNumber","FiltersPanelSearch","exports","observer"],"sources":["../../../../src/components/FiltersPanel/FiltersPanelSearch.tsx"],"sourcesContent":["import { Search } from '@wix/design-system';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { FiltersPanelState } from './FiltersPanelState';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nexport interface FiltersPanelSearchProps<T, F extends FiltersMap> {\n  state: FiltersPanelState<T, F>;\n}\n\nfunction _FiltersPanelSearch<T, F extends FiltersMap>({\n  state,\n}: FiltersPanelSearchProps<T, F>) {\n  const { translate: t } = useWixPatternsContainer();\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n\n  return (\n    <Search\n      dataHook=\"filters-panel-search\"\n      size=\"small\"\n      border={isBmHarmonyTheme ? 'standard' : undefined}\n      value={state.searchValue}\n      onChange={(e) => state.setSearchValue(e.target.value)}\n      onClear={() => state.clearSearch()}\n      placeholder={t('cairo.filtersPanel.search.placeholder')}\n    />\n  );\n}\n\nexport const FiltersPanelSearch = observer(_FiltersPanelSearch);\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAEA,IAAAI,OAAA,GAAAJ,OAAA;AAEA,IAAAK,kBAAA,GAAAL,OAAA;AAAkE,IAAAM,YAAA;AAMlE,SAASC,mBAAmBA,CAA0B;EACpDC;AAC6B,CAAC,EAAE;EAChC,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAClD,MAAMC,gBAAgB,GAAG,IAAAC,oCAAiB,EAAC,CAAC;EAE5C,oBACEZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAAChB,aAAA,CAAAiB,MAAM;IACLC,QAAQ,EAAC,sBAAsB;IAC/BC,IAAI,EAAC,OAAO;IACZC,MAAM,EAAEP,gBAAgB,GAAG,UAAU,GAAGQ,SAAU;IAClDC,KAAK,EAAEb,KAAK,CAACc,WAAY;IACzBC,QAAQ,EAAGC,CAAC,IAAKhB,KAAK,CAACiB,cAAc,CAACD,CAAC,CAACE,MAAM,CAACL,KAAK,CAAE;IACtDM,OAAO,EAAEA,CAAA,KAAMnB,KAAK,CAACoB,WAAW,CAAC,CAAE;IACnCC,WAAW,EAAEnB,CAAC,CAAC,uCAAuC,CAAE;IAAAoB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1B,YAAA;MAAA2B,UAAA;MAAAC,YAAA;IAAA;EAAA,CACzD,CAAC;AAEN;AAEO,MAAMC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,IAAAE,uBAAQ,EAAC9B,mBAAmB,CAAC","ignoreList":[]}

package/dist/cjs/components/FormPage/FormPageActionsBar.js

@@ -11,6 +11,7 @@ var _providers = require("../../providers");
 var _mobxReactLite = require("mobx-react-lite");
 var _bexCore = require("@wix/bex-core");
 var _useIsMobile = require("../../hooks/useIsMobile");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/FormPage/FormPageActionsBar.tsx";
 function _FormPageActionsBar({
   moreActions,
@@ -25,6 +26,7 @@ function _FormPageActionsBar({
   } = (0, _react2.useWixPatternsContainer)();
   const state = (0, _providers.useFormPageContext)();
   const isMobile = (0, _useIsMobile.useIsMobile)();
+  const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   if (!initTask.status.isSuccess) {
     return null;
   }
@@ -33,30 +35,30 @@ function _FormPageActionsBar({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 32,
+      lineNumber: 34,
       columnNumber: 5
     }
   }, isMobile ? undefined : moreActions, /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
     priority: "secondary",
     fullWidth: isMobile,
-    size: isMobile ? 'small' : 'medium',
+    size: isBmHarmonyTheme || isMobile ? 'small' : 'medium',
     dataHook: "form-page-cancel-btn",
     onClick: onCancel,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 34,
+      lineNumber: 36,
       columnNumber: 7
     }
   }, t('cairo.entityPage.header.cancel.CTA')), /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
     fullWidth: isMobile,
-    size: isMobile ? 'small' : 'medium',
+    size: isBmHarmonyTheme || isMobile ? 'small' : 'medium',
     dataHook: "form-page-save-btn",
     onClick: onSave,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 43,
+      lineNumber: 45,
       columnNumber: 7
     }
   }, state.submitTask.status.isLoading ? /*#__PURE__*/_react.default.createElement(_designSystem.Loader, {
@@ -64,7 +66,7 @@ function _FormPageActionsBar({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 50,
+      lineNumber: 52,
       columnNumber: 11
     }
   }) : t(_bexCore.ctaKeys[(actionsBarConfig == null || (_actionsBarConfig$sav = actionsBarConfig.saveCta) == null ? void 0 : _actionsBarConfig$sav.text) ?? 'SAVE'])));

package/dist/cjs/components/FormPage/FormPageActionsBar.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_react2","_providers","_mobxReactLite","_bexCore","_useIsMobile","_jsxFileName","_FormPageActionsBar","moreActions","onCancel","onSave","actionsBarConfig","_actionsBarConfig$sav","translate","t","initTask","useWixPatternsContainer","state","useFormPageContext","isMobile","useIsMobile","status","isSuccess","default","createElement","Box","gap","__self","__source","fileName","lineNumber","columnNumber","undefined","Button","priority","fullWidth","size","dataHook","onClick","submitTask","isLoading","Loader","ctaKeys","saveCta","text","FormPageActionsBar","exports","observer"],"sources":["../../../../src/components/FormPage/FormPageActionsBar.tsx"],"sourcesContent":["import { Box, Button, Loader } from '@wix/design-system';\nimport React from 'react';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useFormPageContext } from '../../providers';\nimport { observer } from 'mobx-react-lite';\nimport { MoreActionsElement } from '../MoreActions';\nimport { ActionsBarConfig, ctaKeys } from '@wix/bex-core';\nimport { useIsMobile } from '../../hooks/useIsMobile';\n\nexport interface FormPageActionsBarProps {\n  moreActions?: MoreActionsElement;\n  onCancel?: () => void;\n  onSave?: () => void;\n  actionsBarConfig?: ActionsBarConfig;\n}\n\nexport function _FormPageActionsBar({\n  moreActions,\n  onCancel,\n  onSave,\n  actionsBarConfig,\n}: FormPageActionsBarProps) {\n  const { translate: t, initTask } = useWixPatternsContainer();\n  const state = useFormPageContext();\n  const isMobile = useIsMobile();\n\n  if (!initTask.status.isSuccess) {\n    return null;\n  }\n\n  return (\n    <Box gap=\"SP2\">\n      {isMobile ? undefined : moreActions}\n      <Button\n        priority=\"secondary\"\n        fullWidth={isMobile}\n        size={isMobile ? 'small' : 'medium'}\n        dataHook=\"form-page-cancel-btn\"\n        onClick={onCancel}\n      >\n        {t('cairo.entityPage.header.cancel.CTA')}\n      </Button>\n      <Button\n        fullWidth={isMobile}\n        size={isMobile ? 'small' : 'medium'}\n        dataHook=\"form-page-save-btn\"\n        onClick={onSave}\n      >\n        {state.submitTask.status.isLoading ? (\n          <Loader size=\"tiny\" />\n        ) : (\n          t(ctaKeys[actionsBarConfig?.saveCta?.text ?? 'SAVE'])\n        )}\n      </Button>\n    </Box>\n  );\n}\n\nexport const FormPageActionsBar = observer(_FormPageActionsBar);\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AAEA,IAAAM,QAAA,GAAAN,OAAA;AACA,IAAAO,YAAA,GAAAP,OAAA;AAAsD,IAAAQ,YAAA;AAS/C,SAASC,mBAAmBA,CAAC;EAClCC,WAAW;EACXC,QAAQ;EACRC,MAAM;EACNC;AACuB,CAAC,EAAE;EAAA,IAAAC,qBAAA;EAC1B,MAAM;IAAEC,SAAS,EAAEC,CAAC;IAAEC;EAAS,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC5D,MAAMC,KAAK,GAAG,IAAAC,6BAAkB,EAAC,CAAC;EAClC,MAAMC,QAAQ,GAAG,IAAAC,wBAAW,EAAC,CAAC;EAE9B,IAAI,CAACL,QAAQ,CAACM,MAAM,CAACC,SAAS,EAAE;IAC9B,OAAO,IAAI;EACb;EAEA,oBACEvB,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAAC3B,aAAA,CAAA4B,GAAG;IAACC,GAAG,EAAC,KAAK;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACXZ,QAAQ,GAAGa,SAAS,GAAGxB,WAAW,eACnCT,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAAC3B,aAAA,CAAAoC,MAAM;IACLC,QAAQ,EAAC,WAAW;IACpBC,SAAS,EAAEhB,QAAS;IACpBiB,IAAI,EAAEjB,QAAQ,GAAG,OAAO,GAAG,QAAS;IACpCkB,QAAQ,EAAC,sBAAsB;IAC/BC,OAAO,EAAE7B,QAAS;IAAAkB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEjBjB,CAAC,CAAC,oCAAoC,CACjC,CAAC,eACTf,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAAC3B,aAAA,CAAAoC,MAAM;IACLE,SAAS,EAAEhB,QAAS;IACpBiB,IAAI,EAAEjB,QAAQ,GAAG,OAAO,GAAG,QAAS;IACpCkB,QAAQ,EAAC,oBAAoB;IAC7BC,OAAO,EAAE5B,MAAO;IAAAiB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEfd,KAAK,CAACsB,UAAU,CAAClB,MAAM,CAACmB,SAAS,gBAChCzC,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAAC3B,aAAA,CAAA4C,MAAM;IAACL,IAAI,EAAC,MAAM;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,GAEtBjB,CAAC,CAAC4B,gBAAO,CAAC,CAAA/B,gBAAgB,aAAAC,qBAAA,GAAhBD,gBAAgB,CAAEgC,OAAO,qBAAzB/B,qBAAA,CAA2BgC,IAAI,KAAI,MAAM,CAAC,CAEhD,CACL,CAAC;AAEV;AAEO,MAAMC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,IAAAE,uBAAQ,EAACxC,mBAAmB,CAAC","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_react2","_providers","_mobxReactLite","_bexCore","_useIsMobile","_useBmHarmonyTheme","_jsxFileName","_FormPageActionsBar","moreActions","onCancel","onSave","actionsBarConfig","_actionsBarConfig$sav","translate","t","initTask","useWixPatternsContainer","state","useFormPageContext","isMobile","useIsMobile","isBmHarmonyTheme","useBmHarmonyTheme","status","isSuccess","default","createElement","Box","gap","__self","__source","fileName","lineNumber","columnNumber","undefined","Button","priority","fullWidth","size","dataHook","onClick","submitTask","isLoading","Loader","ctaKeys","saveCta","text","FormPageActionsBar","exports","observer"],"sources":["../../../../src/components/FormPage/FormPageActionsBar.tsx"],"sourcesContent":["import { Box, Button, Loader } from '@wix/design-system';\nimport React from 'react';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useFormPageContext } from '../../providers';\nimport { observer } from 'mobx-react-lite';\nimport { MoreActionsElement } from '../MoreActions';\nimport { ActionsBarConfig, ctaKeys } from '@wix/bex-core';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nexport interface FormPageActionsBarProps {\n  moreActions?: MoreActionsElement;\n  onCancel?: () => void;\n  onSave?: () => void;\n  actionsBarConfig?: ActionsBarConfig;\n}\n\nexport function _FormPageActionsBar({\n  moreActions,\n  onCancel,\n  onSave,\n  actionsBarConfig,\n}: FormPageActionsBarProps) {\n  const { translate: t, initTask } = useWixPatternsContainer();\n  const state = useFormPageContext();\n  const isMobile = useIsMobile();\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n\n  if (!initTask.status.isSuccess) {\n    return null;\n  }\n\n  return (\n    <Box gap=\"SP2\">\n      {isMobile ? undefined : moreActions}\n      <Button\n        priority=\"secondary\"\n        fullWidth={isMobile}\n        size={isBmHarmonyTheme || isMobile ? 'small' : 'medium'}\n        dataHook=\"form-page-cancel-btn\"\n        onClick={onCancel}\n      >\n        {t('cairo.entityPage.header.cancel.CTA')}\n      </Button>\n      <Button\n        fullWidth={isMobile}\n        size={isBmHarmonyTheme || isMobile ? 'small' : 'medium'}\n        dataHook=\"form-page-save-btn\"\n        onClick={onSave}\n      >\n        {state.submitTask.status.isLoading ? (\n          <Loader size=\"tiny\" />\n        ) : (\n          t(ctaKeys[actionsBarConfig?.saveCta?.text ?? 'SAVE'])\n        )}\n      </Button>\n    </Box>\n  );\n}\n\nexport const FormPageActionsBar = observer(_FormPageActionsBar);\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AAEA,IAAAM,QAAA,GAAAN,OAAA;AACA,IAAAO,YAAA,GAAAP,OAAA;AACA,IAAAQ,kBAAA,GAAAR,OAAA;AAAkE,IAAAS,YAAA;AAS3D,SAASC,mBAAmBA,CAAC;EAClCC,WAAW;EACXC,QAAQ;EACRC,MAAM;EACNC;AACuB,CAAC,EAAE;EAAA,IAAAC,qBAAA;EAC1B,MAAM;IAAEC,SAAS,EAAEC,CAAC;IAAEC;EAAS,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC5D,MAAMC,KAAK,GAAG,IAAAC,6BAAkB,EAAC,CAAC;EAClC,MAAMC,QAAQ,GAAG,IAAAC,wBAAW,EAAC,CAAC;EAC9B,MAAMC,gBAAgB,GAAG,IAAAC,oCAAiB,EAAC,CAAC;EAE5C,IAAI,CAACP,QAAQ,CAACQ,MAAM,CAACC,SAAS,EAAE;IAC9B,OAAO,IAAI;EACb;EAEA,oBACE1B,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAAC9B,aAAA,CAAA+B,GAAG;IAACC,GAAG,EAAC,KAAK;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzB,YAAA;MAAA0B,UAAA;MAAAC,YAAA;IAAA;EAAA,GACXd,QAAQ,GAAGe,SAAS,GAAG1B,WAAW,eACnCV,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAAC9B,aAAA,CAAAuC,MAAM;IACLC,QAAQ,EAAC,WAAW;IACpBC,SAAS,EAAElB,QAAS;IACpBmB,IAAI,EAAEjB,gBAAgB,IAAIF,QAAQ,GAAG,OAAO,GAAG,QAAS;IACxDoB,QAAQ,EAAC,sBAAsB;IAC/BC,OAAO,EAAE/B,QAAS;IAAAoB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzB,YAAA;MAAA0B,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEjBnB,CAAC,CAAC,oCAAoC,CACjC,CAAC,eACThB,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAAC9B,aAAA,CAAAuC,MAAM;IACLE,SAAS,EAAElB,QAAS;IACpBmB,IAAI,EAAEjB,gBAAgB,IAAIF,QAAQ,GAAG,OAAO,GAAG,QAAS;IACxDoB,QAAQ,EAAC,oBAAoB;IAC7BC,OAAO,EAAE9B,MAAO;IAAAmB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzB,YAAA;MAAA0B,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEfhB,KAAK,CAACwB,UAAU,CAAClB,MAAM,CAACmB,SAAS,gBAChC5C,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAAC9B,aAAA,CAAA+C,MAAM;IAACL,IAAI,EAAC,MAAM;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzB,YAAA;MAAA0B,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,GAEtBnB,CAAC,CAAC8B,gBAAO,CAAC,CAAAjC,gBAAgB,aAAAC,qBAAA,GAAhBD,gBAAgB,CAAEkC,OAAO,qBAAzBjC,qBAAA,CAA2BkC,IAAI,KAAI,MAAM,CAAC,CAEhD,CACL,CAAC;AAEV;AAEO,MAAMC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,IAAAE,uBAAQ,EAAC1C,mBAAmB,CAAC","ignoreList":[]}

package/dist/cjs/components/Grid/useGridItemActions.js

@@ -7,7 +7,7 @@ exports.useGridItemActions = useGridItemActions;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _DisabledActionCellMenu = require("../ActionCell/DisabledActionCellMenu");
 var _CollectionItemActionsHelper = require("../CollectionItemActions/CollectionItemActionsHelper");
 var _getDefaultActionCellProps = require("../CollectionItemActions/getDefaultActionCellProps");
@@ -94,7 +94,7 @@ function useGridItemActions(actionCell) {
           lineNumber: 115,
           columnNumber: 11
         }
-      }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.More, {
+      }, /*#__PURE__*/_react.default.createElement(_lazy.More, {
         __self: this,
         __source: {
           fileName: _jsxFileName,

package/dist/cjs/components/Grid/useGridItemActions.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_DisabledActionCellMenu","_CollectionItemActionsHelper","_getDefaultActionCellProps","_useExtensionMenuItems","_jsxFileName","evaluateActionCell","actionCell","item","index","gridState","keyedItem","itemActionsState","openConfirmDeleteModal","openConfirmModal","collection","useGridItemActions","actions","settingsMenu","primaryAction","extensionMenuItems","useExtensionMenuItems","containerId","secondaryActionCellPropsWithBI","createSecondaryActionCellPropWithBi","toolbarBIReporter","toolbar","actionCellProps","primaryActionCellPropsWithBI","createPrimaryActionCellPropsWithBI","label","text","onClick","disabled","disabledMessage","secondaryMenuDisabled","default","createElement","DisabledActionCellMenu","dataHook","tooltipContent","secondaryMenuDisabledTooltip","container","translate","size","skin","imagePlacement","ariaLabel","__self","__source","fileName","lineNumber","columnNumber","length","PopoverMenu","_extends2","popoverMenuProps","getDefaultActionCellProps","triggerElement","toggle","close","IconButton","e","stopPropagation","reportOnPopoverMenuShow","onPointerDown","_dnd","undefined","onMouseLeave","priority","More","children","map","action","divider","Divider","key","icon","prefixIcon","rest","MenuItem"],"sources":["../../../../src/components/Grid/useGridItemActions.tsx"],"sourcesContent":["import React from 'react';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { GridCardItemProps } from './GridCardItem';\nimport { GridBaseState, ItemActionsState } from '../../state';\nimport { ActionCellProps, TableActionCellPrimaryAction } from '../ActionCell';\nimport {\n  CardGalleryItemProps,\n  IconButton,\n  PopoverMenu,\n  PopoverMenuItemProps,\n} from '@wix/design-system';\nimport { More } from '@wix/wix-ui-icons-common';\nimport { DisabledActionCellMenu } from '../ActionCell/DisabledActionCellMenu';\nimport {\n  createPrimaryActionCellPropsWithBI,\n  createSecondaryActionCellPropWithBi,\n  reportOnPopoverMenuShow,\n} from '../CollectionItemActions/CollectionItemActionsHelper';\nimport { getDefaultActionCellProps } from '../CollectionItemActions/getDefaultActionCellProps';\nimport { useExtensionMenuItems } from '../../hooks/useExtensionMenuItems';\n\ninterface ActionCell<T, F extends FiltersMap> {\n  actionCell: GridCardItemProps<T, F>['actionCell'];\n  item: T;\n  index: number;\n  gridState: GridBaseState<T, F>;\n  keyedItem: KeyedItem<T>;\n  itemActionsState: ItemActionsState<T, F>;\n}\n\nexport function evaluateActionCell<T, F extends FiltersMap>({\n  actionCell,\n  item,\n  index,\n  gridState,\n  keyedItem,\n  itemActionsState,\n}: ActionCell<T, F>): ActionCellProps {\n  if (!actionCell) {\n    return {};\n  }\n\n  if (typeof actionCell === 'function') {\n    return actionCell(item, index, {\n      openConfirmDeleteModal: itemActionsState.openConfirmDeleteModal,\n      openConfirmModal: itemActionsState.openConfirmModal,\n      collection: gridState.collection,\n      keyedItem,\n    });\n  }\n\n  return actionCell;\n}\n\nexport function useGridItemActions<T, F extends FiltersMap>(\n  actionCell: ActionCell<T, F> & {\n    itemActionsState: ItemActionsState<T, F>;\n    imagePlacement: string;\n  },\n) {\n  const actions = evaluateActionCell(actionCell);\n\n  let settingsMenu: CardGalleryItemProps['settingsMenu'] = null;\n  let primaryAction: CardGalleryItemProps['primaryActionProps'] | null = null;\n\n  const extensionMenuItems = useExtensionMenuItems({\n    containerId: actions.containerId,\n  });\n\n  const secondaryActionCellPropsWithBI = createSecondaryActionCellPropWithBi({\n    toolbarBIReporter: actionCell.gridState.toolbar.toolbarBIReporter,\n    actionCellProps: actions,\n    keyedItem: actionCell.keyedItem,\n    extensionMenuItems,\n  });\n\n  const primaryActionCellPropsWithBI = createPrimaryActionCellPropsWithBI(\n    actionCell.gridState.toolbar.toolbarBIReporter,\n    actions,\n    actionCell.keyedItem,\n  ) as TableActionCellPrimaryAction;\n\n  if (primaryActionCellPropsWithBI) {\n    primaryAction = {\n      label: primaryActionCellPropsWithBI.text,\n      onClick: primaryActionCellPropsWithBI.onClick,\n      disabled: primaryActionCellPropsWithBI.disabled,\n      disabledMessage: primaryActionCellPropsWithBI.disabledMessage,\n    };\n  }\n\n  if (actions.secondaryMenuDisabled) {\n    settingsMenu = (\n      <DisabledActionCellMenu\n        dataHook=\"popover-icon-button-trigger-disabled\"\n        tooltipContent={\n          actions.secondaryMenuDisabledTooltip ??\n          actionCell.gridState.container.translate('cairo.disabled')\n        }\n        size=\"small\"\n        skin={actionCell.imagePlacement === 'top' ? 'light' : 'standard'}\n        ariaLabel={actionCell.gridState.container.translate('cairo.moreActions')}\n      />\n    );\n  } else if (\n    secondaryActionCellPropsWithBI &&\n    secondaryActionCellPropsWithBI.length > 0\n  ) {\n    settingsMenu = (\n      <PopoverMenu\n        {...actions.popoverMenuProps}\n        {...getDefaultActionCellProps()}\n        dataHook=\"popover\"\n        triggerElement={({ toggle, close }) => (\n          <IconButton\n            dataHook=\"popover-icon-button-trigger\"\n            onClick={(e) => {\n              e.stopPropagation();\n              toggle();\n              reportOnPopoverMenuShow(\n                actionCell.gridState.toolbar.toolbarBIReporter,\n                actions,\n                actionCell.keyedItem,\n              );\n            }}\n            onPointerDown={\n              actionCell.gridState._dnd ? (e) => e.stopPropagation() : undefined\n            }\n            onMouseLeave={close}\n            skin={actionCell.imagePlacement === 'top' ? 'light' : 'standard'}\n            size=\"small\"\n            priority=\"secondary\"\n          >\n            <More />\n          </IconButton>\n        )}\n        children={secondaryActionCellPropsWithBI.map((action, index) => {\n          if (action.divider) {\n            return <PopoverMenu.Divider key={index} />;\n          }\n\n          const { icon: prefixIcon, skin, ...rest } = action;\n\n          return (\n            <PopoverMenu.MenuItem\n              key={index}\n              prefixIcon={prefixIcon}\n              skin={skin as PopoverMenuItemProps['skin']}\n              {...rest}\n            />\n          );\n        })}\n      />\n    );\n  }\n\n  return {\n    primaryAction,\n    settingsMenu,\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_DisabledActionCellMenu","_CollectionItemActionsHelper","_getDefaultActionCellProps","_useExtensionMenuItems","_jsxFileName","evaluateActionCell","actionCell","item","index","gridState","keyedItem","itemActionsState","openConfirmDeleteModal","openConfirmModal","collection","useGridItemActions","actions","settingsMenu","primaryAction","extensionMenuItems","useExtensionMenuItems","containerId","secondaryActionCellPropsWithBI","createSecondaryActionCellPropWithBi","toolbarBIReporter","toolbar","actionCellProps","primaryActionCellPropsWithBI","createPrimaryActionCellPropsWithBI","label","text","onClick","disabled","disabledMessage","secondaryMenuDisabled","default","createElement","DisabledActionCellMenu","dataHook","tooltipContent","secondaryMenuDisabledTooltip","container","translate","size","skin","imagePlacement","ariaLabel","__self","__source","fileName","lineNumber","columnNumber","length","PopoverMenu","_extends2","popoverMenuProps","getDefaultActionCellProps","triggerElement","toggle","close","IconButton","e","stopPropagation","reportOnPopoverMenuShow","onPointerDown","_dnd","undefined","onMouseLeave","priority","More","children","map","action","divider","Divider","key","icon","prefixIcon","rest","MenuItem"],"sources":["../../../../src/components/Grid/useGridItemActions.tsx"],"sourcesContent":["import React from 'react';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { GridCardItemProps } from './GridCardItem';\nimport { GridBaseState, ItemActionsState } from '../../state';\nimport { ActionCellProps, TableActionCellPrimaryAction } from '../ActionCell';\nimport {\n  CardGalleryItemProps,\n  IconButton,\n  PopoverMenu,\n  PopoverMenuItemProps,\n} from '@wix/design-system';\nimport { More } from '@wix/wix-ui-icons-common/lazy';\nimport { DisabledActionCellMenu } from '../ActionCell/DisabledActionCellMenu';\nimport {\n  createPrimaryActionCellPropsWithBI,\n  createSecondaryActionCellPropWithBi,\n  reportOnPopoverMenuShow,\n} from '../CollectionItemActions/CollectionItemActionsHelper';\nimport { getDefaultActionCellProps } from '../CollectionItemActions/getDefaultActionCellProps';\nimport { useExtensionMenuItems } from '../../hooks/useExtensionMenuItems';\n\ninterface ActionCell<T, F extends FiltersMap> {\n  actionCell: GridCardItemProps<T, F>['actionCell'];\n  item: T;\n  index: number;\n  gridState: GridBaseState<T, F>;\n  keyedItem: KeyedItem<T>;\n  itemActionsState: ItemActionsState<T, F>;\n}\n\nexport function evaluateActionCell<T, F extends FiltersMap>({\n  actionCell,\n  item,\n  index,\n  gridState,\n  keyedItem,\n  itemActionsState,\n}: ActionCell<T, F>): ActionCellProps {\n  if (!actionCell) {\n    return {};\n  }\n\n  if (typeof actionCell === 'function') {\n    return actionCell(item, index, {\n      openConfirmDeleteModal: itemActionsState.openConfirmDeleteModal,\n      openConfirmModal: itemActionsState.openConfirmModal,\n      collection: gridState.collection,\n      keyedItem,\n    });\n  }\n\n  return actionCell;\n}\n\nexport function useGridItemActions<T, F extends FiltersMap>(\n  actionCell: ActionCell<T, F> & {\n    itemActionsState: ItemActionsState<T, F>;\n    imagePlacement: string;\n  },\n) {\n  const actions = evaluateActionCell(actionCell);\n\n  let settingsMenu: CardGalleryItemProps['settingsMenu'] = null;\n  let primaryAction: CardGalleryItemProps['primaryActionProps'] | null = null;\n\n  const extensionMenuItems = useExtensionMenuItems({\n    containerId: actions.containerId,\n  });\n\n  const secondaryActionCellPropsWithBI = createSecondaryActionCellPropWithBi({\n    toolbarBIReporter: actionCell.gridState.toolbar.toolbarBIReporter,\n    actionCellProps: actions,\n    keyedItem: actionCell.keyedItem,\n    extensionMenuItems,\n  });\n\n  const primaryActionCellPropsWithBI = createPrimaryActionCellPropsWithBI(\n    actionCell.gridState.toolbar.toolbarBIReporter,\n    actions,\n    actionCell.keyedItem,\n  ) as TableActionCellPrimaryAction;\n\n  if (primaryActionCellPropsWithBI) {\n    primaryAction = {\n      label: primaryActionCellPropsWithBI.text,\n      onClick: primaryActionCellPropsWithBI.onClick,\n      disabled: primaryActionCellPropsWithBI.disabled,\n      disabledMessage: primaryActionCellPropsWithBI.disabledMessage,\n    };\n  }\n\n  if (actions.secondaryMenuDisabled) {\n    settingsMenu = (\n      <DisabledActionCellMenu\n        dataHook=\"popover-icon-button-trigger-disabled\"\n        tooltipContent={\n          actions.secondaryMenuDisabledTooltip ??\n          actionCell.gridState.container.translate('cairo.disabled')\n        }\n        size=\"small\"\n        skin={actionCell.imagePlacement === 'top' ? 'light' : 'standard'}\n        ariaLabel={actionCell.gridState.container.translate('cairo.moreActions')}\n      />\n    );\n  } else if (\n    secondaryActionCellPropsWithBI &&\n    secondaryActionCellPropsWithBI.length > 0\n  ) {\n    settingsMenu = (\n      <PopoverMenu\n        {...actions.popoverMenuProps}\n        {...getDefaultActionCellProps()}\n        dataHook=\"popover\"\n        triggerElement={({ toggle, close }) => (\n          <IconButton\n            dataHook=\"popover-icon-button-trigger\"\n            onClick={(e) => {\n              e.stopPropagation();\n              toggle();\n              reportOnPopoverMenuShow(\n                actionCell.gridState.toolbar.toolbarBIReporter,\n                actions,\n                actionCell.keyedItem,\n              );\n            }}\n            onPointerDown={\n              actionCell.gridState._dnd ? (e) => e.stopPropagation() : undefined\n            }\n            onMouseLeave={close}\n            skin={actionCell.imagePlacement === 'top' ? 'light' : 'standard'}\n            size=\"small\"\n            priority=\"secondary\"\n          >\n            <More />\n          </IconButton>\n        )}\n        children={secondaryActionCellPropsWithBI.map((action, index) => {\n          if (action.divider) {\n            return <PopoverMenu.Divider key={index} />;\n          }\n\n          const { icon: prefixIcon, skin, ...rest } = action;\n\n          return (\n            <PopoverMenu.MenuItem\n              key={index}\n              prefixIcon={prefixIcon}\n              skin={skin as PopoverMenuItemProps['skin']}\n              {...rest}\n            />\n          );\n        })}\n      />\n    );\n  }\n\n  return {\n    primaryAction,\n    settingsMenu,\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_ = "Heading3915340741";
+var _namespace_ = "Heading3951898647";
 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": "Heading3915340741__root"
+  "root": "Heading3951898647__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_ = \"Heading3915340741\";\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\":\"Heading3915340741__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_ = \"Heading3951898647\";\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\":\"Heading3951898647__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/ImportButton.js

@@ -12,6 +12,7 @@ var _react2 = require("@wix/bex-core/react");
 var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
 var _ResponsiveButton = require("../ResponsiveButton/ResponsiveButton");
 var _useIsMobile = require("../../hooks/useIsMobile");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/ImportButton/ImportButton.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 _ImportButton(props) {
@@ -31,12 +32,28 @@ function _ImportButton(props) {
   } = (0, _react2.useWixPatternsContainer)();
   const [state] = (0, _react.useState)(() => table.importState ?? (table.importState = new _bexCore.ModalState()));
   const isMobile = (0, _useIsMobile.useIsMobile)();
+  const isHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
+  const importIcon = isHarmonyTheme ? /*#__PURE__*/_react.default.createElement(_lazy.DownloadImportSmall, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 30,
+      columnNumber: 5
+    }
+  }) : /*#__PURE__*/_react.default.createElement(_lazy.DownloadImport, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 32,
+      columnNumber: 5
+    }
+  });
   (0, _react.useEffect)(() => {
     table.featuredComponents.importModal.set(/*#__PURE__*/_react.default.createElement(_mobxReactLite.Observer, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 27,
+        lineNumber: 37,
         columnNumber: 7
       }
     }, () => {
@@ -47,7 +64,7 @@ function _ImportButton(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 30,
+          lineNumber: 40,
           columnNumber: 13
         }
       });
@@ -59,7 +76,7 @@ function _ImportButton(props) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 39,
+            lineNumber: 49,
             columnNumber: 15
           }
         }, child);
@@ -71,7 +88,7 @@ function _ImportButton(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 50,
+          lineNumber: 60,
           columnNumber: 13
         }
       }, child);
@@ -85,25 +102,18 @@ function _ImportButton(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 68,
+      lineNumber: 78,
       columnNumber: 5
     }
   }, toolbarType === 'default' ? /*#__PURE__*/_react.default.createElement(_ResponsiveButton.ResponsiveButton, {
     state: responsive.actions,
     dataHook: "import-button",
     onClick: state.open,
-    icon: /*#__PURE__*/_react.default.createElement(_lazy.DownloadImport, {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 74,
-        columnNumber: 17
-      }
-    }),
+    icon: importIcon,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 70,
+      lineNumber: 80,
       columnNumber: 9
     }
   }, t('cairo.import.import')) : /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
@@ -111,20 +121,13 @@ function _ImportButton(props) {
     priority: "secondary",
     size: "small",
     ellipsis: true,
-    prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.DownloadImport, {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 84,
-        columnNumber: 23
-      }
-    }),
+    prefixIcon: importIcon,
     dataHook: "import-button",
     onClick: state.open,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 79,
+      lineNumber: 89,
       columnNumber: 9
     }
   }, t('cairo.import.import')));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_bexCore","_designSystem","_lazy","_mobxReactLite","_ImportButtonModalLayout","_react2","_ToolbarCollectionContext","_ResponsiveButton","_useIsMobile","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ImportButton","props","toolbarType","config","renderFieldEditor","table","useToolbarCollectionContext","toolbar","responsive","translate","useWixPatternsContainer","state","useState","importState","ModalState","isMobile","useIsMobile","useEffect","featuredComponents","importModal","createElement","Observer","__self","__source","fileName","lineNumber","columnNumber","child","ImportButtonModalLayout","importModalState","Drawer","dataHook","open","isOpen","onClose","requestClose","Modal","onRequestClose","ResponsiveButton","actions","onClick","icon","DownloadImport","Button","skin","priority","size","ellipsis","prefixIcon","ImportButton","exports","observer"],"sources":["../../../../src/components/ImportButton/ImportButton.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { FiltersMap, ModalState } from '@wix/bex-core';\nimport { Button, Drawer, Modal } from '@wix/design-system';\nimport { DownloadImport } from '@wix/wix-ui-icons-common/lazy';\nimport { observer, Observer } from 'mobx-react-lite';\nimport { ImportButtonModalLayout } from './ImportButtonModalLayout';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { ImportButtonProps } from './ImportProps';\nimport { ResponsiveButton } from '../ResponsiveButton/ResponsiveButton';\nimport { useIsMobile } from '../../hooks/useIsMobile';\n\nfunction _ImportButton<T, F extends FiltersMap>(props: ImportButtonProps) {\n  const { toolbarType = 'default', config, renderFieldEditor } = props;\n\n  const table = useToolbarCollectionContext<T, F>();\n  const {\n    toolbar: { responsive },\n  } = table;\n\n  const { translate: t } = useWixPatternsContainer();\n  const [state] = useState(() => (table.importState ??= new ModalState()));\n  const isMobile = useIsMobile();\n\n  useEffect(() => {\n    table.featuredComponents.importModal.set(\n      <Observer>\n        {() => {\n          const child = (\n            <ImportButtonModalLayout\n              importModalState={state}\n              config={config}\n              renderFieldEditor={renderFieldEditor}\n            />\n          );\n\n          if (isMobile) {\n            return (\n              <Drawer\n                dataHook=\"import-modal\"\n                open={state.isOpen}\n                onClose={state.requestClose}\n              >\n                {child}\n              </Drawer>\n            );\n          }\n\n          return (\n            <Modal\n              onRequestClose={state.requestClose}\n              isOpen={state.isOpen}\n              dataHook=\"import-modal\"\n            >\n              {child}\n            </Modal>\n          );\n        }}\n      </Observer>,\n    );\n\n    return () => {\n      table.featuredComponents.importModal.set(null);\n    };\n  }, []);\n\n  return (\n    <div data-hook=\"import-container\">\n      {toolbarType === 'default' ? (\n        <ResponsiveButton\n          state={responsive.actions}\n          dataHook=\"import-button\"\n          onClick={state.open}\n          icon={<DownloadImport />}\n        >\n          {t('cairo.import.import')}\n        </ResponsiveButton>\n      ) : (\n        <Button\n          skin=\"standard\"\n          priority=\"secondary\"\n          size=\"small\"\n          ellipsis\n          prefixIcon={<DownloadImport />}\n          dataHook=\"import-button\"\n          onClick={state.open}\n        >\n          {t('cairo.import.import')}\n        </Button>\n      )}\n    </div>\n  );\n}\n\nexport const ImportButton = observer(_ImportButton);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_bexCore","_designSystem","_lazy","_mobxReactLite","_ImportButtonModalLayout","_react2","_ToolbarCollectionContext","_ResponsiveButton","_useIsMobile","_useBmHarmonyTheme","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ImportButton","props","toolbarType","config","renderFieldEditor","table","useToolbarCollectionContext","toolbar","responsive","translate","useWixPatternsContainer","state","useState","importState","ModalState","isMobile","useIsMobile","isHarmonyTheme","useBmHarmonyTheme","importIcon","createElement","DownloadImportSmall","__self","__source","fileName","lineNumber","columnNumber","DownloadImport","useEffect","featuredComponents","importModal","Observer","child","ImportButtonModalLayout","importModalState","Drawer","dataHook","open","isOpen","onClose","requestClose","Modal","onRequestClose","ResponsiveButton","actions","onClick","icon","Button","skin","priority","size","ellipsis","prefixIcon","ImportButton","exports","observer"],"sources":["../../../../src/components/ImportButton/ImportButton.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { FiltersMap, ModalState } from '@wix/bex-core';\nimport { Button, Drawer, Modal } from '@wix/design-system';\nimport {\n  DownloadImport,\n  DownloadImportSmall,\n} from '@wix/wix-ui-icons-common/lazy';\nimport { observer, Observer } from 'mobx-react-lite';\nimport { ImportButtonModalLayout } from './ImportButtonModalLayout';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { ImportButtonProps } from './ImportProps';\nimport { ResponsiveButton } from '../ResponsiveButton/ResponsiveButton';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nfunction _ImportButton<T, F extends FiltersMap>(props: ImportButtonProps) {\n  const { toolbarType = 'default', config, renderFieldEditor } = props;\n\n  const table = useToolbarCollectionContext<T, F>();\n  const {\n    toolbar: { responsive },\n  } = table;\n\n  const { translate: t } = useWixPatternsContainer();\n  const [state] = useState(() => (table.importState ??= new ModalState()));\n  const isMobile = useIsMobile();\n  const isHarmonyTheme = useBmHarmonyTheme();\n  const importIcon = isHarmonyTheme ? (\n    <DownloadImportSmall />\n  ) : (\n    <DownloadImport />\n  );\n\n  useEffect(() => {\n    table.featuredComponents.importModal.set(\n      <Observer>\n        {() => {\n          const child = (\n            <ImportButtonModalLayout\n              importModalState={state}\n              config={config}\n              renderFieldEditor={renderFieldEditor}\n            />\n          );\n\n          if (isMobile) {\n            return (\n              <Drawer\n                dataHook=\"import-modal\"\n                open={state.isOpen}\n                onClose={state.requestClose}\n              >\n                {child}\n              </Drawer>\n            );\n          }\n\n          return (\n            <Modal\n              onRequestClose={state.requestClose}\n              isOpen={state.isOpen}\n              dataHook=\"import-modal\"\n            >\n              {child}\n            </Modal>\n          );\n        }}\n      </Observer>,\n    );\n\n    return () => {\n      table.featuredComponents.importModal.set(null);\n    };\n  }, []);\n\n  return (\n    <div data-hook=\"import-container\">\n      {toolbarType === 'default' ? (\n        <ResponsiveButton\n          state={responsive.actions}\n          dataHook=\"import-button\"\n          onClick={state.open}\n          icon={importIcon}\n        >\n          {t('cairo.import.import')}\n        </ResponsiveButton>\n      ) : (\n        <Button\n          skin=\"standard\"\n          priority=\"secondary\"\n          size=\"small\"\n          ellipsis\n          prefixIcon={importIcon}\n          dataHook=\"import-button\"\n          onClick={state.open}\n        >\n          {t('cairo.import.import')}\n        </Button>\n      )}\n    </div>\n  );\n}\n\nexport const ImportButton = observer(_ImportButton);\n"],"mappings":"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","ignoreList":[]}

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.IdCollisionControl = void 0;
 var _designSystem = require("@wix/design-system");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _bexCore = require("@wix/bex-core");
 var _react = _interopRequireDefault(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
@@ -61,7 +61,7 @@ const IdCollisionControl = exports.IdCollisionControl = (0, _mobxReactLite.obser
       size: "tiny",
       as: "button",
       dataHook: "import-id-collision-action",
-      suffixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChevronDown, {
+      suffixIcon: /*#__PURE__*/_react.default.createElement(_lazy.ChevronDown, {
         __self: this,
         __source: {
           fileName: _jsxFileName,

package/dist/cjs/components/ImportButton/ImportIdCollisionControl.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_wixUiIconsCommon","_bexCore","_react","_interopRequireDefault","_mobxReactLite","_jsxFileName","MENU_MAX_WIDTH","IdCollisionControl","exports","observer","_IdCollisionControl","state","translate","t","writePolicy","isSkip","WritePolicy","SKIP_EXISTING","actionLabel","default","createElement","Box","direction","gap","__self","__source","fileName","lineNumber","columnNumber","Text","size","secondary","dataHook","PopoverMenu","appendTo","zIndex","maxWidth","textSize","placement","triggerElement","TextButton","as","suffixIcon","ChevronDown","MenuItem","text","onClick","setWritePolicy","OVERWRITE"],"sources":["../../../../src/components/ImportButton/ImportIdCollisionControl.tsx"],"sourcesContent":["import { Box, Text, TextButton, PopoverMenu } from '@wix/design-system';\nimport { ChevronDown } from '@wix/wix-ui-icons-common';\nimport { ImportState, WritePolicy } from '@wix/bex-core';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\n\n// Width of the policy popover. The default WDS `maxWidth` (204) is too narrow\n// for \"Update the existing items\" at the medium menu font, so the label wraps\n// to two lines; this matches the field-column width so each option fits on one\n// line (per the Figma).\nconst MENU_MAX_WIDTH = 250;\n\n/**\n * Shown under the row whose CSV column is mapped to the collection `_id` field.\n * Lets the user pick how rows that collide on an existing `_id` are written:\n * update the existing item (`OVERWRITE`) or skip it, keeping the existing data\n * intact (`SKIP_EXISTING`). The inline action label reflects the current choice\n * and opens a popover to switch.\n */\nexport const IdCollisionControl = observer(function _IdCollisionControl({\n  state,\n}: {\n  state: ImportState;\n}) {\n  const { translate: t, writePolicy } = state;\n  const isSkip = writePolicy === WritePolicy.SKIP_EXISTING;\n  const actionLabel = isSkip\n    ? t('cairo.import.skipImportedItems')\n    : t('cairo.import.updateExistingItems');\n\n  return (\n    <Box direction=\"vertical\" gap=\"0\">\n      <Text size=\"tiny\" secondary dataHook=\"import-id-collision-label\">\n        {t('cairo.import.idCollisionLabel')}\n      </Text>\n      <PopoverMenu\n        appendTo=\"window\"\n        zIndex={5001}\n        maxWidth={MENU_MAX_WIDTH}\n        textSize=\"small\"\n        placement=\"bottom-start\"\n        dataHook=\"import-id-collision-menu\"\n        triggerElement={\n          <TextButton\n            size=\"tiny\"\n            as=\"button\"\n            dataHook=\"import-id-collision-action\"\n            suffixIcon={<ChevronDown />}\n          >\n            {actionLabel}\n          </TextButton>\n        }\n      >\n        <PopoverMenu.MenuItem\n          dataHook=\"import-id-collision-update\"\n          text={t('cairo.import.updateExistingItems')}\n          onClick={() => state.setWritePolicy(WritePolicy.OVERWRITE)}\n        />\n        <PopoverMenu.MenuItem\n          dataHook=\"import-id-collision-skip\"\n          text={t('cairo.import.skipImportedItems')}\n          onClick={() => state.setWritePolicy(WritePolicy.SKIP_EXISTING)}\n        />\n      </PopoverMenu>\n    </Box>\n  );\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_lazy","_bexCore","_react","_interopRequireDefault","_mobxReactLite","_jsxFileName","MENU_MAX_WIDTH","IdCollisionControl","exports","observer","_IdCollisionControl","state","translate","t","writePolicy","isSkip","WritePolicy","SKIP_EXISTING","actionLabel","default","createElement","Box","direction","gap","__self","__source","fileName","lineNumber","columnNumber","Text","size","secondary","dataHook","PopoverMenu","appendTo","zIndex","maxWidth","textSize","placement","triggerElement","TextButton","as","suffixIcon","ChevronDown","MenuItem","text","onClick","setWritePolicy","OVERWRITE"],"sources":["../../../../src/components/ImportButton/ImportIdCollisionControl.tsx"],"sourcesContent":["import { Box, Text, TextButton, PopoverMenu } from '@wix/design-system';\nimport { ChevronDown } from '@wix/wix-ui-icons-common/lazy';\nimport { ImportState, WritePolicy } from '@wix/bex-core';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\n\n// Width of the policy popover. The default WDS `maxWidth` (204) is too narrow\n// for \"Update the existing items\" at the medium menu font, so the label wraps\n// to two lines; this matches the field-column width so each option fits on one\n// line (per the Figma).\nconst MENU_MAX_WIDTH = 250;\n\n/**\n * Shown under the row whose CSV column is mapped to the collection `_id` field.\n * Lets the user pick how rows that collide on an existing `_id` are written:\n * update the existing item (`OVERWRITE`) or skip it, keeping the existing data\n * intact (`SKIP_EXISTING`). The inline action label reflects the current choice\n * and opens a popover to switch.\n */\nexport const IdCollisionControl = observer(function _IdCollisionControl({\n  state,\n}: {\n  state: ImportState;\n}) {\n  const { translate: t, writePolicy } = state;\n  const isSkip = writePolicy === WritePolicy.SKIP_EXISTING;\n  const actionLabel = isSkip\n    ? t('cairo.import.skipImportedItems')\n    : t('cairo.import.updateExistingItems');\n\n  return (\n    <Box direction=\"vertical\" gap=\"0\">\n      <Text size=\"tiny\" secondary dataHook=\"import-id-collision-label\">\n        {t('cairo.import.idCollisionLabel')}\n      </Text>\n      <PopoverMenu\n        appendTo=\"window\"\n        zIndex={5001}\n        maxWidth={MENU_MAX_WIDTH}\n        textSize=\"small\"\n        placement=\"bottom-start\"\n        dataHook=\"import-id-collision-menu\"\n        triggerElement={\n          <TextButton\n            size=\"tiny\"\n            as=\"button\"\n            dataHook=\"import-id-collision-action\"\n            suffixIcon={<ChevronDown />}\n          >\n            {actionLabel}\n          </TextButton>\n        }\n      >\n        <PopoverMenu.MenuItem\n          dataHook=\"import-id-collision-update\"\n          text={t('cairo.import.updateExistingItems')}\n          onClick={() => state.setWritePolicy(WritePolicy.OVERWRITE)}\n        />\n        <PopoverMenu.MenuItem\n          dataHook=\"import-id-collision-skip\"\n          text={t('cairo.import.skipImportedItems')}\n          onClick={() => state.setWritePolicy(WritePolicy.SKIP_EXISTING)}\n        />\n      </PopoverMenu>\n    </Box>\n  );\n});\n"],"mappings":"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","ignoreList":[]}