@mirai/core 0.3.138 → 0.3.140

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

@@ -0,0 +1,410 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`component:<Checkout> Test A/B variant A 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <div
+      class="view progress visible"
+    >
+      <div
+        class="view value indeterminate"
+      />
+    </div>
+    <div
+      class="view wide"
+      style="align-items: start;"
+    >
+      <div
+        class="view row wide"
+        style="align-items: start; align-self: center; gap: 1rem; max-width: var(--mirai-ui-breakpoint-content); margin-top: 2rem;"
+      >
+        <div
+          class="view"
+          style="flex: 1; gap: 1rem;"
+        >
+          <div
+            class="view"
+            style="height: 32rem;"
+          />
+          <div
+            class="view"
+            style="height: 16rem;"
+          />
+          <div
+            class="view"
+            style="height: 16rem;"
+          />
+          <div
+            class="view"
+            style="height: 12rem;"
+          />
+        </div>
+        <div
+          class="view"
+          style="flex: 1; max-width: calc(var(--mirai-ui-breakpoint-S) - var(--mirai-ui-space-M) * 2); height: 36rem;"
+        />
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Checkout> Test A/B variant B 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <div
+      class="view progress visible"
+    >
+      <div
+        class="view value indeterminate"
+      />
+    </div>
+    <div
+      class="view wide"
+      style="align-items: start;"
+    >
+      <div
+        class="view row wide"
+        style="align-items: start; align-self: center; gap: 1rem; max-width: var(--mirai-ui-breakpoint-content); margin-top: 2rem;"
+      >
+        <div
+          class="view"
+          style="flex: 1; gap: 1rem;"
+        >
+          <div
+            class="view"
+            style="height: 32rem;"
+          />
+          <div
+            class="view"
+            style="height: 16rem;"
+          />
+          <div
+            class="view"
+            style="height: 16rem;"
+          />
+          <div
+            class="view"
+            style="height: 12rem;"
+          />
+        </div>
+        <div
+          class="view"
+          style="flex: 1; max-width: calc(var(--mirai-ui-breakpoint-S) - var(--mirai-ui-space-M) * 2); height: 36rem;"
+        />
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Checkout> 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: start;"
+    >
+      <div
+        class="view row wide"
+        style="align-items: start; align-self: center; gap: 1rem; max-width: var(--mirai-ui-breakpoint-content); margin-top: 2rem;"
+      >
+        <div
+          class="view"
+          style="flex: 1; gap: 1rem;"
+        >
+          <div
+            class="view"
+            style="height: 32rem;"
+          />
+          <div
+            class="view"
+            style="height: 16rem;"
+          />
+          <div
+            class="view"
+            style="height: 16rem;"
+          />
+          <div
+            class="view"
+            style="height: 12rem;"
+          />
+        </div>
+        <div
+          class="view"
+          style="flex: 1; max-width: calc(var(--mirai-ui-breakpoint-S) - var(--mirai-ui-space-M) * 2); height: 36rem;"
+        />
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Checkout> prop:session (false) 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <div
+      class="view progress visible"
+    >
+      <div
+        class="view value indeterminate"
+      />
+    </div>
+    <div
+      class="view wide"
+      style="align-items: start;"
+    >
+      <div
+        class="view row wide"
+        style="align-items: start; align-self: center; gap: 1rem; max-width: var(--mirai-ui-breakpoint-content); margin-top: 2rem;"
+      >
+        <div
+          class="view"
+          style="flex: 1; gap: 1rem;"
+        >
+          <div
+            class="view"
+            style="height: 32rem;"
+          />
+          <div
+            class="view"
+            style="height: 16rem;"
+          />
+          <div
+            class="view"
+            style="height: 16rem;"
+          />
+          <div
+            class="view"
+            style="height: 12rem;"
+          />
+        </div>
+        <div
+          class="view"
+          style="flex: 1; max-width: calc(var(--mirai-ui-breakpoint-S) - var(--mirai-ui-space-M) * 2); height: 36rem;"
+        />
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Checkout> 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: start;"
+    >
+      <div
+        class="view row wide"
+        style="align-items: start; align-self: center; gap: 1rem; max-width: var(--mirai-ui-breakpoint-content); margin-top: 2rem;"
+      >
+        <div
+          class="view"
+          style="flex: 1; gap: 1rem;"
+        >
+          <div
+            class="view"
+            style="height: 32rem;"
+          />
+          <div
+            class="view"
+            style="height: 16rem;"
+          />
+          <div
+            class="view"
+            style="height: 16rem;"
+          />
+          <div
+            class="view"
+            style="height: 12rem;"
+          />
+        </div>
+        <div
+          class="view"
+          style="flex: 1; max-width: calc(var(--mirai-ui-breakpoint-S) - var(--mirai-ui-space-M) * 2); height: 36rem;"
+        />
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Checkout> renders 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <div
+      class="view progress visible"
+    >
+      <div
+        class="view value indeterminate"
+      />
+    </div>
+    <div
+      class="view wide"
+      style="align-items: start;"
+    >
+      <div
+        class="view row wide"
+        style="align-items: start; align-self: center; gap: 1rem; max-width: var(--mirai-ui-breakpoint-content); margin-top: 2rem;"
+      >
+        <div
+          class="view"
+          style="flex: 1; gap: 1rem;"
+        >
+          <div
+            class="view"
+            style="height: 32rem;"
+          />
+          <div
+            class="view"
+            style="height: 16rem;"
+          />
+          <div
+            class="view"
+            style="height: 16rem;"
+          />
+          <div
+            class="view"
+            style="height: 12rem;"
+          />
+        </div>
+        <div
+          class="view"
+          style="flex: 1; max-width: calc(var(--mirai-ui-breakpoint-S) - var(--mirai-ui-space-M) * 2); height: 36rem;"
+        />
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Checkout> 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: start;"
+    >
+      <div
+        class="view row wide"
+        style="align-items: start; align-self: center; gap: 1rem; max-width: var(--mirai-ui-breakpoint-content); margin-top: 2rem;"
+      >
+        <div
+          class="view"
+          style="flex: 1; gap: 1rem;"
+        >
+          <div
+            class="view"
+            style="height: 32rem;"
+          />
+          <div
+            class="view"
+            style="height: 16rem;"
+          />
+          <div
+            class="view"
+            style="height: 16rem;"
+          />
+          <div
+            class="view"
+            style="height: 12rem;"
+          />
+        </div>
+        <div
+          class="view"
+          style="flex: 1; max-width: calc(var(--mirai-ui-breakpoint-S) - var(--mirai-ui-space-M) * 2); height: 36rem;"
+        />
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Checkout> 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: start;"
+    >
+      <div
+        class="view row wide"
+        style="align-items: start; align-self: center; gap: 1rem; max-width: var(--mirai-ui-breakpoint-content); margin-top: 2rem;"
+      >
+        <div
+          class="view"
+          style="flex: 1; gap: 1rem;"
+        >
+          <div
+            class="view"
+            style="height: 32rem;"
+          />
+          <div
+            class="view"
+            style="height: 16rem;"
+          />
+          <div
+            class="view"
+            style="height: 16rem;"
+          />
+          <div
+            class="view"
+            style="height: 12rem;"
+          />
+        </div>
+        <div
+          class="view"
+          style="flex: 1; max-width: calc(var(--mirai-ui-breakpoint-S) - var(--mirai-ui-space-M) * 2); height: 36rem;"
+        />
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/build/components/Checkout/components/InputRadio/InputRadio.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InputRadio = void 0;
+var _ui = require("@mirai/ui");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireDefault(require("react"));
+var style = _interopRequireWildcard(require("./InputRadio.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 DEFAULTS = {
+  small: true,
+  type: 'radio'
+};
+const InputRadio = _ref => {
+  let {
+    label,
+    name,
+    options = [],
+    value: propValue,
+    onChange = () => {},
+    ...others
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_ui.View, _extends({}, others, {
+    wide: true,
+    className: style.container
+  }), /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    bold: true
+  }, label), options.map((_ref2, index) => {
+    let {
+      label,
+      value
+    } = _ref2;
+    return /*#__PURE__*/_react.default.createElement(_ui.InputOption, _extends({
+      checked: propValue === value,
+      key: index
+    }, DEFAULTS, {
+      label,
+      name,
+      value,
+      onChange
+    }));
+  }));
+};
+exports.InputRadio = InputRadio;
+InputRadio.displayName = 'Mirai:Core:Checkout:InputRadio';
+InputRadio.propTypes = {
+  label: _propTypes.default.string.isRequired,
+  name: _propTypes.default.string.isRequired,
+  options: _propTypes.default.arrayOf(_propTypes.default.shape({
+    label: _propTypes.default.string,
+    value: _propTypes.default.string
+  })).isRequired,
+  value: _propTypes.default.string,
+  onChange: _propTypes.default.func
+};
+//# sourceMappingURL=InputRadio.js.map

package/build/components/Checkout/components/InputRadio/InputRadio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputRadio.js","names":["_ui","require","_propTypes","_interopRequireDefault","_react","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","DEFAULTS","small","type","InputRadio","_ref","label","name","options","value","propValue","onChange","others","createElement","View","wide","className","container","Text","bold","map","_ref2","index","InputOption","checked","exports","displayName","propTypes","PropTypes","string","isRequired","arrayOf","shape","func"],"sources":["../../../../../src/components/Checkout/components/InputRadio/InputRadio.jsx"],"sourcesContent":["import { InputOption, Text, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport * as style from './InputRadio.module.css';\n\nconst DEFAULTS = { small: true, type: 'radio' };\n\nexport const InputRadio = ({ label, name, options = [], value: propValue, onChange = () => {}, ...others }) => (\n  <View {...others} wide className={style.container}>\n    <Text bold>{label}</Text>\n    {options.map(({ label, value }, index) => (\n      <InputOption checked={propValue === value} key={index} {...{ ...DEFAULTS, label, name, value, onChange }} />\n    ))}\n  </View>\n);\n\nInputRadio.displayName = 'Mirai:Core:Checkout:InputRadio';\n\nInputRadio.propTypes = {\n  label: PropTypes.string.isRequired,\n  name: PropTypes.string.isRequired,\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      value: PropTypes.string,\n    }),\n  ).isRequired,\n  value: PropTypes.string,\n  onChange: PropTypes.func,\n};\n"],"mappings":"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"}

package/build/components/Checkout/components/InputRadio/InputRadio.module.css

@@ -0,0 +1,3 @@
+.container > *:not(:last-child) {
+  margin-bottom: calc(var(--mirai-ui-input-text-padding-y) / 2);
+}