@mirai/core 0.3.339 → 0.3.341

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

@@ -45,17 +45,29 @@ const BookingTable = _ref => {
     track("".concat(tracking, ":ACTION:DETAIL_EXPAND"));
     setExpand(true);
   };
+  const rowTotal = showTotal ? {
+    bold: true,
+    price: dataSource.reduce((total, _ref2) => {
+      let {
+        price = 0
+      } = _ref2;
+      return total + price;
+    }, 0),
+    summary: ' ',
+    title: translate(_BookingTable2.L10N.LABEL_TOTAL)
+  } : undefined;
   return dataSource.length > 0 ? /*#__PURE__*/_react.default.createElement(_ui.View, _extends({}, others, {
     className: (0, _ui.styles)(style.table, !expand && style.collapsed, others.className)
   }), label && /*#__PURE__*/_react.default.createElement(_ui.Text, {
     headline: isDesktop,
     bold: true
-  }, label), dataSource.slice(0, expanded || expand ? dataSource.length : UNEXPANDED_ITEMS).map((_ref2, index) => {
+  }, label), [...dataSource, rowTotal].filter(item => !!item).slice(0, expanded || expand ? dataSource.length + (showTotal ? 1 : 0) : UNEXPANDED_ITEMS).map(function () {
     let {
       date,
       title = '',
       ...item
-    } = _ref2;
+    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    let index = arguments.length > 1 ? arguments[1] : undefined;
     return /*#__PURE__*/_react.default.createElement(_BookingTable3.Row, _extends({}, item, {
       currency,
       tracking,
@@ -65,17 +77,6 @@ const BookingTable = _ref => {
       onPress: handlePress,
       className: style.buttonMore
     }));
-  }), showTotal && (expanded || expand) && /*#__PURE__*/_react.default.createElement(_BookingTable3.Row, {
-    bold: true,
-    title: translate(_BookingTable2.L10N.LABEL_TOTAL),
-    summary: " ",
-    price: dataSource.reduce((total, _ref3) => {
-      let {
-        price = 0
-      } = _ref3;
-      return total + price;
-    }, 0),
-    currency: currency
   })) : null;
 };
 exports.BookingTable = BookingTable;

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

@@ -1 +1 @@
-{"version":3,"file":"BookingTable.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_BookingTable","_BookingTable2","style","_BookingTable3","_ButtonMore","_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","UNEXPANDED_ITEMS","BookingTable","_ref","currency","expanded","dataSource","label","showTotal","tracking","others","isDesktop","useDevice","dateFormat","translate","useLocale","track","useMetrics","expand","setExpand","useState","useEffect","handlePress","concat","createElement","View","className","styles","table","collapsed","Text","headline","bold","slice","map","_ref2","index","date","title","item","Row","parseDate","FORMAT_DATE","ButtonMore","onPress","buttonMore","L10N","LABEL_TOTAL","summary","price","reduce","total","_ref3","exports","displayName","propTypes","PropTypes","string","arrayOf","shape","bool"],"sources":["../../../../src/components/__shared__/BookingTable/BookingTable.jsx"],"sourcesContent":["import { useMetrics } from '@mirai/data-sources';\nimport { parseDate, useLocale } from '@mirai/locale';\nimport { styles, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { FORMAT_DATE } from './BookingTable.constants';\nimport { L10N } from './BookingTable.l10n';\nimport * as style from './BookingTable.module.css';\nimport { Row } from './BookingTable.Row';\nimport { ButtonMore } from '../ButtonMore';\n\nconst UNEXPANDED_ITEMS = 3;\n\nconst BookingTable = ({\n  currency,\n  expanded = true,\n  dataSource = [],\n  label,\n  showTotal = false,\n  tracking,\n  ...others\n}) => {\n  const { isDesktop } = useDevice();\n  const { dateFormat, translate } = useLocale();\n  const { track } = useMetrics();\n\n  const [expand, setExpand] = useState(dataSource.length <= UNEXPANDED_ITEMS);\n\n  useEffect(() => setExpand(dataSource.length <= UNEXPANDED_ITEMS), [dataSource]);\n\n  const handlePress = () => {\n    track(`${tracking}:ACTION:DETAIL_EXPAND`);\n    setExpand(true);\n  };\n\n  return dataSource.length > 0 ? (\n    <View {...others} className={styles(style.table, !expand && style.collapsed, others.className)}>\n      {label && (\n        <Text headline={isDesktop} bold>\n          {label}\n        </Text>\n      )}\n      {dataSource\n        .slice(0, expanded || expand ? dataSource.length : UNEXPANDED_ITEMS)\n        .map(({ date, title = '', ...item }, index) => (\n          <Row\n            {...{ ...item, currency, tracking }}\n            title={date ? dateFormat(parseDate(date), FORMAT_DATE) : title}\n            key={index}\n          >\n            {!expanded && !expand && index === UNEXPANDED_ITEMS - 1 && (\n              <ButtonMore onPress={handlePress} className={style.buttonMore} />\n            )}\n          </Row>\n        ))}\n\n      {showTotal && (expanded || expand) && (\n        <Row\n          bold\n          title={translate(L10N.LABEL_TOTAL)}\n          summary=\" \"\n          price={dataSource.reduce((total, { price = 0 }) => total + price, 0)}\n          currency={currency}\n        />\n      )}\n    </View>\n  ) : null;\n};\n\nBookingTable.displayName = 'Mirai:Core:BookingTable';\n\nBookingTable.propTypes = {\n  currency: PropTypes.string,\n  dataSource: PropTypes.arrayOf(PropTypes.shape({})),\n  expanded: PropTypes.bool,\n  label: PropTypes.string,\n  showTotal: PropTypes.bool,\n  tracking: PropTypes.string,\n};\n\nexport { BookingTable };\n"],"mappings":"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"}
+{"version":3,"file":"BookingTable.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_BookingTable","_BookingTable2","style","_BookingTable3","_ButtonMore","_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","UNEXPANDED_ITEMS","BookingTable","_ref","currency","expanded","dataSource","label","showTotal","tracking","others","isDesktop","useDevice","dateFormat","translate","useLocale","track","useMetrics","expand","setExpand","useState","useEffect","handlePress","concat","rowTotal","bold","price","reduce","total","_ref2","summary","title","L10N","LABEL_TOTAL","undefined","createElement","View","className","styles","table","collapsed","Text","headline","filter","item","slice","map","date","index","Row","parseDate","FORMAT_DATE","ButtonMore","onPress","buttonMore","exports","displayName","propTypes","PropTypes","string","arrayOf","shape","bool"],"sources":["../../../../src/components/__shared__/BookingTable/BookingTable.jsx"],"sourcesContent":["import { useMetrics } from '@mirai/data-sources';\nimport { parseDate, useLocale } from '@mirai/locale';\nimport { styles, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { FORMAT_DATE } from './BookingTable.constants';\nimport { L10N } from './BookingTable.l10n';\nimport * as style from './BookingTable.module.css';\nimport { Row } from './BookingTable.Row';\nimport { ButtonMore } from '../ButtonMore';\n\nconst UNEXPANDED_ITEMS = 3;\n\nconst BookingTable = ({\n  currency,\n  expanded = true,\n  dataSource = [],\n  label,\n  showTotal = false,\n  tracking,\n  ...others\n}) => {\n  const { isDesktop } = useDevice();\n  const { dateFormat, translate } = useLocale();\n  const { track } = useMetrics();\n\n  const [expand, setExpand] = useState(dataSource.length <= UNEXPANDED_ITEMS);\n\n  useEffect(() => setExpand(dataSource.length <= UNEXPANDED_ITEMS), [dataSource]);\n\n  const handlePress = () => {\n    track(`${tracking}:ACTION:DETAIL_EXPAND`);\n    setExpand(true);\n  };\n\n  const rowTotal = showTotal\n    ? {\n        bold: true,\n        price: dataSource.reduce((total, { price = 0 }) => total + price, 0),\n        summary: ' ',\n        title: translate(L10N.LABEL_TOTAL),\n      }\n    : undefined;\n\n  return dataSource.length > 0 ? (\n    <View {...others} className={styles(style.table, !expand && style.collapsed, others.className)}>\n      {label && (\n        <Text headline={isDesktop} bold>\n          {label}\n        </Text>\n      )}\n      {[...dataSource, rowTotal]\n        .filter((item) => !!item)\n        .slice(0, expanded || expand ? dataSource.length + (showTotal ? 1 : 0) : UNEXPANDED_ITEMS)\n        .map(({ date, title = '', ...item } = {}, index) => (\n          <Row\n            {...{ ...item, currency, tracking }}\n            title={date ? dateFormat(parseDate(date), FORMAT_DATE) : title}\n            key={index}\n          >\n            {!expanded && !expand && index === UNEXPANDED_ITEMS - 1 && (\n              <ButtonMore onPress={handlePress} className={style.buttonMore} />\n            )}\n          </Row>\n        ))}\n    </View>\n  ) : null;\n};\n\nBookingTable.displayName = 'Mirai:Core:BookingTable';\n\nBookingTable.propTypes = {\n  currency: PropTypes.string,\n  dataSource: PropTypes.arrayOf(PropTypes.shape({})),\n  expanded: PropTypes.bool,\n  label: PropTypes.string,\n  showTotal: PropTypes.bool,\n  tracking: PropTypes.string,\n};\n\nexport { BookingTable };\n"],"mappings":"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"}

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

@@ -54,7 +54,7 @@ exports[`component:<FieldOccupation> inherit:className 1`] = `
       class="view"
     >
       <ui_scrollview
-        class="scrollview vertical notIndicator"
+        class="scrollview vertical"
       >
         <ui_view
           class="view wide"
@@ -259,7 +259,7 @@ exports[`component:<FieldOccupation> prop:compacted 1`] = `
       class="view"
     >
       <ui_scrollview
-        class="scrollview vertical notIndicator"
+        class="scrollview vertical"
       >
         <ui_view
           class="view wide"
@@ -512,7 +512,7 @@ exports[`component:<FieldOccupation> prop:minRooms 1`] = `
       class="view"
     >
       <ui_scrollview
-        class="scrollview vertical notIndicator"
+        class="scrollview vertical"
       >
         <ui_view
           class="view wide"
@@ -946,7 +946,7 @@ exports[`component:<FieldOccupation> prop:value 1`] = `
       class="view"
     >
       <ui_scrollview
-        class="scrollview vertical notIndicator"
+        class="scrollview vertical"
       >
         <ui_view
           class="view wide"
@@ -1340,7 +1340,7 @@ exports[`component:<FieldOccupation> prop:visible 1`] = `
       class="view"
     >
       <ui_scrollview
-        class="scrollview vertical notIndicator"
+        class="scrollview vertical"
       >
         <ui_view
           class="view wide"
@@ -1604,7 +1604,7 @@ exports[`component:<FieldOccupation> prop:warning 1`] = `
       class="view"
     >
       <ui_scrollview
-        class="scrollview vertical notIndicator"
+        class="scrollview vertical"
       >
         <ui_view
           class="view wide"
@@ -1851,7 +1851,7 @@ exports[`component:<FieldOccupation> renders 1`] = `
       class="view"
     >
       <ui_scrollview
-        class="scrollview vertical notIndicator"
+        class="scrollview vertical"
       >
         <ui_view
           class="view wide"
@@ -2100,7 +2100,7 @@ exports[`component:<FieldOccupation> testID 1`] = `
       data-testid="mirai"
     >
       <ui_scrollview
-        class="scrollview vertical notIndicator"
+        class="scrollview vertical"
       >
         <ui_view
           class="view wide"

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

@@ -37,7 +37,7 @@ exports[` 1`] = `
       </ui_view>
     </ui_notification>
     <ui_scrollview
-      class="scrollview vertical notIndicator"
+      class="scrollview vertical"
     >
       <ui_view
         class="view wide"
@@ -705,7 +705,7 @@ exports[`component:<Occupation> adding a new room 1`] = `
     l10n="[object Object]"
   >
     <ui_scrollview
-      class="scrollview vertical notIndicator"
+      class="scrollview vertical"
     >
       <ui_view
         class="view wide"
@@ -905,7 +905,7 @@ exports[`component:<Occupation> inherit:className 1`] = `
     l10n="[object Object]"
   >
     <ui_scrollview
-      class="scrollview vertical notIndicator"
+      class="scrollview vertical"
     >
       <ui_view
         class="view wide"
@@ -1104,7 +1104,7 @@ exports[`component:<Occupation> prop:dataSource 1`] = `
     l10n="[object Object]"
   >
     <ui_scrollview
-      class="scrollview vertical notIndicator"
+      class="scrollview vertical"
     >
       <ui_view
         class="view wide"
@@ -1302,7 +1302,7 @@ exports[`component:<Occupation> prop:maxRooms 1`] = `
     class="view"
   >
     <ui_scrollview
-      class="scrollview vertical notIndicator"
+      class="scrollview vertical"
     >
       <ui_view
         class="view wide"
@@ -1500,7 +1500,7 @@ exports[`component:<Occupation> prop:minRooms 1`] = `
     class="view"
   >
     <ui_scrollview
-      class="scrollview vertical notIndicator"
+      class="scrollview vertical"
     >
       <ui_view
         class="view wide"
@@ -1873,7 +1873,7 @@ exports[`component:<Occupation> prop:text 1`] = `
     class="view"
   >
     <ui_scrollview
-      class="scrollview vertical notIndicator"
+      class="scrollview vertical"
     >
       <ui_view
         class="view wide"
@@ -2112,7 +2112,7 @@ exports[`component:<Occupation> prop:value prop:error 1`] = `
       </ui_view>
     </ui_notification>
     <ui_scrollview
-      class="scrollview vertical notIndicator"
+      class="scrollview vertical"
     >
       <ui_view
         class="view wide"
@@ -2780,7 +2780,7 @@ exports[`component:<Occupation> removing a room 1`] = `
     l10n="[object Object]"
   >
     <ui_scrollview
-      class="scrollview vertical notIndicator"
+      class="scrollview vertical"
     >
       <ui_view
         class="view wide"
@@ -3450,7 +3450,7 @@ exports[`component:<Occupation> renders 1`] = `
     l10n="[object Object]"
   >
     <ui_scrollview
-      class="scrollview vertical notIndicator"
+      class="scrollview vertical"
     >
       <ui_view
         class="view wide"
@@ -3650,7 +3650,7 @@ exports[`component:<Occupation> testID 1`] = `
     l10n="[object Object]"
   >
     <ui_scrollview
-      class="scrollview vertical notIndicator"
+      class="scrollview vertical"
     >
       <ui_view
         class="view wide"

package/build/components/__shared__/SelectEnvironment/SelectEnvironment.js

@@ -101,7 +101,7 @@ const SelectEnvironment = _ref => {
     value: is.currency ? _helpers2.ICON.CURRENCY : _helpers2.ICON.LANGUAGE
   }), !compacted && /*#__PURE__*/_react.default.createElement(_ui.Text, {
     action: !isMobile,
-    bold: true,
+    medium: true,
     small: isMobile
   }, is.currency ? currency : _SelectEnvironment.LANGUAGES[_helpers2.LOCALES.findIndex(locale => locale.includes(language))])), /*#__PURE__*/_react.default.createElement(_ui.Select, {
     name: name,

package/build/components/__shared__/SelectEnvironment/SelectEnvironment.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectEnvironment.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_SelectEnvironment","_SelectEnvironment2","style","_helpers","_helpers2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","SelectEnvironment","_ref","compacted","name","small","others","isMobile","useDevice","translate","useLocale","value","currency","language","locale","locales","useStore","useEffect","Event","publish","EVENT","INTENT_ENVIRONMENT","is","handleChange","next","event","replaceUrlParams","lang","split","nextLocale","getLocale","undefined","className","testId","createElement","Tooltip","text","L10N","LABEL_SELECT_CURRENCY","LABEL_SELECT_LANGUAGE","View","row","styles","selectEnvironment","caption","Icon","headline","level","ICON","CURRENCY","LANGUAGE","Text","action","bold","LANGUAGES","LOCALES","findIndex","includes","Select","options","CURRENCIES","map","item","concat","Intl","DisplayNames","type","of","length","filter","_","index","values","onChange","input","exports","displayName","propTypes","PropTypes","bool","oneOf","isRequired"],"sources":["../../../../src/components/__shared__/SelectEnvironment/SelectEnvironment.jsx"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { CURRENCIES, useLocale } from '@mirai/locale';\nimport { Icon, Select, styles, Text, Tooltip, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect } from 'react';\n\nimport { LANGUAGES } from './SelectEnvironment.constants';\nimport { L10N } from './SelectEnvironment.l10n';\nimport * as style from './SelectEnvironment.module.css';\nimport { getLocale } from '../../../helpers';\nimport { EVENT, ICON, LOCALES, replaceUrlParams } from '../../helpers';\n\nconst SelectEnvironment = ({ compacted = false, name, small = false, ...others }) => {\n  const { isMobile } = useDevice();\n  const { translate } = useLocale();\n  const {\n    value: { currency, language, locale, locales = [] },\n  } = useStore();\n\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useEffect(() => Event.publish(EVENT.INTENT_ENVIRONMENT, { currency, locale }), []);\n\n  const is = {\n    currency: name === 'currency',\n    locale: name === 'locale',\n  };\n\n  const handleChange = (next) => {\n    let event = { currency, locale };\n\n    if (is.currency) {\n      event = { ...event, currency: next };\n      replaceUrlParams({ currency: next });\n      // ? Something is wrong with this event when has been subscribed in Core.jsx\n      // Event.publish(EVENT.INTENT_CURRENCY, { currency: next });\n    } else if (is.locale) {\n      const [lang] = next.split('-');\n      const { locale: nextLocale } = getLocale(undefined, { lang });\n\n      event = { ...event, locale: nextLocale };\n      replaceUrlParams({ lang, locale: nextLocale });\n      // ? Something is wrong with this event when has been subscribed in Core.jsx\n      // Event.publish(EVENT.INTENT_LOCALE, { locale: next });\n    }\n\n    Event.publish(EVENT.INTENT_ENVIRONMENT, event);\n  };\n\n  const { className, testId } = others;\n\n  return (\n    <Tooltip\n      text={!isMobile ? translate(is.currency ? L10N.LABEL_SELECT_CURRENCY : L10N.LABEL_SELECT_LANGUAGE) : undefined}\n    >\n      <View row className={styles(style.selectEnvironment, small && style.small, className)}>\n        <View row className={style.caption}>\n          <Icon headline level={2} value={is.currency ? ICON.CURRENCY : ICON.LANGUAGE} />\n          {!compacted && (\n            <Text action={!isMobile} bold small={isMobile}>\n              {is.currency ? currency : LANGUAGES[LOCALES.findIndex((locale) => locale.includes(language))]}\n            </Text>\n          )}\n        </View>\n        <Select\n          name={name}\n          options={\n            is.currency\n              ? CURRENCIES.map((item) => `${item} - ${new Intl.DisplayNames(locale, { type: 'currency' }).of(item)}`)\n              : locales.length > 0\n              ? LANGUAGES.filter((_, index) => locales.includes(LOCALES[index]))\n              : LANGUAGES\n          }\n          value={is.currency ? currency : locale}\n          values={\n            is.currency\n              ? CURRENCIES\n              : locales.length > 0\n              ? LOCALES.filter((locale) => locales.includes(locale))\n              : LOCALES\n          }\n          onChange={handleChange}\n          className={style.input}\n          testId={testId}\n        />\n      </View>\n    </Tooltip>\n  );\n};\n\nSelectEnvironment.displayName = 'Mirai:Core:SelectEnvironment';\n\nSelectEnvironment.propTypes = {\n  compacted: PropTypes.bool,\n  name: PropTypes.oneOf(['currency', 'locale']).isRequired,\n  small: PropTypes.bool,\n};\n\nexport { SelectEnvironment };\n"],"mappings":"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"}
+{"version":3,"file":"SelectEnvironment.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_SelectEnvironment","_SelectEnvironment2","style","_helpers","_helpers2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","SelectEnvironment","_ref","compacted","name","small","others","isMobile","useDevice","translate","useLocale","value","currency","language","locale","locales","useStore","useEffect","Event","publish","EVENT","INTENT_ENVIRONMENT","is","handleChange","next","event","replaceUrlParams","lang","split","nextLocale","getLocale","undefined","className","testId","createElement","Tooltip","text","L10N","LABEL_SELECT_CURRENCY","LABEL_SELECT_LANGUAGE","View","row","styles","selectEnvironment","caption","Icon","headline","level","ICON","CURRENCY","LANGUAGE","Text","action","medium","LANGUAGES","LOCALES","findIndex","includes","Select","options","CURRENCIES","map","item","concat","Intl","DisplayNames","type","of","length","filter","_","index","values","onChange","input","exports","displayName","propTypes","PropTypes","bool","oneOf","isRequired"],"sources":["../../../../src/components/__shared__/SelectEnvironment/SelectEnvironment.jsx"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { CURRENCIES, useLocale } from '@mirai/locale';\nimport { Icon, Select, styles, Text, Tooltip, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect } from 'react';\n\nimport { LANGUAGES } from './SelectEnvironment.constants';\nimport { L10N } from './SelectEnvironment.l10n';\nimport * as style from './SelectEnvironment.module.css';\nimport { getLocale } from '../../../helpers';\nimport { EVENT, ICON, LOCALES, replaceUrlParams } from '../../helpers';\n\nconst SelectEnvironment = ({ compacted = false, name, small = false, ...others }) => {\n  const { isMobile } = useDevice();\n  const { translate } = useLocale();\n  const {\n    value: { currency, language, locale, locales = [] },\n  } = useStore();\n\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useEffect(() => Event.publish(EVENT.INTENT_ENVIRONMENT, { currency, locale }), []);\n\n  const is = {\n    currency: name === 'currency',\n    locale: name === 'locale',\n  };\n\n  const handleChange = (next) => {\n    let event = { currency, locale };\n\n    if (is.currency) {\n      event = { ...event, currency: next };\n      replaceUrlParams({ currency: next });\n      // ? Something is wrong with this event when has been subscribed in Core.jsx\n      // Event.publish(EVENT.INTENT_CURRENCY, { currency: next });\n    } else if (is.locale) {\n      const [lang] = next.split('-');\n      const { locale: nextLocale } = getLocale(undefined, { lang });\n\n      event = { ...event, locale: nextLocale };\n      replaceUrlParams({ lang, locale: nextLocale });\n      // ? Something is wrong with this event when has been subscribed in Core.jsx\n      // Event.publish(EVENT.INTENT_LOCALE, { locale: next });\n    }\n\n    Event.publish(EVENT.INTENT_ENVIRONMENT, event);\n  };\n\n  const { className, testId } = others;\n\n  return (\n    <Tooltip\n      text={!isMobile ? translate(is.currency ? L10N.LABEL_SELECT_CURRENCY : L10N.LABEL_SELECT_LANGUAGE) : undefined}\n    >\n      <View row className={styles(style.selectEnvironment, small && style.small, className)}>\n        <View row className={style.caption}>\n          <Icon headline level={2} value={is.currency ? ICON.CURRENCY : ICON.LANGUAGE} />\n          {!compacted && (\n            <Text action={!isMobile} medium small={isMobile}>\n              {is.currency ? currency : LANGUAGES[LOCALES.findIndex((locale) => locale.includes(language))]}\n            </Text>\n          )}\n        </View>\n        <Select\n          name={name}\n          options={\n            is.currency\n              ? CURRENCIES.map((item) => `${item} - ${new Intl.DisplayNames(locale, { type: 'currency' }).of(item)}`)\n              : locales.length > 0\n              ? LANGUAGES.filter((_, index) => locales.includes(LOCALES[index]))\n              : LANGUAGES\n          }\n          value={is.currency ? currency : locale}\n          values={\n            is.currency\n              ? CURRENCIES\n              : locales.length > 0\n              ? LOCALES.filter((locale) => locales.includes(locale))\n              : LOCALES\n          }\n          onChange={handleChange}\n          className={style.input}\n          testId={testId}\n        />\n      </View>\n    </Tooltip>\n  );\n};\n\nSelectEnvironment.displayName = 'Mirai:Core:SelectEnvironment';\n\nSelectEnvironment.propTypes = {\n  compacted: PropTypes.bool,\n  name: PropTypes.oneOf(['currency', 'locale']).isRequired,\n  small: PropTypes.bool,\n};\n\nexport { SelectEnvironment };\n"],"mappings":"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"}

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

@@ -6,12 +6,12 @@
 
 .selectEnvironment:hover,
 .selectEnvironment:active {
-  background-color: var(--mirai-header-content-border);
+  background-color: var(--mirai-header-content-background-hover);
 }
 
 .selectEnvironment > * {
-  height: var(--mirai-ui-space-XL);
-  line-height: var(--mirai-ui-space-XL);
+  height: var(--mirai-ui-button-height);
+  line-height: var(--mirai-ui-button-height);
   padding: 0 calc(var(--mirai-ui-button-padding-x) / 2);
 }
 
@@ -19,6 +19,11 @@
   color: var(--mirai-header-content);
 }
 
+.selectEnvironment:hover *,
+.selectEnvironment:active * {
+  color: var(--mirai-header-content-hover);
+}
+
 .selectEnvironment.small > * {
   height: calc(var(--mirai-ui-space-L) + var(--mirai-ui-space-S));
   line-height: calc(var(--mirai-ui-space-L) + var(--mirai-ui-space-S));

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

@@ -33,7 +33,7 @@ exports[`component:<SelectEnvironment> inherit:className 1`] = `
           </svg>
         </ui_icon>
         <ui_text
-          class="text bold action"
+          class="text medium action"
         />
       </ui_view>
       <select
@@ -471,7 +471,7 @@ exports[`component:<SelectEnvironment> prop:name (currency) 1`] = `
           </svg>
         </ui_icon>
         <ui_text
-          class="text bold action"
+          class="text medium action"
         />
       </ui_view>
       <select
@@ -757,7 +757,7 @@ exports[`component:<SelectEnvironment> prop:name (locale) 1`] = `
           </svg>
         </ui_icon>
         <ui_text
-          class="text bold action"
+          class="text medium action"
         />
       </ui_view>
       <select
@@ -913,7 +913,7 @@ exports[`component:<SelectEnvironment> renders 1`] = `
           </svg>
         </ui_icon>
         <ui_text
-          class="text bold action"
+          class="text medium action"
         />
       </ui_view>
       <select
@@ -1068,7 +1068,7 @@ exports[`component:<SelectEnvironment> testID 1`] = `
           </svg>
         </ui_icon>
         <ui_text
-          class="text bold action"
+          class="text medium action"
         />
       </ui_view>
       <select

package/build/helpers/getLocale.js

@@ -8,14 +8,15 @@ var _locale = require("@mirai/locale");
 var _themeDirection = require("./themeDirection");
 const DELIMITER = '-';
 const getLocale = function () {
-  var _window$navigator$lan, _instance$locale;
+  var _document, _document$documentEle, _document$documentEle2, _window$navigator$lan, _instance$locale;
   let instance = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   let {
     lang: urlLanguage
   } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  const [documentLanguage] = ((_document = document) === null || _document === void 0 ? void 0 : (_document$documentEle = _document.documentElement) === null || _document$documentEle === void 0 ? void 0 : (_document$documentEle2 = _document$documentEle.getAttribute('lang')) === null || _document$documentEle2 === void 0 ? void 0 : _document$documentEle2.toLowerCase().split(DELIMITER)) || [];
   const [navigatorLanguage, navigatorCountry] = ((_window$navigator$lan = window.navigator.language) === null || _window$navigator$lan === void 0 ? void 0 : _window$navigator$lan.split(DELIMITER)) || [];
   const [instanceLanguage, instanceCountry] = !urlLanguage ? ((_instance$locale = instance.locale) === null || _instance$locale === void 0 ? void 0 : _instance$locale.split(DELIMITER)) || [] : [];
-  const baseLanguage = urlLanguage || instanceLanguage || navigatorLanguage;
+  const baseLanguage = urlLanguage || documentLanguage || instanceLanguage || navigatorLanguage;
   const baseCountry = instanceCountry || (baseLanguage === navigatorLanguage ? navigatorCountry : undefined) || _locale.COUNTRIES[baseLanguage];
   const [language, country] = _locale.COUNTRIES[baseLanguage] ? [baseLanguage, baseCountry] : _locale.DEFAULT_LOCALE.split(DELIMITER);
   (0, _themeDirection.themeDirection)(language);

package/build/helpers/getLocale.js.map

@@ -1 +1 @@
-{"version":3,"file":"getLocale.js","names":["_locale","require","_themeDirection","DELIMITER","getLocale","_window$navigator$lan","_instance$locale","instance","arguments","length","undefined","lang","urlLanguage","navigatorLanguage","navigatorCountry","window","navigator","language","split","instanceLanguage","instanceCountry","locale","baseLanguage","baseCountry","COUNTRIES","country","DEFAULT_LOCALE","themeDirection","join","exports"],"sources":["../../src/helpers/getLocale.js"],"sourcesContent":["import { DEFAULT_LOCALE, COUNTRIES } from '@mirai/locale';\n\nimport { themeDirection } from './themeDirection';\n\nconst DELIMITER = '-';\n\nexport const getLocale = (instance = {}, { lang: urlLanguage } = {}) => {\n  const [navigatorLanguage, navigatorCountry] = window.navigator.language?.split(DELIMITER) || [];\n  const [instanceLanguage, instanceCountry] = !urlLanguage ? instance.locale?.split(DELIMITER) || [] : [];\n\n  const baseLanguage = urlLanguage || instanceLanguage || navigatorLanguage;\n  const baseCountry =\n    instanceCountry || (baseLanguage === navigatorLanguage ? navigatorCountry : undefined) || COUNTRIES[baseLanguage];\n\n  const [language, country] = COUNTRIES[baseLanguage] ? [baseLanguage, baseCountry] : DEFAULT_LOCALE.split(DELIMITER);\n  themeDirection(language);\n\n  return {\n    country,\n    language,\n    locale: [language, country].join('-'),\n  };\n};\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AAEA,MAAME,SAAS,GAAG,GAAG;AAEd,MAAMC,SAAS,GAAG,SAAAA,CAAA,EAA+C;EAAA,IAAAC,qBAAA,EAAAC,gBAAA;EAAA,IAA9CC,QAAQ,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EAAA,IAAE;IAAEG,IAAI,EAAEC;EAAY,CAAC,GAAAJ,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EACjE,MAAM,CAACK,iBAAiB,EAAEC,gBAAgB,CAAC,GAAG,EAAAT,qBAAA,GAAAU,MAAM,CAACC,SAAS,CAACC,QAAQ,cAAAZ,qBAAA,uBAAzBA,qBAAA,CAA2Ba,KAAK,CAACf,SAAS,CAAC,KAAI,EAAE;EAC/F,MAAM,CAACgB,gBAAgB,EAAEC,eAAe,CAAC,GAAG,CAACR,WAAW,GAAG,EAAAN,gBAAA,GAAAC,QAAQ,CAACc,MAAM,cAAAf,gBAAA,uBAAfA,gBAAA,CAAiBY,KAAK,CAACf,SAAS,CAAC,KAAI,EAAE,GAAG,EAAE;EAEvG,MAAMmB,YAAY,GAAGV,WAAW,IAAIO,gBAAgB,IAAIN,iBAAiB;EACzE,MAAMU,WAAW,GACfH,eAAe,KAAKE,YAAY,KAAKT,iBAAiB,GAAGC,gBAAgB,GAAGJ,SAAS,CAAC,IAAIc,iBAAS,CAACF,YAAY,CAAC;EAEnH,MAAM,CAACL,QAAQ,EAAEQ,OAAO,CAAC,GAAGD,iBAAS,CAACF,YAAY,CAAC,GAAG,CAACA,YAAY,EAAEC,WAAW,CAAC,GAAGG,sBAAc,CAACR,KAAK,CAACf,SAAS,CAAC;EACnH,IAAAwB,8BAAc,EAACV,QAAQ,CAAC;EAExB,OAAO;IACLQ,OAAO;IACPR,QAAQ;IACRI,MAAM,EAAE,CAACJ,QAAQ,EAAEQ,OAAO,CAAC,CAACG,IAAI,CAAC,GAAG;EACtC,CAAC;AACH,CAAC;AAACC,OAAA,CAAAzB,SAAA,GAAAA,SAAA"}
+{"version":3,"file":"getLocale.js","names":["_locale","require","_themeDirection","DELIMITER","getLocale","_document","_document$documentEle","_document$documentEle2","_window$navigator$lan","_instance$locale","instance","arguments","length","undefined","lang","urlLanguage","documentLanguage","document","documentElement","getAttribute","toLowerCase","split","navigatorLanguage","navigatorCountry","window","navigator","language","instanceLanguage","instanceCountry","locale","baseLanguage","baseCountry","COUNTRIES","country","DEFAULT_LOCALE","themeDirection","join","exports"],"sources":["../../src/helpers/getLocale.js"],"sourcesContent":["import { DEFAULT_LOCALE, COUNTRIES } from '@mirai/locale';\n\nimport { themeDirection } from './themeDirection';\n\nconst DELIMITER = '-';\n\nexport const getLocale = (instance = {}, { lang: urlLanguage } = {}) => {\n  const [documentLanguage] = document?.documentElement?.getAttribute('lang')?.toLowerCase().split(DELIMITER) || [];\n  const [navigatorLanguage, navigatorCountry] = window.navigator.language?.split(DELIMITER) || [];\n  const [instanceLanguage, instanceCountry] = !urlLanguage ? instance.locale?.split(DELIMITER) || [] : [];\n\n  const baseLanguage = urlLanguage || documentLanguage || instanceLanguage || navigatorLanguage;\n  const baseCountry =\n    instanceCountry || (baseLanguage === navigatorLanguage ? navigatorCountry : undefined) || COUNTRIES[baseLanguage];\n\n  const [language, country] = COUNTRIES[baseLanguage] ? [baseLanguage, baseCountry] : DEFAULT_LOCALE.split(DELIMITER);\n  themeDirection(language);\n\n  return {\n    country,\n    language,\n    locale: [language, country].join('-'),\n  };\n};\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AAEA,MAAME,SAAS,GAAG,GAAG;AAEd,MAAMC,SAAS,GAAG,SAAAA,CAAA,EAA+C;EAAA,IAAAC,SAAA,EAAAC,qBAAA,EAAAC,sBAAA,EAAAC,qBAAA,EAAAC,gBAAA;EAAA,IAA9CC,QAAQ,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EAAA,IAAE;IAAEG,IAAI,EAAEC;EAAY,CAAC,GAAAJ,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EACjE,MAAM,CAACK,gBAAgB,CAAC,GAAG,EAAAX,SAAA,GAAAY,QAAQ,cAAAZ,SAAA,wBAAAC,qBAAA,GAARD,SAAA,CAAUa,eAAe,cAAAZ,qBAAA,wBAAAC,sBAAA,GAAzBD,qBAAA,CAA2Ba,YAAY,CAAC,MAAM,CAAC,cAAAZ,sBAAA,uBAA/CA,sBAAA,CAAiDa,WAAW,CAAC,CAAC,CAACC,KAAK,CAAClB,SAAS,CAAC,KAAI,EAAE;EAChH,MAAM,CAACmB,iBAAiB,EAAEC,gBAAgB,CAAC,GAAG,EAAAf,qBAAA,GAAAgB,MAAM,CAACC,SAAS,CAACC,QAAQ,cAAAlB,qBAAA,uBAAzBA,qBAAA,CAA2Ba,KAAK,CAAClB,SAAS,CAAC,KAAI,EAAE;EAC/F,MAAM,CAACwB,gBAAgB,EAAEC,eAAe,CAAC,GAAG,CAACb,WAAW,GAAG,EAAAN,gBAAA,GAAAC,QAAQ,CAACmB,MAAM,cAAApB,gBAAA,uBAAfA,gBAAA,CAAiBY,KAAK,CAAClB,SAAS,CAAC,KAAI,EAAE,GAAG,EAAE;EAEvG,MAAM2B,YAAY,GAAGf,WAAW,IAAIC,gBAAgB,IAAIW,gBAAgB,IAAIL,iBAAiB;EAC7F,MAAMS,WAAW,GACfH,eAAe,KAAKE,YAAY,KAAKR,iBAAiB,GAAGC,gBAAgB,GAAGV,SAAS,CAAC,IAAImB,iBAAS,CAACF,YAAY,CAAC;EAEnH,MAAM,CAACJ,QAAQ,EAAEO,OAAO,CAAC,GAAGD,iBAAS,CAACF,YAAY,CAAC,GAAG,CAACA,YAAY,EAAEC,WAAW,CAAC,GAAGG,sBAAc,CAACb,KAAK,CAAClB,SAAS,CAAC;EACnH,IAAAgC,8BAAc,EAACT,QAAQ,CAAC;EAExB,OAAO;IACLO,OAAO;IACPP,QAAQ;IACRG,MAAM,EAAE,CAACH,QAAQ,EAAEO,OAAO,CAAC,CAACG,IAAI,CAAC,GAAG;EACtC,CAAC;AACH,CAAC;AAACC,OAAA,CAAAjC,SAAA,GAAAA,SAAA"}

package/build/theme.css

@@ -39,7 +39,9 @@
   --mirai-header-accent: var(--mirai-ui-accent);
   --mirai-header-content: var(--mirai-ui-content);
   --mirai-header-content-background: var(--mirai-ui-base);
+  --mirai-header-content-background-hover: var(--mirai-ui-button-transparent-background-active);
   --mirai-header-content-border: var(--mirai-ui-content-border);
+  --mirai-header-content-hover: var(--mirai-ui-button-focus-color);
   --mirai-header-content-light: var(--mirai-ui-content-light);
 
   /* Occupation */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mirai/core",
-  "version": "0.3.339",
+  "version": "0.3.341",
   "source": "src/index.js",
   "repository": "https://gitlab.com/miraicorp/dev/frontend/core",
   "author": "JΛVI <hello@soyjavi.com>",