@mirai/core 0.2.19 → 0.3.1

package/build/components/Finder/components/Places/__tests__/__snapshots__/Places.test.js.snap

@@ -0,0 +1,288 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`component:<Places> inherit:className 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <ul
+      class="scrollview snap vertical"
+    >
+      <li
+        class="pressable"
+      >
+        <h3
+          class="text bold headline-3"
+        >
+          Gran Canaria
+        </h3>
+      </li>
+      <li
+        class="pressable"
+      >
+        <h4
+          class="text headline-4"
+        >
+           Gloria Palace Amadores Thalasso & Hotel
+        </h4>
+      </li>
+      <li
+        class="pressable"
+      >
+        <h4
+          class="text headline-4"
+        >
+           Gloria Palace Royal Hotel & Spa **** sup
+        </h4>
+      </li>
+      <li
+        class="pressable"
+      >
+        <h4
+          class="text headline-4"
+        >
+           Gloria Palace San Agustín Thalasso & Hotel 
+        </h4>
+      </li>
+      <li
+        class="pressable"
+      >
+        <h3
+          class="text bold headline-3"
+        >
+          Lanzarote
+        </h3>
+      </li>
+      <li
+        class="pressable"
+      >
+        <h4
+          class="text headline-4"
+        >
+           Gloria Izaro Club Hotel
+        </h4>
+      </li>
+    </ul>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Places> prop:autoColumn 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <ul
+      class="scrollview snap vertical"
+    >
+      <li
+        class="pressable"
+      >
+        <h3
+          class="text bold headline-3"
+        >
+          Gran Canaria
+        </h3>
+      </li>
+      <li
+        class="pressable"
+      >
+        <h4
+          class="text headline-4"
+        >
+           Gloria Palace Amadores Thalasso & Hotel
+        </h4>
+      </li>
+      <li
+        class="pressable"
+      >
+        <h4
+          class="text headline-4"
+        >
+           Gloria Palace Royal Hotel & Spa **** sup
+        </h4>
+      </li>
+      <li
+        class="pressable"
+      >
+        <h4
+          class="text headline-4"
+        >
+           Gloria Palace San Agustín Thalasso & Hotel 
+        </h4>
+      </li>
+      <li
+        class="pressable"
+      >
+        <h3
+          class="text bold headline-3"
+        >
+          Lanzarote
+        </h3>
+      </li>
+      <li
+        class="pressable"
+      >
+        <h4
+          class="text headline-4"
+        >
+           Gloria Izaro Club Hotel
+        </h4>
+      </li>
+    </ul>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Places> prop:value 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <ul
+      class="scrollview snap vertical"
+    >
+      <li
+        class="pressable"
+      >
+        <h3
+          class="text bold headline-3"
+        >
+          Gran Canaria
+        </h3>
+      </li>
+      <li
+        class="pressable"
+      >
+        <h4
+          class="text headline-4"
+        >
+           Gloria Palace Amadores Thalasso & Hotel
+        </h4>
+      </li>
+      <li
+        class="pressable"
+      >
+        <h4
+          class="text headline-4"
+        >
+           Gloria Palace Royal Hotel & Spa **** sup
+        </h4>
+      </li>
+      <li
+        class="pressable"
+      >
+        <h4
+          class="text headline-4"
+        >
+           Gloria Palace San Agustín Thalasso & Hotel 
+        </h4>
+      </li>
+      <li
+        class="pressable"
+      >
+        <h3
+          class="text bold headline-3"
+        >
+          Lanzarote
+        </h3>
+      </li>
+      <li
+        class="pressable"
+      >
+        <h4
+          class="text headline-4"
+        >
+           Gloria Izaro Club Hotel
+        </h4>
+      </li>
+    </ul>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Places> renders 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <ul
+      class="scrollview snap vertical"
+    />
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Places> testID 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <ul
+      class="scrollview snap vertical"
+      data-testid="mirai"
+    >
+      <li
+        class="pressable"
+        data-testid="mirai-item-0"
+      >
+        <h3
+          class="text bold headline-3"
+        >
+          Gran Canaria
+        </h3>
+      </li>
+      <li
+        class="pressable"
+        data-testid="mirai-item-1"
+      >
+        <h4
+          class="text headline-4"
+        >
+           Gloria Palace Amadores Thalasso & Hotel
+        </h4>
+      </li>
+      <li
+        class="pressable"
+        data-testid="mirai-item-2"
+      >
+        <h4
+          class="text headline-4"
+        >
+           Gloria Palace Royal Hotel & Spa **** sup
+        </h4>
+      </li>
+      <li
+        class="pressable"
+        data-testid="mirai-item-3"
+      >
+        <h4
+          class="text headline-4"
+        >
+           Gloria Palace San Agustín Thalasso & Hotel 
+        </h4>
+      </li>
+      <li
+        class="pressable"
+        data-testid="mirai-item-4"
+      >
+        <h3
+          class="text bold headline-3"
+        >
+          Lanzarote
+        </h3>
+      </li>
+      <li
+        class="pressable"
+        data-testid="mirai-item-5"
+      >
+        <h4
+          class="text headline-4"
+        >
+           Gloria Izaro Club Hotel
+        </h4>
+      </li>
+    </ul>
+  </div>
+</DocumentFragment>
+`;

package/build/components/Finder/components/Places/helpers/calcColumns.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.calcColumns = void 0;
+var _ui = require("@mirai/ui");
+var ITEM_HEIGHT = '36px';
+var ITEM_WIDTH = '300px';
+var MAX_COLUMNS = 3;
+var THEME_KEY = '--mirai-places';
+var sanitizePx = function sanitizePx() {
+  var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  return parseInt(value.replace('px', ''), 10);
+};
+var calcColumns = exports.calcColumns = function calcColumns() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    _ref$dataSource = _ref.dataSource,
+    _ref$dataSource2 = _ref$dataSource === void 0 ? [] : _ref$dataSource,
+    items = _ref$dataSource2.length,
+    _ref$device = _ref.device,
+    _ref$device2 = _ref$device === void 0 ? {} : _ref$device,
+    deviceWidth = _ref$device2.width,
+    _ref$ref = _ref.ref,
+    _ref$ref2 = _ref$ref === void 0 ? {} : _ref$ref,
+    _ref$ref2$current = _ref$ref2.current,
+    _ref$ref2$current2 = _ref$ref2$current === void 0 ? {} : _ref$ref2$current,
+    containerHeight = _ref$ref2$current2.clientHeight;
+  var _Theme$get = _ui.Theme.get(THEME_KEY),
+    _Theme$get$ItemHeight = _Theme$get.ItemHeight,
+    itemHeight = _Theme$get$ItemHeight === void 0 ? ITEM_HEIGHT : _Theme$get$ItemHeight,
+    _Theme$get$Width = _Theme$get.Width,
+    itemWidth = _Theme$get$Width === void 0 ? ITEM_WIDTH : _Theme$get$Width;
+  var maxItems = Math.floor(containerHeight / sanitizePx(itemHeight));
+  var columns = items > maxItems ? Math.floor(items / maxItems) + 1 : undefined;
+  if (columns * sanitizePx(itemWidth) > deviceWidth * 0.8) columns = Math.floor(deviceWidth / sanitizePx(itemWidth));
+  if (columns >= MAX_COLUMNS) columns = MAX_COLUMNS;
+  return columns;
+};
+//# sourceMappingURL=calcColumns.js.map

package/build/components/Finder/components/Places/helpers/calcColumns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calcColumns.js","names":["_ui","require","ITEM_HEIGHT","ITEM_WIDTH","MAX_COLUMNS","THEME_KEY","sanitizePx","value","arguments","length","undefined","parseInt","replace","calcColumns","exports","_ref","_ref$dataSource","dataSource","_ref$dataSource2","items","_ref$device","device","_ref$device2","deviceWidth","width","_ref$ref","ref","_ref$ref2","_ref$ref2$current","current","_ref$ref2$current2","containerHeight","clientHeight","_Theme$get","Theme","get","_Theme$get$ItemHeight","ItemHeight","itemHeight","_Theme$get$Width","Width","itemWidth","maxItems","Math","floor","columns"],"sources":["../../../../../../src/components/Finder/components/Places/helpers/calcColumns.js"],"sourcesContent":["import { Theme } from '@mirai/ui';\n\nconst ITEM_HEIGHT = '36px';\nconst ITEM_WIDTH = '300px';\nconst MAX_COLUMNS = 3;\nconst THEME_KEY = '--mirai-places';\n\nconst sanitizePx = (value = '') => parseInt(value.replace('px', ''), 10);\n\nexport const calcColumns = ({\n  dataSource: { length: items } = [],\n  device: { width: deviceWidth } = {},\n  ref: { current: { clientHeight: containerHeight } = {} } = {},\n} = {}) => {\n  const { ItemHeight: itemHeight = ITEM_HEIGHT, Width: itemWidth = ITEM_WIDTH } = Theme.get(THEME_KEY);\n  const maxItems = Math.floor(containerHeight / sanitizePx(itemHeight));\n\n  let columns = items > maxItems ? Math.floor(items / maxItems) + 1 : undefined;\n  if (columns * sanitizePx(itemWidth) > deviceWidth * 0.8) columns = Math.floor(deviceWidth / sanitizePx(itemWidth));\n  if (columns >= MAX_COLUMNS) columns = MAX_COLUMNS;\n\n  return columns;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,GAAA,GAAAC,OAAA;AAEA,IAAMC,WAAW,GAAG,MAAM;AAC1B,IAAMC,UAAU,GAAG,OAAO;AAC1B,IAAMC,WAAW,GAAG,CAAC;AACrB,IAAMC,SAAS,GAAG,gBAAgB;AAElC,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAA;EAAA,IAAIC,KAAK,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,EAAE;EAAA,OAAKG,QAAQ,CAACJ,KAAK,CAACK,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC;AAAA;AAEjE,IAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAdA,WAAWA,CAAA,EAIb;EAAA,IAAAE,IAAA,GAAAP,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAP,CAAC,CAAC;IAAAQ,eAAA,GAAAD,IAAA,CAHJE,UAAU;IAAAC,gBAAA,GAAAF,eAAA,cAAsB,EAAE,GAAAA,eAAA;IAAZG,KAAK,GAAAD,gBAAA,CAAbT,MAAM;IAAAW,WAAA,GAAAL,IAAA,CACpBM,MAAM;IAAAC,YAAA,GAAAF,WAAA,cAA2B,CAAC,CAAC,GAAAA,WAAA;IAAlBG,WAAW,GAAAD,YAAA,CAAlBE,KAAK;IAAAC,QAAA,GAAAV,IAAA,CACfW,GAAG;IAAAC,SAAA,GAAAF,QAAA,cAAwD,CAAC,CAAC,GAAAA,QAAA;IAAAG,iBAAA,GAAAD,SAAA,CAAtDE,OAAO;IAAAC,kBAAA,GAAAF,iBAAA,cAAsC,CAAC,CAAC,GAAAA,iBAAA;IAAtBG,eAAe,GAAAD,kBAAA,CAA7BE,YAAY;EAE9B,IAAAC,UAAA,GAAgFC,SAAK,CAACC,GAAG,CAAC9B,SAAS,CAAC;IAAA+B,qBAAA,GAAAH,UAAA,CAA5FI,UAAU;IAAEC,UAAU,GAAAF,qBAAA,cAAGlC,WAAW,GAAAkC,qBAAA;IAAAG,gBAAA,GAAAN,UAAA,CAAEO,KAAK;IAAEC,SAAS,GAAAF,gBAAA,cAAGpC,UAAU,GAAAoC,gBAAA;EAC3E,IAAMG,QAAQ,GAAGC,IAAI,CAACC,KAAK,CAACb,eAAe,GAAGzB,UAAU,CAACgC,UAAU,CAAC,CAAC;EAErE,IAAIO,OAAO,GAAG1B,KAAK,GAAGuB,QAAQ,GAAGC,IAAI,CAACC,KAAK,CAACzB,KAAK,GAAGuB,QAAQ,CAAC,GAAG,CAAC,GAAGhC,SAAS;EAC7E,IAAImC,OAAO,GAAGvC,UAAU,CAACmC,SAAS,CAAC,GAAGlB,WAAW,GAAG,GAAG,EAAEsB,OAAO,GAAGF,IAAI,CAACC,KAAK,CAACrB,WAAW,GAAGjB,UAAU,CAACmC,SAAS,CAAC,CAAC;EAClH,IAAII,OAAO,IAAIzC,WAAW,EAAEyC,OAAO,GAAGzC,WAAW;EAEjD,OAAOyC,OAAO;AAChB,CAAC"}

package/build/components/Finder/components/Places/helpers/index.js

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

package/build/components/Finder/components/Places/helpers/index.js.map

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

package/build/components/Finder/components/Places/index.js

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

package/build/components/Finder/components/Places/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_Places","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../../src/components/Finder/components/Places/index.js"],"sourcesContent":["export * from './Places';\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,IAAA;MAAA,OAAAT,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/build/components/Finder/components/index.js

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

package/build/components/Finder/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_Calendar","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_Places"],"sources":["../../../../src/components/Finder/components/index.js"],"sourcesContent":["export * from './Calendar';\nexport * from './Places';\n"],"mappings":";;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,SAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,SAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,SAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,OAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,OAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,OAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,OAAA,CAAAL,GAAA;IAAA;EAAA;AAAA"}