@wix/patterns 1.263.0 → 1.265.0

package/dist/cjs/components/CustomColumnsPanel/CustomColumnsPanel.js

@@ -14,6 +14,7 @@ var _CustomColumnsNoResults = require("./CustomColumnsNoResults");
 var _useRafRender = require("../../hooks/useRafRender");
 var _bi = require("@wix/bex-core/bi");
 var _ScrollableContent = require("../ScrollableContent");
+var _PatternsSidePanel = require("../SidePanel/PatternsSidePanel");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CustomColumnsPanel/CustomColumnsPanel.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 _CustomColumnsPanel({
@@ -43,10 +44,10 @@ function _CustomColumnsPanel({
 
   // Show search if they're using DEx OR if there are more than 5 columns
   const shouldShowSearch = isUsingDataExtension || totalColumns > 5;
-  return /*#__PURE__*/_react.default.createElement(_designSystem.SidePanel, {
+  return /*#__PURE__*/_react.default.createElement(_PatternsSidePanel.PatternsSidePanel, {
     dataHook: "custom-columns-panel",
     width: "100%",
-    onCloseButtonClick: () => {
+    onClose: () => {
       table.reportBi((0, _bexCore.withoutDefaults)(_bi.cairoFiltersPanelUsed)({
         isOpened: false,
         feature: 'Custom Columns',
@@ -57,7 +58,7 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 42,
+      lineNumber: 43,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.SidePanel.Header, {
@@ -66,7 +67,7 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 56,
+      lineNumber: 57,
       columnNumber: 7
     }
   }, shouldShowSearch && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -74,7 +75,7 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 65,
+      lineNumber: 66,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_CustomColumnsSearch.CustomColumnsSearch, {
@@ -82,7 +83,7 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 66,
+      lineNumber: 67,
       columnNumber: 13
     }
   }))), /*#__PURE__*/_react.default.createElement(_ScrollableContent.ScrollableContent, {
@@ -96,7 +97,7 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 70,
+      lineNumber: 71,
       columnNumber: 7
     }
   }, hasSearchValue && !hasSearchResults ? /*#__PURE__*/_react.default.createElement(_CustomColumnsNoResults.CustomColumnsNoResults, {
@@ -104,7 +105,7 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 80,
+      lineNumber: 81,
       columnNumber: 11
     }
   }) : /*#__PURE__*/_react.default.createElement(_ColumnsList.ColumnsList, {
@@ -112,14 +113,14 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 82,
+      lineNumber: 83,
       columnNumber: 11
     }
   })), (collectionDataExtension == null || (_collectionDataExtens = collectionDataExtension.DataExtension) == null ? void 0 : _collectionDataExtens.CustomColumnsAddCustomFieldCTAButton) && /*#__PURE__*/_react.default.createElement(collectionDataExtension.DataExtension.CustomColumnsAddCustomFieldCTAButton, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 87,
+      lineNumber: 88,
       columnNumber: 9
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_bexCore","_react2","_mobxReactLite","_ColumnsList","_CustomColumnsSearch","_CustomColumnsNoResults","_useRafRender","_bi","_ScrollableContent","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CustomColumnsPanel","state","_collectionDataExtens","entered","useRafRender","translate","useWixPatternsContainer","table","dragAndDrop","sidePanel","collectionDataExtension","useEffect","init","hasSearchResults","columnsCollection","result","items","length","hasSearchValue","searchValue","trim","totalColumns","orderedColumns","isUsingDataExtension","shouldShowSearch","createElement","SidePanel","dataHook","width","onCloseButtonClick","reportBi","withoutDefaults","cairoFiltersPanelUsed","isOpened","feature","origin","close","__self","__source","fileName","lineNumber","columnNumber","Header","title","subtitle","Box","padding","CustomColumnsSearch","ScrollableContent","overflowY","ref","listRect","element","CustomColumnsNoResults","ColumnsList","DataExtension","CustomColumnsAddCustomFieldCTAButton","CustomColumnsPanel","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsPanel.tsx"],"sourcesContent":["import { SidePanel, Box } from '@wix/design-system';\nimport React, { useEffect } from 'react';\nimport { CustomColumnsState } from '../../state';\nimport { FiltersMap, withoutDefaults } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { ColumnsList } from './ColumnsList';\nimport { CustomColumnsSearch } from './CustomColumnsSearch';\nimport { CustomColumnsNoResults } from './CustomColumnsNoResults';\nimport { useRafRender } from '../../hooks/useRafRender';\nimport { cairoFiltersPanelUsed } from '@wix/bex-core/bi';\nimport { ScrollableContent } from '../ScrollableContent';\n\nexport interface CustomColumnsPanelProps<T, F extends FiltersMap> {\n  state: CustomColumnsState<T, F>;\n}\n\nexport function _CustomColumnsPanel<T, F extends FiltersMap>({\n  state,\n}: CustomColumnsPanelProps<T, F>) {\n  const entered = useRafRender();\n  const { translate: t } = useWixPatternsContainer();\n\n  const { table, dragAndDrop } = state;\n  const { sidePanel, collectionDataExtension } = table;\n\n  useEffect(() => state.init(), []);\n\n  if (!entered) {\n    return null;\n  }\n\n  const hasSearchResults = state.columnsCollection.result.items.length > 0;\n  const hasSearchValue = state.searchValue.trim().length > 0;\n  const totalColumns = state.orderedColumns.length;\n  const isUsingDataExtension = !!collectionDataExtension;\n\n  // Show search if they're using DEx OR if there are more than 5 columns\n  const shouldShowSearch = isUsingDataExtension || totalColumns > 5;\n\n  return (\n    <SidePanel\n      dataHook=\"custom-columns-panel\"\n      width=\"100%\"\n      onCloseButtonClick={() => {\n        table.reportBi(\n          withoutDefaults(cairoFiltersPanelUsed)({\n            isOpened: false,\n            feature: 'Custom Columns',\n            origin: 'X Button',\n          }),\n        );\n        sidePanel.close();\n      }}\n    >\n      <SidePanel.Header\n        title={t('cairo.table.custom-columns.title')}\n        subtitle={\n          dragAndDrop\n            ? t('cairo.table.custom-columns.dragAndDrop.subtitle')\n            : t('cairo.table.custom-columns.subtitle')\n        }\n      >\n        {shouldShowSearch && (\n          <Box padding=\"0 SP3 SP2 SP3\">\n            <CustomColumnsSearch state={state} />\n          </Box>\n        )}\n      </SidePanel.Header>\n      <ScrollableContent\n        overflowY\n        dataHook=\"custom-columns-panel-scroll-container\"\n        ref={(e) => {\n          if (state.dragAndDrop) {\n            state.dragAndDrop.listRect.element = e;\n          }\n        }}\n      >\n        {hasSearchValue && !hasSearchResults ? (\n          <CustomColumnsNoResults state={state} />\n        ) : (\n          <ColumnsList state={state} />\n        )}\n      </ScrollableContent>\n      {collectionDataExtension?.DataExtension\n        ?.CustomColumnsAddCustomFieldCTAButton && (\n        <collectionDataExtension.DataExtension.CustomColumnsAddCustomFieldCTAButton />\n      )}\n    </SidePanel>\n  );\n}\n\nexport const CustomColumnsPanel = observer(_CustomColumnsPanel);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_bexCore","_react2","_mobxReactLite","_ColumnsList","_CustomColumnsSearch","_CustomColumnsNoResults","_useRafRender","_bi","_ScrollableContent","_PatternsSidePanel","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CustomColumnsPanel","state","_collectionDataExtens","entered","useRafRender","translate","useWixPatternsContainer","table","dragAndDrop","sidePanel","collectionDataExtension","useEffect","init","hasSearchResults","columnsCollection","result","items","length","hasSearchValue","searchValue","trim","totalColumns","orderedColumns","isUsingDataExtension","shouldShowSearch","createElement","PatternsSidePanel","dataHook","width","onClose","reportBi","withoutDefaults","cairoFiltersPanelUsed","isOpened","feature","origin","close","__self","__source","fileName","lineNumber","columnNumber","SidePanel","Header","title","subtitle","Box","padding","CustomColumnsSearch","ScrollableContent","overflowY","ref","listRect","element","CustomColumnsNoResults","ColumnsList","DataExtension","CustomColumnsAddCustomFieldCTAButton","CustomColumnsPanel","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsPanel.tsx"],"sourcesContent":["import { Box, SidePanel } from '@wix/design-system';\nimport React, { useEffect } from 'react';\nimport { CustomColumnsState } from '../../state';\nimport { FiltersMap, withoutDefaults } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { ColumnsList } from './ColumnsList';\nimport { CustomColumnsSearch } from './CustomColumnsSearch';\nimport { CustomColumnsNoResults } from './CustomColumnsNoResults';\nimport { useRafRender } from '../../hooks/useRafRender';\nimport { cairoFiltersPanelUsed } from '@wix/bex-core/bi';\nimport { ScrollableContent } from '../ScrollableContent';\nimport { PatternsSidePanel } from '../SidePanel/PatternsSidePanel';\n\nexport interface CustomColumnsPanelProps<T, F extends FiltersMap> {\n  state: CustomColumnsState<T, F>;\n}\n\nexport function _CustomColumnsPanel<T, F extends FiltersMap>({\n  state,\n}: CustomColumnsPanelProps<T, F>) {\n  const entered = useRafRender();\n  const { translate: t } = useWixPatternsContainer();\n\n  const { table, dragAndDrop } = state;\n  const { sidePanel, collectionDataExtension } = table;\n\n  useEffect(() => state.init(), []);\n\n  if (!entered) {\n    return null;\n  }\n\n  const hasSearchResults = state.columnsCollection.result.items.length > 0;\n  const hasSearchValue = state.searchValue.trim().length > 0;\n  const totalColumns = state.orderedColumns.length;\n  const isUsingDataExtension = !!collectionDataExtension;\n\n  // Show search if they're using DEx OR if there are more than 5 columns\n  const shouldShowSearch = isUsingDataExtension || totalColumns > 5;\n\n  return (\n    <PatternsSidePanel\n      dataHook=\"custom-columns-panel\"\n      width=\"100%\"\n      onClose={() => {\n        table.reportBi(\n          withoutDefaults(cairoFiltersPanelUsed)({\n            isOpened: false,\n            feature: 'Custom Columns',\n            origin: 'X Button',\n          }),\n        );\n        sidePanel.close();\n      }}\n    >\n      <SidePanel.Header\n        title={t('cairo.table.custom-columns.title')}\n        subtitle={\n          dragAndDrop\n            ? t('cairo.table.custom-columns.dragAndDrop.subtitle')\n            : t('cairo.table.custom-columns.subtitle')\n        }\n      >\n        {shouldShowSearch && (\n          <Box padding=\"0 SP3 SP2 SP3\">\n            <CustomColumnsSearch state={state} />\n          </Box>\n        )}\n      </SidePanel.Header>\n      <ScrollableContent\n        overflowY\n        dataHook=\"custom-columns-panel-scroll-container\"\n        ref={(e) => {\n          if (state.dragAndDrop) {\n            state.dragAndDrop.listRect.element = e;\n          }\n        }}\n      >\n        {hasSearchValue && !hasSearchResults ? (\n          <CustomColumnsNoResults state={state} />\n        ) : (\n          <ColumnsList state={state} />\n        )}\n      </ScrollableContent>\n      {collectionDataExtension?.DataExtension\n        ?.CustomColumnsAddCustomFieldCTAButton && (\n        <collectionDataExtension.DataExtension.CustomColumnsAddCustomFieldCTAButton />\n      )}\n    </PatternsSidePanel>\n  );\n}\n\nexport const CustomColumnsPanel = observer(_CustomColumnsPanel);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CustomFieldsPanel/CustomFieldsPanel.js

@@ -14,6 +14,7 @@ var _mobxReactLite = require("mobx-react-lite");
 var _CustomFieldsList = require("./CustomFieldsList");
 var _AddCustomFieldCTAButton = require("./AddCustomFieldCTAButton");
 var _bi = require("@wix/bex-core/bi");
+var _PatternsSidePanel = require("../SidePanel/PatternsSidePanel");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CustomFieldsPanel/CustomFieldsPanel.tsx";
 function _CustomFieldsPanel({
   state
@@ -27,10 +28,10 @@ function _CustomFieldsPanel({
   if (!entered) {
     return null;
   }
-  return /*#__PURE__*/_react2.default.createElement(_designSystem.SidePanel, {
+  return /*#__PURE__*/_react2.default.createElement(_PatternsSidePanel.PatternsSidePanel, {
     dataHook: "custom-fields-panel",
     width: "100%",
-    onCloseButtonClick: () => {
+    onClose: () => {
       state.reportBi((0, _bexCore.withoutDefaults)(_bi.cairoFiltersPanelUsed)({
         isOpened: false,
         feature: 'Manage custom fields',
@@ -41,7 +42,7 @@ function _CustomFieldsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 28,
+      lineNumber: 29,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react2.default.createElement(_designSystem.SidePanel.Header, {
@@ -50,7 +51,7 @@ function _CustomFieldsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 42,
+      lineNumber: 43,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react2.default.createElement(_ScrollableContent.ScrollableContent, {
@@ -59,7 +60,7 @@ function _CustomFieldsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 46,
+      lineNumber: 47,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react2.default.createElement(_CustomFieldsList.CustomFieldsList, {
@@ -67,7 +68,7 @@ function _CustomFieldsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 50,
+      lineNumber: 51,
       columnNumber: 9
     }
   })), /*#__PURE__*/_react2.default.createElement(_designSystem.Box, {
@@ -76,7 +77,7 @@ function _CustomFieldsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 53,
+      lineNumber: 54,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react2.default.createElement(_designSystem.Divider, {
@@ -84,7 +85,7 @@ function _CustomFieldsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 54,
+      lineNumber: 55,
       columnNumber: 9
     }
   }), /*#__PURE__*/_react2.default.createElement(_designSystem.Box, {
@@ -93,7 +94,7 @@ function _CustomFieldsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 55,
+      lineNumber: 56,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react2.default.createElement(_AddCustomFieldCTAButton.AddCustomFieldCTAButton, {
@@ -106,7 +107,7 @@ function _CustomFieldsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 56,
+      lineNumber: 57,
       columnNumber: 11
     }
   }))));

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

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_react","_useRafRender","_react2","_interopRequireDefault","_designSystem","_ScrollableContent","_mobxReactLite","_CustomFieldsList","_AddCustomFieldCTAButton","_bi","_jsxFileName","_CustomFieldsPanel","state","container","useWixPatternsContainer","translate","t","origin","entered","useRafRender","default","createElement","SidePanel","dataHook","width","onCloseButtonClick","reportBi","withoutDefaults","cairoFiltersPanelUsed","isOpened","feature","closeSidePanel","__self","__source","fileName","lineNumber","columnNumber","Header","title","subtitle","ScrollableContent","overflowY","CustomFieldsList","Box","direction","Divider","padding","AddCustomFieldCTAButton","onClick","openCustomFieldModal","CustomFieldsPanel","exports","observer"],"sources":["../../../../src/components/CustomFieldsPanel/CustomFieldsPanel.tsx"],"sourcesContent":["import { withoutDefaults } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useRafRender } from '../../hooks/useRafRender';\nimport React from 'react';\nimport { Box, Divider, SidePanel } from '@wix/design-system';\nimport { ScrollableContent } from '../ScrollableContent';\nimport { observer } from 'mobx-react-lite';\nimport { CustomFieldsList } from './CustomFieldsList';\nimport { AddCustomFieldCTAButton } from './AddCustomFieldCTAButton';\nimport { cairoFiltersPanelUsed } from '@wix/bex-core/bi';\nimport { CustomFieldsPanelState } from '../../state/CustomFields/CustomFieldsPanelState';\n\nexport interface CustomFieldsPanelProps {\n  state: CustomFieldsPanelState;\n}\nexport function _CustomFieldsPanel({ state }: CustomFieldsPanelProps) {\n  const container = useWixPatternsContainer();\n  const { translate: t } = container;\n  const origin = 'Custom fields panel';\n\n  const entered = useRafRender();\n\n  if (!entered) {\n    return null;\n  }\n\n  return (\n    <SidePanel\n      dataHook=\"custom-fields-panel\"\n      width=\"100%\"\n      onCloseButtonClick={() => {\n        state.reportBi(\n          withoutDefaults(cairoFiltersPanelUsed)({\n            isOpened: false,\n            feature: 'Manage custom fields',\n            origin: 'X Button',\n          }),\n        );\n        state.closeSidePanel?.();\n      }}\n    >\n      <SidePanel.Header\n        title={t('cairo.customFields.manageFields.title')}\n        subtitle={t('cairo.customFields.manageFields.subtitle')}\n      />\n      <ScrollableContent\n        overflowY\n        dataHook=\"custom-fields-panel-scroll-container\"\n      >\n        <CustomFieldsList state={state} />\n      </ScrollableContent>\n\n      <Box direction=\"vertical\" width=\"100%\">\n        <Divider direction=\"horizontal\" />\n        <Box padding=\"SP4\" direction=\"vertical\">\n          <AddCustomFieldCTAButton\n            state={state}\n            onClick={() => {\n              state.openCustomFieldModal({ origin });\n            }}\n          />\n        </Box>\n      </Box>\n    </SidePanel>\n  );\n}\n\nexport const CustomFieldsPanel = observer(_CustomFieldsPanel);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_react","_useRafRender","_react2","_interopRequireDefault","_designSystem","_ScrollableContent","_mobxReactLite","_CustomFieldsList","_AddCustomFieldCTAButton","_bi","_PatternsSidePanel","_jsxFileName","_CustomFieldsPanel","state","container","useWixPatternsContainer","translate","t","origin","entered","useRafRender","default","createElement","PatternsSidePanel","dataHook","width","onClose","reportBi","withoutDefaults","cairoFiltersPanelUsed","isOpened","feature","closeSidePanel","__self","__source","fileName","lineNumber","columnNumber","SidePanel","Header","title","subtitle","ScrollableContent","overflowY","CustomFieldsList","Box","direction","Divider","padding","AddCustomFieldCTAButton","onClick","openCustomFieldModal","CustomFieldsPanel","exports","observer"],"sources":["../../../../src/components/CustomFieldsPanel/CustomFieldsPanel.tsx"],"sourcesContent":["import { withoutDefaults } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useRafRender } from '../../hooks/useRafRender';\nimport React from 'react';\nimport { Box, Divider, SidePanel } from '@wix/design-system';\nimport { ScrollableContent } from '../ScrollableContent';\nimport { observer } from 'mobx-react-lite';\nimport { CustomFieldsList } from './CustomFieldsList';\nimport { AddCustomFieldCTAButton } from './AddCustomFieldCTAButton';\nimport { cairoFiltersPanelUsed } from '@wix/bex-core/bi';\nimport { CustomFieldsPanelState } from '../../state/CustomFields/CustomFieldsPanelState';\nimport { PatternsSidePanel } from '../SidePanel/PatternsSidePanel';\n\nexport interface CustomFieldsPanelProps {\n  state: CustomFieldsPanelState;\n}\nexport function _CustomFieldsPanel({ state }: CustomFieldsPanelProps) {\n  const container = useWixPatternsContainer();\n  const { translate: t } = container;\n  const origin = 'Custom fields panel';\n\n  const entered = useRafRender();\n\n  if (!entered) {\n    return null;\n  }\n\n  return (\n    <PatternsSidePanel\n      dataHook=\"custom-fields-panel\"\n      width=\"100%\"\n      onClose={() => {\n        state.reportBi(\n          withoutDefaults(cairoFiltersPanelUsed)({\n            isOpened: false,\n            feature: 'Manage custom fields',\n            origin: 'X Button',\n          }),\n        );\n        state.closeSidePanel?.();\n      }}\n    >\n      <SidePanel.Header\n        title={t('cairo.customFields.manageFields.title')}\n        subtitle={t('cairo.customFields.manageFields.subtitle')}\n      />\n      <ScrollableContent\n        overflowY\n        dataHook=\"custom-fields-panel-scroll-container\"\n      >\n        <CustomFieldsList state={state} />\n      </ScrollableContent>\n\n      <Box direction=\"vertical\" width=\"100%\">\n        <Divider direction=\"horizontal\" />\n        <Box padding=\"SP4\" direction=\"vertical\">\n          <AddCustomFieldCTAButton\n            state={state}\n            onClick={() => {\n              state.openCustomFieldModal({ origin });\n            }}\n          />\n        </Box>\n      </Box>\n    </PatternsSidePanel>\n  );\n}\n\nexport const CustomFieldsPanel = observer(_CustomFieldsPanel);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/DateRangeFilter/DateRangeFilter.js

@@ -11,6 +11,7 @@ var _DateRangePicker = require("../DateRangePicker");
 var _designSystem = require("@wix/design-system");
 var _bexCore = require("@wix/bex-core");
 var _hooks = require("../../hooks");
+var _PatternsThemeProvider = require("../../themes/PatternsThemeProvider");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/DateRangeFilter/DateRangeFilter.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 _DateRangeFilter(props) {
@@ -24,6 +25,11 @@ function _DateRangeFilter(props) {
   const {
     translate: t
   } = (0, _react2.useWixPatternsContainer)();
+  const {
+    radioGroup: {
+      spacing
+    }
+  } = (0, _PatternsThemeProvider.usePatternsTheme)();
   const state = (0, _hooks.useDateRangeFilterState)({
     filter,
     filterByTime,
@@ -52,7 +58,7 @@ function _DateRangeFilter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 87,
+      lineNumber: 91,
       columnNumber: 5
     }
   }));
@@ -61,17 +67,18 @@ function _DateRangeFilter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 97,
+      lineNumber: 101,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.RadioGroup, {
     value: state.dateRangePicker.selectedPreset,
     onChange: v => v && state.dateRangePicker.onPresetChanged(v.toString()),
+    spacing: spacing,
     dataHook: "date-range-filter-group",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 98,
+      lineNumber: 102,
       columnNumber: 9
     }
   }, Object.values(dateRangePreset).map(preset => preset === dateRangePreset.CUSTOM ? null : /*#__PURE__*/_react.default.createElement(_designSystem.RadioGroup.Radio, {
@@ -81,7 +88,7 @@ function _DateRangeFilter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 107,
+      lineNumber: 112,
       columnNumber: 15
     }
   }, t(_bexCore.MAP_DATE_PRESET_TO_KEY[preset]))), mode === 'COMBINE' && dateRangePreset.CUSTOM && /*#__PURE__*/_react.default.createElement(_designSystem.RadioGroup.Radio, {
@@ -90,7 +97,7 @@ function _DateRangeFilter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 117,
+      lineNumber: 122,
       columnNumber: 13
     }
   }, t(_bexCore.MAP_DATE_PRESET_TO_KEY[dateRangePreset.CUSTOM]))), /*#__PURE__*/_react.default.createElement(_designSystem.Collapse, {
@@ -98,7 +105,7 @@ function _DateRangeFilter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 125,
+      lineNumber: 130,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -107,7 +114,7 @@ function _DateRangeFilter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 128,
+      lineNumber: 133,
       columnNumber: 11
     }
   }, customElement)));
@@ -117,7 +124,7 @@ function _DateRangeFilter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 136,
+      lineNumber: 141,
       columnNumber: 5
     }
   }, innerComponent);

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_react2","_mobxReactLite","_DateRangePicker","_designSystem","_bexCore","_hooks","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_DateRangeFilter","props","filter","filterByTime","mode","dateRangeOptions","rest","translate","useWixPatternsContainer","state","useDateRangeFilterState","dateRangePreset","useMemo","DefaultDateRangePreset","dateRangePresetArr","keys","DateRangePreset","key","includes","unshift","NONE","push","CUSTOM","dateRangePresetObjects","reduce","cur","useEffect","init","customElement","createElement","DateRangePicker","_extends2","dataHook","dateRangePicker","__self","__source","fileName","lineNumber","columnNumber","innerComponent","Box","direction","RadioGroup","value","selectedPreset","onChange","v","onPresetChanged","toString","values","map","preset","Radio","MAP_DATE_PRESET_TO_KEY","Collapse","open","marginTop","overflowY","name","DateRangeFilter","exports","observer","displayName","renderPresetToolbarTag"],"sources":["../../../../src/components/DateRangeFilter/DateRangeFilter.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from 'react';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { FilterProps } from '../../model';\nimport { DateRangePicker } from '../DateRangePicker';\nimport { Box, Collapse, DatePickerProps, RadioGroup } from '@wix/design-system';\nimport {\n  DateRangeFilterMode,\n  DateRangeOptions,\n  DateRangePredefinedPresetOptions,\n  DateRangePreset,\n  DateRangePresetOptions,\n  DefaultDateRangePreset,\n  MAP_DATE_PRESET_TO_KEY,\n  RangeItem,\n  renderPresetToolbarTag,\n} from '@wix/bex-core';\nimport { useDateRangeFilterState } from '../../hooks';\n\nexport interface DateRangeFilterProps\n  extends FilterProps<RangeItem<Date>>,\n    Partial<DatePickerProps> {\n  /**\n   * There are 3 possible modes:\n   * - `ONLY_PREDEFINED`: show only predefined dates options\n   * - `ONLY_CUSTOM`: show only custom date pickers\n   * - `COMBINE`: default, combines both predefined and custom\n   * @external\n   */\n  mode?: DateRangeFilterMode;\n  /**\n   * An optional array of 3 possible options: `'SEVEN_DAYS', 'FOURTEEN_DAYS', 'MONTH'`.\n   * @default `['SEVEN_DAYS', 'FOURTEEN_DAYS', 'MONTH']`\n   * @external\n   */\n  dateRangeOptions?: DateRangeOptions;\n\n  /**\n   * If to include time resolution\n   * @external\n   */\n  filterByTime?: boolean;\n}\n\nfunction _DateRangeFilter(props: DateRangeFilterProps) {\n  const {\n    filter,\n    filterByTime,\n    mode = 'COMBINE',\n    dateRangeOptions,\n    ...rest\n  } = props;\n\n  const { translate: t } = useWixPatternsContainer();\n  const state = useDateRangeFilterState({\n    filter,\n    filterByTime,\n    mode,\n  });\n\n  const dateRangePreset: Partial<Record<DateRangePresetOptions, string>> =\n    useMemo(() => {\n      if (!dateRangeOptions) {\n        return DefaultDateRangePreset;\n      }\n      const dateRangePresetArr = Object.keys(DateRangePreset).filter((key) =>\n        dateRangeOptions.includes(key as DateRangePredefinedPresetOptions),\n      );\n      dateRangePresetArr.unshift(DateRangePreset.NONE);\n      if (mode === 'COMBINE') {\n        dateRangePresetArr.push(DateRangePreset.CUSTOM);\n      }\n      const dateRangePresetObjects = dateRangePresetArr.reduce(\n        (cur, key) => ({\n          ...cur,\n          [key]: DateRangePreset[key as DateRangePresetOptions],\n        }),\n        {},\n      ) as Record<DateRangePresetOptions, string>;\n\n      return dateRangePresetObjects;\n    }, [mode, dateRangeOptions]);\n\n  useEffect(() => state.init(), []);\n\n  const customElement = (\n    <DateRangePicker\n      dataHook=\"date-range-picker\"\n      state={state.dateRangePicker}\n      {...rest}\n    />\n  );\n  const innerComponent =\n    mode === 'ONLY_CUSTOM' ? (\n      customElement\n    ) : (\n      <Box direction=\"vertical\">\n        <RadioGroup\n          value={state.dateRangePicker.selectedPreset}\n          onChange={(v) =>\n            v && state.dateRangePicker.onPresetChanged(v.toString())\n          }\n          dataHook=\"date-range-filter-group\"\n        >\n          {Object.values(dateRangePreset).map((preset) =>\n            preset === dateRangePreset.CUSTOM ? null : (\n              <RadioGroup.Radio\n                key={preset}\n                value={preset}\n                dataHook={`date-range-filter-option-${preset}`}\n              >\n                {t(MAP_DATE_PRESET_TO_KEY[preset])}\n              </RadioGroup.Radio>\n            ),\n          )}\n          {mode === 'COMBINE' && dateRangePreset.CUSTOM && (\n            <RadioGroup.Radio\n              value={dateRangePreset.CUSTOM}\n              dataHook={`date-range-filter-option-${dateRangePreset.CUSTOM}`}\n            >\n              {t(MAP_DATE_PRESET_TO_KEY[dateRangePreset.CUSTOM])}\n            </RadioGroup.Radio>\n          )}\n        </RadioGroup>\n        <Collapse\n          open={state.dateRangePicker.selectedPreset === dateRangePreset.CUSTOM}\n        >\n          <Box marginTop=\"14px\" overflowY=\"visible\">\n            {customElement}\n          </Box>\n        </Collapse>\n      </Box>\n    );\n\n  return (\n    <Box dataHook={`date-range-filter-${filter.name}`} direction=\"vertical\">\n      {innerComponent}\n    </Box>\n  );\n}\nexport const DateRangeFilter = observer(\n  _DateRangeFilter,\n) as typeof _DateRangeFilter & {\n  displayName?: string;\n  renderPresetToolbarTag?: typeof renderPresetToolbarTag;\n};\n\nDateRangeFilter.displayName = 'DateRangeFilter';\nDateRangeFilter.renderPresetToolbarTag = renderPresetToolbarTag;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_react2","_mobxReactLite","_DateRangePicker","_designSystem","_bexCore","_hooks","_PatternsThemeProvider","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_DateRangeFilter","props","filter","filterByTime","mode","dateRangeOptions","rest","translate","useWixPatternsContainer","radioGroup","spacing","usePatternsTheme","state","useDateRangeFilterState","dateRangePreset","useMemo","DefaultDateRangePreset","dateRangePresetArr","keys","DateRangePreset","key","includes","unshift","NONE","push","CUSTOM","dateRangePresetObjects","reduce","cur","useEffect","init","customElement","createElement","DateRangePicker","_extends2","dataHook","dateRangePicker","__self","__source","fileName","lineNumber","columnNumber","innerComponent","Box","direction","RadioGroup","value","selectedPreset","onChange","v","onPresetChanged","toString","values","map","preset","Radio","MAP_DATE_PRESET_TO_KEY","Collapse","open","marginTop","overflowY","name","DateRangeFilter","exports","observer","displayName","renderPresetToolbarTag"],"sources":["../../../../src/components/DateRangeFilter/DateRangeFilter.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from 'react';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { FilterProps } from '../../model';\nimport { DateRangePicker } from '../DateRangePicker';\nimport { Box, Collapse, DatePickerProps, RadioGroup } from '@wix/design-system';\nimport {\n  DateRangeFilterMode,\n  DateRangeOptions,\n  DateRangePredefinedPresetOptions,\n  DateRangePreset,\n  DateRangePresetOptions,\n  DefaultDateRangePreset,\n  MAP_DATE_PRESET_TO_KEY,\n  RangeItem,\n  renderPresetToolbarTag,\n} from '@wix/bex-core';\nimport { useDateRangeFilterState } from '../../hooks';\nimport { usePatternsTheme } from '../../themes/PatternsThemeProvider';\n\nexport interface DateRangeFilterProps\n  extends FilterProps<RangeItem<Date>>,\n    Partial<DatePickerProps> {\n  /**\n   * There are 3 possible modes:\n   * - `ONLY_PREDEFINED`: show only predefined dates options\n   * - `ONLY_CUSTOM`: show only custom date pickers\n   * - `COMBINE`: default, combines both predefined and custom\n   * @external\n   */\n  mode?: DateRangeFilterMode;\n  /**\n   * An optional array of 3 possible options: `'SEVEN_DAYS', 'FOURTEEN_DAYS', 'MONTH'`.\n   * @default `['SEVEN_DAYS', 'FOURTEEN_DAYS', 'MONTH']`\n   * @external\n   */\n  dateRangeOptions?: DateRangeOptions;\n\n  /**\n   * If to include time resolution\n   * @external\n   */\n  filterByTime?: boolean;\n}\n\nfunction _DateRangeFilter(props: DateRangeFilterProps) {\n  const {\n    filter,\n    filterByTime,\n    mode = 'COMBINE',\n    dateRangeOptions,\n    ...rest\n  } = props;\n\n  const { translate: t } = useWixPatternsContainer();\n  const {\n    radioGroup: { spacing },\n  } = usePatternsTheme();\n  const state = useDateRangeFilterState({\n    filter,\n    filterByTime,\n    mode,\n  });\n\n  const dateRangePreset: Partial<Record<DateRangePresetOptions, string>> =\n    useMemo(() => {\n      if (!dateRangeOptions) {\n        return DefaultDateRangePreset;\n      }\n      const dateRangePresetArr = Object.keys(DateRangePreset).filter((key) =>\n        dateRangeOptions.includes(key as DateRangePredefinedPresetOptions),\n      );\n      dateRangePresetArr.unshift(DateRangePreset.NONE);\n      if (mode === 'COMBINE') {\n        dateRangePresetArr.push(DateRangePreset.CUSTOM);\n      }\n      const dateRangePresetObjects = dateRangePresetArr.reduce(\n        (cur, key) => ({\n          ...cur,\n          [key]: DateRangePreset[key as DateRangePresetOptions],\n        }),\n        {},\n      ) as Record<DateRangePresetOptions, string>;\n\n      return dateRangePresetObjects;\n    }, [mode, dateRangeOptions]);\n\n  useEffect(() => state.init(), []);\n\n  const customElement = (\n    <DateRangePicker\n      dataHook=\"date-range-picker\"\n      state={state.dateRangePicker}\n      {...rest}\n    />\n  );\n  const innerComponent =\n    mode === 'ONLY_CUSTOM' ? (\n      customElement\n    ) : (\n      <Box direction=\"vertical\">\n        <RadioGroup\n          value={state.dateRangePicker.selectedPreset}\n          onChange={(v) =>\n            v && state.dateRangePicker.onPresetChanged(v.toString())\n          }\n          spacing={spacing}\n          dataHook=\"date-range-filter-group\"\n        >\n          {Object.values(dateRangePreset).map((preset) =>\n            preset === dateRangePreset.CUSTOM ? null : (\n              <RadioGroup.Radio\n                key={preset}\n                value={preset}\n                dataHook={`date-range-filter-option-${preset}`}\n              >\n                {t(MAP_DATE_PRESET_TO_KEY[preset])}\n              </RadioGroup.Radio>\n            ),\n          )}\n          {mode === 'COMBINE' && dateRangePreset.CUSTOM && (\n            <RadioGroup.Radio\n              value={dateRangePreset.CUSTOM}\n              dataHook={`date-range-filter-option-${dateRangePreset.CUSTOM}`}\n            >\n              {t(MAP_DATE_PRESET_TO_KEY[dateRangePreset.CUSTOM])}\n            </RadioGroup.Radio>\n          )}\n        </RadioGroup>\n        <Collapse\n          open={state.dateRangePicker.selectedPreset === dateRangePreset.CUSTOM}\n        >\n          <Box marginTop=\"14px\" overflowY=\"visible\">\n            {customElement}\n          </Box>\n        </Collapse>\n      </Box>\n    );\n\n  return (\n    <Box dataHook={`date-range-filter-${filter.name}`} direction=\"vertical\">\n      {innerComponent}\n    </Box>\n  );\n}\nexport const DateRangeFilter = observer(\n  _DateRangeFilter,\n) as typeof _DateRangeFilter & {\n  displayName?: string;\n  renderPresetToolbarTag?: typeof renderPresetToolbarTag;\n};\n\nDateRangeFilter.displayName = 'DateRangeFilter';\nDateRangeFilter.renderPresetToolbarTag = renderPresetToolbarTag;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/DragHandle/DragHandle.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_ = "DragHandle3491303079";
+var _namespace_ = "DragHandle173041026";
 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": "DragHandle3491303079__root"
+  "root": "DragHandle173041026__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/DragHandle/DragHandle.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/DragHandle/DragHandle.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"DragHandle3491303079\";\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\":\"DragHandle3491303079__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,sBAAsB;AACxC,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;AAA4B,CAAC;AACnD,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/DragHandle/DragHandle.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"DragHandle173041026\";\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\":\"DragHandle173041026__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,qBAAqB;AACvC,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;AAA2B,CAAC;AAClD,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/EntityPage/EntityPagePlain.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_ = "EntityPagePlain2805193397";
+var _namespace_ = "EntityPagePlain3125617155";
 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": "EntityPagePlain2805193397__root"
+  "root": "EntityPagePlain3125617155__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EntityPage/EntityPagePlain.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/EntityPage/EntityPagePlain.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EntityPagePlain2805193397\";\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\":\"EntityPagePlain2805193397__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-padding-horizontal\":\"--wds-page-header-padding-horizontal\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,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;AAAiC,CAAC;AACxD,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;EAAC,oCAAoC,EAAC;AAAsC,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/EntityPage/EntityPagePlain.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EntityPagePlain3125617155\";\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\":\"EntityPagePlain3125617155__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-padding-horizontal\":\"--wds-page-header-padding-horizontal\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,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;AAAiC,CAAC;AACxD,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;EAAC,oCAAoC,EAAC;AAAsC,CAAC","ignoreList":[]}

package/dist/cjs/components/Fade/Fade.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_ = "Fade801000593";
+var _namespace_ = "Fade4066996397";
 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": "Fade801000593__root"
+  "root": "Fade4066996397__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Fade/Fade.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/Fade/Fade.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Fade801000593\";\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\":\"Fade801000593__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,eAAe;AACjC,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;AAAqB,CAAC;AAC5C,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/Fade/Fade.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Fade4066996397\";\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\":\"Fade4066996397__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,gBAAgB;AAClC,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;AAAsB,CAAC;AAC7C,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/FiltersPanel/FilterAccordionTitle.js

@@ -6,6 +6,7 @@ exports.FilterAccordionTitle = void 0;
 var _designSystem = require("@wix/design-system");
 var _react = _interopRequireDefault(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
+var _PatternsThemeProvider = require("../../themes/PatternsThemeProvider");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/FiltersPanel/FilterAccordionTitle.tsx";
 function _FilterAccordionTitle(props) {
   const {
@@ -16,14 +17,18 @@ function _FilterAccordionTitle(props) {
     accordionItemProps
   } = filterProps;
   const filter = state.getPendingFilter(props.filter);
+  const {
+    sizes
+  } = (0, _PatternsThemeProvider.usePatternsTheme)();
   return /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
     dataHook: `accordion-item-title-${filter.name}`,
     ellipsis: true,
     weight: "normal",
+    size: sizes.medium,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 21,
+      lineNumber: 24,
       columnNumber: 5
     }
   }, `${(accordionItemProps == null ? void 0 : accordionItemProps.label) ?? ''}${filter.size > 0 ? ` (${filter.size})` : ''}`);

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_jsxFileName","_FilterAccordionTitle","props","state","filterProps","accordionItemProps","filter","getPendingFilter","default","createElement","Text","dataHook","name","ellipsis","weight","__self","__source","fileName","lineNumber","columnNumber","label","size","FilterAccordionTitle","exports","observer"],"sources":["../../../../src/components/FiltersPanel/FilterAccordionTitle.tsx"],"sourcesContent":["import { Text } from '@wix/design-system';\nimport React from 'react';\nimport { Filter } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { FilterProps } from '../../model';\nimport { FilterToolbarState } from '../../providers';\n\nexport interface FilterAccordionTitleProps<V> {\n  state: FilterToolbarState;\n  filter: Filter<V>;\n  filterProps: FilterProps<V>;\n}\n\nfunction _FilterAccordionTitle<V>(props: FilterAccordionTitleProps<V>) {\n  const { state, filterProps } = props;\n  const { accordionItemProps } = filterProps;\n\n  const filter = state.getPendingFilter(props.filter);\n\n  return (\n    <Text\n      dataHook={`accordion-item-title-${filter.name}`}\n      ellipsis\n      weight=\"normal\"\n    >\n      {`${accordionItemProps?.label ?? ''}${\n        filter.size > 0 ? ` (${filter.size})` : ''\n      }`}\n    </Text>\n  );\n}\n\nexport const FilterAccordionTitle = observer(_FilterAccordionTitle);\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,cAAA,GAAAH,OAAA;AAA2C,IAAAI,YAAA;AAU3C,SAASC,qBAAqBA,CAAIC,KAAmC,EAAE;EACrE,MAAM;IAAEC,KAAK;IAAEC;EAAY,CAAC,GAAGF,KAAK;EACpC,MAAM;IAAEG;EAAmB,CAAC,GAAGD,WAAW;EAE1C,MAAME,MAAM,GAAGH,KAAK,CAACI,gBAAgB,CAACL,KAAK,CAACI,MAAM,CAAC;EAEnD,oBACET,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAe,IAAI;IACHC,QAAQ,EAAE,wBAAwBL,MAAM,CAACM,IAAI,EAAG;IAChDC,QAAQ;IACRC,MAAM,EAAC,QAAQ;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEd,GAAG,CAAAd,kBAAkB,oBAAlBA,kBAAkB,CAAEe,KAAK,KAAI,EAAE,GACjCd,MAAM,CAACe,IAAI,GAAG,CAAC,GAAG,KAAKf,MAAM,CAACe,IAAI,GAAG,GAAG,EAAE,EAExC,CAAC;AAEX;AAEO,MAAMC,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,IAAAE,uBAAQ,EAACvB,qBAAqB,CAAC","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_PatternsThemeProvider","_jsxFileName","_FilterAccordionTitle","props","state","filterProps","accordionItemProps","filter","getPendingFilter","sizes","usePatternsTheme","default","createElement","Text","dataHook","name","ellipsis","weight","size","medium","__self","__source","fileName","lineNumber","columnNumber","label","FilterAccordionTitle","exports","observer"],"sources":["../../../../src/components/FiltersPanel/FilterAccordionTitle.tsx"],"sourcesContent":["import { Text } from '@wix/design-system';\nimport React from 'react';\nimport { Filter } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { FilterProps } from '../../model';\nimport { FilterToolbarState } from '../../providers';\nimport { usePatternsTheme } from '../../themes/PatternsThemeProvider';\n\nexport interface FilterAccordionTitleProps<V> {\n  state: FilterToolbarState;\n  filter: Filter<V>;\n  filterProps: FilterProps<V>;\n}\n\nfunction _FilterAccordionTitle<V>(props: FilterAccordionTitleProps<V>) {\n  const { state, filterProps } = props;\n  const { accordionItemProps } = filterProps;\n\n  const filter = state.getPendingFilter(props.filter);\n\n  const { sizes } = usePatternsTheme();\n\n  return (\n    <Text\n      dataHook={`accordion-item-title-${filter.name}`}\n      ellipsis\n      weight=\"normal\"\n      size={sizes.medium}\n    >\n      {`${accordionItemProps?.label ?? ''}${\n        filter.size > 0 ? ` (${filter.size})` : ''\n      }`}\n    </Text>\n  );\n}\n\nexport const FilterAccordionTitle = observer(_FilterAccordionTitle);\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,cAAA,GAAAH,OAAA;AAGA,IAAAI,sBAAA,GAAAJ,OAAA;AAAsE,IAAAK,YAAA;AAQtE,SAASC,qBAAqBA,CAAIC,KAAmC,EAAE;EACrE,MAAM;IAAEC,KAAK;IAAEC;EAAY,CAAC,GAAGF,KAAK;EACpC,MAAM;IAAEG;EAAmB,CAAC,GAAGD,WAAW;EAE1C,MAAME,MAAM,GAAGH,KAAK,CAACI,gBAAgB,CAACL,KAAK,CAACI,MAAM,CAAC;EAEnD,MAAM;IAAEE;EAAM,CAAC,GAAG,IAAAC,uCAAgB,EAAC,CAAC;EAEpC,oBACEb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAkB,IAAI;IACHC,QAAQ,EAAE,wBAAwBP,MAAM,CAACQ,IAAI,EAAG;IAChDC,QAAQ;IACRC,MAAM,EAAC,QAAQ;IACfC,IAAI,EAAET,KAAK,CAACU,MAAO;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAElB,GAAG,CAAAlB,kBAAkB,oBAAlBA,kBAAkB,CAAEmB,KAAK,KAAI,EAAE,GACjClB,MAAM,CAACW,IAAI,GAAG,CAAC,GAAG,KAAKX,MAAM,CAACW,IAAI,GAAG,GAAG,EAAE,EAExC,CAAC;AAEX;AAEO,MAAMQ,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,IAAAE,uBAAQ,EAAC1B,qBAAqB,CAAC","ignoreList":[]}