@mirai/core 0.3.47 → 0.3.49

package/build/components/Finder/components/Calendar/Calendar.js

@@ -167,7 +167,7 @@ const Calendar = _ref => {
     testId: testId ? "".concat(testId, "-submit") : undefined,
     disabled: !from || !to,
     onPress: handleSubmit
-  }, translate(_Calendar2.L10N.ACTION_SEARCH))));
+  }, translate(_Calendar2.L10N.ACTION_NEXT))));
 };
 exports.Calendar = Calendar;
 Calendar.displayName = 'Mirai:Finder:Calendar';

package/build/components/Finder/components/Calendar/Calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_Calendar","_Calendar2","style","_helpers","_shared__","_helpers2","_helpers3","_helpers4","_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","Calendar","_ref","_getDataSource","_getDataSource$places","_getDataSource$places2","_getDataSource$places3","_getDataSource2","currency","id","locale","pricesLegend","rangeMaxDays","RANGE_MAX_DAYS","rangeMinDays","showPrices","onChange","onError","onSubmit","onValid","others","isMobile","useDevice","translate","useLocale","value","store","useStore","focus","setFocus","useState","prices","setPrices","setValue","valueFormat","visibleDate","setVisibleDate","useEffect","nextValue","parseValue","getPrices","dateCalc","Date","MONTHS","from","to","ERROR","NOT_FILLED","rangeMonths","undefined","IS_JEST","next","fetchPrices","current","values","handleChange","event","handleNavigation","handleScroll","_ref2","percentY","date","getVisibleDate","handleSubmit","testId","props","range","config","hotels","dataSource","lodgingDenomination","individual","tagId","getDataSource","places","options","find","ids","isHotel","accommodationType","getAccommodationType","getHotels","placesSource","createElement","View","role","captions","format","CALENDAR_FORMAT","months","MONTHS_IN_MOBILE","scrollEventThrottle","SCROLL_EVENT_MS","onFocus","onNavigation","onScroll","className","styles","calendar","Notification","inline","small","notification","L10N","LABEL_INFO_PRICES","accommodation","LABEL_ACCOMMODATION_TYPE","type","guests","nights","taxType","row","footer","BookingDates","Button","concat","disabled","onPress","ACTION_SEARCH","exports","displayName","propTypes","PropTypes","oneOf","CURRENCIES","string","number","bool","TAX","TAX_FREE","TAX_PARTIAL","arrayOf","instanceOf","func"],"sources":["../../../../../src/components/Finder/components/Calendar/Calendar.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { CURRENCIES, dateCalc } from '@mirai/locale';\nimport { useLocale } from '@mirai/locale';\nimport { Button, Calendar as CalendarBase, Notification, styles, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { ERROR, MONTHS, RANGE_MAX_DAYS, SCROLL_EVENT_MS, TAX, TAX_FREE, TAX_PARTIAL } from './Calendar.constants';\nimport { L10N } from './Calendar.l10n';\nimport * as style from './Calendar.module.css';\nimport { fetchPrices, getVisibleDate, parseValue, valueFormat } from './helpers';\nimport { BookingDates } from '../../../__shared__';\nimport { getAccommodationType } from '../../../__shared__/FieldOccupation/helpers';\nimport { CALENDAR_FORMAT, IS_JEST, MONTHS_IN_MOBILE } from '../../../helpers';\nimport { getDataSource, getHotels } from '../../helpers';\n\nconst Calendar = ({\n  currency,\n  id,\n  locale,\n  pricesLegend,\n  rangeMaxDays = RANGE_MAX_DAYS,\n  rangeMinDays,\n  showPrices,\n  onChange,\n  onError,\n  onSubmit,\n  onValid,\n  ...others\n}) => {\n  const { isMobile } = useDevice();\n  const { translate } = useLocale();\n  const { value: store } = useStore();\n\n  const [focus, setFocus] = useState();\n  const [prices, setPrices] = useState();\n  const [value, setValue] = useState(valueFormat(others.value));\n  const [visibleDate, setVisibleDate] = useState();\n\n  useEffect(() => {\n    setPrices();\n\n    const nextValue = visibleDate || (value?.length && value[0] && parseValue(value)[0]);\n    showPrices && id && getPrices((nextValue && dateCalc(nextValue, -1, 'months')) || new Date(), MONTHS);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [currency, id, showPrices]);\n\n  useEffect(() => {\n    const [from, to] = value || [];\n\n    if (onValid && from && to) onValid();\n    else if (onError && (!from || !to)) onError(ERROR.NOT_FILLED);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [value]);\n\n  const getPrices = async (from, rangeMonths = 2) => {\n    if (IS_JEST || !from) return;\n\n    const next = await fetchPrices({ currency, from, id, locale, rangeMonths });\n    setPrices((current) => {\n      return { currency: next.currency, values: { ...current?.values, ...next?.values } };\n    });\n  };\n\n  const handleChange = (next = [], event) => {\n    setFocus(undefined);\n    setValue(valueFormat(next));\n    onChange && onChange(next, event);\n  };\n\n  const handleNavigation = (value) => {\n    setVisibleDate(value);\n\n    return showPrices && getPrices(value);\n  };\n\n  const handleScroll = ({ percentY }) => {\n    const date = getVisibleDate(percentY, others.to);\n    setVisibleDate(date);\n\n    return showPrices && id && getPrices(date, MONTHS);\n  };\n\n  const handleSubmit = (event) => onSubmit(value, event);\n\n  const { testId } = others;\n  const props = { ...others, locale, range: true, rangeMaxDays, rangeMinDays };\n  const [from, to] = parseValue(value);\n  const { config: { hotels: dataSource, lodgingDenomination: individual } = {} } = store || {};\n\n  const tagId = getDataSource(store)?.places?.options?.find(\n    ({ id: ids = [], isHotel } = {}) => isHotel && ids[0] === id,\n  )?.value;\n\n  const accommodationType = getAccommodationType({\n    dataSource,\n    hotels: getHotels(getDataSource(store)?.placesSource, tagId),\n    individual: individual && typeof individual === 'object' ? individual[id] : individual,\n  });\n\n  return (\n    <View role=\"calendar\">\n      <CalendarBase\n        {...props}\n        captions={prices?.values}\n        format={CALENDAR_FORMAT}\n        months={isMobile ? MONTHS_IN_MOBILE : undefined}\n        scrollEventThrottle={SCROLL_EVENT_MS}\n        value={value}\n        onChange={handleChange}\n        onFocus={setFocus}\n        onNavigation={handleNavigation}\n        onScroll={handleScroll}\n        className={styles(style.calendar, others.className)}\n      />\n\n      {prices?.currency && (\n        <Notification inline small className={style.notification}>\n          {translate(L10N.LABEL_INFO_PRICES, {\n            accommodation: translate(L10N.LABEL_ACCOMMODATION_TYPE, { type: accommodationType }),\n            currency,\n            guests: 2,\n            nights: 1,\n            taxType: pricesLegend,\n          })}\n        </Notification>\n      )}\n\n      <View row className={style.footer}>\n        <BookingDates {...{ from, focus, to, rangeMinDays }} />\n\n        {onSubmit && (\n          <Button testId={testId ? `${testId}-submit` : undefined} disabled={!from || !to} onPress={handleSubmit}>\n            {translate(L10N.ACTION_SEARCH)}\n          </Button>\n        )}\n      </View>\n    </View>\n  );\n};\n\nCalendar.displayName = 'Mirai:Finder:Calendar';\n\nCalendar.propTypes = {\n  currency: PropTypes.oneOf(CURRENCIES),\n  id: PropTypes.string,\n  locale: PropTypes.string,\n  rangeMaxDays: PropTypes.number,\n  rangeMinDays: PropTypes.number,\n  showPrices: PropTypes.bool,\n  pricesLegend: PropTypes.oneOf([TAX, TAX_FREE, TAX_PARTIAL]),\n  value: PropTypes.arrayOf(PropTypes.instanceOf(Date)),\n  onChange: PropTypes.func,\n  onError: PropTypes.func,\n  onSubmit: PropTypes.func,\n  onValid: PropTypes.func,\n};\n\nexport { Calendar };\n"],"mappings":"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"}
+{"version":3,"file":"Calendar.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_Calendar","_Calendar2","style","_helpers","_shared__","_helpers2","_helpers3","_helpers4","_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","Calendar","_ref","_getDataSource","_getDataSource$places","_getDataSource$places2","_getDataSource$places3","_getDataSource2","currency","id","locale","pricesLegend","rangeMaxDays","RANGE_MAX_DAYS","rangeMinDays","showPrices","onChange","onError","onSubmit","onValid","others","isMobile","useDevice","translate","useLocale","value","store","useStore","focus","setFocus","useState","prices","setPrices","setValue","valueFormat","visibleDate","setVisibleDate","useEffect","nextValue","parseValue","getPrices","dateCalc","Date","MONTHS","from","to","ERROR","NOT_FILLED","rangeMonths","undefined","IS_JEST","next","fetchPrices","current","values","handleChange","event","handleNavigation","handleScroll","_ref2","percentY","date","getVisibleDate","handleSubmit","testId","props","range","config","hotels","dataSource","lodgingDenomination","individual","tagId","getDataSource","places","options","find","ids","isHotel","accommodationType","getAccommodationType","getHotels","placesSource","createElement","View","role","captions","format","CALENDAR_FORMAT","months","MONTHS_IN_MOBILE","scrollEventThrottle","SCROLL_EVENT_MS","onFocus","onNavigation","onScroll","className","styles","calendar","Notification","inline","small","notification","L10N","LABEL_INFO_PRICES","accommodation","LABEL_ACCOMMODATION_TYPE","type","guests","nights","taxType","row","footer","BookingDates","Button","concat","disabled","onPress","ACTION_NEXT","exports","displayName","propTypes","PropTypes","oneOf","CURRENCIES","string","number","bool","TAX","TAX_FREE","TAX_PARTIAL","arrayOf","instanceOf","func"],"sources":["../../../../../src/components/Finder/components/Calendar/Calendar.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { CURRENCIES, dateCalc } from '@mirai/locale';\nimport { useLocale } from '@mirai/locale';\nimport { Button, Calendar as CalendarBase, Notification, styles, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { ERROR, MONTHS, RANGE_MAX_DAYS, SCROLL_EVENT_MS, TAX, TAX_FREE, TAX_PARTIAL } from './Calendar.constants';\nimport { L10N } from './Calendar.l10n';\nimport * as style from './Calendar.module.css';\nimport { fetchPrices, getVisibleDate, parseValue, valueFormat } from './helpers';\nimport { BookingDates } from '../../../__shared__';\nimport { getAccommodationType } from '../../../__shared__/FieldOccupation/helpers';\nimport { CALENDAR_FORMAT, IS_JEST, MONTHS_IN_MOBILE } from '../../../helpers';\nimport { getDataSource, getHotels } from '../../helpers';\n\nconst Calendar = ({\n  currency,\n  id,\n  locale,\n  pricesLegend,\n  rangeMaxDays = RANGE_MAX_DAYS,\n  rangeMinDays,\n  showPrices,\n  onChange,\n  onError,\n  onSubmit,\n  onValid,\n  ...others\n}) => {\n  const { isMobile } = useDevice();\n  const { translate } = useLocale();\n  const { value: store } = useStore();\n\n  const [focus, setFocus] = useState();\n  const [prices, setPrices] = useState();\n  const [value, setValue] = useState(valueFormat(others.value));\n  const [visibleDate, setVisibleDate] = useState();\n\n  useEffect(() => {\n    setPrices();\n\n    const nextValue = visibleDate || (value?.length && value[0] && parseValue(value)[0]);\n    showPrices && id && getPrices((nextValue && dateCalc(nextValue, -1, 'months')) || new Date(), MONTHS);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [currency, id, showPrices]);\n\n  useEffect(() => {\n    const [from, to] = value || [];\n\n    if (onValid && from && to) onValid();\n    else if (onError && (!from || !to)) onError(ERROR.NOT_FILLED);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [value]);\n\n  const getPrices = async (from, rangeMonths = 2) => {\n    if (IS_JEST || !from) return;\n\n    const next = await fetchPrices({ currency, from, id, locale, rangeMonths });\n    setPrices((current) => {\n      return { currency: next.currency, values: { ...current?.values, ...next?.values } };\n    });\n  };\n\n  const handleChange = (next = [], event) => {\n    setFocus(undefined);\n    setValue(valueFormat(next));\n    onChange && onChange(next, event);\n  };\n\n  const handleNavigation = (value) => {\n    setVisibleDate(value);\n\n    return showPrices && getPrices(value);\n  };\n\n  const handleScroll = ({ percentY }) => {\n    const date = getVisibleDate(percentY, others.to);\n    setVisibleDate(date);\n\n    return showPrices && id && getPrices(date, MONTHS);\n  };\n\n  const handleSubmit = (event) => onSubmit(value, event);\n\n  const { testId } = others;\n  const props = { ...others, locale, range: true, rangeMaxDays, rangeMinDays };\n  const [from, to] = parseValue(value);\n  const { config: { hotels: dataSource, lodgingDenomination: individual } = {} } = store || {};\n\n  const tagId = getDataSource(store)?.places?.options?.find(\n    ({ id: ids = [], isHotel } = {}) => isHotel && ids[0] === id,\n  )?.value;\n\n  const accommodationType = getAccommodationType({\n    dataSource,\n    hotels: getHotels(getDataSource(store)?.placesSource, tagId),\n    individual: individual && typeof individual === 'object' ? individual[id] : individual,\n  });\n\n  return (\n    <View role=\"calendar\">\n      <CalendarBase\n        {...props}\n        captions={prices?.values}\n        format={CALENDAR_FORMAT}\n        months={isMobile ? MONTHS_IN_MOBILE : undefined}\n        scrollEventThrottle={SCROLL_EVENT_MS}\n        value={value}\n        onChange={handleChange}\n        onFocus={setFocus}\n        onNavigation={handleNavigation}\n        onScroll={handleScroll}\n        className={styles(style.calendar, others.className)}\n      />\n\n      {prices?.currency && (\n        <Notification inline small className={style.notification}>\n          {translate(L10N.LABEL_INFO_PRICES, {\n            accommodation: translate(L10N.LABEL_ACCOMMODATION_TYPE, { type: accommodationType }),\n            currency,\n            guests: 2,\n            nights: 1,\n            taxType: pricesLegend,\n          })}\n        </Notification>\n      )}\n\n      <View row className={style.footer}>\n        <BookingDates {...{ from, focus, to, rangeMinDays }} />\n\n        {onSubmit && (\n          <Button testId={testId ? `${testId}-submit` : undefined} disabled={!from || !to} onPress={handleSubmit}>\n            {translate(L10N.ACTION_NEXT)}\n          </Button>\n        )}\n      </View>\n    </View>\n  );\n};\n\nCalendar.displayName = 'Mirai:Finder:Calendar';\n\nCalendar.propTypes = {\n  currency: PropTypes.oneOf(CURRENCIES),\n  id: PropTypes.string,\n  locale: PropTypes.string,\n  rangeMaxDays: PropTypes.number,\n  rangeMinDays: PropTypes.number,\n  showPrices: PropTypes.bool,\n  pricesLegend: PropTypes.oneOf([TAX, TAX_FREE, TAX_PARTIAL]),\n  value: PropTypes.arrayOf(PropTypes.instanceOf(Date)),\n  onChange: PropTypes.func,\n  onError: PropTypes.func,\n  onSubmit: PropTypes.func,\n  onValid: PropTypes.func,\n};\n\nexport { Calendar };\n"],"mappings":"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"}

package/build/components/Finder/components/Calendar/Calendar.l10n.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.L10N = void 0;
 const L10N = exports.L10N = {
-  ACTION_SEARCH: {
-    id: 'common.action.search'
+  ACTION_NEXT: {
+    id: 'finder.action.next'
   },
   LABEL_ACCOMMODATION_TYPE: {
     id: 'common.label.accommodation_type'

package/build/components/Finder/components/Calendar/Calendar.l10n.js.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.l10n.js","names":["L10N","exports","ACTION_SEARCH","id","LABEL_ACCOMMODATION_TYPE","LABEL_INFO_PRICES"],"sources":["../../../../../src/components/Finder/components/Calendar/Calendar.l10n.js"],"sourcesContent":["export const L10N = {\n  ACTION_SEARCH: { id: 'common.action.search' },\n  LABEL_ACCOMMODATION_TYPE: { id: 'common.label.accommodation_type' },\n  LABEL_INFO_PRICES: { id: 'finder.label.info_prices' },\n};\n"],"mappings":";;;;;;AAAO,MAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG;EAClBE,aAAa,EAAE;IAAEC,EAAE,EAAE;EAAuB,CAAC;EAC7CC,wBAAwB,EAAE;IAAED,EAAE,EAAE;EAAkC,CAAC;EACnEE,iBAAiB,EAAE;IAAEF,EAAE,EAAE;EAA2B;AACtD,CAAC"}
+{"version":3,"file":"Calendar.l10n.js","names":["L10N","exports","ACTION_NEXT","id","LABEL_ACCOMMODATION_TYPE","LABEL_INFO_PRICES"],"sources":["../../../../../src/components/Finder/components/Calendar/Calendar.l10n.js"],"sourcesContent":["export const L10N = {\n  ACTION_NEXT: { id: 'finder.action.next' },\n\n  LABEL_ACCOMMODATION_TYPE: { id: 'common.label.accommodation_type' },\n  LABEL_INFO_PRICES: { id: 'finder.label.info_prices' },\n};\n"],"mappings":";;;;;;AAAO,MAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG;EAClBE,WAAW,EAAE;IAAEC,EAAE,EAAE;EAAqB,CAAC;EAEzCC,wBAAwB,EAAE;IAAED,EAAE,EAAE;EAAkC,CAAC;EACnEE,iBAAiB,EAAE;IAAEF,EAAE,EAAE;EAA2B;AACtD,CAAC"}

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

@@ -27,7 +27,6 @@ const Places = _ref => {
   const {
     translate
   } = (0, _locale.useLocale)();
-  const ref = (0, _react.useRef)(null);
   const [columns, setColumns] = (0, _react.useState)();
   (0, _react.useEffect)(() => {
     const {
@@ -35,8 +34,7 @@ const Places = _ref => {
     } = device;
     if (!isMobile && autoColumn) setColumns(autoColumn ? (0, _helpers.calcColumns)({
       dataSource,
-      device,
-      ref
+      device
     }) : undefined);
   }, [autoColumn, device, dataSource]);
   const {
@@ -44,8 +42,7 @@ const Places = _ref => {
   } = others;
   return /*#__PURE__*/_react.default.createElement(_ui.View, {
     role: "places",
-    className: style.container,
-    ref: ref
+    className: style.container
   }, /*#__PURE__*/_react.default.createElement(_ui.ScrollView, {
     scrollIndicator: true,
     snap: true,
@@ -68,9 +65,8 @@ const Places = _ref => {
       onPress: () => onChange(item),
       testId: testId ? "".concat(testId, "-item-").concat(index) : undefined
     }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+      action: level !== 0,
       bold: !isHotel,
-      headline: true,
-      level: level === 0 ? 3 : 4,
       className: style.title
     }, '\u00A0'.repeat(level), title));
   })), onSubmit && /*#__PURE__*/_react.default.createElement(_ui.View, {
@@ -80,7 +76,7 @@ const Places = _ref => {
     className: [style.button, style.submit],
     onPress: onSubmit,
     testId: testId ? "".concat(testId, "-submit") : undefined
-  }, translate(_Places.L10N.ACTION_CLOSE))));
+  }, translate(_Places.L10N.ACTION_NEXT))));
 };
 exports.Places = Places;
 Places.displayName = 'Mirai:Finder:Places';

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

@@ -1 +1 @@
-{"version":3,"file":"Places.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_helpers","_Places","style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","Places","_ref","autoColumn","dataSource","value","onChange","onSubmit","others","device","useDevice","translate","useLocale","ref","useRef","columns","setColumns","useState","useEffect","isMobile","calcColumns","undefined","testId","createElement","View","role","className","container","ScrollView","scrollIndicator","snap","tag","styles","scrollview","concat","map","item","arguments","length","index","isHotel","level","title","itemValue","Pressable","key","selected","onPress","Text","bold","headline","repeat","footer","Button","disabled","button","submit","L10N","ACTION_CLOSE","exports","displayName","propTypes","PropTypes","bool","arrayOf","shape","id","string","isRequired","number","func"],"sources":["../../../../../src/components/Finder/components/Places/Places.jsx"],"sourcesContent":["import { useLocale } from '@mirai/locale';\nimport { Button, Pressable, styles, ScrollView, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { calcColumns } from './helpers';\nimport { L10N } from './Places.l10n';\nimport * as style from './Places.module.css';\n\nconst Places = ({ autoColumn = true, dataSource = [], value, onChange = () => {}, onSubmit, ...others }) => {\n  const device = useDevice();\n  const { translate } = useLocale();\n  const ref = useRef(null);\n\n  const [columns, setColumns] = useState();\n\n  useEffect(() => {\n    const { isMobile } = device;\n\n    if (!isMobile && autoColumn) setColumns(autoColumn ? calcColumns({ dataSource, device, ref }) : undefined);\n  }, [autoColumn, device, dataSource]);\n\n  const { testId } = others;\n\n  return (\n    <View role=\"places\" className={style.container} ref={ref}>\n      <ScrollView\n        scrollIndicator\n        snap\n        tag=\"ul\"\n        className={styles(style.scrollview, columns && style.columns, columns && style[`columns${columns}`])}\n        testId={testId}\n      >\n        {dataSource.map((item = {}, index) => {\n          const { isHotel, level, title, value: itemValue } = item;\n\n          return (\n            <Pressable\n              key={index}\n              tag=\"li\"\n              className={styles(style.item, itemValue === value && style.selected)}\n              onPress={() => onChange(item)}\n              testId={testId ? `${testId}-item-${index}` : undefined}\n            >\n              <Text bold={!isHotel} headline level={level === 0 ? 3 : 4} className={style.title}>\n                {'\\u00A0'.repeat(level)}\n                {title}\n              </Text>\n            </Pressable>\n          );\n        })}\n      </ScrollView>\n\n      {onSubmit && (\n        <View className={style.footer}>\n          <Button\n            disabled={!value}\n            className={[style.button, style.submit]}\n            onPress={onSubmit}\n            testId={testId ? `${testId}-submit` : undefined}\n          >\n            {translate(L10N.ACTION_CLOSE)}\n          </Button>\n        </View>\n      )}\n    </View>\n  );\n};\n\nPlaces.displayName = 'Mirai:Finder:Places';\n\nPlaces.propTypes = {\n  autoColumn: PropTypes.bool,\n  dataSource: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.arrayOf(PropTypes.string).isRequired,\n      isHotel: PropTypes.bool,\n      level: PropTypes.number,\n      title: PropTypes.string.isRequired,\n      value: PropTypes.number.isRequired,\n    }),\n  ),\n  value: PropTypes.number,\n  onChange: PropTypes.func,\n  onSubmit: PropTypes.func,\n};\n\nexport { Places };\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,GAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAC,uBAAA,CAAAL,OAAA;AAEA,IAAAM,QAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AACA,IAAAQ,KAAA,GAAAH,uBAAA,CAAAL,OAAA;AAA6C,SAAAS,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,SAAAL,wBAAAK,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,SAAAf,uBAAA2B,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAhB,UAAA,GAAAgB,GAAA,KAAAf,OAAA,EAAAe,GAAA;AAE7C,MAAMC,MAAM,GAAGC,IAAA,IAA6F;EAAA,IAA5F;IAAEC,UAAU,GAAG,IAAI;IAAEC,UAAU,GAAG,EAAE;IAAEC,KAAK;IAAEC,QAAQ,GAAGA,CAAA,KAAM,CAAC,CAAC;IAAEC,QAAQ;IAAE,GAAGC;EAAO,CAAC,GAAAN,IAAA;EACrG,MAAMO,MAAM,GAAG,IAAAC,aAAS,EAAC,CAAC;EAC1B,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EACjC,MAAMC,GAAG,GAAG,IAAAC,aAAM,EAAC,IAAI,CAAC;EAExB,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC;EAExC,IAAAC,gBAAS,EAAC,MAAM;IACd,MAAM;MAAEC;IAAS,CAAC,GAAGV,MAAM;IAE3B,IAAI,CAACU,QAAQ,IAAIhB,UAAU,EAAEa,UAAU,CAACb,UAAU,GAAG,IAAAiB,oBAAW,EAAC;MAAEhB,UAAU;MAAEK,MAAM;MAAEI;IAAI,CAAC,CAAC,GAAGQ,SAAS,CAAC;EAC5G,CAAC,EAAE,CAAClB,UAAU,EAAEM,MAAM,EAAEL,UAAU,CAAC,CAAC;EAEpC,MAAM;IAAEkB;EAAO,CAAC,GAAGd,MAAM;EAEzB,oBACElC,MAAA,CAAAW,OAAA,CAAAsC,aAAA,CAACpD,GAAA,CAAAqD,IAAI;IAACC,IAAI,EAAC,QAAQ;IAACC,SAAS,EAAEhD,KAAK,CAACiD,SAAU;IAACd,GAAG,EAAEA;EAAI,gBACvDvC,MAAA,CAAAW,OAAA,CAAAsC,aAAA,CAACpD,GAAA,CAAAyD,UAAU;IACTC,eAAe;IACfC,IAAI;IACJC,GAAG,EAAC,IAAI;IACRL,SAAS,EAAE,IAAAM,UAAM,EAACtD,KAAK,CAACuD,UAAU,EAAElB,OAAO,IAAIrC,KAAK,CAACqC,OAAO,EAAEA,OAAO,IAAIrC,KAAK,WAAAwD,MAAA,CAAWnB,OAAO,EAAG,CAAE;IACrGO,MAAM,EAAEA;EAAO,GAEdlB,UAAU,CAAC+B,GAAG,CAAC,YAAsB;IAAA,IAArBC,IAAI,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAhB,SAAA,GAAAgB,SAAA,MAAG,CAAC,CAAC;IAAA,IAAEE,KAAK,GAAAF,SAAA,CAAAC,MAAA,OAAAD,SAAA,MAAAhB,SAAA;IAC/B,MAAM;MAAEmB,OAAO;MAAEC,KAAK;MAAEC,KAAK;MAAErC,KAAK,EAAEsC;IAAU,CAAC,GAAGP,IAAI;IAExD,oBACE9D,MAAA,CAAAW,OAAA,CAAAsC,aAAA,CAACpD,GAAA,CAAAyE,SAAS;MACRC,GAAG,EAAEN,KAAM;MACXR,GAAG,EAAC,IAAI;MACRL,SAAS,EAAE,IAAAM,UAAM,EAACtD,KAAK,CAAC0D,IAAI,EAAEO,SAAS,KAAKtC,KAAK,IAAI3B,KAAK,CAACoE,QAAQ,CAAE;MACrEC,OAAO,EAAEA,CAAA,KAAMzC,QAAQ,CAAC8B,IAAI,CAAE;MAC9Bd,MAAM,EAAEA,MAAM,MAAAY,MAAA,CAAMZ,MAAM,YAAAY,MAAA,CAASK,KAAK,IAAKlB;IAAU,gBAEvD/C,MAAA,CAAAW,OAAA,CAAAsC,aAAA,CAACpD,GAAA,CAAA6E,IAAI;MAACC,IAAI,EAAE,CAACT,OAAQ;MAACU,QAAQ;MAACT,KAAK,EAAEA,KAAK,KAAK,CAAC,GAAG,CAAC,GAAG,CAAE;MAACf,SAAS,EAAEhD,KAAK,CAACgE;IAAM,GAC/E,QAAQ,CAACS,MAAM,CAACV,KAAK,CAAC,EACtBC,KACG,CACG,CAAC;EAEhB,CAAC,CACS,CAAC,EAEZnC,QAAQ,iBACPjC,MAAA,CAAAW,OAAA,CAAAsC,aAAA,CAACpD,GAAA,CAAAqD,IAAI;IAACE,SAAS,EAAEhD,KAAK,CAAC0E;EAAO,gBAC5B9E,MAAA,CAAAW,OAAA,CAAAsC,aAAA,CAACpD,GAAA,CAAAkF,MAAM;IACLC,QAAQ,EAAE,CAACjD,KAAM;IACjBqB,SAAS,EAAE,CAAChD,KAAK,CAAC6E,MAAM,EAAE7E,KAAK,CAAC8E,MAAM,CAAE;IACxCT,OAAO,EAAExC,QAAS;IAClBe,MAAM,EAAEA,MAAM,MAAAY,MAAA,CAAMZ,MAAM,eAAYD;EAAU,GAE/CV,SAAS,CAAC8C,YAAI,CAACC,YAAY,CACtB,CACJ,CAEJ,CAAC;AAEX,CAAC;AAACC,OAAA,CAAA1D,MAAA,GAAAA,MAAA;AAEFA,MAAM,CAAC2D,WAAW,GAAG,qBAAqB;AAE1C3D,MAAM,CAAC4D,SAAS,GAAG;EACjB1D,UAAU,EAAE2D,kBAAS,CAACC,IAAI;EAC1B3D,UAAU,EAAE0D,kBAAS,CAACE,OAAO,CAC3BF,kBAAS,CAACG,KAAK,CAAC;IACdC,EAAE,EAAEJ,kBAAS,CAACE,OAAO,CAACF,kBAAS,CAACK,MAAM,CAAC,CAACC,UAAU;IAClD5B,OAAO,EAAEsB,kBAAS,CAACC,IAAI;IACvBtB,KAAK,EAAEqB,kBAAS,CAACO,MAAM;IACvB3B,KAAK,EAAEoB,kBAAS,CAACK,MAAM,CAACC,UAAU;IAClC/D,KAAK,EAAEyD,kBAAS,CAACO,MAAM,CAACD;EAC1B,CAAC,CACH,CAAC;EACD/D,KAAK,EAAEyD,kBAAS,CAACO,MAAM;EACvB/D,QAAQ,EAAEwD,kBAAS,CAACQ,IAAI;EACxB/D,QAAQ,EAAEuD,kBAAS,CAACQ;AACtB,CAAC"}
+{"version":3,"file":"Places.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_helpers","_Places","style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","Places","_ref","autoColumn","dataSource","value","onChange","onSubmit","others","device","useDevice","translate","useLocale","columns","setColumns","useState","useEffect","isMobile","calcColumns","undefined","testId","createElement","View","role","className","container","ScrollView","scrollIndicator","snap","tag","styles","scrollview","concat","map","item","arguments","length","index","isHotel","level","title","itemValue","Pressable","key","selected","onPress","Text","action","bold","repeat","footer","Button","disabled","button","submit","L10N","ACTION_NEXT","exports","displayName","propTypes","PropTypes","bool","arrayOf","shape","id","string","isRequired","number","func"],"sources":["../../../../../src/components/Finder/components/Places/Places.jsx"],"sourcesContent":["import { useLocale } from '@mirai/locale';\nimport { Button, Pressable, styles, ScrollView, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { calcColumns } from './helpers';\nimport { L10N } from './Places.l10n';\nimport * as style from './Places.module.css';\n\nconst Places = ({ autoColumn = true, dataSource = [], value, onChange = () => {}, onSubmit, ...others }) => {\n  const device = useDevice();\n  const { translate } = useLocale();\n\n  const [columns, setColumns] = useState();\n\n  useEffect(() => {\n    const { isMobile } = device;\n\n    if (!isMobile && autoColumn) setColumns(autoColumn ? calcColumns({ dataSource, device }) : undefined);\n  }, [autoColumn, device, dataSource]);\n\n  const { testId } = others;\n\n  return (\n    <View role=\"places\" className={style.container}>\n      {/* <Text>Filter</Text> */}\n      <ScrollView\n        scrollIndicator\n        snap\n        tag=\"ul\"\n        className={styles(style.scrollview, columns && style.columns, columns && style[`columns${columns}`])}\n        testId={testId}\n      >\n        {dataSource.map((item = {}, index) => {\n          const { isHotel, level, title, value: itemValue } = item;\n\n          return (\n            <Pressable\n              key={index}\n              tag=\"li\"\n              className={styles(style.item, itemValue === value && style.selected)}\n              onPress={() => onChange(item)}\n              testId={testId ? `${testId}-item-${index}` : undefined}\n            >\n              <Text action={level !== 0} bold={!isHotel} className={style.title}>\n                {'\\u00A0'.repeat(level)}\n                {title}\n              </Text>\n            </Pressable>\n          );\n        })}\n      </ScrollView>\n\n      {onSubmit && (\n        <View className={style.footer}>\n          <Button\n            disabled={!value}\n            className={[style.button, style.submit]}\n            onPress={onSubmit}\n            testId={testId ? `${testId}-submit` : undefined}\n          >\n            {translate(L10N.ACTION_NEXT)}\n          </Button>\n        </View>\n      )}\n    </View>\n  );\n};\n\nPlaces.displayName = 'Mirai:Finder:Places';\n\nPlaces.propTypes = {\n  autoColumn: PropTypes.bool,\n  dataSource: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.arrayOf(PropTypes.string).isRequired,\n      isHotel: PropTypes.bool,\n      level: PropTypes.number,\n      title: PropTypes.string.isRequired,\n      value: PropTypes.number.isRequired,\n    }),\n  ),\n  value: PropTypes.number,\n  onChange: PropTypes.func,\n  onSubmit: PropTypes.func,\n};\n\nexport { Places };\n"],"mappings":"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"}

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

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.L10N = void 0;
 const L10N = exports.L10N = {
-  ACTION_CLOSE: {
-    id: 'common.action.close'
+  ACTION_NEXT: {
+    id: 'finder.action.next'
   }
 };
 //# sourceMappingURL=Places.l10n.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Places.l10n.js","names":["L10N","exports","ACTION_CLOSE","id"],"sources":["../../../../../src/components/Finder/components/Places/Places.l10n.js"],"sourcesContent":["export const L10N = {\n  ACTION_CLOSE: { id: 'common.action.close' },\n};\n"],"mappings":";;;;;;AAAO,MAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG;EAClBE,YAAY,EAAE;IAAEC,EAAE,EAAE;EAAsB;AAC5C,CAAC"}
+{"version":3,"file":"Places.l10n.js","names":["L10N","exports","ACTION_NEXT","id"],"sources":["../../../../../src/components/Finder/components/Places/Places.l10n.js"],"sourcesContent":["export const L10N = {\n  ACTION_NEXT: { id: 'finder.action.next' },\n};\n"],"mappings":";;;;;;AAAO,MAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG;EAClBE,WAAW,EAAE;IAAEC,EAAE,EAAE;EAAqB;AAC1C,CAAC"}

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

@@ -1,9 +1,11 @@
 :root {
-  --mirai-places-item-height: 36px;
-  --mirai-places-item-selected: var(--mirai-ui-accent);
+  --mirai-places-item-height: 32px;
+  --mirai-places-item-width: 300px;
+  --mirai-places-item-background-selected: var(--mirai-ui-accent);
+  --mirai-places-item-color-selected: var(--mirai-ui-base);
+  /*  */
   --mirai-places-padding: var(--mirai-ui-space-M);
-  --mirai-places-scrollview-max-height: 80vh;
-  --mirai-places-width: 300px;
+  --mirai-places-items-per-column: 18;
 }
 
 .footer {
@@ -16,20 +18,21 @@
   align-items: center;
   box-sizing: border-box;
   display: flex;
+  max-height: var(--mirai-places-item-height);
   min-height: var(--mirai-places-item-height);
-  overflow: visible;
+  overflow: hidden;
   padding: 0 var(--mirai-places-padding);
   width: 100%;
 }
 
 .item.selected,
 .item:hover {
-  background-color: var(--mirai-places-item-selected);
+  background-color: var(--mirai-places-item-background-selected);
 }
 
 .item.selected *,
 .item:hover * {
-  color: var(--mirai-ui-base);
+  color: var(--mirai-places-item-color-selected);
 }
 
 .item .title {
@@ -52,32 +55,33 @@
 
   .scrollview {
     flex: 1;
+    max-height: 66svh;
   }
 }
 
 @media only screen and (min-width: 431px) {
   .container {
+    max-height: calc(
+      calc(var(--mirai-places-item-height) * calc(var(--mirai-places-items-per-column) + 1)) -
+        var(--mirai-places-padding)
+    );
     padding: calc(var(--mirai-places-padding) / 2) 0;
   }
 
-  .scrollview {
-    max-height: var(--mirai-places-scrollview-max-height);
-  }
-
   .item {
-    width: var(--mirai-places-width);
+    width: var(--mirai-places-item-width);
   }
 
   .columns {
     flex-wrap: wrap;
-    max-width: calc(var(--mirai-places-width) * 3);
+    max-width: calc(var(--mirai-places-item-width) * 3);
   }
 
   .columns2 {
-    width: calc(var(--mirai-places-width) * 2);
+    width: calc(var(--mirai-places-item-width) * 2);
   }
 
   .columns3 {
-    width: calc(var(--mirai-places-width) * 3);
+    width: calc(var(--mirai-places-item-width) * 3);
   }
 }

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

@@ -11,56 +11,56 @@ exports[`component:<Places> inherit:className 1`] = `
       <li
         class="pressable"
       >
-        <h3
-          class="text bold headline-3"
+        <span
+          class="text bold paragraph"
         >
           Gran Canaria
-        </h3>
+        </span>
       </li>
       <li
         class="pressable"
       >
-        <h4
-          class="text headline-4"
+        <span
+          class="text action"
         >
            Gloria Palace Amadores Thalasso & Hotel
-        </h4>
+        </span>
       </li>
       <li
         class="pressable"
       >
-        <h4
-          class="text headline-4"
+        <span
+          class="text action"
         >
            Gloria Palace Royal Hotel & Spa **** sup
-        </h4>
+        </span>
       </li>
       <li
         class="pressable"
       >
-        <h4
-          class="text headline-4"
+        <span
+          class="text action"
         >
            Gloria Palace San Agustín Thalasso & Hotel 
-        </h4>
+        </span>
       </li>
       <li
         class="pressable"
       >
-        <h3
-          class="text bold headline-3"
+        <span
+          class="text bold paragraph"
         >
           Lanzarote
-        </h3>
+        </span>
       </li>
       <li
         class="pressable"
       >
-        <h4
-          class="text headline-4"
+        <span
+          class="text action"
         >
            Gloria Izaro Club Hotel
-        </h4>
+        </span>
       </li>
     </ul>
   </div>
@@ -78,56 +78,56 @@ exports[`component:<Places> prop:autoColumn 1`] = `
       <li
         class="pressable"
       >
-        <h3
-          class="text bold headline-3"
+        <span
+          class="text bold paragraph"
         >
           Gran Canaria
-        </h3>
+        </span>
       </li>
       <li
         class="pressable"
       >
-        <h4
-          class="text headline-4"
+        <span
+          class="text action"
         >
            Gloria Palace Amadores Thalasso & Hotel
-        </h4>
+        </span>
       </li>
       <li
         class="pressable"
       >
-        <h4
-          class="text headline-4"
+        <span
+          class="text action"
         >
            Gloria Palace Royal Hotel & Spa **** sup
-        </h4>
+        </span>
       </li>
       <li
         class="pressable"
       >
-        <h4
-          class="text headline-4"
+        <span
+          class="text action"
         >
            Gloria Palace San Agustín Thalasso & Hotel 
-        </h4>
+        </span>
       </li>
       <li
         class="pressable"
       >
-        <h3
-          class="text bold headline-3"
+        <span
+          class="text bold paragraph"
         >
           Lanzarote
-        </h3>
+        </span>
       </li>
       <li
         class="pressable"
       >
-        <h4
-          class="text headline-4"
+        <span
+          class="text action"
         >
            Gloria Izaro Club Hotel
-        </h4>
+        </span>
       </li>
     </ul>
   </div>
@@ -145,56 +145,56 @@ exports[`component:<Places> prop:value 1`] = `
       <li
         class="pressable"
       >
-        <h3
-          class="text bold headline-3"
+        <span
+          class="text bold paragraph"
         >
           Gran Canaria
-        </h3>
+        </span>
       </li>
       <li
         class="pressable"
       >
-        <h4
-          class="text headline-4"
+        <span
+          class="text action"
         >
            Gloria Palace Amadores Thalasso & Hotel
-        </h4>
+        </span>
       </li>
       <li
         class="pressable"
       >
-        <h4
-          class="text headline-4"
+        <span
+          class="text action"
         >
            Gloria Palace Royal Hotel & Spa **** sup
-        </h4>
+        </span>
       </li>
       <li
         class="pressable"
       >
-        <h4
-          class="text headline-4"
+        <span
+          class="text action"
         >
            Gloria Palace San Agustín Thalasso & Hotel 
-        </h4>
+        </span>
       </li>
       <li
         class="pressable"
       >
-        <h3
-          class="text bold headline-3"
+        <span
+          class="text bold paragraph"
         >
           Lanzarote
-        </h3>
+        </span>
       </li>
       <li
         class="pressable"
       >
-        <h4
-          class="text headline-4"
+        <span
+          class="text action"
         >
            Gloria Izaro Club Hotel
-        </h4>
+        </span>
       </li>
     </ul>
   </div>
@@ -226,61 +226,61 @@ exports[`component:<Places> testID 1`] = `
         class="pressable"
         data-testid="mirai-item-0"
       >
-        <h3
-          class="text bold headline-3"
+        <span
+          class="text bold paragraph"
         >
           Gran Canaria
-        </h3>
+        </span>
       </li>
       <li
         class="pressable"
         data-testid="mirai-item-1"
       >
-        <h4
-          class="text headline-4"
+        <span
+          class="text action"
         >
            Gloria Palace Amadores Thalasso & Hotel
-        </h4>
+        </span>
       </li>
       <li
         class="pressable"
         data-testid="mirai-item-2"
       >
-        <h4
-          class="text headline-4"
+        <span
+          class="text action"
         >
            Gloria Palace Royal Hotel & Spa **** sup
-        </h4>
+        </span>
       </li>
       <li
         class="pressable"
         data-testid="mirai-item-3"
       >
-        <h4
-          class="text headline-4"
+        <span
+          class="text action"
         >
            Gloria Palace San Agustín Thalasso & Hotel 
-        </h4>
+        </span>
       </li>
       <li
         class="pressable"
         data-testid="mirai-item-4"
       >
-        <h3
-          class="text bold headline-3"
+        <span
+          class="text bold paragraph"
         >
           Lanzarote
-        </h3>
+        </span>
       </li>
       <li
         class="pressable"
         data-testid="mirai-item-5"
       >
-        <h4
-          class="text headline-4"
+        <span
+          class="text action"
         >
            Gloria Izaro Club Hotel
-        </h4>
+        </span>
       </li>
     </ul>
   </div>

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.calcColumns = void 0;
 var _ui = require("@mirai/ui");
-const ITEM_HEIGHT = '36px';
+const ITEMS_PER_COLUMN = 18;
 const ITEM_WIDTH = '300px';
 const MAX_COLUMNS = 3;
 const THEME_KEY = '--mirai-places';
@@ -20,19 +20,13 @@ const calcColumns = function () {
     } = [],
     device: {
       width: deviceWidth
-    } = {},
-    ref: {
-      current: {
-        clientHeight: containerHeight
-      } = {}
     } = {}
   } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
-    ItemHeight: itemHeight = ITEM_HEIGHT,
-    Width: itemWidth = ITEM_WIDTH
+    ItemsPerColumn: itemsPerColumn = ITEMS_PER_COLUMN,
+    ItemWidth: itemWidth = ITEM_WIDTH
   } = _ui.Theme.get(THEME_KEY);
-  const maxItems = Math.floor(containerHeight / sanitizePx(itemHeight));
-  let columns = items > maxItems ? Math.floor(items / maxItems) + 1 : undefined;
+  let columns = items > itemsPerColumn ? Math.floor(items / itemsPerColumn + 1) : undefined;
   if (columns * sanitizePx(itemWidth) > deviceWidth * 0.8) columns = Math.floor(deviceWidth / sanitizePx(itemWidth));
   if (columns >= MAX_COLUMNS) columns = MAX_COLUMNS;
   return columns;