@mirai/core 0.3.138 → 0.3.140

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

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

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

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

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

@@ -0,0 +1,125 @@
+.table {
+  width: 100%;
+}
+
+.table.collapsed {
+  padding-bottom: var(--mirai-ui-space-XS);
+}
+
+.buttonMore {
+  box-shadow: 0 var(--mirai-ui-border-width) var(--mirai-ui-table-border-color);
+  padding: var(--mirai-ui-space-XS);
+  top: 0;
+  z-index: 1;
+}
+
+.row {
+  position: relative;
+  width: 100%;
+}
+
+.row:not(:last-child) {
+  border-bottom: solid var(--mirai-ui-border-width) var(--mirai-ui-table-border-color);
+}
+
+.lineThrough {
+  text-decoration: line-through;
+}
+
+.separator {
+  margin: 0 calc(var(--mirai-ui-space-XS) / 2);
+}
+
+.caption {
+  color: var(--mirai-ui-content-light);
+}
+
+.action {
+  color: var(--mirai-ui-accent);
+  text-decoration: underline;
+}
+
+.action:hover,
+.action:active {
+  color: var(--mirai-ui-content);
+}
+
+/* S */
+@media only screen and (max-width: 430px) {
+  /* .table {
+    margin-bottom: var(--mirai-ui-space-M);
+  } */
+
+  .row {
+    padding-bottom: var(--mirai-ui-space-XS);
+    padding-top: var(--mirai-ui-space-S);
+  }
+
+  .row > * {
+    margin-bottom: calc(var(--mirai-ui-space-XS) / 2);
+  }
+
+  .title .subtitle {
+    margin-top: calc(var(--mirai-ui-space-XS) / 2);
+  }
+
+  .wide {
+    flex: 1;
+  }
+}
+
+/* M & L */
+@media only screen and (min-width: 431px) {
+  /* .table {
+    margin-bottom: var(--mirai-ui-space-L);
+  } */
+
+  .row {
+    align-items: flex-start;
+  }
+
+  .row > * {
+    padding: var(--mirai-ui-table-padding-y) 0;
+  }
+
+  .title {
+    width: 40%;
+  }
+
+  .summary {
+    width: 45%;
+  }
+
+  .price {
+    width: 15%;
+    align-items: flex-end;
+  }
+}
+
+@media print {
+  .noPrint {
+    display: none;
+  }
+
+  .row {
+    align-items: flex-start;
+    border-bottom: solid var(--mirai-ui-border-width) var(--mirai-ui-table-border-color);
+  }
+
+  .row > * {
+    padding: calc(var(--mirai-ui-table-padding-y) / 2) 0;
+  }
+
+  .title {
+    width: 40%;
+  }
+
+  .summary {
+    width: 45%;
+  }
+
+  .price {
+    width: 15%;
+    align-items: flex-end;
+  }
+}

package/build/components/__shared__/BookingTable/__tests__/__snapshots__/BookingTable.Row.test.js.snap

@@ -0,0 +1,444 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`component:<BookingTable.Row> all props 1`] = `
+<DocumentFragment>
+  <div
+    class="view row"
+  >
+    <div
+      class="view"
+    >
+      <div
+        class="view row"
+      >
+        <span
+          class="text action"
+        >
+          title
+        </span>
+      </div>
+      <div
+        class="view row"
+      >
+        <div
+          class="view row wide"
+        >
+          <span
+            class="text small"
+          >
+            subtitle
+          </span>
+          <span
+            class="text small"
+          >
+            -
+          </span>
+          <span
+            class="container"
+          >
+            <div
+              class="view"
+            >
+              <span
+                class="text small dispatcher"
+              >
+                common.action.more_info
+              </span>
+            </div>
+          </span>
+        </div>
+      </div>
+    </div>
+    <div
+      class="view"
+    >
+      <span
+        class="text action"
+      >
+        summary
+      </span>
+    </div>
+    <div
+      class="view"
+    >
+      <span
+        class="text action"
+      />
+    </div>
+    <span>
+      children
+    </span>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<BookingTable.Row> inherit:className 1`] = `
+<DocumentFragment>
+  <div
+    class="view row mirai"
+  >
+    <div
+      class="view"
+    >
+      <div
+        class="view row"
+      >
+        <span
+          class="text action"
+        >
+          title
+        </span>
+      </div>
+      <div
+        class="view row"
+      >
+        <div
+          class="view row wide"
+        />
+      </div>
+    </div>
+    <div
+      class="view"
+    >
+      <span
+        class="text action"
+      >
+        common.label.free
+      </span>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<BookingTable.Row> prop:children 1`] = `
+<DocumentFragment>
+  <div
+    class="view row"
+  >
+    <div
+      class="view"
+    >
+      <div
+        class="view row"
+      >
+        <span
+          class="text action"
+        >
+          title
+        </span>
+      </div>
+      <div
+        class="view row"
+      >
+        <div
+          class="view row wide"
+        />
+      </div>
+    </div>
+    <div
+      class="view"
+    >
+      <span
+        class="text action"
+      >
+        common.label.free
+      </span>
+    </div>
+    <span>
+      children
+    </span>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<BookingTable.Row> prop:description 1`] = `
+<DocumentFragment>
+  <div
+    class="view row"
+  >
+    <div
+      class="view"
+    >
+      <div
+        class="view row"
+      >
+        <span
+          class="text action"
+        >
+          title
+        </span>
+      </div>
+      <div
+        class="view row"
+      >
+        <div
+          class="view row wide"
+        >
+          <span
+            class="container"
+          >
+            <div
+              class="view"
+            >
+              <span
+                class="text small dispatcher"
+              >
+                common.action.more_info
+              </span>
+            </div>
+          </span>
+        </div>
+      </div>
+    </div>
+    <div
+      class="view"
+    >
+      <span
+        class="text action"
+      >
+        common.label.free
+      </span>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<BookingTable.Row> prop:price & prop:currency 1`] = `
+<DocumentFragment>
+  <div
+    class="view row"
+  >
+    <div
+      class="view"
+    >
+      <div
+        class="view row"
+      >
+        <span
+          class="text action"
+        >
+          title
+        </span>
+      </div>
+      <div
+        class="view row"
+      >
+        <div
+          class="view row wide"
+        />
+      </div>
+    </div>
+    <div
+      class="view"
+    >
+      <span
+        class="text action"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<BookingTable.Row> prop:price 1`] = `
+<DocumentFragment>
+  <div
+    class="view row"
+  >
+    <div
+      class="view"
+    >
+      <div
+        class="view row"
+      >
+        <span
+          class="text action"
+        >
+          title
+        </span>
+      </div>
+      <div
+        class="view row"
+      >
+        <div
+          class="view row wide"
+        />
+      </div>
+    </div>
+    <div
+      class="view"
+    >
+      <span
+        class="text action"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<BookingTable.Row> prop:subtitle 1`] = `
+<DocumentFragment>
+  <div
+    class="view row"
+  >
+    <div
+      class="view"
+    >
+      <div
+        class="view row"
+      >
+        <span
+          class="text action"
+        >
+          title
+        </span>
+      </div>
+      <div
+        class="view row"
+      >
+        <div
+          class="view row wide"
+        >
+          <span
+            class="text small"
+          >
+            subtitle
+          </span>
+        </div>
+      </div>
+    </div>
+    <div
+      class="view"
+    >
+      <span
+        class="text action"
+      >
+        common.label.free
+      </span>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<BookingTable.Row> prop:summary 1`] = `
+<DocumentFragment>
+  <div
+    class="view row"
+  >
+    <div
+      class="view"
+    >
+      <div
+        class="view row"
+      >
+        <span
+          class="text action"
+        >
+          title
+        </span>
+      </div>
+      <div
+        class="view row"
+      >
+        <div
+          class="view row wide"
+        />
+      </div>
+    </div>
+    <div
+      class="view"
+    >
+      <span
+        class="text action"
+      >
+        summary
+      </span>
+    </div>
+    <div
+      class="view"
+    >
+      <span
+        class="text action"
+      >
+        common.label.free
+      </span>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<BookingTable.Row> renders 1`] = `
+<DocumentFragment>
+  <div
+    class="view row"
+  >
+    <div
+      class="view"
+    >
+      <div
+        class="view row"
+      >
+        <span
+          class="text action"
+        >
+          title
+        </span>
+      </div>
+      <div
+        class="view row"
+      >
+        <div
+          class="view row wide"
+        />
+      </div>
+    </div>
+    <div
+      class="view"
+    >
+      <span
+        class="text action"
+      >
+        common.label.free
+      </span>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<BookingTable.Row> testID 1`] = `
+<DocumentFragment>
+  <div
+    class="view row"
+    data-testid="mirai"
+  >
+    <div
+      class="view"
+    >
+      <div
+        class="view row"
+      >
+        <span
+          class="text action"
+        >
+          title
+        </span>
+      </div>
+      <div
+        class="view row"
+      >
+        <div
+          class="view row wide"
+        />
+      </div>
+    </div>
+    <div
+      class="view"
+    >
+      <span
+        class="text action"
+      >
+        common.label.free
+      </span>
+    </div>
+  </div>
+</DocumentFragment>
+`;