@wix/patterns 1.430.0 → 1.431.0

package/dist/cjs/components/FieldCell/FieldCell.js

@@ -6,7 +6,7 @@ exports.FieldCell = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(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 _react2 = require("@wix/bex-core/react");
 var _mobxReactLite = require("mobx-react-lite");
 var _datesUtil = require("../../utils/datesUtil");
@@ -50,10 +50,24 @@ const CellRichTextView = lazyCell(m => m.CellRichTextView);
 const ImageView = lazyCell(m => m.ImageView);
 const JsonView = lazyCell(m => m.JsonView);
 function _FieldCell(props) {
-  var _props$value;
+  var _props$definition, _props$value;
   const {
     dateFormatters
   } = (0, _react2.useWixPatternsContainer)();
+  if (props.type === 'CUSTOM' && (_props$definition = props.definition) != null && _props$definition.table) {
+    const {
+      CellComponent
+    } = props.definition.table;
+    return /*#__PURE__*/_react.default.createElement(CellComponent, {
+      value: props.value,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 55,
+        columnNumber: 12
+      }
+    });
+  }
   switch (props.type) {
     case 'LONG_TEXT':
       return /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -63,34 +77,42 @@ function _FieldCell(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 53,
+          lineNumber: 60,
           columnNumber: 9
         }
       }, props.value);
     case 'DATE':
-      return /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
-        size: "small",
-        ellipsis: true,
-        maxLines: 1,
-        __self: this,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 59,
-          columnNumber: 9
-        }
-      }, props.value ? dateFormatters.medium.format((0, _datesUtil.getDateWithoutTimezone)(props.value)) : null);
+      {
+        // A value that isn't a date renders blank. The formatters throw on one,
+        // which during render takes down the whole page, not just the cell.
+        const date = props.value ? (0, _datesUtil.getDateWithoutTimezone)(props.value) : undefined;
+        return /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+          size: "small",
+          ellipsis: true,
+          maxLines: 1,
+          __self: this,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 71,
+            columnNumber: 9
+          }
+        }, date ? dateFormatters.medium.format(date) : null);
+      }
     case 'DATETIME':
-      return /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
-        size: "small",
-        ellipsis: true,
-        maxLines: 1,
-        __self: this,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 69,
-          columnNumber: 9
-        }
-      }, props.value ? dateFormatters.mediumTime.format(new Date(props.value)) : null);
+      {
+        const dateTime = props.value ? (0, _datesUtil.parseDate)(props.value) : undefined;
+        return /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+          size: "small",
+          ellipsis: true,
+          maxLines: 1,
+          __self: this,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 81,
+            columnNumber: 9
+          }
+        }, dateTime ? dateFormatters.mediumTime.format(dateTime) : null);
+      }
     case 'BOOLEAN':
       return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
         align: "center",
@@ -99,21 +121,21 @@ function _FieldCell(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 77,
+          lineNumber: 88,
           columnNumber: 9
         }
-      }, props.value ? /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Confirm, {
+      }, props.value ? /*#__PURE__*/_react.default.createElement(_lazy.Confirm, {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 82,
+          lineNumber: 93,
           columnNumber: 26
         }
-      }) : /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Minus, {
+      }) : /*#__PURE__*/_react.default.createElement(_lazy.Minus, {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 82,
+          lineNumber: 93,
           columnNumber: 40
         }
       }));
@@ -127,7 +149,7 @@ function _FieldCell(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 87,
+          lineNumber: 98,
           columnNumber: 9
         }
       }, props.value);
@@ -138,7 +160,7 @@ function _FieldCell(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 99,
+          lineNumber: 110,
           columnNumber: 9
         }
       });
@@ -149,7 +171,7 @@ function _FieldCell(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 103,
+          lineNumber: 114,
           columnNumber: 9
         }
       });
@@ -160,7 +182,7 @@ function _FieldCell(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 107,
+          lineNumber: 118,
           columnNumber: 9
         }
       });
@@ -171,7 +193,7 @@ function _FieldCell(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 114,
+          lineNumber: 125,
           columnNumber: 9
         }
       });
@@ -183,7 +205,7 @@ function _FieldCell(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 121,
+          lineNumber: 132,
           columnNumber: 9
         }
       });
@@ -195,7 +217,7 @@ function _FieldCell(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 129,
+          lineNumber: 140,
           columnNumber: 9
         }
       });
@@ -207,7 +229,7 @@ function _FieldCell(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 137,
+          lineNumber: 148,
           columnNumber: 9
         }
       }, (_props$value = props.value) == null || _props$value.join == null ? void 0 : _props$value.join(', '));
@@ -217,7 +239,7 @@ function _FieldCell(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 143,
+          lineNumber: 154,
           columnNumber: 9
         }
       });
@@ -227,7 +249,7 @@ function _FieldCell(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 146,
+          lineNumber: 157,
           columnNumber: 14
         }
       });
@@ -237,7 +259,7 @@ function _FieldCell(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 148,
+          lineNumber: 159,
           columnNumber: 14
         }
       });
@@ -247,7 +269,7 @@ function _FieldCell(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 150,
+          lineNumber: 161,
           columnNumber: 14
         }
       });
@@ -257,7 +279,7 @@ function _FieldCell(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 152,
+          lineNumber: 163,
           columnNumber: 14
         }
       });
@@ -269,11 +291,12 @@ function _FieldCell(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 155,
+          lineNumber: 166,
           columnNumber: 9
         }
-      }, props.value);
+      }, isRenderableText(props.value) ? String(props.value) : null);
   }
 }
+const isRenderableText = value => value != null && typeof value !== 'object';
 const FieldCell = exports.FieldCell = (0, _mobxReactLite.observer)(_FieldCell);
 //# sourceMappingURL=FieldCell.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_wixUiIconsCommon","_react2","_mobxReactLite","_datesUtil","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","lazyCell","pick","C","React","lazy","Promise","resolve","then","props","createElement","Suspense","fallback","__self","__source","fileName","lineNumber","columnNumber","_extends2","CellAddressView","m","CellAudioView","CellColorView","CellDocumentView","CellMediaGalleryView","CellMultiDocumentView","CellRichContentView","CellRichTextView","ImageView","JsonView","_FieldCell","_props$value","dateFormatters","useWixPatternsContainer","type","Text","size","ellipsis","maxLines","value","medium","format","getDateWithoutTimezone","mediumTime","Date","Box","align","verticalAlign","color","Confirm","Minus","TextButton","as","rel","target","href","dataHook","data","fieldId","join","FieldCell","exports","observer"],"sources":["../../../../src/components/FieldCell/FieldCell.tsx"],"sourcesContent":["import React, { Suspense } from 'react';\nimport { Box, Text, TextButton } from '@wix/design-system';\nimport { Confirm, Minus } from '@wix/wix-ui-icons-common';\nimport type { PatternsFieldType } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport type { CellAddressViewProps } from '@wix/patterns-fields';\nimport type { WixCodeGalleryItem } from '@wix/patterns-fields/auto-field-types';\nimport { getDateWithoutTimezone } from '../../utils/datesUtil';\n\n// Cell renderers live in @wix/patterns-fields, which statically pulls the\n// rich-text editor (Ricos/draft-js) and media SDKs. Importing them eagerly put\n// that weight into every bundle that renders a source column (DataExtension,\n// CMS, the tables). Loading them lazily moves it into an async chunk fetched\n// only when a cell of one of these types first renders. The light types in the\n// switch below stay inline (WDS only) and ship nothing extra.\nfunction lazyCell<P extends object>(\n  pick: (m: typeof import('@wix/patterns-fields')) => React.ComponentType<P>,\n) {\n  const C = React.lazy(async () => ({\n    default: pick(await import('@wix/patterns-fields')),\n  }));\n  return (props: P) => (\n    <Suspense fallback={null}>\n      <C {...props} />\n    </Suspense>\n  );\n}\n\nconst CellAddressView = lazyCell((m) => m.CellAddressView);\nconst CellAudioView = lazyCell((m) => m.CellAudioView);\nconst CellColorView = lazyCell((m) => m.CellColorView);\nconst CellDocumentView = lazyCell((m) => m.CellDocumentView);\nconst CellMediaGalleryView = lazyCell((m) => m.CellMediaGalleryView);\nconst CellMultiDocumentView = lazyCell((m) => m.CellMultiDocumentView);\nconst CellRichContentView = lazyCell((m) => m.CellRichContentView);\nconst CellRichTextView = lazyCell((m) => m.CellRichTextView);\nconst ImageView = lazyCell((m) => m.ImageView);\nconst JsonView = lazyCell((m) => m.JsonView);\n\nexport interface FieldCellProps {\n  value?: unknown;\n  type: PatternsFieldType;\n  /** Stable id for cells that render WDS Tags (document, multi-document). */\n  fieldId?: string;\n}\n\nfunction _FieldCell(props: FieldCellProps) {\n  const { dateFormatters } = useWixPatternsContainer();\n  switch (props.type) {\n    case 'LONG_TEXT':\n      return (\n        <Text size=\"small\" ellipsis maxLines={3}>\n          {props.value as React.ReactNode}\n        </Text>\n      );\n    case 'DATE':\n      return (\n        <Text size=\"small\" ellipsis maxLines={1}>\n          {props.value\n            ? dateFormatters.medium.format(\n                getDateWithoutTimezone(props.value as string),\n              )\n            : null}\n        </Text>\n      );\n    case 'DATETIME':\n      return (\n        <Text size=\"small\" ellipsis maxLines={1}>\n          {props.value\n            ? dateFormatters.mediumTime.format(new Date(props.value as string))\n            : null}\n        </Text>\n      );\n    case 'BOOLEAN':\n      return (\n        <Box\n          align=\"center\"\n          verticalAlign=\"middle\"\n          color={props.value ? 'G10' : 'D10'}\n        >\n          {props.value ? <Confirm /> : <Minus />}\n        </Box>\n      );\n    case 'URL':\n      return (\n        <TextButton\n          as=\"a\"\n          rel=\"noopener\"\n          target=\"_blank\"\n          href={props.value as string}\n          ellipsis\n        >\n          {props.value as React.ReactNode}\n        </TextButton>\n      );\n    case 'IMAGE':\n      return (\n        <ImageView value={props.value as string | null} dataHook=\"image-view\" />\n      );\n    case 'VIDEO':\n      return (\n        <ImageView value={props.value as string | null} dataHook=\"video-view\" />\n      );\n    case 'AUDIO':\n      return (\n        <CellAudioView\n          value={props.value as string | null}\n          dataHook=\"audio-view\"\n        />\n      );\n    case 'MEDIA_GALLERY':\n      return (\n        <CellMediaGalleryView\n          data={props.value as WixCodeGalleryItem[] | null}\n          dataHook=\"media-gallery-view\"\n        />\n      );\n    case 'DOCUMENT':\n      return (\n        <CellDocumentView\n          value={props.value as string | null | undefined}\n          dataHook=\"document-view\"\n          fieldId={props.fieldId ?? ''}\n        />\n      );\n    case 'MULTI_DOCUMENT':\n      return (\n        <CellMultiDocumentView\n          value={props.value as string[] | null | undefined}\n          dataHook=\"multi-document-view\"\n          fieldId={props.fieldId ?? ''}\n        />\n      );\n    case 'ARRAY':\n      return (\n        <Text size=\"small\" ellipsis maxLines={1}>\n          {(props.value as unknown[] | undefined)?.join?.(', ')}\n        </Text>\n      );\n    case 'ADDRESS':\n      return (\n        <CellAddressView data={props.value as CellAddressViewProps['data']} />\n      );\n    case 'RICH_TEXT':\n      return <CellRichTextView value={props.value as string | null} />;\n    case 'RICH_CONTENT':\n      return <CellRichContentView value={props.value} />;\n    case 'COLOR':\n      return <CellColorView value={props.value as string | undefined} />;\n    case 'OBJECT':\n      return <JsonView data={props.value} />;\n    default:\n      return (\n        <Text size=\"small\" ellipsis maxLines={1}>\n          {props.value as React.ReactNode}\n        </Text>\n      );\n  }\n}\n\nexport const FieldCell = observer(_FieldCell);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_lazy","_react2","_mobxReactLite","_datesUtil","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","lazyCell","pick","C","React","lazy","Promise","resolve","then","props","createElement","Suspense","fallback","__self","__source","fileName","lineNumber","columnNumber","_extends2","CellAddressView","m","CellAudioView","CellColorView","CellDocumentView","CellMediaGalleryView","CellMultiDocumentView","CellRichContentView","CellRichTextView","ImageView","JsonView","_FieldCell","_props$definition","_props$value","dateFormatters","useWixPatternsContainer","type","definition","table","CellComponent","value","Text","size","ellipsis","maxLines","date","getDateWithoutTimezone","undefined","medium","format","dateTime","parseDate","mediumTime","Box","align","verticalAlign","color","Confirm","Minus","TextButton","as","rel","target","href","dataHook","data","fieldId","join","isRenderableText","String","FieldCell","exports","observer"],"sources":["../../../../src/components/FieldCell/FieldCell.tsx"],"sourcesContent":["import React, { Suspense } from 'react';\nimport { Box, Text, TextButton } from '@wix/design-system';\nimport { Confirm, Minus } from '@wix/wix-ui-icons-common/lazy';\nimport type { FieldTypeDefinition, PatternsFieldType } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport type { CellAddressViewProps } from '@wix/patterns-fields';\nimport type { WixCodeGalleryItem } from '@wix/patterns-fields/auto-field-types';\nimport { getDateWithoutTimezone, parseDate } from '../../utils/datesUtil';\n\n// Cell renderers live in @wix/patterns-fields, which statically pulls the\n// rich-text editor (Ricos/draft-js) and media SDKs. Importing them eagerly put\n// that weight into every bundle that renders a source column (DataExtension,\n// CMS, the tables). Loading them lazily moves it into an async chunk fetched\n// only when a cell of one of these types first renders. The light types in the\n// switch below stay inline (WDS only) and ship nothing extra.\nfunction lazyCell<P extends object>(\n  pick: (m: typeof import('@wix/patterns-fields')) => React.ComponentType<P>,\n) {\n  const C = React.lazy(async () => ({\n    default: pick(await import('@wix/patterns-fields')),\n  }));\n  return (props: P) => (\n    <Suspense fallback={null}>\n      <C {...props} />\n    </Suspense>\n  );\n}\n\nconst CellAddressView = lazyCell((m) => m.CellAddressView);\nconst CellAudioView = lazyCell((m) => m.CellAudioView);\nconst CellColorView = lazyCell((m) => m.CellColorView);\nconst CellDocumentView = lazyCell((m) => m.CellDocumentView);\nconst CellMediaGalleryView = lazyCell((m) => m.CellMediaGalleryView);\nconst CellMultiDocumentView = lazyCell((m) => m.CellMultiDocumentView);\nconst CellRichContentView = lazyCell((m) => m.CellRichContentView);\nconst CellRichTextView = lazyCell((m) => m.CellRichTextView);\nconst ImageView = lazyCell((m) => m.ImageView);\nconst JsonView = lazyCell((m) => m.JsonView);\n\nexport interface FieldCellProps {\n  value?: unknown;\n  type: PatternsFieldType;\n  /** Stable id for cells that render WDS Tags (document, multi-document). */\n  fieldId?: string;\n  /** The custom type definition a CUSTOM field resolves on its source.\n   *  Without a `table` slot the cell renders the plain-text default. */\n  definition?: FieldTypeDefinition;\n}\n\nfunction _FieldCell(props: FieldCellProps) {\n  const { dateFormatters } = useWixPatternsContainer();\n  if (props.type === 'CUSTOM' && props.definition?.table) {\n    const { CellComponent } = props.definition.table;\n    return <CellComponent value={props.value} />;\n  }\n  switch (props.type) {\n    case 'LONG_TEXT':\n      return (\n        <Text size=\"small\" ellipsis maxLines={3}>\n          {props.value as React.ReactNode}\n        </Text>\n      );\n    case 'DATE': {\n      // A value that isn't a date renders blank. The formatters throw on one,\n      // which during render takes down the whole page, not just the cell.\n      const date = props.value\n        ? getDateWithoutTimezone(props.value as string)\n        : undefined;\n      return (\n        <Text size=\"small\" ellipsis maxLines={1}>\n          {date ? dateFormatters.medium.format(date) : null}\n        </Text>\n      );\n    }\n    case 'DATETIME': {\n      const dateTime = props.value\n        ? parseDate(props.value as string)\n        : undefined;\n      return (\n        <Text size=\"small\" ellipsis maxLines={1}>\n          {dateTime ? dateFormatters.mediumTime.format(dateTime) : null}\n        </Text>\n      );\n    }\n    case 'BOOLEAN':\n      return (\n        <Box\n          align=\"center\"\n          verticalAlign=\"middle\"\n          color={props.value ? 'G10' : 'D10'}\n        >\n          {props.value ? <Confirm /> : <Minus />}\n        </Box>\n      );\n    case 'URL':\n      return (\n        <TextButton\n          as=\"a\"\n          rel=\"noopener\"\n          target=\"_blank\"\n          href={props.value as string}\n          ellipsis\n        >\n          {props.value as React.ReactNode}\n        </TextButton>\n      );\n    case 'IMAGE':\n      return (\n        <ImageView value={props.value as string | null} dataHook=\"image-view\" />\n      );\n    case 'VIDEO':\n      return (\n        <ImageView value={props.value as string | null} dataHook=\"video-view\" />\n      );\n    case 'AUDIO':\n      return (\n        <CellAudioView\n          value={props.value as string | null}\n          dataHook=\"audio-view\"\n        />\n      );\n    case 'MEDIA_GALLERY':\n      return (\n        <CellMediaGalleryView\n          data={props.value as WixCodeGalleryItem[] | null}\n          dataHook=\"media-gallery-view\"\n        />\n      );\n    case 'DOCUMENT':\n      return (\n        <CellDocumentView\n          value={props.value as string | null | undefined}\n          dataHook=\"document-view\"\n          fieldId={props.fieldId ?? ''}\n        />\n      );\n    case 'MULTI_DOCUMENT':\n      return (\n        <CellMultiDocumentView\n          value={props.value as string[] | null | undefined}\n          dataHook=\"multi-document-view\"\n          fieldId={props.fieldId ?? ''}\n        />\n      );\n    case 'ARRAY':\n      return (\n        <Text size=\"small\" ellipsis maxLines={1}>\n          {(props.value as unknown[] | undefined)?.join?.(', ')}\n        </Text>\n      );\n    case 'ADDRESS':\n      return (\n        <CellAddressView data={props.value as CellAddressViewProps['data']} />\n      );\n    case 'RICH_TEXT':\n      return <CellRichTextView value={props.value as string | null} />;\n    case 'RICH_CONTENT':\n      return <CellRichContentView value={props.value} />;\n    case 'COLOR':\n      return <CellColorView value={props.value as string | undefined} />;\n    case 'OBJECT':\n      return <JsonView data={props.value} />;\n    default:\n      return (\n        <Text size=\"small\" ellipsis maxLines={1}>\n          {/* Rendering an object as a child throws and takes the page down with\n              it, so types with no case above show only primitives. REFERENCE /\n              MULTI_REFERENCE hold an expanded referenced item and are rendered\n              by the source instead (schemaRendering's columnOverrides). */}\n          {isRenderableText(props.value) ? String(props.value) : null}\n        </Text>\n      );\n  }\n}\n\nconst isRenderableText = (value: unknown): boolean =>\n  value != null && typeof value !== 'object';\n\nexport const FieldCell = observer(_FieldCell);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/FileCard/DownloadButton.js

@@ -5,7 +5,7 @@ exports.__esModule = true;
 exports.DownloadButton = DownloadButton;
 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 _useDownloadFile = require("./useDownloadFile");
 var _react2 = require("@wix/bex-core/react");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/FileCard/DownloadButton.tsx";
@@ -60,7 +60,7 @@ function DownloadButton({
       lineNumber: 26,
       columnNumber: 11
     }
-  }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.DownloadImportSmall, {
+  }, /*#__PURE__*/_react.default.createElement(_lazy.DownloadImportSmall, {
     __self: this,
     __source: {
       fileName: _jsxFileName,

package/dist/cjs/components/FileCard/DownloadButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_useDownloadFile","_react2","_jsxFileName","DownloadButton","file","downloadFile","isDownloading","useDownloadFile","translate","t","useWixPatternsContainer","default","createElement","Box","paddingInlineEnd","marginLeft","dataHook","mediaId","__self","__source","fileName","lineNumber","columnNumber","Loader","size","Tooltip","content","IconButton","priority","onClick","e","stopPropagation","DownloadImportSmall"],"sources":["../../../../src/components/FileCard/DownloadButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, IconButton, Loader, Tooltip } from '@wix/design-system';\nimport { DownloadImportSmall } from '@wix/wix-ui-icons-common';\nimport { File } from './FileProps';\nimport { useDownloadFile } from './useDownloadFile';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\ninterface DownloadButtonProps {\n  file: File;\n}\n\nexport function DownloadButton({ file }: DownloadButtonProps) {\n  const { downloadFile, isDownloading } = useDownloadFile({ file });\n\n  const { translate: t } = useWixPatternsContainer();\n  return (\n    <Box\n      paddingInlineEnd={4}\n      marginLeft=\"auto\"\n      dataHook={`download-button-${file.mediaId}`}\n    >\n      {isDownloading ? (\n        <Loader size=\"tiny\" />\n      ) : (\n        <Tooltip content={t('cairo.customFields.fileUpload.download.cta')}>\n          <IconButton\n            priority=\"secondary\"\n            size=\"small\"\n            onClick={(e: React.MouseEvent<HTMLElement>) => {\n              e.stopPropagation();\n              downloadFile();\n            }}\n          >\n            <DownloadImportSmall />\n          </IconButton>\n        </Tooltip>\n      )}\n    </Box>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAEA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAA8D,IAAAK,YAAA;AAMvD,SAASC,cAAcA,CAAC;EAAEC;AAA0B,CAAC,EAAE;EAC5D,MAAM;IAAEC,YAAY;IAAEC;EAAc,CAAC,GAAG,IAAAC,gCAAe,EAAC;IAAEH;EAAK,CAAC,CAAC;EAEjE,MAAM;IAAEI,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAClD,oBACEf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAe,GAAG;IACFC,gBAAgB,EAAE,CAAE;IACpBC,UAAU,EAAC,MAAM;IACjBC,QAAQ,EAAE,mBAAmBZ,IAAI,CAACa,OAAO,EAAG;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE3ChB,aAAa,gBACZX,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAyB,MAAM;IAACC,IAAI,EAAC,MAAM;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,gBAEtB3B,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAA2B,OAAO;IAACC,OAAO,EAAEjB,CAAC,CAAC,4CAA4C,CAAE;IAAAS,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAChE3B,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAA6B,UAAU;IACTC,QAAQ,EAAC,WAAW;IACpBJ,IAAI,EAAC,OAAO;IACZK,OAAO,EAAGC,CAAgC,IAAK;MAC7CA,CAAC,CAACC,eAAe,CAAC,CAAC;MACnB1B,YAAY,CAAC,CAAC;IAChB,CAAE;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEF3B,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACb,iBAAA,CAAAiC,mBAAmB;IAAAd,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACZ,CACL,CAER,CAAC;AAEV","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_useDownloadFile","_react2","_jsxFileName","DownloadButton","file","downloadFile","isDownloading","useDownloadFile","translate","t","useWixPatternsContainer","default","createElement","Box","paddingInlineEnd","marginLeft","dataHook","mediaId","__self","__source","fileName","lineNumber","columnNumber","Loader","size","Tooltip","content","IconButton","priority","onClick","e","stopPropagation","DownloadImportSmall"],"sources":["../../../../src/components/FileCard/DownloadButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, IconButton, Loader, Tooltip } from '@wix/design-system';\nimport { DownloadImportSmall } from '@wix/wix-ui-icons-common/lazy';\nimport { File } from './FileProps';\nimport { useDownloadFile } from './useDownloadFile';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\ninterface DownloadButtonProps {\n  file: File;\n}\n\nexport function DownloadButton({ file }: DownloadButtonProps) {\n  const { downloadFile, isDownloading } = useDownloadFile({ file });\n\n  const { translate: t } = useWixPatternsContainer();\n  return (\n    <Box\n      paddingInlineEnd={4}\n      marginLeft=\"auto\"\n      dataHook={`download-button-${file.mediaId}`}\n    >\n      {isDownloading ? (\n        <Loader size=\"tiny\" />\n      ) : (\n        <Tooltip content={t('cairo.customFields.fileUpload.download.cta')}>\n          <IconButton\n            priority=\"secondary\"\n            size=\"small\"\n            onClick={(e: React.MouseEvent<HTMLElement>) => {\n              e.stopPropagation();\n              downloadFile();\n            }}\n          >\n            <DownloadImportSmall />\n          </IconButton>\n        </Tooltip>\n      )}\n    </Box>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAEA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAA8D,IAAAK,YAAA;AAMvD,SAASC,cAAcA,CAAC;EAAEC;AAA0B,CAAC,EAAE;EAC5D,MAAM;IAAEC,YAAY;IAAEC;EAAc,CAAC,GAAG,IAAAC,gCAAe,EAAC;IAAEH;EAAK,CAAC,CAAC;EAEjE,MAAM;IAAEI,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAClD,oBACEf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAe,GAAG;IACFC,gBAAgB,EAAE,CAAE;IACpBC,UAAU,EAAC,MAAM;IACjBC,QAAQ,EAAE,mBAAmBZ,IAAI,CAACa,OAAO,EAAG;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE3ChB,aAAa,gBACZX,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAyB,MAAM;IAACC,IAAI,EAAC,MAAM;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,gBAEtB3B,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAA2B,OAAO;IAACC,OAAO,EAAEjB,CAAC,CAAC,4CAA4C,CAAE;IAAAS,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAChE3B,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAA6B,UAAU;IACTC,QAAQ,EAAC,WAAW;IACpBJ,IAAI,EAAC,OAAO;IACZK,OAAO,EAAGC,CAAgC,IAAK;MAC7CA,CAAC,CAACC,eAAe,CAAC,CAAC;MACnB1B,YAAY,CAAC,CAAC;IAChB,CAAE;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEF3B,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACb,KAAA,CAAAiC,mBAAmB;IAAAd,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACZ,CACL,CAER,CAAC;AAEV","ignoreList":[]}

package/dist/cjs/components/FileCard/FilePreviewModal.js

@@ -6,7 +6,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
 var _resolveFileByMediaType = require("./resolveFileByMediaType");
 var _useDownloadFile = require("./useDownloadFile");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _react2 = require("@wix/bex-core/react");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/FileCard/FilePreviewModal.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); }
@@ -44,7 +44,7 @@ const FilePreviewModal = ({
       lineNumber: 32,
       columnNumber: 26
     }
-  }) : /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Download, {
+  }) : /*#__PURE__*/_react.default.createElement(_lazy.Download, {
     size: "small",
     __self: void 0,
     __source: {

package/dist/cjs/components/FileCard/FilePreviewModal.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_resolveFileByMediaType","_useDownloadFile","_wixUiIconsCommon","_react2","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FilePreviewModal","file","isOpen","close","showDetails","translate","useWixPatternsContainer","downloadFile","isDownloading","useDownloadFile","fileUrl","resolveFileByMediaType","prefixIcon","useMemo","createElement","Box","verticalAlign","__self","__source","fileName","lineNumber","columnNumber","Loader","size","Download","Modal","onRequestClose","shouldCloseOnOverlayClick","CustomModalLayout","title","displayName","onCloseButtonClick","primaryButtonText","primaryButtonProps","primaryButtonOnClick","mediaType","controls","style","width","height","maxHeight","margin","src","autoPlay","Image","objectFit","exports"],"sources":["../../../../src/components/FileCard/FilePreviewModal.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport {\n  CustomModalLayout,\n  Loader,\n  Modal,\n  Image,\n  Box,\n} from '@wix/design-system';\nimport { resolveFileByMediaType } from './resolveFileByMediaType';\nimport { useDownloadFile } from './useDownloadFile';\nimport { Download } from '@wix/wix-ui-icons-common';\nimport { FileViewProps } from './FileProps';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\ninterface FilePreviewModalProps extends FileViewProps {\n  isOpen: boolean;\n  close: () => void;\n  showDetails?: boolean;\n}\nexport const FilePreviewModal = ({\n  file,\n  isOpen,\n  close,\n  showDetails,\n}: FilePreviewModalProps) => {\n  const { translate: t } = useWixPatternsContainer();\n  const { downloadFile, isDownloading } = useDownloadFile({ file });\n  const { fileUrl } = resolveFileByMediaType(file, showDetails);\n  const prefixIcon = useMemo(\n    () => (\n      <Box verticalAlign=\"middle\">\n        {isDownloading ? <Loader size=\"tiny\" /> : <Download size=\"small\" />}\n      </Box>\n    ),\n    [isDownloading],\n  );\n  return (\n    <Modal isOpen={isOpen} onRequestClose={close} shouldCloseOnOverlayClick>\n      <CustomModalLayout\n        title={file.displayName}\n        onCloseButtonClick={close}\n        primaryButtonText={t('cairo.customFields.fileUpload.download.cta')}\n        primaryButtonProps={{\n          prefixIcon,\n        }}\n        primaryButtonOnClick={downloadFile}\n      >\n        {file.mediaType === 'video' ? (\n          <video\n            controls\n            style={{\n              width: '100%',\n              height: 'auto',\n              maxHeight: '70vh',\n              margin: '0 auto',\n            }}\n            src={fileUrl}\n            autoPlay={false}\n          />\n        ) : (\n          <Image\n            style={{ height: '500px', width: '500px', objectFit: 'contain' }}\n            src={fileUrl}\n          />\n        )}\n      </CustomModalLayout>\n    </Modal>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_resolveFileByMediaType","_useDownloadFile","_lazy","_react2","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FilePreviewModal","file","isOpen","close","showDetails","translate","useWixPatternsContainer","downloadFile","isDownloading","useDownloadFile","fileUrl","resolveFileByMediaType","prefixIcon","useMemo","createElement","Box","verticalAlign","__self","__source","fileName","lineNumber","columnNumber","Loader","size","Download","Modal","onRequestClose","shouldCloseOnOverlayClick","CustomModalLayout","title","displayName","onCloseButtonClick","primaryButtonText","primaryButtonProps","primaryButtonOnClick","mediaType","controls","style","width","height","maxHeight","margin","src","autoPlay","Image","objectFit","exports"],"sources":["../../../../src/components/FileCard/FilePreviewModal.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport {\n  CustomModalLayout,\n  Loader,\n  Modal,\n  Image,\n  Box,\n} from '@wix/design-system';\nimport { resolveFileByMediaType } from './resolveFileByMediaType';\nimport { useDownloadFile } from './useDownloadFile';\nimport { Download } from '@wix/wix-ui-icons-common/lazy';\nimport { FileViewProps } from './FileProps';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\ninterface FilePreviewModalProps extends FileViewProps {\n  isOpen: boolean;\n  close: () => void;\n  showDetails?: boolean;\n}\nexport const FilePreviewModal = ({\n  file,\n  isOpen,\n  close,\n  showDetails,\n}: FilePreviewModalProps) => {\n  const { translate: t } = useWixPatternsContainer();\n  const { downloadFile, isDownloading } = useDownloadFile({ file });\n  const { fileUrl } = resolveFileByMediaType(file, showDetails);\n  const prefixIcon = useMemo(\n    () => (\n      <Box verticalAlign=\"middle\">\n        {isDownloading ? <Loader size=\"tiny\" /> : <Download size=\"small\" />}\n      </Box>\n    ),\n    [isDownloading],\n  );\n  return (\n    <Modal isOpen={isOpen} onRequestClose={close} shouldCloseOnOverlayClick>\n      <CustomModalLayout\n        title={file.displayName}\n        onCloseButtonClick={close}\n        primaryButtonText={t('cairo.customFields.fileUpload.download.cta')}\n        primaryButtonProps={{\n          prefixIcon,\n        }}\n        primaryButtonOnClick={downloadFile}\n      >\n        {file.mediaType === 'video' ? (\n          <video\n            controls\n            style={{\n              width: '100%',\n              height: 'auto',\n              maxHeight: '70vh',\n              margin: '0 auto',\n            }}\n            src={fileUrl}\n            autoPlay={false}\n          />\n        ) : (\n          <Image\n            style={{ height: '500px', width: '500px', objectFit: 'contain' }}\n            src={fileUrl}\n          />\n        )}\n      </CustomModalLayout>\n    </Modal>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -7,6 +7,7 @@ var _designSystem = require("@wix/design-system");
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@wix/bex-core/react");
 var _mobxReactLite = require("mobx-react-lite");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/FiltersPanel/FilterAccordionResetButton.tsx";
 function _FilterAccordionResetButton(props) {
   const {
@@ -15,13 +16,14 @@ function _FilterAccordionResetButton(props) {
   const {
     translate: t
   } = (0, _react2.useWixPatternsContainer)();
+  const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   const filter = state.getPendingFilter(props.filter);
   if (filter.isEmpty) {
     return null;
   }
   return /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
     dataHook: `reset-filter-${filter.name}`,
-    size: "medium",
+    size: isBmHarmonyTheme ? 'small' : 'medium',
     onClick: e => {
       e.stopPropagation();
       filter.reset({
@@ -31,7 +33,7 @@ function _FilterAccordionResetButton(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 26,
+      lineNumber: 28,
       columnNumber: 5
     }
   }, t('cairo.filtersPanel.reset'));

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_react2","_mobxReactLite","_jsxFileName","_FilterAccordionResetButton","props","state","translate","t","useWixPatternsContainer","filter","getPendingFilter","isEmpty","default","createElement","TextButton","dataHook","name","size","onClick","e","stopPropagation","reset","emitEvents","__self","__source","fileName","lineNumber","columnNumber","FilterAccordionResetButton","exports","observer"],"sources":["../../../../src/components/FiltersPanel/FilterAccordionResetButton.tsx"],"sourcesContent":["import { TextButton } from '@wix/design-system';\nimport React from 'react';\nimport { Filter } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { FilterToolbarState } from '../../providers';\n\nexport interface FilterAccordionResetButtonProps<V> {\n  state: FilterToolbarState;\n  filter: Filter<V>;\n}\n\nfunction _FilterAccordionResetButton<V>(\n  props: FilterAccordionResetButtonProps<V>,\n) {\n  const { state } = props;\n  const { translate: t } = useWixPatternsContainer();\n\n  const filter = state.getPendingFilter(props.filter);\n\n  if (filter.isEmpty) {\n    return null;\n  }\n\n  return (\n    <TextButton\n      dataHook={`reset-filter-${filter.name}`}\n      size=\"medium\"\n      onClick={(e: React.MouseEvent) => {\n        e.stopPropagation();\n        filter.reset({ emitEvents: ['change', 'refresh'] });\n      }}\n    >\n      {t('cairo.filtersPanel.reset')}\n    </TextButton>\n  );\n}\n\nexport const FilterAccordionResetButton = observer(\n  _FilterAccordionResetButton,\n);\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AAA2C,IAAAK,YAAA;AAQ3C,SAASC,2BAA2BA,CAClCC,KAAyC,EACzC;EACA,MAAM;IAAEC;EAAM,CAAC,GAAGD,KAAK;EACvB,MAAM;IAAEE,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAElD,MAAMC,MAAM,GAAGJ,KAAK,CAACK,gBAAgB,CAACN,KAAK,CAACK,MAAM,CAAC;EAEnD,IAAIA,MAAM,CAACE,OAAO,EAAE;IAClB,OAAO,IAAI;EACb;EAEA,oBACEb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAkB,UAAU;IACTC,QAAQ,EAAE,gBAAgBN,MAAM,CAACO,IAAI,EAAG;IACxCC,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAGC,CAAmB,IAAK;MAChCA,CAAC,CAACC,eAAe,CAAC,CAAC;MACnBX,MAAM,CAACY,KAAK,CAAC;QAAEC,UAAU,EAAE,CAAC,QAAQ,EAAE,SAAS;MAAE,CAAC,CAAC;IACrD,CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEDpB,CAAC,CAAC,0BAA0B,CACnB,CAAC;AAEjB;AAEO,MAAMqB,0BAA0B,GAAAC,OAAA,CAAAD,0BAAA,GAAG,IAAAE,uBAAQ,EAChD3B,2BACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_react2","_mobxReactLite","_useBmHarmonyTheme","_jsxFileName","_FilterAccordionResetButton","props","state","translate","t","useWixPatternsContainer","isBmHarmonyTheme","useBmHarmonyTheme","filter","getPendingFilter","isEmpty","default","createElement","TextButton","dataHook","name","size","onClick","e","stopPropagation","reset","emitEvents","__self","__source","fileName","lineNumber","columnNumber","FilterAccordionResetButton","exports","observer"],"sources":["../../../../src/components/FiltersPanel/FilterAccordionResetButton.tsx"],"sourcesContent":["import { TextButton } from '@wix/design-system';\nimport React from 'react';\nimport { Filter } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { FilterToolbarState } from '../../providers';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nexport interface FilterAccordionResetButtonProps<V> {\n  state: FilterToolbarState;\n  filter: Filter<V>;\n}\n\nfunction _FilterAccordionResetButton<V>(\n  props: FilterAccordionResetButtonProps<V>,\n) {\n  const { state } = props;\n  const { translate: t } = useWixPatternsContainer();\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n\n  const filter = state.getPendingFilter(props.filter);\n\n  if (filter.isEmpty) {\n    return null;\n  }\n\n  return (\n    <TextButton\n      dataHook={`reset-filter-${filter.name}`}\n      size={isBmHarmonyTheme ? 'small' : 'medium'}\n      onClick={(e: React.MouseEvent) => {\n        e.stopPropagation();\n        filter.reset({ emitEvents: ['change', 'refresh'] });\n      }}\n    >\n      {t('cairo.filtersPanel.reset')}\n    </TextButton>\n  );\n}\n\nexport const FilterAccordionResetButton = observer(_FilterAccordionResetButton);\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AAEA,IAAAK,kBAAA,GAAAL,OAAA;AAAkE,IAAAM,YAAA;AAOlE,SAASC,2BAA2BA,CAClCC,KAAyC,EACzC;EACA,MAAM;IAAEC;EAAM,CAAC,GAAGD,KAAK;EACvB,MAAM;IAAEE,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAClD,MAAMC,gBAAgB,GAAG,IAAAC,oCAAiB,EAAC,CAAC;EAE5C,MAAMC,MAAM,GAAGN,KAAK,CAACO,gBAAgB,CAACR,KAAK,CAACO,MAAM,CAAC;EAEnD,IAAIA,MAAM,CAACE,OAAO,EAAE;IAClB,OAAO,IAAI;EACb;EAEA,oBACEhB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACpB,aAAA,CAAAqB,UAAU;IACTC,QAAQ,EAAE,gBAAgBN,MAAM,CAACO,IAAI,EAAG;IACxCC,IAAI,EAAEV,gBAAgB,GAAG,OAAO,GAAG,QAAS;IAC5CW,OAAO,EAAGC,CAAmB,IAAK;MAChCA,CAAC,CAACC,eAAe,CAAC,CAAC;MACnBX,MAAM,CAACY,KAAK,CAAC;QAAEC,UAAU,EAAE,CAAC,QAAQ,EAAE,SAAS;MAAE,CAAC,CAAC;IACrD,CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzB,YAAA;MAAA0B,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEDtB,CAAC,CAAC,0BAA0B,CACnB,CAAC;AAEjB;AAEO,MAAMuB,0BAA0B,GAAAC,OAAA,CAAAD,0BAAA,GAAG,IAAAE,uBAAQ,EAAC7B,2BAA2B,CAAC","ignoreList":[]}

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

@@ -7,6 +7,7 @@ var _designSystem = require("@wix/design-system");
 var _react = _interopRequireDefault(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
 var _PatternsThemeProvider = require("../../themes/PatternsThemeProvider");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/FiltersPanel/FilterAccordionTitle.tsx";
 function _FilterAccordionTitle(props) {
   const {
@@ -20,15 +21,16 @@ function _FilterAccordionTitle(props) {
   const {
     sizes
   } = (0, _PatternsThemeProvider.usePatternsTheme)();
+  const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   return /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
     dataHook: `accordion-item-title-${filter.name}`,
     ellipsis: true,
     weight: "normal",
-    size: sizes.medium,
+    size: isBmHarmonyTheme ? 'small' : sizes.medium,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 24,
+      lineNumber: 26,
       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","_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":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_PatternsThemeProvider","_useBmHarmonyTheme","_jsxFileName","_FilterAccordionTitle","props","state","filterProps","accordionItemProps","filter","getPendingFilter","sizes","usePatternsTheme","isBmHarmonyTheme","useBmHarmonyTheme","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';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\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  const isBmHarmonyTheme = useBmHarmonyTheme();\n\n  return (\n    <Text\n      dataHook={`accordion-item-title-${filter.name}`}\n      ellipsis\n      weight=\"normal\"\n      size={isBmHarmonyTheme ? 'small' : 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;AACA,IAAAK,kBAAA,GAAAL,OAAA;AAAkE,IAAAM,YAAA;AAQlE,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;EACpC,MAAMC,gBAAgB,GAAG,IAAAC,oCAAiB,EAAC,CAAC;EAE5C,oBACEhB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACpB,aAAA,CAAAqB,IAAI;IACHC,QAAQ,EAAE,wBAAwBT,MAAM,CAACU,IAAI,EAAG;IAChDC,QAAQ;IACRC,MAAM,EAAC,QAAQ;IACfC,IAAI,EAAET,gBAAgB,GAAG,OAAO,GAAGF,KAAK,CAACY,MAAO;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE/C,GAAG,CAAApB,kBAAkB,oBAAlBA,kBAAkB,CAAEqB,KAAK,KAAI,EAAE,GACjCpB,MAAM,CAACa,IAAI,GAAG,CAAC,GAAG,KAAKb,MAAM,CAACa,IAAI,GAAG,GAAG,EAAE,EAExC,CAAC;AAEX;AAEO,MAAMQ,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,IAAAE,uBAAQ,EAAC5B,qBAAqB,CAAC","ignoreList":[]}

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

@@ -16,6 +16,7 @@ var _FiltersPanelSearchNoResults = require("./FiltersPanelSearchNoResults");
 var _react2 = require("@wix/bex-core/react");
 var _useRafRender = require("../../hooks/useRafRender");
 var _PatternsSidePanel = require("../SidePanel/PatternsSidePanel");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/FiltersPanel/FiltersPanel.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); }
 const FILTER_SEARCH_THRESHOLD = 7;
@@ -45,6 +46,7 @@ function _FiltersPanel(props) {
   const [filterRenderingContext] = (0, _react.useState)(() => ({
     location: 'panel'
   }));
+  const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   const [wsrDefaults] = (0, _react.useState)(() => ({
     input: {
       size: 'small'
@@ -67,7 +69,7 @@ function _FiltersPanel(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 79,
+      lineNumber: 82,
       columnNumber: 5
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.SidePanel.Header, {
@@ -77,15 +79,15 @@ function _FiltersPanel(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 88,
+      lineNumber: 91,
       columnNumber: 7
     }
   }, showSearch && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-    padding: "0 SP2 SP2 SP2",
+    padding: isBmHarmonyTheme ? '0 SP4 SP2 SP4' : '0 SP2 SP2 SP2',
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 99,
+      lineNumber: 102,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_FiltersPanelSearch.FiltersPanelSearch, {
@@ -93,7 +95,7 @@ function _FiltersPanel(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 100,
+      lineNumber: 103,
       columnNumber: 13
     }
   }))), /*#__PURE__*/_react.default.createElement("div", {
@@ -104,7 +106,7 @@ function _FiltersPanel(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 105,
+      lineNumber: 108,
       columnNumber: 7
     }
   }, noResults ? /*#__PURE__*/_react.default.createElement(_FiltersPanelSearchNoResults.FiltersPanelSearchNoResults, {
@@ -112,7 +114,7 @@ function _FiltersPanel(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 110,
+      lineNumber: 113,
       columnNumber: 11
     }
   }) : /*#__PURE__*/_react.default.createElement(_designSystem.Accordion, {
@@ -120,11 +122,13 @@ function _FiltersPanel(props) {
     skin: "light",
     hideShadow: true,
     multiple: true,
+    size: isBmHarmonyTheme ? 'tiny' : undefined,
+    horizontalPadding: isBmHarmonyTheme ? 'small' : undefined,
     items: accordionItems,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 112,
+      lineNumber: 115,
       columnNumber: 11
     }
   })), /*#__PURE__*/_react.default.createElement(_designSystem.SidePanel.Footer, {
@@ -132,7 +136,7 @@ function _FiltersPanel(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 121,
+      lineNumber: 126,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_FiltersPanelFooter.FiltersPanelFooter, {
@@ -141,7 +145,7 @@ function _FiltersPanel(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 122,
+      lineNumber: 127,
       columnNumber: 9
     }
   })), children);
@@ -150,7 +154,7 @@ function _FiltersPanel(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 132,
+      lineNumber: 137,
       columnNumber: 5
     }
   }, child);
@@ -159,7 +163,7 @@ function _FiltersPanel(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 138,
+      lineNumber: 143,
       columnNumber: 5
     }
   }, child);