@mirai/ui 1.0.40 → 1.0.42
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.
- package/build/components/Form/Form.constants.js +11 -0
- package/build/components/Form/Form.constants.js.map +1 -0
- package/build/components/Form/Form.js +15 -7
- package/build/components/Form/Form.js.map +1 -1
- package/build/components/InputOption/InputOption.js +1 -0
- package/build/components/InputOption/InputOption.js.map +1 -1
- package/build/components/InputOption/InputOption.module.css +1 -1
- package/build/components/InputOption/__tests__/__snapshots__/InputOption.test.js.snap +9 -0
- package/build/components/InputText/InputText.js +1 -0
- package/build/components/InputText/InputText.js.map +1 -1
- package/build/components/InputText/InputText.module.css +1 -0
- package/build/components/InputText/__tests__/__snapshots__/InputText.test.js.snap +1 -0
- package/build/components/Table/__tests__/__snapshots__/Table.test.js.snap +7 -0
- package/build/helpers/isValidDate.js +6 -4
- package/build/helpers/isValidDate.js.map +1 -1
- package/build/primitives/Checkbox/Checkbox.module.css +1 -0
- package/build/primitives/Layer/helpers/getLayerPosition.js +1 -1
- package/build/primitives/Layer/helpers/getLayerPosition.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.DEFAULT_TIMEOUT_ONERROR = exports.DEFAULT_TIMEOUT_ONCHANGE = void 0;
|
|
7
|
+
var DEFAULT_TIMEOUT_ONCHANGE = 0;
|
|
8
|
+
exports.DEFAULT_TIMEOUT_ONCHANGE = DEFAULT_TIMEOUT_ONCHANGE;
|
|
9
|
+
var DEFAULT_TIMEOUT_ONERROR = 10;
|
|
10
|
+
exports.DEFAULT_TIMEOUT_ONERROR = DEFAULT_TIMEOUT_ONERROR;
|
|
11
|
+
//# sourceMappingURL=Form.constants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Form.constants.js","names":["DEFAULT_TIMEOUT_ONCHANGE","DEFAULT_TIMEOUT_ONERROR"],"sources":["../../../src/components/Form/Form.constants.js"],"sourcesContent":["const DEFAULT_TIMEOUT_ONCHANGE = 0;\nconst DEFAULT_TIMEOUT_ONERROR = 10;\n\nexport { DEFAULT_TIMEOUT_ONCHANGE, DEFAULT_TIMEOUT_ONERROR };\n"],"mappings":";;;;;;AAAA,IAAMA,wBAAwB,GAAG,CAAjC;;AACA,IAAMC,uBAAuB,GAAG,EAAhC"}
|
|
@@ -11,6 +11,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
11
11
|
|
|
12
12
|
var _react = _interopRequireWildcard(require("react"));
|
|
13
13
|
|
|
14
|
+
var _Form = require("./Form.constants");
|
|
15
|
+
|
|
14
16
|
var _helpers = require("./helpers");
|
|
15
17
|
|
|
16
18
|
var _excluded = ["children", "debounce", "schema", "showErrors", "validateOnMount", "onBlur", "onChange", "onError", "onFocus", "onSubmit"];
|
|
@@ -46,7 +48,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
46
48
|
var Form = function Form(_ref) {
|
|
47
49
|
var children = _ref.children,
|
|
48
50
|
_ref$debounce = _ref.debounce,
|
|
49
|
-
debounce = _ref$debounce === void 0 ?
|
|
51
|
+
debounce = _ref$debounce === void 0 ? _Form.DEFAULT_TIMEOUT_ONCHANGE : _ref$debounce,
|
|
50
52
|
_ref$schema = _ref.schema,
|
|
51
53
|
schema = _ref$schema === void 0 ? {} : _ref$schema,
|
|
52
54
|
showErrors = _ref.showErrors,
|
|
@@ -82,6 +84,7 @@ var Form = function Form(_ref) {
|
|
|
82
84
|
(0, _react.useEffect)(function () {
|
|
83
85
|
var nextValues = (0, _helpers.getChildrenValues)(children);
|
|
84
86
|
var nextChildrenKeys = Object.keys(nextValues).sort();
|
|
87
|
+
if (!Object.keys(nextValues).length) return;
|
|
85
88
|
|
|
86
89
|
if (JSON.stringify(nextChildrenKeys) !== JSON.stringify(Object.keys(initialValue).sort())) {
|
|
87
90
|
setInitialValue(nextValues);
|
|
@@ -100,11 +103,16 @@ var Form = function Form(_ref) {
|
|
|
100
103
|
}
|
|
101
104
|
|
|
102
105
|
setTouched({});
|
|
106
|
+
} else {
|
|
107
|
+
var collision = nextChildrenKeys.some(function (key) {
|
|
108
|
+
return JSON.stringify(values[key]) !== JSON.stringify(nextValues[key]);
|
|
109
|
+
});
|
|
110
|
+
if (collision) setValues(nextValues);
|
|
103
111
|
} // eslint-disable-next-line react-hooks/exhaustive-deps
|
|
104
112
|
|
|
105
113
|
}, [children]);
|
|
106
114
|
(0, _react.useEffect)(function () {
|
|
107
|
-
if (!onChange || values === initialValue) return;
|
|
115
|
+
if (!onChange || values === initialValue || !Object.keys(values).length) return;
|
|
108
116
|
var timer = setTimeout(function () {
|
|
109
117
|
return onChange(values, (0, _helpers.groupState)({
|
|
110
118
|
initialValue: initialValue,
|
|
@@ -118,12 +126,12 @@ var Form = function Form(_ref) {
|
|
|
118
126
|
}, [values]);
|
|
119
127
|
|
|
120
128
|
var handleChange = function handleChange(field, fieldValue) {
|
|
121
|
-
|
|
122
|
-
var nextValues = _objectSpread(_objectSpread({}, values), {}, _defineProperty({}, field, fieldValue));
|
|
129
|
+
var nextValues = _objectSpread(_objectSpread({}, values), {}, _defineProperty({}, field, fieldValue));
|
|
123
130
|
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
131
|
+
setValues(nextValues);
|
|
132
|
+
setTimeout(function () {
|
|
133
|
+
return handleError(nextValues);
|
|
134
|
+
}, _Form.DEFAULT_TIMEOUT_ONERROR);
|
|
127
135
|
};
|
|
128
136
|
|
|
129
137
|
var handleError = function handleError(values) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Form.js","names":["Form","children","debounce","schema","showErrors","validateOnMount","onBlur","onChange","onError","onFocus","onSubmit","others","error","setError","initialValue","setInitialValue","touched","setTouched","values","setValues","nextValues","nextChildrenKeys","Object","keys","sort","JSON","stringify","nextError","timer","setTimeout","value","clearTimeout","handleChange","field","fieldValue","handleError","hasError","length","changed","errors","handleFocus","event","handleSubmit","preventDefault","style","React","Children","map","child","index","props","type","cloneElement","key","undefined","onPress","displayName","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 { getChildrenErrors, getChildrenValues, getField, groupState } from './helpers';\n\nconst Form = ({\n children,\n debounce = 0,\n schema = {},\n showErrors,\n validateOnMount = false,\n onBlur,\n onChange,\n onError,\n onFocus,\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 (JSON.stringify(nextChildrenKeys) !== JSON.stringify(Object.keys(initialValue).sort())) {\n setInitialValue(nextValues);\n setValues(nextValues);\n\n if (validateOnMount) {\n const nextError = getChildrenErrors({ children, schema, values: nextValues });\n setError(nextError);\n onError && onError(nextError);\n } else {\n setError({});\n }\n setTouched({});\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [children]);\n\n useEffect(() => {\n if (!onChange || values === initialValue) return;\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 setValues(() => {\n const nextValues = { ...values, [field]: fieldValue };\n\n handleError(nextValues);\n\n return nextValues;\n });\n };\n\n const handleError = (values) => {\n const nextError = getChildrenErrors({ children, schema, values });\n const hasError = Object.keys(nextError).length > 0;\n const changed = JSON.stringify(error) !== JSON.stringify(nextError);\n\n if (changed) {\n setError(nextError);\n onError && onError(nextError, hasError);\n }\n\n return { changed, errors: nextError, hasError };\n };\n\n const handleFocus = (field, event) => {\n setTouched({ ...touched, [field]: true });\n if (onFocus) onFocus(field, event);\n };\n\n const handleSubmit = (event) => {\n const { errors, hasError } = handleError(values);\n\n if (hasError && onError) onError(errors, hasError);\n else if (onSubmit) onSubmit(values, groupState({ initialValue, value: values, touched }), event);\n event.preventDefault();\n };\n\n return useMemo(\n () => (\n <form data-testid={others['data-testid']} style={others.style} onSubmit={handleSubmit}>\n {React.Children.map(children, (child, index) => {\n if (!child || child === null) return;\n\n const { props = {} } = 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: props.error ? props.error : showErrors && error[field],\n onBlur: onBlur ? (event) => onBlur(field, event) : undefined,\n onChange: (value) => handleChange(field, value),\n onFocus: (event) => handleFocus(field, event),\n }\n : type === 'submit'\n ? { ...props, onPress: handleSubmit }\n : undefined),\n });\n })}\n </form>\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 onBlur: PropTypes.func,\n onChange: PropTypes.func,\n onError: PropTypes.func,\n onFocus: PropTypes.func,\n onSubmit: PropTypes.func,\n};\n\nexport { Form };\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Form.js","names":["Form","children","debounce","DEFAULT_TIMEOUT_ONCHANGE","schema","showErrors","validateOnMount","onBlur","onChange","onError","onFocus","onSubmit","others","error","setError","initialValue","setInitialValue","touched","setTouched","values","setValues","nextValues","nextChildrenKeys","Object","keys","sort","length","JSON","stringify","nextError","collision","some","key","timer","setTimeout","value","clearTimeout","handleChange","field","fieldValue","handleError","DEFAULT_TIMEOUT_ONERROR","hasError","changed","errors","handleFocus","event","handleSubmit","preventDefault","style","React","Children","map","child","index","props","type","cloneElement","undefined","onPress","displayName","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 { DEFAULT_TIMEOUT_ONCHANGE, DEFAULT_TIMEOUT_ONERROR } from './Form.constants';\nimport { getChildrenErrors, getChildrenValues, getField, groupState } from './helpers';\n\nconst Form = ({\n children,\n debounce = DEFAULT_TIMEOUT_ONCHANGE,\n schema = {},\n showErrors,\n validateOnMount = false,\n onBlur,\n onChange,\n onError,\n onFocus,\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\n if (validateOnMount) {\n const nextError = getChildrenErrors({ children, schema, values: nextValues });\n setError(nextError);\n onError && onError(nextError);\n } else {\n setError({});\n }\n setTouched({});\n } else {\n const collision = nextChildrenKeys.some((key) => JSON.stringify(values[key]) !== JSON.stringify(nextValues[key]));\n if (collision) setValues(nextValues);\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 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 setTimeout(() => handleError(nextValues), DEFAULT_TIMEOUT_ONERROR);\n };\n\n const handleError = (values) => {\n const nextError = getChildrenErrors({ children, schema, values });\n const hasError = Object.keys(nextError).length > 0;\n const changed = JSON.stringify(error) !== JSON.stringify(nextError);\n\n if (changed) {\n setError(nextError);\n onError && onError(nextError, hasError);\n }\n\n return { changed, errors: nextError, hasError };\n };\n\n const handleFocus = (field, event) => {\n setTouched({ ...touched, [field]: true });\n if (onFocus) onFocus(field, event);\n };\n\n const handleSubmit = (event) => {\n const { errors, hasError } = handleError(values);\n\n if (hasError && onError) onError(errors, hasError);\n else if (onSubmit) onSubmit(values, groupState({ initialValue, value: values, touched }), event);\n event.preventDefault();\n };\n\n return useMemo(\n () => (\n <form data-testid={others['data-testid']} style={others.style} onSubmit={handleSubmit}>\n {React.Children.map(children, (child, index) => {\n if (!child || child === null) return;\n\n const { props = {} } = 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: props.error ? props.error : showErrors && error[field],\n onBlur: onBlur ? (event) => onBlur(field, event) : undefined,\n onChange: (value) => handleChange(field, value),\n onFocus: (event) => handleFocus(field, event),\n }\n : type === 'submit'\n ? { ...props, onPress: handleSubmit }\n : undefined),\n });\n })}\n </form>\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 onBlur: PropTypes.func,\n onChange: PropTypes.func,\n onError: PropTypes.func,\n onFocus: PropTypes.func,\n onSubmit: PropTypes.func,\n};\n\nexport { Form };\n"],"mappings":"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"}
|
|
@@ -49,6 +49,7 @@ var InputOption = function InputOption(_ref) {
|
|
|
49
49
|
|
|
50
50
|
return /*#__PURE__*/_react.default.createElement(_primitives.Pressable, _extends({}, others, {
|
|
51
51
|
style: others.style,
|
|
52
|
+
type: "button",
|
|
52
53
|
className: (0, _helpers.styles)(_InputOptionModule.default.inputOption, reverse && _InputOptionModule.default.reverse, others.className),
|
|
53
54
|
onPress: handleChange
|
|
54
55
|
}), /*#__PURE__*/_react.default.createElement(Primitive, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputOption.js","names":["InputOption","checked","disabled","label","name","reverse","type","CHECKBOX","value","onChange","others","Primitive","Checkbox","RADIO","Radio","Switch","handleChange","event","style","inputOption","className","icon","undefined","displayName","propTypes","PropTypes","bool","string","isRequired","oneOf","SWITCH","func"],"sources":["../../../src/components/InputOption/InputOption.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Checkbox, Icon, Pressable, Radio, Switch, Text } from '../../primitives';\nimport { CHECKBOX, RADIO, SWITCH } from './InputOption.constants';\nimport style from './InputOption.module.css';\n\nconst InputOption = ({\n checked,\n disabled,\n label,\n name,\n reverse,\n type = CHECKBOX,\n value = '',\n onChange = () => {},\n ...others\n}) => {\n const Primitive = type === CHECKBOX ? Checkbox : type === RADIO ? Radio : Switch;\n\n const handleChange = (event) => {\n onChange(type === CHECKBOX ? !checked : value, event);\n };\n\n return (\n <Pressable\n {...others}\n style={others.style}\n className={styles(style.inputOption, reverse && style.reverse, others.className)}\n onPress={handleChange}\n >\n <Primitive checked={checked} disabled={disabled} name={name} type={type} value={value}>\n {type === CHECKBOX && checked ? <Icon name=\"Check\" className={styles(style.icon)} /> : undefined}\n </Primitive>\n {label && <Text className={styles(style.label, disabled && style.disabled)}>{label}</Text>}\n </Pressable>\n );\n};\n\nInputOption.displayName = 'Component:InputOption';\n\nInputOption.propTypes = {\n checked: PropTypes.bool,\n disabled: PropTypes.bool,\n label: PropTypes.string,\n name: PropTypes.string.isRequired,\n reverse: PropTypes.bool,\n type: PropTypes.oneOf([CHECKBOX, RADIO, SWITCH]),\n value: PropTypes.string,\n onChange: PropTypes.func,\n};\n\nexport { InputOption };\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;;;AAEA,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAUd;EAAA,IATJC,OASI,QATJA,OASI;EAAA,IARJC,QAQI,QARJA,QAQI;EAAA,IAPJC,KAOI,QAPJA,KAOI;EAAA,IANJC,IAMI,QANJA,IAMI;EAAA,IALJC,OAKI,QALJA,OAKI;EAAA,qBAJJC,IAII;EAAA,IAJJA,IAII,0BAJGC,qBAIH;EAAA,sBAHJC,KAGI;EAAA,IAHJA,KAGI,2BAHI,EAGJ;EAAA,yBAFJC,QAEI;EAAA,IAFJA,QAEI,8BAFO,YAAM,CAAE,CAEf;EAAA,IADDC,MACC;;EACJ,IAAMC,SAAS,GAAGL,IAAI,KAAKC,qBAAT,GAAoBK,oBAApB,GAA+BN,IAAI,KAAKO,kBAAT,GAAiBC,iBAAjB,GAAyBC,kBAA1E;;EAEA,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAAW;IAC9BR,QAAQ,CAACH,IAAI,KAAKC,qBAAT,GAAoB,CAACN,OAArB,GAA+BO,KAAhC,EAAuCS,KAAvC,CAAR;EACD,CAFD;;EAIA,oBACE,6BAAC,qBAAD,eACMP,MADN;IAEE,KAAK,EAAEA,MAAM,CAACQ,KAFhB;IAGE,SAAS,EAAE,qBAAOA,2BAAMC,WAAb,EAA0Bd,OAAO,IAAIa,2BAAMb,OAA3C,EAAoDK,MAAM,CAACU,SAA3D,
|
|
1
|
+
{"version":3,"file":"InputOption.js","names":["InputOption","checked","disabled","label","name","reverse","type","CHECKBOX","value","onChange","others","Primitive","Checkbox","RADIO","Radio","Switch","handleChange","event","style","inputOption","className","icon","undefined","displayName","propTypes","PropTypes","bool","string","isRequired","oneOf","SWITCH","func"],"sources":["../../../src/components/InputOption/InputOption.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Checkbox, Icon, Pressable, Radio, Switch, Text } from '../../primitives';\nimport { CHECKBOX, RADIO, SWITCH } from './InputOption.constants';\nimport style from './InputOption.module.css';\n\nconst InputOption = ({\n checked,\n disabled,\n label,\n name,\n reverse,\n type = CHECKBOX,\n value = '',\n onChange = () => {},\n ...others\n}) => {\n const Primitive = type === CHECKBOX ? Checkbox : type === RADIO ? Radio : Switch;\n\n const handleChange = (event) => {\n onChange(type === CHECKBOX ? !checked : value, event);\n };\n\n return (\n <Pressable\n {...others}\n style={others.style}\n type=\"button\"\n className={styles(style.inputOption, reverse && style.reverse, others.className)}\n onPress={handleChange}\n >\n <Primitive checked={checked} disabled={disabled} name={name} type={type} value={value}>\n {type === CHECKBOX && checked ? <Icon name=\"Check\" className={styles(style.icon)} /> : undefined}\n </Primitive>\n {label && <Text className={styles(style.label, disabled && style.disabled)}>{label}</Text>}\n </Pressable>\n );\n};\n\nInputOption.displayName = 'Component:InputOption';\n\nInputOption.propTypes = {\n checked: PropTypes.bool,\n disabled: PropTypes.bool,\n label: PropTypes.string,\n name: PropTypes.string.isRequired,\n reverse: PropTypes.bool,\n type: PropTypes.oneOf([CHECKBOX, RADIO, SWITCH]),\n value: PropTypes.string,\n onChange: PropTypes.func,\n};\n\nexport { InputOption };\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;;;AAEA,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAUd;EAAA,IATJC,OASI,QATJA,OASI;EAAA,IARJC,QAQI,QARJA,QAQI;EAAA,IAPJC,KAOI,QAPJA,KAOI;EAAA,IANJC,IAMI,QANJA,IAMI;EAAA,IALJC,OAKI,QALJA,OAKI;EAAA,qBAJJC,IAII;EAAA,IAJJA,IAII,0BAJGC,qBAIH;EAAA,sBAHJC,KAGI;EAAA,IAHJA,KAGI,2BAHI,EAGJ;EAAA,yBAFJC,QAEI;EAAA,IAFJA,QAEI,8BAFO,YAAM,CAAE,CAEf;EAAA,IADDC,MACC;;EACJ,IAAMC,SAAS,GAAGL,IAAI,KAAKC,qBAAT,GAAoBK,oBAApB,GAA+BN,IAAI,KAAKO,kBAAT,GAAiBC,iBAAjB,GAAyBC,kBAA1E;;EAEA,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAAW;IAC9BR,QAAQ,CAACH,IAAI,KAAKC,qBAAT,GAAoB,CAACN,OAArB,GAA+BO,KAAhC,EAAuCS,KAAvC,CAAR;EACD,CAFD;;EAIA,oBACE,6BAAC,qBAAD,eACMP,MADN;IAEE,KAAK,EAAEA,MAAM,CAACQ,KAFhB;IAGE,IAAI,EAAC,QAHP;IAIE,SAAS,EAAE,qBAAOA,2BAAMC,WAAb,EAA0Bd,OAAO,IAAIa,2BAAMb,OAA3C,EAAoDK,MAAM,CAACU,SAA3D,CAJb;IAKE,OAAO,EAAEJ;EALX,iBAOE,6BAAC,SAAD;IAAW,OAAO,EAAEf,OAApB;IAA6B,QAAQ,EAAEC,QAAvC;IAAiD,IAAI,EAAEE,IAAvD;IAA6D,IAAI,EAAEE,IAAnE;IAAyE,KAAK,EAAEE;EAAhF,GACGF,IAAI,KAAKC,qBAAT,IAAqBN,OAArB,gBAA+B,6BAAC,gBAAD;IAAM,IAAI,EAAC,OAAX;IAAmB,SAAS,EAAE,qBAAOiB,2BAAMG,IAAb;EAA9B,EAA/B,GAAsFC,SADzF,CAPF,EAUGnB,KAAK,iBAAI,6BAAC,gBAAD;IAAM,SAAS,EAAE,qBAAOe,2BAAMf,KAAb,EAAoBD,QAAQ,IAAIgB,2BAAMhB,QAAtC;EAAjB,GAAmEC,KAAnE,CAVZ,CADF;AAcD,CA/BD;;;AAiCAH,WAAW,CAACuB,WAAZ,GAA0B,uBAA1B;AAEAvB,WAAW,CAACwB,SAAZ,GAAwB;EACtBvB,OAAO,EAAEwB,mBAAUC,IADG;EAEtBxB,QAAQ,EAAEuB,mBAAUC,IAFE;EAGtBvB,KAAK,EAAEsB,mBAAUE,MAHK;EAItBvB,IAAI,EAAEqB,mBAAUE,MAAV,CAAiBC,UAJD;EAKtBvB,OAAO,EAAEoB,mBAAUC,IALG;EAMtBpB,IAAI,EAAEmB,mBAAUI,KAAV,CAAgB,CAACtB,qBAAD,EAAWM,kBAAX,EAAkBiB,mBAAlB,CAAhB,CANgB;EAOtBtB,KAAK,EAAEiB,mBAAUE,MAPK;EAQtBlB,QAAQ,EAAEgB,mBAAUM;AARE,CAAxB"}
|
|
@@ -4,6 +4,7 @@ exports[`primitive:<InputOption> inherit:className 1`] = `
|
|
|
4
4
|
<DocumentFragment>
|
|
5
5
|
<button
|
|
6
6
|
class="pressable inputOption mirai"
|
|
7
|
+
type="button"
|
|
7
8
|
>
|
|
8
9
|
<div
|
|
9
10
|
class="checkbox"
|
|
@@ -23,6 +24,7 @@ exports[`primitive:<InputOption> prop:checked && disabled 1`] = `
|
|
|
23
24
|
<DocumentFragment>
|
|
24
25
|
<button
|
|
25
26
|
class="pressable inputOption"
|
|
27
|
+
type="button"
|
|
26
28
|
>
|
|
27
29
|
<div
|
|
28
30
|
class="checkbox"
|
|
@@ -63,6 +65,7 @@ exports[`primitive:<InputOption> prop:checked 1`] = `
|
|
|
63
65
|
<DocumentFragment>
|
|
64
66
|
<button
|
|
65
67
|
class="pressable inputOption"
|
|
68
|
+
type="button"
|
|
66
69
|
>
|
|
67
70
|
<div
|
|
68
71
|
class="checkbox"
|
|
@@ -102,6 +105,7 @@ exports[`primitive:<InputOption> prop:disabled 1`] = `
|
|
|
102
105
|
<DocumentFragment>
|
|
103
106
|
<button
|
|
104
107
|
class="pressable inputOption"
|
|
108
|
+
type="button"
|
|
105
109
|
>
|
|
106
110
|
<div
|
|
107
111
|
class="checkbox"
|
|
@@ -122,6 +126,7 @@ exports[`primitive:<InputOption> prop:label 1`] = `
|
|
|
122
126
|
<DocumentFragment>
|
|
123
127
|
<button
|
|
124
128
|
class="pressable inputOption"
|
|
129
|
+
type="button"
|
|
125
130
|
>
|
|
126
131
|
<div
|
|
127
132
|
class="checkbox"
|
|
@@ -146,6 +151,7 @@ exports[`primitive:<InputOption> prop:reverse + label 1`] = `
|
|
|
146
151
|
<DocumentFragment>
|
|
147
152
|
<button
|
|
148
153
|
class="pressable inputOption reverse"
|
|
154
|
+
type="button"
|
|
149
155
|
>
|
|
150
156
|
<div
|
|
151
157
|
class="checkbox"
|
|
@@ -170,6 +176,7 @@ exports[`primitive:<InputOption> prop:type 1`] = `
|
|
|
170
176
|
<DocumentFragment>
|
|
171
177
|
<button
|
|
172
178
|
class="pressable inputOption"
|
|
179
|
+
type="button"
|
|
173
180
|
>
|
|
174
181
|
<div
|
|
175
182
|
class="radio"
|
|
@@ -196,6 +203,7 @@ exports[`primitive:<InputOption> renders 1`] = `
|
|
|
196
203
|
<DocumentFragment>
|
|
197
204
|
<button
|
|
198
205
|
class="pressable inputOption"
|
|
206
|
+
type="button"
|
|
199
207
|
>
|
|
200
208
|
<div
|
|
201
209
|
class="checkbox"
|
|
@@ -216,6 +224,7 @@ exports[`primitive:<InputOption> testID 1`] = `
|
|
|
216
224
|
<button
|
|
217
225
|
class="pressable inputOption"
|
|
218
226
|
data-testid="mirai"
|
|
227
|
+
type="button"
|
|
219
228
|
>
|
|
220
229
|
<div
|
|
221
230
|
class="checkbox"
|
|
@@ -111,6 +111,7 @@ var InputText = function InputText(_ref) {
|
|
|
111
111
|
onEnter: handleEnter,
|
|
112
112
|
onLeave: handleLeave
|
|
113
113
|
})), is.password && !disabled && /*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
|
|
114
|
+
type: "button",
|
|
114
115
|
className: _InputTextModule.default.pressable,
|
|
115
116
|
onPress: function onPress() {
|
|
116
117
|
return setPassword(!password);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputText.js","names":["InputText","disabled","error","hint","icon","label","type","onChange","onEnter","onLeave","others","focus","setFocus","password","setPassword","handleChange","value","event","handleEnter","handleLeave","has","undefined","length","is","style","inputContainer","className","text","withIcon","inputBorder","left","input","iconLeft","pressable","displayName","propTypes","PropTypes","bool","string","multiLine","name","isRequired","func"],"sources":["../../../src/components/InputText/InputText.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, Input, Pressable, Text, View } from '../../primitives';\nimport style from './InputText.module.css';\n\nconst InputText = ({\n disabled,\n error,\n hint,\n icon,\n label,\n type,\n onChange = () => {},\n onEnter = () => {},\n onLeave = () => {},\n ...others\n}) => {\n const [focus, setFocus] = useState(false);\n const [password, setPassword] = useState(true);\n\n const handleChange = (value, event) => {\n onChange(value, event);\n };\n\n const handleEnter = (event) => {\n setFocus(true);\n onEnter(event);\n };\n\n const handleLeave = () => {\n setFocus(false);\n onLeave(event);\n };\n\n const has = {\n value: others.value !== undefined && others.value?.length > 0,\n };\n const is = { password: type === 'password' };\n\n return (\n <View className={styles(style.inputContainer, others.className)} style={others.style}>\n {label && (\n <Text\n className={styles(\n style.text,\n style.label,\n disabled && style.disabled,\n focus && style.focus,\n error && style.error,\n icon && style.withIcon,\n (focus || error || has.value) && style.value,\n )}\n >\n {label}\n </Text>\n )}\n\n <View\n row\n className={styles(\n style.inputBorder,\n disabled && style.disabled,\n error && style.error,\n focus && !error && style.focus,\n )}\n >\n {icon && <Icon name={icon} className={[style.icon, style.left]} />}\n <Input\n {...others}\n disabled={disabled}\n type={!is.password || password ? type : 'text'}\n value={others.value || ''}\n className={styles(style.input, icon && style.iconLeft)}\n style={undefined}\n onChange={handleChange}\n onEnter={handleEnter}\n onLeave={handleLeave}\n />\n {is.password && !disabled && (\n <Pressable className={style.pressable} onPress={() => setPassword(!password)}>\n <Icon name={password ? 'EyeClose' : 'EyeOpen'} />\n </Pressable>\n )}\n </View>\n\n {hint && (\n <Text small className={styles(style.text, style.hint, disabled && style.disabled, error && style.error)}>\n {hint}\n </Text>\n )}\n </View>\n );\n};\n\nInputText.displayName = 'Component:InputText';\n\nInputText.propTypes = {\n disabled: PropTypes.bool,\n error: PropTypes.bool,\n hint: PropTypes.string,\n icon: PropTypes.string,\n label: PropTypes.string,\n multiLine: PropTypes.bool,\n name: PropTypes.string.isRequired,\n type: PropTypes.string,\n onChange: PropTypes.func,\n onEnter: PropTypes.func,\n onLeave: PropTypes.func,\n};\n\nexport { InputText };\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAMA,SAAS,GAAG,SAAZA,SAAY,OAWZ;EAAA;;EAAA,IAVJC,QAUI,QAVJA,QAUI;EAAA,IATJC,KASI,QATJA,KASI;EAAA,IARJC,IAQI,QARJA,IAQI;EAAA,IAPJC,IAOI,QAPJA,IAOI;EAAA,IANJC,KAMI,QANJA,KAMI;EAAA,IALJC,IAKI,QALJA,IAKI;EAAA,yBAJJC,QAII;EAAA,IAJJA,QAII,8BAJO,YAAM,CAAE,CAIf;EAAA,wBAHJC,OAGI;EAAA,IAHJA,OAGI,6BAHM,YAAM,CAAE,CAGd;EAAA,wBAFJC,OAEI;EAAA,IAFJA,OAEI,6BAFM,YAAM,CAAE,CAEd;EAAA,IADDC,MACC;;EACJ,gBAA0B,qBAAS,KAAT,CAA1B;EAAA;EAAA,IAAOC,KAAP;EAAA,IAAcC,QAAd;;EACA,iBAAgC,qBAAS,IAAT,CAAhC;EAAA;EAAA,IAAOC,QAAP;EAAA,IAAiBC,WAAjB;;EAEA,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAAQC,KAAR,EAAkB;IACrCV,QAAQ,CAACS,KAAD,EAAQC,KAAR,CAAR;EACD,CAFD;;EAIA,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACD,KAAD,EAAW;IAC7BL,QAAQ,CAAC,IAAD,CAAR;IACAJ,OAAO,CAACS,KAAD,CAAP;EACD,CAHD;;EAKA,IAAME,WAAW,GAAG,SAAdA,WAAc,GAAM;IACxBP,QAAQ,CAAC,KAAD,CAAR;IACAH,OAAO,CAACQ,KAAD,CAAP;EACD,CAHD;;EAKA,IAAMG,GAAG,GAAG;IACVJ,KAAK,EAAEN,MAAM,CAACM,KAAP,KAAiBK,SAAjB,IAA8B,kBAAAX,MAAM,CAACM,KAAP,gEAAcM,MAAd,IAAuB;EADlD,CAAZ;EAGA,IAAMC,EAAE,GAAG;IAAEV,QAAQ,EAAEP,IAAI,KAAK;EAArB,CAAX;EAEA,oBACE,6BAAC,gBAAD;IAAM,SAAS,EAAE,qBAAOkB,yBAAMC,cAAb,EAA6Bf,MAAM,CAACgB,SAApC,CAAjB;IAAiE,KAAK,EAAEhB,MAAM,CAACc;EAA/E,GACGnB,KAAK,iBACJ,6BAAC,gBAAD;IACE,SAAS,EAAE,qBACTmB,yBAAMG,IADG,EAETH,yBAAMnB,KAFG,EAGTJ,QAAQ,IAAIuB,yBAAMvB,QAHT,EAITU,KAAK,IAAIa,yBAAMb,KAJN,EAKTT,KAAK,IAAIsB,yBAAMtB,KALN,EAMTE,IAAI,IAAIoB,yBAAMI,QANL,EAOT,CAACjB,KAAK,IAAIT,KAAT,IAAkBkB,GAAG,CAACJ,KAAvB,KAAiCQ,yBAAMR,KAP9B;EADb,GAWGX,KAXH,CAFJ,eAiBE,6BAAC,gBAAD;IACE,GAAG,MADL;IAEE,SAAS,EAAE,qBACTmB,yBAAMK,WADG,EAET5B,QAAQ,IAAIuB,yBAAMvB,QAFT,EAGTC,KAAK,IAAIsB,yBAAMtB,KAHN,EAITS,KAAK,IAAI,CAACT,KAAV,IAAmBsB,yBAAMb,KAJhB;EAFb,GASGP,IAAI,iBAAI,6BAAC,gBAAD;IAAM,IAAI,EAAEA,IAAZ;IAAkB,SAAS,EAAE,CAACoB,yBAAMpB,IAAP,EAAaoB,yBAAMM,IAAnB;EAA7B,EATX,eAUE,6BAAC,iBAAD,eACMpB,MADN;IAEE,QAAQ,EAAET,QAFZ;IAGE,IAAI,EAAE,CAACsB,EAAE,CAACV,QAAJ,IAAgBA,QAAhB,GAA2BP,IAA3B,GAAkC,MAH1C;IAIE,KAAK,EAAEI,MAAM,CAACM,KAAP,IAAgB,EAJzB;IAKE,SAAS,EAAE,qBAAOQ,yBAAMO,KAAb,EAAoB3B,IAAI,IAAIoB,yBAAMQ,QAAlC,CALb;IAME,KAAK,EAAEX,SANT;IAOE,QAAQ,EAAEN,YAPZ;IAQE,OAAO,EAAEG,WARX;IASE,OAAO,EAAEC;EATX,GAVF,EAqBGI,EAAE,CAACV,QAAH,IAAe,CAACZ,QAAhB,iBACC,6BAAC,qBAAD;IAAW,SAAS,EAAEuB,yBAAMS,
|
|
1
|
+
{"version":3,"file":"InputText.js","names":["InputText","disabled","error","hint","icon","label","type","onChange","onEnter","onLeave","others","focus","setFocus","password","setPassword","handleChange","value","event","handleEnter","handleLeave","has","undefined","length","is","style","inputContainer","className","text","withIcon","inputBorder","left","input","iconLeft","pressable","displayName","propTypes","PropTypes","bool","string","multiLine","name","isRequired","func"],"sources":["../../../src/components/InputText/InputText.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, Input, Pressable, Text, View } from '../../primitives';\nimport style from './InputText.module.css';\n\nconst InputText = ({\n disabled,\n error,\n hint,\n icon,\n label,\n type,\n onChange = () => {},\n onEnter = () => {},\n onLeave = () => {},\n ...others\n}) => {\n const [focus, setFocus] = useState(false);\n const [password, setPassword] = useState(true);\n\n const handleChange = (value, event) => {\n onChange(value, event);\n };\n\n const handleEnter = (event) => {\n setFocus(true);\n onEnter(event);\n };\n\n const handleLeave = () => {\n setFocus(false);\n onLeave(event);\n };\n\n const has = {\n value: others.value !== undefined && others.value?.length > 0,\n };\n const is = { password: type === 'password' };\n\n return (\n <View className={styles(style.inputContainer, others.className)} style={others.style}>\n {label && (\n <Text\n className={styles(\n style.text,\n style.label,\n disabled && style.disabled,\n focus && style.focus,\n error && style.error,\n icon && style.withIcon,\n (focus || error || has.value) && style.value,\n )}\n >\n {label}\n </Text>\n )}\n\n <View\n row\n className={styles(\n style.inputBorder,\n disabled && style.disabled,\n error && style.error,\n focus && !error && style.focus,\n )}\n >\n {icon && <Icon name={icon} className={[style.icon, style.left]} />}\n <Input\n {...others}\n disabled={disabled}\n type={!is.password || password ? type : 'text'}\n value={others.value || ''}\n className={styles(style.input, icon && style.iconLeft)}\n style={undefined}\n onChange={handleChange}\n onEnter={handleEnter}\n onLeave={handleLeave}\n />\n {is.password && !disabled && (\n <Pressable type=\"button\" className={style.pressable} onPress={() => setPassword(!password)}>\n <Icon name={password ? 'EyeClose' : 'EyeOpen'} />\n </Pressable>\n )}\n </View>\n\n {hint && (\n <Text small className={styles(style.text, style.hint, disabled && style.disabled, error && style.error)}>\n {hint}\n </Text>\n )}\n </View>\n );\n};\n\nInputText.displayName = 'Component:InputText';\n\nInputText.propTypes = {\n disabled: PropTypes.bool,\n error: PropTypes.bool,\n hint: PropTypes.string,\n icon: PropTypes.string,\n label: PropTypes.string,\n multiLine: PropTypes.bool,\n name: PropTypes.string.isRequired,\n type: PropTypes.string,\n onChange: PropTypes.func,\n onEnter: PropTypes.func,\n onLeave: PropTypes.func,\n};\n\nexport { InputText };\n"],"mappings":"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"}
|
|
@@ -631,6 +631,7 @@ exports[`component:<Table> prop:onSelect 1`] = `
|
|
|
631
631
|
<button
|
|
632
632
|
class="pressable inputOption checkbox"
|
|
633
633
|
data-testid="onSelect-0-checkbox"
|
|
634
|
+
type="button"
|
|
634
635
|
>
|
|
635
636
|
<div
|
|
636
637
|
class="checkbox"
|
|
@@ -701,6 +702,7 @@ exports[`component:<Table> prop:onSelect 1`] = `
|
|
|
701
702
|
<button
|
|
702
703
|
class="pressable inputOption checkbox"
|
|
703
704
|
data-testid="onSelect-1-checkbox"
|
|
705
|
+
type="button"
|
|
704
706
|
>
|
|
705
707
|
<div
|
|
706
708
|
class="checkbox"
|
|
@@ -771,6 +773,7 @@ exports[`component:<Table> prop:onSelect 1`] = `
|
|
|
771
773
|
<button
|
|
772
774
|
class="pressable inputOption checkbox"
|
|
773
775
|
data-testid="onSelect-2-checkbox"
|
|
776
|
+
type="button"
|
|
774
777
|
>
|
|
775
778
|
<div
|
|
776
779
|
class="checkbox"
|
|
@@ -841,6 +844,7 @@ exports[`component:<Table> prop:onSelect 1`] = `
|
|
|
841
844
|
<button
|
|
842
845
|
class="pressable inputOption checkbox"
|
|
843
846
|
data-testid="onSelect-3-checkbox"
|
|
847
|
+
type="button"
|
|
844
848
|
>
|
|
845
849
|
<div
|
|
846
850
|
class="checkbox"
|
|
@@ -915,6 +919,7 @@ exports[`component:<Table> prop:onSelect 1`] = `
|
|
|
915
919
|
<button
|
|
916
920
|
class="pressable inputOption checkbox"
|
|
917
921
|
data-testid="onSelect-4-checkbox"
|
|
922
|
+
type="button"
|
|
918
923
|
>
|
|
919
924
|
<div
|
|
920
925
|
class="checkbox"
|
|
@@ -987,6 +992,7 @@ exports[`component:<Table> prop:onSelect 1`] = `
|
|
|
987
992
|
<button
|
|
988
993
|
class="pressable inputOption checkbox"
|
|
989
994
|
data-testid="onSelect-5-checkbox"
|
|
995
|
+
type="button"
|
|
990
996
|
>
|
|
991
997
|
<div
|
|
992
998
|
class="checkbox"
|
|
@@ -1057,6 +1063,7 @@ exports[`component:<Table> prop:onSelect 1`] = `
|
|
|
1057
1063
|
<button
|
|
1058
1064
|
class="pressable inputOption checkbox"
|
|
1059
1065
|
data-testid="onSelect-6-checkbox"
|
|
1066
|
+
type="button"
|
|
1060
1067
|
>
|
|
1061
1068
|
<div
|
|
1062
1069
|
class="checkbox"
|
|
@@ -29,7 +29,8 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
|
29
29
|
|
|
30
30
|
var getDateProps = function getDateProps() {
|
|
31
31
|
var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
32
|
-
|
|
32
|
+
var delimiter = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '-';
|
|
33
|
+
return value.split(delimiter).map(function (part) {
|
|
33
34
|
return part ? parseInt(part, 10) : undefined;
|
|
34
35
|
});
|
|
35
36
|
};
|
|
@@ -42,10 +43,11 @@ var isValidDate = function isValidDate() {
|
|
|
42
43
|
var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
43
44
|
|
|
44
45
|
var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
|
|
46
|
+
delimiter = _ref.delimiter,
|
|
45
47
|
min = _ref.min,
|
|
46
48
|
max = _ref.max;
|
|
47
49
|
|
|
48
|
-
var _getDateProps = getDateProps(value),
|
|
50
|
+
var _getDateProps = getDateProps(value, delimiter),
|
|
49
51
|
_getDateProps2 = _slicedToArray(_getDateProps, 3),
|
|
50
52
|
year = _getDateProps2[0],
|
|
51
53
|
month = _getDateProps2[1],
|
|
@@ -57,8 +59,8 @@ var isValidDate = function isValidDate() {
|
|
|
57
59
|
var inRange = true;
|
|
58
60
|
|
|
59
61
|
if (min || max) {
|
|
60
|
-
var minTs = min ? (0, _locale.UTC)(new Date(createDate.apply(void 0, _toConsumableArray(getDateProps(min))))) : undefined;
|
|
61
|
-
var maxTs = max ? (0, _locale.UTC)(new Date(createDate.apply(void 0, _toConsumableArray(getDateProps(max))))) : undefined;
|
|
62
|
+
var minTs = min ? (0, _locale.UTC)(new Date(createDate.apply(void 0, _toConsumableArray(getDateProps(min, delimiter))))) : undefined;
|
|
63
|
+
var maxTs = max ? (0, _locale.UTC)(new Date(createDate.apply(void 0, _toConsumableArray(getDateProps(max, delimiter))))) : undefined;
|
|
62
64
|
var dateTs = date.getTime();
|
|
63
65
|
var inMinRange = minTs ? dateTs >= minTs : true;
|
|
64
66
|
var inMaxRange = maxTs ? dateTs <= maxTs : true;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"isValidDate.js","names":["getDateProps","value","split","map","part","parseInt","undefined","createDate","year","month","day","Date","isValidDate","min","max","date","isValid","getFullYear","getMonth","getDate","inRange","minTs","maxTs","dateTs","getTime","inMinRange","inMaxRange"],"sources":["../../src/helpers/isValidDate.js"],"sourcesContent":["import { UTC } from '@mirai/locale';\n\nconst getDateProps = (value = '')
|
|
1
|
+
{"version":3,"file":"isValidDate.js","names":["getDateProps","value","delimiter","split","map","part","parseInt","undefined","createDate","year","month","day","Date","isValidDate","min","max","date","isValid","getFullYear","getMonth","getDate","inRange","minTs","maxTs","dateTs","getTime","inMinRange","inMaxRange"],"sources":["../../src/helpers/isValidDate.js"],"sourcesContent":["import { UTC } from '@mirai/locale';\n\nconst getDateProps = (value = '', delimiter = '-') =>\n value.split(delimiter).map((part) => (part ? parseInt(part, 10) : undefined));\n\nconst createDate = (year, month, day) => UTC(new Date(year, month - 1, day, 12, 0, 0));\n\nexport const isValidDate = (value = '', { delimiter, min, max } = {}) => {\n const [year, month, day] = getDateProps(value, delimiter);\n if (!year || !month || !day) return false;\n\n const date = createDate(year, month, day);\n\n const isValid =\n parseInt(year, 10) === date.getFullYear() &&\n parseInt(month, 10) === date.getMonth() + 1 &&\n parseInt(day, 10) === date.getDate();\n\n let inRange = true;\n if (min || max) {\n const minTs = min ? UTC(new Date(createDate(...getDateProps(min, delimiter)))) : undefined;\n const maxTs = max ? UTC(new Date(createDate(...getDateProps(max, delimiter)))) : undefined;\n const dateTs = date.getTime();\n\n const inMinRange = minTs ? dateTs >= minTs : true;\n const inMaxRange = maxTs ? dateTs <= maxTs : true;\n\n inRange = inMinRange && inMaxRange;\n }\n\n return isValid && inRange;\n};\n"],"mappings":";;;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAMA,YAAY,GAAG,SAAfA,YAAe;EAAA,IAACC,KAAD,uEAAS,EAAT;EAAA,IAAaC,SAAb,uEAAyB,GAAzB;EAAA,OACnBD,KAAK,CAACE,KAAN,CAAYD,SAAZ,EAAuBE,GAAvB,CAA2B,UAACC,IAAD;IAAA,OAAWA,IAAI,GAAGC,QAAQ,CAACD,IAAD,EAAO,EAAP,CAAX,GAAwBE,SAAvC;EAAA,CAA3B,CADmB;AAAA,CAArB;;AAGA,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAACC,IAAD,EAAOC,KAAP,EAAcC,GAAd;EAAA,OAAsB,iBAAI,IAAIC,IAAJ,CAASH,IAAT,EAAeC,KAAK,GAAG,CAAvB,EAA0BC,GAA1B,EAA+B,EAA/B,EAAmC,CAAnC,EAAsC,CAAtC,CAAJ,CAAtB;AAAA,CAAnB;;AAEO,IAAME,WAAW,GAAG,SAAdA,WAAc,GAA8C;EAAA,IAA7CZ,KAA6C,uEAArC,EAAqC;;EAAA,+EAAP,EAAO;EAAA,IAA/BC,SAA+B,QAA/BA,SAA+B;EAAA,IAApBY,GAAoB,QAApBA,GAAoB;EAAA,IAAfC,GAAe,QAAfA,GAAe;;EACvE,oBAA2Bf,YAAY,CAACC,KAAD,EAAQC,SAAR,CAAvC;EAAA;EAAA,IAAOO,IAAP;EAAA,IAAaC,KAAb;EAAA,IAAoBC,GAApB;;EACA,IAAI,CAACF,IAAD,IAAS,CAACC,KAAV,IAAmB,CAACC,GAAxB,EAA6B,OAAO,KAAP;EAE7B,IAAMK,IAAI,GAAGR,UAAU,CAACC,IAAD,EAAOC,KAAP,EAAcC,GAAd,CAAvB;EAEA,IAAMM,OAAO,GACXX,QAAQ,CAACG,IAAD,EAAO,EAAP,CAAR,KAAuBO,IAAI,CAACE,WAAL,EAAvB,IACAZ,QAAQ,CAACI,KAAD,EAAQ,EAAR,CAAR,KAAwBM,IAAI,CAACG,QAAL,KAAkB,CAD1C,IAEAb,QAAQ,CAACK,GAAD,EAAM,EAAN,CAAR,KAAsBK,IAAI,CAACI,OAAL,EAHxB;EAKA,IAAIC,OAAO,GAAG,IAAd;;EACA,IAAIP,GAAG,IAAIC,GAAX,EAAgB;IACd,IAAMO,KAAK,GAAGR,GAAG,GAAG,iBAAI,IAAIF,IAAJ,CAASJ,UAAU,MAAV,4BAAcR,YAAY,CAACc,GAAD,EAAMZ,SAAN,CAA1B,EAAT,CAAJ,CAAH,GAAgEK,SAAjF;IACA,IAAMgB,KAAK,GAAGR,GAAG,GAAG,iBAAI,IAAIH,IAAJ,CAASJ,UAAU,MAAV,4BAAcR,YAAY,CAACe,GAAD,EAAMb,SAAN,CAA1B,EAAT,CAAJ,CAAH,GAAgEK,SAAjF;IACA,IAAMiB,MAAM,GAAGR,IAAI,CAACS,OAAL,EAAf;IAEA,IAAMC,UAAU,GAAGJ,KAAK,GAAGE,MAAM,IAAIF,KAAb,GAAqB,IAA7C;IACA,IAAMK,UAAU,GAAGJ,KAAK,GAAGC,MAAM,IAAID,KAAb,GAAqB,IAA7C;IAEAF,OAAO,GAAGK,UAAU,IAAIC,UAAxB;EACD;;EAED,OAAOV,OAAO,IAAII,OAAlB;AACD,CAxBM"}
|
|
@@ -36,7 +36,7 @@ var getLayerPosition = function getLayerPosition() {
|
|
|
36
36
|
var top = componentTop + componentHeight;
|
|
37
37
|
var gapTop = componentTop;
|
|
38
38
|
var gapBottom = height - top;
|
|
39
|
-
if (
|
|
39
|
+
if (contentHeight > gapBottom && gapTop > gapBottom && !forceBottom || forceTop) top = componentTop - contentHeight;
|
|
40
40
|
var left = componentLeft;
|
|
41
41
|
var gapLeft = componentLeft + componentWidth;
|
|
42
42
|
var gapRight = width - componentLeft;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getLayerPosition.js","names":["getLayerPosition","componentLayout","contentLayout","device","centered","forceBottom","forceLeft","forceRight","forceTop","left","componentLeft","top","componentTop","width","componentWidth","height","componentHeight","contentWidth","contentHeight","gapTop","gapBottom","gapLeft","gapRight","gapCenter","space"],"sources":["../../../../src/primitives/Layer/helpers/getLayerPosition.js"],"sourcesContent":["export const getLayerPosition = (\n componentLayout = {},\n contentLayout = {},\n device = {},\n { centered, forceBottom, forceLeft, forceRight, forceTop } = {},\n) => {\n const {\n left: componentLeft = 0,\n top: componentTop = 0,\n width: componentWidth = 0,\n height: componentHeight = 0,\n } = componentLayout;\n const { width: contentWidth = 0, height: contentHeight = 0 } = contentLayout;\n const { height = 0, width = 0 } = device;\n\n let top = componentTop + componentHeight;\n const gapTop = componentTop;\n const gapBottom = height - top;\n if ((
|
|
1
|
+
{"version":3,"file":"getLayerPosition.js","names":["getLayerPosition","componentLayout","contentLayout","device","centered","forceBottom","forceLeft","forceRight","forceTop","left","componentLeft","top","componentTop","width","componentWidth","height","componentHeight","contentWidth","contentHeight","gapTop","gapBottom","gapLeft","gapRight","gapCenter","space"],"sources":["../../../../src/primitives/Layer/helpers/getLayerPosition.js"],"sourcesContent":["export const getLayerPosition = (\n componentLayout = {},\n contentLayout = {},\n device = {},\n { centered, forceBottom, forceLeft, forceRight, forceTop } = {},\n) => {\n const {\n left: componentLeft = 0,\n top: componentTop = 0,\n width: componentWidth = 0,\n height: componentHeight = 0,\n } = componentLayout;\n const { width: contentWidth = 0, height: contentHeight = 0 } = contentLayout;\n const { height = 0, width = 0 } = device;\n\n let top = componentTop + componentHeight;\n const gapTop = componentTop;\n const gapBottom = height - top;\n if ((contentHeight > gapBottom && gapTop > gapBottom && !forceBottom) || forceTop) top = componentTop - contentHeight;\n\n let left = componentLeft;\n const gapLeft = componentLeft + componentWidth;\n const gapRight = width - componentLeft;\n\n if ((contentWidth > gapRight && gapLeft > gapRight && !forceLeft) || forceRight)\n left = componentLeft - contentWidth + componentWidth;\n\n if (centered) {\n const gapCenter = (componentWidth + contentWidth) / 2;\n const space = (contentWidth - componentWidth) / 2;\n if (gapLeft > gapRight) left = componentLeft - contentWidth + componentWidth;\n if (gapLeft > gapCenter && gapRight > gapCenter) left += space * (gapLeft > gapRight ? 1 : -1);\n }\n\n return { left, top };\n};\n"],"mappings":";;;;;;;AAAO,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,GAK3B;EAAA,IAJHC,eAIG,uEAJe,EAIf;EAAA,IAHHC,aAGG,uEAHa,EAGb;EAAA,IAFHC,MAEG,uEAFM,EAEN;;EAAA,+EAD0D,EAC1D;EAAA,IADDC,QACC,QADDA,QACC;EAAA,IADSC,WACT,QADSA,WACT;EAAA,IADsBC,SACtB,QADsBA,SACtB;EAAA,IADiCC,UACjC,QADiCA,UACjC;EAAA,IAD6CC,QAC7C,QAD6CA,QAC7C;;EACH,4BAKIP,eALJ,CACEQ,IADF;EAAA,IACQC,aADR,sCACwB,CADxB;EAAA,2BAKIT,eALJ,CAEEU,GAFF;EAAA,IAEOC,YAFP,qCAEsB,CAFtB;EAAA,4BAKIX,eALJ,CAGEY,KAHF;EAAA,IAGSC,cAHT,sCAG0B,CAH1B;EAAA,4BAKIb,eALJ,CAIEc,MAJF;EAAA,IAIUC,eAJV,sCAI4B,CAJ5B;EAMA,2BAA+Dd,aAA/D,CAAQW,KAAR;EAAA,IAAeI,YAAf,qCAA8B,CAA9B;EAAA,4BAA+Df,aAA/D,CAAiCa,MAAjC;EAAA,IAAyCG,aAAzC,sCAAyD,CAAzD;EACA,qBAAkCf,MAAlC,CAAQY,MAAR;EAAA,IAAQA,MAAR,+BAAiB,CAAjB;EAAA,oBAAkCZ,MAAlC,CAAoBU,KAApB;EAAA,IAAoBA,KAApB,8BAA4B,CAA5B;EAEA,IAAIF,GAAG,GAAGC,YAAY,GAAGI,eAAzB;EACA,IAAMG,MAAM,GAAGP,YAAf;EACA,IAAMQ,SAAS,GAAGL,MAAM,GAAGJ,GAA3B;EACA,IAAKO,aAAa,GAAGE,SAAhB,IAA6BD,MAAM,GAAGC,SAAtC,IAAmD,CAACf,WAArD,IAAqEG,QAAzE,EAAmFG,GAAG,GAAGC,YAAY,GAAGM,aAArB;EAEnF,IAAIT,IAAI,GAAGC,aAAX;EACA,IAAMW,OAAO,GAAGX,aAAa,GAAGI,cAAhC;EACA,IAAMQ,QAAQ,GAAGT,KAAK,GAAGH,aAAzB;EAEA,IAAKO,YAAY,GAAGK,QAAf,IAA2BD,OAAO,GAAGC,QAArC,IAAiD,CAAChB,SAAnD,IAAiEC,UAArE,EACEE,IAAI,GAAGC,aAAa,GAAGO,YAAhB,GAA+BH,cAAtC;;EAEF,IAAIV,QAAJ,EAAc;IACZ,IAAMmB,SAAS,GAAG,CAACT,cAAc,GAAGG,YAAlB,IAAkC,CAApD;IACA,IAAMO,KAAK,GAAG,CAACP,YAAY,GAAGH,cAAhB,IAAkC,CAAhD;IACA,IAAIO,OAAO,GAAGC,QAAd,EAAwBb,IAAI,GAAGC,aAAa,GAAGO,YAAhB,GAA+BH,cAAtC;IACxB,IAAIO,OAAO,GAAGE,SAAV,IAAuBD,QAAQ,GAAGC,SAAtC,EAAiDd,IAAI,IAAIe,KAAK,IAAIH,OAAO,GAAGC,QAAV,GAAqB,CAArB,GAAyB,CAAC,CAA9B,CAAb;EAClD;;EAED,OAAO;IAAEb,IAAI,EAAJA,IAAF;IAAQE,GAAG,EAAHA;EAAR,CAAP;AACD,CAnCM"}
|