@mirai/core 0.3.291 → 0.3.293

package/build/components/__shared__/FieldOccupation/FieldOccupation.js

@@ -24,6 +24,7 @@ const FieldOccupation = exports.FieldOccupation = /*#__PURE__*/_react.default.fo
     compacted,
     error,
     hotels = [],
+    inline,
     value,
     visible,
     warning,
@@ -57,6 +58,7 @@ const FieldOccupation = exports.FieldOccupation = /*#__PURE__*/_react.default.fo
     compacted: compacted,
     error: error,
     icon: _helpers.ICON.PEOPLE,
+    inline: inline,
     label: translate(_FieldOccupation.L10N.LABEL_WHO),
     visible: visible,
     warning: warning,
@@ -78,6 +80,7 @@ FieldOccupation.propTypes = {
   compacted: _propTypes.default.bool,
   error: _propTypes.default.bool,
   hotels: _propTypes.default.array,
+  inline: _propTypes.default.bool,
   value: _propTypes.default.arrayOf(_propTypes.default.arrayOf(_Occupation2.SHAPE.VALUE)),
   visible: _propTypes.default.bool,
   warning: _propTypes.default.bool,

package/build/components/__shared__/FieldOccupation/FieldOccupation.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldOccupation.js","names":["_dataSources","require","_locale","_propTypes","_interopRequireDefault","_react","_FieldOccupation","style","_interopRequireWildcard","_prepareRoom","_helpers","_Field","_Occupation","_Occupation2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","FieldOccupation","exports","React","forwardRef","_ref","ref","compacted","error","hotels","value","visible","warning","onPress","onSubmit","others","translate","useLocale","config","dataSource","lodgingDenomination","individual","useStore","minRooms","testId","type","getAccommodationType","caption","getOccupationSummary","Array","map","prepareRoom","createElement","Field","icon","ICON","PEOPLE","label","L10N","LABEL_WHO","className","occupation","concat","undefined","Occupation","displayName","propTypes","PropTypes","bool","array","arrayOf","SHAPE","VALUE","func"],"sources":["../../../../src/components/__shared__/FieldOccupation/FieldOccupation.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { L10N } from './FieldOccupation.l10n';\nimport * as style from './FieldOccupation.module.css';\nimport { prepareRoom } from '../../../helpers/prepareRoom';\nimport { getAccommodationType, getOccupationSummary, ICON } from '../../helpers';\nimport { Field } from '../Field';\nimport { Occupation as OccupationBase } from '../Occupation';\nimport { SHAPE } from '../Occupation/Occupation.constants';\n\nconst FieldOccupation = React.forwardRef(\n  ({ compacted, error, hotels = [], value, visible, warning, onPress, onSubmit, ...others }, ref) => {\n    const { translate } = useLocale();\n    const {\n      value: { config: { hotels: dataSource, lodgingDenomination: individual } = {} },\n    } = useStore();\n\n    const { minRooms = 1, testId } = others;\n    const type = getAccommodationType({ dataSource, hotels, individual });\n    const caption = getOccupationSummary(\n      value || [...Array(minRooms)].map(() => prepareRoom(others.dataSource)),\n      translate,\n      type,\n    );\n\n    return (\n      <Field\n        caption={caption}\n        compacted={compacted}\n        error={error}\n        icon={ICON.PEOPLE}\n        label={translate(L10N.LABEL_WHO)}\n        visible={visible}\n        warning={warning}\n        onPress={onPress}\n        className={[style.occupation, others.className]}\n        testId={testId ? `${testId}-field` : undefined}\n        style={others.style}\n      >\n        <OccupationBase\n          {...others}\n          ref={ref}\n          type={type}\n          value={value}\n          onSubmit={onSubmit}\n          className={undefined}\n          style={undefined}\n        />\n      </Field>\n    );\n  },\n);\n\nFieldOccupation.displayName = 'Mirai:Core:FieldOccupation';\n\nFieldOccupation.propTypes = {\n  compacted: PropTypes.bool,\n  error: PropTypes.bool,\n  hotels: PropTypes.array,\n  value: PropTypes.arrayOf(PropTypes.arrayOf(SHAPE.VALUE)),\n  visible: PropTypes.bool,\n  warning: PropTypes.bool,\n  onPress: PropTypes.func,\n  onSubmit: PropTypes.func,\n};\n\nexport { FieldOccupation };\n"],"mappings":"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"}
+{"version":3,"file":"FieldOccupation.js","names":["_dataSources","require","_locale","_propTypes","_interopRequireDefault","_react","_FieldOccupation","style","_interopRequireWildcard","_prepareRoom","_helpers","_Field","_Occupation","_Occupation2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","FieldOccupation","exports","React","forwardRef","_ref","ref","compacted","error","hotels","inline","value","visible","warning","onPress","onSubmit","others","translate","useLocale","config","dataSource","lodgingDenomination","individual","useStore","minRooms","testId","type","getAccommodationType","caption","getOccupationSummary","Array","map","prepareRoom","createElement","Field","icon","ICON","PEOPLE","label","L10N","LABEL_WHO","className","occupation","concat","undefined","Occupation","displayName","propTypes","PropTypes","bool","array","arrayOf","SHAPE","VALUE","func"],"sources":["../../../../src/components/__shared__/FieldOccupation/FieldOccupation.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { L10N } from './FieldOccupation.l10n';\nimport * as style from './FieldOccupation.module.css';\nimport { prepareRoom } from '../../../helpers/prepareRoom';\nimport { getAccommodationType, getOccupationSummary, ICON } from '../../helpers';\nimport { Field } from '../Field';\nimport { Occupation as OccupationBase } from '../Occupation';\nimport { SHAPE } from '../Occupation/Occupation.constants';\n\nconst FieldOccupation = React.forwardRef(\n  ({ compacted, error, hotels = [], inline, value, visible, warning, onPress, onSubmit, ...others }, ref) => {\n    const { translate } = useLocale();\n    const {\n      value: { config: { hotels: dataSource, lodgingDenomination: individual } = {} },\n    } = useStore();\n\n    const { minRooms = 1, testId } = others;\n    const type = getAccommodationType({ dataSource, hotels, individual });\n    const caption = getOccupationSummary(\n      value || [...Array(minRooms)].map(() => prepareRoom(others.dataSource)),\n      translate,\n      type,\n    );\n\n    return (\n      <Field\n        caption={caption}\n        compacted={compacted}\n        error={error}\n        icon={ICON.PEOPLE}\n        inline={inline}\n        label={translate(L10N.LABEL_WHO)}\n        visible={visible}\n        warning={warning}\n        onPress={onPress}\n        className={[style.occupation, others.className]}\n        testId={testId ? `${testId}-field` : undefined}\n        style={others.style}\n      >\n        <OccupationBase\n          {...others}\n          ref={ref}\n          type={type}\n          value={value}\n          onSubmit={onSubmit}\n          className={undefined}\n          style={undefined}\n        />\n      </Field>\n    );\n  },\n);\n\nFieldOccupation.displayName = 'Mirai:Core:FieldOccupation';\n\nFieldOccupation.propTypes = {\n  compacted: PropTypes.bool,\n  error: PropTypes.bool,\n  hotels: PropTypes.array,\n  inline: PropTypes.bool,\n  value: PropTypes.arrayOf(PropTypes.arrayOf(SHAPE.VALUE)),\n  visible: PropTypes.bool,\n  warning: PropTypes.bool,\n  onPress: PropTypes.func,\n  onSubmit: PropTypes.func,\n};\n\nexport { FieldOccupation };\n"],"mappings":"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"}

package/build/components/__shared__/FieldOccupation/__tests__/__snapshots__/FieldOccupation.test.js.snap

@@ -32,6 +32,11 @@ exports[`component:<FieldOccupation> inherit:className 1`] = `
       <div
         class="view"
       >
+        <span
+          class="text small"
+        >
+          finder.label.who
+        </span>
         <span
           class="text action"
         >
@@ -491,6 +496,11 @@ exports[`component:<FieldOccupation> prop:minRooms 1`] = `
       <div
         class="view"
       >
+        <span
+          class="text small"
+        >
+          finder.label.who
+        </span>
         <span
           class="text action"
         >
@@ -927,6 +937,11 @@ exports[`component:<FieldOccupation> prop:value 1`] = `
       <div
         class="view"
       >
+        <span
+          class="text small"
+        >
+          finder.label.who
+        </span>
         <span
           class="text action"
         >
@@ -1343,6 +1358,11 @@ exports[`component:<FieldOccupation> prop:visible 1`] = `
       <div
         class="view"
       >
+        <span
+          class="text small"
+        >
+          finder.label.who
+        </span>
         <span
           class="text action"
         >
@@ -1601,6 +1621,11 @@ exports[`component:<FieldOccupation> prop:warning 1`] = `
       <div
         class="view"
       >
+        <span
+          class="text small"
+        >
+          finder.label.who
+        </span>
         <span
           class="text action"
         >
@@ -1876,6 +1901,11 @@ exports[`component:<FieldOccupation> renders 1`] = `
       <div
         class="view"
       >
+        <span
+          class="text small"
+        >
+          finder.label.who
+        </span>
         <span
           class="text action"
         >
@@ -2135,6 +2165,11 @@ exports[`component:<FieldOccupation> testID 1`] = `
       <div
         class="view"
       >
+        <span
+          class="text small"
+        >
+          finder.label.who
+        </span>
         <span
           class="text action"
         >

package/build/components/__shared__/FieldPromocode/FieldPromocode.js

@@ -19,19 +19,24 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 const FieldPromocode = _ref => {
   let {
     compacted,
+    inline,
     visible,
     onPress,
     onSubmit,
     ...others
   } = _ref;
+  const {
+    isMobile
+  } = (0, _ui.useDevice)();
   const {
     translate
   } = (0, _locale.useLocale)();
   return /*#__PURE__*/_react.default.createElement(_Field.Field, {
     compacted: compacted,
     icon: _helpers.ICON.DISCOUNT,
+    inline: inline,
     inputMode: !compacted,
-    label: translate(_FieldPromocode.L10N.LABEL_PROMO_CODE),
+    label: isMobile ? translate(_FieldPromocode.L10N.LABEL_PROMO_CODE) : undefined,
     visible: visible,
     onPress: onPress,
     className: (style.container, others.className),
@@ -54,6 +59,7 @@ exports.FieldPromocode = FieldPromocode;
 FieldPromocode.displayName = 'Mirai:Core:FieldPromocode';
 FieldPromocode.propTypes = {
   compacted: _propTypes.default.bool,
+  inline: _propTypes.default.bool,
   visible: _propTypes.default.bool,
   onPress: _propTypes.default.func,
   onSubmit: _propTypes.default.func

package/build/components/__shared__/FieldPromocode/FieldPromocode.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldPromocode.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","_FieldPromocode","style","_interopRequireWildcard","_helpers","_Field","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","FieldPromocode","_ref","compacted","visible","onPress","onSubmit","others","translate","useLocale","createElement","Field","icon","ICON","DISCOUNT","inputMode","label","L10N","LABEL_PROMO_CODE","className","container","View","row","styles","content","Icon","value","Input","name","placeholder","input","Button","ACTION_SEARCH","exports","displayName","propTypes","PropTypes","bool","func"],"sources":["../../../../src/components/__shared__/FieldPromocode/FieldPromocode.jsx"],"sourcesContent":["import { useLocale } from '@mirai/locale';\nimport { Button, Icon, Input, styles, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { L10N } from './FieldPromocode.l10n';\nimport * as style from './FieldPromocode.module.css';\nimport { ICON } from '../../helpers';\nimport { Field } from '../Field';\n\nconst FieldPromocode = ({ compacted, visible, onPress, onSubmit, ...others }) => {\n  const { translate } = useLocale();\n\n  return (\n    <Field\n      compacted={compacted}\n      icon={ICON.DISCOUNT}\n      inputMode={!compacted}\n      label={translate(L10N.LABEL_PROMO_CODE)}\n      visible={visible}\n      onPress={onPress}\n      className={(style.container, others.className)}\n      style={others.style}\n    >\n      <View row className={styles(compacted && style.content)}>\n        {compacted && <Icon value={ICON.DISCOUNT} />}\n        <Input\n          name=\"mirai:finder:promocode\"\n          {...others}\n          placeholder={translate(L10N.LABEL_PROMO_CODE)}\n          className={styles(style.input, compacted && style.compacted)}\n        />\n        {onSubmit && <Button onPress={onSubmit}>{translate(L10N.ACTION_SEARCH)}</Button>}\n      </View>\n    </Field>\n  );\n};\n\nFieldPromocode.displayName = 'Mirai:Core:FieldPromocode';\n\nFieldPromocode.propTypes = {\n  compacted: PropTypes.bool,\n  visible: PropTypes.bool,\n  onPress: PropTypes.func,\n  onSubmit: PropTypes.func,\n};\n\nexport { FieldPromocode };\n"],"mappings":"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"}
+{"version":3,"file":"FieldPromocode.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","_FieldPromocode","style","_interopRequireWildcard","_helpers","_Field","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","FieldPromocode","_ref","compacted","inline","visible","onPress","onSubmit","others","isMobile","useDevice","translate","useLocale","createElement","Field","icon","ICON","DISCOUNT","inputMode","label","L10N","LABEL_PROMO_CODE","undefined","className","container","View","row","styles","content","Icon","value","Input","name","placeholder","input","Button","ACTION_SEARCH","exports","displayName","propTypes","PropTypes","bool","func"],"sources":["../../../../src/components/__shared__/FieldPromocode/FieldPromocode.jsx"],"sourcesContent":["import { useLocale } from '@mirai/locale';\nimport { Button, Icon, Input, styles, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { L10N } from './FieldPromocode.l10n';\nimport * as style from './FieldPromocode.module.css';\nimport { ICON } from '../../helpers';\nimport { Field } from '../Field';\n\nconst FieldPromocode = ({ compacted, inline, visible, onPress, onSubmit, ...others }) => {\n  const { isMobile } = useDevice();\n  const { translate } = useLocale();\n\n  return (\n    <Field\n      compacted={compacted}\n      icon={ICON.DISCOUNT}\n      inline={inline}\n      inputMode={!compacted}\n      label={isMobile ? translate(L10N.LABEL_PROMO_CODE) : undefined}\n      visible={visible}\n      onPress={onPress}\n      className={(style.container, others.className)}\n      style={others.style}\n    >\n      <View row className={styles(compacted && style.content)}>\n        {compacted && <Icon value={ICON.DISCOUNT} />}\n        <Input\n          name=\"mirai:finder:promocode\"\n          {...others}\n          placeholder={translate(L10N.LABEL_PROMO_CODE)}\n          className={styles(style.input, compacted && style.compacted)}\n        />\n        {onSubmit && <Button onPress={onSubmit}>{translate(L10N.ACTION_SEARCH)}</Button>}\n      </View>\n    </Field>\n  );\n};\n\nFieldPromocode.displayName = 'Mirai:Core:FieldPromocode';\n\nFieldPromocode.propTypes = {\n  compacted: PropTypes.bool,\n  inline: PropTypes.bool,\n  visible: PropTypes.bool,\n  onPress: PropTypes.func,\n  onSubmit: PropTypes.func,\n};\n\nexport { FieldPromocode };\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,GAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAD,sBAAA,CAAAH,OAAA;AAEA,IAAAK,eAAA,GAAAL,OAAA;AACA,IAAAM,KAAA,GAAAC,uBAAA,CAAAP,OAAA;AACA,IAAAQ,QAAA,GAAAR,OAAA;AACA,IAAAS,MAAA,GAAAT,OAAA;AAAiC,SAAAU,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAhB,uBAAA4B,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAhB,UAAA,GAAAgB,GAAA,KAAAf,OAAA,EAAAe,GAAA;AAAA,SAAAC,SAAA,IAAAA,QAAA,GAAAV,MAAA,CAAAW,MAAA,GAAAX,MAAA,CAAAW,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAN,CAAA,MAAAA,CAAA,GAAAO,SAAA,CAAAC,MAAA,EAAAR,CAAA,UAAAS,MAAA,GAAAF,SAAA,CAAAP,CAAA,YAAAU,GAAA,IAAAD,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAC,GAAA,KAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAJ,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAJ,SAAA;AAEjC,MAAMK,cAAc,GAAGC,IAAA,IAAkE;EAAA,IAAjE;IAAEC,SAAS;IAAEC,MAAM;IAAEC,OAAO;IAAEC,OAAO;IAAEC,QAAQ;IAAE,GAAGC;EAAO,CAAC,GAAAN,IAAA;EAClF,MAAM;IAAEO;EAAS,CAAC,GAAG,IAAAC,aAAS,EAAC,CAAC;EAChC,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAEjC,oBACEhD,MAAA,CAAAY,OAAA,CAAAqC,aAAA,CAAC5C,MAAA,CAAA6C,KAAK;IACJX,SAAS,EAAEA,SAAU;IACrBY,IAAI,EAAEC,aAAI,CAACC,QAAS;IACpBb,MAAM,EAAEA,MAAO;IACfc,SAAS,EAAE,CAACf,SAAU;IACtBgB,KAAK,EAAEV,QAAQ,GAAGE,SAAS,CAACS,oBAAI,CAACC,gBAAgB,CAAC,GAAGC,SAAU;IAC/DjB,OAAO,EAAEA,OAAQ;IACjBC,OAAO,EAAEA,OAAQ;IACjBiB,SAAS,GAAGzD,KAAK,CAAC0D,SAAS,EAAEhB,MAAM,CAACe,SAAS,CAAE;IAC/CzD,KAAK,EAAE0C,MAAM,CAAC1C;EAAM,gBAEpBF,MAAA,CAAAY,OAAA,CAAAqC,aAAA,CAACpD,GAAA,CAAAgE,IAAI;IAACC,GAAG;IAACH,SAAS,EAAE,IAAAI,UAAM,EAACxB,SAAS,IAAIrC,KAAK,CAAC8D,OAAO;EAAE,GACrDzB,SAAS,iBAAIvC,MAAA,CAAAY,OAAA,CAAAqC,aAAA,CAACpD,GAAA,CAAAoE,IAAI;IAACC,KAAK,EAAEd,aAAI,CAACC;EAAS,CAAE,CAAC,eAC5CrD,MAAA,CAAAY,OAAA,CAAAqC,aAAA,CAACpD,GAAA,CAAAsE,KAAK,EAAAvC,QAAA;IACJwC,IAAI,EAAC;EAAwB,GACzBxB,MAAM;IACVyB,WAAW,EAAEtB,SAAS,CAACS,oBAAI,CAACC,gBAAgB,CAAE;IAC9CE,SAAS,EAAE,IAAAI,UAAM,EAAC7D,KAAK,CAACoE,KAAK,EAAE/B,SAAS,IAAIrC,KAAK,CAACqC,SAAS;EAAE,EAC9D,CAAC,EACDI,QAAQ,iBAAI3C,MAAA,CAAAY,OAAA,CAAAqC,aAAA,CAACpD,GAAA,CAAA0E,MAAM;IAAC7B,OAAO,EAAEC;EAAS,GAAEI,SAAS,CAACS,oBAAI,CAACgB,aAAa,CAAU,CAC3E,CACD,CAAC;AAEZ,CAAC;AAACC,OAAA,CAAApC,cAAA,GAAAA,cAAA;AAEFA,cAAc,CAACqC,WAAW,GAAG,2BAA2B;AAExDrC,cAAc,CAACsC,SAAS,GAAG;EACzBpC,SAAS,EAAEqC,kBAAS,CAACC,IAAI;EACzBrC,MAAM,EAAEoC,kBAAS,CAACC,IAAI;EACtBpC,OAAO,EAAEmC,kBAAS,CAACC,IAAI;EACvBnC,OAAO,EAAEkC,kBAAS,CAACE,IAAI;EACvBnC,QAAQ,EAAEiC,kBAAS,CAACE;AACtB,CAAC"}

package/build/components/__shared__/FieldPromocode/FieldPromocode.module.css

@@ -11,11 +11,13 @@ input.input {
   white-space: nowrap;
 }
 
-input.input:focus {
+/* ! disabled because <Finder> */
+/* input.input:focus {
   -webkit-box-shadow: 0 0 0px 1000px var(--mirai-ui-input-background) inset;
   box-shadow: 0 0 0px 1000px var(--mirai-ui-input-background) inset;
-}
+} */
 
+/* S */
 @media only screen and (max-width: 430px) {
   .content {
     gap: var(--mirai-ui-space-S);
@@ -27,9 +29,10 @@ input.input:focus {
   }
 }
 
+/* M & L */
 @media only screen and (min-width: 431px) {
   input.input {
+    height: calc(var(--mirai-field-height)- calc(var(--mirai-ui-border-width) * 2));
     max-width: calc(var(--mirai-ui-space-XL) * 2);
-    height: calc(var(--mirai-finder-field-height)- calc(var(--mirai-ui-border-width) * 2));
   }
 }

package/build/components/__shared__/Occupation/Occupation.module.css

@@ -1,9 +1,3 @@
-:root {
-  --mirai-occupation-offset-horizontal: var(--mirai-ui-space-L);
-  --mirai-occupation-scrollview-max-height: 340px;
-  --mirai-occupation-width: 320px;
-}
-
 .offset {
   padding-left: var(--mirai-occupation-offset-horizontal);
   padding-right: var(--mirai-occupation-offset-horizontal);

package/build/theme.css

@@ -7,8 +7,57 @@
 }
 
 :root {
-  /* booking */
-  /* --corporative-color: #003580; */
-  /* pinterest */
-  /* --corporative-color: #bd081c; */
+  /* Calendar */
+  --mirai-finder-calendar-padding: var(--mirai-ui-space-M);
+
+  /* Card */
+  --mirai-card-image-height: 208px;
+
+  /* Deals */
+  --mirai-deals-modal-z-index: 601;
+  --mirai-deals-notification-max-width: calc(var(--mirai-ui-calendar-cell) * 14 + var(--mirai-ui-calendar-padding) * 2);
+  --mirai-ui-modal-layer: var(--mirai-deals-modal-z-index);
+
+  /* Field */
+  --mirai-field-background: var(--mirai-ui-input-background);
+  --mirai-field-border: var(--mirai-ui-input-text-border);
+  --mirai-field-border-radius: var(--mirai-ui-input-text-radius);
+  --mirai-field-border-focus: var(--mirai-ui-focus-color);
+  --mirai-field-height: var(--mirai-ui-input-min-height);
+  --mirai-field-icon-color: var(--mirai-ui-input-disabled);
+  --mirai-field-icon-size: var(--mirai-ui-input-text-icon);
+  --mirai-field-label-color: var(--mirai-ui-content-light);
+  --mirai-field-layer-shadow: var(--mirai-ui-shadow);
+  --mirai-field-padding-x: var(--mirai-ui-input-text-padding-x);
+  --mirai-field-padding-y: var(--mirai-ui-input-text-padding-y);
+
+  /* Finder */
+  --mirai-finder-background: var(--mirai-ui-base);
+  --mirai-finder-border: var(--mirai-ui-input-text-border);
+  --mirai-finder-border-color: var(--mirai-ui-content-border);
+  --mirai-finder-border-radius: var(--mirai-ui-border-radius);
+  --mirai-finder-gap: var(--mirai-ui-space-XXS);
+  --mirai-finder-field-height: calc(var(--mirai-field-height) * 1);
+  --mirai-finder-padding: var(--mirai-ui-space-S);
+  --mirai-finder-modal-content-max-height: calc(100vh - calc(var(--mirai-ui-space-XXL) + var(--mirai-ui-space-XL)));
+
+  /* Header */
+  --mirai-header-accent: var(--mirai-ui-accent);
+  --mirai-header-content: var(--mirai-ui-content);
+  --mirai-header-content-background: var(--mirai-ui-base);
+  --mirai-header-content-border: var(--mirai-ui-content-border);
+  --mirai-header-content-light: var(--mirai-ui-content-light);
+
+  /* Occupation */
+  --mirai-occupation-offset-horizontal: var(--mirai-ui-space-L);
+  --mirai-occupation-scrollview-max-height: 340px;
+  --mirai-occupation-width: 320px;
+
+  /* Places */
+  --mirai-places-item-height: 32px;
+  --mirai-places-item-width: 300px;
+  --mirai-places-item-background-selected: var(--mirai-ui-accent);
+  --mirai-places-item-color-selected: var(--mirai-ui-base);
+  --mirai-places-padding: var(--mirai-ui-space-M);
+  --mirai-places-items-per-column: 18;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mirai/core",
-  "version": "0.3.291",
+  "version": "0.3.293",
   "source": "src/index.js",
   "repository": "https://gitlab.com/miraicorp/dev/frontend/core",
   "author": "JΛVI <hello@soyjavi.com>",

package/public/routes/Home.jsx

@@ -22,7 +22,7 @@ export const Home = () => {
         <View className={style.backgroundImage} />
       </View>
 
-      <View data-mirai-component="finder" className={style.inHome} />
+      <View data-mirai-component="finder" className={style.centered} />
 
       <View row={!isMobile} tag="section" className={[style.section, style.spaceBetween, style.wrapper]}>
         <View className={style.texts}>
@@ -47,9 +47,7 @@ export const Home = () => {
           </Text>
         </View>
 
-        <View className={style.finderColumn}>
-          <View data-mirai-component="finder" data-layout="column" />
-        </View>
+        <View data-mirai-component="finder" data-layout="column" className={style.column} />
       </View>
 
       <View row tag="section" className={[style.section, style.wrapper, style.centered]}>

package/public/routes/routes.module.css

@@ -33,13 +33,6 @@
   align-self: flex-start;
 }
 
-.finderColumn {
-  background-color: var(--mirai-ui-content-background);
-  max-width: calc(var(--mirai-ui-breakpoint-S) - var(--mirai-ui-space-M));
-  min-width: calc(var(--mirai-ui-breakpoint-S) - var(--mirai-ui-space-M));
-  padding: var(--mirai-ui-space-M);
-}
-
 .image {
   background-color: var(--mirai-ui-content-background);
 }
@@ -104,14 +97,6 @@
   max-width: var(--mirai-ui-breakpoint-S);
 }
 
-[data-mirai-component='finder'].inHome {
-  background-color: var(--mirai-ui-base);
-  box-shadow: var(--mirai-ui-shadow);
-  border-radius: var(--mirai-ui-border-radius);
-  margin: 0 auto;
-  z-index: 1;
-}
-
 .cards {
   gap: var(--mirai-ui-space-L);
   width: 100%;
@@ -144,6 +129,17 @@
   gap: var(--mirai-ui-space-S);
 }
 
+[data-mirai-component='finder'].centered {
+  margin: 0 auto;
+  z-index: 1;
+}
+
+[data-mirai-component='finder'].column {
+  background-color: var(--mirai-ui-content-background);
+  max-width: calc(var(--mirai-ui-breakpoint-S) - var(--mirai-ui-space-M));
+  padding: var(--mirai-ui-space-M);
+}
+
 @media only screen and (max-width: 430px) {
   .section {
     padding: var(--mirai-ui-space-XL) var(--mirai-ui-space-M);
@@ -189,9 +185,8 @@
     min-width: 90svw;
   }
 
-  [data-mirai-component='finder'].inHome {
-    margin-top: calc(var(--mirai-ui-space-XXL) * -1);
-    padding: var(--mirai-ui-space-M);
+  [data-mirai-component='finder'].centered {
+    margin-top: calc(var(--mirai-ui-space-XXL) * -1.5);
     width: 90vw;
   }
 }
@@ -238,8 +233,11 @@
     min-width: var(--mirai-ui-breakpoint-S);
   }
 
-  [data-mirai-component='finder'].inHome {
+  [data-mirai-component='finder'].centered {
     margin-top: calc(var(--mirai-ui-space-XL) * -1);
-    padding: var(--mirai-ui-space-L);
+  }
+
+  [data-mirai-component='finder'].column {
+    min-width: calc(var(--mirai-ui-breakpoint-S) - var(--mirai-ui-space-M));
   }
 }

package/public/themes/monalisa.theme.css

@@ -2,14 +2,18 @@
 @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Poppins:wght@400;600&display=swap');
 
 :root {
+  /* == legacy ====================================================================================================== */
+  /* booking */
+  /* --corporative-color: #003580; */
+  /* pinterest */
+  /* --corporative-color: #bd081c; */
+
+  /* == @mirai/ui =================================================================================================== */
+  /* typography */
   --mirai-ui-font: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
   --mirai-ui-font-weight: 500;
   --mirai-ui-font-bold-weight: 600;
 
-  --mirai-ui-font-brand: 'Playfair Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial,
-    sans-serif;
-  --mirai-ui-font-brand-weight: 700;
-
   /* palette */
   --mirai-ui-accent: #f0a42b;
   --mirai-ui-accent-background: #fef6ea;
@@ -19,6 +23,25 @@
 
   /* Button */
   --mirai-ui-button-font-weight: 600;
+
+  /* == components ================================================================================================== */
+  /* Banner */
+  --mirai-ui-font-brand: 'Playfair Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial,
+    sans-serif;
+  --mirai-ui-font-brand-weight: 700;
+
+  /* Finder */
+  /* Booking */
+  /* --corporative-color: #003580;
+  --mirai-finder-background: #ffb700;
+  --mirai-finder-border-radius: var(--mirai-ui-input-text-radius);
+  --mirai-finder-padding: var(--mirai-ui-space-XXS); */
+
+  /* Airbnb */
+  /* --corporative-color: #ff385c;
+  --mirai-finder-border-radius: var(--mirai-ui-space-XL);
+  --mirai-finder-field-height: calc(var(--mirai-field-height) * 1.2);
+  --mirai-finder-padding: var(--mirai-ui-space-XS); */
 }
 
 body {