@mirai/core 0.3.459 → 0.3.461

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

@@ -1 +1 @@
-{"version":3,"file":"Occupation.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_helpers","_Occupation","_Occupation2","_Occupation3","style","_prepareRoom","_helpers2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","Occupation","exports","React","forwardRef","_ref","ref","dataSource","DATASOURCE","error","maxRooms","minRooms","text","type","ACCOMMODATION_TYPE","ROOM","value","Array","map","prepareRoom","warning","onChange","onError","onSubmit","onValid","onWarning","others","translate","useLocale","itemsRef","useRef","scrollEnd","setScrollEnd","useState","withError","setWithError","withWarning","setWithWarning","currentDataSource","setCurrentDataSource","useEffect","JSON","stringify","nextValue","consolidateValue","checkRoom","handleValid","handleChange","_itemsRef$current","roomIndex","findIndex","room","some","ages","undefined","TYPE","CHILD","age","scrollHeight","getScrollHeight","hasAges","rooms","current","el","handleAddRoom","_itemsRef$current2","parentNode","handleRemoveRoom","event","groupValue","stopPropagation","scroll","filter","_","index","handleIndividual","groupIndex","fulfill","amount","ERROR","NOT_FILLED","handleSubmit","_groupValue$ages","_itemsRef$current3","testId","isValid","createElement","View","role","className","styles","container","Notification","small","notification","L10N","NOTIFICATION_ERROR_UNFILLED_FIELDS","NOTIFICATION_WARNING_OCCUPATION","ScrollView","scrollTo","snap","scrollview","concat","wide","row","header","offset","Text","action","id","LABEL_PLACE_TYPE_COUNT","PLACE","Action","preventDefault","onPress","ACTION_REMOVE","group","OccupationGroup","buttons","Button","disabled","secondary","buttonAdd","ACTION_ADD_PLACE_TYPE","buttonSubmit","ACTION_SEARCH","displayName","propTypes","PropTypes","arrayOf","SHAPE","bool","number","string","oneOf","values","VALUE","func"],"sources":["../../../../src/components/__shared__/Occupation/Occupation.jsx"],"sourcesContent":["import { useLocale } from '@mirai/locale';\nimport { Action, Button, Notification, ScrollView, Text, View, styles } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { checkRoom, consolidateValue, getScrollHeight } from './helpers';\nimport { TYPE } from './Occupation.constants';\nimport { DATASOURCE, ERROR, PLACE, SHAPE } from './Occupation.constants';\nimport { OccupationGroup } from './Occupation.Group';\nimport { L10N } from './Occupation.l10n';\nimport * as style from './Occupation.module.css';\nimport { prepareRoom } from '../../../helpers/prepareRoom';\nimport { ACCOMMODATION_TYPE } from '../../helpers';\n\nconst Occupation = React.forwardRef(\n  (\n    {\n      dataSource = DATASOURCE,\n      error,\n      maxRooms,\n      minRooms = 1,\n      text,\n      type = ACCOMMODATION_TYPE.ROOM,\n      value = dataSource ? [...Array(minRooms)].map(() => prepareRoom(dataSource || DATASOURCE)) : [],\n      warning,\n      onChange = () => {},\n      onError = () => {},\n      onSubmit,\n      onValid = () => {},\n      onWarning = () => {},\n      ...others\n    },\n    ref,\n  ) => {\n    const { translate } = useLocale();\n    const itemsRef = useRef([]);\n\n    const [scrollEnd, setScrollEnd] = useState();\n    const [withError, setWithError] = useState(error);\n    const [withWarning, setWithWarning] = useState(false);\n    const [currentDataSource, setCurrentDataSource] = useState([]);\n\n    useEffect(() => {\n      if (JSON.stringify(dataSource) !== JSON.stringify(currentDataSource)) setWithWarning(false);\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [currentDataSource, dataSource]);\n\n    useEffect(() => {\n      let nextValue = consolidateValue(value, dataSource, currentDataSource);\n      if (!nextValue) {\n        setWithWarning(true);\n        onWarning();\n        nextValue = [prepareRoom(dataSource)];\n      } else if (error && checkRoom(nextValue, dataSource)) {\n        handleValid();\n      }\n      if (JSON.stringify(dataSource) !== JSON.stringify(currentDataSource)) setCurrentDataSource(dataSource);\n      // ! TODO: Check why doesnt work witn non-hotels\n      if (JSON.stringify(nextValue) !== JSON.stringify(value)) handleChange(nextValue);\n\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [dataSource, value]);\n\n    useEffect(() => {\n      setWithError(error);\n      const roomIndex = value.findIndex((room) =>\n        room.some(({ ages = [], type } = {}) => type === TYPE.CHILD && ages.some((age) => age === undefined)),\n      );\n      if (roomIndex < 0) return;\n\n      const scrollHeight = getScrollHeight({\n        hasAges: true,\n        roomIndex,\n        rooms: itemsRef.current?.map((el) => el?.scrollHeight),\n      });\n      if (scrollHeight >= 0) setScrollEnd(scrollEnd !== scrollHeight ? scrollHeight : scrollEnd + 0.1);\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [error]);\n\n    useEffect(() => {\n      if (warning === undefined) return;\n\n      setWithWarning(warning);\n    }, [warning]);\n\n    const handleAddRoom = () => {\n      const { parentNode: { scrollHeight } = {} } = (itemsRef.current?.length > 0 && itemsRef.current[0]) || {};\n      if (scrollHeight) setScrollEnd(scrollHeight);\n\n      handleChange([...value, prepareRoom(dataSource)]);\n      setWithWarning(false);\n    };\n\n    const handleRemoveRoom = (event, roomIndex, groupValue) => {\n      event.stopPropagation();\n      scroll(roomIndex, groupValue);\n\n      handleChange(value.filter((_, index) => roomIndex !== index));\n      itemsRef.current = [];\n      setWithWarning(false);\n    };\n\n    const handleIndividual = (roomIndex, groupIndex, groupValue) => {\n      dataSource[groupIndex].fulfill && scroll(roomIndex, groupValue);\n\n      const nextValue = [...value];\n      nextValue[roomIndex] = [...nextValue[roomIndex]] || [];\n      nextValue[roomIndex][groupIndex] = groupValue.amount === 0 ? undefined : groupValue;\n\n      handleChange(nextValue);\n      setWithWarning(false);\n    };\n\n    const handleChange = (nextValue) => {\n      onChange(nextValue);\n      checkRoom(nextValue, dataSource) ? handleValid() : onError(ERROR.NOT_FILLED);\n    };\n\n    const handleSubmit = () => {\n      setWithWarning(false);\n      onSubmit(value);\n    };\n\n    const handleValid = () => {\n      setWithError(false);\n      onValid();\n    };\n\n    const scroll = (roomIndex, groupValue) => {\n      const scrollHeight = getScrollHeight({\n        hasAges: groupValue?.ages?.length > 0,\n        roomIndex,\n        rooms: itemsRef.current?.map((el) => el?.scrollHeight),\n      });\n      if (scrollHeight >= 0) setScrollEnd(scrollEnd !== scrollHeight ? scrollHeight : scrollEnd + 0.1);\n    };\n\n    const { testId } = others;\n    const isValid = checkRoom(value, dataSource);\n\n    return (\n      <View {...others} role=\"occupation\" ref={ref} className={styles(style.container, others.className)}>\n        {(withError || withWarning) && (\n          <Notification error={withError} small warning={withWarning} className={style.notification}>\n            {translate(withError ? L10N.NOTIFICATION_ERROR_UNFILLED_FIELDS : L10N.NOTIFICATION_WARNING_OCCUPATION)}\n          </Notification>\n        )}\n        <ScrollView scrollTo={scrollEnd} snap={false} className={style.scrollview}>\n          {value.map((room = [], roomIndex) => (\n            <View key={`room:${roomIndex}`} ref={(el) => (itemsRef.current[roomIndex] = el)} wide>\n              <View key={`room:header:${roomIndex}`} row className={styles(style.header, style.offset)}>\n                <Text action>\n                  {translate({ id: `${L10N.LABEL_PLACE_TYPE_COUNT.id}.${PLACE[type]}` }, { roomIndex: roomIndex + 1 })}\n                </Text>\n                {value.length > minRooms && (\n                  <Action\n                    preventDefault\n                    small\n                    onPress={(event) => handleRemoveRoom(event, roomIndex, room[roomIndex])}\n                    testId={testId ? `${testId}-remove-room-${roomIndex}` : undefined}\n                  >\n                    {translate(L10N.ACTION_REMOVE)}\n                  </Action>\n                )}\n              </View>\n              {dataSource.map((group, groupIndex) => (\n                <OccupationGroup\n                  {...group}\n                  error={error}\n                  key={`room:${roomIndex}:${groupIndex}`}\n                  value={room[groupIndex]}\n                  onChange={(value) => handleIndividual(roomIndex, groupIndex, value)}\n                  testId={`group-${groupIndex}`}\n                />\n              ))}\n            </View>\n          ))}\n        </ScrollView>\n\n        <View row className={styles(style.buttons, style.offset)}>\n          <Button\n            disabled={maxRooms && value.length >= maxRooms}\n            preventDefault\n            secondary\n            className={style.buttonAdd}\n            onPress={handleAddRoom}\n            testId={testId ? `${testId}-add-room` : undefined}\n          >\n            {translate({ id: `${L10N.ACTION_ADD_PLACE_TYPE.id}.${PLACE[type]}` })}\n          </Button>\n          {onSubmit && (\n            <Button\n              disabled={!isValid}\n              className={style.buttonSubmit}\n              preventDefault\n              onPress={handleSubmit}\n              testId={testId ? `${testId}-submit` : undefined}\n            >\n              {text || translate(L10N.ACTION_SEARCH)}\n            </Button>\n          )}\n        </View>\n      </View>\n    );\n  },\n);\n\nOccupation.displayName = 'Mirai:Core:Occupation';\n\nOccupation.propTypes = {\n  dataSource: PropTypes.arrayOf(SHAPE.DATASOURCE),\n  error: PropTypes.bool,\n  maxRooms: PropTypes.number,\n  minRooms: PropTypes.number,\n  text: PropTypes.string,\n  type: PropTypes.oneOf(Object.values(ACCOMMODATION_TYPE)),\n  value: PropTypes.arrayOf(PropTypes.arrayOf(SHAPE.VALUE)),\n  warning: PropTypes.bool,\n  onChange: PropTypes.func,\n  onError: PropTypes.func,\n  onSubmit: PropTypes.func,\n  onValid: PropTypes.func,\n  onWarning: PropTypes.func,\n};\n\nexport { Occupation };\n"],"mappings":"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"}
+{"version":3,"file":"Occupation.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_helpers","_Occupation","_Occupation2","_Occupation3","style","_prepareRoom","_helpers2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","Occupation","exports","React","forwardRef","_ref","ref","dataSource","DATASOURCE","error","maxRooms","minRooms","text","type","ACCOMMODATION_TYPE","ROOM","value","Array","map","prepareRoom","warning","onChange","onError","onSubmit","onValid","onWarning","others","translate","useLocale","itemsRef","useRef","scrollEnd","setScrollEnd","useState","withError","setWithError","withWarning","setWithWarning","currentDataSource","setCurrentDataSource","useEffect","JSON","stringify","nextValue","consolidateValue","checkRoom","handleValid","handleChange","_itemsRef$current","roomIndex","findIndex","room","some","ages","undefined","TYPE","CHILD","age","scrollHeight","getScrollHeight","hasAges","rooms","current","el","handleAddRoom","_itemsRef$current2","parentNode","handleRemoveRoom","event","groupValue","stopPropagation","scroll","filter","_","index","handleIndividual","groupIndex","fulfill","amount","ERROR","NOT_FILLED","handleSubmit","_groupValue$ages","_itemsRef$current3","testId","isValid","createElement","View","role","className","styles","container","Notification","small","notification","L10N","NOTIFICATION_ERROR_UNFILLED_FIELDS","NOTIFICATION_WARNING_OCCUPATION","ScrollView","scrollTo","snap","scrollview","concat","wide","row","header","offset","Text","action","id","LABEL_PLACE_TYPE_COUNT","PLACE","Action","preventDefault","onPress","ACTION_REMOVE","group","OccupationGroup","footer","Button","disabled","secondary","buttonAdd","ACTION_ADD_PLACE_TYPE","buttonSubmit","ACTION_SEARCH","displayName","propTypes","PropTypes","arrayOf","SHAPE","bool","number","string","oneOf","values","VALUE","func"],"sources":["../../../../src/components/__shared__/Occupation/Occupation.jsx"],"sourcesContent":["import { useLocale } from '@mirai/locale';\nimport { Action, Button, Notification, ScrollView, Text, View, styles } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { checkRoom, consolidateValue, getScrollHeight } from './helpers';\nimport { TYPE } from './Occupation.constants';\nimport { DATASOURCE, ERROR, PLACE, SHAPE } from './Occupation.constants';\nimport { OccupationGroup } from './Occupation.Group';\nimport { L10N } from './Occupation.l10n';\nimport * as style from './Occupation.module.css';\nimport { prepareRoom } from '../../../helpers/prepareRoom';\nimport { ACCOMMODATION_TYPE } from '../../helpers';\n\nconst Occupation = React.forwardRef(\n  (\n    {\n      dataSource = DATASOURCE,\n      error,\n      maxRooms,\n      minRooms = 1,\n      text,\n      type = ACCOMMODATION_TYPE.ROOM,\n      value = dataSource ? [...Array(minRooms)].map(() => prepareRoom(dataSource || DATASOURCE)) : [],\n      warning,\n      onChange = () => {},\n      onError = () => {},\n      onSubmit,\n      onValid = () => {},\n      onWarning = () => {},\n      ...others\n    },\n    ref,\n  ) => {\n    const { translate } = useLocale();\n    const itemsRef = useRef([]);\n\n    const [scrollEnd, setScrollEnd] = useState();\n    const [withError, setWithError] = useState(error);\n    const [withWarning, setWithWarning] = useState(false);\n    const [currentDataSource, setCurrentDataSource] = useState([]);\n\n    useEffect(() => {\n      if (JSON.stringify(dataSource) !== JSON.stringify(currentDataSource)) setWithWarning(false);\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [currentDataSource, dataSource]);\n\n    useEffect(() => {\n      let nextValue = consolidateValue(value, dataSource, currentDataSource);\n      if (!nextValue) {\n        setWithWarning(true);\n        onWarning();\n        nextValue = [prepareRoom(dataSource)];\n      } else if (error && checkRoom(nextValue, dataSource)) {\n        handleValid();\n      }\n      if (JSON.stringify(dataSource) !== JSON.stringify(currentDataSource)) setCurrentDataSource(dataSource);\n      // ! TODO: Check why doesnt work witn non-hotels\n      if (JSON.stringify(nextValue) !== JSON.stringify(value)) handleChange(nextValue);\n\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [dataSource, value]);\n\n    useEffect(() => {\n      setWithError(error);\n      const roomIndex = value.findIndex((room) =>\n        room.some(({ ages = [], type } = {}) => type === TYPE.CHILD && ages.some((age) => age === undefined)),\n      );\n      if (roomIndex < 0) return;\n\n      const scrollHeight = getScrollHeight({\n        hasAges: true,\n        roomIndex,\n        rooms: itemsRef.current?.map((el) => el?.scrollHeight),\n      });\n      if (scrollHeight >= 0) setScrollEnd(scrollEnd !== scrollHeight ? scrollHeight : scrollEnd + 0.1);\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [error]);\n\n    useEffect(() => {\n      if (warning === undefined) return;\n\n      setWithWarning(warning);\n    }, [warning]);\n\n    const handleAddRoom = () => {\n      const { parentNode: { scrollHeight } = {} } = (itemsRef.current?.length > 0 && itemsRef.current[0]) || {};\n      if (scrollHeight) setScrollEnd(scrollHeight);\n\n      handleChange([...value, prepareRoom(dataSource)]);\n      setWithWarning(false);\n    };\n\n    const handleRemoveRoom = (event, roomIndex, groupValue) => {\n      event.stopPropagation();\n      scroll(roomIndex, groupValue);\n\n      handleChange(value.filter((_, index) => roomIndex !== index));\n      itemsRef.current = [];\n      setWithWarning(false);\n    };\n\n    const handleIndividual = (roomIndex, groupIndex, groupValue) => {\n      dataSource[groupIndex].fulfill && scroll(roomIndex, groupValue);\n\n      const nextValue = [...value];\n      nextValue[roomIndex] = [...nextValue[roomIndex]] || [];\n      nextValue[roomIndex][groupIndex] = groupValue.amount === 0 ? undefined : groupValue;\n\n      handleChange(nextValue);\n      setWithWarning(false);\n    };\n\n    const handleChange = (nextValue) => {\n      onChange(nextValue);\n      checkRoom(nextValue, dataSource) ? handleValid() : onError(ERROR.NOT_FILLED);\n    };\n\n    const handleSubmit = () => {\n      setWithWarning(false);\n      onSubmit(value);\n    };\n\n    const handleValid = () => {\n      setWithError(false);\n      onValid();\n    };\n\n    const scroll = (roomIndex, groupValue) => {\n      const scrollHeight = getScrollHeight({\n        hasAges: groupValue?.ages?.length > 0,\n        roomIndex,\n        rooms: itemsRef.current?.map((el) => el?.scrollHeight),\n      });\n      if (scrollHeight >= 0) setScrollEnd(scrollEnd !== scrollHeight ? scrollHeight : scrollEnd + 0.1);\n    };\n\n    const { testId } = others;\n    const isValid = checkRoom(value, dataSource);\n\n    return (\n      <View {...others} role=\"occupation\" ref={ref} className={styles(style.container, others.className)}>\n        {(withError || withWarning) && (\n          <Notification error={withError} small warning={withWarning} className={style.notification}>\n            {translate(withError ? L10N.NOTIFICATION_ERROR_UNFILLED_FIELDS : L10N.NOTIFICATION_WARNING_OCCUPATION)}\n          </Notification>\n        )}\n        <ScrollView scrollTo={scrollEnd} snap={false} className={style.scrollview}>\n          {value.map((room = [], roomIndex) => (\n            <View key={`room:${roomIndex}`} ref={(el) => (itemsRef.current[roomIndex] = el)} wide>\n              <View key={`room:header:${roomIndex}`} row className={styles(style.header, style.offset)}>\n                <Text action>\n                  {translate({ id: `${L10N.LABEL_PLACE_TYPE_COUNT.id}.${PLACE[type]}` }, { roomIndex: roomIndex + 1 })}\n                </Text>\n                {value.length > minRooms && (\n                  <Action\n                    preventDefault\n                    small\n                    onPress={(event) => handleRemoveRoom(event, roomIndex, room[roomIndex])}\n                    testId={testId ? `${testId}-remove-room-${roomIndex}` : undefined}\n                  >\n                    {translate(L10N.ACTION_REMOVE)}\n                  </Action>\n                )}\n              </View>\n              {dataSource.map((group, groupIndex) => (\n                <OccupationGroup\n                  {...group}\n                  error={error}\n                  key={`room:${roomIndex}:${groupIndex}`}\n                  value={room[groupIndex]}\n                  onChange={(value) => handleIndividual(roomIndex, groupIndex, value)}\n                  testId={`group-${groupIndex}`}\n                />\n              ))}\n            </View>\n          ))}\n        </ScrollView>\n\n        <View row className={styles(style.footer)}>\n          <Button\n            disabled={maxRooms && value.length >= maxRooms}\n            preventDefault\n            secondary\n            className={style.buttonAdd}\n            onPress={handleAddRoom}\n            testId={testId ? `${testId}-add-room` : undefined}\n          >\n            {translate({ id: `${L10N.ACTION_ADD_PLACE_TYPE.id}.${PLACE[type]}` })}\n          </Button>\n          {onSubmit && (\n            <Button\n              disabled={!isValid}\n              className={style.buttonSubmit}\n              preventDefault\n              onPress={handleSubmit}\n              testId={testId ? `${testId}-submit` : undefined}\n            >\n              {text || translate(L10N.ACTION_SEARCH)}\n            </Button>\n          )}\n        </View>\n      </View>\n    );\n  },\n);\n\nOccupation.displayName = 'Mirai:Core:Occupation';\n\nOccupation.propTypes = {\n  dataSource: PropTypes.arrayOf(SHAPE.DATASOURCE),\n  error: PropTypes.bool,\n  maxRooms: PropTypes.number,\n  minRooms: PropTypes.number,\n  text: PropTypes.string,\n  type: PropTypes.oneOf(Object.values(ACCOMMODATION_TYPE)),\n  value: PropTypes.arrayOf(PropTypes.arrayOf(SHAPE.VALUE)),\n  warning: PropTypes.bool,\n  onChange: PropTypes.func,\n  onError: PropTypes.func,\n  onSubmit: PropTypes.func,\n  onValid: PropTypes.func,\n  onWarning: PropTypes.func,\n};\n\nexport { Occupation };\n"],"mappings":"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"}

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

@@ -76,12 +76,11 @@
   padding-top: var(--mirai-ui-space-XS);
 }
 
-.buttons {
+.footer {
   border-top: 1px solid var(--mirai-ui-content-border);
   gap: var(--mirai-ui-space-M);
   justify-content: space-between;
-  padding-bottom: var(--mirai-ui-space-M);
-  padding-top: var(--mirai-ui-space-M);
+  padding: var(--mirai-ui-space-S) var(--mirai-ui-space-M);
 }
 
 .buttonAdd {

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

@@ -37,7 +37,7 @@ exports[` 1`] = `
       </ui-view>
     </ui-notification-warning>
     <ui-scrollview
-      class="scrollview vertical"
+      class="scrollview vertical notIndicator"
     >
       <ui-view
         class="view wide"
@@ -695,7 +695,7 @@ exports[`<Occupation> adding a new room 1`] = `
     l10n="[object Object]"
   >
     <ui-scrollview
-      class="scrollview vertical"
+      class="scrollview vertical notIndicator"
     >
       <ui-view
         class="view wide"
@@ -889,7 +889,7 @@ exports[`<Occupation> inherit:className 1`] = `
     l10n="[object Object]"
   >
     <ui-scrollview
-      class="scrollview vertical"
+      class="scrollview vertical notIndicator"
     >
       <ui-view
         class="view wide"
@@ -1082,7 +1082,7 @@ exports[`<Occupation> prop:dataSource 1`] = `
     l10n="[object Object]"
   >
     <ui-scrollview
-      class="scrollview vertical"
+      class="scrollview vertical notIndicator"
     >
       <ui-view
         class="view wide"
@@ -1274,7 +1274,7 @@ exports[`<Occupation> prop:maxRooms 1`] = `
     class="view"
   >
     <ui-scrollview
-      class="scrollview vertical"
+      class="scrollview vertical notIndicator"
     >
       <ui-view
         class="view wide"
@@ -1466,7 +1466,7 @@ exports[`<Occupation> prop:minRooms 1`] = `
     class="view"
   >
     <ui-scrollview
-      class="scrollview vertical"
+      class="scrollview vertical notIndicator"
     >
       <ui-view
         class="view wide"
@@ -1827,7 +1827,7 @@ exports[`<Occupation> prop:text 1`] = `
     class="view"
   >
     <ui-scrollview
-      class="scrollview vertical"
+      class="scrollview vertical notIndicator"
     >
       <ui-view
         class="view wide"
@@ -2054,7 +2054,7 @@ exports[`<Occupation> prop:value prop:error 1`] = `
       </ui-view>
     </ui-notification-error>
     <ui-scrollview
-      class="scrollview vertical"
+      class="scrollview vertical notIndicator"
     >
       <ui-view
         class="view wide"
@@ -2712,7 +2712,7 @@ exports[`<Occupation> removing a room 1`] = `
     l10n="[object Object]"
   >
     <ui-scrollview
-      class="scrollview vertical"
+      class="scrollview vertical notIndicator"
     >
       <ui-view
         class="view wide"
@@ -3372,7 +3372,7 @@ exports[`<Occupation> renders 1`] = `
     l10n="[object Object]"
   >
     <ui-scrollview
-      class="scrollview vertical"
+      class="scrollview vertical notIndicator"
     >
       <ui-view
         class="view wide"
@@ -3566,7 +3566,7 @@ exports[`<Occupation> testID 1`] = `
     l10n="[object Object]"
   >
     <ui-scrollview
-      class="scrollview vertical"
+      class="scrollview vertical notIndicator"
     >
       <ui-view
         class="view wide"

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

@@ -34,7 +34,7 @@ exports[`<Payment> inherit:className 1`] = `
         class="view"
         data-testid="payments-container-CARD"
       >
-        <form
+        <ui-form
           autocomplete="off"
         >
           <ui-input-text
@@ -169,7 +169,7 @@ exports[`<Payment> inherit:className 1`] = `
               </ui-view>
             </ui-view>
           </ui-input-text>
-        </form>
+        </ui-form>
       </ui-view>
     </ui-view>
   </ui-payment>
@@ -210,7 +210,7 @@ exports[`<Payment> renders 1`] = `
         class="view"
         data-testid="payments-container-CARD"
       >
-        <form
+        <ui-form
           autocomplete="off"
         >
           <ui-input-text
@@ -345,7 +345,7 @@ exports[`<Payment> renders 1`] = `
               </ui-view>
             </ui-view>
           </ui-input-text>
-        </form>
+        </ui-form>
       </ui-view>
     </ui-view>
   </ui-payment>
@@ -399,7 +399,7 @@ exports[`<Payment> renders some methods 1`] = `
         class="view"
         data-testid="payments-container-CARD"
       >
-        <form
+        <ui-form
           autocomplete="off"
         >
           <ui-input-text
@@ -534,7 +534,7 @@ exports[`<Payment> renders some methods 1`] = `
               </ui-view>
             </ui-view>
           </ui-input-text>
-        </form>
+        </ui-form>
       </ui-view>
     </ui-view>
     <ui-view
@@ -671,7 +671,7 @@ exports[`<Payment> testID with one method 1`] = `
         class="view"
         data-testid="mirai-container-CARD"
       >
-        <form
+        <ui-form
           autocomplete="off"
           data-testid="mirai"
         >
@@ -811,7 +811,7 @@ exports[`<Payment> testID with one method 1`] = `
               </ui-view>
             </ui-view>
           </ui-input-text>
-        </form>
+        </ui-form>
       </ui-view>
     </ui-view>
   </ui-payment>
@@ -866,7 +866,7 @@ exports[`<Payment> testID with some methods 1`] = `
         class="view"
         data-testid="mirai-container-CARD"
       >
-        <form
+        <ui-form
           autocomplete="off"
           data-testid="mirai"
         >
@@ -1006,7 +1006,7 @@ exports[`<Payment> testID with some methods 1`] = `
               </ui-view>
             </ui-view>
           </ui-input-text>
-        </form>
+        </ui-form>
       </ui-view>
     </ui-view>
     <ui-view

package/build/components/__shared__/Payment/components/Card/__tests__/__snapshots__/Card.test.js.snap

@@ -2,7 +2,7 @@
 
 exports[`<Paymnet> <Card> inherit:className 1`] = `
 <DocumentFragment>
-  <form
+  <ui-form
     autocomplete="off"
   >
     <ui-input-text
@@ -137,13 +137,13 @@ exports[`<Paymnet> <Card> inherit:className 1`] = `
         </ui-view>
       </ui-view>
     </ui-input-text>
-  </form>
+  </ui-form>
 </DocumentFragment>
 `;
 
 exports[`<Paymnet> <Card> prop:error 1`] = `
 <DocumentFragment>
-  <form
+  <ui-form
     autocomplete="off"
   >
     <ui-input-text
@@ -304,13 +304,13 @@ exports[`<Paymnet> <Card> prop:error 1`] = `
         </ui-view>
       </ui-view>
     </ui-input-text>
-  </form>
+  </ui-form>
 </DocumentFragment>
 `;
 
 exports[`<Paymnet> <Card> prop:showCVV 1`] = `
 <DocumentFragment>
-  <form
+  <ui-form
     autocomplete="off"
     data-testid="showCVV"
   >
@@ -416,13 +416,13 @@ exports[`<Paymnet> <Card> prop:showCVV 1`] = `
         </ui-view>
       </ui-view>
     </ui-input-text>
-  </form>
+  </ui-form>
 </DocumentFragment>
 `;
 
 exports[`<Paymnet> <Card> prop:showErrors 1`] = `
 <DocumentFragment>
-  <form
+  <ui-form
     autocomplete="off"
   >
     <ui-input-text
@@ -641,13 +641,13 @@ exports[`<Paymnet> <Card> prop:showErrors 1`] = `
         </ui-icon>
       </ui-view>
     </ui-input-text>
-  </form>
+  </ui-form>
 </DocumentFragment>
 `;
 
 exports[`<Paymnet> <Card> renders 1`] = `
 <DocumentFragment>
-  <form
+  <ui-form
     autocomplete="off"
   >
     <ui-input-text
@@ -782,13 +782,13 @@ exports[`<Paymnet> <Card> renders 1`] = `
         </ui-view>
       </ui-view>
     </ui-input-text>
-  </form>
+  </ui-form>
 </DocumentFragment>
 `;
 
 exports[`<Paymnet> <Card> testID 1`] = `
 <DocumentFragment>
-  <form
+  <ui-form
     autocomplete="off"
     data-testid="mirai"
   >
@@ -928,6 +928,6 @@ exports[`<Paymnet> <Card> testID 1`] = `
         </ui-view>
       </ui-view>
     </ui-input-text>
-  </form>
+  </ui-form>
 </DocumentFragment>
 `;

package/build/components/helpers/__tests__/__snapshots__/parseHtml.test.js.snap

@@ -3,23 +3,23 @@
 exports[`modules: parseHtml with values & small 1`] = `
 <DocumentFragment>
   El presente 
-  <a
+  <ui-a
     class="pressable action small"
     href="http://www.hotelbarrameda.com/es/legal"
     style="display: inline-flex;"
     tabindex="0"
   >
     Aviso Legal
-  </a>
+  </ui-a>
    está sujeto a lo dispuesto en la Ley Orgánica 3/2018, de Protección de Datos Personales y garantía de los derechos digitales, de 5 de diciembre de 2018 (LOPDGDD), Reglamento UE 2016/679 del Parlamento Europeo y del Consejo de 27 de abril de 2016 relativo a la protección de las personas físicas en lo que respecta al tratamiento de datos personales y a la libre circulación de estos datos y por el que se deroga la Directiva 95/46/CE (Reglamento General de Protección de Datos), la Ley 34/2002 de 11 de julio, de Servicios de la Sociedad de la Información y de Comercio Electrónico, el Real Decreto-ley 13/2012, de 30 de marzo, por el que se transponen directivas en materia de mercados interiores de electricidad y gas y en materia de comunicaciones electrónicas, y por el que se adoptan medidas para la corrección de las desviaciones por desajustes entre los costes e ingresos de los sectores eléctrico y gasista, el Reglamento (UE) n.º 524/2013 del Parlamento Europeo y del Consejo, de 21 de mayo de 2013, la Ley 3/2014, de 27 de marzo, por la que se modifica el texto refundido de la Ley General para la Defensa de los Consumidores y Usuarios y otras leyes complementarias, aprobado por el Real Decreto Legislativo 1/2007, de 16 de noviembre, la Ley 26/1984, de 19 de julio, General para la Defensa de Consumidores y Usuarios, el Real Decreto 1906/1999 por el que se regula la contratación telefónica o electrónica, Ley 44/2006, de 29 de diciembre, de mejora de la protección de los consumidores y usuarios, la Directiva 2011/83/UE del Parlamento Europeo y del Consejo, de 25 de octubre de 2011, sobre los derechos de los consumidores, la Ley 7/1998, de 13 de abril, sobre Condiciones Generales de Contratación, de 17 de diciembre de 1999, por el que se regula la Contratación Telefónica o Electrónica con condiciones generales, la Ley 17/2009, de 23 de noviembre, sobre el libre acceso a las actividades de servicios y su ejercicio, la Ley 7/1996, de 15 de enero de Ordenación del Comercio Minorista, así como cualquier normativa posterior que las modifican o desarrollan.
-  <a
+  <ui-a
     class="pressable action small"
     href="http://www.hotelbarrameda.com/es/legal"
     style="display: inline-flex;"
     tabindex="0"
   >
      
-  </a>
+  </ui-a>
   <ui-text
     class="text small wide"
   >
@@ -161,23 +161,23 @@ exports[`modules: parseHtml with values & small 2`] = `
 exports[`modules: parseHtml with values 1`] = `
 <DocumentFragment>
   El presente 
-  <a
+  <ui-a
     class="pressable action"
     href="http://www.hotelbarrameda.com/es/legal"
     style="display: inline-flex;"
     tabindex="0"
   >
     Aviso Legal
-  </a>
+  </ui-a>
    está sujeto a lo dispuesto en la Ley Orgánica 3/2018, de Protección de Datos Personales y garantía de los derechos digitales, de 5 de diciembre de 2018 (LOPDGDD), Reglamento UE 2016/679 del Parlamento Europeo y del Consejo de 27 de abril de 2016 relativo a la protección de las personas físicas en lo que respecta al tratamiento de datos personales y a la libre circulación de estos datos y por el que se deroga la Directiva 95/46/CE (Reglamento General de Protección de Datos), la Ley 34/2002 de 11 de julio, de Servicios de la Sociedad de la Información y de Comercio Electrónico, el Real Decreto-ley 13/2012, de 30 de marzo, por el que se transponen directivas en materia de mercados interiores de electricidad y gas y en materia de comunicaciones electrónicas, y por el que se adoptan medidas para la corrección de las desviaciones por desajustes entre los costes e ingresos de los sectores eléctrico y gasista, el Reglamento (UE) n.º 524/2013 del Parlamento Europeo y del Consejo, de 21 de mayo de 2013, la Ley 3/2014, de 27 de marzo, por la que se modifica el texto refundido de la Ley General para la Defensa de los Consumidores y Usuarios y otras leyes complementarias, aprobado por el Real Decreto Legislativo 1/2007, de 16 de noviembre, la Ley 26/1984, de 19 de julio, General para la Defensa de Consumidores y Usuarios, el Real Decreto 1906/1999 por el que se regula la contratación telefónica o electrónica, Ley 44/2006, de 29 de diciembre, de mejora de la protección de los consumidores y usuarios, la Directiva 2011/83/UE del Parlamento Europeo y del Consejo, de 25 de octubre de 2011, sobre los derechos de los consumidores, la Ley 7/1998, de 13 de abril, sobre Condiciones Generales de Contratación, de 17 de diciembre de 1999, por el que se regula la Contratación Telefónica o Electrónica con condiciones generales, la Ley 17/2009, de 23 de noviembre, sobre el libre acceso a las actividades de servicios y su ejercicio, la Ley 7/1996, de 15 de enero de Ordenación del Comercio Minorista, así como cualquier normativa posterior que las modifican o desarrollan.
-  <a
+  <ui-a
     class="pressable action"
     href="http://www.hotelbarrameda.com/es/legal"
     style="display: inline-flex;"
     tabindex="0"
   >
      
-  </a>
+  </ui-a>
   <ui-text
     class="text paragraph wide"
   >

package/build/theme.css

@@ -60,5 +60,5 @@
   --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-items-per-column: 18;
+  --mirai-places-items-per-column: 9;
 }

package/package.json

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