@mirai/ui 2.0.5 → 2.0.7

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 (105) hide show
  1. package/build/components/Action/Action.js +1 -2
  2. package/build/components/Action/Action.js.map +1 -1
  3. package/build/components/Action/__tests__/__snapshots__/Action.test.js.snap +21 -32
  4. package/build/components/Button/Button.js +1 -2
  5. package/build/components/Button/Button.js.map +1 -1
  6. package/build/components/Button/__tests__/__snapshots__/Button.test.js.snap +17 -28
  7. package/build/components/Calendar/Calendar.Month.js +1 -0
  8. package/build/components/Calendar/Calendar.Month.js.map +1 -1
  9. package/build/components/Calendar/Calendar.Weekdays.js +1 -0
  10. package/build/components/Calendar/Calendar.Weekdays.js.map +1 -1
  11. package/build/components/Calendar/Calendar.js +3 -0
  12. package/build/components/Calendar/Calendar.js.map +1 -1
  13. package/build/components/Calendar/__tests__/__snapshots__/Calendar.test.jsx.snap +18284 -18162
  14. package/build/components/Form/Form.js +1 -2
  15. package/build/components/Form/Form.js.map +1 -1
  16. package/build/components/Form/__tests__/__snapshots__/Form.test.jsx.snap +9 -15
  17. package/build/components/InputDate/InputDate.js +1 -2
  18. package/build/components/InputDate/InputDate.js.map +1 -1
  19. package/build/components/InputDate/__tests__/__snapshots__/InputDate.test.js.snap +42 -67
  20. package/build/components/InputNumber/InputNumber.js +1 -2
  21. package/build/components/InputNumber/InputNumber.js.map +1 -1
  22. package/build/components/InputNumber/__tests__/__snapshots__/InputNumber.test.js.snap +114 -183
  23. package/build/components/InputOption/InputOption.js +3 -3
  24. package/build/components/InputOption/InputOption.js.map +1 -1
  25. package/build/components/InputOption/__tests__/__snapshots__/InputOption.test.js.snap +80 -100
  26. package/build/components/InputPhone/InputPhone.js +10 -5
  27. package/build/components/InputPhone/InputPhone.js.map +1 -1
  28. package/build/components/InputPhone/__tests__/__snapshots__/InputPhone.test.js.snap +339 -421
  29. package/build/components/InputSelect/InputSelect.js +4 -2
  30. package/build/components/InputSelect/InputSelect.js.map +1 -1
  31. package/build/components/InputSelect/__tests__/__snapshots__/InputSelect.test.js.snap +115 -115
  32. package/build/components/InputText/InputText.js +4 -3
  33. package/build/components/InputText/InputText.js.map +1 -1
  34. package/build/components/InputText/__tests__/__snapshots__/InputText.test.js.snap +133 -156
  35. package/build/components/Menu/Menu.js +1 -2
  36. package/build/components/Menu/Menu.js.map +1 -1
  37. package/build/components/Menu/__tests__/__snapshots__/Menu.test.jsx.snap +55 -63
  38. package/build/components/Modal/Modal.js +10 -7
  39. package/build/components/Modal/Modal.js.map +1 -1
  40. package/build/components/Modal/__tests__/__snapshots__/Modal.test.js.snap +72 -86
  41. package/build/components/Notification/Notification.js +1 -2
  42. package/build/components/Notification/Notification.js.map +1 -1
  43. package/build/components/Notification/__tests__/__snapshots__/Notification.test.js.snap +288 -327
  44. package/build/components/Progress/Progress.js +2 -3
  45. package/build/components/Progress/Progress.js.map +1 -1
  46. package/build/components/Progress/__tests__/__snapshots__/Progress.test.jsx.snap +18 -31
  47. package/build/components/Slider/Slider.js +10 -6
  48. package/build/components/Slider/Slider.js.map +1 -1
  49. package/build/components/Slider/Slider.module.css +3 -3
  50. package/build/components/Slider/__tests__/__snapshots__/Slider.test.js.snap +349 -464
  51. package/build/components/Table/Table.Filter.js +1 -0
  52. package/build/components/Table/Table.Filter.js.map +1 -1
  53. package/build/components/Table/Table.Row.js +0 -1
  54. package/build/components/Table/Table.Row.js.map +1 -1
  55. package/build/components/Table/Table.js +1 -2
  56. package/build/components/Table/Table.js.map +1 -1
  57. package/build/components/Table/__tests__/__snapshots__/Table.ColumnFilter.test.js.snap +192 -192
  58. package/build/components/Table/__tests__/__snapshots__/Table.test.js.snap +1092 -1516
  59. package/build/components/Tooltip/Tooltip.js +1 -2
  60. package/build/components/Tooltip/Tooltip.js.map +1 -1
  61. package/build/components/Tooltip/__tests__/__snapshots__/Tooltip.test.jsx.snap +28 -28
  62. package/build/primitives/Checkbox/Checkbox.js +4 -3
  63. package/build/primitives/Checkbox/Checkbox.js.map +1 -1
  64. package/build/primitives/Checkbox/__tests__/__snapshots__/Checkbox.test.js.snap +20 -35
  65. package/build/primitives/Icon/Icon.js +1 -2
  66. package/build/primitives/Icon/Icon.js.map +1 -1
  67. package/build/primitives/Icon/__tests__/__snapshots__/Icon.test.js.snap +82 -108
  68. package/build/primitives/Input/Input.js +0 -1
  69. package/build/primitives/Input/Input.js.map +1 -1
  70. package/build/primitives/Layer/Layer.js +8 -5
  71. package/build/primitives/Layer/Layer.js.map +1 -1
  72. package/build/primitives/Layer/__tests__/__snapshots__/Layer.test.js.snap +44 -44
  73. package/build/primitives/Pressable/Pressable.js +7 -5
  74. package/build/primitives/Pressable/Pressable.js.map +1 -1
  75. package/build/primitives/Pressable/__tests__/__snapshots__/Pressable.test.js.snap +11 -11
  76. package/build/primitives/Primitive/Primitive.constants.js +20 -2
  77. package/build/primitives/Primitive/Primitive.constants.js.map +1 -1
  78. package/build/primitives/Primitive/Primitive.js +13 -3
  79. package/build/primitives/Primitive/Primitive.js.map +1 -1
  80. package/build/primitives/Primitive/__tests__/__snapshots__/Primitive.test.js.snap +18 -12
  81. package/build/primitives/Primitive/helpers/getTag.js +3 -24
  82. package/build/primitives/Primitive/helpers/getTag.js.map +1 -1
  83. package/build/primitives/Radio/Radio.js +4 -3
  84. package/build/primitives/Radio/Radio.js.map +1 -1
  85. package/build/primitives/Radio/__tests__/__snapshots__/Radio.test.js.snap +21 -39
  86. package/build/primitives/ScrollView/ScrollView.js +9 -5
  87. package/build/primitives/ScrollView/ScrollView.js.map +1 -1
  88. package/build/primitives/ScrollView/ScrollView.module.css +1 -2
  89. package/build/primitives/ScrollView/__tests__/__snapshots__/ScrollView.test.js.snap +20 -20
  90. package/build/primitives/Select/Select.js +1 -2
  91. package/build/primitives/Select/Select.js.map +1 -1
  92. package/build/primitives/Select/__tests__/__snapshots__/Select.test.js.snap +0 -35
  93. package/build/primitives/Switch/Switch.js +1 -2
  94. package/build/primitives/Switch/Switch.js.map +1 -1
  95. package/build/primitives/Switch/__tests__/__snapshots__/Switch.test.js.snap +40 -60
  96. package/build/primitives/Text/Text.js +0 -1
  97. package/build/primitives/Text/Text.js.map +1 -1
  98. package/build/primitives/Text/Text.module.css +0 -4
  99. package/build/primitives/Text/__tests__/__snapshots__/Text.test.js.snap +62 -62
  100. package/build/primitives/View/View.js +5 -3
  101. package/build/primitives/View/View.js.map +1 -1
  102. package/build/primitives/View/__tests__/__snapshots__/View.test.js.snap +10 -10
  103. package/build/primitives/index.js +64 -0
  104. package/build/primitives/index.js.map +1 -1
  105. package/package.json +1 -1
@@ -132,8 +132,7 @@ var Form = function Form(_ref) {
132
132
  };
133
133
  return (0, _react.useMemo)(function () {
134
134
  return /*#__PURE__*/_react.default.createElement(_primitives.Primitive, _objectSpread(_objectSpread({}, others), {}, {
135
- role: others.role || 'form',
136
- tag: others.tag || 'form',
135
+ tag: 'form',
137
136
  onSubmit: handleSubmit
138
137
  }), _react.default.Children.map(children, function (child, index) {
139
138
  if (!child || child === null) return;
@@ -1 +1 @@
1
- {"version":3,"file":"Form.js","names":["timeoutError","Form","children","debounce","DEFAULT_TIMEOUT_ONCHANGE","schema","showErrors","validateOnMount","onChange","onEnter","onError","onLeave","onSubmit","others","useState","error","setError","initialValue","setInitialValue","touched","setTouched","values","setValues","useEffect","nextValues","getChildrenValues","nextChildrenKeys","Object","keys","sort","length","JSON","stringify","clearTimeout","handleError","collision","some","key","groupState","value","timer","setTimeout","handleChange","field","fieldValue","DEFAULT_TIMEOUT_ONERROR","next","getChildrenErrors","handleLeave","event","handleSubmit","preventDefault","errors","useMemo","React","createElement","Primitive","role","tag","Children","map","child","index","props","type","displayName","getField","cloneElement","FIELDS_WITHOUT_ERROR","includes","FIELDS_BOOLEAN","undefined","onPress","propTypes","PropTypes","node","number","shape","bool","func"],"sources":["../../../src/components/Form/Form.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useMemo, useState } from 'react';\n\nimport { Primitive } from '../../primitives';\nimport {\n DEFAULT_TIMEOUT_ONCHANGE,\n DEFAULT_TIMEOUT_ONERROR,\n FIELDS_BOOLEAN,\n FIELDS_WITHOUT_ERROR,\n} from './Form.constants';\nimport { getChildrenErrors, getChildrenValues, getField, groupState } from './helpers';\n\nlet timeoutError;\n\nconst Form = ({\n children,\n debounce = DEFAULT_TIMEOUT_ONCHANGE,\n schema = {},\n showErrors = false,\n validateOnMount = false,\n onChange,\n onEnter,\n onError,\n onLeave,\n onSubmit,\n ...others\n}) => {\n const [error, setError] = useState({});\n const [initialValue, setInitialValue] = useState({});\n const [touched, setTouched] = useState({});\n const [values, setValues] = useState({});\n\n useEffect(() => {\n const nextValues = getChildrenValues(children);\n const nextChildrenKeys = Object.keys(nextValues).sort();\n\n if (!Object.keys(nextValues).length) return;\n\n if (JSON.stringify(nextChildrenKeys) !== JSON.stringify(Object.keys(initialValue).sort())) {\n setInitialValue(nextValues);\n setValues(nextValues);\n clearTimeout(timeoutError);\n\n if (validateOnMount) handleError(nextValues);\n else setError({});\n\n setTouched({});\n } else {\n const collision = nextChildrenKeys.some((key) => JSON.stringify(values[key]) !== JSON.stringify(nextValues[key]));\n if (collision) {\n setValues(nextValues);\n handleError(nextValues);\n }\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [children]);\n\n useEffect(() => {\n if (!onChange || values === initialValue || !Object.keys(values).length) return;\n\n if (!debounce) return onChange(values, groupState({ initialValue, value: values, touched }));\n\n const timer = setTimeout(() => onChange(values, groupState({ initialValue, value: values, touched })), debounce);\n return () => clearTimeout(timer);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [values]);\n\n const handleChange = (field, fieldValue) => {\n const nextValues = { ...values, [field]: fieldValue };\n\n setValues(nextValues);\n timeoutError = setTimeout(() => handleError(nextValues), DEFAULT_TIMEOUT_ONERROR);\n };\n\n const handleError = (values) => {\n const next = getChildrenErrors({ children, schema, values });\n\n setError(next);\n if (JSON.stringify(error) !== JSON.stringify(next)) onError && onError(next);\n\n return next;\n };\n\n const handleLeave = (field, event) => {\n setTouched({ ...touched, [field]: true });\n if (onEnter) onEnter(field, event);\n };\n\n const handleSubmit = (event) => {\n event.preventDefault();\n const errors = handleError(values);\n\n if (Object.keys(errors).length) onError(errors);\n else if (onSubmit) onSubmit(values, groupState({ initialValue, value: values, touched }), event);\n };\n\n return useMemo(\n () =>\n React.createElement(\n Primitive,\n {\n ...others,\n role: others.role || 'form',\n tag: others.tag || 'form',\n onSubmit: handleSubmit,\n },\n React.Children.map(children, (child, index) => {\n if (!child || child === null) return;\n\n const { props = {}, type: { displayName } = {} } = child || {};\n const { type } = props;\n const field = getField(props);\n\n return React.cloneElement(child, {\n key: index,\n ...(field\n ? {\n ...props,\n ...schema[field],\n error: !FIELDS_WITHOUT_ERROR.includes(displayName) && (props.error || (showErrors && !!error[field])),\n value: !FIELDS_BOOLEAN.includes(displayName) ? values[field] : props.value,\n onChange: (value) => handleChange(field, value),\n onEnter: (event) => handleLeave(field, event),\n onLeave: onLeave ? (event) => onLeave(field, event) : undefined,\n }\n : type === 'submit'\n ? { ...props, onPress: handleSubmit }\n : undefined),\n });\n }),\n ),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [children, error, others, schema],\n );\n};\n\nForm.displayName = 'Component:Form';\n\nForm.propTypes = {\n children: PropTypes.node,\n debounce: PropTypes.number,\n schema: PropTypes.shape({}),\n showErrors: PropTypes.bool,\n validateOnMount: PropTypes.bool,\n onChange: PropTypes.func,\n onEnter: PropTypes.func,\n onError: PropTypes.func,\n onLeave: PropTypes.func,\n onSubmit: PropTypes.func,\n};\n\nexport { Form };\n"],"mappings":"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"}
1
+ {"version":3,"file":"Form.js","names":["timeoutError","Form","children","debounce","DEFAULT_TIMEOUT_ONCHANGE","schema","showErrors","validateOnMount","onChange","onEnter","onError","onLeave","onSubmit","others","useState","error","setError","initialValue","setInitialValue","touched","setTouched","values","setValues","useEffect","nextValues","getChildrenValues","nextChildrenKeys","Object","keys","sort","length","JSON","stringify","clearTimeout","handleError","collision","some","key","groupState","value","timer","setTimeout","handleChange","field","fieldValue","DEFAULT_TIMEOUT_ONERROR","next","getChildrenErrors","handleLeave","event","handleSubmit","preventDefault","errors","useMemo","React","createElement","Primitive","tag","Children","map","child","index","props","type","displayName","getField","cloneElement","FIELDS_WITHOUT_ERROR","includes","FIELDS_BOOLEAN","undefined","onPress","propTypes","PropTypes","node","number","shape","bool","func"],"sources":["../../../src/components/Form/Form.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useMemo, useState } from 'react';\n\nimport { Primitive } from '../../primitives';\nimport {\n DEFAULT_TIMEOUT_ONCHANGE,\n DEFAULT_TIMEOUT_ONERROR,\n FIELDS_BOOLEAN,\n FIELDS_WITHOUT_ERROR,\n} from './Form.constants';\nimport { getChildrenErrors, getChildrenValues, getField, groupState } from './helpers';\n\nlet timeoutError;\n\nconst Form = ({\n children,\n debounce = DEFAULT_TIMEOUT_ONCHANGE,\n schema = {},\n showErrors = false,\n validateOnMount = false,\n onChange,\n onEnter,\n onError,\n onLeave,\n onSubmit,\n ...others\n}) => {\n const [error, setError] = useState({});\n const [initialValue, setInitialValue] = useState({});\n const [touched, setTouched] = useState({});\n const [values, setValues] = useState({});\n\n useEffect(() => {\n const nextValues = getChildrenValues(children);\n const nextChildrenKeys = Object.keys(nextValues).sort();\n\n if (!Object.keys(nextValues).length) return;\n\n if (JSON.stringify(nextChildrenKeys) !== JSON.stringify(Object.keys(initialValue).sort())) {\n setInitialValue(nextValues);\n setValues(nextValues);\n clearTimeout(timeoutError);\n\n if (validateOnMount) handleError(nextValues);\n else setError({});\n\n setTouched({});\n } else {\n const collision = nextChildrenKeys.some((key) => JSON.stringify(values[key]) !== JSON.stringify(nextValues[key]));\n if (collision) {\n setValues(nextValues);\n handleError(nextValues);\n }\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [children]);\n\n useEffect(() => {\n if (!onChange || values === initialValue || !Object.keys(values).length) return;\n\n if (!debounce) return onChange(values, groupState({ initialValue, value: values, touched }));\n\n const timer = setTimeout(() => onChange(values, groupState({ initialValue, value: values, touched })), debounce);\n return () => clearTimeout(timer);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [values]);\n\n const handleChange = (field, fieldValue) => {\n const nextValues = { ...values, [field]: fieldValue };\n\n setValues(nextValues);\n timeoutError = setTimeout(() => handleError(nextValues), DEFAULT_TIMEOUT_ONERROR);\n };\n\n const handleError = (values) => {\n const next = getChildrenErrors({ children, schema, values });\n\n setError(next);\n if (JSON.stringify(error) !== JSON.stringify(next)) onError && onError(next);\n\n return next;\n };\n\n const handleLeave = (field, event) => {\n setTouched({ ...touched, [field]: true });\n if (onEnter) onEnter(field, event);\n };\n\n const handleSubmit = (event) => {\n event.preventDefault();\n const errors = handleError(values);\n\n if (Object.keys(errors).length) onError(errors);\n else if (onSubmit) onSubmit(values, groupState({ initialValue, value: values, touched }), event);\n };\n\n return useMemo(\n () =>\n React.createElement(\n Primitive,\n {\n ...others,\n tag: 'form',\n onSubmit: handleSubmit,\n },\n React.Children.map(children, (child, index) => {\n if (!child || child === null) return;\n\n const { props = {}, type: { displayName } = {} } = child || {};\n const { type } = props;\n const field = getField(props);\n\n return React.cloneElement(child, {\n key: index,\n ...(field\n ? {\n ...props,\n ...schema[field],\n error: !FIELDS_WITHOUT_ERROR.includes(displayName) && (props.error || (showErrors && !!error[field])),\n value: !FIELDS_BOOLEAN.includes(displayName) ? values[field] : props.value,\n onChange: (value) => handleChange(field, value),\n onEnter: (event) => handleLeave(field, event),\n onLeave: onLeave ? (event) => onLeave(field, event) : undefined,\n }\n : type === 'submit'\n ? { ...props, onPress: handleSubmit }\n : undefined),\n });\n }),\n ),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [children, error, others, schema],\n );\n};\n\nForm.displayName = 'Component:Form';\n\nForm.propTypes = {\n children: PropTypes.node,\n debounce: PropTypes.number,\n schema: PropTypes.shape({}),\n showErrors: PropTypes.bool,\n validateOnMount: PropTypes.bool,\n onChange: PropTypes.func,\n onEnter: PropTypes.func,\n onError: PropTypes.func,\n onLeave: PropTypes.func,\n onSubmit: PropTypes.func,\n};\n\nexport { Form };\n"],"mappings":"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"}
@@ -11,21 +11,21 @@ exports[`component:<Form> inherit:className 1`] = `
11
11
  exports[`component:<Form> prop:children 1`] = `
12
12
  <DocumentFragment>
13
13
  <form>
14
- <ui_input_text
14
+ <ui-input-text
15
15
  class="view inputContainer"
16
16
  >
17
- <ui_view
17
+ <ui-view
18
18
  class="view row inputBorder"
19
19
  >
20
- <ui_view
20
+ <ui-view
21
21
  class="view wide content"
22
22
  >
23
- <label
23
+ <ui-label
24
24
  class="text paragraph text label"
25
- for="input.name"
25
+ htmlfor="input.name"
26
26
  >
27
27
  label
28
- </label>
28
+ </ui-label>
29
29
  <input
30
30
  class="input input withLabel"
31
31
  id="input.name"
@@ -33,9 +33,9 @@ exports[`component:<Form> prop:children 1`] = `
33
33
  type="text"
34
34
  value=""
35
35
  />
36
- </ui_view>
37
- </ui_view>
38
- </ui_input_text>
36
+ </ui-view>
37
+ </ui-view>
38
+ </ui-input-text>
39
39
  </form>
40
40
  </DocumentFragment>
41
41
  `;
@@ -46,12 +46,6 @@ exports[`component:<Form> renders 1`] = `
46
46
  </DocumentFragment>
47
47
  `;
48
48
 
49
- exports[`component:<Form> tag 1`] = `
50
- <DocumentFragment>
51
- <ui_tag />
52
- </DocumentFragment>
53
- `;
54
-
55
49
  exports[`component:<Form> testId 1`] = `
56
50
  <DocumentFragment>
57
51
  <form
@@ -61,8 +61,7 @@ var InputDate = function InputDate(_ref) {
61
61
  return /*#__PURE__*/_react.default.createElement(_InputText.InputText, _extends({}, others, {
62
62
  maxLength: format.length,
63
63
  placeholder: placeholder || format,
64
- role: others.role || 'input-date',
65
- tag: others.tag || 'input_date',
64
+ tag: "input-date",
66
65
  value: value,
67
66
  onChange: handleChange
68
67
  }));
@@ -1 +1 @@
1
- {"version":3,"file":"InputDate.js","names":["InputDate","format","DEFAULT_DATE_FORMAT","max","min","placeholder","value","propValue","onChange","onError","others","useState","setValue","useEffect","handleChange","nextValue","event","next","formatValue","errors","getInputDateErrors","required","Object","keys","length","role","tag","displayName","propTypes","PropTypes","string","bool","func"],"sources":["../../../src/components/InputDate/InputDate.jsx"],"sourcesContent":["import { DEFAULT_DATE_FORMAT } from '@mirai/locale';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { getInputDateErrors } from '../../helpers';\nimport { InputText } from '../InputText';\nimport { formatValue } from './helpers';\n\nconst InputDate = ({\n format = DEFAULT_DATE_FORMAT,\n max,\n min,\n placeholder,\n value: propValue = '',\n onChange = () => {},\n onError = () => {},\n ...others\n}) => {\n const [value, setValue] = useState(propValue);\n\n useEffect(() => {\n setValue(propValue);\n }, [propValue]);\n\n const handleChange = (nextValue, event) => {\n const next = formatValue(nextValue, format, value);\n if (next === value) return;\n\n setValue(next);\n onChange(next, event);\n\n const errors = getInputDateErrors({ format, max, min, value: next, required: others.required });\n if (Object.keys(errors || {}).length > 0) onError(errors);\n };\n\n return (\n <InputText\n {...others}\n maxLength={format.length}\n placeholder={placeholder || format}\n role={others.role || 'input-date'}\n tag={others.tag || 'input_date'}\n value={value}\n onChange={handleChange}\n />\n );\n};\n\nInputDate.displayName = 'Component:InputDate';\n\nInputDate.propTypes = {\n format: PropTypes.string,\n max: PropTypes.string,\n min: PropTypes.string,\n placeholder: PropTypes.bool,\n value: PropTypes.string,\n onChange: PropTypes.func,\n onError: PropTypes.func,\n};\n\nexport { InputDate };\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAEA;AACA;AACA;AAAwC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAExC,IAAMA,SAAS,GAAG,SAAZA,SAAS,OAST;EAAA,uBARJC,MAAM;IAANA,MAAM,4BAAGC,2BAAmB;IAC5BC,GAAG,QAAHA,GAAG;IACHC,GAAG,QAAHA,GAAG;IACHC,WAAW,QAAXA,WAAW;IAAA,kBACXC,KAAK;IAAEC,SAAS,2BAAG,EAAE;IAAA,qBACrBC,QAAQ;IAARA,QAAQ,8BAAG,YAAM,CAAC,CAAC;IAAA,oBACnBC,OAAO;IAAPA,OAAO,6BAAG,YAAM,CAAC,CAAC;IACfC,MAAM;EAET,gBAA0B,IAAAC,eAAQ,EAACJ,SAAS,CAAC;IAAA;IAAtCD,KAAK;IAAEM,QAAQ;EAEtB,IAAAC,gBAAS,EAAC,YAAM;IACdD,QAAQ,CAACL,SAAS,CAAC;EACrB,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAEf,IAAMO,YAAY,GAAG,SAAfA,YAAY,CAAIC,SAAS,EAAEC,KAAK,EAAK;IACzC,IAAMC,IAAI,GAAG,IAAAC,qBAAW,EAACH,SAAS,EAAEd,MAAM,EAAEK,KAAK,CAAC;IAClD,IAAIW,IAAI,KAAKX,KAAK,EAAE;IAEpBM,QAAQ,CAACK,IAAI,CAAC;IACdT,QAAQ,CAACS,IAAI,EAAED,KAAK,CAAC;IAErB,IAAMG,MAAM,GAAG,IAAAC,2BAAkB,EAAC;MAAEnB,MAAM,EAANA,MAAM;MAAEE,GAAG,EAAHA,GAAG;MAAEC,GAAG,EAAHA,GAAG;MAAEE,KAAK,EAAEW,IAAI;MAAEI,QAAQ,EAAEX,MAAM,CAACW;IAAS,CAAC,CAAC;IAC/F,IAAIC,MAAM,CAACC,IAAI,CAACJ,MAAM,IAAI,CAAC,CAAC,CAAC,CAACK,MAAM,GAAG,CAAC,EAAEf,OAAO,CAACU,MAAM,CAAC;EAC3D,CAAC;EAED,oBACE,6BAAC,oBAAS,eACJT,MAAM;IACV,SAAS,EAAET,MAAM,CAACuB,MAAO;IACzB,WAAW,EAAEnB,WAAW,IAAIJ,MAAO;IACnC,IAAI,EAAES,MAAM,CAACe,IAAI,IAAI,YAAa;IAClC,GAAG,EAAEf,MAAM,CAACgB,GAAG,IAAI,YAAa;IAChC,KAAK,EAAEpB,KAAM;IACb,QAAQ,EAAEQ;EAAa,GACvB;AAEN,CAAC;AAAC;AAEFd,SAAS,CAAC2B,WAAW,GAAG,qBAAqB;AAE7C3B,SAAS,CAAC4B,SAAS,GAAG;EACpB3B,MAAM,EAAE4B,kBAAS,CAACC,MAAM;EACxB3B,GAAG,EAAE0B,kBAAS,CAACC,MAAM;EACrB1B,GAAG,EAAEyB,kBAAS,CAACC,MAAM;EACrBzB,WAAW,EAAEwB,kBAAS,CAACE,IAAI;EAC3BzB,KAAK,EAAEuB,kBAAS,CAACC,MAAM;EACvBtB,QAAQ,EAAEqB,kBAAS,CAACG,IAAI;EACxBvB,OAAO,EAAEoB,kBAAS,CAACG;AACrB,CAAC"}
1
+ {"version":3,"file":"InputDate.js","names":["InputDate","format","DEFAULT_DATE_FORMAT","max","min","placeholder","value","propValue","onChange","onError","others","useState","setValue","useEffect","handleChange","nextValue","event","next","formatValue","errors","getInputDateErrors","required","Object","keys","length","displayName","propTypes","PropTypes","string","bool","func"],"sources":["../../../src/components/InputDate/InputDate.jsx"],"sourcesContent":["import { DEFAULT_DATE_FORMAT } from '@mirai/locale';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { getInputDateErrors } from '../../helpers';\nimport { InputText } from '../InputText';\nimport { formatValue } from './helpers';\n\nconst InputDate = ({\n format = DEFAULT_DATE_FORMAT,\n max,\n min,\n placeholder,\n value: propValue = '',\n onChange = () => {},\n onError = () => {},\n ...others\n}) => {\n const [value, setValue] = useState(propValue);\n\n useEffect(() => {\n setValue(propValue);\n }, [propValue]);\n\n const handleChange = (nextValue, event) => {\n const next = formatValue(nextValue, format, value);\n if (next === value) return;\n\n setValue(next);\n onChange(next, event);\n\n const errors = getInputDateErrors({ format, max, min, value: next, required: others.required });\n if (Object.keys(errors || {}).length > 0) onError(errors);\n };\n\n return (\n <InputText\n {...others}\n maxLength={format.length}\n placeholder={placeholder || format}\n tag=\"input-date\"\n value={value}\n onChange={handleChange}\n />\n );\n};\n\nInputDate.displayName = 'Component:InputDate';\n\nInputDate.propTypes = {\n format: PropTypes.string,\n max: PropTypes.string,\n min: PropTypes.string,\n placeholder: PropTypes.bool,\n value: PropTypes.string,\n onChange: PropTypes.func,\n onError: PropTypes.func,\n};\n\nexport { InputDate };\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAEA;AACA;AACA;AAAwC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAExC,IAAMA,SAAS,GAAG,SAAZA,SAAS,OAST;EAAA,uBARJC,MAAM;IAANA,MAAM,4BAAGC,2BAAmB;IAC5BC,GAAG,QAAHA,GAAG;IACHC,GAAG,QAAHA,GAAG;IACHC,WAAW,QAAXA,WAAW;IAAA,kBACXC,KAAK;IAAEC,SAAS,2BAAG,EAAE;IAAA,qBACrBC,QAAQ;IAARA,QAAQ,8BAAG,YAAM,CAAC,CAAC;IAAA,oBACnBC,OAAO;IAAPA,OAAO,6BAAG,YAAM,CAAC,CAAC;IACfC,MAAM;EAET,gBAA0B,IAAAC,eAAQ,EAACJ,SAAS,CAAC;IAAA;IAAtCD,KAAK;IAAEM,QAAQ;EAEtB,IAAAC,gBAAS,EAAC,YAAM;IACdD,QAAQ,CAACL,SAAS,CAAC;EACrB,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAEf,IAAMO,YAAY,GAAG,SAAfA,YAAY,CAAIC,SAAS,EAAEC,KAAK,EAAK;IACzC,IAAMC,IAAI,GAAG,IAAAC,qBAAW,EAACH,SAAS,EAAEd,MAAM,EAAEK,KAAK,CAAC;IAClD,IAAIW,IAAI,KAAKX,KAAK,EAAE;IAEpBM,QAAQ,CAACK,IAAI,CAAC;IACdT,QAAQ,CAACS,IAAI,EAAED,KAAK,CAAC;IAErB,IAAMG,MAAM,GAAG,IAAAC,2BAAkB,EAAC;MAAEnB,MAAM,EAANA,MAAM;MAAEE,GAAG,EAAHA,GAAG;MAAEC,GAAG,EAAHA,GAAG;MAAEE,KAAK,EAAEW,IAAI;MAAEI,QAAQ,EAAEX,MAAM,CAACW;IAAS,CAAC,CAAC;IAC/F,IAAIC,MAAM,CAACC,IAAI,CAACJ,MAAM,IAAI,CAAC,CAAC,CAAC,CAACK,MAAM,GAAG,CAAC,EAAEf,OAAO,CAACU,MAAM,CAAC;EAC3D,CAAC;EAED,oBACE,6BAAC,oBAAS,eACJT,MAAM;IACV,SAAS,EAAET,MAAM,CAACuB,MAAO;IACzB,WAAW,EAAEnB,WAAW,IAAIJ,MAAO;IACnC,GAAG,EAAC,YAAY;IAChB,KAAK,EAAEK,KAAM;IACb,QAAQ,EAAEQ;EAAa,GACvB;AAEN,CAAC;AAAC;AAEFd,SAAS,CAACyB,WAAW,GAAG,qBAAqB;AAE7CzB,SAAS,CAAC0B,SAAS,GAAG;EACpBzB,MAAM,EAAE0B,kBAAS,CAACC,MAAM;EACxBzB,GAAG,EAAEwB,kBAAS,CAACC,MAAM;EACrBxB,GAAG,EAAEuB,kBAAS,CAACC,MAAM;EACrBvB,WAAW,EAAEsB,kBAAS,CAACE,IAAI;EAC3BvB,KAAK,EAAEqB,kBAAS,CAACC,MAAM;EACvBpB,QAAQ,EAAEmB,kBAAS,CAACG,IAAI;EACxBrB,OAAO,EAAEkB,kBAAS,CAACG;AACrB,CAAC"}
@@ -2,13 +2,13 @@
2
2
 
3
3
  exports[`component:<InputDate> inherit:className 1`] = `
4
4
  <DocumentFragment>
5
- <ui_input_date
5
+ <ui-input-text
6
6
  class="view inputContainer mirai"
7
7
  >
8
- <ui_view
8
+ <ui-view
9
9
  class="view row inputBorder"
10
10
  >
11
- <ui_view
11
+ <ui-view
12
12
  class="view wide content"
13
13
  >
14
14
  <input
@@ -19,21 +19,21 @@ exports[`component:<InputDate> inherit:className 1`] = `
19
19
  type="text"
20
20
  value=""
21
21
  />
22
- </ui_view>
23
- </ui_view>
24
- </ui_input_date>
22
+ </ui-view>
23
+ </ui-view>
24
+ </ui-input-text>
25
25
  </DocumentFragment>
26
26
  `;
27
27
 
28
28
  exports[`component:<InputDate> prop:format 1`] = `
29
29
  <DocumentFragment>
30
- <ui_input_date
30
+ <ui-input-text
31
31
  class="view inputContainer"
32
32
  >
33
- <ui_view
33
+ <ui-view
34
34
  class="view row inputBorder"
35
35
  >
36
- <ui_view
36
+ <ui-view
37
37
  class="view wide content"
38
38
  >
39
39
  <input
@@ -44,21 +44,21 @@ exports[`component:<InputDate> prop:format 1`] = `
44
44
  type="text"
45
45
  value=""
46
46
  />
47
- </ui_view>
48
- </ui_view>
49
- </ui_input_date>
47
+ </ui-view>
48
+ </ui-view>
49
+ </ui-input-text>
50
50
  </DocumentFragment>
51
51
  `;
52
52
 
53
53
  exports[`component:<InputDate> prop:placeholder 1`] = `
54
54
  <DocumentFragment>
55
- <ui_input_date
55
+ <ui-input-text
56
56
  class="view inputContainer"
57
57
  >
58
- <ui_view
58
+ <ui-view
59
59
  class="view row inputBorder"
60
60
  >
61
- <ui_view
61
+ <ui-view
62
62
  class="view wide content"
63
63
  >
64
64
  <input
@@ -69,21 +69,21 @@ exports[`component:<InputDate> prop:placeholder 1`] = `
69
69
  type="text"
70
70
  value=""
71
71
  />
72
- </ui_view>
73
- </ui_view>
74
- </ui_input_date>
72
+ </ui-view>
73
+ </ui-view>
74
+ </ui-input-text>
75
75
  </DocumentFragment>
76
76
  `;
77
77
 
78
78
  exports[`component:<InputDate> prop:value & prop:format 1`] = `
79
79
  <DocumentFragment>
80
- <ui_input_date
80
+ <ui-input-text
81
81
  class="view inputContainer"
82
82
  >
83
- <ui_view
83
+ <ui-view
84
84
  class="view row inputBorder"
85
85
  >
86
- <ui_view
86
+ <ui-view
87
87
  class="view wide content"
88
88
  >
89
89
  <input
@@ -94,21 +94,21 @@ exports[`component:<InputDate> prop:value & prop:format 1`] = `
94
94
  type="text"
95
95
  value="04/80"
96
96
  />
97
- </ui_view>
98
- </ui_view>
99
- </ui_input_date>
97
+ </ui-view>
98
+ </ui-view>
99
+ </ui-input-text>
100
100
  </DocumentFragment>
101
101
  `;
102
102
 
103
103
  exports[`component:<InputDate> prop:value 1`] = `
104
104
  <DocumentFragment>
105
- <ui_input_date
105
+ <ui-input-text
106
106
  class="view inputContainer"
107
107
  >
108
- <ui_view
108
+ <ui-view
109
109
  class="view row inputBorder"
110
110
  >
111
- <ui_view
111
+ <ui-view
112
112
  class="view wide content"
113
113
  >
114
114
  <input
@@ -119,21 +119,21 @@ exports[`component:<InputDate> prop:value 1`] = `
119
119
  type="text"
120
120
  value="10/04/1980"
121
121
  />
122
- </ui_view>
123
- </ui_view>
124
- </ui_input_date>
122
+ </ui-view>
123
+ </ui-view>
124
+ </ui-input-text>
125
125
  </DocumentFragment>
126
126
  `;
127
127
 
128
128
  exports[`component:<InputDate> renders 1`] = `
129
129
  <DocumentFragment>
130
- <ui_input_date
130
+ <ui-input-text
131
131
  class="view inputContainer"
132
132
  >
133
- <ui_view
133
+ <ui-view
134
134
  class="view row inputBorder"
135
135
  >
136
- <ui_view
136
+ <ui-view
137
137
  class="view wide content"
138
138
  >
139
139
  <input
@@ -144,46 +144,21 @@ exports[`component:<InputDate> renders 1`] = `
144
144
  type="text"
145
145
  value=""
146
146
  />
147
- </ui_view>
148
- </ui_view>
149
- </ui_input_date>
150
- </DocumentFragment>
151
- `;
152
-
153
- exports[`component:<InputDate> tag 1`] = `
154
- <DocumentFragment>
155
- <ui_tag
156
- class="view inputContainer"
157
- >
158
- <ui_view
159
- class="view row inputBorder"
160
- >
161
- <ui_view
162
- class="view wide content"
163
- >
164
- <input
165
- class="input input"
166
- maxlength="10"
167
- name="name"
168
- placeholder="DD/MM/YYYY"
169
- type="text"
170
- value=""
171
- />
172
- </ui_view>
173
- </ui_view>
174
- </ui_tag>
147
+ </ui-view>
148
+ </ui-view>
149
+ </ui-input-text>
175
150
  </DocumentFragment>
176
151
  `;
177
152
 
178
153
  exports[`component:<InputDate> testId 1`] = `
179
154
  <DocumentFragment>
180
- <ui_input_date
155
+ <ui-input-text
181
156
  class="view inputContainer"
182
157
  >
183
- <ui_view
158
+ <ui-view
184
159
  class="view row inputBorder"
185
160
  >
186
- <ui_view
161
+ <ui-view
187
162
  class="view wide content"
188
163
  >
189
164
  <input
@@ -195,8 +170,8 @@ exports[`component:<InputDate> testId 1`] = `
195
170
  type="text"
196
171
  value=""
197
172
  />
198
- </ui_view>
199
- </ui_view>
200
- </ui_input_date>
173
+ </ui-view>
174
+ </ui-view>
175
+ </ui-input-text>
201
176
  </DocumentFragment>
202
177
  `;
@@ -43,8 +43,7 @@ var InputNumber = function InputNumber(_ref) {
43
43
  ariaRemove = _ref$aria$buttonRemov === void 0 ? 'Remove' : _ref$aria$buttonRemov,
44
44
  others = _objectWithoutProperties(_ref, _excluded);
45
45
  return /*#__PURE__*/_react.default.createElement(_primitives.View, _extends({}, others, {
46
- role: others.role || 'input-number',
47
- tag: others.tag || 'input_number',
46
+ tag: "input-number",
48
47
  row: true,
49
48
  className: (0, _helpers.styles)(_InputNumberModule.default.inputNumber, others.className)
50
49
  }), /*#__PURE__*/_react.default.createElement(_primitives.View, {
@@ -1 +1 @@
1
- {"version":3,"file":"InputNumber.js","names":["InputNumber","disabled","hint","label","max","min","name","required","rounded","showRequired","step","value","onChange","aria","buttonAdd","ariaAdd","buttonRemove","ariaRemove","others","role","tag","styles","style","inputNumber","className","texts","ICON","REMOVE","ADD","displayName","propTypes","PropTypes","bool","oneOfType","string","array","number","isRequired","func","shape"],"sources":["../../../src/components/InputNumber/InputNumber.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, ICON, Text, View } from '../../primitives';\nimport { Button } from '../Button';\nimport { Hint, Label } from '../InputText/partials';\nimport style from './InputNumber.module.css';\n\nconst InputNumber = ({\n disabled,\n hint,\n label,\n max,\n min = 0,\n name,\n required,\n rounded = true,\n showRequired = false,\n step = 1,\n value = 0,\n onChange = () => {},\n aria: { buttonAdd: ariaAdd = 'Add', buttonRemove: ariaRemove = 'Remove' } = {},\n ...others\n}) => (\n <View\n {...others}\n role={others.role || 'input-number'}\n tag={others.tag || 'input_number'}\n row\n className={styles(style.inputNumber, others.className)}\n >\n <View className={style.texts}>\n {label && <Label {...{ disabled, label, required: showRequired && required }} className={style.label} />}\n {hint && <Hint {...{ disabled, hint }} className={style.hint} />}\n </View>\n <Button\n disabled={disabled || value <= min}\n rounded={rounded}\n secondary\n small\n squared\n onPress={() => onChange(value - step, name)}\n aria-label={ariaRemove}\n >\n <Icon value={ICON.REMOVE} />\n </Button>\n <Text className={styles(style.value, disabled && style.disabled)}>{typeof value === 'number' ? value : min}</Text>\n <Button\n disabled={disabled || value >= max}\n rounded={rounded}\n secondary\n small\n squared\n onPress={() => onChange(value + step, name)}\n aria-label={ariaAdd}\n >\n <Icon value={ICON.ADD} />\n </Button>\n </View>\n);\n\nInputNumber.displayName = 'Component:InputNumber';\n\nInputNumber.propTypes = {\n disabled: PropTypes.bool,\n hint: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),\n label: PropTypes.string,\n max: PropTypes.number,\n min: PropTypes.number,\n name: PropTypes.string.isRequired,\n required: PropTypes.bool,\n rounded: PropTypes.bool,\n showRequired: PropTypes.bool,\n step: PropTypes.number,\n value: PropTypes.number,\n onChange: PropTypes.func,\n aria: PropTypes.shape({\n buttonAdd: PropTypes.string,\n buttonRemove: PropTypes.string,\n }),\n};\n\nexport { InputNumber };\n"],"mappings":"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"}
1
+ {"version":3,"file":"InputNumber.js","names":["InputNumber","disabled","hint","label","max","min","name","required","rounded","showRequired","step","value","onChange","aria","buttonAdd","ariaAdd","buttonRemove","ariaRemove","others","styles","style","inputNumber","className","texts","ICON","REMOVE","ADD","displayName","propTypes","PropTypes","bool","oneOfType","string","array","number","isRequired","func","shape"],"sources":["../../../src/components/InputNumber/InputNumber.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, ICON, Text, View } from '../../primitives';\nimport { Button } from '../Button';\nimport { Hint, Label } from '../InputText/partials';\nimport style from './InputNumber.module.css';\n\nconst InputNumber = ({\n disabled,\n hint,\n label,\n max,\n min = 0,\n name,\n required,\n rounded = true,\n showRequired = false,\n step = 1,\n value = 0,\n onChange = () => {},\n aria: { buttonAdd: ariaAdd = 'Add', buttonRemove: ariaRemove = 'Remove' } = {},\n ...others\n}) => (\n <View {...others} tag=\"input-number\" row className={styles(style.inputNumber, others.className)}>\n <View className={style.texts}>\n {label && <Label {...{ disabled, label, required: showRequired && required }} className={style.label} />}\n {hint && <Hint {...{ disabled, hint }} className={style.hint} />}\n </View>\n <Button\n disabled={disabled || value <= min}\n rounded={rounded}\n secondary\n small\n squared\n onPress={() => onChange(value - step, name)}\n aria-label={ariaRemove}\n >\n <Icon value={ICON.REMOVE} />\n </Button>\n <Text className={styles(style.value, disabled && style.disabled)}>{typeof value === 'number' ? value : min}</Text>\n <Button\n disabled={disabled || value >= max}\n rounded={rounded}\n secondary\n small\n squared\n onPress={() => onChange(value + step, name)}\n aria-label={ariaAdd}\n >\n <Icon value={ICON.ADD} />\n </Button>\n </View>\n);\n\nInputNumber.displayName = 'Component:InputNumber';\n\nInputNumber.propTypes = {\n disabled: PropTypes.bool,\n hint: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),\n label: PropTypes.string,\n max: PropTypes.number,\n min: PropTypes.number,\n name: PropTypes.string.isRequired,\n required: PropTypes.bool,\n rounded: PropTypes.bool,\n showRequired: PropTypes.bool,\n step: PropTypes.number,\n value: PropTypes.number,\n onChange: PropTypes.func,\n aria: PropTypes.shape({\n buttonAdd: PropTypes.string,\n buttonRemove: PropTypes.string,\n }),\n};\n\nexport { InputNumber };\n"],"mappings":"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"}