@mirai/core 0.4.16 → 0.4.18

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

@@ -66,7 +66,7 @@ exports[`<Finder> type:chain inherit:className 1`] = `
           class="view calendar"
         >
           <ui-scrollview
-            class="scrollview snap horizontal scrollview"
+            class="scrollview snap horizontal notIndicator scrollview"
           >
             <ui-calendar-month
               class="view month"
@@ -1283,6 +1283,7 @@ exports[`<Finder> type:chain inherit:className 1`] = `
     >
       <ui-pressable
         class="pressable"
+        datasource="[object Object],[object Object]"
         tabindex="0"
       >
         <ui-icon
@@ -1334,9 +1335,10 @@ exports[`<Finder> type:chain inherit:className 1`] = `
     >
       <ui-view
         class="view"
+        hasplaces="false"
       >
         <ui-scrollview
-          class="scrollview vertical"
+          class="scrollview vertical notIndicator"
         >
           <ui-view
             class="view wide"
@@ -1345,7 +1347,7 @@ exports[`<Finder> type:chain inherit:className 1`] = `
               class="view row"
             >
               <ui-text
-                class="text action"
+                class="text bold action"
               >
                 finder.label.place_type_count.room
               </ui-text>
@@ -1671,7 +1673,7 @@ exports[`<Finder> type:chain prop:assisted 1`] = `
           class="view calendar"
         >
           <ui-scrollview
-            class="scrollview snap horizontal scrollview"
+            class="scrollview snap horizontal notIndicator scrollview"
           >
             <ui-calendar-month
               class="view month"
@@ -2888,6 +2890,7 @@ exports[`<Finder> type:chain prop:assisted 1`] = `
     >
       <ui-pressable
         class="pressable"
+        datasource="[object Object],[object Object]"
         tabindex="0"
       >
         <ui-icon
@@ -2939,9 +2942,10 @@ exports[`<Finder> type:chain prop:assisted 1`] = `
     >
       <ui-view
         class="view"
+        hasplaces="false"
       >
         <ui-scrollview
-          class="scrollview vertical"
+          class="scrollview vertical notIndicator"
         >
           <ui-view
             class="view wide"
@@ -2950,7 +2954,7 @@ exports[`<Finder> type:chain prop:assisted 1`] = `
               class="view row"
             >
               <ui-text
-                class="text action"
+                class="text bold action"
               >
                 finder.label.place_type_count.room
               </ui-text>
@@ -3370,7 +3374,7 @@ exports[`<Finder> type:chain prop:compacted 1`] = `
           class="view calendar"
         >
           <ui-scrollview
-            class="scrollview snap horizontal scrollview"
+            class="scrollview snap horizontal notIndicator scrollview"
           >
             <ui-calendar-month
               class="view month"
@@ -4590,9 +4594,10 @@ exports[`<Finder> type:chain prop:compacted 1`] = `
     >
       <ui-view
         class="view"
+        hasplaces="false"
       >
         <ui-scrollview
-          class="scrollview vertical"
+          class="scrollview vertical notIndicator"
         >
           <ui-view
             class="view wide"
@@ -4601,7 +4606,7 @@ exports[`<Finder> type:chain prop:compacted 1`] = `
               class="view row"
             >
               <ui-text
-                class="text action"
+                class="text bold action"
               >
                 finder.label.place_type_count.room
               </ui-text>
@@ -4906,7 +4911,7 @@ exports[`<Finder> type:chain prop:layout 1`] = `
           class="view calendar"
         >
           <ui-scrollview
-            class="scrollview snap horizontal scrollview"
+            class="scrollview snap horizontal notIndicator scrollview"
           >
             <ui-calendar-month
               class="view month"
@@ -6123,6 +6128,7 @@ exports[`<Finder> type:chain prop:layout 1`] = `
     >
       <ui-pressable
         class="pressable"
+        datasource="[object Object],[object Object]"
         tabindex="0"
       >
         <ui-icon
@@ -6175,9 +6181,10 @@ exports[`<Finder> type:chain prop:layout 1`] = `
       <ui-view
         centered="true"
         class="view"
+        hasplaces="false"
       >
         <ui-scrollview
-          class="scrollview vertical"
+          class="scrollview vertical notIndicator"
         >
           <ui-view
             class="view wide"
@@ -6186,7 +6193,7 @@ exports[`<Finder> type:chain prop:layout 1`] = `
               class="view row"
             >
               <ui-text
-                class="text action"
+                class="text bold action"
               >
                 finder.label.place_type_count.room
               </ui-text>
@@ -6512,7 +6519,7 @@ exports[`<Finder> type:chain prop:text 1`] = `
           class="view calendar"
         >
           <ui-scrollview
-            class="scrollview snap horizontal scrollview"
+            class="scrollview snap horizontal notIndicator scrollview"
           >
             <ui-calendar-month
               class="view month"
@@ -7729,6 +7736,7 @@ exports[`<Finder> type:chain prop:text 1`] = `
     >
       <ui-pressable
         class="pressable"
+        datasource="[object Object],[object Object]"
         tabindex="0"
       >
         <ui-icon
@@ -7780,9 +7788,10 @@ exports[`<Finder> type:chain prop:text 1`] = `
     >
       <ui-view
         class="view"
+        hasplaces="false"
       >
         <ui-scrollview
-          class="scrollview vertical"
+          class="scrollview vertical notIndicator"
         >
           <ui-view
             class="view wide"
@@ -7791,7 +7800,7 @@ exports[`<Finder> type:chain prop:text 1`] = `
               class="view row"
             >
               <ui-text
-                class="text action"
+                class="text bold action"
               >
                 finder.label.place_type_count.room
               </ui-text>
@@ -8117,7 +8126,7 @@ exports[`<Finder> type:chain renders 1`] = `
           class="view calendar"
         >
           <ui-scrollview
-            class="scrollview snap horizontal scrollview"
+            class="scrollview snap horizontal notIndicator scrollview"
           >
             <ui-calendar-month
               class="view month"
@@ -9334,6 +9343,7 @@ exports[`<Finder> type:chain renders 1`] = `
     >
       <ui-pressable
         class="pressable"
+        datasource="[object Object],[object Object]"
         tabindex="0"
       >
         <ui-icon
@@ -9385,9 +9395,10 @@ exports[`<Finder> type:chain renders 1`] = `
     >
       <ui-view
         class="view"
+        hasplaces="false"
       >
         <ui-scrollview
-          class="scrollview vertical"
+          class="scrollview vertical notIndicator"
         >
           <ui-view
             class="view wide"
@@ -9396,7 +9407,7 @@ exports[`<Finder> type:chain renders 1`] = `
               class="view row"
             >
               <ui-text
-                class="text action"
+                class="text bold action"
               >
                 finder.label.place_type_count.room
               </ui-text>
@@ -9725,7 +9736,7 @@ exports[`<Finder> type:chain testID 1`] = `
           data-testid="mirai-calendar"
         >
           <ui-scrollview
-            class="scrollview snap horizontal scrollview"
+            class="scrollview snap horizontal notIndicator scrollview"
           >
             <ui-calendar-month
               class="view month"
@@ -10944,6 +10955,7 @@ exports[`<Finder> type:chain testID 1`] = `
       <ui-pressable
         class="pressable"
         data-testid="mirai-occupation-field"
+        datasource="[object Object],[object Object]"
         tabindex="0"
       >
         <ui-icon
@@ -10996,9 +11008,10 @@ exports[`<Finder> type:chain testID 1`] = `
       <ui-view
         class="view"
         data-testid="mirai-occupation"
+        hasplaces="false"
       >
         <ui-scrollview
-          class="scrollview vertical"
+          class="scrollview vertical notIndicator"
         >
           <ui-view
             class="view wide"
@@ -11007,7 +11020,7 @@ exports[`<Finder> type:chain testID 1`] = `
               class="view row"
             >
               <ui-text
-                class="text action"
+                class="text bold action"
               >
                 finder.label.place_type_count.room
               </ui-text>
@@ -11337,7 +11350,7 @@ exports[`<Finder> type:hotel inherit:className 1`] = `
           class="view calendar"
         >
           <ui-scrollview
-            class="scrollview snap horizontal scrollview"
+            class="scrollview snap horizontal notIndicator scrollview"
           >
             <ui-calendar-month
               class="view month"
@@ -12554,6 +12567,7 @@ exports[`<Finder> type:hotel inherit:className 1`] = `
     >
       <ui-pressable
         class="pressable"
+        datasource="[object Object],[object Object]"
         tabindex="0"
       >
         <ui-icon
@@ -12605,9 +12619,10 @@ exports[`<Finder> type:hotel inherit:className 1`] = `
     >
       <ui-view
         class="view"
+        hasplaces="false"
       >
         <ui-scrollview
-          class="scrollview vertical"
+          class="scrollview vertical notIndicator"
         >
           <ui-view
             class="view wide"
@@ -12616,7 +12631,7 @@ exports[`<Finder> type:hotel inherit:className 1`] = `
               class="view row"
             >
               <ui-text
-                class="text action"
+                class="text bold action"
               >
                 finder.label.place_type_count.room
               </ui-text>
@@ -12942,7 +12957,7 @@ exports[`<Finder> type:hotel prop:assisted 1`] = `
           class="view calendar"
         >
           <ui-scrollview
-            class="scrollview snap horizontal scrollview"
+            class="scrollview snap horizontal notIndicator scrollview"
           >
             <ui-calendar-month
               class="view month"
@@ -14159,6 +14174,7 @@ exports[`<Finder> type:hotel prop:assisted 1`] = `
     >
       <ui-pressable
         class="pressable"
+        datasource="[object Object],[object Object]"
         tabindex="0"
       >
         <ui-icon
@@ -14210,9 +14226,10 @@ exports[`<Finder> type:hotel prop:assisted 1`] = `
     >
       <ui-view
         class="view"
+        hasplaces="false"
       >
         <ui-scrollview
-          class="scrollview vertical"
+          class="scrollview vertical notIndicator"
         >
           <ui-view
             class="view wide"
@@ -14221,7 +14238,7 @@ exports[`<Finder> type:hotel prop:assisted 1`] = `
               class="view row"
             >
               <ui-text
-                class="text action"
+                class="text bold action"
               >
                 finder.label.place_type_count.room
               </ui-text>
@@ -14641,7 +14658,7 @@ exports[`<Finder> type:hotel prop:compacted 1`] = `
           class="view calendar"
         >
           <ui-scrollview
-            class="scrollview snap horizontal scrollview"
+            class="scrollview snap horizontal notIndicator scrollview"
           >
             <ui-calendar-month
               class="view month"
@@ -15861,9 +15878,10 @@ exports[`<Finder> type:hotel prop:compacted 1`] = `
     >
       <ui-view
         class="view"
+        hasplaces="false"
       >
         <ui-scrollview
-          class="scrollview vertical"
+          class="scrollview vertical notIndicator"
         >
           <ui-view
             class="view wide"
@@ -15872,7 +15890,7 @@ exports[`<Finder> type:hotel prop:compacted 1`] = `
               class="view row"
             >
               <ui-text
-                class="text action"
+                class="text bold action"
               >
                 finder.label.place_type_count.room
               </ui-text>
@@ -16177,7 +16195,7 @@ exports[`<Finder> type:hotel prop:layout 1`] = `
           class="view calendar"
         >
           <ui-scrollview
-            class="scrollview snap horizontal scrollview"
+            class="scrollview snap horizontal notIndicator scrollview"
           >
             <ui-calendar-month
               class="view month"
@@ -17394,6 +17412,7 @@ exports[`<Finder> type:hotel prop:layout 1`] = `
     >
       <ui-pressable
         class="pressable"
+        datasource="[object Object],[object Object]"
         tabindex="0"
       >
         <ui-icon
@@ -17446,9 +17465,10 @@ exports[`<Finder> type:hotel prop:layout 1`] = `
       <ui-view
         centered="true"
         class="view"
+        hasplaces="false"
       >
         <ui-scrollview
-          class="scrollview vertical"
+          class="scrollview vertical notIndicator"
         >
           <ui-view
             class="view wide"
@@ -17457,7 +17477,7 @@ exports[`<Finder> type:hotel prop:layout 1`] = `
               class="view row"
             >
               <ui-text
-                class="text action"
+                class="text bold action"
               >
                 finder.label.place_type_count.room
               </ui-text>
@@ -17783,7 +17803,7 @@ exports[`<Finder> type:hotel prop:text 1`] = `
           class="view calendar"
         >
           <ui-scrollview
-            class="scrollview snap horizontal scrollview"
+            class="scrollview snap horizontal notIndicator scrollview"
           >
             <ui-calendar-month
               class="view month"
@@ -19000,6 +19020,7 @@ exports[`<Finder> type:hotel prop:text 1`] = `
     >
       <ui-pressable
         class="pressable"
+        datasource="[object Object],[object Object]"
         tabindex="0"
       >
         <ui-icon
@@ -19051,9 +19072,10 @@ exports[`<Finder> type:hotel prop:text 1`] = `
     >
       <ui-view
         class="view"
+        hasplaces="false"
       >
         <ui-scrollview
-          class="scrollview vertical"
+          class="scrollview vertical notIndicator"
         >
           <ui-view
             class="view wide"
@@ -19062,7 +19084,7 @@ exports[`<Finder> type:hotel prop:text 1`] = `
               class="view row"
             >
               <ui-text
-                class="text action"
+                class="text bold action"
               >
                 finder.label.place_type_count.room
               </ui-text>
@@ -19388,7 +19410,7 @@ exports[`<Finder> type:hotel renders 1`] = `
           class="view calendar"
         >
           <ui-scrollview
-            class="scrollview snap horizontal scrollview"
+            class="scrollview snap horizontal notIndicator scrollview"
           >
             <ui-calendar-month
               class="view month"
@@ -20605,6 +20627,7 @@ exports[`<Finder> type:hotel renders 1`] = `
     >
       <ui-pressable
         class="pressable"
+        datasource="[object Object],[object Object]"
         tabindex="0"
       >
         <ui-icon
@@ -20656,9 +20679,10 @@ exports[`<Finder> type:hotel renders 1`] = `
     >
       <ui-view
         class="view"
+        hasplaces="false"
       >
         <ui-scrollview
-          class="scrollview vertical"
+          class="scrollview vertical notIndicator"
         >
           <ui-view
             class="view wide"
@@ -20667,7 +20691,7 @@ exports[`<Finder> type:hotel renders 1`] = `
               class="view row"
             >
               <ui-text
-                class="text action"
+                class="text bold action"
               >
                 finder.label.place_type_count.room
               </ui-text>
@@ -20996,7 +21020,7 @@ exports[`<Finder> type:hotel testID 1`] = `
           data-testid="mirai-calendar"
         >
           <ui-scrollview
-            class="scrollview snap horizontal scrollview"
+            class="scrollview snap horizontal notIndicator scrollview"
           >
             <ui-calendar-month
               class="view month"
@@ -22215,6 +22239,7 @@ exports[`<Finder> type:hotel testID 1`] = `
       <ui-pressable
         class="pressable"
         data-testid="mirai-occupation-field"
+        datasource="[object Object],[object Object]"
         tabindex="0"
       >
         <ui-icon
@@ -22267,9 +22292,10 @@ exports[`<Finder> type:hotel testID 1`] = `
       <ui-view
         class="view"
         data-testid="mirai-occupation"
+        hasplaces="false"
       >
         <ui-scrollview
-          class="scrollview vertical"
+          class="scrollview vertical notIndicator"
         >
           <ui-view
             class="view wide"
@@ -22278,7 +22304,7 @@ exports[`<Finder> type:hotel testID 1`] = `
               class="view row"
             >
               <ui-text
-                class="text action"
+                class="text bold action"
               >
                 finder.label.place_type_count.room
               </ui-text>

package/build/components/Finder/components/Calendar/Calendar.module.css

@@ -1,7 +1,7 @@
 .footer {
   border-top: solid 1px var(--mirai-ui-content-border);
-  padding: var(--mirai-finder-calendar-padding);
   justify-content: space-between;
+  padding: var(--mirai-ui-space-S) var(--mirai-ui-space-M);
 }
 
 .hint {

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

@@ -9,7 +9,7 @@ exports[`<Finder> <Calendar> inherit:className 1`] = `
       class="view calendar mirai"
     >
       <ui-scrollview
-        class="scrollview snap horizontal scrollview"
+        class="scrollview snap horizontal notIndicator scrollview"
       >
         <ui-calendar-month
           class="view month"
@@ -1286,7 +1286,7 @@ exports[`<Finder> <Calendar> prop:locale 1`] = `
       class="view calendar"
     >
       <ui-scrollview
-        class="scrollview snap horizontal scrollview"
+        class="scrollview snap horizontal notIndicator scrollview"
       >
         <ui-calendar-month
           class="view month"
@@ -2563,7 +2563,7 @@ exports[`<Finder> <Calendar> prop:rangeMaxDays 1`] = `
       class="view calendar"
     >
       <ui-scrollview
-        class="scrollview snap horizontal scrollview"
+        class="scrollview snap horizontal notIndicator scrollview"
       >
         <ui-calendar-month
           class="view month"
@@ -3763,7 +3763,7 @@ exports[`<Finder> <Calendar> prop:rangeMinDays 1`] = `
       class="view calendar"
     >
       <ui-scrollview
-        class="scrollview snap horizontal scrollview"
+        class="scrollview snap horizontal notIndicator scrollview"
       >
         <ui-calendar-month
           class="view month"
@@ -5007,7 +5007,7 @@ exports[`<Finder> <Calendar> prop:showPrices 1`] = `
       class="view calendar"
     >
       <ui-scrollview
-        class="scrollview snap horizontal scrollview"
+        class="scrollview snap horizontal notIndicator scrollview"
       >
         <ui-calendar-month
           class="view month"
@@ -6284,7 +6284,7 @@ exports[`<Finder> <Calendar> prop:text 1`] = `
       class="view calendar"
     >
       <ui-scrollview
-        class="scrollview snap horizontal scrollview"
+        class="scrollview snap horizontal notIndicator scrollview"
       >
         <ui-calendar-month
           class="view month"
@@ -7561,7 +7561,7 @@ exports[`<Finder> <Calendar> prop:value 1`] = `
       class="view calendar"
     >
       <ui-scrollview
-        class="scrollview snap horizontal scrollview"
+        class="scrollview snap horizontal notIndicator scrollview"
       >
         <ui-calendar-month
           class="view month"
@@ -8838,7 +8838,7 @@ exports[`<Finder> <Calendar> renders 1`] = `
       class="view calendar"
     >
       <ui-scrollview
-        class="scrollview snap horizontal scrollview"
+        class="scrollview snap horizontal notIndicator scrollview"
       >
         <ui-calendar-month
           class="view month"
@@ -10116,7 +10116,7 @@ exports[`<Finder> <Calendar> testID 1`] = `
       data-testid="mirai"
     >
       <ui-scrollview
-        class="scrollview snap horizontal scrollview"
+        class="scrollview snap horizontal notIndicator scrollview"
       >
         <ui-calendar-month
           class="view month"

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

@@ -11,6 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _helpers = require("./helpers");
 var _Places = require("./Places.l10n");
 var style = _interopRequireWildcard(require("./Places.module.css"));
+var _helpers2 = require("../../../helpers");
 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 }; }
@@ -29,27 +30,45 @@ const Places = _ref => {
     translate
   } = (0, _locale.useLocale)();
   const [columns, setColumns] = (0, _react.useState)();
+  const [search, setSearch] = (0, _react.useState)();
   (0, _react.useEffect)(() => {
     const {
       isMobile
     } = device;
     if (!isMobile && autoColumn) setColumns(autoColumn ? (0, _helpers.calcColumns)({
       dataSource,
-      device
+      device,
+      hasSubmit: !!onSubmit
     }) : undefined);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [autoColumn, device, dataSource]);
   const {
     testId
   } = others;
+  const results = search ? dataSource.filter(function () {
+    let item = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    return JSON.stringify(item).toLowerCase().includes(search.toLowerCase());
+  }) : dataSource;
   return /*#__PURE__*/_react.default.createElement(_ui.View, {
     role: "places",
-    className: style.container
-  }, /*#__PURE__*/_react.default.createElement(_ui.ScrollView, {
+    className: (0, _ui.styles)(style.container, onSubmit && style.withSubmit)
+  }, dataSource.length >= 10 && /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
+    className: style.header
+  }, /*#__PURE__*/_react.default.createElement(_ui.Icon, {
+    value: _helpers2.ICON.SEARCH
+  }), /*#__PURE__*/_react.default.createElement(_ui.Input, {
+    placeholder: "".concat(translate(_Places.L10N.ACTION_SEARCH), "..."),
+    type: "search",
+    value: search,
+    onChange: setSearch,
+    className: style.input
+  })), results.length > 0 ? /*#__PURE__*/_react.default.createElement(_ui.ScrollView, {
     snap: true,
     tag: "ul",
     className: (0, _ui.styles)(style.scrollview, columns && style.columns, columns && style["columns".concat(columns)]),
     testId: testId
-  }, dataSource.map(function () {
+  }, results.map(function () {
     let item = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     let index = arguments.length > 1 ? arguments[1] : undefined;
     const {
@@ -78,11 +97,10 @@ const Places = _ref => {
       markdown: false,
       className: style.title
     }, '\u00A0'.repeat(level), title));
-  })), onSubmit && /*#__PURE__*/_react.default.createElement(_ui.View, {
+  })) : null, onSubmit && /*#__PURE__*/_react.default.createElement(_ui.View, {
     className: style.footer
   }, /*#__PURE__*/_react.default.createElement(_ui.Button, {
     disabled: !value,
-    className: [style.button, style.submit],
     onPress: onSubmit,
     testId: testId ? "".concat(testId, "-submit") : undefined
   }, text || translate(_Places.L10N.ACTION_SEARCH))));