npm - @mirai/core - Versions diffs - 0.4.16 → 0.4.18 - Mend

@mirai/core 0.4.16 → 0.4.18

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

Files changed (137) hide show

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

	@@ -1 +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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"}
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","Text","action","bold","id","LABEL_PLACE_TYPE_COUNT","PLACE","Button","preventDefault","transparent","onPress","ACTION_REMOVE","group","OccupationGroup","footer","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 { 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={style.header}>\n <Text action bold>\n {translate({ id: `${L10N.LABEL_PLACE_TYPE_COUNT.id}.${PLACE[type]}` }, { roomIndex: roomIndex + 1 })}\n </Text>\n {value.length > minRooms && (\n <Button\n preventDefault\n small\n transparent\n onPress={(event) => handleRemoveRoom(event, roomIndex, room[roomIndex])}\n testId={testId ? `${testId}-remove-room-${roomIndex}` : undefined}\n >\n {translate(L10N.ACTION_REMOVE)}\n </Button>\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 CHANGED Viewed

@@ -1,15 +1,15 @@
 .offset {
-  padding-left: var(--mirai-occupation-offset-horizontal);
-  padding-right: var(--mirai-occupation-offset-horizontal);
+  padding-left: var(--mirai-ui-space-M);
+  padding-right: var(--mirai-ui-space-M);
 }
 .notification {
-  margin: var(--mirai-ui-space-L) var(--mirai-occupation-offset-horizontal) 0 var(--mirai-occupation-offset-horizontal);
+  margin: var(--mirai-ui-space-M) var(--mirai-ui-space-M) 0 var(--mirai-ui-space-M);
 }
 .container .scrollview {
-  gap: var(--mirai-ui-space-XS);
-  padding-top: var(--mirai-ui-space-XS);
+  gap: var(--mirai-ui-space-XXS);
+  padding-top: var(--mirai-ui-space-XXS);
   width: 100%;
 }
@@ -28,7 +28,7 @@
   content: '';
   display: block;
   position: absolute;
-  right: calc(var(--mirai-occupation-offset-horizontal) + var(--mirai-ui-space-XL));
+  right: calc(var(--mirai-ui-space-M) + var(--mirai-ui-space-XL));
   top: calc(var(--mirai-ui-space-XS) * -2);
   width: 0;
   height: 0;
@@ -70,18 +70,18 @@
 .header {
   align-items: center;
   border-bottom: solid 1px var(--mirai-ui-content-border);
+  height: calc(var(--mirai-ui-button-small-height) + var(--mirai-ui-space-XS));
   justify-content: space-between;
   margin-bottom: var(--mirai-ui-space-S);
-  padding-bottom: var(--mirai-ui-space-XS);
-  padding-top: var(--mirai-ui-space-XS);
+  padding-left: var(--mirai-ui-space-M);
+  padding-right: 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 CHANGED Viewed

@@ -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"
@@ -46,16 +46,16 @@ exports[` 1`] = `
           class="view row"
         >
           <ui-text
-            class="text action"
+            class="text bold action"
           >
             finder.label.place_type_count.room
           </ui-text>
-          <ui-action
-            class="pressable action small"
+          <ui-button
+            class="pressable button small transparent"
             tabindex="0"
           >
             finder.action.remove
-          </ui-action>
+          </ui-button>
         </ui-view>
         <ui-input-number
           class="view row inputNumber"
@@ -504,16 +504,16 @@ exports[` 1`] = `
           class="view row"
         >
           <ui-text
-            class="text action"
+            class="text bold action"
           >
             finder.label.place_type_count.room
           </ui-text>
-          <ui-action
-            class="pressable action small"
+          <ui-button
+            class="pressable button small transparent"
             tabindex="0"
           >
             finder.action.remove
-          </ui-action>
+          </ui-button>
         </ui-view>
         <ui-input-number
           class="view row inputNumber"
@@ -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"
@@ -704,7 +704,7 @@ exports[`<Occupation> adding a new room 1`] = `
           class="view row"
         >
           <ui-text
-            class="text action"
+            class="text bold action"
           >
             finder.label.place_type_count.room
           </ui-text>
@@ -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"
@@ -898,7 +898,7 @@ exports[`<Occupation> inherit:className 1`] = `
           class="view row"
         >
           <ui-text
-            class="text action"
+            class="text bold action"
           >
             finder.label.place_type_count.room
           </ui-text>
@@ -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"
@@ -1091,7 +1091,7 @@ exports[`<Occupation> prop:dataSource 1`] = `
           class="view row"
         >
           <ui-text
-            class="text action"
+            class="text bold action"
           >
             finder.label.place_type_count.room
           </ui-text>
@@ -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"
@@ -1283,7 +1283,7 @@ exports[`<Occupation> prop:maxRooms 1`] = `
           class="view row"
         >
           <ui-text
-            class="text action"
+            class="text bold action"
           >
             finder.label.place_type_count.room
           </ui-text>
@@ -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"
@@ -1475,7 +1475,7 @@ exports[`<Occupation> prop:minRooms 1`] = `
           class="view row"
         >
           <ui-text
-            class="text action"
+            class="text bold action"
           >
             finder.label.place_type_count.room
           </ui-text>
@@ -1644,7 +1644,7 @@ exports[`<Occupation> prop:minRooms 1`] = `
           class="view row"
         >
           <ui-text
-            class="text action"
+            class="text bold action"
           >
             finder.label.place_type_count.room
           </ui-text>
@@ -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"
@@ -1836,7 +1836,7 @@ exports[`<Occupation> prop:text 1`] = `
           class="view row"
         >
           <ui-text
-            class="text action"
+            class="text bold action"
           >
             finder.label.place_type_count.room
           </ui-text>
@@ -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"
@@ -2063,16 +2063,16 @@ exports[`<Occupation> prop:value prop:error 1`] = `
           class="view row"
         >
           <ui-text
-            class="text action"
+            class="text bold action"
           >
             finder.label.place_type_count.room
           </ui-text>
-          <ui-action
-            class="pressable action small"
+          <ui-button
+            class="pressable button small transparent"
             tabindex="0"
           >
             finder.action.remove
-          </ui-action>
+          </ui-button>
         </ui-view>
         <ui-input-number
           class="view row inputNumber"
@@ -2521,16 +2521,16 @@ exports[`<Occupation> prop:value prop:error 1`] = `
           class="view row"
         >
           <ui-text
-            class="text action"
+            class="text bold action"
           >
             finder.label.place_type_count.room
           </ui-text>
-          <ui-action
-            class="pressable action small"
+          <ui-button
+            class="pressable button small transparent"
             tabindex="0"
           >
             finder.action.remove
-          </ui-action>
+          </ui-button>
         </ui-view>
         <ui-input-number
           class="view row inputNumber"
@@ -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"
@@ -2721,17 +2721,17 @@ exports[`<Occupation> removing a room 1`] = `
           class="view row"
         >
           <ui-text
-            class="text action"
+            class="text bold action"
           >
             finder.label.place_type_count.room
           </ui-text>
-          <ui-action
-            class="pressable action small"
+          <ui-button
+            class="pressable button small transparent"
             data-testid="occupation-remove-room-0"
             tabindex="0"
           >
             finder.action.remove
-          </ui-action>
+          </ui-button>
         </ui-view>
         <ui-input-number
           class="view row inputNumber"
@@ -3180,17 +3180,17 @@ exports[`<Occupation> removing a room 1`] = `
           class="view row"
         >
           <ui-text
-            class="text action"
+            class="text bold action"
           >
             finder.label.place_type_count.room
           </ui-text>
-          <ui-action
-            class="pressable action small"
+          <ui-button
+            class="pressable button small transparent"
             data-testid="occupation-remove-room-1"
             tabindex="0"
           >
             finder.action.remove
-          </ui-action>
+          </ui-button>
         </ui-view>
         <ui-input-number
           class="view row inputNumber"
@@ -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"
@@ -3381,7 +3381,7 @@ exports[`<Occupation> renders 1`] = `
           class="view row"
         >
           <ui-text
-            class="text action"
+            class="text bold action"
           >
             finder.label.place_type_count.room
           </ui-text>
@@ -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"
@@ -3575,7 +3575,7 @@ exports[`<Occupation> testID 1`] = `
           class="view row"
         >
           <ui-text
-            class="text action"
+            class="text bold action"
           >
             finder.label.place_type_count.room
           </ui-text>

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

@@ -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 CHANGED Viewed

@@ -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/__shared__/PriceBreakdown/PriceBreakdown.module.css CHANGED Viewed

@@ -19,15 +19,15 @@
   margin-bottom: var(--mirai-ui-space-XS);
 }
-/* S & M */
-@media only screen and (max-width: 820px) {
+/* M */
+@media only screen and (min-width: 481px) and (max-width: 1179px) {
   .priceBreakdown {
     gap: var(--mirai-ui-space-XS);
   }
 }
 /* L */
-@media only screen and (min-width: 821px) {
+@media only screen and (min-width: 1180px) {
   .priceBreakdown {
     gap: var(--mirai-ui-space-M);
   }