@mirai/core 0.3.356 → 0.3.358

package/build/components/__shared__/Footer/__tests__/__snapshots__/Footer.test.js.snap

@@ -2,201 +2,201 @@
 
 exports[`component:<Footer> inherit:className 1`] = `
 <DocumentFragment>
-  <ui_view
+  <ui-view
     class="view row mirai"
   >
-    <ui_view
+    <ui-view
       class="view row"
     >
-      <ui_view
+      <ui-view
         class="view row"
       >
-        <ui_text
+        <ui-text
           class="text light small"
         >
           © 2024
-          <ui_action
+          <ui-action
             class="pressable action small"
             tabindex="0"
           />
           .
-        </ui_text>
-        <ui_text
+        </ui-text>
+        <ui-text
           class="text light small"
         >
           common.label.all
-          <ui_text
+          <ui-text
             style="text-decoration: underline;"
           >
             rights
-          </ui_text>
+          </ui-text>
           reserved
-        </ui_text>
-      </ui_view>
+        </ui-text>
+      </ui-view>
       <a
         class="pressable action small"
         href="https://www.mirai.com/"
         tabindex="0"
       >
         Powered by 
-        <ui_text
+        <ui-text
           class="text bold light paragraph"
         >
           mirai
-        </ui_text>
+        </ui-text>
       </a>
-    </ui_view>
-  </ui_view>
+    </ui-view>
+  </ui-view>
 </DocumentFragment>
 `;
 
 exports[`component:<Footer> prop:logo 1`] = `
 <DocumentFragment>
-  <ui_view
+  <ui-view
     class="view row"
   >
-    <ui_view
+    <ui-view
       class="view row"
     >
-      <ui_view
+      <ui-view
         class="view row"
       >
-        <ui_text
+        <ui-text
           class="text light small"
         >
           © 2024
-          <ui_action
+          <ui-action
             class="pressable action small"
             tabindex="0"
           />
           .
-        </ui_text>
-        <ui_text
+        </ui-text>
+        <ui-text
           class="text light small"
         >
           common.label.all
-          <ui_text
+          <ui-text
             style="text-decoration: underline;"
           >
             rights
-          </ui_text>
+          </ui-text>
           reserved
-        </ui_text>
-      </ui_view>
+        </ui-text>
+      </ui-view>
       <a
         class="pressable action small"
         href="https://www.mirai.com/"
         tabindex="0"
       >
         Powered by 
-        <ui_text
+        <ui-text
           class="text bold light paragraph"
         >
           mirai
-        </ui_text>
+        </ui-text>
       </a>
-    </ui_view>
-  </ui_view>
+    </ui-view>
+  </ui-view>
 </DocumentFragment>
 `;
 
 exports[`component:<Footer> renders 1`] = `
 <DocumentFragment>
-  <ui_view
+  <ui-view
     class="view row"
   >
-    <ui_view
+    <ui-view
       class="view row"
     >
-      <ui_view
+      <ui-view
         class="view row"
       >
-        <ui_text
+        <ui-text
           class="text light small"
         >
           © 2024
-          <ui_action
+          <ui-action
             class="pressable action small"
             tabindex="0"
           />
           .
-        </ui_text>
-        <ui_text
+        </ui-text>
+        <ui-text
           class="text light small"
         >
           common.label.all
-          <ui_text
+          <ui-text
             style="text-decoration: underline;"
           >
             rights
-          </ui_text>
+          </ui-text>
           reserved
-        </ui_text>
-      </ui_view>
+        </ui-text>
+      </ui-view>
       <a
         class="pressable action small"
         href="https://www.mirai.com/"
         tabindex="0"
       >
         Powered by 
-        <ui_text
+        <ui-text
           class="text bold light paragraph"
         >
           mirai
-        </ui_text>
+        </ui-text>
       </a>
-    </ui_view>
-  </ui_view>
+    </ui-view>
+  </ui-view>
 </DocumentFragment>
 `;
 
 exports[`component:<Footer> testID 1`] = `
 <DocumentFragment>
-  <ui_view
+  <ui-view
     class="view row"
     data-testid="mirai"
   >
-    <ui_view
+    <ui-view
       class="view row"
     >
-      <ui_view
+      <ui-view
         class="view row"
       >
-        <ui_text
+        <ui-text
           class="text light small"
         >
           © 2024
-          <ui_action
+          <ui-action
             class="pressable action small"
             tabindex="0"
           />
           .
-        </ui_text>
-        <ui_text
+        </ui-text>
+        <ui-text
           class="text light small"
         >
           common.label.all
-          <ui_text
+          <ui-text
             style="text-decoration: underline;"
           >
             rights
-          </ui_text>
+          </ui-text>
           reserved
-        </ui_text>
-      </ui_view>
+        </ui-text>
+      </ui-view>
       <a
         class="pressable action small"
         href="https://www.mirai.com/"
         tabindex="0"
       >
         Powered by 
-        <ui_text
+        <ui-text
           class="text bold light paragraph"
         >
           mirai
-        </ui_text>
+        </ui-text>
       </a>
-    </ui_view>
-  </ui_view>
+    </ui-view>
+  </ui-view>
 </DocumentFragment>
 `;

package/build/components/__shared__/Occupation/Occupation.Group.js

@@ -82,7 +82,8 @@ const OccupationGroup = _ref => {
       error: ages[index] === undefined,
       key: "occupation:group:".concat(index),
       value: (_ages$index = ages[index]) === null || _ages$index === void 0 ? void 0 : _ages$index.toString(),
-      onChange: value => handleAge(value, index)
+      onChange: value => handleAge(value, index),
+      className: style.inputSelect
     }));
   })), [_Occupation.TYPE.CHILD, _Occupation.TYPE.INFANT].includes(type) && /*#__PURE__*/_react.default.createElement(_ui.Text, {
     light: true,

package/build/components/__shared__/Occupation/Occupation.Group.js.map

@@ -1 +1 @@
-{"version":3,"file":"Occupation.Group.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_helpers","_Occupation","_Occupation2","style","_helpers2","_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","OccupationGroup","_ref","age","fulfill","max","min","type","TYPE","ADULT","value","onChange","translate","useLocale","useEffect","amount","ages","handleAmount","nextAmount","pop","push","undefined","handleAge","nextAge","index","parseInt","createElement","Fragment","InputNumber","hint","getAgeRange","label","L10N","LABEL_OCCUPATION_TYPE","adults","children","guests","name","concat","rounded","step","className","styles","inputNumber","offset","View","row","inputs","Array","from","_","_ages$index","InputSelect","getAgeOptions","error","toString","CHILD","INFANT","includes","Text","light","small","LABEL_AGE_HINT","exports","displayName","propTypes","PropTypes","arrayOf","number","bool","isRequired","shape","func"],"sources":["../../../../src/components/__shared__/Occupation/Occupation.Group.jsx"],"sourcesContent":["import { useLocale } from '@mirai/locale';\nimport { InputNumber, InputSelect, styles, Text, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect } from 'react';\n\nimport { getAgeOptions } from './helpers';\nimport { TYPE } from './Occupation.constants';\nimport { L10N } from './Occupation.l10n';\nimport * as style from './Occupation.module.css';\nimport { getAgeRange } from '../../helpers';\n\nconst OccupationGroup = ({\n  age = [],\n  fulfill = false,\n  max,\n  min = 0,\n  type = TYPE.ADULT,\n  value = {},\n  onChange = () => {},\n}) => {\n  const { translate } = useLocale();\n\n  useEffect(() => {}, []);\n\n  const { amount, ages = [] } = value;\n\n  const handleAmount = (nextAmount) => {\n    if (nextAmount < amount) ages.pop();\n    else ages.push(undefined);\n    onChange({ ages, amount: nextAmount, type });\n  };\n\n  const handleAge = (nextAge = '', index) => {\n    ages[index] = nextAge.length !== 0 ? parseInt(nextAge, 10) : undefined;\n    onChange({ ages, amount, type });\n  };\n\n  return (\n    <>\n      <InputNumber\n        hint={getAgeRange(age, translate)}\n        label={translate(L10N.LABEL_OCCUPATION_TYPE[type], { adults: '', children: '', guests: '' })}\n        max={max}\n        min={min}\n        name={`occupation-${type}-${max || ''}`}\n        rounded={false}\n        step={1}\n        value={amount}\n        className={styles(style.inputNumber, style.offset)}\n        onChange={handleAmount}\n      />\n      {fulfill && amount > 0 && (\n        <View className={styles(style.ages, style.offset)}>\n          <View row className={style.inputs}>\n            {Array.from({ length: amount }, (_, index) => (\n              <InputSelect\n                {...getAgeOptions(age, translate)}\n                name={`age-${age}`}\n                error={ages[index] === undefined}\n                key={`occupation:group:${index}`}\n                value={ages[index]?.toString()}\n                onChange={(value) => handleAge(value, index)}\n              />\n            ))}\n          </View>\n          {[TYPE.CHILD, TYPE.INFANT].includes(type) && (\n            <Text light small>\n              {translate(L10N.LABEL_AGE_HINT)}\n            </Text>\n          )}\n        </View>\n      )}\n    </>\n  );\n};\n\nOccupationGroup.displayName = 'Finder:Occupation:OccupationGroup';\n\nOccupationGroup.propTypes = {\n  age: PropTypes.arrayOf(PropTypes.number),\n  fulfill: PropTypes.bool,\n  max: PropTypes.number,\n  min: PropTypes.number,\n  type: PropTypes.number.isRequired,\n  value: PropTypes.shape({\n    amount: PropTypes.number,\n    ages: PropTypes.arrayOf(PropTypes.number),\n  }),\n  onChange: PropTypes.func.isRequired,\n};\n\nexport { OccupationGroup };\n"],"mappings":"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"}
+{"version":3,"file":"Occupation.Group.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_helpers","_Occupation","_Occupation2","style","_helpers2","_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","OccupationGroup","_ref","age","fulfill","max","min","type","TYPE","ADULT","value","onChange","translate","useLocale","useEffect","amount","ages","handleAmount","nextAmount","pop","push","undefined","handleAge","nextAge","index","parseInt","createElement","Fragment","InputNumber","hint","getAgeRange","label","L10N","LABEL_OCCUPATION_TYPE","adults","children","guests","name","concat","rounded","step","className","styles","inputNumber","offset","View","row","inputs","Array","from","_","_ages$index","InputSelect","getAgeOptions","error","toString","inputSelect","CHILD","INFANT","includes","Text","light","small","LABEL_AGE_HINT","exports","displayName","propTypes","PropTypes","arrayOf","number","bool","isRequired","shape","func"],"sources":["../../../../src/components/__shared__/Occupation/Occupation.Group.jsx"],"sourcesContent":["import { useLocale } from '@mirai/locale';\nimport { InputNumber, InputSelect, styles, Text, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect } from 'react';\n\nimport { getAgeOptions } from './helpers';\nimport { TYPE } from './Occupation.constants';\nimport { L10N } from './Occupation.l10n';\nimport * as style from './Occupation.module.css';\nimport { getAgeRange } from '../../helpers';\n\nconst OccupationGroup = ({\n  age = [],\n  fulfill = false,\n  max,\n  min = 0,\n  type = TYPE.ADULT,\n  value = {},\n  onChange = () => {},\n}) => {\n  const { translate } = useLocale();\n\n  useEffect(() => {}, []);\n\n  const { amount, ages = [] } = value;\n\n  const handleAmount = (nextAmount) => {\n    if (nextAmount < amount) ages.pop();\n    else ages.push(undefined);\n    onChange({ ages, amount: nextAmount, type });\n  };\n\n  const handleAge = (nextAge = '', index) => {\n    ages[index] = nextAge.length !== 0 ? parseInt(nextAge, 10) : undefined;\n    onChange({ ages, amount, type });\n  };\n\n  return (\n    <>\n      <InputNumber\n        hint={getAgeRange(age, translate)}\n        label={translate(L10N.LABEL_OCCUPATION_TYPE[type], { adults: '', children: '', guests: '' })}\n        max={max}\n        min={min}\n        name={`occupation-${type}-${max || ''}`}\n        rounded={false}\n        step={1}\n        value={amount}\n        className={styles(style.inputNumber, style.offset)}\n        onChange={handleAmount}\n      />\n      {fulfill && amount > 0 && (\n        <View className={styles(style.ages, style.offset)}>\n          <View row className={style.inputs}>\n            {Array.from({ length: amount }, (_, index) => (\n              <InputSelect\n                {...getAgeOptions(age, translate)}\n                name={`age-${age}`}\n                error={ages[index] === undefined}\n                key={`occupation:group:${index}`}\n                value={ages[index]?.toString()}\n                onChange={(value) => handleAge(value, index)}\n                className={style.inputSelect}\n              />\n            ))}\n          </View>\n          {[TYPE.CHILD, TYPE.INFANT].includes(type) && (\n            <Text light small>\n              {translate(L10N.LABEL_AGE_HINT)}\n            </Text>\n          )}\n        </View>\n      )}\n    </>\n  );\n};\n\nOccupationGroup.displayName = 'Finder:Occupation:OccupationGroup';\n\nOccupationGroup.propTypes = {\n  age: PropTypes.arrayOf(PropTypes.number),\n  fulfill: PropTypes.bool,\n  max: PropTypes.number,\n  min: PropTypes.number,\n  type: PropTypes.number.isRequired,\n  value: PropTypes.shape({\n    amount: PropTypes.number,\n    ages: PropTypes.arrayOf(PropTypes.number),\n  }),\n  onChange: PropTypes.func.isRequired,\n};\n\nexport { OccupationGroup };\n"],"mappings":"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"}

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

@@ -51,7 +51,7 @@
   flex-wrap: wrap;
 }
 
-.ages .inputs > [data-role='input-select'] {
+.ages .inputs .inputSelect {
   box-sizing: border-box;
   margin-bottom: var(--mirai-ui-space-M);
   margin-top: 0;
@@ -59,11 +59,11 @@
   min-width: 47%;
 }
 
-.ages .inputs > [data-role='input-select']:nth-child(odd) {
+.ages .inputs .inputSelect:nth-child(odd) {
   margin-right: 6%;
 }
 
-.inputNumber [data-role='text']:first-letter {
+.inputNumber *:first-letter {
   text-transform: capitalize;
 }