@mirai/core 0.2.19 → 0.3.2

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

@@ -0,0 +1 @@
+{"version":3,"file":"Occupation.l10n.js","names":["_Occupation","require","_LABEL_OCCUPATION_TYP","_typeof","o","Symbol","iterator","constructor","prototype","_defineProperty","obj","key","value","_toPropertyKey","Object","defineProperty","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","toPrimitive","undefined","res","call","TypeError","Number","ADULT","TYPE","CHILD","GUEST","L10N","exports","ACTION_ADD_PLACE_TYPE","id","ACTION_NEXT","ACTION_REMOVE","LABEL_AGE","LABEL_AGE_FROM","LABEL_AGE_HINT","LABEL_AGE_RANGE","LABEL_AGE_UP_TO","LABEL_OCCUPATION_TYPE","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_FROM: { id: 'common.label.age_from' },\n  LABEL_AGE_HINT: { id: 'common.label.age_hint' },\n  LABEL_AGE_RANGE: { id: 'common.label.age_range' },\n  LABEL_AGE_UP_TO: { id: 'common.label.age_up_to' },\n  LABEL_OCCUPATION_TYPE: {\n    // ! TODO: Should bind type\n    [ADULT]: { id: 'finder.label.occupation_type_adult' },\n    [CHILD]: { id: 'finder.label.occupation_type_child' },\n    [GUEST]: { id: 'finder.label.occupation_type_guest' },\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;AAA8C,IAAAC,qBAAA;AAAA,SAAAC,QAAAC,CAAA,sCAAAD,OAAA,wBAAAE,MAAA,uBAAAA,MAAA,CAAAC,QAAA,aAAAF,CAAA,kBAAAA,CAAA,gBAAAA,CAAA,WAAAA,CAAA,yBAAAC,MAAA,IAAAD,CAAA,CAAAG,WAAA,KAAAF,MAAA,IAAAD,CAAA,KAAAC,MAAA,CAAAG,SAAA,qBAAAJ,CAAA,KAAAD,OAAA,CAAAC,CAAA;AAAA,SAAAK,gBAAAC,GAAA,EAAAC,GAAA,EAAAC,KAAA,IAAAD,GAAA,GAAAE,cAAA,CAAAF,GAAA,OAAAA,GAAA,IAAAD,GAAA,IAAAI,MAAA,CAAAC,cAAA,CAAAL,GAAA,EAAAC,GAAA,IAAAC,KAAA,EAAAA,KAAA,EAAAI,UAAA,QAAAC,YAAA,QAAAC,QAAA,oBAAAR,GAAA,CAAAC,GAAA,IAAAC,KAAA,WAAAF,GAAA;AAAA,SAAAG,eAAAM,GAAA,QAAAR,GAAA,GAAAS,YAAA,CAAAD,GAAA,oBAAAhB,OAAA,CAAAQ,GAAA,iBAAAA,GAAA,GAAAU,MAAA,CAAAV,GAAA;AAAA,SAAAS,aAAAE,KAAA,EAAAC,IAAA,QAAApB,OAAA,CAAAmB,KAAA,kBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAAjB,MAAA,CAAAoB,WAAA,OAAAD,IAAA,KAAAE,SAAA,QAAAC,GAAA,GAAAH,IAAA,CAAAI,IAAA,CAAAN,KAAA,EAAAC,IAAA,oBAAApB,OAAA,CAAAwB,GAAA,uBAAAA,GAAA,YAAAE,SAAA,4DAAAN,IAAA,gBAAAF,MAAA,GAAAS,MAAA,EAAAR,KAAA;AAE9C,IAAQS,KAAK,GAAmBC,gBAAI,CAA5BD,KAAK;EAAEE,KAAK,GAAYD,gBAAI,CAArBC,KAAK;EAAEC,KAAK,GAAKF,gBAAI,CAAdE,KAAK;AAEpB,IAAMC,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,cAAc,EAAE;IAAEL,EAAE,EAAE;EAAwB,CAAC;EAC/CM,eAAe,EAAE;IAAEN,EAAE,EAAE;EAAyB,CAAC;EACjDO,eAAe,EAAE;IAAEP,EAAE,EAAE;EAAyB,CAAC;EACjDQ,qBAAqB,GAAA5C,qBAAA,OAAAO,eAAA,CAAAP,qBAAA,EAElB6B,KAAK,EAAG;IAAEO,EAAE,EAAE;EAAqC,CAAC,GAAA7B,eAAA,CAAAP,qBAAA,EACpD+B,KAAK,EAAG;IAAEK,EAAE,EAAE;EAAqC,CAAC,GAAA7B,eAAA,CAAAP,qBAAA,EACpDgC,KAAK,EAAG;IAAEI,EAAE,EAAE;EAAqC,CAAC,GAAApC,qBAAA,CACtD;EACD6C,gBAAgB,EAAE;IAAET,EAAE,EAAE;EAA0B,CAAC;EAAE;EACrDU,sBAAsB,EAAE;IAAEV,EAAE,EAAE;EAAgC,CAAC;EAAE;;EAEjEW,kCAAkC,EAAE;IAAEX,EAAE,EAAE;EAA4C,CAAC;EACvFY,+BAA+B,EAAE;IAAEZ,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 }
+  ]
+}