@wix/patterns 0.8.0

package/dist/cjs/components/Picker/Picker.uni.driver.js

@@ -0,0 +1,74 @@
+"use strict";
+
+exports.__esModule = true;
+exports.PickerUniDriver = PickerUniDriver;
+var _unidriver = require("@wix/wix-ui-test-utils/unidriver");
+var _unidriver2 = require("../../unidriver");
+var _unidriver3 = require("@wix/design-system/dist/testkit/unidriver");
+var _PickerTableListItemUni = require("../PickerTableListItem/PickerTableListItem.uni.driver");
+function PickerUniDriver(base, body) {
+  const selectorList = (0, _unidriver3.SelectorListUniDriver)(base, body);
+  const getEmptyState = async factory => factory(await base.getNative());
+  const getSelectors = () => base.$('[data-hook="selector-list-content"]').$$('[data-hook="selector-list-selector"]');
+  const selectorDriverAt = i => (0, _unidriver3.SelectorUniDriver)(getSelectors().get(i), body);
+  const tableListItemDriverAt = i => (0, _PickerTableListItemUni.PickerTableListItemUniDriver)(getSelectors().get(i), body);
+  const getSearchLoader = () => base.$('[data-hook="search-loader"]');
+  const getFloatingNotification = () => (0, _unidriver3.FloatingNotificationUniDriver)(base.$('[data-hook="floating-notification"]'), body);
+  const getPrimaryActionButtonAt = i => getSelectors().get(i).$('[data-hook="primary-action-button"]');
+  return {
+    ...(0, _unidriver2.baseUniDriverFactory)(base),
+    wait: timeout => base.wait(timeout),
+    waitSearchLoader: timeout => getSearchLoader().wait(timeout),
+    searchLoaderExists: () => getSearchLoader().exists(),
+    waitSearchLoaderRemoved: timeout => (0, _unidriver.waitFor)(async () => !(await getSearchLoader().exists()), timeout),
+    numberOfItemsInList: () => getSelectors().count(),
+    primaryButtonExistsAt: i => getPrimaryActionButtonAt(i).exists(),
+    getPrimaryActionButtonAt,
+    scrollDown: async () => {
+      const element = await base.getNative();
+      const {
+        page
+      } = element;
+
+      // puppeteer
+      if (page != null && page.evaluate) {
+        await page.evaluate(() => {
+          const e = document.querySelector('[data-hook="selector-list-content"]');
+          e.scrollBy({
+            behavior: 'smooth',
+            top: e.scrollHeight
+          });
+        });
+      } else {
+        await selectorList.scrollDown();
+      }
+    },
+    scrollTo: i => {
+      var _getSelectors$get$scr, _getSelectors$get;
+      return (_getSelectors$get$scr = (_getSelectors$get = getSelectors().get(i)).scrollIntoView) == null ? void 0 : _getSelectors$get$scr.call(_getSelectors$get);
+    },
+    toggleSelectorAt: selectorList.toggleSelectorAt,
+    getTotalSelected: async () => {
+      const checked = await Promise.all(await getSelectors().map(selector => (0, _unidriver3.SelectorUniDriver)(selector, body).isChecked()));
+      return checked.filter(Boolean).length;
+    },
+    isSelectorCheckedAt: selectorList.isSelectorCheckedAt,
+    waitListItemAt: async (i, timeout) => (0, _unidriver.waitFor)(() => selectorDriverAt(i).exists(), timeout),
+    getTableListItemAt: i => tableListItemDriverAt(i),
+    waitRowEntered: (i, timeout) => base.$('[data-hook="selector-list-content"]').$$('[data-hook="picker-list-fade-item"].fade-entered').get(i).wait(timeout),
+    hoverItemAt: i => getSelectors().get(i).hover(),
+    getTitleTextAt: async i => selectorDriverAt(i).titleTextDriver().getText(),
+    isIndeterminateAt: async i => selectorDriverAt(i).isIndeterminate(),
+    getTitleTextContentAt: async i => getSelectors().get(i).$('[data-hook="selector-title"]').text(),
+    getSubtitleTextAt: async i => selectorDriverAt(i).subtitleTextDriver().getText(),
+    getSubtitleTextContentAt: async i => getSelectors().get(i).$('[data-hook="selector-subtitle"]').text(),
+    getExtraNodeElementAt: i => selectorDriverAt(i).getExtraNode(),
+    getImageElementAt: i => selectorDriverAt(i).getImage(),
+    floatingNotificationExists: () => getFloatingNotification().exists(),
+    getFloatingNotificationText: () => getFloatingNotification().getText(),
+    getEmptyState,
+    getEmptyStateByDataHook: (dataHook = 'picker-empty-state') => (0, _unidriver3.EmptyStateUniDriver)(base.$(`[data-hook="${dataHook}"]`), body),
+    getErrorStateByDataHook: dataHook => (0, _unidriver3.EmptyStateUniDriver)(base.$(`[data-hook="${dataHook}"]`), body)
+  };
+}
+//# sourceMappingURL=Picker.uni.driver.js.map

package/dist/cjs/components/Picker/Picker.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","_unidriver2","_unidriver3","_PickerTableListItemUni","PickerUniDriver","base","body","selectorList","SelectorListUniDriver","getEmptyState","factory","getNative","getSelectors","$","$$","selectorDriverAt","i","SelectorUniDriver","get","tableListItemDriverAt","PickerTableListItemUniDriver","getSearchLoader","getFloatingNotification","FloatingNotificationUniDriver","getPrimaryActionButtonAt","baseUniDriverFactory","wait","timeout","waitSearchLoader","searchLoaderExists","exists","waitSearchLoaderRemoved","waitFor","numberOfItemsInList","count","primaryButtonExistsAt","scrollDown","element","page","evaluate","e","document","querySelector","scrollBy","behavior","top","scrollHeight","scrollTo","_getSelectors$get$scr","_getSelectors$get","scrollIntoView","call","toggleSelectorAt","getTotalSelected","checked","Promise","all","map","selector","isChecked","filter","Boolean","length","isSelectorCheckedAt","waitListItemAt","getTableListItemAt","waitRowEntered","hoverItemAt","hover","getTitleTextAt","titleTextDriver","getText","isIndeterminateAt","isIndeterminate","getTitleTextContentAt","text","getSubtitleTextAt","subtitleTextDriver","getSubtitleTextContentAt","getExtraNodeElementAt","getExtraNode","getImageElementAt","getImage","floatingNotificationExists","getFloatingNotificationText","getEmptyStateByDataHook","dataHook","EmptyStateUniDriver","getErrorStateByDataHook"],"sources":["../../../../src/components/Picker/Picker.uni.driver.ts"],"sourcesContent":["import { UniDriver, waitFor } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport {\n  EmptyStateUniDriver,\n  FloatingNotificationUniDriver,\n  SelectorListUniDriver,\n  SelectorUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\nimport { PickerTableListItemUniDriver } from '../PickerTableListItem/PickerTableListItem.uni.driver';\n\nexport function PickerUniDriver(base: UniDriver, body: UniDriver) {\n  const selectorList = SelectorListUniDriver(base, body);\n\n  const getEmptyState = async <T, E>(factory: (element: E) => T) =>\n    factory(await base.getNative());\n\n  const getSelectors = () =>\n    base\n      .$('[data-hook=\"selector-list-content\"]')\n      .$$('[data-hook=\"selector-list-selector\"]');\n\n  const selectorDriverAt = (i: number) =>\n    SelectorUniDriver(getSelectors().get(i), body);\n\n  const tableListItemDriverAt = (i: number) =>\n    PickerTableListItemUniDriver(getSelectors().get(i), body);\n\n  const getSearchLoader = () => base.$('[data-hook=\"search-loader\"]');\n\n  const getFloatingNotification = () =>\n    FloatingNotificationUniDriver(\n      base.$('[data-hook=\"floating-notification\"]'),\n      body,\n    );\n\n  const getPrimaryActionButtonAt = (i: number) =>\n    getSelectors().get(i).$('[data-hook=\"primary-action-button\"]');\n\n  return {\n    ...baseUniDriverFactory(base),\n    wait: (timeout?: number) => base.wait(timeout),\n    waitSearchLoader: (timeout?: number) => getSearchLoader().wait(timeout),\n    searchLoaderExists: () => getSearchLoader().exists(),\n    waitSearchLoaderRemoved: (timeout?: number) =>\n      waitFor(async () => !(await getSearchLoader().exists()), timeout),\n    numberOfItemsInList: () => getSelectors().count(),\n    primaryButtonExistsAt: (i: number) => getPrimaryActionButtonAt(i).exists(),\n    getPrimaryActionButtonAt,\n    scrollDown: async () => {\n      const element = await base.getNative();\n\n      const { page } = element;\n\n      // puppeteer\n      if (page?.evaluate) {\n        await page.evaluate(() => {\n          const e = document.querySelector(\n            '[data-hook=\"selector-list-content\"]',\n          )!;\n          e.scrollBy({ behavior: 'smooth', top: e.scrollHeight });\n        });\n      } else {\n        await selectorList.scrollDown();\n      }\n    },\n    scrollTo: (i: number) => getSelectors().get(i).scrollIntoView?.(),\n    toggleSelectorAt: selectorList.toggleSelectorAt,\n    getTotalSelected: async () => {\n      const checked = await Promise.all(\n        await getSelectors().map((selector) =>\n          SelectorUniDriver(selector, body).isChecked(),\n        ),\n      );\n\n      return checked.filter(Boolean).length;\n    },\n    isSelectorCheckedAt: selectorList.isSelectorCheckedAt,\n    waitListItemAt: async (i: number, timeout?: number) =>\n      waitFor(() => selectorDriverAt(i).exists(), timeout),\n    getTableListItemAt: (i: number) => tableListItemDriverAt(i),\n    waitRowEntered: (i: number, timeout?: number) =>\n      base\n        .$('[data-hook=\"selector-list-content\"]')\n        .$$('[data-hook=\"picker-list-fade-item\"].fade-entered')\n        .get(i)\n        .wait(timeout),\n    hoverItemAt: (i: number) => getSelectors().get(i).hover(),\n    getTitleTextAt: async (i: number) =>\n      selectorDriverAt(i).titleTextDriver().getText(),\n    isIndeterminateAt: async (i: number) =>\n      selectorDriverAt(i).isIndeterminate(),\n    getTitleTextContentAt: async (i: number) =>\n      getSelectors().get(i).$('[data-hook=\"selector-title\"]').text(),\n    getSubtitleTextAt: async (i: number) =>\n      selectorDriverAt(i).subtitleTextDriver().getText(),\n    getSubtitleTextContentAt: async (i: number) =>\n      getSelectors().get(i).$('[data-hook=\"selector-subtitle\"]').text(),\n    getExtraNodeElementAt: (i: number) => selectorDriverAt(i).getExtraNode(),\n    getImageElementAt: (i: number) => selectorDriverAt(i).getImage(),\n    floatingNotificationExists: () => getFloatingNotification().exists(),\n    getFloatingNotificationText: () => getFloatingNotification().getText(),\n    getEmptyState,\n    getEmptyStateByDataHook: (dataHook = 'picker-empty-state') =>\n      EmptyStateUniDriver(base.$(`[data-hook=\"${dataHook}\"]`), body),\n    getErrorStateByDataHook: (dataHook: string) =>\n      EmptyStateUniDriver(base.$(`[data-hook=\"${dataHook}\"]`), body),\n  };\n}\n"],"mappings":"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"}

package/dist/cjs/components/Picker/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+var _Picker = require("./Picker");
+Object.keys(_Picker).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Picker[key]) return;
+  exports[key] = _Picker[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Picker","require","Object","keys","forEach","key","exports"],"sources":["../../../../src/components/Picker/index.ts"],"sourcesContent":["export * from './Picker';\n"],"mappings":";;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,OAAA,CAAAK,GAAA;AAAA"}

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

@@ -0,0 +1,52 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.PickerContent = PickerContent;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _PickerContentProvider = require("./PickerContentProvider");
+var _PickerSelectorListContent = require("../PickerSelectorListContent");
+var _MaxSelection = require("../MaxSelection");
+var _PickerContentWrapped = require("./PickerContentWrapped");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/PickerContent/PickerContent.tsx";
+function PickerContent(props) {
+  const {
+    modalState
+  } = props;
+
+  // wrap with a new WixPatternsContainer that can get initialProps
+  return /*#__PURE__*/_react.default.createElement(_PickerContentProvider.PickerContentProvider, {
+    modalState: modalState,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 57,
+      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, {
+      state: state,
+      multiple: (0, _MaxSelection.fromMultipleSelectionToBoolean)(props.multiple),
+      hasAdditionalStep: props.hasAdditionalStep,
+      hiddenItemsWarningText: props.hiddenItemsWarningText,
+      renderItem: renderItem,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 61,
+        columnNumber: 11
+      }
+    })),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 58,
+      columnNumber: 7
+    }
+  })));
+}
+//# sourceMappingURL=PickerContent.js.map

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

@@ -0,0 +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/components-pickermodal-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"}

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

@@ -0,0 +1,3 @@
+.root {
+  display: flex;
+}

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

@@ -0,0 +1,22 @@
+"use strict";
+
+exports.__esModule = true;
+exports.vars = exports.style = exports.stVars = exports.st = exports.namespace = exports.layers = exports.keyframes = exports.cssStates = exports.containers = exports.classes = void 0;
+var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
+// @ts-nocheck
+
+var _namespace_ = "PickerContent1833422322";
+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": "PickerContent1833422322__root"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {};
+//# sourceMappingURL=PickerContent.st.css.js.map

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

@@ -0,0 +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_ = \"PickerContent1833422322\";\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\":\"PickerContent1833422322__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"}

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

@@ -0,0 +1,243 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.PickerContentAdditionalStep = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _designSystem = require("@wix/design-system");
+var _PickerContentBaseWrapped = require("./PickerContentBaseWrapped");
+var _state = require("../../state");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _PickerContentAdditionalStepStCss = require("./PickerContentAdditionalStep.st.css.js");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/PickerContent/PickerContentAdditionalStep.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _PickerContentAdditionalStep(props) {
+  const {
+    pickerContentState,
+    renderItem,
+    renderAdditionalStepContent,
+    additionalStepTitle,
+    additionalStepSubtitle,
+    primaryButtonOnClick,
+    secondaryButtonOnClick,
+    onCloseButtonClick,
+    onBeforeSelectAdditionalStep,
+    onBackButtonClick,
+    additionalStepOverrides = {},
+    primaryButtonText,
+    height,
+    // extract from rest to disable overrides
+    ...rest
+  } = props;
+  const [state] = (0, _react.useState)(() => pickerContentState.additionalStep = new _state.AdditionalStepState({
+    collection: pickerContentState.picker.collection
+  }));
+  const renderedItemProps = (0, _react.useMemo)(() => {
+    const {
+      selectedKeyedItem: {
+        item,
+        index
+      }
+    } = state;
+    const renderProps = renderItem(item, index);
+    return {
+      title: state.collection.itemName(item),
+      ...renderProps
+    };
+  }, [state.selectedKeyedItem]);
+  const {
+    collection: {
+      translate: t
+    }
+  } = state;
+  const additionalStepContent = (0, _react.useMemo)(() => renderAdditionalStepContent == null ? void 0 : renderAdditionalStepContent({
+    item: state.selectedKeyedItem.item
+  }), [state.selectedKeyedItem]);
+  const suffixNode = (0, _react.useMemo)(() => {
+    return [additionalStepOverrides.extraNode, additionalStepOverrides.extraText, renderedItemProps.extraNode, renderedItemProps.extraText].find(node => node !== undefined);
+  }, [renderedItemProps, additionalStepOverrides.extraNode, additionalStepOverrides.extraText]);
+  renderedItemProps.image = (additionalStepOverrides == null ? void 0 : additionalStepOverrides.image) || renderedItemProps.image;
+  renderedItemProps.subtitle = (additionalStepOverrides == null ? void 0 : additionalStepOverrides.subtitle) || renderedItemProps.subtitle;
+  const enablePrimaryButton = (additionalStepOverrides == null ? void 0 : additionalStepOverrides.enablePrimaryButton) || false;
+  return /*#__PURE__*/_react.default.createElement(_PickerContentBaseWrapped.PickerContentBaseWrapped, (0, _extends2.default)({}, rest, {
+    primaryButtonOnClick: async () => {
+      state.isLoading = true;
+      if (onBeforeSelectAdditionalStep) {
+        try {
+          state.isLoading = true;
+          state.additionalData = await (onBeforeSelectAdditionalStep == null ? void 0 : onBeforeSelectAdditionalStep());
+          primaryButtonOnClick == null || primaryButtonOnClick();
+        } catch (err) {
+          console.error(err);
+          state.isLoading = false;
+        }
+      } else {
+        primaryButtonOnClick == null || primaryButtonOnClick();
+      }
+    },
+    secondaryButtonOnClick: secondaryButtonOnClick,
+    onCloseButtonClick: onCloseButtonClick,
+    title: additionalStepTitle,
+    subtitle: additionalStepSubtitle,
+    primaryButtonText: state.isLoading ? /*#__PURE__*/_react.default.createElement(_designSystem.Loader, {
+      size: "tiny",
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 154,
+        columnNumber: 27
+      }
+    }) : primaryButtonText,
+    secondaryButtonText: t('cairo.cancel.button'),
+    primaryButtonProps: {
+      disabled: state.isLoading || !enablePrimaryButton
+    },
+    sideActions: /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
+      prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChevronLeft, {
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 160,
+          columnNumber: 23
+        }
+      }),
+      dataHook: "back-button",
+      onClick: () => onBackButtonClick(),
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 159,
+        columnNumber: 9
+      }
+    }, t('cairo.pickerModal.back.button')),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 132,
+      columnNumber: 5
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    paddingLeft: "SP5",
+    paddingRight: "SP5",
+    paddingBottom: "SP4",
+    gap: "SP4",
+    overflow: "auto",
+    height: "100%",
+    dataHook: "additional-step-content",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 168,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 178,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    gap: "SP3",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 179,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    align: "center",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 180,
+      columnNumber: 13
+    }
+  }, renderedItemProps.image), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _PickerContentAdditionalStepStCss.st)(_PickerContentAdditionalStepStCss.classes.titles),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 181,
+      columnNumber: 13
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 182,
+      columnNumber: 15
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+    dataHook: "title",
+    ellipsis: true,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 183,
+      columnNumber: 17
+    }
+  }, renderedItemProps.title)), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 187,
+      columnNumber: 15
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+    secondary: true,
+    light: true,
+    dataHook: "subtitle",
+    ellipsis: true,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 188,
+      columnNumber: 17
+    }
+  }, renderedItemProps.subtitle))), suffixNode !== undefined && /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _PickerContentAdditionalStepStCss.st)(_PickerContentAdditionalStepStCss.classes.suffix),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 194,
+      columnNumber: 15
+    }
+  }, typeof suffixNode === 'string' ? /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+    secondary: true,
+    dataHook: "suffix-text",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 196,
+      columnNumber: 19
+    }
+  }, suffixNode) : /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    dataHook: "suffix-node",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 200,
+      columnNumber: 19
+    }
+  }, suffixNode)))), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    minHeight: "100px",
+    width: "100%",
+    dataHook: "additional-step-widget",
+    position: "relative",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 206,
+      columnNumber: 9
+    }
+  }, additionalStepContent)));
+}
+const PickerContentAdditionalStep = exports.PickerContentAdditionalStep = (0, _mobxReactLite.observer)(_PickerContentAdditionalStep);
+//# sourceMappingURL=PickerContentAdditionalStep.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_PickerContentBaseWrapped","_state","_wixUiIconsCommon","_PickerContentAdditionalStepStCss","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_PickerContentAdditionalStep","props","pickerContentState","renderItem","renderAdditionalStepContent","additionalStepTitle","additionalStepSubtitle","primaryButtonOnClick","secondaryButtonOnClick","onCloseButtonClick","onBeforeSelectAdditionalStep","onBackButtonClick","additionalStepOverrides","primaryButtonText","height","rest","state","useState","additionalStep","AdditionalStepState","collection","picker","renderedItemProps","useMemo","selectedKeyedItem","item","index","renderProps","title","itemName","translate","additionalStepContent","suffixNode","extraNode","extraText","find","node","undefined","image","subtitle","enablePrimaryButton","createElement","PickerContentBaseWrapped","_extends2","isLoading","additionalData","err","console","error","Loader","size","__self","__source","fileName","lineNumber","columnNumber","secondaryButtonText","primaryButtonProps","disabled","sideActions","TextButton","prefixIcon","ChevronLeft","dataHook","onClick","Box","direction","paddingLeft","paddingRight","paddingBottom","gap","overflow","align","className","st","classes","titles","Text","ellipsis","secondary","light","suffix","minHeight","width","position","PickerContentAdditionalStep","exports","observer"],"sources":["../../../../src/components/PickerContent/PickerContentAdditionalStep.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { Box, Loader, Text, TextButton } from '@wix/design-system';\nimport { PickerListItemProps } from '../PickerListItemProps';\nimport {\n  PickerContentBaseWrapped,\n  PickerContentBaseWrappedProps,\n} from './PickerContentBaseWrapped';\nimport { AdditionalStepState, PickerContentState } from '../../state';\nimport { ChevronLeft } from '@wix/wix-ui-icons-common';\nimport { st, classes } from './PickerContentAdditionalStep.st.css.js';\n\nexport interface PickerContentAdditionalStepProps<T>\n  extends Partial<PickerContentBaseWrappedProps> {\n  /** The additional step title */\n  additionalStepTitle?: string;\n\n  /** The additional step subtitle */\n  additionalStepSubtitle?: string;\n\n  /** Defines a function that returns a component to render in the additional step content area, if `hasAdditionalStep` returns `false` this prop is ignored. */\n  renderAdditionalStepContent?: (props: { item: T }) => JSX.Element;\n\n  /** Indicates if selected item has additional step or not */\n  hasAdditionalStep?: (props: { item: T }) => boolean;\n\n  /** Defines a callback function just before primaryButtonOnClick callback, returned value will be added as `additionalStepData` in onSelect payload */\n  onBeforeSelectAdditionalStep?: () => Promise<unknown>;\n\n  /** Defines a callback function after user clicks on the continue button to additional step content */\n  continueButtonOnClick?: (props: { item: T }) => void;\n\n  /** Defines a callback function after user clicks on the back button in the additional step content */\n  backButtonOnClick?: (props: { item: T }) => void;\n\n  /** Additional steps modal content overrides */\n  additionalStepOverrides?: {\n    extraNode?: React.ReactNode;\n    extraText?: string;\n    subtitle?: string;\n    image?: React.ReactNode;\n    enablePrimaryButton?: boolean;\n  };\n}\n\ninterface PickerContentAdditionalStepStateProps<T, F extends FiltersMap> {\n  pickerContentState: PickerContentState<T, F>;\n  renderItem: (item: T, index: number) => Partial<PickerListItemProps>;\n  onBackButtonClick: Function;\n}\n\nexport type PickerContentAdditionalStepFullProps<\n  T,\n  F extends FiltersMap = FiltersMap,\n> = PickerContentAdditionalStepProps<T> &\n  PickerContentAdditionalStepStateProps<T, F>;\n\nfunction _PickerContentAdditionalStep<T, F extends FiltersMap = FiltersMap>(\n  props: PickerContentAdditionalStepFullProps<T, F>,\n) {\n  const {\n    pickerContentState,\n    renderItem,\n    renderAdditionalStepContent,\n    additionalStepTitle,\n    additionalStepSubtitle,\n    primaryButtonOnClick,\n    secondaryButtonOnClick,\n    onCloseButtonClick,\n    onBeforeSelectAdditionalStep,\n    onBackButtonClick,\n    additionalStepOverrides = {},\n    primaryButtonText,\n    height, // extract from rest to disable overrides\n    ...rest\n  } = props;\n\n  const [state] = useState(\n    () =>\n      (pickerContentState.additionalStep = new AdditionalStepState({\n        collection: pickerContentState.picker.collection,\n      })),\n  );\n\n  const renderedItemProps = useMemo(() => {\n    const {\n      selectedKeyedItem: { item, index },\n    } = state;\n    const renderProps = renderItem(item, index);\n\n    return {\n      title: state.collection.itemName(item),\n      ...renderProps,\n    };\n  }, [state.selectedKeyedItem]);\n\n  const {\n    collection: { translate: t },\n  } = state;\n\n  const additionalStepContent = useMemo(\n    () =>\n      renderAdditionalStepContent?.({\n        item: state.selectedKeyedItem.item,\n      }),\n    [state.selectedKeyedItem],\n  );\n\n  const suffixNode = useMemo(() => {\n    return [\n      additionalStepOverrides.extraNode,\n      additionalStepOverrides.extraText,\n      renderedItemProps.extraNode,\n      renderedItemProps.extraText,\n    ].find((node) => node !== undefined);\n  }, [\n    renderedItemProps,\n    additionalStepOverrides.extraNode,\n    additionalStepOverrides.extraText,\n  ]);\n\n  renderedItemProps.image =\n    additionalStepOverrides?.image || renderedItemProps.image;\n  renderedItemProps.subtitle =\n    additionalStepOverrides?.subtitle || renderedItemProps.subtitle;\n\n  const enablePrimaryButton =\n    additionalStepOverrides?.enablePrimaryButton || false;\n\n  return (\n    <PickerContentBaseWrapped\n      {...rest}\n      primaryButtonOnClick={async () => {\n        state.isLoading = true;\n        if (onBeforeSelectAdditionalStep) {\n          try {\n            state.isLoading = true;\n            state.additionalData = await onBeforeSelectAdditionalStep?.();\n            primaryButtonOnClick?.();\n          } catch (err) {\n            console.error(err);\n            state.isLoading = false;\n          }\n        } else {\n          primaryButtonOnClick?.();\n        }\n      }}\n      secondaryButtonOnClick={secondaryButtonOnClick}\n      onCloseButtonClick={onCloseButtonClick}\n      title={additionalStepTitle}\n      subtitle={additionalStepSubtitle}\n      primaryButtonText={\n        state.isLoading ? <Loader size=\"tiny\" /> : primaryButtonText\n      }\n      secondaryButtonText={t('cairo.cancel.button')}\n      primaryButtonProps={{ disabled: state.isLoading || !enablePrimaryButton }}\n      sideActions={\n        <TextButton\n          prefixIcon={<ChevronLeft />}\n          dataHook=\"back-button\"\n          onClick={() => onBackButtonClick()}\n        >\n          {t('cairo.pickerModal.back.button')}\n        </TextButton>\n      }\n    >\n      <Box\n        direction=\"vertical\"\n        paddingLeft=\"SP5\"\n        paddingRight=\"SP5\"\n        paddingBottom=\"SP4\"\n        gap=\"SP4\"\n        overflow=\"auto\"\n        height=\"100%\"\n        dataHook=\"additional-step-content\"\n      >\n        <Box direction=\"vertical\">\n          <Box gap=\"SP3\">\n            <Box align=\"center\">{renderedItemProps.image}</Box>\n            <div className={st(classes.titles)}>\n              <Box>\n                <Text dataHook=\"title\" ellipsis>\n                  {renderedItemProps.title}\n                </Text>\n              </Box>\n              <Box>\n                <Text secondary light dataHook=\"subtitle\" ellipsis>\n                  {renderedItemProps.subtitle}\n                </Text>\n              </Box>\n            </div>\n            {suffixNode !== undefined && (\n              <div className={st(classes.suffix)}>\n                {typeof suffixNode === 'string' ? (\n                  <Text secondary dataHook=\"suffix-text\">\n                    {suffixNode}\n                  </Text>\n                ) : (\n                  <Box dataHook=\"suffix-node\">{suffixNode}</Box>\n                )}\n              </div>\n            )}\n          </Box>\n        </Box>\n        <Box\n          direction=\"vertical\"\n          minHeight=\"100px\"\n          width=\"100%\"\n          dataHook=\"additional-step-widget\"\n          position=\"relative\"\n        >\n          {additionalStepContent}\n        </Box>\n      </Box>\n    </PickerContentBaseWrapped>\n  );\n}\n\nexport const PickerContentAdditionalStep = observer(\n  _PickerContentAdditionalStep,\n);\n"],"mappings":"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"}

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

@@ -0,0 +1,14 @@
+.titles {
+  display: flex;
+  justify-content: center;
+  flex: 1 1 auto;
+  overflow: hidden;
+  flex-direction: column;
+}
+
+.suffix {
+  display: flex;
+  align-items: center;
+  flex: 0 0 auto;
+  overflow: hidden;
+}

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

@@ -0,0 +1,24 @@
+"use strict";
+
+exports.__esModule = true;
+exports.vars = exports.style = exports.stVars = exports.st = exports.namespace = exports.layers = exports.keyframes = exports.cssStates = exports.containers = exports.classes = void 0;
+var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
+// @ts-nocheck
+
+var _namespace_ = "PickerContentAdditionalStep4276913325";
+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": "PickerContentAdditionalStep4276913325__root",
+  "titles": "PickerContentAdditionalStep4276913325__titles",
+  "suffix": "PickerContentAdditionalStep4276913325__suffix"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {};
+//# sourceMappingURL=PickerContentAdditionalStep.st.css.js.map

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

@@ -0,0 +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_ = \"PickerContentAdditionalStep4276913325\";\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\":\"PickerContentAdditionalStep4276913325__root\",\"titles\":\"PickerContentAdditionalStep4276913325__titles\",\"suffix\":\"PickerContentAdditionalStep4276913325__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"}

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

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.PickerContentBaseWrapped = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _designSystem = require("@wix/design-system");
+var _PickerContentStCss = require("./PickerContent.st.css.js");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/PickerContent/PickerContentBaseWrapped.tsx";
+function _PickerContentBaseWrapped(props) {
+  const {
+    className,
+    children
+  } = props;
+  return /*#__PURE__*/_react.default.createElement(_designSystem.CustomModalLayout, (0, _extends2.default)({
+    className: (0, _PickerContentStCss.st)(_PickerContentStCss.classes.root, {}, className),
+    removeContentPadding: true,
+    showFooterDivider: true
+  }, props, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 17,
+      columnNumber: 5
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    height: "100%",
+    flex: 1,
+    direction: "vertical",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 23,
+      columnNumber: 7
+    }
+  }, children));
+}
+const PickerContentBaseWrapped = exports.PickerContentBaseWrapped = (0, _mobxReactLite.observer)(_PickerContentBaseWrapped);
+//# sourceMappingURL=PickerContentBaseWrapped.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_PickerContentStCss","_jsxFileName","_PickerContentBaseWrapped","props","className","children","default","createElement","CustomModalLayout","_extends2","st","classes","root","removeContentPadding","showFooterDivider","__self","__source","fileName","lineNumber","columnNumber","Box","height","flex","direction","PickerContentBaseWrapped","exports","observer"],"sources":["../../../../src/components/PickerContent/PickerContentBaseWrapped.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport {\n  Box,\n  CustomModalLayout,\n  CustomModalLayoutProps,\n} from '@wix/design-system';\nimport { st, classes } from './PickerContent.st.css.js';\n\nexport interface PickerContentBaseWrappedProps\n  extends Partial<CustomModalLayoutProps> {}\n\nfunction _PickerContentBaseWrapped(props: PickerContentBaseWrappedProps) {\n  const { className, children } = props;\n\n  return (\n    <CustomModalLayout\n      className={st(classes.root, {}, className)}\n      removeContentPadding\n      showFooterDivider\n      {...props}\n    >\n      <Box height=\"100%\" flex={1} direction=\"vertical\">\n        {children}\n      </Box>\n    </CustomModalLayout>\n  );\n}\nexport const PickerContentBaseWrapped = observer(_PickerContentBaseWrapped);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAKA,IAAAG,mBAAA,GAAAH,OAAA;AAAwD,IAAAI,YAAA;AAKxD,SAASC,yBAAyBA,CAACC,KAAoC,EAAE;EACvE,MAAM;IAAEC,SAAS;IAAEC;EAAS,CAAC,GAAGF,KAAK;EAErC,oBACER,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAS,iBAAiB,MAAAC,SAAA,CAAAH,OAAA;IAChBF,SAAS,EAAE,IAAAM,sBAAE,EAACC,2BAAO,CAACC,IAAI,EAAE,CAAC,CAAC,EAAER,SAAS,CAAE;IAC3CS,oBAAoB;IACpBC,iBAAiB;EAAA,GACbX,KAAK;IAAAY,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,iBAETxB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAqB,GAAG;IAACC,MAAM,EAAC,MAAM;IAACC,IAAI,EAAE,CAAE;IAACC,SAAS,EAAC,UAAU;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC7Cd,QACE,CACY,CAAC;AAExB;AACO,MAAMmB,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAG,IAAAE,uBAAQ,EAACxB,yBAAyB,CAAC"}