@mirai/core 0.3.302 → 0.3.304

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

@@ -116,7 +116,7 @@ exports[`component:<FieldOccupation> inherit:className 1`] = `
               </span>
             </button>
             <span
-              class="text headline-3 value"
+              class="text paragraph value"
             >
               2
             </span>
@@ -196,7 +196,7 @@ exports[`component:<FieldOccupation> inherit:className 1`] = `
               </span>
             </button>
             <span
-              class="text headline-3 value"
+              class="text paragraph value"
             >
               0
             </span>
@@ -317,7 +317,7 @@ exports[`component:<FieldOccupation> prop:compacted 1`] = `
               </span>
             </button>
             <span
-              class="text headline-3 value"
+              class="text paragraph value"
             >
               2
             </span>
@@ -397,7 +397,7 @@ exports[`component:<FieldOccupation> prop:compacted 1`] = `
               </span>
             </button>
             <span
-              class="text headline-3 value"
+              class="text paragraph value"
             >
               0
             </span>
@@ -565,7 +565,7 @@ exports[`component:<FieldOccupation> prop:minRooms 1`] = `
               </span>
             </button>
             <span
-              class="text headline-3 value"
+              class="text paragraph value"
             >
               2
             </span>
@@ -645,7 +645,7 @@ exports[`component:<FieldOccupation> prop:minRooms 1`] = `
               </span>
             </button>
             <span
-              class="text headline-3 value"
+              class="text paragraph value"
             >
               0
             </span>
@@ -737,7 +737,7 @@ exports[`component:<FieldOccupation> prop:minRooms 1`] = `
               </span>
             </button>
             <span
-              class="text headline-3 value"
+              class="text paragraph value"
             >
               2
             </span>
@@ -817,7 +817,7 @@ exports[`component:<FieldOccupation> prop:minRooms 1`] = `
               </span>
             </button>
             <span
-              class="text headline-3 value"
+              class="text paragraph value"
             >
               0
             </span>
@@ -991,7 +991,7 @@ exports[`component:<FieldOccupation> prop:value 1`] = `
               </span>
             </button>
             <span
-              class="text headline-3 value"
+              class="text paragraph value"
             >
               2
             </span>
@@ -1070,7 +1070,7 @@ exports[`component:<FieldOccupation> prop:value 1`] = `
               </span>
             </button>
             <span
-              class="text headline-3 value"
+              class="text paragraph value"
             >
               1
             </span>
@@ -1379,7 +1379,7 @@ exports[`component:<FieldOccupation> prop:visible 1`] = `
               </span>
             </button>
             <span
-              class="text headline-3 value"
+              class="text paragraph value"
             >
               2
             </span>
@@ -1459,7 +1459,7 @@ exports[`component:<FieldOccupation> prop:visible 1`] = `
               </span>
             </button>
             <span
-              class="text headline-3 value"
+              class="text paragraph value"
             >
               0
             </span>
@@ -1638,7 +1638,7 @@ exports[`component:<FieldOccupation> prop:warning 1`] = `
               </span>
             </button>
             <span
-              class="text headline-3 value"
+              class="text paragraph value"
             >
               2
             </span>
@@ -1718,7 +1718,7 @@ exports[`component:<FieldOccupation> prop:warning 1`] = `
               </span>
             </button>
             <span
-              class="text headline-3 value"
+              class="text paragraph value"
             >
               0
             </span>
@@ -1880,7 +1880,7 @@ exports[`component:<FieldOccupation> renders 1`] = `
               </span>
             </button>
             <span
-              class="text headline-3 value"
+              class="text paragraph value"
             >
               2
             </span>
@@ -1960,7 +1960,7 @@ exports[`component:<FieldOccupation> renders 1`] = `
               </span>
             </button>
             <span
-              class="text headline-3 value"
+              class="text paragraph value"
             >
               0
             </span>
@@ -2124,7 +2124,7 @@ exports[`component:<FieldOccupation> testID 1`] = `
               </span>
             </button>
             <span
-              class="text headline-3 value"
+              class="text paragraph value"
             >
               2
             </span>
@@ -2204,7 +2204,7 @@ exports[`component:<FieldOccupation> testID 1`] = `
               </span>
             </button>
             <span
-              class="text headline-3 value"
+              class="text paragraph value"
             >
               0
             </span>

package/build/components/__shared__/Footer/Footer.js

@@ -0,0 +1,105 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Footer = void 0;
+var _dataSources = require("@mirai/data-sources");
+var _locale = require("@mirai/locale");
+var _ui = require("@mirai/ui");
+var _react = _interopRequireDefault(require("react"));
+var _Footer = require("./Footer.l10n");
+var style = _interopRequireWildcard(require("./Footer.module.css"));
+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 Footer = _ref => {
+  let {
+    ...others
+  } = _ref;
+  const {
+    isMobile
+  } = (0, _ui.useDevice)();
+  const {
+    translate
+  } = (0, _locale.useLocale)();
+  const {
+    value: {
+      club: {
+        url: {
+          privacy
+        } = {}
+      } = {},
+      finder: {
+        place: {
+          id: [placeId] = [],
+          isHotel,
+          title: placeName
+        } = {}
+      } = {},
+      hotel: {
+        features = {},
+        url
+      } = {},
+      id
+    } = {}
+  } = (0, _dataSources.useStore)();
+  const handleUrl = () => {
+    window.location = url;
+  };
+  const {
+    logo,
+    name
+  } = (placeId ? isHotel ? features[placeId] : {
+    name: placeName
+  } : features[id]) || {};
+  return /*#__PURE__*/_react.default.createElement(_ui.View, _extends({
+    row: !isMobile
+  }, others, {
+    className: [style.container, others.className]
+  }), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: !isMobile,
+    className: style.content
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: !isMobile,
+    className: style.info
+  }, logo && !isMobile && /*#__PURE__*/_react.default.createElement(_ui.Pressable, {
+    onPress: url ? handleUrl : undefined
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
+    tag: "img",
+    src: logo,
+    className: style.logo
+  })), /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    light: true,
+    small: true,
+    className: style.copyright
+  }, "\xA9 ", new Date().getFullYear(), /*#__PURE__*/_react.default.createElement(_ui.Action, {
+    href: url,
+    target: "_blank",
+    inline: true,
+    small: true
+  }, name, ".")), /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    light: true,
+    small: true
+  }, translate(_Footer.L10N.LABEL_ALL_RIGHTS_RESERVED)), privacy && /*#__PURE__*/_react.default.createElement(_ui.Action, {
+    href: privacy,
+    target: "_blank",
+    inline: true,
+    small: true
+  }, translate(_Footer.L10N.ACTION_PRIVACY_POLICY))), /*#__PURE__*/_react.default.createElement(_ui.Action, {
+    href: "https://www.mirai.com/",
+    inline: true,
+    small: true,
+    target: "_blank",
+    className: style.powered
+  }, "Powered by", ' ', /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    bold: true,
+    light: true,
+    className: style.mirai
+  }, "mirai"))));
+};
+exports.Footer = Footer;
+Footer.displayName = 'Mirai:Core:Footer';
+Footer.propTypes = {};
+//# sourceMappingURL=Footer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.js","names":["_dataSources","require","_locale","_ui","_react","_interopRequireDefault","_Footer","style","_interopRequireWildcard","_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","Footer","_ref","others","isMobile","useDevice","translate","useLocale","value","club","url","privacy","finder","place","id","placeId","isHotel","title","placeName","hotel","features","useStore","handleUrl","window","location","logo","name","createElement","View","row","className","container","content","info","Pressable","onPress","undefined","tag","src","Text","light","small","copyright","Date","getFullYear","Action","href","inline","L10N","LABEL_ALL_RIGHTS_RESERVED","ACTION_PRIVACY_POLICY","powered","bold","mirai","exports","displayName","propTypes"],"sources":["../../../../src/components/__shared__/Footer/Footer.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Action, Pressable, Text, useDevice, View } from '@mirai/ui';\nimport React from 'react';\n\nimport { L10N } from './Footer.l10n';\nimport * as style from './Footer.module.css';\n\nconst Footer = ({ ...others }) => {\n  const { isMobile } = useDevice();\n  const { translate } = useLocale();\n  const {\n    value: {\n      club: { url: { privacy } = {} } = {},\n      finder: { place: { id: [placeId] = [], isHotel, title: placeName } = {} } = {},\n      hotel: { features = {}, url } = {},\n      id,\n    } = {},\n  } = useStore();\n\n  const handleUrl = () => {\n    window.location = url;\n  };\n\n  const { logo, name } = (placeId ? (isHotel ? features[placeId] : { name: placeName }) : features[id]) || {};\n\n  return (\n    <View row={!isMobile} {...others} className={[style.container, others.className]}>\n      <View row={!isMobile} className={style.content}>\n        <View row={!isMobile} className={style.info}>\n          {logo && !isMobile && (\n            <Pressable onPress={url ? handleUrl : undefined}>\n              <View tag=\"img\" src={logo} className={style.logo} />\n            </Pressable>\n          )}\n\n          <Text light small className={style.copyright}>\n            © {new Date().getFullYear()}\n            <Action href={url} target=\"_blank\" inline small>\n              {name}.\n            </Action>\n          </Text>\n\n          <Text light small>\n            {translate(L10N.LABEL_ALL_RIGHTS_RESERVED)}\n          </Text>\n\n          {privacy && (\n            <Action href={privacy} target=\"_blank\" inline small>\n              {translate(L10N.ACTION_PRIVACY_POLICY)}\n            </Action>\n          )}\n        </View>\n\n        <Action href=\"https://www.mirai.com/\" inline small target=\"_blank\" className={style.powered}>\n          Powered by{' '}\n          <Text bold light className={style.mirai}>\n            mirai\n          </Text>\n        </Action>\n      </View>\n    </View>\n  );\n};\n\nFooter.displayName = 'Mirai:Core:Footer';\n\nFooter.propTypes = {};\n\nexport { Footer };\n"],"mappings":"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"}

package/build/components/__shared__/Footer/Footer.l10n.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.L10N = void 0;
+const L10N = exports.L10N = {
+  ACTION_PRIVACY_POLICY: {
+    id: 'user.action.privacy_policy'
+  },
+  LABEL_ALL_RIGHTS_RESERVED: {
+    id: 'common.label.all_rights_reserved'
+  }
+};
+//# sourceMappingURL=Footer.l10n.js.map

package/build/components/__shared__/Footer/Footer.l10n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.l10n.js","names":["L10N","exports","ACTION_PRIVACY_POLICY","id","LABEL_ALL_RIGHTS_RESERVED"],"sources":["../../../../src/components/__shared__/Footer/Footer.l10n.js"],"sourcesContent":["export const L10N = {\n  ACTION_PRIVACY_POLICY: { id: 'user.action.privacy_policy' },\n\n  LABEL_ALL_RIGHTS_RESERVED: { id: 'common.label.all_rights_reserved' },\n};\n"],"mappings":";;;;;;AAAO,MAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG;EAClBE,qBAAqB,EAAE;IAAEC,EAAE,EAAE;EAA6B,CAAC;EAE3DC,yBAAyB,EAAE;IAAED,EAAE,EAAE;EAAmC;AACtE,CAAC"}

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

@@ -0,0 +1,71 @@
+.container {
+  background-color: var(--mirai-ui-content-background);
+  width: 100%;
+}
+
+.content {
+  justify-content: space-between;
+  margin: 0 auto;
+  max-width: var(--mirai-ui-breakpoint-content);
+  width: 100%;
+}
+
+.info {
+  gap: var(--mirai-ui-space-XXS);
+}
+
+.info .logo {
+  filter: grayscale(1);
+  max-height: var(--mirai-ui-font-size-headline-2);
+  opacity: 0.8;
+}
+
+.info .logo:hover {
+  filter: grayscale(0);
+  opacity: 1;
+}
+
+.info .copyright {
+  align-items: center;
+  display: flex;
+  flex-direction: row;
+}
+
+.info [data-role='action'] {
+  color: var(--mirai-ui-content-light);
+  display: block;
+  text-transform: capitalize;
+  text-wrap: nowrap;
+}
+
+.info .copyright [data-role='action'] {
+  margin-left: var(--mirai-ui-space-XXS);
+}
+
+.powered {
+  color: var(--mirai-ui-content-light) !important;
+  text-decoration: none;
+}
+
+.powered:hover .mirai {
+  color: #de1223;
+}
+
+.powered .mirai {
+  margin-left: var(--mirai-ui-space-XXS);
+}
+
+/* S */
+@media only screen and (max-width: 430px) {
+  .content {
+    gap: var(--mirai-ui-space-M);
+    padding: var(--mirai-ui-space-M);
+  }
+}
+
+/* M & L */
+@media only screen and (min-width: 431px) {
+  .content {
+    padding: var(--mirai-ui-space-M) 0;
+  }
+}

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

@@ -0,0 +1,149 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`component:<Footer> inherit:className 1`] = `
+<DocumentFragment>
+  <div
+    class="view row mirai"
+  >
+    <div
+      class="view row"
+    >
+      <div
+        class="view row"
+      >
+        <span
+          class="text light small"
+        >
+          © 2024
+          <button
+            class="pressable action inline small"
+          >
+            .
+          </button>
+        </span>
+        <span
+          class="text light small"
+        >
+          common.label.all
+          <span
+            style="text-decoration: underline;"
+          >
+            rights
+          </span>
+          reserved
+        </span>
+      </div>
+      <a
+        class="pressable action inline small"
+        href="https://www.mirai.com/"
+      >
+        Powered by 
+        <span
+          class="text bold light paragraph"
+        >
+          mirai
+        </span>
+      </a>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Footer> renders 1`] = `
+<DocumentFragment>
+  <div
+    class="view row"
+  >
+    <div
+      class="view row"
+    >
+      <div
+        class="view row"
+      >
+        <span
+          class="text light small"
+        >
+          © 2024
+          <button
+            class="pressable action inline small"
+          >
+            .
+          </button>
+        </span>
+        <span
+          class="text light small"
+        >
+          common.label.all
+          <span
+            style="text-decoration: underline;"
+          >
+            rights
+          </span>
+          reserved
+        </span>
+      </div>
+      <a
+        class="pressable action inline small"
+        href="https://www.mirai.com/"
+      >
+        Powered by 
+        <span
+          class="text bold light paragraph"
+        >
+          mirai
+        </span>
+      </a>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Footer> testID 1`] = `
+<DocumentFragment>
+  <div
+    class="view row"
+    data-testid="mirai"
+  >
+    <div
+      class="view row"
+    >
+      <div
+        class="view row"
+      >
+        <span
+          class="text light small"
+        >
+          © 2024
+          <button
+            class="pressable action inline small"
+          >
+            .
+          </button>
+        </span>
+        <span
+          class="text light small"
+        >
+          common.label.all
+          <span
+            style="text-decoration: underline;"
+          >
+            rights
+          </span>
+          reserved
+        </span>
+      </div>
+      <a
+        class="pressable action inline small"
+        href="https://www.mirai.com/"
+      >
+        Powered by 
+        <span
+          class="text bold light paragraph"
+        >
+          mirai
+        </span>
+      </a>
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/build/components/__shared__/Footer/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Footer = require("./Footer");
+Object.keys(_Footer).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Footer[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Footer[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/build/components/__shared__/Footer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_Footer","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/components/__shared__/Footer/index.js"],"sourcesContent":["export * from './Footer';\n"],"mappings":";;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}