@wix/patterns 1.430.0 → 1.431.0

package/dist/cjs/components/NestedTableDragAndDrop/DepthLimitMessage.js

@@ -6,7 +6,7 @@ exports.DepthLimitMessage = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
 var _designSystem = require("@wix/design-system");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/NestedTableDragAndDrop/DepthLimitMessage.tsx";
 function _DepthLimitMessage(props) {
   const {
@@ -25,7 +25,7 @@ function _DepthLimitMessage(props) {
     id: "nested-table-dnd-depth-limit-message",
     dataHook: "nested-table-dnd-depth-limit-message",
     theme: "light",
-    thumb: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.BlockSmall, {
+    thumb: /*#__PURE__*/_react.default.createElement(_lazy.BlockSmall, {
       __self: this,
       __source: {
         fileName: _jsxFileName,

package/dist/cjs/components/NestedTableDragAndDrop/DepthLimitMessage.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_wixUiIconsCommon","_jsxFileName","_DepthLimitMessage","props","state","nestedState","levels","container","translate","t","default","createElement","Tag","id","dataHook","theme","thumb","BlockSmall","__self","__source","fileName","lineNumber","columnNumber","removable","subCatsAmount","length","DepthLimitMessage","exports","observer"],"sources":["../../../../src/components/NestedTableDragAndDrop/DepthLimitMessage.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { NestedTableDragAndDropState } from './NestedTableDragAndDropState';\nimport { Tag } from '@wix/design-system';\nimport { BlockSmall } from '@wix/wix-ui-icons-common';\n\nexport interface NestedTableDragAndDropDropMessageProps<C extends string> {\n  state: NestedTableDragAndDropState<C>;\n}\n\nfunction _DepthLimitMessage<C extends string>(\n  props: NestedTableDragAndDropDropMessageProps<C>,\n) {\n  const { state } = props;\n\n  const { nestedState } = state;\n  const {\n    levels,\n    container: { translate: t },\n  } = nestedState;\n\n  return (\n    <Tag\n      id=\"nested-table-dnd-depth-limit-message\"\n      dataHook=\"nested-table-dnd-depth-limit-message\"\n      theme=\"light\"\n      thumb={<BlockSmall />}\n      removable={false}\n    >\n      {t('cairo.collectionPage.nestedLimit.tooltip', {\n        subCatsAmount: levels.length,\n      })}\n    </Tag>\n  );\n}\n\nexport const DepthLimitMessage = observer(_DepthLimitMessage);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAAsD,IAAAI,YAAA;AAMtD,SAASC,kBAAkBA,CACzBC,KAAgD,EAChD;EACA,MAAM;IAAEC;EAAM,CAAC,GAAGD,KAAK;EAEvB,MAAM;IAAEE;EAAY,CAAC,GAAGD,KAAK;EAC7B,MAAM;IACJE,MAAM;IACNC,SAAS,EAAE;MAAEC,SAAS,EAAEC;IAAE;EAC5B,CAAC,GAAGJ,WAAW;EAEf,oBACEV,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAa,GAAG;IACFC,EAAE,EAAC,sCAAsC;IACzCC,QAAQ,EAAC,sCAAsC;IAC/CC,KAAK,EAAC,OAAO;IACbC,KAAK,eAAErB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACX,iBAAA,CAAAiB,UAAU;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnB,YAAA;QAAAoB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IACtBC,SAAS,EAAE,KAAM;IAAAL,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEhBb,CAAC,CAAC,0CAA0C,EAAE;IAC7Ce,aAAa,EAAElB,MAAM,CAACmB;EACxB,CAAC,CACE,CAAC;AAEV;AAEO,MAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,uBAAQ,EAAC1B,kBAAkB,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_lazy","_jsxFileName","_DepthLimitMessage","props","state","nestedState","levels","container","translate","t","default","createElement","Tag","id","dataHook","theme","thumb","BlockSmall","__self","__source","fileName","lineNumber","columnNumber","removable","subCatsAmount","length","DepthLimitMessage","exports","observer"],"sources":["../../../../src/components/NestedTableDragAndDrop/DepthLimitMessage.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { NestedTableDragAndDropState } from './NestedTableDragAndDropState';\nimport { Tag } from '@wix/design-system';\nimport { BlockSmall } from '@wix/wix-ui-icons-common/lazy';\n\nexport interface NestedTableDragAndDropDropMessageProps<C extends string> {\n  state: NestedTableDragAndDropState<C>;\n}\n\nfunction _DepthLimitMessage<C extends string>(\n  props: NestedTableDragAndDropDropMessageProps<C>,\n) {\n  const { state } = props;\n\n  const { nestedState } = state;\n  const {\n    levels,\n    container: { translate: t },\n  } = nestedState;\n\n  return (\n    <Tag\n      id=\"nested-table-dnd-depth-limit-message\"\n      dataHook=\"nested-table-dnd-depth-limit-message\"\n      theme=\"light\"\n      thumb={<BlockSmall />}\n      removable={false}\n    >\n      {t('cairo.collectionPage.nestedLimit.tooltip', {\n        subCatsAmount: levels.length,\n      })}\n    </Tag>\n  );\n}\n\nexport const DepthLimitMessage = observer(_DepthLimitMessage);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAA2D,IAAAI,YAAA;AAM3D,SAASC,kBAAkBA,CACzBC,KAAgD,EAChD;EACA,MAAM;IAAEC;EAAM,CAAC,GAAGD,KAAK;EAEvB,MAAM;IAAEE;EAAY,CAAC,GAAGD,KAAK;EAC7B,MAAM;IACJE,MAAM;IACNC,SAAS,EAAE;MAAEC,SAAS,EAAEC;IAAE;EAC5B,CAAC,GAAGJ,WAAW;EAEf,oBACEV,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAa,GAAG;IACFC,EAAE,EAAC,sCAAsC;IACzCC,QAAQ,EAAC,sCAAsC;IAC/CC,KAAK,EAAC,OAAO;IACbC,KAAK,eAAErB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACX,KAAA,CAAAiB,UAAU;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnB,YAAA;QAAAoB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IACtBC,SAAS,EAAE,KAAM;IAAAL,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEhBb,CAAC,CAAC,0CAA0C,EAAE;IAC7Ce,aAAa,EAAElB,MAAM,CAACmB;EACxB,CAAC,CACE,CAAC;AAEV;AAEO,MAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,uBAAQ,EAAC1B,kBAAkB,CAAC","ignoreList":[]}

package/dist/cjs/components/NestedTableDragAndDrop/DragAndDropDisabledMessage.js

@@ -5,7 +5,7 @@ exports.__esModule = true;
 exports.DragAndDropDisabledMessage = DragAndDropDisabledMessage;
 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 _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/NestedTableDragAndDrop/DragAndDropDisabledMessage.tsx";
 function DragAndDropDisabledMessage(props) {
   const {
@@ -15,7 +15,7 @@ function DragAndDropDisabledMessage(props) {
     id: "nested-table-dnd-disabled-message",
     dataHook: "nested-table-dnd-disabled-message",
     theme: "light",
-    thumb: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.BlockSmall, {
+    thumb: /*#__PURE__*/_react.default.createElement(_lazy.BlockSmall, {
       __self: this,
       __source: {
         fileName: _jsxFileName,

package/dist/cjs/components/NestedTableDragAndDrop/DragAndDropDisabledMessage.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_jsxFileName","DragAndDropDisabledMessage","props","message","default","createElement","Tag","id","dataHook","theme","thumb","BlockSmall","__self","__source","fileName","lineNumber","columnNumber","removable"],"sources":["../../../../src/components/NestedTableDragAndDrop/DragAndDropDisabledMessage.tsx"],"sourcesContent":["import React from 'react';\nimport { Tag } from '@wix/design-system';\nimport { BlockSmall } from '@wix/wix-ui-icons-common';\n\nexport interface DragAndDropDisabledMessageProps {\n  message: string;\n}\n\nexport function DragAndDropDisabledMessage(\n  props: DragAndDropDisabledMessageProps,\n) {\n  const { message } = props;\n\n  return (\n    <Tag\n      id=\"nested-table-dnd-disabled-message\"\n      dataHook=\"nested-table-dnd-disabled-message\"\n      theme=\"light\"\n      thumb={<BlockSmall />}\n      removable={false}\n    >\n      {message}\n    </Tag>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAAsD,IAAAG,YAAA;AAM/C,SAASC,0BAA0BA,CACxCC,KAAsC,EACtC;EACA,MAAM;IAAEC;EAAQ,CAAC,GAAGD,KAAK;EAEzB,oBACEP,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAQ,GAAG;IACFC,EAAE,EAAC,mCAAmC;IACtCC,QAAQ,EAAC,mCAAmC;IAC5CC,KAAK,EAAC,OAAO;IACbC,KAAK,eAAEf,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,iBAAA,CAAAY,UAAU;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAd,YAAA;QAAAe,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IACtBC,SAAS,EAAE,KAAM;IAAAL,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEhBb,OACE,CAAC;AAEV","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_jsxFileName","DragAndDropDisabledMessage","props","message","default","createElement","Tag","id","dataHook","theme","thumb","BlockSmall","__self","__source","fileName","lineNumber","columnNumber","removable"],"sources":["../../../../src/components/NestedTableDragAndDrop/DragAndDropDisabledMessage.tsx"],"sourcesContent":["import React from 'react';\nimport { Tag } from '@wix/design-system';\nimport { BlockSmall } from '@wix/wix-ui-icons-common/lazy';\n\nexport interface DragAndDropDisabledMessageProps {\n  message: string;\n}\n\nexport function DragAndDropDisabledMessage(\n  props: DragAndDropDisabledMessageProps,\n) {\n  const { message } = props;\n\n  return (\n    <Tag\n      id=\"nested-table-dnd-disabled-message\"\n      dataHook=\"nested-table-dnd-disabled-message\"\n      theme=\"light\"\n      thumb={<BlockSmall />}\n      removable={false}\n    >\n      {message}\n    </Tag>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAA2D,IAAAG,YAAA;AAMpD,SAASC,0BAA0BA,CACxCC,KAAsC,EACtC;EACA,MAAM;IAAEC;EAAQ,CAAC,GAAGD,KAAK;EAEzB,oBACEP,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAQ,GAAG;IACFC,EAAE,EAAC,mCAAmC;IACtCC,QAAQ,EAAC,mCAAmC;IAC5CC,KAAK,EAAC,OAAO;IACbC,KAAK,eAAEf,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,KAAA,CAAAY,UAAU;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAd,YAAA;QAAAe,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IACtBC,SAAS,EAAE,KAAM;IAAAL,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEhBb,OACE,CAAC;AAEV","ignoreList":[]}

package/dist/cjs/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.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_ = "MultipleDragOverlayEffect1567357389";
+var _namespace_ = "MultipleDragOverlayEffect927374861";
 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": "MultipleDragOverlayEffect1567357389__root"
+  "root": "MultipleDragOverlayEffect927374861__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.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/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MultipleDragOverlayEffect1567357389\";\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\":\"MultipleDragOverlayEffect1567357389__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,qCAAqC;AACvD,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;AAA2C,CAAC;AAClE,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/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MultipleDragOverlayEffect927374861\";\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\":\"MultipleDragOverlayEffect927374861__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,oCAAoC;AACtD,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;AAA0C,CAAC;AACjE,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/NestedTableDragAndDrop/NestedTableDragAndDropRow.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_ = "NestedTableDragAndDropRow273561805";
+var _namespace_ = "NestedTableDragAndDropRow915281379";
 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": "NestedTableDragAndDropRow273561805__root"
+  "root": "NestedTableDragAndDropRow915281379__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.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/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTableDragAndDropRow273561805\";\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\":\"NestedTableDragAndDropRow273561805__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,oCAAoC;AACtD,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;AAA0C,CAAC;AACjE,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/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTableDragAndDropRow915281379\";\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\":\"NestedTableDragAndDropRow915281379__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,oCAAoC;AACtD,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;AAA0C,CAAC;AACjE,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/NumberRangeFilter/NumberRangeFilter.js

@@ -8,6 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
 var _designSystem = require("@wix/design-system");
 var _useNumberRangeFilter = require("./useNumberRangeFilter");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/NumberRangeFilter/NumberRangeFilter.tsx";
 function NumberRangeFilter({
   filter,
@@ -30,6 +31,7 @@ function NumberRangeFilter({
     min,
     max
   });
+  const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   return /*#__PURE__*/_react.default.createElement(_designSystem.FieldSet, (0, _extends2.default)({
     dataHook: `number-range-filter-${filter.name}`,
     direction: "horizontal",
@@ -44,7 +46,7 @@ function NumberRangeFilter({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 37,
+      lineNumber: 40,
       columnNumber: 5
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.FormField, (0, _extends2.default)({
@@ -56,7 +58,7 @@ function NumberRangeFilter({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 46,
+      lineNumber: 49,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.NumberInput, (0, _extends2.default)({}, commonInputProps, {
@@ -67,11 +69,12 @@ function NumberRangeFilter({
       isFrom: true
     }),
     dataHook: "number-range-filter-from-input",
-    size: "medium",
+    size: isBmHarmonyTheme ? 'small' : 'medium',
+    border: isBmHarmonyTheme ? 'standard' : undefined,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 51,
+      lineNumber: 54,
       columnNumber: 9
     }
   }))), /*#__PURE__*/_react.default.createElement(_designSystem.FormField, (0, _extends2.default)({
@@ -84,7 +87,7 @@ function NumberRangeFilter({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 60,
+      lineNumber: 64,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.NumberInput, (0, _extends2.default)({}, commonInputProps, {
@@ -95,11 +98,12 @@ function NumberRangeFilter({
       isFrom: false
     }),
     dataHook: "number-range-filter-to-input",
-    size: "medium",
+    size: isBmHarmonyTheme ? 'small' : 'medium',
+    border: isBmHarmonyTheme ? 'standard' : undefined,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 65,
+      lineNumber: 69,
       columnNumber: 9
     }
   }))));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_useNumberRangeFilter","_jsxFileName","NumberRangeFilter","filter","decimal","min","max","fromValue","toValue","fromError","toError","handleInputChange","placeholder","commonInputProps","t","useNumberRangeFilter","default","createElement","FieldSet","_extends2","dataHook","name","direction","gap","columns","legend","legendPlacement","status","statusMessage","__self","__source","fileName","lineNumber","columnNumber","FormField","label","NumberInput","value","onChange","from","isFrom","size","to","_default","exports","observer"],"sources":["../../../../src/components/NumberRangeFilter/NumberRangeFilter.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FieldSet, FormField, NumberInput } from '@wix/design-system';\nimport { FilterProps } from '../../model';\nimport type { RangeItem } from '@wix/bex-core';\nimport { useNumberRangeFilter } from './useNumberRangeFilter';\n\nexport interface NumberRangeFilterProps extends FilterProps<RangeItem<number>> {\n  decimal?: boolean;\n  min?: number;\n  max?: number;\n}\n\nfunction NumberRangeFilter({\n  filter,\n  decimal = false,\n  min,\n  max,\n}: NumberRangeFilterProps) {\n  const {\n    fromValue,\n    toValue,\n    fromError,\n    toError,\n    handleInputChange,\n    placeholder,\n    commonInputProps,\n    t,\n  } = useNumberRangeFilter({\n    filter,\n    decimal,\n    min,\n    max,\n  });\n\n  return (\n    <FieldSet\n      dataHook={`number-range-filter-${filter.name}`}\n      direction=\"horizontal\"\n      gap=\"medium\"\n      columns=\"1fr 1fr\"\n      legend={`Number range filter - ${filter.name}`}\n      legendPlacement=\"none\"\n      {...(fromError ? { status: 'error', statusMessage: fromError } : {})}\n    >\n      <FormField\n        dataHook=\"number-range-filter-from-form-field\"\n        label={t('cairo.filtersPanel.numRange.min-from')}\n        {...(fromError ? { status: 'error' } : {})}\n      >\n        <NumberInput\n          {...commonInputProps}\n          placeholder={placeholder.min}\n          value={fromValue ?? ''}\n          onChange={(value) => handleInputChange({ from: value, isFrom: true })}\n          dataHook=\"number-range-filter-from-input\"\n          size=\"medium\"\n        />\n      </FormField>\n      <FormField\n        dataHook=\"number-range-filter-to-form-field\"\n        label={t('cairo.filtersPanel.numRange.maxRange-to')}\n        {...(toError ? { status: 'error', statusMessage: toError } : {})}\n      >\n        <NumberInput\n          {...commonInputProps}\n          placeholder={placeholder.max}\n          value={toValue ?? ''}\n          onChange={(value) => handleInputChange({ to: value, isFrom: false })}\n          dataHook=\"number-range-filter-to-input\"\n          size=\"medium\"\n        />\n      </FormField>\n    </FieldSet>\n  );\n}\n\nexport default observer(NumberRangeFilter);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_useNumberRangeFilter","_useBmHarmonyTheme","_jsxFileName","NumberRangeFilter","filter","decimal","min","max","fromValue","toValue","fromError","toError","handleInputChange","placeholder","commonInputProps","t","useNumberRangeFilter","isBmHarmonyTheme","useBmHarmonyTheme","default","createElement","FieldSet","_extends2","dataHook","name","direction","gap","columns","legend","legendPlacement","status","statusMessage","__self","__source","fileName","lineNumber","columnNumber","FormField","label","NumberInput","value","onChange","from","isFrom","size","border","undefined","to","_default","exports","observer"],"sources":["../../../../src/components/NumberRangeFilter/NumberRangeFilter.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FieldSet, FormField, NumberInput } from '@wix/design-system';\nimport { FilterProps } from '../../model';\nimport type { RangeItem } from '@wix/bex-core';\nimport { useNumberRangeFilter } from './useNumberRangeFilter';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nexport interface NumberRangeFilterProps extends FilterProps<RangeItem<number>> {\n  decimal?: boolean;\n  min?: number;\n  max?: number;\n}\n\nfunction NumberRangeFilter({\n  filter,\n  decimal = false,\n  min,\n  max,\n}: NumberRangeFilterProps) {\n  const {\n    fromValue,\n    toValue,\n    fromError,\n    toError,\n    handleInputChange,\n    placeholder,\n    commonInputProps,\n    t,\n  } = useNumberRangeFilter({\n    filter,\n    decimal,\n    min,\n    max,\n  });\n\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n\n  return (\n    <FieldSet\n      dataHook={`number-range-filter-${filter.name}`}\n      direction=\"horizontal\"\n      gap=\"medium\"\n      columns=\"1fr 1fr\"\n      legend={`Number range filter - ${filter.name}`}\n      legendPlacement=\"none\"\n      {...(fromError ? { status: 'error', statusMessage: fromError } : {})}\n    >\n      <FormField\n        dataHook=\"number-range-filter-from-form-field\"\n        label={t('cairo.filtersPanel.numRange.min-from')}\n        {...(fromError ? { status: 'error' } : {})}\n      >\n        <NumberInput\n          {...commonInputProps}\n          placeholder={placeholder.min}\n          value={fromValue ?? ''}\n          onChange={(value) => handleInputChange({ from: value, isFrom: true })}\n          dataHook=\"number-range-filter-from-input\"\n          size={isBmHarmonyTheme ? 'small' : 'medium'}\n          border={isBmHarmonyTheme ? 'standard' : undefined}\n        />\n      </FormField>\n      <FormField\n        dataHook=\"number-range-filter-to-form-field\"\n        label={t('cairo.filtersPanel.numRange.maxRange-to')}\n        {...(toError ? { status: 'error', statusMessage: toError } : {})}\n      >\n        <NumberInput\n          {...commonInputProps}\n          placeholder={placeholder.max}\n          value={toValue ?? ''}\n          onChange={(value) => handleInputChange({ to: value, isFrom: false })}\n          dataHook=\"number-range-filter-to-input\"\n          size={isBmHarmonyTheme ? 'small' : 'medium'}\n          border={isBmHarmonyTheme ? 'standard' : undefined}\n        />\n      </FormField>\n    </FieldSet>\n  );\n}\n\nexport default observer(NumberRangeFilter);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/OperatorFilterPicker/OperatorFilterPicker.js

@@ -8,8 +8,9 @@ var _designSystem = require("@wix/design-system");
 var _bexCore = require("@wix/bex-core");
 var _react2 = require("@wix/bex-core/react");
 var _useOperatorFilterState = require("../../hooks/useOperatorFilterState");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _renderOperatorFilterToolbarTag = require("./renderOperatorFilterToolbarTag");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/OperatorFilterPicker/OperatorFilterPicker.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 _OperatorFilterPicker(props) {
@@ -20,6 +21,7 @@ function _OperatorFilterPicker(props) {
   const {
     translate: t
   } = (0, _react2.useWixPatternsContainer)();
+  const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   const filterState = filter;
   const allowedOperators = filterState.allowedOperators;
   const hasOperatorWithValue = (0, _react.useMemo)(() => allowedOperators.some(op => (0, _bexCore.operatorNeedsValue)(op)), [allowedOperators]);
@@ -33,24 +35,30 @@ function _OperatorFilterPicker(props) {
   const operatorOptions = allowedOperators.map(op => (0, _designSystem.listItemSelectBuilder)({
     id: op,
     title: t((0, _bexCore.getOperatorLabel)(op)),
-    label: t((0, _bexCore.getOperatorLabel)(op))
+    label: t((0, _bexCore.getOperatorLabel)(op)),
+    ...(isBmHarmonyTheme ? {
+      size: 'small'
+    } : {})
   }));
   const showValueInput = state.operatorNeedsValue();
   return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     dataHook: `operator-picker-${filter.name}`,
     direction: "vertical",
     gap: "12px",
+    style: isBmHarmonyTheme ? {
+      width: '100%'
+    } : undefined,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 65,
+      lineNumber: 68,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 70,
+      lineNumber: 74,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.DropdownBase, {
@@ -61,10 +69,11 @@ function _OperatorFilterPicker(props) {
     appendTo: "window",
     flip: true,
     placement: "bottom-start",
+    minWidth: isBmHarmonyTheme ? 0 : undefined,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 71,
+      lineNumber: 75,
       columnNumber: 9
     }
   }, ({
@@ -72,11 +81,11 @@ function _OperatorFilterPicker(props) {
   }) => /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
     skin: "dark",
     onClick: toggle,
-    suffixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChevronDown, {
+    suffixIcon: /*#__PURE__*/_react.default.createElement(_lazy.ChevronDown, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 84,
+        lineNumber: 89,
         columnNumber: 27
       }
     }),
@@ -85,18 +94,19 @@ function _OperatorFilterPicker(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 81,
+      lineNumber: 86,
       columnNumber: 13
     }
   }, t((0, _bexCore.getOperatorLabel)(state.operator))))), showValueInput && /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 95,
+      lineNumber: 100,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Input, {
-    border: "round",
+    border: isBmHarmonyTheme ? 'standard' : 'round',
+    size: isBmHarmonyTheme ? 'small' : undefined,
     value: ((_state$value = state.value) == null ? void 0 : _state$value.toString()) || '',
     placeholder: t('cairo.filterOperator.valuePlaceholder'),
     onChange: e => state.setValue(e.target.value),
@@ -110,7 +120,7 @@ function _OperatorFilterPicker(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 96,
+      lineNumber: 101,
       columnNumber: 11
     }
   })));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_bexCore","_react2","_useOperatorFilterState","_wixUiIconsCommon","_renderOperatorFilterToolbarTag","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_OperatorFilterPicker","props","_state$value","filter","translate","useWixPatternsContainer","filterState","allowedOperators","hasOperatorWithValue","useMemo","some","op","operatorNeedsValue","Error","name","join","state","useOperatorFilterState","useEffect","init","operatorOptions","map","listItemSelectBuilder","id","title","getOperatorLabel","label","showValueInput","createElement","Box","dataHook","direction","gap","__self","__source","fileName","lineNumber","columnNumber","FormField","DropdownBase","options","selectedId","operator","onSelect","option","setOperator","appendTo","flip","placement","toggle","TextButton","skin","onClick","suffixIcon","ChevronDown","size","Input","border","value","toString","placeholder","onChange","setValue","target","onBlur","applyImmediately","onKeyDown","key","OperatorFilterPicker","exports","observer","displayName","renderPresetToolbarTag","renderOperatorFilterToolbarTag"],"sources":["../../../../src/components/OperatorFilterPicker/OperatorFilterPicker.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport {\n  Box,\n  DropdownBase,\n  Input,\n  FormField,\n  listItemSelectBuilder,\n  TextButton,\n} from '@wix/design-system';\nimport {\n  FilterOperator,\n  OperatorFilterValue,\n  getOperatorLabel,\n  operatorNeedsValue,\n  OperatorFilterState,\n} from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useOperatorFilterState } from '../../hooks/useOperatorFilterState';\nimport { FilterProps } from '../../model';\nimport { ChevronDown } from '@wix/wix-ui-icons-common';\nimport { renderOperatorFilterToolbarTag } from './renderOperatorFilterToolbarTag';\n\nexport interface OperatorPickerProps<T>\n  extends FilterProps<OperatorFilterValue<T>> {}\n\nfunction _OperatorFilterPicker<T>(props: OperatorPickerProps<T>) {\n  const { filter } = props;\n  const { translate: t } = useWixPatternsContainer();\n\n  const filterState = filter as OperatorFilterState<T>;\n  const allowedOperators = filterState.allowedOperators;\n  const hasOperatorWithValue = useMemo(\n    () => allowedOperators.some((op) => operatorNeedsValue(op)),\n    [allowedOperators],\n  );\n\n  if (!hasOperatorWithValue) {\n    throw new Error(\n      `[OperatorFilterPicker] Invalid configuration for filter \"${filter.name}\": ` +\n        `All operators in allowedOperators [${allowedOperators.join(\n          ', ',\n        )}] don't require a value. ` +\n        `When using only value-less operators like EXISTS, IS_EMPTY, or NOT_EXISTS, ` +\n        `you should use a Checkbox filter component instead of OperatorFilterPicker. ` +\n        `OperatorFilterPicker is designed for operators that require user input (e.g., EQUALS, CONTAINS, STARTS_WITH).`,\n    );\n  }\n\n  const state = useOperatorFilterState<T>({ filter });\n\n  useEffect(() => state.init(), [state]);\n\n  const operatorOptions = allowedOperators.map((op) =>\n    listItemSelectBuilder({\n      id: op,\n      title: t(getOperatorLabel(op)),\n      label: t(getOperatorLabel(op)),\n    }),\n  );\n\n  const showValueInput = state.operatorNeedsValue();\n\n  return (\n    <Box\n      dataHook={`operator-picker-${filter.name}`}\n      direction=\"vertical\"\n      gap=\"12px\"\n    >\n      <FormField>\n        <DropdownBase\n          options={operatorOptions}\n          selectedId={state.operator}\n          onSelect={(option) => state.setOperator(option.id as FilterOperator)}\n          dataHook=\"operator-picker-operator-dropdown\"\n          appendTo=\"window\"\n          flip\n          placement=\"bottom-start\"\n        >\n          {({ toggle }) => (\n            <TextButton\n              skin=\"dark\"\n              onClick={toggle}\n              suffixIcon={<ChevronDown />}\n              size=\"small\"\n              dataHook=\"operator-picker-trigger\"\n            >\n              {t(getOperatorLabel(state.operator))}\n            </TextButton>\n          )}\n        </DropdownBase>\n      </FormField>\n\n      {showValueInput && (\n        <FormField>\n          <Input\n            border=\"round\"\n            value={state.value?.toString() || ''}\n            placeholder={t('cairo.filterOperator.valuePlaceholder')}\n            onChange={(e) => state.setValue(e.target.value as T)}\n            onBlur={() => state.applyImmediately()}\n            onKeyDown={(e) => {\n              if (e.key === 'Enter') {\n                state.applyImmediately();\n              }\n            }}\n            dataHook=\"operator-picker-value-input\"\n          />\n        </FormField>\n      )}\n    </Box>\n  );\n}\n\nexport const OperatorFilterPicker = observer(\n  _OperatorFilterPicker,\n) as typeof _OperatorFilterPicker & {\n  displayName?: string;\n  renderPresetToolbarTag?: typeof renderOperatorFilterToolbarTag;\n};\n\nOperatorFilterPicker.displayName = 'OperatorFilterPicker';\nOperatorFilterPicker.renderPresetToolbarTag = renderOperatorFilterToolbarTag;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_bexCore","_react2","_useOperatorFilterState","_lazy","_renderOperatorFilterToolbarTag","_useBmHarmonyTheme","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_OperatorFilterPicker","props","_state$value","filter","translate","useWixPatternsContainer","isBmHarmonyTheme","useBmHarmonyTheme","filterState","allowedOperators","hasOperatorWithValue","useMemo","some","op","operatorNeedsValue","Error","name","join","state","useOperatorFilterState","useEffect","init","operatorOptions","map","listItemSelectBuilder","id","title","getOperatorLabel","label","size","showValueInput","createElement","Box","dataHook","direction","gap","style","width","undefined","__self","__source","fileName","lineNumber","columnNumber","FormField","DropdownBase","options","selectedId","operator","onSelect","option","setOperator","appendTo","flip","placement","minWidth","toggle","TextButton","skin","onClick","suffixIcon","ChevronDown","Input","border","value","toString","placeholder","onChange","setValue","target","onBlur","applyImmediately","onKeyDown","key","OperatorFilterPicker","exports","observer","displayName","renderPresetToolbarTag","renderOperatorFilterToolbarTag"],"sources":["../../../../src/components/OperatorFilterPicker/OperatorFilterPicker.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport {\n  Box,\n  DropdownBase,\n  Input,\n  FormField,\n  listItemSelectBuilder,\n  TextButton,\n} from '@wix/design-system';\nimport {\n  FilterOperator,\n  OperatorFilterValue,\n  getOperatorLabel,\n  operatorNeedsValue,\n  OperatorFilterState,\n} from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useOperatorFilterState } from '../../hooks/useOperatorFilterState';\nimport { FilterProps } from '../../model';\nimport { ChevronDown } from '@wix/wix-ui-icons-common/lazy';\nimport { renderOperatorFilterToolbarTag } from './renderOperatorFilterToolbarTag';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nexport interface OperatorPickerProps<T>\n  extends FilterProps<OperatorFilterValue<T>> {}\n\nfunction _OperatorFilterPicker<T>(props: OperatorPickerProps<T>) {\n  const { filter } = props;\n  const { translate: t } = useWixPatternsContainer();\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n\n  const filterState = filter as OperatorFilterState<T>;\n  const allowedOperators = filterState.allowedOperators;\n  const hasOperatorWithValue = useMemo(\n    () => allowedOperators.some((op) => operatorNeedsValue(op)),\n    [allowedOperators],\n  );\n\n  if (!hasOperatorWithValue) {\n    throw new Error(\n      `[OperatorFilterPicker] Invalid configuration for filter \"${filter.name}\": ` +\n        `All operators in allowedOperators [${allowedOperators.join(\n          ', ',\n        )}] don't require a value. ` +\n        `When using only value-less operators like EXISTS, IS_EMPTY, or NOT_EXISTS, ` +\n        `you should use a Checkbox filter component instead of OperatorFilterPicker. ` +\n        `OperatorFilterPicker is designed for operators that require user input (e.g., EQUALS, CONTAINS, STARTS_WITH).`,\n    );\n  }\n\n  const state = useOperatorFilterState<T>({ filter });\n\n  useEffect(() => state.init(), [state]);\n\n  const operatorOptions = allowedOperators.map((op) =>\n    listItemSelectBuilder({\n      id: op,\n      title: t(getOperatorLabel(op)),\n      label: t(getOperatorLabel(op)),\n      ...(isBmHarmonyTheme ? { size: 'small' as const } : {}),\n    }),\n  );\n\n  const showValueInput = state.operatorNeedsValue();\n\n  return (\n    <Box\n      dataHook={`operator-picker-${filter.name}`}\n      direction=\"vertical\"\n      gap=\"12px\"\n      style={isBmHarmonyTheme ? { width: '100%' } : undefined}\n    >\n      <FormField>\n        <DropdownBase\n          options={operatorOptions}\n          selectedId={state.operator}\n          onSelect={(option) => state.setOperator(option.id as FilterOperator)}\n          dataHook=\"operator-picker-operator-dropdown\"\n          appendTo=\"window\"\n          flip\n          placement=\"bottom-start\"\n          minWidth={isBmHarmonyTheme ? 0 : undefined}\n        >\n          {({ toggle }) => (\n            <TextButton\n              skin=\"dark\"\n              onClick={toggle}\n              suffixIcon={<ChevronDown />}\n              size=\"small\"\n              dataHook=\"operator-picker-trigger\"\n            >\n              {t(getOperatorLabel(state.operator))}\n            </TextButton>\n          )}\n        </DropdownBase>\n      </FormField>\n\n      {showValueInput && (\n        <FormField>\n          <Input\n            border={isBmHarmonyTheme ? 'standard' : 'round'}\n            size={isBmHarmonyTheme ? 'small' : undefined}\n            value={state.value?.toString() || ''}\n            placeholder={t('cairo.filterOperator.valuePlaceholder')}\n            onChange={(e) => state.setValue(e.target.value as T)}\n            onBlur={() => state.applyImmediately()}\n            onKeyDown={(e) => {\n              if (e.key === 'Enter') {\n                state.applyImmediately();\n              }\n            }}\n            dataHook=\"operator-picker-value-input\"\n          />\n        </FormField>\n      )}\n    </Box>\n  );\n}\n\nexport const OperatorFilterPicker = observer(\n  _OperatorFilterPicker,\n) as typeof _OperatorFilterPicker & {\n  displayName?: string;\n  renderPresetToolbarTag?: typeof renderOperatorFilterToolbarTag;\n};\n\nOperatorFilterPicker.displayName = 'OperatorFilterPicker';\nOperatorFilterPicker.renderPresetToolbarTag = renderOperatorFilterToolbarTag;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/PageErrorState/PageErrorState.js

@@ -7,7 +7,7 @@ var _react = _interopRequireDefault(require("react"));
 var _ErrorState = require("../ErrorState");
 var _designSystem = require("@wix/design-system");
 var _PageErrorStateIllustration = require("./PageErrorStateIllustration");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/PageErrorState/PageErrorState.tsx";
 function PageErrorState({
   onRetry,
@@ -45,7 +45,7 @@ function PageErrorState({
     action: retryText && onRetry ? {
       text: retryText,
       onClick: onRetry,
-      prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Refresh, {
+      prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Refresh, {
         __self: this,
         __source: {
           fileName: _jsxFileName,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_ErrorState","_designSystem","_PageErrorStateIllustration","_wixUiIconsCommon","_jsxFileName","PageErrorState","onRetry","title","subtitle","retryText","image","dataHook","default","createElement","Page","__self","__source","fileName","lineNumber","columnNumber","Header","Content","LoadingErrorState","action","text","onClick","prefixIcon","Refresh","undefined","PageErrorStateIllustration"],"sources":["../../../../src/components/PageErrorState/PageErrorState.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { LoadingErrorState } from '../ErrorState';\nimport { Page, PageProps } from '@wix/design-system';\nimport { PageErrorStateIllustration } from './PageErrorStateIllustration';\nimport { Refresh } from '@wix/wix-ui-icons-common';\n\nexport interface PageErrorStateProps extends PageProps {\n  /**\n   * Function, which will be executed on `Try Again` click.\n   */\n  onRetry?: () => void;\n  /**\n   * Error state title\n   */\n  title?: string;\n  /**\n   * Error state subtitle\n   */\n  subtitle: string;\n  /**\n   * Error state `Try Again` button text\n   */\n  retryText?: string;\n  /**\n   * Error state image\n   */\n  image?: ReactElement;\n}\n\nexport function PageErrorState({\n  onRetry,\n  title,\n  subtitle,\n  retryText,\n  image,\n  dataHook,\n}: PageErrorStateProps) {\n  return (\n    <Page dataHook={dataHook}>\n      <Page.Header />\n      <Page.Content>\n        <LoadingErrorState\n          title={title}\n          subtitle={subtitle}\n          action={\n            retryText && onRetry\n              ? {\n                  text: retryText,\n                  onClick: onRetry,\n                  prefixIcon: <Refresh />,\n                }\n              : undefined\n          }\n          image={image ?? <PageErrorStateIllustration />}\n          dataHook=\"page-error-state\"\n        />\n      </Page.Content>\n    </Page>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,2BAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;AAAmD,IAAAK,YAAA;AAyB5C,SAASC,cAAcA,CAAC;EAC7BC,OAAO;EACPC,KAAK;EACLC,QAAQ;EACRC,SAAS;EACTC,KAAK;EACLC;AACmB,CAAC,EAAE;EACtB,oBACEd,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAa,IAAI;IAACH,QAAQ,EAAEA,QAAS;IAAAI,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACvBtB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAa,IAAI,CAACM,MAAM;IAAAL,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eACftB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAa,IAAI,CAACO,OAAO;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACXtB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,WAAA,CAAAsB,iBAAiB;IAChBf,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA,QAAS;IACnBe,MAAM,EACJd,SAAS,IAAIH,OAAO,GAChB;MACEkB,IAAI,EAAEf,SAAS;MACfgB,OAAO,EAAEnB,OAAO;MAChBoB,UAAU,eAAE7B,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACV,iBAAA,CAAAwB,OAAO;QAAAZ,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAb,YAAA;UAAAc,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE;IACxB,CAAC,GACDS,SACL;IACDlB,KAAK,EAAEA,KAAK,iBAAIb,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACX,2BAAA,CAAA2B,0BAA0B;MAAAd,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAb,YAAA;QAAAc,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IAC/CR,QAAQ,EAAC,kBAAkB;IAAAI,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC5B,CACW,CACV,CAAC;AAEX","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_ErrorState","_designSystem","_PageErrorStateIllustration","_lazy","_jsxFileName","PageErrorState","onRetry","title","subtitle","retryText","image","dataHook","default","createElement","Page","__self","__source","fileName","lineNumber","columnNumber","Header","Content","LoadingErrorState","action","text","onClick","prefixIcon","Refresh","undefined","PageErrorStateIllustration"],"sources":["../../../../src/components/PageErrorState/PageErrorState.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { LoadingErrorState } from '../ErrorState';\nimport { Page, PageProps } from '@wix/design-system';\nimport { PageErrorStateIllustration } from './PageErrorStateIllustration';\nimport { Refresh } from '@wix/wix-ui-icons-common/lazy';\n\nexport interface PageErrorStateProps extends PageProps {\n  /**\n   * Function, which will be executed on `Try Again` click.\n   */\n  onRetry?: () => void;\n  /**\n   * Error state title\n   */\n  title?: string;\n  /**\n   * Error state subtitle\n   */\n  subtitle: string;\n  /**\n   * Error state `Try Again` button text\n   */\n  retryText?: string;\n  /**\n   * Error state image\n   */\n  image?: ReactElement;\n}\n\nexport function PageErrorState({\n  onRetry,\n  title,\n  subtitle,\n  retryText,\n  image,\n  dataHook,\n}: PageErrorStateProps) {\n  return (\n    <Page dataHook={dataHook}>\n      <Page.Header />\n      <Page.Content>\n        <LoadingErrorState\n          title={title}\n          subtitle={subtitle}\n          action={\n            retryText && onRetry\n              ? {\n                  text: retryText,\n                  onClick: onRetry,\n                  prefixIcon: <Refresh />,\n                }\n              : undefined\n          }\n          image={image ?? <PageErrorStateIllustration />}\n          dataHook=\"page-error-state\"\n        />\n      </Page.Content>\n    </Page>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,2BAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAAwD,IAAAK,YAAA;AAyBjD,SAASC,cAAcA,CAAC;EAC7BC,OAAO;EACPC,KAAK;EACLC,QAAQ;EACRC,SAAS;EACTC,KAAK;EACLC;AACmB,CAAC,EAAE;EACtB,oBACEd,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAa,IAAI;IAACH,QAAQ,EAAEA,QAAS;IAAAI,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACvBtB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAa,IAAI,CAACM,MAAM;IAAAL,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eACftB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAa,IAAI,CAACO,OAAO;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACXtB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,WAAA,CAAAsB,iBAAiB;IAChBf,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA,QAAS;IACnBe,MAAM,EACJd,SAAS,IAAIH,OAAO,GAChB;MACEkB,IAAI,EAAEf,SAAS;MACfgB,OAAO,EAAEnB,OAAO;MAChBoB,UAAU,eAAE7B,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACV,KAAA,CAAAwB,OAAO;QAAAZ,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAb,YAAA;UAAAc,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE;IACxB,CAAC,GACDS,SACL;IACDlB,KAAK,EAAEA,KAAK,iBAAIb,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACX,2BAAA,CAAA2B,0BAA0B;MAAAd,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAb,YAAA;QAAAc,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IAC/CR,QAAQ,EAAC,kBAAkB;IAAAI,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC5B,CACW,CACV,CAAC;AAEX","ignoreList":[]}

package/dist/cjs/components/PickerContent/PickerContent.js

@@ -9,11 +9,13 @@ var _PickerContentProvider = require("./PickerContentProvider");
 var _PickerSelectorListContent = require("../PickerSelectorListContent");
 var _MaxSelection = require("../MaxSelection");
 var _PickerContentWrapped = require("./PickerContentWrapped");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/PickerContent/PickerContent.tsx";
 function PickerContent(props) {
   const {
     modalState
   } = props;
+  const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
 
   // wrap with a new WixPatternsContainer that can get initialProps
   return /*#__PURE__*/_react.default.createElement(_PickerContentProvider.PickerContentProvider, {
@@ -21,14 +23,16 @@ function PickerContent(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 53,
+      lineNumber: 55,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_PickerContentWrapped.PickerContentWrapped, (0, _extends2.default)({}, props, {
     renderPickerContent: ({
       state,
       renderItem
-    }) => /*#__PURE__*/_react.default.createElement(_PickerSelectorListContent.PickerSelectorListContent, (0, _extends2.default)({}, props.selectorListProps, {
+    }) => /*#__PURE__*/_react.default.createElement(_PickerSelectorListContent.PickerSelectorListContent, (0, _extends2.default)({
+      size: isBmHarmonyTheme ? 'small' : undefined
+    }, props.selectorListProps, {
       state: state,
       multiple: (0, _MaxSelection.fromMultipleSelectionToBoolean)(props.multiple),
       hasAdditionalStep: props.hasAdditionalStep,
@@ -36,14 +40,14 @@ function PickerContent(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 57,
+        lineNumber: 59,
         columnNumber: 11
       }
     })),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 54,
+      lineNumber: 56,
       columnNumber: 7
     }
   })));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_PickerContentProvider","_PickerSelectorListContent","_MaxSelection","_PickerContentWrapped","_jsxFileName","PickerContent","props","modalState","default","createElement","PickerContentProvider","__self","__source","fileName","lineNumber","columnNumber","PickerContentWrapped","_extends2","renderPickerContent","state","renderItem","PickerSelectorListContent","selectorListProps","multiple","fromMultipleSelectionToBoolean","hasAdditionalStep"],"sources":["../../../../src/components/PickerContent/PickerContent.tsx"],"sourcesContent":["import React, { ComponentType } from 'react';\nimport { FiltersMap, OptionalFiltersMap } from '@wix/bex-core';\nimport { UsePickerContentParams } from '../../hooks/usePickerContent';\nimport { PickerContentState } from '../../state';\nimport { PickerContentProvider } from './PickerContentProvider';\nimport { PickerSelectorListContent } from '../PickerSelectorListContent';\nimport { fromMultipleSelectionToBoolean } from '../MaxSelection';\nimport { PickerContentWrapped } from './PickerContentWrapped';\nimport { PickerContentItemsSelectionProps } from './PickerContentItemsSelection';\nimport { SelectorListContentProps } from '@wix/design-system';\nimport { PickerContentAdditionalStepProps } from './PickerContentAdditionalStep';\n\nexport interface PickerContentComponentBaseProps<T, F extends FiltersMap>\n  extends PickerContentItemsSelectionProps<T, F>,\n    PickerContentAdditionalStepProps<T> {\n  /**\n   * Additional props to pass to [SelectorList](https://www.docs.wixdesignsystem.com/?path=/story/components-lists--selectorlist), i.e `imageSize`, `imageShape` etc.\n   */\n  selectorListProps?: Partial<SelectorListContentProps>;\n}\n\nexport interface PickerContentProps<T, F extends FiltersMap>\n  extends PickerContentComponentBaseProps<T, F> {\n  /**\n   * A state object created with [`usePickerContent`](./?path=/story/base-components-collections-picker-hooks--usepickercontent)\n   */\n  state: UsePickerContentParams<T, F> | PickerContentState<T, F>;\n}\n\nexport type PickerContentComponentProps<\n  T,\n  F extends FiltersMap = OptionalFiltersMap,\n> = Omit<\n  PickerContentComponentBaseProps<T, F>,\n  | 'renderItem'\n  | 'pickerContentState'\n  | 'renderEmptyState'\n  | 'renderPickerContent'\n>;\n\nexport type PickerContentComponent<\n  T,\n  F extends FiltersMap = OptionalFiltersMap,\n> = ComponentType<PickerContentComponentProps<T, F>>;\n\nexport function PickerContent<T, F extends FiltersMap>(\n  props: PickerContentProps<T, F>,\n) {\n  const { modalState } = props;\n\n  // wrap with a new WixPatternsContainer that can get initialProps\n  return (\n    <PickerContentProvider modalState={modalState}>\n      <PickerContentWrapped\n        {...props}\n        renderPickerContent={({ state, renderItem }) => (\n          <PickerSelectorListContent\n            {...props.selectorListProps}\n            state={state}\n            multiple={fromMultipleSelectionToBoolean(props.multiple)}\n            hasAdditionalStep={props.hasAdditionalStep}\n            renderItem={renderItem}\n          />\n        )}\n      />\n    </PickerContentProvider>\n  );\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAIA,IAAAC,sBAAA,GAAAD,OAAA;AACA,IAAAE,0BAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,qBAAA,GAAAJ,OAAA;AAA8D,IAAAK,YAAA;AAsCvD,SAASC,aAAaA,CAC3BC,KAA+B,EAC/B;EACA,MAAM;IAAEC;EAAW,CAAC,GAAGD,KAAK;;EAE5B;EACA,oBACET,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,sBAAA,CAAAU,qBAAqB;IAACH,UAAU,EAAEA,UAAW;IAAAI,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAT,YAAA;MAAAU,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC5ClB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACN,qBAAA,CAAAa,oBAAoB,MAAAC,SAAA,CAAAT,OAAA,MACfF,KAAK;IACTY,mBAAmB,EAAEA,CAAC;MAAEC,KAAK;MAAEC;IAAW,CAAC,kBACzCvB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,0BAAA,CAAAoB,yBAAyB,MAAAJ,SAAA,CAAAT,OAAA,MACpBF,KAAK,CAACgB,iBAAiB;MAC3BH,KAAK,EAAEA,KAAM;MACbI,QAAQ,EAAE,IAAAC,4CAA8B,EAAClB,KAAK,CAACiB,QAAQ,CAAE;MACzDE,iBAAiB,EAAEnB,KAAK,CAACmB,iBAAkB;MAC3CL,UAAU,EAAEA,UAAW;MAAAT,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAT,YAAA;QAAAU,UAAA;QAAAC,YAAA;MAAA;IAAA,EACxB,CACD;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAT,YAAA;MAAAU,UAAA;MAAAC,YAAA;IAAA;EAAA,EACH,CACoB,CAAC;AAE5B","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_PickerContentProvider","_PickerSelectorListContent","_MaxSelection","_PickerContentWrapped","_useBmHarmonyTheme","_jsxFileName","PickerContent","props","modalState","isBmHarmonyTheme","useBmHarmonyTheme","default","createElement","PickerContentProvider","__self","__source","fileName","lineNumber","columnNumber","PickerContentWrapped","_extends2","renderPickerContent","state","renderItem","PickerSelectorListContent","size","undefined","selectorListProps","multiple","fromMultipleSelectionToBoolean","hasAdditionalStep"],"sources":["../../../../src/components/PickerContent/PickerContent.tsx"],"sourcesContent":["import React, { ComponentType } from 'react';\nimport { FiltersMap, OptionalFiltersMap } from '@wix/bex-core';\nimport { UsePickerContentParams } from '../../hooks/usePickerContent';\nimport { PickerContentState } from '../../state';\nimport { PickerContentProvider } from './PickerContentProvider';\nimport { PickerSelectorListContent } from '../PickerSelectorListContent';\nimport { fromMultipleSelectionToBoolean } from '../MaxSelection';\nimport { PickerContentWrapped } from './PickerContentWrapped';\nimport { PickerContentItemsSelectionProps } from './PickerContentItemsSelection';\nimport { SelectorListContentProps } from '@wix/design-system';\nimport { PickerContentAdditionalStepProps } from './PickerContentAdditionalStep';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nexport interface PickerContentComponentBaseProps<T, F extends FiltersMap>\n  extends PickerContentItemsSelectionProps<T, F>,\n    PickerContentAdditionalStepProps<T> {\n  /**\n   * Additional props to pass to [SelectorList](https://www.docs.wixdesignsystem.com/?path=/story/components-lists--selectorlist), i.e `imageSize`, `imageShape` etc.\n   */\n  selectorListProps?: Partial<SelectorListContentProps>;\n}\n\nexport interface PickerContentProps<T, F extends FiltersMap>\n  extends PickerContentComponentBaseProps<T, F> {\n  /**\n   * A state object created with [`usePickerContent`](./?path=/story/base-components-collections-picker-hooks--usepickercontent)\n   */\n  state: UsePickerContentParams<T, F> | PickerContentState<T, F>;\n}\n\nexport type PickerContentComponentProps<\n  T,\n  F extends FiltersMap = OptionalFiltersMap,\n> = Omit<\n  PickerContentComponentBaseProps<T, F>,\n  | 'renderItem'\n  | 'pickerContentState'\n  | 'renderEmptyState'\n  | 'renderPickerContent'\n>;\n\nexport type PickerContentComponent<\n  T,\n  F extends FiltersMap = OptionalFiltersMap,\n> = ComponentType<PickerContentComponentProps<T, F>>;\n\nexport function PickerContent<T, F extends FiltersMap>(\n  props: PickerContentProps<T, F>,\n) {\n  const { modalState } = props;\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n\n  // wrap with a new WixPatternsContainer that can get initialProps\n  return (\n    <PickerContentProvider modalState={modalState}>\n      <PickerContentWrapped\n        {...props}\n        renderPickerContent={({ state, renderItem }) => (\n          <PickerSelectorListContent\n            size={isBmHarmonyTheme ? 'small' : undefined}\n            {...props.selectorListProps}\n            state={state}\n            multiple={fromMultipleSelectionToBoolean(props.multiple)}\n            hasAdditionalStep={props.hasAdditionalStep}\n            renderItem={renderItem}\n          />\n        )}\n      />\n    </PickerContentProvider>\n  );\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAIA,IAAAC,sBAAA,GAAAD,OAAA;AACA,IAAAE,0BAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,qBAAA,GAAAJ,OAAA;AAIA,IAAAK,kBAAA,GAAAL,OAAA;AAAkE,IAAAM,YAAA;AAmC3D,SAASC,aAAaA,CAC3BC,KAA+B,EAC/B;EACA,MAAM;IAAEC;EAAW,CAAC,GAAGD,KAAK;EAC5B,MAAME,gBAAgB,GAAG,IAAAC,oCAAiB,EAAC,CAAC;;EAE5C;EACA,oBACEb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,sBAAA,CAAAa,qBAAqB;IAACL,UAAU,EAAEA,UAAW;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC5CrB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACT,qBAAA,CAAAgB,oBAAoB,MAAAC,SAAA,CAAAT,OAAA,MACfJ,KAAK;IACTc,mBAAmB,EAAEA,CAAC;MAAEC,KAAK;MAAEC;IAAW,CAAC,kBACzC1B,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,0BAAA,CAAAuB,yBAAyB,MAAAJ,SAAA,CAAAT,OAAA;MACxBc,IAAI,EAAEhB,gBAAgB,GAAG,OAAO,GAAGiB;IAAU,GACzCnB,KAAK,CAACoB,iBAAiB;MAC3BL,KAAK,EAAEA,KAAM;MACbM,QAAQ,EAAE,IAAAC,4CAA8B,EAACtB,KAAK,CAACqB,QAAQ,CAAE;MACzDE,iBAAiB,EAAEvB,KAAK,CAACuB,iBAAkB;MAC3CP,UAAU,EAAEA,UAAW;MAAAT,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAX,YAAA;QAAAY,UAAA;QAAAC,YAAA;MAAA;IAAA,EACxB,CACD;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,EACH,CACoB,CAAC;AAE5B","ignoreList":[]}

package/dist/cjs/components/PickerContent/PickerContent.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_ = "PickerContent2095613214";
+var _namespace_ = "PickerContent3826816446";
 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": "PickerContent2095613214__root"
+  "root": "PickerContent3826816446__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/PickerContent/PickerContent.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/PickerContent/PickerContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContent2095613214\";\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\":\"PickerContent2095613214__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,yBAAyB;AAC3C,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;AAA+B,CAAC;AACtD,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/PickerContent/PickerContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContent3826816446\";\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\":\"PickerContent3826816446__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,yBAAyB;AAC3C,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;AAA+B,CAAC;AACtD,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":[]}