@mirai/core 0.4.16 → 0.4.18

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

@@ -33,7 +33,7 @@
 }
 
 /* S */
-@media only screen and (max-width: 819px) {
+@media only screen and (max-width: 480px) {
   .cards {
     flex-direction: column;
   }
@@ -43,8 +43,20 @@
   }
 }
 
+/* M & L */
+@media only screen and (min-width: 481px) {
+  .cards {
+    align-items: stretch;
+    flex-wrap: wrap;
+  }
+
+  .card.rowMode {
+    flex-basis: 100%;
+  }
+}
+
 /* M */
-@media only screen and (min-width: 820px) and (max-width: 1179px) {
+@media only screen and (min-width: 481px) and (max-width: 1179px) {
   .card:not(.rowMode) {
     flex-basis: calc(50% - calc(var(--mirai-ui-space-M) / 2));
   }
@@ -53,22 +65,11 @@
 /* L */
 @media only screen and (min-width: 1180px) {
   .card:not(.rowMode):not(.columnMode) {
-    flex-basis: calc(33.33% - calc(calc(var(--mirai-ui-space-M) * 2) / 3));
+    width: 1%;
+    flex-basis: calc(33.33% - calc(calc(var(--mirai-ui-space-M) * 2) / 3)) !important;
   }
 
   .card.columnMode:not(.rowMode) {
     flex-basis: calc(50% - calc(var(--mirai-ui-space-M) / 2));
   }
 }
-
-/* M & L */
-@media only screen and (min-width: 820px) {
-  .cards {
-    align-items: stretch;
-    flex-wrap: wrap;
-  }
-
-  .card.rowMode {
-    flex-basis: 100%;
-  }
-}

package/build/components/__shared__/Field/Field.js

@@ -20,6 +20,7 @@ const Field = _ref => {
     children,
     compacted = false,
     error = false,
+    hasPlaces = false,
     icon,
     inline = false,
     inputMode = false,
@@ -49,7 +50,7 @@ const Field = _ref => {
     onPress: onPress,
     onEnter: () => setHover(true),
     onLeave: () => setHover(false),
-    className: (0, _ui.styles)(style.field, inline && style.inline, visible && style.focus, hover && style.hover, others.className)
+    className: (0, _ui.styles)(style.field, hasPlaces && style.hasPlaces, inline && style.inline, visible && style.focus, hover && style.hover, others.className)
   }), icon && /*#__PURE__*/_react.default.createElement(_ui.Icon, {
     value: icon,
     className: [style.icon, style.context]
@@ -82,6 +83,7 @@ Field.propTypes = {
   children: _propTypes.default.node,
   compacted: _propTypes.default.bool,
   error: _propTypes.default.bool,
+  hasPlaces: _propTypes.default.bool,
   icon: _propTypes.default.func,
   inline: _propTypes.default.bool,
   inputMode: _propTypes.default.bool,

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

@@ -1 +1 @@
-{"version":3,"file":"Field.js","names":["_ui","require","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","style","_helpers","_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","Field","_ref","caption","centered","children","compacted","error","icon","inline","inputMode","label","placeholder","visible","warning","onPosition","onPress","others","isMobile","useDevice","hover","setHover","useState","Wrapper","Layer","Fragment","testId","createElement","undefined","className","layerContent","Pressable","role","onEnter","onLeave","styles","field","focus","Icon","value","context","View","input","Text","small","action","ICON","ERROR","WARNING","React","Modal","LayerContent","portal","title","onClose","onOverflow","modal","concat","exports","displayName","propTypes","PropTypes","oneOfType","string","array","bool","node","func","tabIndex","number"],"sources":["../../../../src/components/__shared__/Field/Field.jsx"],"sourcesContent":["import { Icon, Layer, LayerContent, Modal, Pressable, styles, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useState, Fragment } from 'react';\n\nimport * as style from './Field.module.css';\nimport { ICON } from '../../helpers';\n\nconst Field = ({\n  caption,\n  centered,\n  children,\n  compacted = false,\n  error = false,\n  icon,\n  inline = false,\n  inputMode = false,\n  label,\n  placeholder,\n  visible,\n  warning = false,\n  onPosition,\n  onPress = () => {},\n  ...others\n}) => {\n  const { isMobile } = useDevice();\n\n  const [hover, setHover] = useState(false);\n\n  const Wrapper = !isMobile ? Layer : Fragment;\n  const { testId } = others;\n\n  return (\n    <Wrapper\n      {...(!isMobile\n        ? { centered, visible, onPosition: visible ? onPosition : undefined, className: style.layerContent }\n        : undefined)}\n    >\n      {!compacted && (\n        <Pressable\n          {...others}\n          role=\"field\"\n          onPress={onPress}\n          onEnter={() => setHover(true)}\n          onLeave={() => setHover(false)}\n          className={styles(\n            style.field,\n            inline && style.inline,\n            visible && style.focus,\n            hover && style.hover,\n            others.className,\n          )}\n        >\n          {icon && <Icon value={icon} className={[style.icon, style.context]} />}\n\n          <View className={style.input}>\n            {label && (\n              <Text small className={style.label}>\n                {label}\n              </Text>\n            )}\n            {inputMode ? (\n              children\n            ) : (\n              <Text action className={styles(style.caption, !caption && placeholder && style.placeholder)}>\n                {caption || placeholder}\n              </Text>\n            )}\n          </View>\n\n          {/* ! TODO: Disabled for now */}\n          {/* {!isMobile && !isTablet && !inputMode && <Icon value={ICON.UNFOLD} className={style.icon} />} */}\n\n          {(error || warning) && (\n            <Icon\n              value={error ? ICON.ERROR : ICON.WARNING}\n              className={styles(style.icon, error ? style.error : style.warning)}\n            />\n          )}\n        </Pressable>\n      )}\n\n      {children &&\n        !inputMode &&\n        React.createElement(\n          isMobile ? Modal : LayerContent,\n          isMobile\n            ? {\n                portal: true,\n                title: label,\n                visible,\n                onClose: onPress,\n                onOverflow: onPress,\n                className: style.modal,\n                ['testId']: testId ? `${testId}-modal` : undefined,\n              }\n            : undefined,\n          children,\n        )}\n    </Wrapper>\n  );\n};\n\nField.displayName = 'Mirai:Core:Field';\n\nField.propTypes = {\n  caption: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),\n  centered: PropTypes.bool,\n  children: PropTypes.node,\n  compacted: PropTypes.bool,\n  error: PropTypes.bool,\n  icon: PropTypes.func,\n  inline: PropTypes.bool,\n  inputMode: PropTypes.bool,\n  label: PropTypes.string,\n  placeholder: PropTypes.string,\n  tabIndex: PropTypes.number,\n  visible: PropTypes.bool,\n  warning: PropTypes.bool,\n  onPosition: PropTypes.func,\n  onPress: PropTypes.func,\n};\n\nexport { Field };\n"],"mappings":"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"}
+{"version":3,"file":"Field.js","names":["_ui","require","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","style","_helpers","_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","Field","_ref","caption","centered","children","compacted","error","hasPlaces","icon","inline","inputMode","label","placeholder","visible","warning","onPosition","onPress","others","isMobile","useDevice","hover","setHover","useState","Wrapper","Layer","Fragment","testId","createElement","undefined","className","layerContent","Pressable","role","onEnter","onLeave","styles","field","focus","Icon","value","context","View","input","Text","small","action","ICON","ERROR","WARNING","React","Modal","LayerContent","portal","title","onClose","onOverflow","modal","concat","exports","displayName","propTypes","PropTypes","oneOfType","string","array","bool","node","func","tabIndex","number"],"sources":["../../../../src/components/__shared__/Field/Field.jsx"],"sourcesContent":["import { Icon, Layer, LayerContent, Modal, Pressable, styles, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useState, Fragment } from 'react';\n\nimport * as style from './Field.module.css';\nimport { ICON } from '../../helpers';\n\nconst Field = ({\n  caption,\n  centered,\n  children,\n  compacted = false,\n  error = false,\n  hasPlaces = false,\n  icon,\n  inline = false,\n  inputMode = false,\n  label,\n  placeholder,\n  visible,\n  warning = false,\n  onPosition,\n  onPress = () => {},\n  ...others\n}) => {\n  const { isMobile } = useDevice();\n\n  const [hover, setHover] = useState(false);\n\n  const Wrapper = !isMobile ? Layer : Fragment;\n  const { testId } = others;\n\n  return (\n    <Wrapper\n      {...(!isMobile\n        ? { centered, visible, onPosition: visible ? onPosition : undefined, className: style.layerContent }\n        : undefined)}\n    >\n      {!compacted && (\n        <Pressable\n          {...others}\n          role=\"field\"\n          onPress={onPress}\n          onEnter={() => setHover(true)}\n          onLeave={() => setHover(false)}\n          className={styles(\n            style.field,\n            hasPlaces && style.hasPlaces,\n            inline && style.inline,\n            visible && style.focus,\n            hover && style.hover,\n            others.className,\n          )}\n        >\n          {icon && <Icon value={icon} className={[style.icon, style.context]} />}\n\n          <View className={style.input}>\n            {label && (\n              <Text small className={style.label}>\n                {label}\n              </Text>\n            )}\n            {inputMode ? (\n              children\n            ) : (\n              <Text action className={styles(style.caption, !caption && placeholder && style.placeholder)}>\n                {caption || placeholder}\n              </Text>\n            )}\n          </View>\n\n          {(error || warning) && (\n            <Icon\n              value={error ? ICON.ERROR : ICON.WARNING}\n              className={styles(style.icon, error ? style.error : style.warning)}\n            />\n          )}\n        </Pressable>\n      )}\n\n      {children &&\n        !inputMode &&\n        React.createElement(\n          isMobile ? Modal : LayerContent,\n          isMobile\n            ? {\n                portal: true,\n                title: label,\n                visible,\n                onClose: onPress,\n                onOverflow: onPress,\n                className: style.modal,\n                ['testId']: testId ? `${testId}-modal` : undefined,\n              }\n            : undefined,\n          children,\n        )}\n    </Wrapper>\n  );\n};\n\nField.displayName = 'Mirai:Core:Field';\n\nField.propTypes = {\n  caption: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),\n  centered: PropTypes.bool,\n  children: PropTypes.node,\n  compacted: PropTypes.bool,\n  error: PropTypes.bool,\n  hasPlaces: PropTypes.bool,\n  icon: PropTypes.func,\n  inline: PropTypes.bool,\n  inputMode: PropTypes.bool,\n  label: PropTypes.string,\n  placeholder: PropTypes.string,\n  tabIndex: PropTypes.number,\n  visible: PropTypes.bool,\n  warning: PropTypes.bool,\n  onPosition: PropTypes.func,\n  onPress: PropTypes.func,\n};\n\nexport { Field };\n"],"mappings":"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"}

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

@@ -99,6 +99,16 @@
 /* M & L */
 @media only screen and (min-width: 481px) {
   .caption {
-    max-width: calc(var(--mirai-ui-space-XL) * 5);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .field:not(.hasPlaces) .caption {
+    max-width: 25vw;
+  }
+
+  .field.hasPlaces .caption {
+    max-width: 15vw;
   }
 }

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

@@ -9,14 +9,11 @@ var _locale = require("@mirai/locale");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _FieldOccupation = require("./FieldOccupation.l10n");
-var style = _interopRequireWildcard(require("./FieldOccupation.module.css"));
 var _prepareRoom = require("../../../helpers/prepareRoom");
 var _helpers = require("../../helpers");
 var _Field = require("../Field");
 var _Occupation = require("../Occupation");
 var _Occupation2 = require("../Occupation/Occupation.constants");
-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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const FieldOccupation = exports.FieldOccupation = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
@@ -56,7 +53,7 @@ const FieldOccupation = exports.FieldOccupation = /*#__PURE__*/_react.default.fo
     individual
   });
   const caption = (0, _helpers.getOccupationSummary)(value || [...Array(minRooms)].map(() => (0, _prepareRoom.prepareRoom)(others.dataSource)), translate, type);
-  return /*#__PURE__*/_react.default.createElement(_Field.Field, {
+  return /*#__PURE__*/_react.default.createElement(_Field.Field, _extends({}, others, {
     caption: caption,
     compacted: compacted,
     error: error,
@@ -67,10 +64,10 @@ const FieldOccupation = exports.FieldOccupation = /*#__PURE__*/_react.default.fo
     visible: visible,
     warning: warning,
     onPress: onPress,
-    className: [style.occupation, others.className],
+    className: others.className,
     testId: testId ? "".concat(testId, "-field") : undefined,
     style: others.style
-  }, /*#__PURE__*/_react.default.createElement(_Occupation.Occupation, _extends({}, others, {
+  }), /*#__PURE__*/_react.default.createElement(_Occupation.Occupation, _extends({}, others, {
     ref: ref,
     type: type,
     value: value,

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","hideLabel","hotels","inline","tabIndex","value","visible","warning","withWarning","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","undefined","className","occupation","concat","Occupation","displayName","propTypes","PropTypes","bool","array","any","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  (\n    {\n      compacted,\n      error,\n      hideLabel,\n      hotels = [],\n      inline,\n      tabIndex,\n      value,\n      visible,\n      warning,\n      withWarning,\n      onPress,\n      onSubmit,\n      ...others\n    },\n    ref,\n  ) => {\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={!hideLabel ? translate(L10N.LABEL_WHO) : undefined}\n        tabIndex={tabIndex}\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          warning={withWarning}\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  hideLabel: PropTypes.bool,\n  inline: PropTypes.bool,\n  tabIndex: PropTypes.any,\n  value: PropTypes.arrayOf(PropTypes.arrayOf(SHAPE.VALUE)),\n  visible: PropTypes.bool,\n  warning: PropTypes.bool,\n  withWarning: 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","_prepareRoom","_helpers","_Field","_Occupation","_Occupation2","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","FieldOccupation","exports","React","forwardRef","_ref","ref","compacted","error","hideLabel","hotels","inline","tabIndex","value","visible","warning","withWarning","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","undefined","className","concat","style","Occupation","displayName","propTypes","PropTypes","bool","array","any","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 { 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  (\n    {\n      compacted,\n      error,\n      hideLabel,\n      hotels = [],\n      inline,\n      tabIndex,\n      value,\n      visible,\n      warning,\n      withWarning,\n      onPress,\n      onSubmit,\n      ...others\n    },\n    ref,\n  ) => {\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        {...others}\n        caption={caption}\n        compacted={compacted}\n        error={error}\n        icon={ICON.PEOPLE}\n        inline={inline}\n        label={!hideLabel ? translate(L10N.LABEL_WHO) : undefined}\n        tabIndex={tabIndex}\n        visible={visible}\n        warning={warning}\n        onPress={onPress}\n        className={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          warning={withWarning}\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  hideLabel: PropTypes.bool,\n  inline: PropTypes.bool,\n  tabIndex: PropTypes.any,\n  value: PropTypes.arrayOf(PropTypes.arrayOf(SHAPE.VALUE)),\n  visible: PropTypes.bool,\n  warning: PropTypes.bool,\n  withWarning: 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

@@ -54,7 +54,7 @@ exports[`<FieldOccupation> inherit:className 1`] = `
       class="view"
     >
       <ui-scrollview
-        class="scrollview vertical"
+        class="scrollview vertical notIndicator"
       >
         <ui-view
           class="view wide"
@@ -63,7 +63,7 @@ exports[`<FieldOccupation> inherit:className 1`] = `
             class="view row"
           >
             <ui-text
-              class="text action"
+              class="text bold action"
             >
               finder.label.place_type_count.room
             </ui-text>
@@ -253,7 +253,7 @@ exports[`<FieldOccupation> prop:compacted 1`] = `
       class="view"
     >
       <ui-scrollview
-        class="scrollview vertical"
+        class="scrollview vertical notIndicator"
       >
         <ui-view
           class="view wide"
@@ -262,7 +262,7 @@ exports[`<FieldOccupation> prop:compacted 1`] = `
             class="view row"
           >
             <ui-text
-              class="text action"
+              class="text bold action"
             >
               finder.label.place_type_count.room
             </ui-text>
@@ -447,6 +447,7 @@ exports[`<FieldOccupation> prop:minRooms 1`] = `
   >
     <ui-pressable
       class="pressable"
+      minrooms="2"
       tabindex="0"
     >
       <ui-icon
@@ -500,7 +501,7 @@ exports[`<FieldOccupation> prop:minRooms 1`] = `
       class="view"
     >
       <ui-scrollview
-        class="scrollview vertical"
+        class="scrollview vertical notIndicator"
       >
         <ui-view
           class="view wide"
@@ -509,7 +510,7 @@ exports[`<FieldOccupation> prop:minRooms 1`] = `
             class="view row"
           >
             <ui-text
-              class="text action"
+              class="text bold action"
             >
               finder.label.place_type_count.room
             </ui-text>
@@ -678,7 +679,7 @@ exports[`<FieldOccupation> prop:minRooms 1`] = `
             class="view row"
           >
             <ui-text
-              class="text action"
+              class="text bold action"
             >
               finder.label.place_type_count.room
             </ui-text>
@@ -922,7 +923,7 @@ exports[`<FieldOccupation> prop:value 1`] = `
       class="view"
     >
       <ui-scrollview
-        class="scrollview vertical"
+        class="scrollview vertical notIndicator"
       >
         <ui-view
           class="view wide"
@@ -931,7 +932,7 @@ exports[`<FieldOccupation> prop:value 1`] = `
             class="view row"
           >
             <ui-text
-              class="text action"
+              class="text bold action"
             >
               finder.label.place_type_count.room
             </ui-text>
@@ -1311,7 +1312,7 @@ exports[`<FieldOccupation> prop:visible 1`] = `
       class="view"
     >
       <ui-scrollview
-        class="scrollview vertical"
+        class="scrollview vertical notIndicator"
       >
         <ui-view
           class="view wide"
@@ -1320,7 +1321,7 @@ exports[`<FieldOccupation> prop:visible 1`] = `
             class="view row"
           >
             <ui-text
-              class="text action"
+              class="text bold action"
             >
               finder.label.place_type_count.room
             </ui-text>
@@ -1569,7 +1570,7 @@ exports[`<FieldOccupation> prop:warning 1`] = `
       class="view"
     >
       <ui-scrollview
-        class="scrollview vertical"
+        class="scrollview vertical notIndicator"
       >
         <ui-view
           class="view wide"
@@ -1578,7 +1579,7 @@ exports[`<FieldOccupation> prop:warning 1`] = `
             class="view row"
           >
             <ui-text
-              class="text action"
+              class="text bold action"
             >
               finder.label.place_type_count.room
             </ui-text>
@@ -1810,7 +1811,7 @@ exports[`<FieldOccupation> renders 1`] = `
       class="view"
     >
       <ui-scrollview
-        class="scrollview vertical"
+        class="scrollview vertical notIndicator"
       >
         <ui-view
           class="view wide"
@@ -1819,7 +1820,7 @@ exports[`<FieldOccupation> renders 1`] = `
             class="view row"
           >
             <ui-text
-              class="text action"
+              class="text bold action"
             >
               finder.label.place_type_count.room
             </ui-text>
@@ -2053,7 +2054,7 @@ exports[`<FieldOccupation> testID 1`] = `
       data-testid="mirai"
     >
       <ui-scrollview
-        class="scrollview vertical"
+        class="scrollview vertical notIndicator"
       >
         <ui-view
           class="view wide"
@@ -2062,7 +2063,7 @@ exports[`<FieldOccupation> testID 1`] = `
             class="view row"
           >
             <ui-text
-              class="text action"
+              class="text bold action"
             >
               finder.label.place_type_count.room
             </ui-text>

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

@@ -20,6 +20,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 const FieldPromocode = _ref => {
   let {
     compacted,
+    hasPlaces,
     inline,
     visible,
     onPress,
@@ -36,12 +37,13 @@ const FieldPromocode = _ref => {
     onPress && onPress();
   };
   return /*#__PURE__*/_react.default.createElement(_Field.Field, {
-    compacted: compacted,
+    compacted,
+    hasPlaces,
+    inline,
+    visible,
     icon: _helpers.ICON.DISCOUNT,
-    inline: inline,
     inputMode: !compacted,
     label: translate(_FieldPromocode2.L10N.LABEL_PROMOTION),
-    visible: visible,
     onPress: handlePress,
     className: (style.container, others.className),
     style: others.style,
@@ -66,6 +68,7 @@ exports.FieldPromocode = FieldPromocode;
 FieldPromocode.displayName = 'Mirai:Core:FieldPromocode';
 FieldPromocode.propTypes = {
   compacted: _propTypes.default.bool,
+  hasPlaces: _propTypes.default.bool,
   inline: _propTypes.default.bool,
   visible: _propTypes.default.bool,
   onPress: _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","_FieldPromocode2","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","translate","useLocale","handlePress","_document$querySelect","document","querySelector","concat","ROLE","focus","createElement","Field","icon","ICON","DISCOUNT","inputMode","label","L10N","LABEL_PROMOTION","className","container","testId","undefined","View","row","styles","content","Icon","value","Input","name","role","placeholder","LABEL_CODE","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 { ROLE } from './FieldPromocode.constants';\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 { translate } = useLocale();\n\n  const handlePress = () => {\n    // ! TODO: Probably will be better if we use a ref\n    document.querySelector(`[data-role=\"${ROLE}\"]`)?.focus();\n    onPress && onPress();\n  };\n\n  return (\n    <Field\n      compacted={compacted}\n      icon={ICON.DISCOUNT}\n      inline={inline}\n      inputMode={!compacted}\n      label={translate(L10N.LABEL_PROMOTION)}\n      visible={visible}\n      onPress={handlePress}\n      className={(style.container, others.className)}\n      style={others.style}\n      testId={others.testId ? others.testId : undefined}\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          role={ROLE}\n          placeholder={translate(L10N.LABEL_CODE)}\n          className={styles(style.input, compacted && style.compacted)}\n          testId={others.testId ? `${others.testId}-input` : undefined}\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":"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"}
+{"version":3,"file":"FieldPromocode.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","_FieldPromocode","_FieldPromocode2","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","hasPlaces","inline","visible","onPress","onSubmit","others","translate","useLocale","handlePress","_document$querySelect","document","querySelector","concat","ROLE","focus","createElement","Field","icon","ICON","DISCOUNT","inputMode","label","L10N","LABEL_PROMOTION","className","container","testId","undefined","View","row","styles","content","Icon","value","Input","name","role","placeholder","LABEL_CODE","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 { ROLE } from './FieldPromocode.constants';\nimport { L10N } from './FieldPromocode.l10n';\nimport * as style from './FieldPromocode.module.css';\nimport { ICON } from '../../helpers';\nimport { Field } from '../Field';\n\nconst FieldPromocode = ({ compacted, hasPlaces, inline, visible, onPress, onSubmit, ...others }) => {\n  const { translate } = useLocale();\n\n  const handlePress = () => {\n    // ! TODO: Probably will be better if we use a ref\n    document.querySelector(`[data-role=\"${ROLE}\"]`)?.focus();\n    onPress && onPress();\n  };\n\n  return (\n    <Field\n      {...{ compacted, hasPlaces, inline, visible }}\n      icon={ICON.DISCOUNT}\n      inputMode={!compacted}\n      label={translate(L10N.LABEL_PROMOTION)}\n      onPress={handlePress}\n      className={(style.container, others.className)}\n      style={others.style}\n      testId={others.testId ? others.testId : undefined}\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          role={ROLE}\n          placeholder={translate(L10N.LABEL_CODE)}\n          className={styles(style.input, compacted && style.compacted)}\n          testId={others.testId ? `${others.testId}-input` : undefined}\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  hasPlaces: PropTypes.bool,\n  inline: PropTypes.bool,\n  visible: PropTypes.bool,\n  onPress: PropTypes.func,\n  onSubmit: PropTypes.func,\n};\n\nexport { FieldPromocode };\n"],"mappings":"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"}

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

@@ -27,7 +27,7 @@ exports[`<Footer> inherit:className 1`] = `
           common.label.all_rights_reserved
         </ui-text>
       </ui-view>
-      <a
+      <ui-a
         class="pressable action small"
         href="https://www.mirai.com/"
         tabindex="0"
@@ -38,7 +38,7 @@ exports[`<Footer> inherit:className 1`] = `
         >
           mirai
         </ui-text>
-      </a>
+      </ui-a>
     </ui-view>
   </ui-view>
 </DocumentFragment>
@@ -71,7 +71,7 @@ exports[`<Footer> prop:logo 1`] = `
           common.label.all_rights_reserved
         </ui-text>
       </ui-view>
-      <a
+      <ui-a
         class="pressable action small"
         href="https://www.mirai.com/"
         tabindex="0"
@@ -82,7 +82,7 @@ exports[`<Footer> prop:logo 1`] = `
         >
           mirai
         </ui-text>
-      </a>
+      </ui-a>
     </ui-view>
   </ui-view>
 </DocumentFragment>
@@ -115,7 +115,7 @@ exports[`<Footer> renders 1`] = `
           common.label.all_rights_reserved
         </ui-text>
       </ui-view>
-      <a
+      <ui-a
         class="pressable action small"
         href="https://www.mirai.com/"
         tabindex="0"
@@ -126,7 +126,7 @@ exports[`<Footer> renders 1`] = `
         >
           mirai
         </ui-text>
-      </a>
+      </ui-a>
     </ui-view>
   </ui-view>
 </DocumentFragment>
@@ -160,7 +160,7 @@ exports[`<Footer> testID 1`] = `
           common.label.all_rights_reserved
         </ui-text>
       </ui-view>
-      <a
+      <ui-a
         class="pressable action small"
         href="https://www.mirai.com/"
         tabindex="0"
@@ -171,7 +171,7 @@ exports[`<Footer> testID 1`] = `
         >
           mirai
         </ui-text>
-      </a>
+      </ui-a>
     </ui-view>
   </ui-view>
 </DocumentFragment>

package/build/components/__shared__/Occupation/Occupation.js

@@ -160,16 +160,18 @@ const Occupation = exports.Occupation = /*#__PURE__*/_react.default.forwardRef((
     }, /*#__PURE__*/_react.default.createElement(_ui.View, {
       key: "room:header:".concat(roomIndex),
       row: true,
-      className: (0, _ui.styles)(style.header, style.offset)
+      className: style.header
     }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
-      action: true
+      action: true,
+      bold: true
     }, translate({
       id: "".concat(_Occupation3.L10N.LABEL_PLACE_TYPE_COUNT.id, ".").concat(_Occupation.PLACE[type])
     }, {
       roomIndex: roomIndex + 1
-    })), value.length > minRooms && /*#__PURE__*/_react.default.createElement(_ui.Action, {
+    })), value.length > minRooms && /*#__PURE__*/_react.default.createElement(_ui.Button, {
       preventDefault: true,
       small: true,
+      transparent: true,
       onPress: event => handleRemoveRoom(event, roomIndex, room[roomIndex]),
       testId: testId ? "".concat(testId, "-remove-room-").concat(roomIndex) : undefined
     }, translate(_Occupation3.L10N.ACTION_REMOVE))), dataSource.map((group, groupIndex) => /*#__PURE__*/_react.default.createElement(_Occupation2.OccupationGroup, _extends({}, group, {
@@ -181,7 +183,7 @@ const Occupation = exports.Occupation = /*#__PURE__*/_react.default.forwardRef((
     }))));
   })), /*#__PURE__*/_react.default.createElement(_ui.View, {
     row: true,
-    className: (0, _ui.styles)(style.buttons, style.offset)
+    className: (0, _ui.styles)(style.footer)
   }, /*#__PURE__*/_react.default.createElement(_ui.Button, {
     disabled: maxRooms && value.length >= maxRooms,
     preventDefault: true,