@mirai/core 0.3.138 → 0.3.140

package/build/components/Booking/__tests__/__snapshots__/Booking.test.js.snap

@@ -0,0 +1,362 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`component:<Booking> inherit:className 1`] = `
+<DocumentFragment>
+  <div
+    class="view mirai"
+  >
+    <div
+      class="view progress visible"
+    >
+      <div
+        class="view value indeterminate"
+      />
+    </div>
+    <div
+      class="view wide"
+      style="align-items: center; gap: 2rem;"
+    >
+      <div
+        class="view"
+        style="height: 5rem; width: 8rem;"
+      />
+      <div
+        class="view row wide"
+        style="align-items: start; align-self: center; gap: 1rem; max-width: var(--mirai-ui-breakpoint-content);"
+      >
+        <div
+          class="view"
+          style="flex: 1; gap: 1rem;"
+        >
+          <div
+            class="view"
+            style="height: 3rem;"
+          />
+          <div
+            class="view"
+            style="height: 7rem;"
+          />
+          <div
+            class="view"
+            style="height: 12rem;"
+          />
+          <div
+            class="view"
+            style="height: 10rem;"
+          />
+          <div
+            class="view"
+            style="height: 28rem;"
+          />
+          <div
+            class="view"
+            style="height: 28rem;"
+          />
+        </div>
+        <div
+          class="view"
+          style="flex: 1; gap: 1rem; max-width: calc(var(--mirai-ui-breakpoint-S) - var(--mirai-ui-space-M) * 2);"
+        >
+          <div
+            class="view"
+            style="height: 16rem;"
+          />
+          <div
+            class="view"
+            style="height: 8rem;"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Booking> prop:skeleton 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <div
+      class="view progress visible"
+    >
+      <div
+        class="view value indeterminate"
+      />
+    </div>
+    <div
+      class="view wide"
+      style="align-items: center; gap: 2rem;"
+    >
+      <div
+        class="view"
+        style="height: 5rem; width: 8rem;"
+      />
+      <div
+        class="view row wide"
+        style="align-items: start; align-self: center; gap: 1rem; max-width: var(--mirai-ui-breakpoint-content);"
+      >
+        <div
+          class="view"
+          style="flex: 1; gap: 1rem;"
+        >
+          <div
+            class="view"
+            style="height: 3rem;"
+          />
+          <div
+            class="view"
+            style="height: 7rem;"
+          />
+          <div
+            class="view"
+            style="height: 12rem;"
+          />
+          <div
+            class="view"
+            style="height: 10rem;"
+          />
+          <div
+            class="view"
+            style="height: 28rem;"
+          />
+          <div
+            class="view"
+            style="height: 28rem;"
+          />
+        </div>
+        <div
+          class="view"
+          style="flex: 1; gap: 1rem; max-width: calc(var(--mirai-ui-breakpoint-S) - var(--mirai-ui-space-M) * 2);"
+        >
+          <div
+            class="view"
+            style="height: 16rem;"
+          />
+          <div
+            class="view"
+            style="height: 8rem;"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Booking> renders 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <div
+      class="view progress visible"
+    >
+      <div
+        class="view value indeterminate"
+      />
+    </div>
+    <div
+      class="view wide"
+      style="align-items: center; gap: 2rem;"
+    >
+      <div
+        class="view"
+        style="height: 5rem; width: 8rem;"
+      />
+      <div
+        class="view row wide"
+        style="align-items: start; align-self: center; gap: 1rem; max-width: var(--mirai-ui-breakpoint-content);"
+      >
+        <div
+          class="view"
+          style="flex: 1; gap: 1rem;"
+        >
+          <div
+            class="view"
+            style="height: 3rem;"
+          />
+          <div
+            class="view"
+            style="height: 7rem;"
+          />
+          <div
+            class="view"
+            style="height: 12rem;"
+          />
+          <div
+            class="view"
+            style="height: 10rem;"
+          />
+          <div
+            class="view"
+            style="height: 28rem;"
+          />
+          <div
+            class="view"
+            style="height: 28rem;"
+          />
+        </div>
+        <div
+          class="view"
+          style="flex: 1; gap: 1rem; max-width: calc(var(--mirai-ui-breakpoint-S) - var(--mirai-ui-space-M) * 2);"
+        >
+          <div
+            class="view"
+            style="height: 16rem;"
+          />
+          <div
+            class="view"
+            style="height: 8rem;"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Booking> testID 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+    data-testid="mirai"
+  >
+    <div
+      class="view progress visible"
+    >
+      <div
+        class="view value indeterminate"
+      />
+    </div>
+    <div
+      class="view wide"
+      style="align-items: center; gap: 2rem;"
+    >
+      <div
+        class="view"
+        style="height: 5rem; width: 8rem;"
+      />
+      <div
+        class="view row wide"
+        style="align-items: start; align-self: center; gap: 1rem; max-width: var(--mirai-ui-breakpoint-content);"
+      >
+        <div
+          class="view"
+          style="flex: 1; gap: 1rem;"
+        >
+          <div
+            class="view"
+            style="height: 3rem;"
+          />
+          <div
+            class="view"
+            style="height: 7rem;"
+          />
+          <div
+            class="view"
+            style="height: 12rem;"
+          />
+          <div
+            class="view"
+            style="height: 10rem;"
+          />
+          <div
+            class="view"
+            style="height: 28rem;"
+          />
+          <div
+            class="view"
+            style="height: 28rem;"
+          />
+        </div>
+        <div
+          class="view"
+          style="flex: 1; gap: 1rem; max-width: calc(var(--mirai-ui-breakpoint-S) - var(--mirai-ui-space-M) * 2);"
+        >
+          <div
+            class="view"
+            style="height: 16rem;"
+          />
+          <div
+            class="view"
+            style="height: 8rem;"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Booking> with a store 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <div
+      class="view progress visible"
+    >
+      <div
+        class="view value indeterminate"
+      />
+    </div>
+    <div
+      class="view wide"
+      style="align-items: center; gap: 2rem;"
+    >
+      <div
+        class="view"
+        style="height: 5rem; width: 8rem;"
+      />
+      <div
+        class="view row wide"
+        style="align-items: start; align-self: center; gap: 1rem; max-width: var(--mirai-ui-breakpoint-content);"
+      >
+        <div
+          class="view"
+          style="flex: 1; gap: 1rem;"
+        >
+          <div
+            class="view"
+            style="height: 3rem;"
+          />
+          <div
+            class="view"
+            style="height: 7rem;"
+          />
+          <div
+            class="view"
+            style="height: 12rem;"
+          />
+          <div
+            class="view"
+            style="height: 10rem;"
+          />
+          <div
+            class="view"
+            style="height: 28rem;"
+          />
+          <div
+            class="view"
+            style="height: 28rem;"
+          />
+        </div>
+        <div
+          class="view"
+          style="flex: 1; gap: 1rem; max-width: calc(var(--mirai-ui-breakpoint-S) - var(--mirai-ui-space-M) * 2);"
+        >
+          <div
+            class="view"
+            style="height: 16rem;"
+          />
+          <div
+            class="view"
+            style="height: 8rem;"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/build/components/Booking/components/Field/Field.js

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Field = void 0;
+var _locale = require("@mirai/locale");
+var _ui = require("@mirai/ui");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireDefault(require("react"));
+var _Field = require("./Field.l10n");
+var style = _interopRequireWildcard(require("./Field.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 Field = _ref => {
+  let {
+    action,
+    children,
+    inline = true,
+    inlineValue = false,
+    label,
+    tooltip,
+    small,
+    value,
+    ...others
+  } = _ref;
+  const {
+    isDesktop,
+    isMobile
+  } = (0, _ui.useDevice)();
+  const {
+    translate
+  } = (0, _locale.useLocale)();
+  const textProps = {
+    action: !small && (action || isMobile),
+    small
+  };
+  return /*#__PURE__*/_react.default.createElement(_ui.View, _extends({}, others, {
+    className: (0, _ui.styles)(style.field, inline && isDesktop && style.inline, value && style.withValue, others.className)
+  }), /*#__PURE__*/_react.default.createElement(_ui.Text, _extends({}, textProps, {
+    bold: true,
+    className: (0, _ui.styles)(style.label, small && style.small)
+  }), label), value && /*#__PURE__*/_react.default.createElement(_ui.Text, _extends({}, textProps, {
+    className: (0, _ui.styles)(style.value, small && style.small, inlineValue && style.inlineValue)
+  }), value, tooltip && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ui.Tooltip, {
+    pressable: true,
+    text: tooltip
+  }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    accent: true,
+    action: true,
+    className: (0, _ui.styles)(style.tooltip, style.noPrint)
+  }, translate(_Field.L10N.ACTION_MORE_INFO))), /*#__PURE__*/_react.default.createElement(_ui.Text, _extends({}, textProps, {
+    underlined: true,
+    small: true,
+    className: style.print
+  }), "(".concat(tooltip, ")")))), children);
+};
+exports.Field = Field;
+Field.displayName = 'Mirai:Core:Booking:Field';
+Field.propTypes = {
+  action: _propTypes.default.bool,
+  children: _propTypes.default.node,
+  inline: _propTypes.default.node,
+  inlineValue: _propTypes.default.bool,
+  label: _propTypes.default.string.isRequired,
+  small: _propTypes.default.bool,
+  tooltip: _propTypes.default.string,
+  value: _propTypes.default.any
+};
+//# sourceMappingURL=Field.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Field.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","_Field","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","Field","_ref","action","children","inline","inlineValue","label","tooltip","small","value","others","isDesktop","isMobile","useDevice","translate","useLocale","textProps","createElement","View","className","styles","field","withValue","Text","bold","Fragment","Tooltip","pressable","text","accent","noPrint","L10N","ACTION_MORE_INFO","underlined","print","concat","exports","displayName","propTypes","PropTypes","bool","node","string","isRequired","any"],"sources":["../../../../../src/components/Booking/components/Field/Field.jsx"],"sourcesContent":["import { useLocale } from '@mirai/locale';\nimport { styles, useDevice, Text, Tooltip, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { L10N } from './Field.l10n';\nimport * as style from './Field.module.css';\n\nconst Field = ({ action, children, inline = true, inlineValue = false, label, tooltip, small, value, ...others }) => {\n  const { isDesktop, isMobile } = useDevice();\n  const { translate } = useLocale();\n\n  const textProps = { action: !small && (action || isMobile), small };\n\n  return (\n    <View\n      {...others}\n      className={styles(style.field, inline && isDesktop && style.inline, value && style.withValue, others.className)}\n    >\n      <Text {...textProps} bold className={styles(style.label, small && style.small)}>\n        {label}\n      </Text>\n      {value && (\n        <Text {...textProps} className={styles(style.value, small && style.small, inlineValue && style.inlineValue)}>\n          {value}\n          {tooltip && (\n            <>\n              <Tooltip pressable text={tooltip}>\n                <Text accent action className={styles(style.tooltip, style.noPrint)}>\n                  {translate(L10N.ACTION_MORE_INFO)}\n                </Text>\n              </Tooltip>\n              <Text {...textProps} underlined small className={style.print}>\n                {`(${tooltip})`}\n              </Text>\n            </>\n          )}\n        </Text>\n      )}\n      {children}\n    </View>\n  );\n};\n\nField.displayName = 'Mirai:Core:Booking:Field';\n\nField.propTypes = {\n  action: PropTypes.bool,\n  children: PropTypes.node,\n  inline: PropTypes.node,\n  inlineValue: PropTypes.bool,\n  label: PropTypes.string.isRequired,\n  small: PropTypes.bool,\n  tooltip: PropTypes.string,\n  value: PropTypes.any,\n};\n\nexport { Field };\n"],"mappings":"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"}

package/build/components/Booking/components/Field/Field.l10n.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.L10N = void 0;
+const L10N = exports.L10N = {
+  ACTION_MORE_INFO: {
+    id: 'common.action.more_info'
+  }
+};
+//# sourceMappingURL=Field.l10n.js.map

package/build/components/Booking/components/Field/Field.l10n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field.l10n.js","names":["L10N","exports","ACTION_MORE_INFO","id"],"sources":["../../../../../src/components/Booking/components/Field/Field.l10n.js"],"sourcesContent":["export const L10N = {\n  ACTION_MORE_INFO: { id: 'common.action.more_info' },\n};\n"],"mappings":";;;;;;AAAO,MAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG;EAClBE,gBAAgB,EAAE;IAAEC,EAAE,EAAE;EAA0B;AACpD,CAAC"}

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

@@ -0,0 +1,54 @@
+.field {
+  width: 100%;
+}
+
+.field.inline {
+  flex-direction: var(--mirai-ui-row-direction);
+}
+
+.field.inline > .label {
+  min-width: calc(var(--mirai-ui-space-XL) * 3);
+}
+
+.field.inline > .inlineValue {
+  align-items: baseline;
+  display: flex;
+  flex-direction: row;
+}
+
+.field:not(.inline) > .value {
+  text-align: justify;
+}
+
+@media screen {
+  .field.withValue:not(:last-child) {
+    margin-bottom: var(--mirai-ui-space-M);
+  }
+
+  .field:not(.inline) > .value {
+    margin-bottom: calc(var(--mirai-ui-space-XS) / 2);
+  }
+
+  .field:not(.inline) > .value:not(.small) {
+    margin-top: calc(var(--mirai-ui-space-XS) / 2);
+  }
+
+  .field .print {
+    display: none;
+  }
+
+  .field .tooltip {
+    margin-left: calc(var(--mirai-ui-space-XS) / 2);
+    text-decoration: underline;
+  }
+}
+
+@media print {
+  .field .noPrint {
+    display: none;
+  }
+
+  .field .print {
+    display: block;
+  }
+}

package/build/components/Booking/components/Field/__tests__/__snapshots__/Field.test.js.snap

@@ -0,0 +1,139 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`component:<Field> inherit:className 1`] = `
+<DocumentFragment>
+  <div
+    class="view mirai"
+  >
+    <span
+      class="text bold paragraph"
+    />
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Field> prop:action 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <span
+      class="text bold action"
+    />
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Field> prop:children 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <span
+      class="text bold paragraph"
+    />
+    <span>
+      children
+    </span>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Field> prop:inline (false) 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <span
+      class="text bold paragraph"
+    >
+      label
+    </span>
+    <span
+      class="text paragraph"
+    >
+      value
+    </span>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Field> prop:label 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <span
+      class="text bold paragraph"
+    >
+      label
+    </span>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Field> prop:small 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <span
+      class="text bold small"
+    />
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Field> prop:tooltip 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <span
+      class="text bold paragraph"
+    />
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Field> prop:value 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <span
+      class="text bold paragraph"
+    />
+    <span
+      class="text paragraph"
+    >
+      value
+    </span>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Field> renders 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <span
+      class="text bold paragraph"
+    />
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Field> testID 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+    data-testid="mirai"
+  >
+    <span
+      class="text bold paragraph"
+    />
+  </div>
+</DocumentFragment>
+`;

package/build/components/Booking/components/Field/index.js

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

package/build/components/Booking/components/Field/index.js.map

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