@wix/patterns 1.319.0 → 1.321.0

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

@@ -21,7 +21,7 @@ function PickerContent(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 57,
+      lineNumber: 53,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_PickerContentWrapped.PickerContentWrapped, (0, _extends2.default)({}, props, {
@@ -32,19 +32,18 @@ function PickerContent(props) {
       state: state,
       multiple: (0, _MaxSelection.fromMultipleSelectionToBoolean)(props.multiple),
       hasAdditionalStep: props.hasAdditionalStep,
-      hiddenItemsWarningText: props.hiddenItemsWarningText,
       renderItem: renderItem,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 61,
+        lineNumber: 57,
         columnNumber: 11
       }
     })),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 58,
+      lineNumber: 54,
       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","hiddenItemsWarningText"],"sources":["../../../../src/components/PickerContent/PickerContent.tsx"],"sourcesContent":["import React, { ComponentType, ReactNode } 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  /** Show a warning at the top of the list when not all available items are currently showed */\n  hiddenItemsWarningText?: ReactNode;\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  | 'hiddenItemsWarningText'\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            hiddenItemsWarningText={props.hiddenItemsWarningText}\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;AA0CvD,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;MAC3CC,sBAAsB,EAAEpB,KAAK,CAACoB,sBAAuB;MACrDN,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","_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":[]}

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_ = "PickerContent3697521998";
+var _namespace_ = "PickerContent2095471890";
 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": "PickerContent3697521998__root"
+  "root": "PickerContent2095471890__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_ = \"PickerContent3697521998\";\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\":\"PickerContent3697521998__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_ = \"PickerContent2095471890\";\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\":\"PickerContent2095471890__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":[]}

package/dist/cjs/components/PickerContent/PickerContentAdditionalStep.st.css.js

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "PickerContentAdditionalStep1178376272";
+var _namespace_ = "PickerContentAdditionalStep2339802600";
 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": "PickerContentAdditionalStep1178376272__root",
-  "titles": "PickerContentAdditionalStep1178376272__titles",
-  "suffix": "PickerContentAdditionalStep1178376272__suffix"
+  "root": "PickerContentAdditionalStep2339802600__root",
+  "titles": "PickerContentAdditionalStep2339802600__titles",
+  "suffix": "PickerContentAdditionalStep2339802600__suffix"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/PickerContent/PickerContentAdditionalStep.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/PickerContentAdditionalStep.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContentAdditionalStep1178376272\";\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\":\"PickerContentAdditionalStep1178376272__root\",\"titles\":\"PickerContentAdditionalStep1178376272__titles\",\"suffix\":\"PickerContentAdditionalStep1178376272__suffix\"};\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,uCAAuC;AACzD,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,6CAA6C;EAAC,QAAQ,EAAC,+CAA+C;EAAC,QAAQ,EAAC;AAA+C,CAAC;AACtL,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/PickerContentAdditionalStep.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContentAdditionalStep2339802600\";\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\":\"PickerContentAdditionalStep2339802600__root\",\"titles\":\"PickerContentAdditionalStep2339802600__titles\",\"suffix\":\"PickerContentAdditionalStep2339802600__suffix\"};\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,uCAAuC;AACzD,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,6CAA6C;EAAC,QAAQ,EAAC,+CAA+C;EAAC,QAAQ,EAAC;AAA+C,CAAC;AACtL,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/PickerContent/PickerContentItemsSelection.js

@@ -49,14 +49,8 @@ function _PickerContentItemsSelection(props) {
     picker
   } = state;
   const {
-    strictFiltersOnly,
     collection
   } = picker;
-  const {
-    result: {
-      isEmptyAndNotFetching: isEmptyAfterStrictFilters
-    }
-  } = strictFiltersOnly;
   const {
     bulkSelect,
     translate: t,
@@ -94,7 +88,7 @@ function _PickerContentItemsSelection(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 201,
+      lineNumber: 197,
       columnNumber: 5
     }
   }) : null;
@@ -107,7 +101,7 @@ function _PickerContentItemsSelection(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 214,
+          lineNumber: 210,
           columnNumber: 14
         }
       });
@@ -118,7 +112,7 @@ function _PickerContentItemsSelection(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 222,
+          lineNumber: 218,
           columnNumber: 9
         }
       }, /*#__PURE__*/_react.default.createElement(_MaybeTooltip.MaybeTooltip, {
@@ -127,14 +121,14 @@ function _PickerContentItemsSelection(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 223,
+          lineNumber: 219,
           columnNumber: 11
         }
       }, /*#__PURE__*/_react.default.createElement("div", {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 227,
+          lineNumber: 223,
           columnNumber: 13
         }
       }, /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
@@ -145,7 +139,7 @@ function _PickerContentItemsSelection(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 228,
+          lineNumber: 224,
           columnNumber: 15
         }
       }, customContentButtonText ?? t('cairo.picker.createNew.button')))));
@@ -156,7 +150,7 @@ function _PickerContentItemsSelection(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 243,
+          lineNumber: 239,
           columnNumber: 9
         }
       }, t('cairo.selector.modal.items.selected', {
@@ -171,7 +165,7 @@ function _PickerContentItemsSelection(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 255,
+        lineNumber: 251,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -179,7 +173,7 @@ function _PickerContentItemsSelection(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 256,
+        lineNumber: 252,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_FilterRenderingContext.FilterRenderingContextProvider, {
@@ -187,7 +181,7 @@ function _PickerContentItemsSelection(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 257,
+        lineNumber: 253,
         columnNumber: 11
       }
     }, filterComponent)), resolvedSearchElement && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, resolvedSearchElement));
@@ -207,7 +201,7 @@ function _PickerContentItemsSelection(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 268,
+      lineNumber: 264,
       columnNumber: 5
     }
   }), /*#__PURE__*/_react.default.createElement(_CollectionContext.CollectionProvider, {
@@ -215,10 +209,10 @@ function _PickerContentItemsSelection(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 280,
+      lineNumber: 276,
       columnNumber: 7
     }
-  }, (!isEmptyAfterStrictFilters && resolvedSearchElement || filterComponent || renderCustomNotification || showMaxSelection) && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+  }, (resolvedSearchElement || filterComponent || renderCustomNotification || showMaxSelection) && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     display: "grid",
     paddingLeft: "SP5",
     paddingRight: "SP5",
@@ -228,7 +222,7 @@ function _PickerContentItemsSelection(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 285,
+      lineNumber: 281,
       columnNumber: 11
     }
   }, filterComponent ? renderFiltersComponent() : resolvedSearchElement, renderCustomNotification ? /*#__PURE__*/_react.default.createElement("span", {
@@ -236,7 +230,7 @@ function _PickerContentItemsSelection(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 295,
+      lineNumber: 291,
       columnNumber: 15
     }
   }, renderCustomNotification({
@@ -251,7 +245,7 @@ function _PickerContentItemsSelection(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 303,
+      lineNumber: 299,
       columnNumber: 15
     }
   })), /*#__PURE__*/_react.default.createElement(_MultiCollectionSupportProvider.MultiCollectionSupportProvider, {
@@ -259,7 +253,7 @@ function _PickerContentItemsSelection(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 313,
+      lineNumber: 309,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_Picker.Picker, {
@@ -271,7 +265,7 @@ function _PickerContentItemsSelection(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 314,
+      lineNumber: 310,
       columnNumber: 11
     }
   }, renderPickerContent == null ? void 0 : renderPickerContent({

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_CollectionSearch","_Picker","_CollectionContext","_MaxSelection","_MaybeTooltip","_SelectAllCheckbox","_MultiCollectionSupportProvider","_PickerContentBaseWrapped","_FilterRenderingContext","_isValidElement","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_PickerContentItemsSelection","props","modalState","primaryButtonProps","renderEmptyState","renderError","state","multiple","customContentButtonText","customContentButtonPrefixIcon","customContentButtonOnClick","customContent","showSelectAllCheckbox","enablePrimaryButton","search","hideSearch","renderPickerContent","customMaxSelectionLabel","renderCustomNotification","filterComponent","showSelectedCount","rest","_customContent","picker","strictFiltersOnly","collection","result","isEmptyAndNotFetching","isEmptyAfterStrictFilters","bulkSelect","translate","showInitialLoader","isEmpty","isSelectEmpty","useEffect","value","init","reachedMax","reachedMaxSelection","filterRenderingContextValue","useState","location","onCustomContentButtonClick","useCallback","onCreateNewButtonClick","renderItem","item","index","renderedItem","key","itemKey","disabled","selectedIds","includes","searchElement","isValidElement","React","cloneElement","minWidthPixels","createElement","CollectionSearch","__self","__source","fileName","lineNumber","columnNumber","shouldShowSearch","undefined","resolvedSearchElement","renderSideActions","Infinity","SelectAllCheckbox","shouldShowCustomContentButton","Box","MaybeTooltip","dataHook","content","TextButton","prefixIcon","onClick","Text","total","selectedCount","renderFiltersComponent","gap","width","FilterRenderingContextProvider","Fragment","showMaxSelection","showMaxSelectionLabel","PickerContentBaseWrapped","_extends2","secondaryButtonText","style","sideActions","CollectionProvider","display","paddingLeft","paddingRight","paddingBottom","paddingTop","showHeaderDivider","selected","BulkSelectionMaxSelectionLabel","customLabel","MultiCollectionSupportProvider","multi","Picker","hasFilterDropdown","PickerContentItemsSelection","exports","observer"],"sources":["../../../../src/components/PickerContent/PickerContentItemsSelection.tsx"],"sourcesContent":["import React, { ReactElement, useCallback, useEffect, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { CustomModalContent, PickerModalState } from '../../hooks';\nimport { ComputedQuery, FiltersMap } from '@wix/bex-core';\nimport {\n  Box,\n  FloatingNotification,\n  FloatingNotificationProps,\n  IconElement,\n  Text,\n  TextButton,\n} from '@wix/design-system';\nimport { CollectionSearch } from '../CollectionSearch';\nimport { Picker, PickerProps } from '../Picker';\nimport { CollectionProvider } from '../CollectionContext';\nimport {\n  BulkSelectionMaxSelectionLabel,\n  MaxSelectionLabelProps,\n  MultipleSelection,\n  reachedMaxSelection,\n  showMaxSelectionLabel,\n} from '../MaxSelection';\nimport { PickerContentState } from '../../state';\nimport { MaybeTooltip } from '../MaybeTooltip';\nimport { PickerListItemProps } from '../PickerListItemProps';\nimport { SelectAllCheckbox } from './SelectAllCheckbox';\nimport { MultiCollectionSupportProvider } from '../MultiCollectionSupportProvider';\nimport {\n  PickerContentBaseWrapped,\n  PickerContentBaseWrappedProps,\n} from './PickerContentBaseWrapped';\nimport { FilterRenderingContextProvider } from '../FilterRenderingContext';\nimport { CollectionSearchElement } from '../assertComponentType';\nimport { isValidElement } from '../isValidElement';\n\nexport interface PickerContentItemsSelectionProps<T, F extends FiltersMap>\n  extends Partial<PickerContentBaseWrappedProps> {\n  modalState: PickerModalState<T, F>;\n  customContentButtonText?: string;\n  customContentButtonPrefixIcon?: IconElement;\n\n  /**\n   * A callback to be called when the custom content button is clicked\n   */\n  customContentButtonOnClick?: (param: {\n    onClose: (newItems?: T[]) => void;\n  }) => void;\n\n  customContent?: CustomModalContent<T>;\n  /**\n   * Shows \"Select All\" checkbox as a side action (overrides \"customContent\" prop).\n   * If `multiple={number}` or `multiple={false}` are used, this prop does nothing.\n   */\n  showSelectAllCheckbox?: boolean;\n\n  multiple?: MultipleSelection;\n\n  /**\n   * Shows a SingleSelectFilter component in a picker modal to filter items;\n   */\n  filterComponent?: ReactElement;\n  /**\n   * A function that render a item row in the selector list\n   */\n  renderItem: (item: T, index: number) => Partial<PickerListItemProps>;\n  /**\n   * A render function to be rendered when there're no items to show in the table.<br>\n   * You can use the built in [`<CollectionEmptyState />`](./?path=/story/features-display-empty-states--collectionemptystate).<br>\n   * The function accepts the following parameters\n   *   * `hasAvailableItems`: Indicates whether other items might have been shown using other filtering / search\n   *   * `query`: An instance of [ComputedQuery](./?path=/story/common-types--computedquery) that represents the query that resulted with an empty state\n   */\n  renderEmptyState?: (params: {\n    hasAvailableItems: boolean;\n    query: ComputedQuery<F>;\n  }) => ReactElement<any, any> | null | undefined;\n  renderError: PickerProps<T, F>['renderError'];\n  /**\n   * When set to `true`, the modal primary button will be always enabled.\n   */\n  enablePrimaryButton?: boolean;\n  /**\n   * Displays a search input in the picker modal.\n   * Accepts a boolean or a custom CollectionSearch element as a parameter.\n   * When passing `false`, no search input is displayed.\n   * @default true\n   * @external\n   */\n  search?: boolean | CollectionSearchElement;\n  /**\n   * @deprecated Use search={false} instead\n   * Hides the search input of the picker\n   */\n  hideSearch?: boolean;\n  /**\n   * Function that returns label for multi selection like:\n   * '2 items selected (24 max)`\n   * This function accepts argument {num: number, max: number}\n   */\n  customMaxSelectionLabel?: MaxSelectionLabelProps['customLabel'];\n  /**\n   * Function that returns custom notification that will be displayed in the picker modal.\n   * Useful to describe additional information about the selection (for instance how to increase limit of selected items).\n   * @param data.selected - number of selected items\n   * @param data.total - total number of items\n   */\n  renderCustomNotification?: (data: {\n    selected?: number;\n    total?: number;\n  }) => ReactElement<FloatingNotificationProps, typeof FloatingNotification>;\n  /** Displays count of selected items in <CustomModalLayout /> `sideActions` */\n  showSelectedCount?: boolean;\n}\n\ninterface PickerContentItemsSelectionStateProps<T, F extends FiltersMap> {\n  state: PickerContentState<T, F>;\n  renderPickerContent: (params: {\n    state: PickerContentState<T, F>;\n    renderItem: PickerContentItemsSelectionProps<T, F>['renderItem'];\n  }) => ReactElement;\n}\n\nexport type PickerContentItemsSelectionFullProps<\n  T,\n  F extends FiltersMap = FiltersMap,\n> = PickerContentItemsSelectionProps<T, F> &\n  PickerContentItemsSelectionStateProps<T, F>;\n\nfunction _PickerContentItemsSelection<T, F extends FiltersMap = FiltersMap>(\n  props: PickerContentItemsSelectionFullProps<T, F>,\n) {\n  const {\n    modalState,\n    primaryButtonProps,\n    renderEmptyState,\n    renderError,\n    state,\n    multiple,\n    customContentButtonText,\n    customContentButtonPrefixIcon,\n    customContentButtonOnClick,\n    customContent,\n    showSelectAllCheckbox,\n    enablePrimaryButton,\n    search,\n    hideSearch,\n    renderPickerContent,\n    customMaxSelectionLabel,\n    renderCustomNotification,\n    filterComponent,\n    showSelectedCount,\n    ...rest\n  } = props;\n  const { _customContent } = modalState;\n\n  const { picker } = state;\n\n  const { strictFiltersOnly, collection } = picker;\n\n  const {\n    result: { isEmptyAndNotFetching: isEmptyAfterStrictFilters },\n  } = strictFiltersOnly;\n\n  const { bulkSelect, translate: t, showInitialLoader } = collection;\n\n  const { isEmpty: isSelectEmpty } = bulkSelect;\n\n  useEffect(() => {\n    _customContent.value = () => customContent;\n    return state.init();\n  }, []);\n\n  const reachedMax = reachedMaxSelection({\n    collection,\n    multiple,\n  });\n\n  const [filterRenderingContextValue] = useState(() => ({\n    location: 'modal' as const,\n  }));\n  const onCustomContentButtonClick = useCallback(() => {\n    state.onCreateNewButtonClick(customContentButtonOnClick);\n  }, [customContentButtonOnClick]);\n\n  const renderItem: (typeof props)['renderItem'] = (item, index) => {\n    const renderedItem = props.renderItem(item, index);\n    const key = collection.itemKey(item);\n    return {\n      ...renderedItem,\n      disabled:\n        (reachedMax && !collection.bulkSelect.selectedIds.includes(key)) ||\n        renderedItem.disabled,\n    };\n  };\n\n  const searchElement = isValidElement(search) ? (\n    React.cloneElement(search as CollectionSearchElement, {\n      minWidthPixels: '100%',\n    })\n  ) : search !== false ? (\n    <CollectionSearch minWidthPixels=\"100%\" />\n  ) : null;\n\n  const shouldShowSearch =\n    search !== undefined ? search !== false : !hideSearch;\n  const resolvedSearchElement = shouldShowSearch ? searchElement : null;\n\n  const renderSideActions = () => {\n    if (\n      showSelectAllCheckbox &&\n      !showInitialLoader &&\n      (multiple === true || multiple === Infinity)\n    ) {\n      return <SelectAllCheckbox state={state} />;\n    }\n\n    const shouldShowCustomContentButton =\n      customContent || customContentButtonOnClick;\n\n    if (shouldShowCustomContentButton) {\n      return (\n        <Box>\n          <MaybeTooltip\n            dataHook=\"custom-content-button-tooltip\"\n            content={reachedMax && t('cairo.picker.createNew.button.tooltip')}\n          >\n            <div>\n              <TextButton\n                dataHook=\"custom-content-button\"\n                prefixIcon={customContentButtonPrefixIcon}\n                disabled={reachedMax}\n                onClick={onCustomContentButtonClick}\n              >\n                {customContentButtonText ?? t('cairo.picker.createNew.button')}\n              </TextButton>\n            </div>\n          </MaybeTooltip>\n        </Box>\n      );\n    }\n    if (showSelectedCount) {\n      return (\n        <Text dataHook=\"cairo-selected-items-count\">\n          {t('cairo.selector.modal.items.selected', {\n            total: collection.bulkSelect.selectedCount,\n          })}\n        </Text>\n      );\n    }\n    return null;\n  };\n\n  const renderFiltersComponent = () => {\n    return (\n      <Box gap=\"12px\">\n        <Box width=\"200px\">\n          <FilterRenderingContextProvider value={filterRenderingContextValue}>\n            {filterComponent}\n          </FilterRenderingContextProvider>\n        </Box>\n        {resolvedSearchElement && <>{resolvedSearchElement}</>}\n      </Box>\n    );\n  };\n\n  const showMaxSelection = showMaxSelectionLabel(multiple);\n  return (\n    <PickerContentBaseWrapped\n      secondaryButtonText={t('cairo.cancel.button')}\n      primaryButtonProps={{\n        disabled: isSelectEmpty && !enablePrimaryButton,\n        ...primaryButtonProps,\n        style: {\n          ...primaryButtonProps?.style,\n        },\n      }}\n      sideActions={renderSideActions()}\n      {...rest}\n    >\n      <CollectionProvider value={picker.collection}>\n        {((!isEmptyAfterStrictFilters && resolvedSearchElement) ||\n          filterComponent ||\n          renderCustomNotification ||\n          showMaxSelection) && (\n          <Box\n            display=\"grid\"\n            paddingLeft=\"SP5\"\n            paddingRight=\"SP5\"\n            paddingBottom=\"SP3\"\n            paddingTop={rest.showHeaderDivider ? 'SP3' : '3px'}\n            gap=\"SP3\"\n          >\n            {filterComponent ? renderFiltersComponent() : resolvedSearchElement}\n            {renderCustomNotification ? (\n              <span data-hook=\"custom-notification\">\n                {renderCustomNotification({\n                  selected: collection.bulkSelect.selectedCount,\n                  total: collection.result.total,\n                })}\n              </span>\n            ) : null}\n            {showMaxSelection && (\n              <BulkSelectionMaxSelectionLabel\n                dataHook=\"selection-max-label\"\n                multiple={multiple}\n                customLabel={customMaxSelectionLabel}\n                t={t}\n                selectedCount={collection.bulkSelect.selectedCount}\n              />\n            )}\n          </Box>\n        )}\n        <MultiCollectionSupportProvider value={picker.multi}>\n          <Picker\n            dataHook=\"picker\"\n            state={picker}\n            renderEmptyState={renderEmptyState}\n            renderError={renderError}\n            hasFilterDropdown={!!filterComponent}\n          >\n            {renderPickerContent?.({ state, renderItem })}\n          </Picker>\n        </MultiCollectionSupportProvider>\n      </CollectionProvider>\n    </PickerContentBaseWrapped>\n  );\n}\nexport const PickerContentItemsSelection = observer(\n  _PickerContentItemsSelection,\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_CollectionSearch","_Picker","_CollectionContext","_MaxSelection","_MaybeTooltip","_SelectAllCheckbox","_MultiCollectionSupportProvider","_PickerContentBaseWrapped","_FilterRenderingContext","_isValidElement","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_PickerContentItemsSelection","props","modalState","primaryButtonProps","renderEmptyState","renderError","state","multiple","customContentButtonText","customContentButtonPrefixIcon","customContentButtonOnClick","customContent","showSelectAllCheckbox","enablePrimaryButton","search","hideSearch","renderPickerContent","customMaxSelectionLabel","renderCustomNotification","filterComponent","showSelectedCount","rest","_customContent","picker","collection","bulkSelect","translate","showInitialLoader","isEmpty","isSelectEmpty","useEffect","value","init","reachedMax","reachedMaxSelection","filterRenderingContextValue","useState","location","onCustomContentButtonClick","useCallback","onCreateNewButtonClick","renderItem","item","index","renderedItem","key","itemKey","disabled","selectedIds","includes","searchElement","isValidElement","React","cloneElement","minWidthPixels","createElement","CollectionSearch","__self","__source","fileName","lineNumber","columnNumber","shouldShowSearch","undefined","resolvedSearchElement","renderSideActions","Infinity","SelectAllCheckbox","shouldShowCustomContentButton","Box","MaybeTooltip","dataHook","content","TextButton","prefixIcon","onClick","Text","total","selectedCount","renderFiltersComponent","gap","width","FilterRenderingContextProvider","Fragment","showMaxSelection","showMaxSelectionLabel","PickerContentBaseWrapped","_extends2","secondaryButtonText","style","sideActions","CollectionProvider","display","paddingLeft","paddingRight","paddingBottom","paddingTop","showHeaderDivider","selected","result","BulkSelectionMaxSelectionLabel","customLabel","MultiCollectionSupportProvider","multi","Picker","hasFilterDropdown","PickerContentItemsSelection","exports","observer"],"sources":["../../../../src/components/PickerContent/PickerContentItemsSelection.tsx"],"sourcesContent":["import React, { ReactElement, useCallback, useEffect, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { CustomModalContent, PickerModalState } from '../../hooks';\nimport { ComputedQuery, FiltersMap } from '@wix/bex-core';\nimport {\n  Box,\n  FloatingNotification,\n  FloatingNotificationProps,\n  IconElement,\n  Text,\n  TextButton,\n} from '@wix/design-system';\nimport { CollectionSearch } from '../CollectionSearch';\nimport { Picker, PickerProps } from '../Picker';\nimport { CollectionProvider } from '../CollectionContext';\nimport {\n  BulkSelectionMaxSelectionLabel,\n  MaxSelectionLabelProps,\n  MultipleSelection,\n  reachedMaxSelection,\n  showMaxSelectionLabel,\n} from '../MaxSelection';\nimport { PickerContentState } from '../../state';\nimport { MaybeTooltip } from '../MaybeTooltip';\nimport { PickerListItemProps } from '../PickerListItemProps';\nimport { SelectAllCheckbox } from './SelectAllCheckbox';\nimport { MultiCollectionSupportProvider } from '../MultiCollectionSupportProvider';\nimport {\n  PickerContentBaseWrapped,\n  PickerContentBaseWrappedProps,\n} from './PickerContentBaseWrapped';\nimport { FilterRenderingContextProvider } from '../FilterRenderingContext';\nimport { CollectionSearchElement } from '../assertComponentType';\nimport { isValidElement } from '../isValidElement';\n\nexport interface PickerContentItemsSelectionProps<T, F extends FiltersMap>\n  extends Partial<PickerContentBaseWrappedProps> {\n  modalState: PickerModalState<T, F>;\n  customContentButtonText?: string;\n  customContentButtonPrefixIcon?: IconElement;\n\n  /**\n   * A callback to be called when the custom content button is clicked\n   */\n  customContentButtonOnClick?: (param: {\n    onClose: (newItems?: T[]) => void;\n  }) => void;\n\n  customContent?: CustomModalContent<T>;\n  /**\n   * Shows \"Select All\" checkbox as a side action (overrides \"customContent\" prop).\n   * If `multiple={number}` or `multiple={false}` are used, this prop does nothing.\n   */\n  showSelectAllCheckbox?: boolean;\n\n  multiple?: MultipleSelection;\n\n  /**\n   * Shows a SingleSelectFilter component in a picker modal to filter items;\n   */\n  filterComponent?: ReactElement;\n  /**\n   * A function that render a item row in the selector list\n   */\n  renderItem: (item: T, index: number) => Partial<PickerListItemProps>;\n  /**\n   * A render function to be rendered when there're no items to show in the table.<br>\n   * You can use the built in [`<CollectionEmptyState />`](./?path=/story/features-display-empty-states--collectionemptystate).<br>\n   * The function accepts the following parameters\n   *   * `hasAvailableItems`: Indicates whether other items might have been shown using other filtering / search\n   *   * `query`: An instance of [ComputedQuery](./?path=/story/common-types--computedquery) that represents the query that resulted with an empty state\n   */\n  renderEmptyState?: (params: {\n    hasAvailableItems: boolean;\n    query: ComputedQuery<F>;\n  }) => ReactElement<any, any> | null | undefined;\n  renderError: PickerProps<T, F>['renderError'];\n  /**\n   * When set to `true`, the modal primary button will be always enabled.\n   */\n  enablePrimaryButton?: boolean;\n  /**\n   * Displays a search input in the picker modal.\n   * Accepts a boolean or a custom CollectionSearch element as a parameter.\n   * When passing `false`, no search input is displayed.\n   * @default true\n   * @external\n   */\n  search?: boolean | CollectionSearchElement;\n  /**\n   * @deprecated Use search={false} instead\n   * Hides the search input of the picker\n   */\n  hideSearch?: boolean;\n  /**\n   * Function that returns label for multi selection like:\n   * '2 items selected (24 max)`\n   * This function accepts argument {num: number, max: number}\n   */\n  customMaxSelectionLabel?: MaxSelectionLabelProps['customLabel'];\n  /**\n   * Function that returns custom notification that will be displayed in the picker modal.\n   * Useful to describe additional information about the selection (for instance how to increase limit of selected items).\n   * @param data.selected - number of selected items\n   * @param data.total - total number of items\n   */\n  renderCustomNotification?: (data: {\n    selected?: number;\n    total?: number;\n  }) => ReactElement<FloatingNotificationProps, typeof FloatingNotification>;\n  /** Displays count of selected items in <CustomModalLayout /> `sideActions` */\n  showSelectedCount?: boolean;\n}\n\ninterface PickerContentItemsSelectionStateProps<T, F extends FiltersMap> {\n  state: PickerContentState<T, F>;\n  renderPickerContent: (params: {\n    state: PickerContentState<T, F>;\n    renderItem: PickerContentItemsSelectionProps<T, F>['renderItem'];\n  }) => ReactElement;\n}\n\nexport type PickerContentItemsSelectionFullProps<\n  T,\n  F extends FiltersMap = FiltersMap,\n> = PickerContentItemsSelectionProps<T, F> &\n  PickerContentItemsSelectionStateProps<T, F>;\n\nfunction _PickerContentItemsSelection<T, F extends FiltersMap = FiltersMap>(\n  props: PickerContentItemsSelectionFullProps<T, F>,\n) {\n  const {\n    modalState,\n    primaryButtonProps,\n    renderEmptyState,\n    renderError,\n    state,\n    multiple,\n    customContentButtonText,\n    customContentButtonPrefixIcon,\n    customContentButtonOnClick,\n    customContent,\n    showSelectAllCheckbox,\n    enablePrimaryButton,\n    search,\n    hideSearch,\n    renderPickerContent,\n    customMaxSelectionLabel,\n    renderCustomNotification,\n    filterComponent,\n    showSelectedCount,\n    ...rest\n  } = props;\n  const { _customContent } = modalState;\n\n  const { picker } = state;\n\n  const { collection } = picker;\n\n  const { bulkSelect, translate: t, showInitialLoader } = collection;\n\n  const { isEmpty: isSelectEmpty } = bulkSelect;\n\n  useEffect(() => {\n    _customContent.value = () => customContent;\n    return state.init();\n  }, []);\n\n  const reachedMax = reachedMaxSelection({\n    collection,\n    multiple,\n  });\n\n  const [filterRenderingContextValue] = useState(() => ({\n    location: 'modal' as const,\n  }));\n  const onCustomContentButtonClick = useCallback(() => {\n    state.onCreateNewButtonClick(customContentButtonOnClick);\n  }, [customContentButtonOnClick]);\n\n  const renderItem: (typeof props)['renderItem'] = (item, index) => {\n    const renderedItem = props.renderItem(item, index);\n    const key = collection.itemKey(item);\n    return {\n      ...renderedItem,\n      disabled:\n        (reachedMax && !collection.bulkSelect.selectedIds.includes(key)) ||\n        renderedItem.disabled,\n    };\n  };\n\n  const searchElement = isValidElement(search) ? (\n    React.cloneElement(search as CollectionSearchElement, {\n      minWidthPixels: '100%',\n    })\n  ) : search !== false ? (\n    <CollectionSearch minWidthPixels=\"100%\" />\n  ) : null;\n\n  const shouldShowSearch =\n    search !== undefined ? search !== false : !hideSearch;\n  const resolvedSearchElement = shouldShowSearch ? searchElement : null;\n\n  const renderSideActions = () => {\n    if (\n      showSelectAllCheckbox &&\n      !showInitialLoader &&\n      (multiple === true || multiple === Infinity)\n    ) {\n      return <SelectAllCheckbox state={state} />;\n    }\n\n    const shouldShowCustomContentButton =\n      customContent || customContentButtonOnClick;\n\n    if (shouldShowCustomContentButton) {\n      return (\n        <Box>\n          <MaybeTooltip\n            dataHook=\"custom-content-button-tooltip\"\n            content={reachedMax && t('cairo.picker.createNew.button.tooltip')}\n          >\n            <div>\n              <TextButton\n                dataHook=\"custom-content-button\"\n                prefixIcon={customContentButtonPrefixIcon}\n                disabled={reachedMax}\n                onClick={onCustomContentButtonClick}\n              >\n                {customContentButtonText ?? t('cairo.picker.createNew.button')}\n              </TextButton>\n            </div>\n          </MaybeTooltip>\n        </Box>\n      );\n    }\n    if (showSelectedCount) {\n      return (\n        <Text dataHook=\"cairo-selected-items-count\">\n          {t('cairo.selector.modal.items.selected', {\n            total: collection.bulkSelect.selectedCount,\n          })}\n        </Text>\n      );\n    }\n    return null;\n  };\n\n  const renderFiltersComponent = () => {\n    return (\n      <Box gap=\"12px\">\n        <Box width=\"200px\">\n          <FilterRenderingContextProvider value={filterRenderingContextValue}>\n            {filterComponent}\n          </FilterRenderingContextProvider>\n        </Box>\n        {resolvedSearchElement && <>{resolvedSearchElement}</>}\n      </Box>\n    );\n  };\n\n  const showMaxSelection = showMaxSelectionLabel(multiple);\n  return (\n    <PickerContentBaseWrapped\n      secondaryButtonText={t('cairo.cancel.button')}\n      primaryButtonProps={{\n        disabled: isSelectEmpty && !enablePrimaryButton,\n        ...primaryButtonProps,\n        style: {\n          ...primaryButtonProps?.style,\n        },\n      }}\n      sideActions={renderSideActions()}\n      {...rest}\n    >\n      <CollectionProvider value={picker.collection}>\n        {(resolvedSearchElement ||\n          filterComponent ||\n          renderCustomNotification ||\n          showMaxSelection) && (\n          <Box\n            display=\"grid\"\n            paddingLeft=\"SP5\"\n            paddingRight=\"SP5\"\n            paddingBottom=\"SP3\"\n            paddingTop={rest.showHeaderDivider ? 'SP3' : '3px'}\n            gap=\"SP3\"\n          >\n            {filterComponent ? renderFiltersComponent() : resolvedSearchElement}\n            {renderCustomNotification ? (\n              <span data-hook=\"custom-notification\">\n                {renderCustomNotification({\n                  selected: collection.bulkSelect.selectedCount,\n                  total: collection.result.total,\n                })}\n              </span>\n            ) : null}\n            {showMaxSelection && (\n              <BulkSelectionMaxSelectionLabel\n                dataHook=\"selection-max-label\"\n                multiple={multiple}\n                customLabel={customMaxSelectionLabel}\n                t={t}\n                selectedCount={collection.bulkSelect.selectedCount}\n              />\n            )}\n          </Box>\n        )}\n        <MultiCollectionSupportProvider value={picker.multi}>\n          <Picker\n            dataHook=\"picker\"\n            state={picker}\n            renderEmptyState={renderEmptyState}\n            renderError={renderError}\n            hasFilterDropdown={!!filterComponent}\n          >\n            {renderPickerContent?.({ state, renderItem })}\n          </Picker>\n        </MultiCollectionSupportProvider>\n      </CollectionProvider>\n    </PickerContentBaseWrapped>\n  );\n}\nexport const PickerContentItemsSelection = observer(\n  _PickerContentItemsSelection,\n);\n"],"mappings":"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","ignoreList":[]}

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

@@ -32,7 +32,6 @@ function PickerContentV2(props) {
         renderItem
       }) => /*#__PURE__*/_react.default.createElement(_PickerListContent.PickerListContent, (0, _extends2.default)({}, props.selectorListProps, {
         state: state.picker,
-        hiddenItemsWarningText: props.hiddenItemsWarningText,
         multiple: (0, _MaxSelection.fromMultipleSelectionToBoolean)(props.multiple),
         renderItem: (keyedItem, index) => /*#__PURE__*/_react.default.createElement(_PickerTableListItem.PickerTableListItem, (0, _extends2.default)({}, renderItem == null ? void 0 : renderItem(keyedItem.item, index), {
           state: state.picker,
@@ -40,7 +39,7 @@ function PickerContentV2(props) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 27,
+            lineNumber: 26,
             columnNumber: 15
           }
         })),

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_PickerContentProvider","_MaxSelection","_PickerListContent","_PickerTableListItem","_PickerContentWrapped","_jsxFileName","PickerContentV2","props","modalState","default","createElement","PickerContentProvider","__self","__source","fileName","lineNumber","columnNumber","PickerContentWrapped","_extends2","renderPickerContent","state","renderItem","PickerListContent","selectorListProps","picker","hiddenItemsWarningText","multiple","fromMultipleSelectionToBoolean","keyedItem","index","PickerTableListItem","item"],"sources":["../../../../src/components/PickerContent/PickerContentV2.tsx"],"sourcesContent":["import React from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { PickerContentProvider } from './PickerContentProvider';\nimport { fromMultipleSelectionToBoolean } from '../MaxSelection';\nimport { PickerListContent } from '../PickerListContent';\nimport { PickerTableListItem } from '../PickerTableListItem';\nimport { PickerContentWrapped } from './PickerContentWrapped';\nimport { PickerContentProps } from './PickerContent';\n\nexport function PickerContentV2<T, F extends FiltersMap>(\n  props: PickerContentProps<T, F>,\n) {\n  const { modalState } = props;\n\n  return (\n    // wrap with a new WixPatternsContainer that can get initialProps\n    <PickerContentProvider modalState={modalState}>\n      <PickerContentWrapped\n        {...props}\n        renderPickerContent={({ state, renderItem }) => (\n          <PickerListContent\n            {...props.selectorListProps}\n            state={state.picker}\n            hiddenItemsWarningText={props.hiddenItemsWarningText}\n            multiple={fromMultipleSelectionToBoolean(props.multiple)}\n            renderItem={(keyedItem, index) => (\n              <PickerTableListItem\n                {...renderItem?.(keyedItem.item, index)}\n                state={state.picker}\n                keyedItem={keyedItem}\n              />\n            )}\n          />\n        )}\n      />\n    </PickerContentProvider>\n  );\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,sBAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;AACA,IAAAI,oBAAA,GAAAJ,OAAA;AACA,IAAAK,qBAAA,GAAAL,OAAA;AAA8D,IAAAM,YAAA;AAGvD,SAASC,eAAeA,CAC7BC,KAA+B,EAC/B;EACA,MAAM;IAAEC;EAAW,CAAC,GAAGD,KAAK;EAE5B;IAAA;IACE;IACAV,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,sBAAA,CAAAW,qBAAqB;MAACH,UAAU,EAAEA,UAAW;MAAAI,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAT,YAAA;QAAAU,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAC5CnB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACN,qBAAA,CAAAa,oBAAoB,MAAAC,SAAA,CAAAT,OAAA,MACfF,KAAK;MACTY,mBAAmB,EAAEA,CAAC;QAAEC,KAAK;QAAEC;MAAW,CAAC,kBACzCxB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACR,kBAAA,CAAAoB,iBAAiB,MAAAJ,SAAA,CAAAT,OAAA,MACZF,KAAK,CAACgB,iBAAiB;QAC3BH,KAAK,EAAEA,KAAK,CAACI,MAAO;QACpBC,sBAAsB,EAAElB,KAAK,CAACkB,sBAAuB;QACrDC,QAAQ,EAAE,IAAAC,4CAA8B,EAACpB,KAAK,CAACmB,QAAQ,CAAE;QACzDL,UAAU,EAAEA,CAACO,SAAS,EAAEC,KAAK,kBAC3BhC,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACP,oBAAA,CAAA2B,mBAAmB,MAAAZ,SAAA,CAAAT,OAAA,MACdY,UAAU,oBAAVA,UAAU,CAAGO,SAAS,CAACG,IAAI,EAAEF,KAAK,CAAC;UACvCT,KAAK,EAAEA,KAAK,CAACI,MAAO;UACpBI,SAAS,EAAEA,SAAU;UAAAhB,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAAT,YAAA;YAAAU,UAAA;YAAAC,YAAA;UAAA;QAAA,EACtB,CACD;QAAAJ,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAT,YAAA;UAAAU,UAAA;UAAAC,YAAA;QAAA;MAAA,EACH,CACD;MAAAJ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAT,YAAA;QAAAU,UAAA;QAAAC,YAAA;MAAA;IAAA,EACH,CACoB;EAAC;AAE5B","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_PickerContentProvider","_MaxSelection","_PickerListContent","_PickerTableListItem","_PickerContentWrapped","_jsxFileName","PickerContentV2","props","modalState","default","createElement","PickerContentProvider","__self","__source","fileName","lineNumber","columnNumber","PickerContentWrapped","_extends2","renderPickerContent","state","renderItem","PickerListContent","selectorListProps","picker","multiple","fromMultipleSelectionToBoolean","keyedItem","index","PickerTableListItem","item"],"sources":["../../../../src/components/PickerContent/PickerContentV2.tsx"],"sourcesContent":["import React from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { PickerContentProvider } from './PickerContentProvider';\nimport { fromMultipleSelectionToBoolean } from '../MaxSelection';\nimport { PickerListContent } from '../PickerListContent';\nimport { PickerTableListItem } from '../PickerTableListItem';\nimport { PickerContentWrapped } from './PickerContentWrapped';\nimport { PickerContentProps } from './PickerContent';\n\nexport function PickerContentV2<T, F extends FiltersMap>(\n  props: PickerContentProps<T, F>,\n) {\n  const { modalState } = props;\n\n  return (\n    // wrap with a new WixPatternsContainer that can get initialProps\n    <PickerContentProvider modalState={modalState}>\n      <PickerContentWrapped\n        {...props}\n        renderPickerContent={({ state, renderItem }) => (\n          <PickerListContent\n            {...props.selectorListProps}\n            state={state.picker}\n            multiple={fromMultipleSelectionToBoolean(props.multiple)}\n            renderItem={(keyedItem, index) => (\n              <PickerTableListItem\n                {...renderItem?.(keyedItem.item, index)}\n                state={state.picker}\n                keyedItem={keyedItem}\n              />\n            )}\n          />\n        )}\n      />\n    </PickerContentProvider>\n  );\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,sBAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;AACA,IAAAI,oBAAA,GAAAJ,OAAA;AACA,IAAAK,qBAAA,GAAAL,OAAA;AAA8D,IAAAM,YAAA;AAGvD,SAASC,eAAeA,CAC7BC,KAA+B,EAC/B;EACA,MAAM;IAAEC;EAAW,CAAC,GAAGD,KAAK;EAE5B;IAAA;IACE;IACAV,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,sBAAA,CAAAW,qBAAqB;MAACH,UAAU,EAAEA,UAAW;MAAAI,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAT,YAAA;QAAAU,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAC5CnB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACN,qBAAA,CAAAa,oBAAoB,MAAAC,SAAA,CAAAT,OAAA,MACfF,KAAK;MACTY,mBAAmB,EAAEA,CAAC;QAAEC,KAAK;QAAEC;MAAW,CAAC,kBACzCxB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACR,kBAAA,CAAAoB,iBAAiB,MAAAJ,SAAA,CAAAT,OAAA,MACZF,KAAK,CAACgB,iBAAiB;QAC3BH,KAAK,EAAEA,KAAK,CAACI,MAAO;QACpBC,QAAQ,EAAE,IAAAC,4CAA8B,EAACnB,KAAK,CAACkB,QAAQ,CAAE;QACzDJ,UAAU,EAAEA,CAACM,SAAS,EAAEC,KAAK,kBAC3B/B,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACP,oBAAA,CAAA0B,mBAAmB,MAAAX,SAAA,CAAAT,OAAA,MACdY,UAAU,oBAAVA,UAAU,CAAGM,SAAS,CAACG,IAAI,EAAEF,KAAK,CAAC;UACvCR,KAAK,EAAEA,KAAK,CAACI,MAAO;UACpBG,SAAS,EAAEA,SAAU;UAAAf,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAAT,YAAA;YAAAU,UAAA;YAAAC,YAAA;UAAA;QAAA,EACtB,CACD;QAAAJ,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAT,YAAA;UAAAU,UAAA;UAAAC,YAAA;QAAA;MAAA,EACH,CACD;MAAAJ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAT,YAAA;QAAAU,UAAA;QAAAC,YAAA;MAAA;IAAA,EACH,CACoB;EAAC;AAE5B","ignoreList":[]}

package/dist/cjs/components/PickerListContent/PickerListContent.js

@@ -18,14 +18,12 @@ function _PickerListContent(props) {
   const {
     state,
     renderItem,
-    hiddenItemsWarningText,
     spacing = 30,
     multiple,
     ...rest
   } = props;
   const {
-    collection,
-    someHidden
+    collection
   } = state;
   const {
     result: {
@@ -43,27 +41,6 @@ function _PickerListContent(props) {
   (0, _react.useEffect)(() => {
     state.updateIsScrollTop(isScrollTop);
   }, [isScrollTop]);
-  const notification = someHidden && hiddenItemsWarningText && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-    padding: `0 ${spacing}px 18px ${spacing}px`,
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 59,
-      columnNumber: 5
-    }
-  }, /*#__PURE__*/_react.default.createElement(_designSystem.FloatingNotification, {
-    dataHook: "floating-notification",
-    width: "100%",
-    showCloseButton: false,
-    type: "warning",
-    text: hiddenItemsWarningText,
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 60,
-      columnNumber: 7
-    }
-  }));
   const listItems = keyedItems.map((keyedItem, index) => {
     const {
       type: PickerListItem,
@@ -79,7 +56,7 @@ function _PickerListContent(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 76,
+        lineNumber: 50,
         columnNumber: 7
       }
     }));
@@ -96,14 +73,14 @@ function _PickerListContent(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 88,
+      lineNumber: 62,
       columnNumber: 5
     }
-  }), notification, /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.TransitionGroup, {
+  }), /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.TransitionGroup, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 100,
+      lineNumber: 72,
       columnNumber: 7
     }
   }, listItems.flatMap((child, index, {
@@ -115,7 +92,7 @@ function _PickerListContent(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 103,
+        lineNumber: 75,
         columnNumber: 13
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -124,7 +101,7 @@ function _PickerListContent(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 104,
+        lineNumber: 76,
         columnNumber: 15
       }
     }, child, index !== length - 1 && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -133,7 +110,7 @@ function _PickerListContent(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 107,
+        lineNumber: 79,
         columnNumber: 19
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -143,7 +120,7 @@ function _PickerListContent(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 108,
+        lineNumber: 80,
         columnNumber: 21
       }
     }))));
@@ -154,7 +131,7 @@ function _PickerListContent(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 117,
+      lineNumber: 89,
       columnNumber: 7
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_useCollectionReachBottom","_designSystem","_InfiniteScrollLoader","_reactTransitionGroup","_useIsScrollTop","_Fade","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_PickerListContent","props","state","renderItem","hiddenItemsWarningText","spacing","multiple","rest","collection","someHidden","result","keyedItems","scrollRef","useRef","targetRef","useCollectionReachBottom","containerRef","isScrollTop","useIsScrollTop","useEffect","updateIsScrollTop","notification","createElement","Box","padding","__self","__source","fileName","lineNumber","columnNumber","FloatingNotification","dataHook","width","showCloseButton","type","text","listItems","map","keyedItem","index","PickerListItem","pickerListItemProps","_extends2","key","ref","style","height","overflow","TransitionGroup","flatMap","child","length","Fade","timeout","direction","paddingLeft","paddingRight","backgroundColor","InfiniteScrollLoader","size","PickerListContent","exports","observer"],"sources":["../../../../src/components/PickerListContent/PickerListContent.tsx"],"sourcesContent":["import React, {\n  HTMLAttributes,\n  ReactElement,\n  ReactNode,\n  useEffect,\n  useRef,\n} from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap, KeyedItem, PickerState } from '@wix/bex-core';\nimport { useCollectionReachBottom } from '../useCollectionReachBottom';\nimport { Box, FloatingNotification } from '@wix/design-system';\nimport { InfiniteScrollLoader } from '../InfiniteScrollLoader/InfiniteScrollLoader';\nimport { PickerListItemProps } from '../PickerListItemProps';\nimport { TransitionGroup } from 'react-transition-group';\nimport { useIsScrollTop } from '../../hooks/useIsScrollTop';\nimport { Fade } from '../Fade';\n\nexport interface PickerListContentProps<T, F extends FiltersMap>\n  extends HTMLAttributes<HTMLDivElement> {\n  state: PickerState<T, F>;\n  renderItem: (\n    keyedItem: KeyedItem<T>,\n    index: number,\n  ) => ReactElement<PickerListItemProps>;\n  hiddenItemsWarningText?: ReactNode;\n  spacing?: 30 | 94;\n  multiple?: boolean;\n}\n\nfunction _PickerListContent<T, F extends FiltersMap = FiltersMap>(\n  props: PickerListContentProps<T, F>,\n) {\n  const {\n    state,\n    renderItem,\n    hiddenItemsWarningText,\n    spacing = 30,\n    multiple,\n    ...rest\n  } = props;\n\n  const { collection, someHidden } = state;\n  const {\n    result: { keyedItems },\n  } = collection;\n\n  const scrollRef = useRef<HTMLDivElement>(null);\n  const { targetRef } = useCollectionReachBottom({\n    collection,\n    containerRef: scrollRef,\n  });\n  const isScrollTop = useIsScrollTop(scrollRef);\n\n  useEffect(() => {\n    state.updateIsScrollTop(isScrollTop);\n  }, [isScrollTop]);\n\n  const notification = someHidden && hiddenItemsWarningText && (\n    <Box padding={`0 ${spacing}px 18px ${spacing}px`}>\n      <FloatingNotification\n        dataHook=\"floating-notification\"\n        width=\"100%\"\n        showCloseButton={false}\n        type=\"warning\"\n        text={hiddenItemsWarningText}\n      />\n    </Box>\n  );\n\n  const listItems: ReactElement[] = keyedItems.map((keyedItem, index) => {\n    const { type: PickerListItem, props: pickerListItemProps } = renderItem(\n      keyedItem,\n      index,\n    );\n    return (\n      <PickerListItem\n        dataHook=\"selector-list-selector\"\n        key={keyedItem.key}\n        keyedItem={keyedItem}\n        state={state}\n        multiple={multiple}\n        {...pickerListItemProps}\n      />\n    );\n  });\n\n  return (\n    <div\n      ref={scrollRef}\n      {...rest}\n      data-hook=\"selector-list-content\"\n      style={{\n        height: 'inherit',\n        overflow: 'auto',\n        ...rest.style,\n      }}\n    >\n      {notification}\n\n      <TransitionGroup>\n        {listItems.flatMap((child, index, { length }) => {\n          return (\n            <Fade key={child.key} timeout={300}>\n              <Box direction=\"vertical\" dataHook=\"picker-list-fade-item\">\n                {child}\n                {index !== length - 1 && (\n                  <Box paddingLeft=\"SP5\" paddingRight=\"SP5\">\n                    <Box width=\"100%\" height=\"1px\" backgroundColor=\"D60\" />\n                  </Box>\n                )}\n              </Box>\n            </Fade>\n          );\n        })}\n      </TransitionGroup>\n\n      <InfiniteScrollLoader\n        targetRef={targetRef}\n        state={collection}\n        size=\"small\"\n      />\n    </div>\n  );\n}\n\nexport const PickerListContent = observer(_PickerListContent);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_useCollectionReachBottom","_designSystem","_InfiniteScrollLoader","_reactTransitionGroup","_useIsScrollTop","_Fade","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_PickerListContent","props","state","renderItem","spacing","multiple","rest","collection","result","keyedItems","scrollRef","useRef","targetRef","useCollectionReachBottom","containerRef","isScrollTop","useIsScrollTop","useEffect","updateIsScrollTop","listItems","map","keyedItem","index","type","PickerListItem","pickerListItemProps","createElement","_extends2","dataHook","key","__self","__source","fileName","lineNumber","columnNumber","ref","style","height","overflow","TransitionGroup","flatMap","child","length","Fade","timeout","Box","direction","paddingLeft","paddingRight","width","backgroundColor","InfiniteScrollLoader","size","PickerListContent","exports","observer"],"sources":["../../../../src/components/PickerListContent/PickerListContent.tsx"],"sourcesContent":["import React, { HTMLAttributes, ReactElement, useEffect, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap, KeyedItem, PickerState } from '@wix/bex-core';\nimport { useCollectionReachBottom } from '../useCollectionReachBottom';\nimport { Box } from '@wix/design-system';\nimport { InfiniteScrollLoader } from '../InfiniteScrollLoader/InfiniteScrollLoader';\nimport { PickerListItemProps } from '../PickerListItemProps';\nimport { TransitionGroup } from 'react-transition-group';\nimport { useIsScrollTop } from '../../hooks/useIsScrollTop';\nimport { Fade } from '../Fade';\n\nexport interface PickerListContentProps<T, F extends FiltersMap>\n  extends HTMLAttributes<HTMLDivElement> {\n  state: PickerState<T, F>;\n  renderItem: (\n    keyedItem: KeyedItem<T>,\n    index: number,\n  ) => ReactElement<PickerListItemProps>;\n  spacing?: 30 | 94;\n  multiple?: boolean;\n}\n\nfunction _PickerListContent<T, F extends FiltersMap = FiltersMap>(\n  props: PickerListContentProps<T, F>,\n) {\n  const { state, renderItem, spacing = 30, multiple, ...rest } = props;\n\n  const { collection } = state;\n  const {\n    result: { keyedItems },\n  } = collection;\n\n  const scrollRef = useRef<HTMLDivElement>(null);\n  const { targetRef } = useCollectionReachBottom({\n    collection,\n    containerRef: scrollRef,\n  });\n  const isScrollTop = useIsScrollTop(scrollRef);\n\n  useEffect(() => {\n    state.updateIsScrollTop(isScrollTop);\n  }, [isScrollTop]);\n\n  const listItems: ReactElement[] = keyedItems.map((keyedItem, index) => {\n    const { type: PickerListItem, props: pickerListItemProps } = renderItem(\n      keyedItem,\n      index,\n    );\n    return (\n      <PickerListItem\n        dataHook=\"selector-list-selector\"\n        key={keyedItem.key}\n        keyedItem={keyedItem}\n        state={state}\n        multiple={multiple}\n        {...pickerListItemProps}\n      />\n    );\n  });\n\n  return (\n    <div\n      ref={scrollRef}\n      {...rest}\n      data-hook=\"selector-list-content\"\n      style={{\n        height: 'inherit',\n        overflow: 'auto',\n        ...rest.style,\n      }}\n    >\n      <TransitionGroup>\n        {listItems.flatMap((child, index, { length }) => {\n          return (\n            <Fade key={child.key} timeout={300}>\n              <Box direction=\"vertical\" dataHook=\"picker-list-fade-item\">\n                {child}\n                {index !== length - 1 && (\n                  <Box paddingLeft=\"SP5\" paddingRight=\"SP5\">\n                    <Box width=\"100%\" height=\"1px\" backgroundColor=\"D60\" />\n                  </Box>\n                )}\n              </Box>\n            </Fade>\n          );\n        })}\n      </TransitionGroup>\n\n      <InfiniteScrollLoader\n        targetRef={targetRef}\n        state={collection}\n        size=\"small\"\n      />\n    </div>\n  );\n}\n\nexport const PickerListContent = observer(_PickerListContent);\n"],"mappings":"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","ignoreList":[]}