@wix/patterns 0.8.0

package/dist/cjs/components/PickerStandaloneLayout/PickerStandaloneLayout.js

@@ -0,0 +1,66 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.PickerStandaloneLayout = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _mobxReactLite = require("mobx-react-lite");
+var _react = _interopRequireDefault(require("react"));
+var _PickerStandaloneLayoutHeader = require("./PickerStandaloneLayoutHeader");
+var _designSystem = require("@wix/design-system");
+var _PickerStandaloneLayoutFooter = require("./PickerStandaloneLayoutFooter");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/PickerStandaloneLayout/PickerStandaloneLayout.tsx";
+function _PickerStandaloneLayout(props) {
+  const {
+    children,
+    state,
+    height,
+    maxHeight = '100vh',
+    width = '618px',
+    createNewAction,
+    ...rest
+  } = props;
+  const {
+    isMobileView
+  } = state;
+  const containerProps = isMobileView ? {
+    height: '100%',
+    width: '100%'
+  } : {
+    height,
+    width,
+    maxHeight,
+    borderRadius: '8px',
+    boxShadow: 'rgba(22, 45, 61, 0.12) 0px 8px 8px 0px, rgba(22, 45, 61, 0.18) 0px 3px 24px 0px'
+  };
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, (0, _extends2.default)({
+    direction: "vertical",
+    backgroundColor: "D80",
+    overflowY: "auto"
+  }, containerProps, rest, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 54,
+      columnNumber: 5
+    }
+  }), /*#__PURE__*/_react.default.createElement(_PickerStandaloneLayoutHeader.PickerStandaloneLayoutHeader, (0, _extends2.default)({}, props, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 61,
+      columnNumber: 7
+    }
+  })), children, createNewAction && /*#__PURE__*/_react.default.createElement(_PickerStandaloneLayoutFooter.PickerStandaloneLayoutFooter, {
+    state: state,
+    createNewAction: createNewAction,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 64,
+      columnNumber: 9
+    }
+  }));
+}
+const PickerStandaloneLayout = exports.PickerStandaloneLayout = (0, _mobxReactLite.observer)(_PickerStandaloneLayout);
+//# sourceMappingURL=PickerStandaloneLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireDefault","_PickerStandaloneLayoutHeader","_designSystem","_PickerStandaloneLayoutFooter","_jsxFileName","_PickerStandaloneLayout","props","children","state","height","maxHeight","width","createNewAction","rest","isMobileView","containerProps","borderRadius","boxShadow","default","createElement","Box","_extends2","direction","backgroundColor","overflowY","__self","__source","fileName","lineNumber","columnNumber","PickerStandaloneLayoutHeader","PickerStandaloneLayoutFooter","PickerStandaloneLayout","exports","observer"],"sources":["../../../../src/components/PickerStandaloneLayout/PickerStandaloneLayout.tsx"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport React, { CSSProperties, ReactElement } from 'react';\nimport { PickerStandaloneLayoutHeader } from './PickerStandaloneLayoutHeader';\nimport { PickerStandaloneState } from '../../state';\nimport { PickerProps } from '../Picker';\nimport { Box, BoxProps, TextButtonProps } from '@wix/design-system';\nimport { PickerStandaloneLayoutFooter } from './PickerStandaloneLayoutFooter';\n\nexport interface PickerStandaloneLayoutProps<T, F extends FiltersMap> {\n  state: PickerStandaloneState<T, F>;\n  children?: ReactElement<PickerProps<T, F>>;\n  createNewAction?: ReactElement<TextButtonProps>;\n  renderError: (params: { err: unknown; isOnline: boolean }) => ReactElement;\n  defaultTitle?: string;\n  defaultSubtitle?: string;\n  titleMaxLines?: number;\n  hideSearch?: boolean;\n  height?: CSSProperties['height'];\n  maxHeight?: CSSProperties['maxHeight'];\n  width?: CSSProperties['width'];\n}\n\nfunction _PickerStandaloneLayout<T, F extends FiltersMap = FiltersMap>(\n  props: PickerStandaloneLayoutProps<T, F>,\n) {\n  const {\n    children,\n    state,\n    height,\n    maxHeight = '100vh',\n    width = '618px',\n    createNewAction,\n    ...rest\n  } = props;\n\n  const { isMobileView } = state;\n\n  const containerProps: Partial<BoxProps & CSSProperties> = isMobileView\n    ? {\n        height: '100%',\n        width: '100%',\n      }\n    : {\n        height,\n        width,\n        maxHeight,\n        borderRadius: '8px',\n        boxShadow:\n          'rgba(22, 45, 61, 0.12) 0px 8px 8px 0px, rgba(22, 45, 61, 0.18) 0px 3px 24px 0px',\n      };\n\n  return (\n    <Box\n      direction=\"vertical\"\n      backgroundColor=\"D80\"\n      overflowY=\"auto\"\n      {...containerProps}\n      {...rest}\n    >\n      <PickerStandaloneLayoutHeader {...props} />\n      {children}\n      {createNewAction && (\n        <PickerStandaloneLayoutFooter\n          state={state}\n          createNewAction={createNewAction}\n        />\n      )}\n    </Box>\n  );\n}\nexport const PickerStandaloneLayout = observer(_PickerStandaloneLayout);\n"],"mappings":";;;;;;AACA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,6BAAA,GAAAH,OAAA;AAGA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,6BAAA,GAAAL,OAAA;AAA8E,IAAAM,YAAA;AAgB9E,SAASC,uBAAuBA,CAC9BC,KAAwC,EACxC;EACA,MAAM;IACJC,QAAQ;IACRC,KAAK;IACLC,MAAM;IACNC,SAAS,GAAG,OAAO;IACnBC,KAAK,GAAG,OAAO;IACfC,eAAe;IACf,GAAGC;EACL,CAAC,GAAGP,KAAK;EAET,MAAM;IAAEQ;EAAa,CAAC,GAAGN,KAAK;EAE9B,MAAMO,cAAiD,GAAGD,YAAY,GAClE;IACEL,MAAM,EAAE,MAAM;IACdE,KAAK,EAAE;EACT,CAAC,GACD;IACEF,MAAM;IACNE,KAAK;IACLD,SAAS;IACTM,YAAY,EAAE,KAAK;IACnBC,SAAS,EACP;EACJ,CAAC;EAEL,oBACElB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAkB,GAAG,MAAAC,SAAA,CAAAH,OAAA;IACFI,SAAS,EAAC,UAAU;IACpBC,eAAe,EAAC,KAAK;IACrBC,SAAS,EAAC;EAAM,GACZT,cAAc,EACdF,IAAI;IAAAY,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,iBAER9B,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAAClB,6BAAA,CAAA6B,4BAA4B,MAAAT,SAAA,CAAAH,OAAA,MAAKZ,KAAK;IAAAmB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CAAC,EAC1CtB,QAAQ,EACRK,eAAe,iBACdb,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAAChB,6BAAA,CAAA4B,4BAA4B;IAC3BvB,KAAK,EAAEA,KAAM;IACbI,eAAe,EAAEA,eAAgB;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAClC,CAEA,CAAC;AAEV;AACO,MAAMG,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,IAAAE,uBAAQ,EAAC7B,uBAAuB,CAAC"}

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

@@ -0,0 +1,30 @@
+"use strict";
+
+exports.__esModule = true;
+exports.PickerStandaloneLayoutUniDriver = PickerStandaloneLayoutUniDriver;
+var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
+var _unidriver2 = require("../../unidriver");
+var _unidriver3 = require("@wix/wix-ui-test-utils/unidriver");
+function PickerStandaloneLayoutUniDriver(base, body) {
+  const getTitle = () => base.$('[data-hook="picker-standalone-title"]');
+  const getSubtitle = () => base.$('[data-hook="picker-standalone-subtitle"]');
+  const getInitialLoaderBase = () => base.$('[data-hook="initial-loader"]');
+  const getInitialLoader = () => (0, _unidriver.LoaderUniDriver)(getInitialLoaderBase(), body);
+  const getSearch = () => (0, _unidriver.SearchUniDriver)(base.$('[data-hook="collection-search"]'), body);
+  return {
+    ...(0, _unidriver2.baseUniDriverFactory)(base),
+    waitInitialLoader: timeout => getInitialLoaderBase().wait(timeout),
+    /** Indicates whether initial loader is in loading status */
+    isInitialLoaderLoading: () => getInitialLoader().isLoading(),
+    /** Indicates whether initial loader exists */
+    initialLoaderExists: () => getInitialLoader().exists(),
+    waitInitialLoaderRemoved: timeout => (0, _unidriver3.waitFor)(async () => !(await getInitialLoader().exists()), timeout),
+    getTitleText: () => getTitle().text(),
+    getSubtitleText: () => getSubtitle().text(),
+    enterSearchTerm: value => getSearch().inputDriver.enterText(value),
+    clearSearchTerm: () => getSearch().inputDriver.clearText(),
+    getSearchTerm: () => getSearch().inputDriver.getText(),
+    searchExists: () => getSearch().inputDriver.exists()
+  };
+}
+//# sourceMappingURL=PickerStandaloneLayout.uni.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","_unidriver2","_unidriver3","PickerStandaloneLayoutUniDriver","base","body","getTitle","$","getSubtitle","getInitialLoaderBase","getInitialLoader","LoaderUniDriver","getSearch","SearchUniDriver","baseUniDriverFactory","waitInitialLoader","timeout","wait","isInitialLoaderLoading","isLoading","initialLoaderExists","exists","waitInitialLoaderRemoved","waitFor","getTitleText","text","getSubtitleText","enterSearchTerm","value","inputDriver","enterText","clearSearchTerm","clearText","getSearchTerm","getText","searchExists"],"sources":["../../../../src/components/PickerStandaloneLayout/PickerStandaloneLayout.uni.driver.ts"],"sourcesContent":["import {\n  LoaderUniDriver,\n  SearchUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport { UniDriver, waitFor } from '@wix/wix-ui-test-utils/unidriver';\n\nexport function PickerStandaloneLayoutUniDriver(\n  base: UniDriver,\n  body: UniDriver,\n) {\n  const getTitle = () => base.$('[data-hook=\"picker-standalone-title\"]');\n\n  const getSubtitle = () => base.$('[data-hook=\"picker-standalone-subtitle\"]');\n\n  const getInitialLoaderBase = () => base.$('[data-hook=\"initial-loader\"]');\n  const getInitialLoader = () => LoaderUniDriver(getInitialLoaderBase(), body);\n\n  const getSearch = () =>\n    SearchUniDriver(base.$('[data-hook=\"collection-search\"]'), body);\n\n  return {\n    ...baseUniDriverFactory(base),\n    waitInitialLoader: (timeout?: number) =>\n      getInitialLoaderBase().wait(timeout),\n    /** Indicates whether initial loader is in loading status */\n    isInitialLoaderLoading: () => getInitialLoader().isLoading(),\n    /** Indicates whether initial loader exists */\n    initialLoaderExists: () => getInitialLoader().exists(),\n    waitInitialLoaderRemoved: (timeout?: number) =>\n      waitFor(async () => !(await getInitialLoader().exists()), timeout),\n    getTitleText: () => getTitle().text(),\n    getSubtitleText: () => getSubtitle().text(),\n    enterSearchTerm: (value: string) =>\n      getSearch().inputDriver.enterText(value),\n    clearSearchTerm: () => getSearch().inputDriver.clearText(),\n    getSearchTerm: () => getSearch().inputDriver.getText(),\n    searchExists: () => getSearch().inputDriver.exists(),\n  };\n}\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAIA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAEO,SAASG,+BAA+BA,CAC7CC,IAAe,EACfC,IAAe,EACf;EACA,MAAMC,QAAQ,GAAGA,CAAA,KAAMF,IAAI,CAACG,CAAC,CAAC,uCAAuC,CAAC;EAEtE,MAAMC,WAAW,GAAGA,CAAA,KAAMJ,IAAI,CAACG,CAAC,CAAC,0CAA0C,CAAC;EAE5E,MAAME,oBAAoB,GAAGA,CAAA,KAAML,IAAI,CAACG,CAAC,CAAC,8BAA8B,CAAC;EACzE,MAAMG,gBAAgB,GAAGA,CAAA,KAAM,IAAAC,0BAAe,EAACF,oBAAoB,CAAC,CAAC,EAAEJ,IAAI,CAAC;EAE5E,MAAMO,SAAS,GAAGA,CAAA,KAChB,IAAAC,0BAAe,EAACT,IAAI,CAACG,CAAC,CAAC,iCAAiC,CAAC,EAAEF,IAAI,CAAC;EAElE,OAAO;IACL,GAAG,IAAAS,gCAAoB,EAACV,IAAI,CAAC;IAC7BW,iBAAiB,EAAGC,OAAgB,IAClCP,oBAAoB,CAAC,CAAC,CAACQ,IAAI,CAACD,OAAO,CAAC;IACtC;IACAE,sBAAsB,EAAEA,CAAA,KAAMR,gBAAgB,CAAC,CAAC,CAACS,SAAS,CAAC,CAAC;IAC5D;IACAC,mBAAmB,EAAEA,CAAA,KAAMV,gBAAgB,CAAC,CAAC,CAACW,MAAM,CAAC,CAAC;IACtDC,wBAAwB,EAAGN,OAAgB,IACzC,IAAAO,mBAAO,EAAC,YAAY,EAAE,MAAMb,gBAAgB,CAAC,CAAC,CAACW,MAAM,CAAC,CAAC,CAAC,EAAEL,OAAO,CAAC;IACpEQ,YAAY,EAAEA,CAAA,KAAMlB,QAAQ,CAAC,CAAC,CAACmB,IAAI,CAAC,CAAC;IACrCC,eAAe,EAAEA,CAAA,KAAMlB,WAAW,CAAC,CAAC,CAACiB,IAAI,CAAC,CAAC;IAC3CE,eAAe,EAAGC,KAAa,IAC7BhB,SAAS,CAAC,CAAC,CAACiB,WAAW,CAACC,SAAS,CAACF,KAAK,CAAC;IAC1CG,eAAe,EAAEA,CAAA,KAAMnB,SAAS,CAAC,CAAC,CAACiB,WAAW,CAACG,SAAS,CAAC,CAAC;IAC1DC,aAAa,EAAEA,CAAA,KAAMrB,SAAS,CAAC,CAAC,CAACiB,WAAW,CAACK,OAAO,CAAC,CAAC;IACtDC,YAAY,EAAEA,CAAA,KAAMvB,SAAS,CAAC,CAAC,CAACiB,WAAW,CAACR,MAAM,CAAC;EACrD,CAAC;AACH"}

package/dist/cjs/components/PickerStandaloneLayout/PickerStandaloneLayoutFooter.js

@@ -0,0 +1,63 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.PickerStandaloneLayoutFooter = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _mobxReactLite = require("mobx-react-lite");
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/PickerStandaloneLayout/PickerStandaloneLayoutFooter.tsx";
+function _PickerStandaloneLayoutFooter(props) {
+  const {
+    state,
+    createNewAction
+  } = props;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 23,
+      columnNumber: 7
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    paddingLeft: "SP4",
+    paddingRight: "SP4",
+    paddingTop: "SP3",
+    paddingBottom: "SP3",
+    verticalAlign: "middle",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 24,
+      columnNumber: 7
+    }
+  }, createNewAction && /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, (0, _extends2.default)({
+    key: createNewAction.key,
+    dataHook: "create-new-item-cta"
+  }, createNewAction.props, {
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Add, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 36,
+        columnNumber: 25
+      }
+    }),
+    suffixIcon: undefined,
+    onClick: e => {
+      state.onCreateNewClick();
+      const buttonProps = createNewAction.props;
+      buttonProps == null || buttonProps.onClick == null || buttonProps.onClick(e);
+    },
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 32,
+      columnNumber: 11
+    }
+  }))));
+}
+const PickerStandaloneLayoutFooter = exports.PickerStandaloneLayoutFooter = (0, _mobxReactLite.observer)(_PickerStandaloneLayoutFooter);
+//# sourceMappingURL=PickerStandaloneLayoutFooter.js.map

package/dist/cjs/components/PickerStandaloneLayout/PickerStandaloneLayoutFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireDefault","_designSystem","_wixUiIconsCommon","_jsxFileName","_PickerStandaloneLayoutFooter","props","state","createNewAction","default","createElement","Fragment","Divider","__self","__source","fileName","lineNumber","columnNumber","Box","paddingLeft","paddingRight","paddingTop","paddingBottom","verticalAlign","TextButton","_extends2","key","dataHook","prefixIcon","Add","suffixIcon","undefined","onClick","e","onCreateNewClick","buttonProps","PickerStandaloneLayoutFooter","exports","observer"],"sources":["../../../../src/components/PickerStandaloneLayout/PickerStandaloneLayoutFooter.tsx"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport React, { MouseEventHandler, ReactElement } from 'react';\nimport { Box, Divider, TextButton, TextButtonProps } from '@wix/design-system';\nimport { PickerStandaloneState } from '../../state';\nimport { Add as AddIcon } from '@wix/wix-ui-icons-common';\n\nexport interface PickerStandaloneLayoutFooterProps<\n  T,\n  F extends FiltersMap = FiltersMap,\n> {\n  state: PickerStandaloneState<T, F>;\n  createNewAction?: ReactElement<TextButtonProps>;\n}\n\nfunction _PickerStandaloneLayoutFooter<T, F extends FiltersMap = FiltersMap>(\n  props: PickerStandaloneLayoutFooterProps<T, F>,\n) {\n  const { state, createNewAction } = props;\n\n  return (\n    <>\n      <Divider />\n      <Box\n        paddingLeft=\"SP4\"\n        paddingRight=\"SP4\"\n        paddingTop=\"SP3\"\n        paddingBottom=\"SP3\"\n        verticalAlign=\"middle\"\n      >\n        {createNewAction && (\n          <TextButton\n            key={createNewAction.key}\n            dataHook=\"create-new-item-cta\"\n            {...(createNewAction.props as {})}\n            prefixIcon={<AddIcon />}\n            suffixIcon={undefined}\n            onClick={(e) => {\n              state.onCreateNewClick();\n              const buttonProps = createNewAction.props as\n                | {\n                    onClick?: MouseEventHandler<HTMLElement>;\n                  }\n                | undefined;\n              buttonProps?.onClick?.(e);\n            }}\n          />\n        )}\n      </Box>\n    </>\n  );\n}\nexport const PickerStandaloneLayoutFooter = observer(\n  _PickerStandaloneLayoutFooter,\n);\n"],"mappings":";;;;;;AACA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AAEA,IAAAI,iBAAA,GAAAJ,OAAA;AAA0D,IAAAK,YAAA;AAU1D,SAASC,6BAA6BA,CACpCC,KAA8C,EAC9C;EACA,MAAM;IAAEC,KAAK;IAAEC;EAAgB,CAAC,GAAGF,KAAK;EAExC,oBACEN,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAAAV,MAAA,CAAAS,OAAA,CAAAE,QAAA,qBACEX,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAU,OAAO;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eACXjB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAgB,GAAG;IACFC,WAAW,EAAC,KAAK;IACjBC,YAAY,EAAC,KAAK;IAClBC,UAAU,EAAC,KAAK;IAChBC,aAAa,EAAC,KAAK;IACnBC,aAAa,EAAC,QAAQ;IAAAV,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,GAErBT,eAAe,iBACdR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAsB,UAAU,MAAAC,SAAA,CAAAhB,OAAA;IACTiB,GAAG,EAAElB,eAAe,CAACkB,GAAI;IACzBC,QAAQ,EAAC;EAAqB,GACzBnB,eAAe,CAACF,KAAK;IAC1BsB,UAAU,eAAE5B,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,iBAAA,CAAA0B,GAAO;MAAAhB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAX,YAAA;QAAAY,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IACxBa,UAAU,EAAEC,SAAU;IACtBC,OAAO,EAAGC,CAAC,IAAK;MACd1B,KAAK,CAAC2B,gBAAgB,CAAC,CAAC;MACxB,MAAMC,WAAW,GAAG3B,eAAe,CAACF,KAIvB;MACb6B,WAAW,YAAXA,WAAW,CAAEH,OAAO,YAApBG,WAAW,CAAEH,OAAO,CAAGC,CAAC,CAAC;IAC3B,CAAE;IAAApB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,EACH,CAEA,CACL,CAAC;AAEP;AACO,MAAMmB,4BAA4B,GAAAC,OAAA,CAAAD,4BAAA,GAAG,IAAAE,uBAAQ,EAClDjC,6BACF,CAAC"}

package/dist/cjs/components/PickerStandaloneLayout/PickerStandaloneLayoutHeader.js

@@ -0,0 +1,284 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.PickerStandaloneLayoutHeader = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _bexCore = require("@wix/bex-core");
+var _mobxReactLite = require("mobx-react-lite");
+var _react = _interopRequireWildcard(require("react"));
+var _reactTransitionGroup = require("react-transition-group");
+var _designSystem = require("@wix/design-system");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _CollectionSearch = require("../CollectionSearch");
+var _EditorXLogo = require("../EditorXLogo");
+var _WixLogo = require("../WixLogo");
+var _PickerStandaloneLayoutTitles = require("./PickerStandaloneLayoutTitles");
+var _Collapse = require("../Collapse");
+var _Fade = require("../Fade");
+var _ExpandableSearch = require("../ExpandableSearch");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/PickerStandaloneLayout/PickerStandaloneLayoutHeader.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 _PickerStandaloneLayoutHeader(props) {
+  const {
+    state,
+    hideSearch
+  } = props;
+  const {
+    picker,
+    logoType,
+    isMobileView,
+    isDuringSearch
+  } = state;
+  const {
+    collection,
+    strictFiltersOnly,
+    isScrollTop
+  } = picker;
+  const {
+    result: {
+      isEmptyAndNotFetching: isEmptyAfterStrictFilters
+    }
+  } = strictFiltersOnly;
+  const searchRef = (0, _react.useRef)();
+  const onSearchFocus = () => {
+    state.setIsDuringSearch(true);
+  };
+  const onSearchBlur = () => {
+    if (collection.query.search.isEmpty) {
+      state.setIsDuringSearch(false);
+    }
+  };
+  const onBackClicked = async () => {
+    var _searchRef$current, _searchRef$current2;
+    (_searchRef$current = searchRef.current) == null || _searchRef$current.focus();
+    await collection.clearSearch();
+    (_searchRef$current2 = searchRef.current) == null || _searchRef$current2.blur();
+  };
+  const {
+    headerProps,
+    header,
+    headerDivider,
+    titleSearchContainerProps,
+    titleDivider
+  } = isMobileView ? {
+    headerProps: {
+      padding: '12px 24px',
+      align: 'space-between'
+    },
+    header: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.SwitchTransition, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 69,
+        columnNumber: 13
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Fade.Fade, {
+      timeout: 150,
+      key: isDuringSearch ? 1 : 0,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 70,
+        columnNumber: 15
+      }
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        display: 'flex'
+      },
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 71,
+        columnNumber: 17
+      }
+    }, isDuringSearch ? /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChevronLeftLarge, {
+      height: 24,
+      width: 24,
+      onClick: onBackClicked,
+      style: {
+        cursor: 'pointer'
+      },
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 73,
+        columnNumber: 21
+      }
+    }) : /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      align: "center",
+      verticalAlign: "middle",
+      boxSizing: "border-box",
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 80,
+        columnNumber: 21
+      }
+    }, logoType === 'editorx' ? /*#__PURE__*/_react.default.createElement(_EditorXLogo.EditorXLogo, {
+      height: 16,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 86,
+        columnNumber: 25
+      }
+    }) : /*#__PURE__*/_react.default.createElement(_WixLogo.WixLogo, {
+      height: 16,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 88,
+        columnNumber: 25
+      }
+    }))))), /*#__PURE__*/_react.default.createElement(_ExpandableSearch.ExpandableSearch, {
+      visibility: hideSearch ? 'hidden' : undefined,
+      expandable: true,
+      onBlur: onSearchBlur,
+      onFocus: onSearchFocus,
+      inputRef: input => {
+        searchRef.current = input;
+      },
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 95,
+        columnNumber: 13
+      }
+    })),
+    headerDivider: undefined,
+    titleSearchContainerProps: {
+      paddingBottom: !isScrollTop && !collection.result.isEmpty ? 0 : 'SP2'
+    },
+    titleDivider: !isScrollTop && !collection.result.isEmpty && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      margin: "0 15px",
+      height: "12px",
+      marginTop: "-15px",
+      boxShadow: "0 5px 5px -5px rgb(32 48 60 / 20%)",
+      zIndex: 9999999,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 111,
+        columnNumber: 11
+      }
+    })
+  } : {
+    headerProps: {
+      padding: '24px 30px',
+      align: 'center'
+    },
+    header: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      align: "center",
+      verticalAlign: "middle",
+      boxSizing: "border-box",
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 126,
+        columnNumber: 11
+      }
+    }, logoType === 'editorx' ? /*#__PURE__*/_react.default.createElement(_EditorXLogo.EditorXLogo, {
+      height: 18,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 128,
+        columnNumber: 15
+      }
+    }) : /*#__PURE__*/_react.default.createElement(_WixLogo.WixLogo, {
+      height: 24,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 130,
+        columnNumber: 15
+      }
+    })),
+    headerDivider: /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 134,
+        columnNumber: 24
+      }
+    }),
+    titleSearchContainerProps: {
+      paddingTop: 'SP4',
+      paddingBottom: 'SP3',
+      gap: 'SP3'
+    },
+    titleDivider: !hideSearch && !isEmptyAfterStrictFilters && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      display: "flex",
+      direction: "vertical",
+      paddingLeft: "94px",
+      paddingRight: "94px",
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 141,
+        columnNumber: 11
+      }
+    }, /*#__PURE__*/_react.default.createElement(_CollectionSearch.CollectionSearch, {
+      minWidthPixels: "100%",
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 147,
+        columnNumber: 13
+      }
+    }))
+  };
+  const [collapse] = (0, _react.useState)(() => new _bexCore.TransitionState(true));
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_designSystem.Box, (0, _extends2.default)({
+    direction: "horizontal",
+    boxSizing: "border-box",
+    verticalAlign: "middle"
+  }, headerProps, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 156,
+      columnNumber: 7
+    }
+  }), header), headerDivider, /*#__PURE__*/_react.default.createElement(_designSystem.Box, (0, _extends2.default)({
+    display: "grid",
+    direction: "vertical"
+  }, titleSearchContainerProps, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 165,
+      columnNumber: 7
+    }
+  }), /*#__PURE__*/_react.default.createElement(_Collapse.Collapse, {
+    state: collapse,
+    in: !isDuringSearch,
+    timeout: 300,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 166,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Fade.Fade, {
+    in: !isDuringSearch,
+    timeout: 300,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 167,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement(_PickerStandaloneLayoutTitles.PickerStandaloneLayoutTitles, (0, _extends2.default)({}, props, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 168,
+      columnNumber: 13
+    }
+  })))), titleDivider));
+}
+const PickerStandaloneLayoutHeader = exports.PickerStandaloneLayoutHeader = (0, _mobxReactLite.observer)(_PickerStandaloneLayoutHeader);
+//# sourceMappingURL=PickerStandaloneLayoutHeader.js.map

package/dist/cjs/components/PickerStandaloneLayout/PickerStandaloneLayoutHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_bexCore","require","_mobxReactLite","_react","_interopRequireWildcard","_reactTransitionGroup","_designSystem","_wixUiIconsCommon","_CollectionSearch","_EditorXLogo","_WixLogo","_PickerStandaloneLayoutTitles","_Collapse","_Fade","_ExpandableSearch","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_PickerStandaloneLayoutHeader","props","state","hideSearch","picker","logoType","isMobileView","isDuringSearch","collection","strictFiltersOnly","isScrollTop","result","isEmptyAndNotFetching","isEmptyAfterStrictFilters","searchRef","useRef","onSearchFocus","setIsDuringSearch","onSearchBlur","query","search","isEmpty","onBackClicked","_searchRef$current","_searchRef$current2","current","focus","clearSearch","blur","headerProps","header","headerDivider","titleSearchContainerProps","titleDivider","padding","align","createElement","Fragment","SwitchTransition","__self","__source","fileName","lineNumber","columnNumber","Fade","timeout","key","style","display","ChevronLeftLarge","height","width","onClick","cursor","Box","verticalAlign","boxSizing","EditorXLogo","WixLogo","ExpandableSearch","visibility","undefined","expandable","onBlur","onFocus","inputRef","input","paddingBottom","margin","marginTop","boxShadow","zIndex","Divider","paddingTop","gap","direction","paddingLeft","paddingRight","CollectionSearch","minWidthPixels","collapse","useState","TransitionState","_extends2","Collapse","in","PickerStandaloneLayoutTitles","PickerStandaloneLayoutHeader","exports","observer"],"sources":["../../../../src/components/PickerStandaloneLayout/PickerStandaloneLayoutHeader.tsx"],"sourcesContent":["import { FiltersMap, TransitionState } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport React, { useRef, useState } from 'react';\nimport { SwitchTransition } from 'react-transition-group';\nimport { Box, Divider } from '@wix/design-system';\nimport { ChevronLeftLarge } from '@wix/wix-ui-icons-common';\nimport { CollectionSearch } from '../CollectionSearch';\nimport { EditorXLogo } from '../EditorXLogo';\nimport { WixLogo } from '../WixLogo';\nimport { PickerStandaloneLayoutTitles } from './PickerStandaloneLayoutTitles';\nimport { Collapse } from '../Collapse';\nimport { Fade } from '../Fade';\nimport { PickerStandaloneState } from '../../state';\nimport { ExpandableSearch } from '../ExpandableSearch';\n\nexport interface PickerStandaloneLayoutHeaderProps<\n  T,\n  F extends FiltersMap = FiltersMap,\n> {\n  state: PickerStandaloneState<T, F>;\n  hideSearch?: boolean;\n}\n\nfunction _PickerStandaloneLayoutHeader<T, F extends FiltersMap = FiltersMap>(\n  props: PickerStandaloneLayoutHeaderProps<T, F>,\n) {\n  const { state, hideSearch } = props;\n\n  const { picker, logoType, isMobileView, isDuringSearch } = state;\n\n  const { collection, strictFiltersOnly, isScrollTop } = picker;\n\n  const {\n    result: { isEmptyAndNotFetching: isEmptyAfterStrictFilters },\n  } = strictFiltersOnly;\n\n  const searchRef = useRef<HTMLInputElement>();\n\n  const onSearchFocus = () => {\n    state.setIsDuringSearch(true);\n  };\n\n  const onSearchBlur = () => {\n    if (collection.query.search.isEmpty) {\n      state.setIsDuringSearch(false);\n    }\n  };\n\n  const onBackClicked = async () => {\n    searchRef.current?.focus();\n    await collection.clearSearch();\n    searchRef.current?.blur();\n  };\n\n  const {\n    headerProps,\n    header,\n    headerDivider,\n    titleSearchContainerProps,\n    titleDivider,\n  } = isMobileView\n    ? {\n        headerProps: {\n          padding: '12px 24px',\n          align: 'space-between' as const,\n        },\n        header: (\n          <>\n            <SwitchTransition>\n              <Fade timeout={150} key={isDuringSearch ? 1 : 0}>\n                <div style={{ display: 'flex' }}>\n                  {isDuringSearch ? (\n                    <ChevronLeftLarge\n                      height={24}\n                      width={24}\n                      onClick={onBackClicked}\n                      style={{ cursor: 'pointer' }}\n                    />\n                  ) : (\n                    <Box\n                      align=\"center\"\n                      verticalAlign=\"middle\"\n                      boxSizing=\"border-box\"\n                    >\n                      {logoType === 'editorx' ? (\n                        <EditorXLogo height={16} />\n                      ) : (\n                        <WixLogo height={16} />\n                      )}\n                    </Box>\n                  )}\n                </div>\n              </Fade>\n            </SwitchTransition>\n            <ExpandableSearch\n              visibility={hideSearch ? 'hidden' : undefined}\n              expandable\n              onBlur={onSearchBlur}\n              onFocus={onSearchFocus}\n              inputRef={(input) => {\n                searchRef.current = input;\n              }}\n            />\n          </>\n        ),\n        headerDivider: undefined,\n        titleSearchContainerProps: {\n          paddingBottom: !isScrollTop && !collection.result.isEmpty ? 0 : 'SP2',\n        },\n        titleDivider: !isScrollTop && !collection.result.isEmpty && (\n          <Box\n            margin=\"0 15px\"\n            height=\"12px\"\n            marginTop=\"-15px\"\n            boxShadow=\"0 5px 5px -5px rgb(32 48 60 / 20%)\"\n            zIndex={9999999}\n          />\n        ),\n      }\n    : {\n        headerProps: {\n          padding: '24px 30px',\n          align: 'center' as const,\n        },\n        header: (\n          <Box align=\"center\" verticalAlign=\"middle\" boxSizing=\"border-box\">\n            {logoType === 'editorx' ? (\n              <EditorXLogo height={18} />\n            ) : (\n              <WixLogo height={24} />\n            )}\n          </Box>\n        ),\n        headerDivider: <Divider />,\n        titleSearchContainerProps: {\n          paddingTop: 'SP4',\n          paddingBottom: 'SP3',\n          gap: 'SP3',\n        },\n        titleDivider: !hideSearch && !isEmptyAfterStrictFilters && (\n          <Box\n            display=\"flex\"\n            direction=\"vertical\"\n            paddingLeft=\"94px\"\n            paddingRight=\"94px\"\n          >\n            <CollectionSearch minWidthPixels=\"100%\" />\n          </Box>\n        ),\n      };\n\n  const [collapse] = useState(() => new TransitionState(true));\n\n  return (\n    <>\n      <Box\n        direction=\"horizontal\"\n        boxSizing=\"border-box\"\n        verticalAlign=\"middle\"\n        {...headerProps}\n      >\n        {header}\n      </Box>\n      {headerDivider}\n      <Box display=\"grid\" direction=\"vertical\" {...titleSearchContainerProps}>\n        <Collapse state={collapse} in={!isDuringSearch} timeout={300}>\n          <Fade in={!isDuringSearch} timeout={300}>\n            <PickerStandaloneLayoutTitles {...props} />\n          </Fade>\n        </Collapse>\n        {titleDivider}\n      </Box>\n    </>\n  );\n}\nexport const PickerStandaloneLayoutHeader = observer(\n  _PickerStandaloneLayoutHeader,\n);\n"],"mappings":"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"}

package/dist/cjs/components/PickerStandaloneLayout/PickerStandaloneLayoutTitles.js

@@ -0,0 +1,117 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.PickerStandaloneLayoutTitles = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _mobxReactLite = require("mobx-react-lite");
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _MaxHeightText = require("../MaxHeightText");
+var _ModalHeadingBox = require("../ModalHeadingBox");
+var _Heading = require("../Heading");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/PickerStandaloneLayout/PickerStandaloneLayoutTitles.tsx";
+function _PickerStandaloneLayoutTitles(props) {
+  const {
+    state,
+    defaultTitle,
+    defaultSubtitle,
+    titleMaxLines = 2,
+    ...rest
+  } = props;
+  const {
+    title: titleFromUrl,
+    subtitle: subtitleFromUrl,
+    isMobileView
+  } = state;
+  const title = titleFromUrl ?? defaultTitle;
+  const subtitle = subtitleFromUrl ?? defaultSubtitle;
+  const {
+    titlesContainerProps,
+    textProps
+  } = isMobileView ? {
+    titlesContainerProps: {
+      paddingLeft: 'SP4',
+      paddingRight: 'SP4',
+      align: 'left'
+    },
+    textProps: {
+      textAlign: 'left'
+    }
+  } : {
+    titlesContainerProps: {
+      paddingLeft: 'SP7',
+      paddingRight: 'SP7',
+      gap: 'SP1',
+      align: 'center'
+    },
+    textProps: {
+      textAlign: 'center'
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, (0, _extends2.default)({
+    display: "grid"
+  }, rest, titlesContainerProps, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 64,
+      columnNumber: 5
+    }
+  }), /*#__PURE__*/_react.default.createElement(_ModalHeadingBox.ModalHeadingBox, (0, _extends2.default)({
+    dataHook: "picker-standalone-title",
+    maxLines: titleMaxLines,
+    lineHeight: 36,
+    width: "100%"
+  }, textProps, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 65,
+      columnNumber: 7
+    }
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 73,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Heading.Heading, {
+    appearance: "H2",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 74,
+      columnNumber: 11
+    }
+  }, title))), subtitle && /*#__PURE__*/_react.default.createElement(_ModalHeadingBox.ModalHeadingBox, (0, _extends2.default)({
+    lineHeight: 24,
+    maxLines: 1,
+    dataHook: "picker-standalone-subtitle"
+  }, textProps, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 78,
+      columnNumber: 9
+    }
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 84,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement(_MaxHeightText.MaxHeightText, {
+    lineHeight: 24,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 86,
+      columnNumber: 13
+    }
+  }, subtitle))));
+}
+const PickerStandaloneLayoutTitles = exports.PickerStandaloneLayoutTitles = (0, _mobxReactLite.observer)(_PickerStandaloneLayoutTitles);
+//# sourceMappingURL=PickerStandaloneLayoutTitles.js.map

package/dist/cjs/components/PickerStandaloneLayout/PickerStandaloneLayoutTitles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireDefault","_designSystem","_MaxHeightText","_ModalHeadingBox","_Heading","_jsxFileName","_PickerStandaloneLayoutTitles","props","state","defaultTitle","defaultSubtitle","titleMaxLines","rest","title","titleFromUrl","subtitle","subtitleFromUrl","isMobileView","titlesContainerProps","textProps","paddingLeft","paddingRight","align","textAlign","gap","default","createElement","Box","_extends2","display","__self","__source","fileName","lineNumber","columnNumber","ModalHeadingBox","dataHook","maxLines","lineHeight","width","Heading","appearance","MaxHeightText","PickerStandaloneLayoutTitles","exports","observer"],"sources":["../../../../src/components/PickerStandaloneLayout/PickerStandaloneLayoutTitles.tsx"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport React from 'react';\nimport { Box, BoxProps } from '@wix/design-system';\nimport { MaxHeightText } from '../MaxHeightText';\nimport { ModalHeadingBox } from '../ModalHeadingBox';\nimport { Heading } from '../Heading';\nimport { PickerStandaloneState } from '../../state';\n\nexport interface PickerStandaloneLayoutTitlesProps<\n  T,\n  F extends FiltersMap = FiltersMap,\n> extends BoxProps {\n  state: PickerStandaloneState<T, F>;\n  defaultTitle?: string;\n  defaultSubtitle?: string;\n  titleMaxLines?: number;\n}\n\nfunction _PickerStandaloneLayoutTitles<T, F extends FiltersMap = FiltersMap>(\n  props: PickerStandaloneLayoutTitlesProps<T, F>,\n) {\n  const {\n    state,\n    defaultTitle,\n    defaultSubtitle,\n    titleMaxLines = 2,\n    ...rest\n  } = props;\n\n  const {\n    title: titleFromUrl,\n    subtitle: subtitleFromUrl,\n    isMobileView,\n  } = state;\n\n  const title = titleFromUrl ?? defaultTitle;\n  const subtitle = subtitleFromUrl ?? defaultSubtitle;\n\n  const { titlesContainerProps, textProps } = isMobileView\n    ? {\n        titlesContainerProps: {\n          paddingLeft: 'SP4',\n          paddingRight: 'SP4',\n          align: 'left' as const,\n        },\n        textProps: {\n          textAlign: 'left' as const,\n        },\n      }\n    : {\n        titlesContainerProps: {\n          paddingLeft: 'SP7',\n          paddingRight: 'SP7',\n          gap: 'SP1',\n          align: 'center' as const,\n        },\n        textProps: {\n          textAlign: 'center' as const,\n        },\n      };\n\n  return (\n    <Box display=\"grid\" {...rest} {...titlesContainerProps}>\n      <ModalHeadingBox\n        dataHook=\"picker-standalone-title\"\n        maxLines={titleMaxLines}\n        lineHeight={36}\n        width=\"100%\"\n        {...textProps}\n      >\n        {/* the div is because max lines can't apply styles on <Heading />*/}\n        <div>\n          <Heading appearance=\"H2\">{title}</Heading>\n        </div>\n      </ModalHeadingBox>\n      {subtitle && (\n        <ModalHeadingBox\n          lineHeight={24}\n          maxLines={1}\n          dataHook=\"picker-standalone-subtitle\"\n          {...textProps}\n        >\n          <div>\n            {/* the div is because max lines can't apply styles on <Text />*/}\n            <MaxHeightText lineHeight={24}>{subtitle}</MaxHeightText>\n          </div>\n        </ModalHeadingBox>\n      )}\n    </Box>\n  );\n}\nexport const PickerStandaloneLayoutTitles = observer(\n  _PickerStandaloneLayoutTitles,\n);\n"],"mappings":"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"}

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

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