npm - @mirai/core - Versions diffs - 0.3.256 → 0.3.258 - Mend

@mirai/core 0.3.256 → 0.3.258

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (54) hide show

package/build/components/Checkout/partials/__tests__/__snapshots__/Checkout.Summary.test.js.snap CHANGED Viewed

@@ -20,48 +20,35 @@ exports[`component:<Checkout> partial:<Summary> inherit:className 1`] = `
           class="view"
         >
           <span
-            class="text bold small upperCase"
+            class="text bold paragraph"
           >
             common.label.check_in
           </span>
           <div
             class="view"
           >
-            <span
-              class="text bold paragraph"
-            >
-              mié, 19 jul 2023
-            </span>
             <span
               class="text action"
             >
-              common.label.checkin_time
+              mié, 19 jul 2023
             </span>
           </div>
         </div>
-        <div
-          class="view"
-        />
         <div
           class="view"
         >
           <span
-            class="text bold small upperCase"
+            class="text bold paragraph"
           >
             common.label.check_out
           </span>
           <div
             class="view"
           >
-            <span
-              class="text bold paragraph"
-            >
-              sáb, 22 jul 2023
-            </span>
             <span
               class="text action"
             >
-              common.label.checkout_time
+              sáb, 22 jul 2023
             </span>
           </div>
         </div>
@@ -69,32 +56,13 @@ exports[`component:<Checkout> partial:<Summary> inherit:className 1`] = `
       <div
         class="view"
       >
-        <span
-          class="text bold small upperCase"
-        >
-          common.label.accommodation
-        </span>
         <span
           class="text bold paragraph"
-        >
-          Hotel Augusta Eco Wellness Resort
-        </span>
-        <span
-          class="text action"
-        >
-          Lugar Padriñan 25, Sanxenxo, España
-        </span>
-      </div>
-      <div
-        class="view"
-      >
-        <span
-          class="text bold small upperCase"
         >
           user.label.your_reservation
         </span>
         <span
-          class="text bold paragraph"
+          class="text action"
         >
           common.label.night
           <span
@@ -108,17 +76,36 @@ exports[`component:<Checkout> partial:<Summary> inherit:className 1`] = `
           class="view row"
         >
           <span
-            class="text action"
+            class="text small lighten"
           >
             Silver Views
           </span>
         </div>
-        <button
-          class="pressable action inline"
+      </div>
+      <div
+        class="view"
+      >
+        <span
+          class="text bold paragraph"
         >
-          user.action.change_selection
-        </button>
+          common.label.accommodation
+        </span>
+        <span
+          class="text action"
+        >
+          Hotel Augusta Eco Wellness Resort
+        </span>
+        <span
+          class="text small lighten"
+        >
+          Lugar Padriñan 25, Sanxenxo, España
+        </span>
       </div>
+      <button
+        class="pressable action inline"
+      >
+        user.action.change_selection
+      </button>
     </div>
     <div
       class="view"
@@ -225,48 +212,35 @@ exports[`component:<Checkout> partial:<Summary> renders 1`] = `
           class="view"
         >
           <span
-            class="text bold small upperCase"
+            class="text bold paragraph"
           >
             common.label.check_in
           </span>
           <div
             class="view"
           >
-            <span
-              class="text bold paragraph"
-            >
-              mié, 19 jul 2023
-            </span>
             <span
               class="text action"
             >
-              common.label.checkin_time
+              mié, 19 jul 2023
             </span>
           </div>
         </div>
-        <div
-          class="view"
-        />
         <div
           class="view"
         >
           <span
-            class="text bold small upperCase"
+            class="text bold paragraph"
           >
             common.label.check_out
           </span>
           <div
             class="view"
           >
-            <span
-              class="text bold paragraph"
-            >
-              sáb, 22 jul 2023
-            </span>
             <span
               class="text action"
             >
-              common.label.checkout_time
+              sáb, 22 jul 2023
             </span>
           </div>
         </div>
@@ -274,32 +248,13 @@ exports[`component:<Checkout> partial:<Summary> renders 1`] = `
       <div
         class="view"
       >
-        <span
-          class="text bold small upperCase"
-        >
-          common.label.accommodation
-        </span>
         <span
           class="text bold paragraph"
-        >
-          Hotel Augusta Eco Wellness Resort
-        </span>
-        <span
-          class="text action"
-        >
-          Lugar Padriñan 25, Sanxenxo, España
-        </span>
-      </div>
-      <div
-        class="view"
-      >
-        <span
-          class="text bold small upperCase"
         >
           user.label.your_reservation
         </span>
         <span
-          class="text bold paragraph"
+          class="text action"
         >
           common.label.night
           <span
@@ -313,17 +268,36 @@ exports[`component:<Checkout> partial:<Summary> renders 1`] = `
           class="view row"
         >
           <span
-            class="text action"
+            class="text small lighten"
           >
             Silver Views
           </span>
         </div>
-        <button
-          class="pressable action inline"
+      </div>
+      <div
+        class="view"
+      >
+        <span
+          class="text bold paragraph"
         >
-          user.action.change_selection
-        </button>
+          common.label.accommodation
+        </span>
+        <span
+          class="text action"
+        >
+          Hotel Augusta Eco Wellness Resort
+        </span>
+        <span
+          class="text small lighten"
+        >
+          Lugar Padriñan 25, Sanxenxo, España
+        </span>
       </div>
+      <button
+        class="pressable action inline"
+      >
+        user.action.change_selection
+      </button>
     </div>
     <div
       class="view"
@@ -431,48 +405,35 @@ exports[`component:<Checkout> partial:<Summary> testID 1`] = `
           class="view"
         >
           <span
-            class="text bold small upperCase"
+            class="text bold paragraph"
           >
             common.label.check_in
           </span>
           <div
             class="view"
           >
-            <span
-              class="text bold paragraph"
-            >
-              mié, 19 jul 2023
-            </span>
             <span
               class="text action"
             >
-              common.label.checkin_time
+              mié, 19 jul 2023
             </span>
           </div>
         </div>
-        <div
-          class="view"
-        />
         <div
           class="view"
         >
           <span
-            class="text bold small upperCase"
+            class="text bold paragraph"
           >
             common.label.check_out
           </span>
           <div
             class="view"
           >
-            <span
-              class="text bold paragraph"
-            >
-              sáb, 22 jul 2023
-            </span>
             <span
               class="text action"
             >
-              common.label.checkout_time
+              sáb, 22 jul 2023
             </span>
           </div>
         </div>
@@ -480,32 +441,13 @@ exports[`component:<Checkout> partial:<Summary> testID 1`] = `
       <div
         class="view"
       >
-        <span
-          class="text bold small upperCase"
-        >
-          common.label.accommodation
-        </span>
         <span
           class="text bold paragraph"
-        >
-          Hotel Augusta Eco Wellness Resort
-        </span>
-        <span
-          class="text action"
-        >
-          Lugar Padriñan 25, Sanxenxo, España
-        </span>
-      </div>
-      <div
-        class="view"
-      >
-        <span
-          class="text bold small upperCase"
         >
           user.label.your_reservation
         </span>
         <span
-          class="text bold paragraph"
+          class="text action"
         >
           common.label.night
           <span
@@ -519,17 +461,36 @@ exports[`component:<Checkout> partial:<Summary> testID 1`] = `
           class="view row"
         >
           <span
-            class="text action"
+            class="text small lighten"
           >
             Silver Views
           </span>
         </div>
-        <button
-          class="pressable action inline"
+      </div>
+      <div
+        class="view"
+      >
+        <span
+          class="text bold paragraph"
         >
-          user.action.change_selection
-        </button>
+          common.label.accommodation
+        </span>
+        <span
+          class="text action"
+        >
+          Hotel Augusta Eco Wellness Resort
+        </span>
+        <span
+          class="text small lighten"
+        >
+          Lugar Padriñan 25, Sanxenxo, España
+        </span>
       </div>
+      <button
+        class="pressable action inline"
+      >
+        user.action.change_selection
+      </button>
     </div>
     <div
       class="view"
@@ -636,48 +597,35 @@ exports[`component:<Checkout> partial:<Summary> with a store 1`] = `
           class="view"
         >
           <span
-            class="text bold small upperCase"
+            class="text bold paragraph"
           >
             common.label.check_in
           </span>
           <div
             class="view"
           >
-            <span
-              class="text bold paragraph"
-            >
-              mié, 19 jul 2023
-            </span>
             <span
               class="text action"
             >
-              common.label.checkin_time
+              mié, 19 jul 2023
             </span>
           </div>
         </div>
-        <div
-          class="view"
-        />
         <div
           class="view"
         >
           <span
-            class="text bold small upperCase"
+            class="text bold paragraph"
           >
             common.label.check_out
           </span>
           <div
             class="view"
           >
-            <span
-              class="text bold paragraph"
-            >
-              sáb, 22 jul 2023
-            </span>
             <span
               class="text action"
             >
-              common.label.checkout_time
+              sáb, 22 jul 2023
             </span>
           </div>
         </div>
@@ -685,32 +633,13 @@ exports[`component:<Checkout> partial:<Summary> with a store 1`] = `
       <div
         class="view"
       >
-        <span
-          class="text bold small upperCase"
-        >
-          common.label.accommodation
-        </span>
         <span
           class="text bold paragraph"
-        >
-          Hotel Augusta Eco Wellness Resort
-        </span>
-        <span
-          class="text action"
-        >
-          Lugar Padriñan 25, Sanxenxo, España
-        </span>
-      </div>
-      <div
-        class="view"
-      >
-        <span
-          class="text bold small upperCase"
         >
           user.label.your_reservation
         </span>
         <span
-          class="text bold paragraph"
+          class="text action"
         >
           common.label.night
           <span
@@ -724,17 +653,36 @@ exports[`component:<Checkout> partial:<Summary> with a store 1`] = `
           class="view row"
         >
           <span
-            class="text action"
+            class="text small lighten"
           >
             Silver Views
           </span>
         </div>
-        <button
-          class="pressable action inline"
+      </div>
+      <div
+        class="view"
+      >
+        <span
+          class="text bold paragraph"
         >
-          user.action.change_selection
-        </button>
+          common.label.accommodation
+        </span>
+        <span
+          class="text action"
+        >
+          Hotel Augusta Eco Wellness Resort
+        </span>
+        <span
+          class="text small lighten"
+        >
+          Lugar Padriñan 25, Sanxenxo, España
+        </span>
       </div>
+      <button
+        class="pressable action inline"
+      >
+        user.action.change_selection
+      </button>
     </div>
     <div
       class="view"

package/build/components/__shared__/BookingTable/BookingTable.Row.js CHANGED Viewed

@@ -82,6 +82,7 @@ const Row = _ref => {
     className: style.summary
   }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
     action: !isMobile,
+    lighten: isMobile,
     small: isMobile
   }, summary)), !isMobile && /*#__PURE__*/_react.default.createElement(_ui.View, {
     className: style.price

package/build/components/__shared__/BookingTable/BookingTable.Row.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BookingTable.Row.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_BookingTable","_BookingTable2","style","_interopRequireWildcard","_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","Row","_ref","children","currency","title","description","price","subtitle","summary","tracking","others","isMobile","useDevice","locale","translate","useLocale","track","useMetrics","priceProps","FORMAT_CURRENCY","renderPrice","createElement","Text","action","currencyFormat","value","L10N","LABEL_FREE","View","row","className","styles","wide","small","caption","separator","Tooltip","pressable","right","text","onPress","concat","noPrint","ACTION_MORE_INFO","exports","displayName","propTypes","PropTypes","node","string","shape","previous","number","isRequired"],"sources":["../../../../src/components/__shared__/BookingTable/BookingTable.Row.jsx"],"sourcesContent":["import { useMetrics } from '@mirai/data-sources';\nimport { currencyFormat, useLocale } from '@mirai/locale';\nimport { styles, Text, Tooltip, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { FORMAT_CURRENCY } from './BookingTable.constants';\nimport { L10N } from './BookingTable.l10n';\nimport * as style from './BookingTable.module.css';\n\nconst Row = ({ children, currency, title, description, price, subtitle, summary, tracking, ...others }) => {\n const { isMobile } = useDevice();\n const { locale, translate } = useLocale();\n const { track } = useMetrics();\n\n const priceProps = { ...FORMAT_CURRENCY, currency, locale };\n\n const renderPrice = () => (\n <Text action>{price ? currencyFormat({ ...priceProps, value: price }) : translate(L10N.LABEL_FREE)}</Text>\n );\n\n return (\n <View {...others} row={!isMobile} className={styles(style.row, others.className)}>\n <View className={style.title}>\n <View row>\n <Text action className={style.wide}>\n {title}\n </Text>\n {isMobile && renderPrice()}\n </View>\n <View row className={style.subtitle}>\n <View row wide>\n {subtitle && <Text small>{subtitle}</Text>}\n {subtitle && description && (\n <Text small className={styles(style.caption, style.separator)}>\n -\n </Text>\n )}\n {description && (\n <Tooltip\n pressable\n right={!isMobile}\n text={description}\n onPress={() => track(`${tracking}:ACTION:DETAIL_MORE_INFO`)}\n >\n <Text small className={styles(style.action, style.noPrint)}>\n {translate(L10N.ACTION_MORE_INFO)}\n </Text>\n </Tooltip>\n )}\n </View>\n </View>\n </View>\n\n {summary && (\n <View className={style.summary}>\n <Text action={!isMobile} small={isMobile}>\n {summary}\n </Text>\n </View>\n )}\n\n {!isMobile && <View className={style.price}>{renderPrice()}</View>}\n\n {children}\n </View>\n );\n};\n\nRow.displayName = 'Mirai:User:components:BookingTable.Row';\n\nRow.propTypes = {\n children: PropTypes.node,\n currency: PropTypes.string,\n description: PropTypes.string,\n price: PropTypes.shape({\n description: PropTypes.string,\n previous: PropTypes.number,\n value: PropTypes.number,\n }),\n summary: PropTypes.string,\n subtitle: PropTypes.string,\n title: PropTypes.string.isRequired,\n tracking: PropTypes.string,\n};\n\nexport { Row };\n"],"mappings":"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~~GACtCH~~,OACG,CACF,CACP,EAEA,CAACG,QAAQ,iBAAI/C,MAAA,CAAAW,OAAA,CAAA8C,aAAA,CAAC5D,GAAA,CAAAmE,IAAI;IAACE,SAAS,EAAE/D,KAAK,CAACuC;EAAM,GAAEc,WAAW,CAAC,CAAQ,CAAC,EAEjElB,QACG,CAAC;AAEX,CAAC;~~AAAC0C~~,OAAA,~~CAAA5C~~,GAAA,GAAAA,GAAA;AAEFA,GAAG,~~CAAC6C~~,WAAW,GAAG,wCAAwC;~~AAE1D7C~~,GAAG,~~CAAC8C~~,SAAS,GAAG;~~EACd5C~~,QAAQ,~~EAAE6C~~,kBAAS,CAACC,IAAI;~~EACxB7C~~,QAAQ,~~EAAE4C~~,kBAAS,CAACE,MAAM;~~EAC1B5C~~,WAAW,~~EAAE0C~~,kBAAS,CAACE,MAAM;~~EAC7B3C~~,KAAK,~~EAAEyC~~,kBAAS,CAACG,KAAK,CAAC;~~IACrB7C~~,WAAW,~~EAAE0C~~,kBAAS,CAACE,MAAM;IAC7BE,QAAQ,EAAEJ,kBAAS,CAACK,MAAM;~~IAC1B3B~~,KAAK,~~EAAEsB~~,kBAAS,CAACK;EACnB,CAAC,CAAC;~~EACF5C~~,OAAO,~~EAAEuC~~,kBAAS,CAACE,MAAM;~~EACzB1C~~,QAAQ,~~EAAEwC~~,kBAAS,CAACE,MAAM;~~EAC1B7C~~,KAAK,~~EAAE2C~~,kBAAS,CAACE,MAAM,CAACI,UAAU;~~EAClC5C~~,QAAQ,~~EAAEsC~~,kBAAS,CAACE;AACtB,CAAC"}
1	+ {"version":3,"file":"BookingTable.Row.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_BookingTable","_BookingTable2","style","_interopRequireWildcard","_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","Row","_ref","children","currency","title","description","price","subtitle","summary","tracking","others","isMobile","useDevice","locale","translate","useLocale","track","useMetrics","priceProps","FORMAT_CURRENCY","renderPrice","createElement","Text","action","currencyFormat","value","L10N","LABEL_FREE","View","row","className","styles","wide","small","caption","separator","Tooltip","pressable","right","text","onPress","concat","noPrint","ACTION_MORE_INFO","lighten","exports","displayName","propTypes","PropTypes","node","string","shape","previous","number","isRequired"],"sources":["../../../../src/components/__shared__/BookingTable/BookingTable.Row.jsx"],"sourcesContent":["import { useMetrics } from '@mirai/data-sources';\nimport { currencyFormat, useLocale } from '@mirai/locale';\nimport { styles, Text, Tooltip, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { FORMAT_CURRENCY } from './BookingTable.constants';\nimport { L10N } from './BookingTable.l10n';\nimport * as style from './BookingTable.module.css';\n\nconst Row = ({ children, currency, title, description, price, subtitle, summary, tracking, ...others }) => {\n const { isMobile } = useDevice();\n const { locale, translate } = useLocale();\n const { track } = useMetrics();\n\n const priceProps = { ...FORMAT_CURRENCY, currency, locale };\n\n const renderPrice = () => (\n <Text action>{price ? currencyFormat({ ...priceProps, value: price }) : translate(L10N.LABEL_FREE)}</Text>\n );\n\n return (\n <View {...others} row={!isMobile} className={styles(style.row, others.className)}>\n <View className={style.title}>\n <View row>\n <Text action className={style.wide}>\n {title}\n </Text>\n {isMobile && renderPrice()}\n </View>\n <View row className={style.subtitle}>\n <View row wide>\n {subtitle && <Text small>{subtitle}</Text>}\n {subtitle && description && (\n <Text small className={styles(style.caption, style.separator)}>\n -\n </Text>\n )}\n {description && (\n <Tooltip\n pressable\n right={!isMobile}\n text={description}\n onPress={() => track(`${tracking}:ACTION:DETAIL_MORE_INFO`)}\n >\n <Text small className={styles(style.action, style.noPrint)}>\n {translate(L10N.ACTION_MORE_INFO)}\n </Text>\n </Tooltip>\n )}\n </View>\n </View>\n </View>\n\n {summary && (\n <View className={style.summary}>\n <Text action={!isMobile} lighten={isMobile} small={isMobile}>\n {summary}\n </Text>\n </View>\n )}\n\n {!isMobile && <View className={style.price}>{renderPrice()}</View>}\n\n {children}\n </View>\n );\n};\n\nRow.displayName = 'Mirai:User:components:BookingTable.Row';\n\nRow.propTypes = {\n children: PropTypes.node,\n currency: PropTypes.string,\n description: PropTypes.string,\n price: PropTypes.shape({\n description: PropTypes.string,\n previous: PropTypes.number,\n value: PropTypes.number,\n }),\n summary: PropTypes.string,\n subtitle: PropTypes.string,\n title: PropTypes.string.isRequired,\n tracking: PropTypes.string,\n};\n\nexport { Row };\n"],"mappings":"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"}

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

@@ -21,7 +21,7 @@ const UNEXPANDED_ITEMS = 3;
 const BookingTable = _ref => {
   let {
     currency,
-    expanded = false,
+    expanded = true,
     dataSource = [],
     label,
     tracking,
@@ -45,7 +45,7 @@ const BookingTable = _ref => {
   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, {
-    action: isMobile,
+    headline: !isMobile,
     bold: true
   }, label), dataSource.slice(0, expanded || expand ? dataSource.length : UNEXPANDED_ITEMS).map((_ref2, index) => {
     let {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"BookingTable.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_BookingTable","style","_BookingTable2","_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","tracking","others","isMobile","useDevice","dateFormat","useLocale","track","useMetrics","expand","setExpand","useState","useEffect","handlePress","concat","createElement","View","className","styles","table","collapsed","Text","~~action~~","bold","slice","map","_ref2","index","date","title","item","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 * as style from './BookingTable.module.css';\nimport { Row } from './BookingTable.Row';\nimport { ButtonMore } from '../ButtonMore';\n\nconst UNEXPANDED_ITEMS = 3;\n\nconst BookingTable = ({ currency, expanded = ~~false~~, dataSource = [], label, tracking, ...others }) => {\n const { isMobile } = useDevice();\n const { dateFormat } = 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 ~~action~~={isMobile} 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 </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 tracking: PropTypes.string,\n};\n\nexport { BookingTable };\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,GAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAC,uBAAA,CAAAN,OAAA;AAEA,IAAAO,aAAA,GAAAP,OAAA;AACA,IAAAQ,KAAA,GAAAF,uBAAA,CAAAN,OAAA;AACA,IAAAS,cAAA,GAAAT,OAAA;AACA,IAAAU,WAAA,GAAAV,OAAA;AAA2C,SAAAW,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAhB,uBAAA4B,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAhB,UAAA,GAAAgB,GAAA,KAAAf,OAAA,EAAAe,GAAA;AAAA,SAAAC,SAAA,IAAAA,QAAA,GAAAV,MAAA,CAAAW,MAAA,GAAAX,MAAA,CAAAW,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAN,CAAA,MAAAA,CAAA,GAAAO,SAAA,CAAAC,MAAA,EAAAR,CAAA,UAAAS,MAAA,GAAAF,SAAA,CAAAP,CAAA,YAAAU,GAAA,IAAAD,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAC,GAAA,KAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAJ,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAJ,SAAA;AAE3C,MAAMK,gBAAgB,GAAG,CAAC;AAE1B,MAAMC,YAAY,GAAGC,IAAA,~~IAAiF~~;EAAA,~~IAAhF~~;IAAEC,QAAQ;IAAEC,QAAQ,GAAG,~~KAAK~~;IAAEC,UAAU,GAAG,EAAE;IAAEC,KAAK;IAAEC,QAAQ;IAAE,GAAGC;EAAO,CAAC,GAAAN,IAAA;~~EAC/F~~,MAAM;IAAEO;EAAS,CAAC,GAAG,IAAAC,aAAS,EAAC,CAAC;EAChC,MAAM;IAAEC;EAAW,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAClC,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,uBAAU,EAAC,CAAC;EAE9B,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAG,IAAAC,eAAQ,EAACZ,UAAU,CAACT,MAAM,IAAII,gBAAgB,CAAC;EAE3E,IAAAkB,gBAAS,EAAC,MAAMF,SAAS,CAACX,UAAU,CAACT,MAAM,IAAII,gBAAgB,CAAC,EAAE,CAACK,UAAU,CAAC,CAAC;EAE/E,MAAMc,WAAW,GAAGA,CAAA,KAAM;IACxBN,KAAK,IAAAO,MAAA,CAAIb,QAAQ,0BAAuB,CAAC;IACzCS,SAAS,CAAC,IAAI,CAAC;EACjB,CAAC;EAED,OAAOX,UAAU,CAACT,MAAM,GAAG,CAAC,gBAC1BjC,MAAA,CAAAY,OAAA,CAAA8C,aAAA,CAAC7D,GAAA,CAAA8D,IAAI,EAAA/B,QAAA,KAAKiB,MAAM;IAAEe,SAAS,EAAE,IAAAC,UAAM,EAAC1D,KAAK,CAAC2D,KAAK,EAAE,CAACV,MAAM,IAAIjD,KAAK,CAAC4D,SAAS,EAAElB,MAAM,CAACe,SAAS;EAAE,IAC5FjB,KAAK,iBACJ3C,MAAA,CAAAY,OAAA,CAAA8C,aAAA,CAAC7D,GAAA,CAAAmE,IAAI;IAACC,~~MAAM~~,~~EAAEnB~~,QAAS;IAACoB,IAAI;EAAA,~~GACzBvB~~,KACG,CACP,EACAD,UAAU,CACRyB,KAAK,CAAC,CAAC,EAAE1B,QAAQ,IAAIW,MAAM,GAAGV,UAAU,CAACT,MAAM,GAAGI,gBAAgB,CAAC,CACnE+B,GAAG,CAAC,CAAAC,KAAA,EAAgCC,KAAK;IAAA,IAApC;MAAEC,IAAI;MAAEC,KAAK,GAAG,EAAE;MAAE,GAAGC;IAAK,CAAC,GAAAJ,KAAA;IAAA,oBACjCrE,MAAA,CAAAY,OAAA,CAAA8C,aAAA,CAACtD,cAAA,CAAAsE,GAAG,EAAA9C,QAAA,KACO6C,IAAI;MAAEjC,QAAQ;MAAEI,QAAQ;MACjC4B,KAAK,EAAED,IAAI,GAAGvB,UAAU,CAAC,IAAA2B,iBAAS,EAACJ,IAAI,CAAC,EAAEK,yBAAW,CAAC,GAAGJ,KAAM;MAC/DrC,GAAG,EAAEmC;IAAM,IAEV,CAAC7B,QAAQ,IAAI,CAACW,MAAM,IAAIkB,KAAK,KAAKjC,gBAAgB,GAAG,CAAC,iBACrDrC,MAAA,CAAAY,OAAA,CAAA8C,aAAA,CAACrD,WAAA,CAAAwE,UAAU;MAACC,OAAO,EAAEtB,WAAY;MAACI,SAAS,EAAEzD,KAAK,CAAC4E;IAAW,CAAE,CAE/D,CAAC;EAAA,CACP,CACC,CAAC,GACL,IAAI;AACV,CAAC;AAACC,OAAA,CAAA1C,YAAA,GAAAA,YAAA;AAEFA,YAAY,CAAC2C,WAAW,GAAG,yBAAyB;AAEpD3C,YAAY,CAAC4C,SAAS,GAAG;EACvB1C,QAAQ,EAAE2C,kBAAS,CAACC,MAAM;EAC1B1C,UAAU,EAAEyC,kBAAS,CAACE,OAAO,CAACF,kBAAS,CAACG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;EAClD7C,QAAQ,EAAE0C,kBAAS,CAACI,IAAI;EACxB5C,KAAK,EAAEwC,kBAAS,CAACC,MAAM;EACvBxC,QAAQ,EAAEuC,kBAAS,CAACC;AACtB,CAAC"}
1	+ {"version":3,"file":"BookingTable.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_BookingTable","style","_BookingTable2","_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","tracking","others","isMobile","useDevice","dateFormat","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","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 * as style from './BookingTable.module.css';\nimport { Row } from './BookingTable.Row';\nimport { ButtonMore } from '../ButtonMore';\n\nconst UNEXPANDED_ITEMS = 3;\n\nconst BookingTable = ({ currency, expanded = true, dataSource = [], label, tracking, ...others }) => {\n const { isMobile } = useDevice();\n const { dateFormat } = 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={!isMobile} 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 </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 tracking: PropTypes.string,\n};\n\nexport { BookingTable };\n"],"mappings":"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"}

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

@@ -46,19 +46,11 @@
 /* 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: var(--mirai-ui-space-XXS);
-  }
   .title .subtitle {
     margin-top: var(--mirai-ui-space-XXS);
   }
@@ -70,10 +62,6 @@
 /* M & L */
 @media only screen and (min-width: 431px) {
-  /* .table {
-    margin-bottom: var(--mirai-ui-space-L);
-  } */
   .row {
     align-items: flex-start;
   }

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

@@ -311,11 +311,11 @@ exports[`component:<BookingTable> prop:label 1`] = `
   <div
     class="view"
   >
-    <span
-      class="text bold paragraph"
+    <h3
+      class="text bold headline-3"
     >
       label
-    </span>
+    </h3>
     <div
       class="view row"
     >