@mirai/core 0.3.134 → 0.3.135-patch

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Occupation.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_helpers","_Occupation","_Occupation2","_Occupation3","style","_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","onChange","onError","onSubmit","onValid","others","translate","useLocale","itemsRef","useRef","scrollEnd","setScrollEnd","useState","withError","setWithError","withWarning","setWithWarning","currentDataSource","setCurrentDataSource","useEffect","JSON","stringify","nextValue","consolidateValue","ERROR","NO_ROOM","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","NOT_FILLED","handleSubmit","_groupValue$ages","_itemsRef$current3","testId","isValid","createElement","View","role","className","styles","container","Notification","small","warning","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","inline","preventDefault","onPress","ACTION_REMOVE","group","OccupationGroup","buttons","Button","disabled","secondary","buttonAdd","ACTION_ADD_PLACE_TYPE","buttonSubmit","ACTION_NEXT","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, prepareRoom } 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 { 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      onChange = () => {},\n      onError = () => {},\n      onSubmit,\n      onValid = () => {},\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        onError(ERROR.NO_ROOM);\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    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 small error={withError} 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 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                    inline\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                />\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_NEXT)}\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  onChange: PropTypes.func,\n  onError: PropTypes.func,\n  onSubmit: PropTypes.func,\n  onValid: PropTypes.func,\n};\n\nexport { Occupation };\n"],"mappings":"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"}

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

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.L10N = void 0;
+var _Occupation = require("./Occupation.constants");
+const {
+  ADULT,
+  CHILD,
+  GUEST
+} = _Occupation.TYPE;
+const L10N = exports.L10N = {
+  ACTION_ADD_PLACE_TYPE: {
+    id: 'finder.action.add_place_type'
+  },
+  // ! TODO: Should bind type
+  ACTION_NEXT: {
+    id: 'finder.action.next'
+  },
+  ACTION_REMOVE: {
+    id: 'finder.action.remove'
+  },
+  LABEL_AGE: {
+    id: 'common.label.age'
+  },
+  LABEL_AGE_HINT: {
+    id: 'common.label.age_hint'
+  },
+  LABEL_OCCUPATION_TYPE: {
+    [ADULT]: {
+      id: 'common.label.occupation_type_adult',
+      defaultMessage: '　　　　'
+    },
+    [CHILD]: {
+      id: 'common.label.occupation_type_child'
+    },
+    [GUEST]: {
+      id: 'common.label.occupation_type_guest',
+      defaultMessage: '　　　　'
+    }
+  },
+  LABEL_PLACE_TYPE: {
+    id: 'finder.label.place_type'
+  },
+  // ! TODO: Should bind type
+  LABEL_PLACE_TYPE_COUNT: {
+    id: 'finder.label.place_type_count'
+  },
+  // ! TODO: Should bind type
+
+  NOTIFICATION_ERROR_UNFILLED_FIELDS: {
+    id: 'common.notification.error_unfilled_fields'
+  },
+  NOTIFICATION_WARNING_OCCUPATION: {
+    id: 'finder.notification.warning_occupation'
+  }
+};
+//# sourceMappingURL=Occupation.l10n.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Occupation.l10n.js","names":["_Occupation","require","ADULT","CHILD","GUEST","TYPE","L10N","exports","ACTION_ADD_PLACE_TYPE","id","ACTION_NEXT","ACTION_REMOVE","LABEL_AGE","LABEL_AGE_HINT","LABEL_OCCUPATION_TYPE","defaultMessage","LABEL_PLACE_TYPE","LABEL_PLACE_TYPE_COUNT","NOTIFICATION_ERROR_UNFILLED_FIELDS","NOTIFICATION_WARNING_OCCUPATION"],"sources":["../../../../src/components/__shared__/Occupation/Occupation.l10n.js"],"sourcesContent":["import { TYPE } from './Occupation.constants';\n\nconst { ADULT, CHILD, GUEST } = TYPE;\n\nexport const L10N = {\n  ACTION_ADD_PLACE_TYPE: { id: 'finder.action.add_place_type' }, // ! TODO: Should bind type\n  ACTION_NEXT: { id: 'finder.action.next' },\n  ACTION_REMOVE: { id: 'finder.action.remove' },\n\n  LABEL_AGE: { id: 'common.label.age' },\n  LABEL_AGE_HINT: { id: 'common.label.age_hint' },\n  LABEL_OCCUPATION_TYPE: {\n    [ADULT]: { id: 'common.label.occupation_type_adult', defaultMessage: '　　　　' },\n    [CHILD]: { id: 'common.label.occupation_type_child' },\n    [GUEST]: { id: 'common.label.occupation_type_guest', defaultMessage: '　　　　' },\n  },\n  LABEL_PLACE_TYPE: { id: 'finder.label.place_type' }, // ! TODO: Should bind type\n  LABEL_PLACE_TYPE_COUNT: { id: 'finder.label.place_type_count' }, // ! TODO: Should bind type\n\n  NOTIFICATION_ERROR_UNFILLED_FIELDS: { id: 'common.notification.error_unfilled_fields' },\n  NOTIFICATION_WARNING_OCCUPATION: { id: 'finder.notification.warning_occupation' },\n};\n"],"mappings":";;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAEA,MAAM;EAAEC,KAAK;EAAEC,KAAK;EAAEC;AAAM,CAAC,GAAGC,gBAAI;AAE7B,MAAMC,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG;EAClBE,qBAAqB,EAAE;IAAEC,EAAE,EAAE;EAA+B,CAAC;EAAE;EAC/DC,WAAW,EAAE;IAAED,EAAE,EAAE;EAAqB,CAAC;EACzCE,aAAa,EAAE;IAAEF,EAAE,EAAE;EAAuB,CAAC;EAE7CG,SAAS,EAAE;IAAEH,EAAE,EAAE;EAAmB,CAAC;EACrCI,cAAc,EAAE;IAAEJ,EAAE,EAAE;EAAwB,CAAC;EAC/CK,qBAAqB,EAAE;IACrB,CAACZ,KAAK,GAAG;MAAEO,EAAE,EAAE,oCAAoC;MAAEM,cAAc,EAAE;IAAO,CAAC;IAC7E,CAACZ,KAAK,GAAG;MAAEM,EAAE,EAAE;IAAqC,CAAC;IACrD,CAACL,KAAK,GAAG;MAAEK,EAAE,EAAE,oCAAoC;MAAEM,cAAc,EAAE;IAAO;EAC9E,CAAC;EACDC,gBAAgB,EAAE;IAAEP,EAAE,EAAE;EAA0B,CAAC;EAAE;EACrDQ,sBAAsB,EAAE;IAAER,EAAE,EAAE;EAAgC,CAAC;EAAE;;EAEjES,kCAAkC,EAAE;IAAET,EAAE,EAAE;EAA4C,CAAC;EACvFU,+BAA+B,EAAE;IAAEV,EAAE,EAAE;EAAyC;AAClF,CAAC"}

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

@@ -0,0 +1,124 @@
+:root {
+  --mirai-occupation-offset-horizontal: var(--mirai-ui-space-L);
+  --mirai-occupation-scrollview-max-height: 340px;
+  --mirai-occupation-width: 320px;
+}
+
+.offset {
+  padding-left: var(--mirai-occupation-offset-horizontal);
+  padding-right: var(--mirai-occupation-offset-horizontal);
+}
+
+.notification {
+  margin: var(--mirai-ui-space-L) var(--mirai-occupation-offset-horizontal) 0 var(--mirai-occupation-offset-horizontal);
+}
+
+.container .scrollview {
+  gap: var(--mirai-ui-space-XS);
+  padding-top: var(--mirai-ui-space-XS);
+  width: 100%;
+}
+
+.ages {
+  background-color: var(--mirai-ui-content-background);
+  border-bottom: solid 1px var(--mirai-ui-content-border);
+  border-top: solid 1px var(--mirai-ui-content-border);
+  padding-bottom: var(--mirai-ui-space-S);
+  padding-top: var(--mirai-ui-space-M);
+  position: relative;
+  overflow: visible;
+}
+
+.ages:after,
+.ages:before {
+  content: '';
+  display: block;
+  position: absolute;
+  right: calc(var(--mirai-occupation-offset-horizontal) + var(--mirai-ui-space-XL));
+  top: calc(var(--mirai-ui-space-XS) * -2);
+  width: 0;
+  height: 0;
+  border-style: solid;
+  border-width: var(--mirai-ui-space-XS);
+}
+
+.ages:after {
+  margin-top: 1px;
+  border-color: transparent transparent var(--mirai-ui-content-background) transparent;
+}
+
+.ages:before {
+  border-color: transparent transparent var(--mirai-ui-content-border) transparent;
+}
+
+.ages .inputs {
+  align-content: center;
+  align-items: center;
+  flex-wrap: wrap;
+}
+
+.ages .inputs > [data-role='input-select'] {
+  box-sizing: border-box;
+  margin-bottom: var(--mirai-ui-space-M);
+  margin-top: 0;
+  max-width: 47%;
+  min-width: 47%;
+}
+
+.ages .inputs > [data-role='input-select']:nth-child(odd) {
+  margin-right: 6%;
+}
+
+.inputNumber [data-role='text']:first-letter {
+  text-transform: capitalize;
+}
+
+.header {
+  align-items: center;
+  border-bottom: solid 1px var(--mirai-ui-content-border);
+  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);
+}
+
+.buttons {
+  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);
+}
+
+.buttonAdd {
+  flex: 1;
+}
+
+.buttonSubmit {
+  align-self: flex-start;
+}
+
+@media only screen and (max-width: 430px) {
+  .container {
+    max-height: var(--mirai-finder-modal-content-max-height);
+  }
+
+  .scrollview {
+    flex: 1;
+  }
+}
+
+@media only screen and (min-width: 431px) {
+  .container {
+    width: var(--mirai-occupation-width);
+  }
+
+  .scrollview {
+    max-height: var(--mirai-occupation-scrollview-max-height);
+  }
+
+  .ages {
+    margin-left: 1px;
+    margin-right: 1px;
+  }
+}

package/build/components/__shared__/Occupation/__tests__/__mocks__/occupation.json

@@ -0,0 +1,17 @@
+{
+  "People": [{ "type": 1, "min": 1, "max": 4 }],
+  "Only Adults": [{ "type": 2, "min": 1, "max": 3, "age": [18] }],
+  "Default": [
+    { "type": 2, "min": 2, "max": 4, "age": [18, 99] },
+    { "type": 3, "min": 0, "max": 2, "age": [0, 17], "fulfill": true }
+  ],
+  "Default (Adults >16)": [
+    { "type": 2, "min": 1, "age": [16, 99] },
+    { "type": 3, "min": 0, "max": 2, "age": [0, 15], "fulfill": true }
+  ],
+  "Children": [
+    { "type": 2, "min": 2, "max": 4, "age": [18, 99] },
+    { "type": 3, "min": 0, "max": 2, "age": [0, 1], "fulfill": true },
+    { "type": 3, "min": 0, "max": 2, "age": [2, 17], "fulfill": true }
+  ]
+}