@mirai/core 0.2.19 → 0.3.1

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

@@ -0,0 +1,123 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Row = void 0;
+var _dataSources = require("@mirai/data-sources");
+var _locale = require("@mirai/locale");
+var _ui = require("@mirai/ui");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireDefault(require("react"));
+var _BookingTable = require("./BookingTable.constants");
+var _BookingTable2 = require("./BookingTable.l10n");
+var style = _interopRequireWildcard(require("./BookingTable.module.css"));
+var _excluded = ["children", "currency", "title", "description", "price", "subtitle", "summary", "tracking"];
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var Row = exports.Row = function Row(_ref) {
+  var children = _ref.children,
+    currency = _ref.currency,
+    title = _ref.title,
+    description = _ref.description,
+    _ref$price = _ref.price,
+    price = _ref$price === void 0 ? {} : _ref$price,
+    subtitle = _ref.subtitle,
+    summary = _ref.summary,
+    tracking = _ref.tracking,
+    others = _objectWithoutProperties(_ref, _excluded);
+  var _useDevice = (0, _ui.useDevice)(),
+    isMobile = _useDevice.isMobile;
+  var _useLocale = (0, _locale.useLocale)(),
+    locale = _useLocale.locale,
+    translate = _useLocale.translate;
+  var _useMetrics = (0, _dataSources.useMetrics)(),
+    track = _useMetrics.track;
+  var priceProps = _objectSpread(_objectSpread({}, _BookingTable.FORMAT_CURRENCY), {}, {
+    currency: currency,
+    locale: locale
+  });
+  var renderPrice = function renderPrice() {
+    return /*#__PURE__*/_react.default.createElement(_ui.Text, {
+      action: true
+    }, price.value ? (0, _locale.currencyFormat)(_objectSpread(_objectSpread({}, priceProps), {}, {
+      value: price.value
+    })) : translate(_BookingTable2.L10N.LABEL_FREE));
+  };
+  var renderPriceSupport = function renderPriceSupport() {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, price.previous && /*#__PURE__*/_react.default.createElement(_ui.Text, {
+      small: true,
+      className: (0, _ui.styles)(style.caption, style.lineThrough)
+    }, (0, _locale.currencyFormat)(_objectSpread(_objectSpread({}, priceProps), {}, {
+      value: price.previous
+    }))), price.description && /*#__PURE__*/_react.default.createElement(_ui.Text, {
+      small: true,
+      className: style.caption
+    }, price.description));
+  };
+  return /*#__PURE__*/_react.default.createElement(_ui.View, _extends({}, others, {
+    row: !isMobile,
+    className: (0, _ui.styles)(style.row, others.className)
+  }), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    className: style.title
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true
+  }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    action: true,
+    className: style.wide
+  }, title), isMobile && renderPrice()), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
+    className: style.subtitle
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
+    wide: true
+  }, subtitle && /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    small: true
+  }, subtitle), subtitle && description && /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    small: true,
+    className: (0, _ui.styles)(style.caption, style.separator)
+  }, "-"), description && /*#__PURE__*/_react.default.createElement(_ui.Tooltip, {
+    pressable: true,
+    right: !isMobile,
+    text: description,
+    onPress: function onPress() {
+      return track("".concat(tracking, ":ACTION:DETAIL_MORE_INFO"));
+    }
+  }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    small: true,
+    className: (0, _ui.styles)(style.action, style.noPrint)
+  }, translate(_BookingTable2.L10N.ACTION_MORE_INFO)))), isMobile && renderPriceSupport())), summary && /*#__PURE__*/_react.default.createElement(_ui.View, {
+    className: style.summary
+  }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    action: !isMobile,
+    small: isMobile
+  }, summary)), !isMobile && /*#__PURE__*/_react.default.createElement(_ui.View, {
+    className: style.price
+  }, renderPrice(), renderPriceSupport()), children);
+};
+Row.displayName = 'Mirai:User:components:BookingTable.Row';
+Row.propTypes = {
+  children: _propTypes.default.node,
+  currency: _propTypes.default.string,
+  description: _propTypes.default.string,
+  price: _propTypes.default.shape({
+    description: _propTypes.default.string,
+    previous: _propTypes.default.number,
+    value: _propTypes.default.number
+  }),
+  summary: _propTypes.default.string,
+  subtitle: _propTypes.default.string,
+  title: _propTypes.default.string.isRequired,
+  tracking: _propTypes.default.string
+};
+//# sourceMappingURL=BookingTable.Row.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BookingTable.Row.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_BookingTable","_BookingTable2","style","_interopRequireWildcard","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","e","r","t","keys","getOwnPropertySymbols","o","filter","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","Row","exports","_ref","children","currency","title","description","_ref$price","price","subtitle","summary","tracking","others","_useDevice","useDevice","isMobile","_useLocale","useLocale","locale","translate","_useMetrics","useMetrics","track","priceProps","FORMAT_CURRENCY","renderPrice","createElement","Text","action","currencyFormat","L10N","LABEL_FREE","renderPriceSupport","Fragment","previous","small","className","styles","caption","lineThrough","View","row","wide","separator","Tooltip","pressable","right","text","onPress","concat","noPrint","ACTION_MORE_INFO","displayName","propTypes","PropTypes","node","string","shape","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>\n      {price.value ? currencyFormat({ ...priceProps, value: price.value }) : translate(L10N.LABEL_FREE)}\n    </Text>\n  );\n\n  const renderPriceSupport = () => (\n    <>\n      {price.previous && (\n        <Text small className={styles(style.caption, style.lineThrough)}>\n          {currencyFormat({ ...priceProps, value: price.previous })}\n        </Text>\n      )}\n      {price.description && (\n        <Text small className={style.caption}>\n          {price.description}\n        </Text>\n      )}\n    </>\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\n          {isMobile && renderPriceSupport()}\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 && (\n        <View className={style.price}>\n          {renderPrice()}\n          {renderPriceSupport()}\n        </View>\n      )}\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.constants.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TRACKING = exports.FORMAT_DATE = exports.FORMAT_CURRENCY = void 0;
+var FORMAT_CURRENCY = exports.FORMAT_CURRENCY = {
+  currency: 'EUR',
+  symbol: true
+};
+var FORMAT_DATE = exports.FORMAT_DATE = {
+  weekday: 'short',
+  year: 'numeric',
+  month: 'short',
+  day: 'numeric'
+};
+var TRACKING = exports.TRACKING = 'BOOKING';
+//# sourceMappingURL=BookingTable.constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BookingTable.constants.js","names":["FORMAT_CURRENCY","exports","currency","symbol","FORMAT_DATE","weekday","year","month","day","TRACKING"],"sources":["../../../../src/components/__shared__/BookingTable/BookingTable.constants.js"],"sourcesContent":["const FORMAT_CURRENCY = { currency: 'EUR', symbol: true };\nconst FORMAT_DATE = { weekday: 'short', year: 'numeric', month: 'short', day: 'numeric' };\n\nconst TRACKING = 'BOOKING';\n\nexport { FORMAT_CURRENCY, FORMAT_DATE, TRACKING };\n"],"mappings":";;;;;;AAAA,IAAMA,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG;EAAEE,QAAQ,EAAE,KAAK;EAAEC,MAAM,EAAE;AAAK,CAAC;AACzD,IAAMC,WAAW,GAAAH,OAAA,CAAAG,WAAA,GAAG;EAAEC,OAAO,EAAE,OAAO;EAAEC,IAAI,EAAE,SAAS;EAAEC,KAAK,EAAE,OAAO;EAAEC,GAAG,EAAE;AAAU,CAAC;AAEzF,IAAMC,QAAQ,GAAAR,OAAA,CAAAQ,QAAA,GAAG,SAAS"}

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

@@ -0,0 +1,93 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BookingTable = void 0;
+var _dataSources = require("@mirai/data-sources");
+var _locale = require("@mirai/locale");
+var _ui = require("@mirai/ui");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireWildcard(require("react"));
+var _BookingTable = require("./BookingTable.constants");
+var style = _interopRequireWildcard(require("./BookingTable.module.css"));
+var _BookingTable2 = require("./BookingTable.Row");
+var _ButtonMore = require("../ButtonMore");
+var _excluded = ["currency", "expanded", "dataSource", "label", "tracking"],
+  _excluded2 = ["date", "title"];
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var UNEXPANDED_ITEMS = 3;
+var BookingTable = exports.BookingTable = function BookingTable(_ref) {
+  var currency = _ref.currency,
+    _ref$expanded = _ref.expanded,
+    expanded = _ref$expanded === void 0 ? false : _ref$expanded,
+    _ref$dataSource = _ref.dataSource,
+    dataSource = _ref$dataSource === void 0 ? [] : _ref$dataSource,
+    label = _ref.label,
+    tracking = _ref.tracking,
+    others = _objectWithoutProperties(_ref, _excluded);
+  var _useDevice = (0, _ui.useDevice)(),
+    isMobile = _useDevice.isMobile;
+  var _useLocale = (0, _locale.useLocale)(),
+    dateFormat = _useLocale.dateFormat;
+  var _useMetrics = (0, _dataSources.useMetrics)(),
+    track = _useMetrics.track;
+  var _useState = (0, _react.useState)(dataSource.length <= UNEXPANDED_ITEMS),
+    _useState2 = _slicedToArray(_useState, 2),
+    expand = _useState2[0],
+    setExpand = _useState2[1];
+  (0, _react.useEffect)(function () {
+    return setExpand(dataSource.length <= UNEXPANDED_ITEMS);
+  }, [dataSource]);
+  var handlePress = function handlePress() {
+    track("".concat(tracking, ":ACTION:DETAIL_EXPAND"));
+    setExpand(true);
+  };
+  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,
+    bold: true
+  }, label), dataSource.slice(0, expanded || expand ? dataSource.length : UNEXPANDED_ITEMS).map(function (_ref2, index) {
+    var date = _ref2.date,
+      _ref2$title = _ref2.title,
+      title = _ref2$title === void 0 ? '' : _ref2$title,
+      item = _objectWithoutProperties(_ref2, _excluded2);
+    return /*#__PURE__*/_react.default.createElement(_BookingTable2.Row, _extends({}, _objectSpread(_objectSpread({}, item), {}, {
+      currency: currency,
+      tracking: tracking
+    }), {
+      title: date ? dateFormat((0, _locale.parseDate)(date), _BookingTable.FORMAT_DATE) : title,
+      key: index
+    }), !expanded && !expand && index === UNEXPANDED_ITEMS - 1 && /*#__PURE__*/_react.default.createElement(_ButtonMore.ButtonMore, {
+      onPress: handlePress,
+      className: style.buttonMore
+    }));
+  })) : null;
+};
+BookingTable.displayName = 'Mirai:User:components.BookingTable';
+BookingTable.propTypes = {
+  currency: _propTypes.default.string,
+  dataSource: _propTypes.default.arrayOf(_propTypes.default.shape({})),
+  expanded: _propTypes.default.bool,
+  label: _propTypes.default.string,
+  tracking: _propTypes.default.string
+};
+//# sourceMappingURL=BookingTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BookingTable.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_BookingTable","style","_BookingTable2","_ButtonMore","_excluded","_excluded2","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","e","r","t","keys","getOwnPropertySymbols","o","filter","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","l","iterator","u","a","f","next","done","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","UNEXPANDED_ITEMS","BookingTable","exports","_ref","currency","_ref$expanded","expanded","_ref$dataSource","dataSource","label","tracking","others","_useDevice","useDevice","isMobile","_useLocale","useLocale","dateFormat","_useMetrics","useMetrics","track","_useState","useState","_useState2","expand","setExpand","useEffect","handlePress","concat","createElement","View","className","styles","table","collapsed","Text","action","bold","map","_ref2","index","date","_ref2$title","title","item","Row","parseDate","FORMAT_DATE","ButtonMore","onPress","buttonMore","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:User:components.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.l10n.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.L10N = void 0;
+var L10N = exports.L10N = {
+  LABEL_FREE: {
+    id: 'common.label.free'
+  },
+  ACTION_MORE_INFO: {
+    id: 'common.action.more_info'
+  }
+};
+//# sourceMappingURL=BookingTable.l10n.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BookingTable.l10n.js","names":["L10N","exports","LABEL_FREE","id","ACTION_MORE_INFO"],"sources":["../../../../src/components/__shared__/BookingTable/BookingTable.l10n.js"],"sourcesContent":["export const L10N = {\n  LABEL_FREE: { id: 'common.label.free' },\n  ACTION_MORE_INFO: { id: 'common.action.more_info' },\n};\n"],"mappings":";;;;;;AAAO,IAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG;EAClBE,UAAU,EAAE;IAAEC,EAAE,EAAE;EAAoB,CAAC;EACvCC,gBAAgB,EAAE;IAAED,EAAE,EAAE;EAA0B;AACpD,CAAC"}

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

@@ -0,0 +1,125 @@
+.table {
+  width: 100%;
+}
+
+.table.collapsed {
+  padding-bottom: var(--mirai-ui-space-XS);
+}
+
+.buttonMore {
+  box-shadow: 0 var(--mirai-ui-border-width) var(--mirai-ui-table-border-color);
+  padding: var(--mirai-ui-space-XS);
+  top: 0;
+  z-index: 1;
+}
+
+.row {
+  position: relative;
+  width: 100%;
+}
+
+.row:not(:last-child) {
+  border-bottom: solid var(--mirai-ui-border-width) var(--mirai-ui-table-border-color);
+}
+
+.lineThrough {
+  text-decoration: line-through;
+}
+
+.separator {
+  margin: 0 calc(var(--mirai-ui-space-XS) / 2);
+}
+
+.caption {
+  color: var(--mirai-ui-content-light);
+}
+
+.action {
+  color: var(--mirai-ui-accent);
+  text-decoration: underline;
+}
+
+.action:hover,
+.action:active {
+  color: var(--mirai-ui-content);
+}
+
+/* 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: calc(var(--mirai-ui-space-XS) / 2);
+  }
+
+  .title .subtitle {
+    margin-top: calc(var(--mirai-ui-space-XS) / 2);
+  }
+
+  .wide {
+    flex: 1;
+  }
+}
+
+/* M & L */
+@media only screen and (min-width: 431px) {
+  /* .table {
+    margin-bottom: var(--mirai-ui-space-L);
+  } */
+
+  .row {
+    align-items: flex-start;
+  }
+
+  .row > * {
+    padding: var(--mirai-ui-table-padding-y) 0;
+  }
+
+  .title {
+    width: 40%;
+  }
+
+  .summary {
+    width: 45%;
+  }
+
+  .price {
+    width: 15%;
+    align-items: flex-end;
+  }
+}
+
+@media print {
+  .noPrint {
+    display: none;
+  }
+
+  .row {
+    align-items: flex-start;
+    border-bottom: solid var(--mirai-ui-border-width) var(--mirai-ui-table-border-color);
+  }
+
+  .row > * {
+    padding: calc(var(--mirai-ui-table-padding-y) / 2) 0;
+  }
+
+  .title {
+    width: 40%;
+  }
+
+  .summary {
+    width: 45%;
+  }
+
+  .price {
+    width: 15%;
+    align-items: flex-end;
+  }
+}