@mirai/ui 1.0.131 → 1.0.133
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/README.md +1 -0
- package/build/components/InputDate/InputDate.js +23 -97
- package/build/components/InputDate/InputDate.js.map +1 -1
- package/build/components/InputDate/InputDate.stories.js +9 -3
- package/build/components/InputDate/InputDate.stories.js.map +1 -1
- package/build/components/InputDate/__tests__/__snapshots__/InputDate.test.js.snap +65 -1406
- package/build/components/InputDate/helpers/formatValue.js +38 -0
- package/build/components/InputDate/helpers/formatValue.js.map +1 -0
- package/build/components/InputDate/helpers/index.js +17 -0
- package/build/components/InputDate/helpers/index.js.map +1 -0
- package/build/components/InputOption/InputOption.js +1 -0
- package/build/components/InputOption/InputOption.js.map +1 -1
- package/build/components/Modal/Modal.js +5 -1
- package/build/components/Modal/Modal.js.map +1 -1
- package/build/helpers/getInputDateErrors.js +2 -9
- package/build/helpers/getInputDateErrors.js.map +1 -1
- package/build/helpers/getInputPhoneErrors.js +2 -2
- package/build/helpers/getInputPhoneErrors.js.map +1 -1
- package/build/helpers/index.js +0 -11
- package/build/helpers/index.js.map +1 -1
- package/package.json +1 -1
- package/build/components/InputDate/InputDate.module.css +0 -37
- package/build/helpers/splitDate.js +0 -16
- package/build/helpers/splitDate.js.map +0 -1
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.formatValue = void 0;
|
|
7
|
+
var _locale = require("@mirai/locale");
|
|
8
|
+
var DELIMITERS = ['/', '.', '-'];
|
|
9
|
+
var formatValue = function formatValue() {
|
|
10
|
+
var nextValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
11
|
+
var format = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _locale.DEFAULT_DATE_FORMAT;
|
|
12
|
+
var stateValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
|
|
13
|
+
var delimiter = DELIMITERS.find(function (item) {
|
|
14
|
+
return format.includes(item);
|
|
15
|
+
}) || DELIMITERS[0];
|
|
16
|
+
var increase = nextValue.length > stateValue.length;
|
|
17
|
+
var result;
|
|
18
|
+
if (increase) {
|
|
19
|
+
nextValue = nextValue.replace(/[^\d]/g, '');
|
|
20
|
+
if (nextValue === stateValue) return;
|
|
21
|
+
result = '';
|
|
22
|
+
var index = 0;
|
|
23
|
+
Array.from(format).forEach(function (char, charIndex) {
|
|
24
|
+
if (char !== delimiter) {
|
|
25
|
+
var nextChar = nextValue.substr(index, 1);
|
|
26
|
+
if (!nextChar) return;
|
|
27
|
+
result += nextChar;
|
|
28
|
+
if (format.substr(charIndex + 1, 1) === delimiter) result += delimiter;
|
|
29
|
+
index++;
|
|
30
|
+
}
|
|
31
|
+
});
|
|
32
|
+
} else {
|
|
33
|
+
if (stateValue.charAt(stateValue.length - 1) === delimiter) result = nextValue.slice(0, -1);else result = nextValue;
|
|
34
|
+
}
|
|
35
|
+
return result !== undefined ? result.substr(0, format.length) : undefined;
|
|
36
|
+
};
|
|
37
|
+
exports.formatValue = formatValue;
|
|
38
|
+
//# sourceMappingURL=formatValue.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"formatValue.js","names":["DELIMITERS","formatValue","nextValue","format","DEFAULT_DATE_FORMAT","stateValue","delimiter","find","item","includes","increase","length","result","replace","index","Array","from","forEach","char","charIndex","nextChar","substr","charAt","slice","undefined"],"sources":["../../../../src/components/InputDate/helpers/formatValue.js"],"sourcesContent":["import { DEFAULT_DATE_FORMAT } from '@mirai/locale';\n\nconst DELIMITERS = ['/', '.', '-'];\n\nexport const formatValue = (nextValue = '', format = DEFAULT_DATE_FORMAT, stateValue = '') => {\n const delimiter = DELIMITERS.find((item) => format.includes(item)) || DELIMITERS[0];\n const increase = nextValue.length > stateValue.length;\n let result;\n\n if (increase) {\n nextValue = nextValue.replace(/[^\\d]/g, '');\n if (nextValue === stateValue) return;\n\n result = '';\n let index = 0;\n Array.from(format).forEach((char, charIndex) => {\n if (char !== delimiter) {\n const nextChar = nextValue.substr(index, 1);\n if (!nextChar) return;\n\n result += nextChar;\n if (format.substr(charIndex + 1, 1) === delimiter) result += delimiter;\n index++;\n }\n });\n } else {\n if (stateValue.charAt(stateValue.length - 1) === delimiter) result = nextValue.slice(0, -1);\n else result = nextValue;\n }\n\n return result !== undefined ? result.substr(0, format.length) : undefined;\n};\n"],"mappings":";;;;;;AAAA;AAEA,IAAMA,UAAU,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;AAE3B,IAAMC,WAAW,GAAG,SAAdA,WAAW,GAAsE;EAAA,IAAlEC,SAAS,uEAAG,EAAE;EAAA,IAAEC,MAAM,uEAAGC,2BAAmB;EAAA,IAAEC,UAAU,uEAAG,EAAE;EACvF,IAAMC,SAAS,GAAGN,UAAU,CAACO,IAAI,CAAC,UAACC,IAAI;IAAA,OAAKL,MAAM,CAACM,QAAQ,CAACD,IAAI,CAAC;EAAA,EAAC,IAAIR,UAAU,CAAC,CAAC,CAAC;EACnF,IAAMU,QAAQ,GAAGR,SAAS,CAACS,MAAM,GAAGN,UAAU,CAACM,MAAM;EACrD,IAAIC,MAAM;EAEV,IAAIF,QAAQ,EAAE;IACZR,SAAS,GAAGA,SAAS,CAACW,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC;IAC3C,IAAIX,SAAS,KAAKG,UAAU,EAAE;IAE9BO,MAAM,GAAG,EAAE;IACX,IAAIE,KAAK,GAAG,CAAC;IACbC,KAAK,CAACC,IAAI,CAACb,MAAM,CAAC,CAACc,OAAO,CAAC,UAACC,IAAI,EAAEC,SAAS,EAAK;MAC9C,IAAID,IAAI,KAAKZ,SAAS,EAAE;QACtB,IAAMc,QAAQ,GAAGlB,SAAS,CAACmB,MAAM,CAACP,KAAK,EAAE,CAAC,CAAC;QAC3C,IAAI,CAACM,QAAQ,EAAE;QAEfR,MAAM,IAAIQ,QAAQ;QAClB,IAAIjB,MAAM,CAACkB,MAAM,CAACF,SAAS,GAAG,CAAC,EAAE,CAAC,CAAC,KAAKb,SAAS,EAAEM,MAAM,IAAIN,SAAS;QACtEQ,KAAK,EAAE;MACT;IACF,CAAC,CAAC;EACJ,CAAC,MAAM;IACL,IAAIT,UAAU,CAACiB,MAAM,CAACjB,UAAU,CAACM,MAAM,GAAG,CAAC,CAAC,KAAKL,SAAS,EAAEM,MAAM,GAAGV,SAAS,CAACqB,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KACvFX,MAAM,GAAGV,SAAS;EACzB;EAEA,OAAOU,MAAM,KAAKY,SAAS,GAAGZ,MAAM,CAACS,MAAM,CAAC,CAAC,EAAElB,MAAM,CAACQ,MAAM,CAAC,GAAGa,SAAS;AAC3E,CAAC;AAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
var _formatValue = require("./formatValue");
|
|
7
|
+
Object.keys(_formatValue).forEach(function (key) {
|
|
8
|
+
if (key === "default" || key === "__esModule") return;
|
|
9
|
+
if (key in exports && exports[key] === _formatValue[key]) return;
|
|
10
|
+
Object.defineProperty(exports, key, {
|
|
11
|
+
enumerable: true,
|
|
12
|
+
get: function get() {
|
|
13
|
+
return _formatValue[key];
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
});
|
|
17
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/InputDate/helpers/index.js"],"sourcesContent":["export * from './formatValue';\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
|
|
@@ -35,6 +35,7 @@ var InputOption = function InputOption(_ref) {
|
|
|
35
35
|
onChange([_InputOption.CHECKBOX, _InputOption.SWITCH].includes(type) ? !checked : value, event);
|
|
36
36
|
};
|
|
37
37
|
return /*#__PURE__*/_react.default.createElement(_primitives.Pressable, _extends({}, others, {
|
|
38
|
+
preventDefault: false,
|
|
38
39
|
onPress: handleChange,
|
|
39
40
|
className: (0, _helpers.styles)(_InputOptionModule.default.inputOption, others.className)
|
|
40
41
|
}), /*#__PURE__*/_react.default.createElement(Primitive, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputOption.js","names":["InputOption","checked","disabled","indeterminate","label","name","required","type","CHECKBOX","value","onChange","others","Primitive","Checkbox","RADIO","Radio","Switch","handleChange","event","SWITCH","includes","styles","style","inputOption","className","ICON","CHECK","REMOVE","icon","undefined","displayName","propTypes","PropTypes","bool","string","isRequired","oneOf","oneOfType","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, ICON, Pressable, Radio, Switch } from '../../primitives';\nimport { Label } from '../InputText/partials';\nimport { CHECKBOX, RADIO, SWITCH } from './InputOption.constants';\nimport style from './InputOption.module.css';\n\nconst InputOption = ({\n checked,\n disabled,\n indeterminate,\n label,\n name,\n required,\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([CHECKBOX, SWITCH].includes(type) ? !checked : value, event);\n };\n\n return (\n <Pressable
|
|
1
|
+
{"version":3,"file":"InputOption.js","names":["InputOption","checked","disabled","indeterminate","label","name","required","type","CHECKBOX","value","onChange","others","Primitive","Checkbox","RADIO","Radio","Switch","handleChange","event","SWITCH","includes","styles","style","inputOption","className","ICON","CHECK","REMOVE","icon","undefined","displayName","propTypes","PropTypes","bool","string","isRequired","oneOf","oneOfType","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, ICON, Pressable, Radio, Switch } from '../../primitives';\nimport { Label } from '../InputText/partials';\nimport { CHECKBOX, RADIO, SWITCH } from './InputOption.constants';\nimport style from './InputOption.module.css';\n\nconst InputOption = ({\n checked,\n disabled,\n indeterminate,\n label,\n name,\n required,\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([CHECKBOX, SWITCH].includes(type) ? !checked : value, event);\n };\n\n return (\n <Pressable\n {...others}\n preventDefault={false}\n onPress={handleChange}\n className={styles(style.inputOption, others.className)}\n >\n <Primitive\n checked={checked || (type === CHECKBOX && indeterminate)}\n disabled={disabled}\n name={name}\n type={type}\n value={value}\n >\n {type === CHECKBOX && (checked || indeterminate) ? (\n <Icon value={checked ? ICON.CHECK : ICON.REMOVE} className={style.icon} />\n ) : undefined}\n </Primitive>\n {label && <Label action {...{ disabled, label, required }} className={style.label} />}\n </Pressable>\n );\n};\n\nInputOption.displayName = 'Component:InputOption';\n\nInputOption.propTypes = {\n checked: PropTypes.bool,\n disabled: PropTypes.bool,\n indeterminate: PropTypes.bool,\n label: PropTypes.string,\n name: PropTypes.string.isRequired,\n required: PropTypes.bool,\n type: PropTypes.oneOf([CHECKBOX, RADIO, SWITCH]),\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n onChange: PropTypes.func,\n};\n\nexport { InputOption };\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AAA6C;AAAA;AAAA;AAAA;AAAA;AAE7C,IAAMA,WAAW,GAAG,SAAdA,WAAW,OAWX;EAAA,IAVJC,OAAO,QAAPA,OAAO;IACPC,QAAQ,QAARA,QAAQ;IACRC,aAAa,QAAbA,aAAa;IACbC,KAAK,QAALA,KAAK;IACLC,IAAI,QAAJA,IAAI;IACJC,QAAQ,QAARA,QAAQ;IAAA,iBACRC,IAAI;IAAJA,IAAI,0BAAGC,qBAAQ;IAAA,kBACfC,KAAK;IAALA,KAAK,2BAAG,EAAE;IAAA,qBACVC,QAAQ;IAARA,QAAQ,8BAAG,YAAM,CAAC,CAAC;IAChBC,MAAM;EAET,IAAMC,SAAS,GAAGL,IAAI,KAAKC,qBAAQ,GAAGK,oBAAQ,GAAGN,IAAI,KAAKO,kBAAK,GAAGC,iBAAK,GAAGC,kBAAM;EAEhF,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAIC,KAAK,EAAK;IAC9BR,QAAQ,CAAC,CAACF,qBAAQ,EAAEW,mBAAM,CAAC,CAACC,QAAQ,CAACb,IAAI,CAAC,GAAG,CAACN,OAAO,GAAGQ,KAAK,EAAES,KAAK,CAAC;EACvE,CAAC;EAED,oBACE,6BAAC,qBAAS,eACJP,MAAM;IACV,cAAc,EAAE,KAAM;IACtB,OAAO,EAAEM,YAAa;IACtB,SAAS,EAAE,IAAAI,eAAM,EAACC,0BAAK,CAACC,WAAW,EAAEZ,MAAM,CAACa,SAAS;EAAE,iBAEvD,6BAAC,SAAS;IACR,OAAO,EAAEvB,OAAO,IAAKM,IAAI,KAAKC,qBAAQ,IAAIL,aAAe;IACzD,QAAQ,EAAED,QAAS;IACnB,IAAI,EAAEG,IAAK;IACX,IAAI,EAAEE,IAAK;IACX,KAAK,EAAEE;EAAM,GAEZF,IAAI,KAAKC,qBAAQ,KAAKP,OAAO,IAAIE,aAAa,CAAC,gBAC9C,6BAAC,gBAAI;IAAC,KAAK,EAAEF,OAAO,GAAGwB,gBAAI,CAACC,KAAK,GAAGD,gBAAI,CAACE,MAAO;IAAC,SAAS,EAAEL,0BAAK,CAACM;EAAK,EAAG,GACxEC,SAAS,CACH,EACXzB,KAAK,iBAAI,6BAAC,eAAK;IAAC,MAAM;IAAOF,QAAQ,EAARA,QAAQ;IAAEE,KAAK,EAALA,KAAK;IAAEE,QAAQ,EAARA,QAAQ;IAAI,SAAS,EAAEgB,0BAAK,CAAClB;EAAM,EAAG,CAC3E;AAEhB,CAAC;AAAC;AAEFJ,WAAW,CAAC8B,WAAW,GAAG,uBAAuB;AAEjD9B,WAAW,CAAC+B,SAAS,GAAG;EACtB9B,OAAO,EAAE+B,kBAAS,CAACC,IAAI;EACvB/B,QAAQ,EAAE8B,kBAAS,CAACC,IAAI;EACxB9B,aAAa,EAAE6B,kBAAS,CAACC,IAAI;EAC7B7B,KAAK,EAAE4B,kBAAS,CAACE,MAAM;EACvB7B,IAAI,EAAE2B,kBAAS,CAACE,MAAM,CAACC,UAAU;EACjC7B,QAAQ,EAAE0B,kBAAS,CAACC,IAAI;EACxB1B,IAAI,EAAEyB,kBAAS,CAACI,KAAK,CAAC,CAAC5B,qBAAQ,EAAEM,kBAAK,EAAEK,mBAAM,CAAC,CAAC;EAChDV,KAAK,EAAEuB,kBAAS,CAACK,SAAS,CAAC,CAACL,kBAAS,CAACE,MAAM,EAAEF,kBAAS,CAACC,IAAI,CAAC,CAAC;EAC9DvB,QAAQ,EAAEsB,kBAAS,CAACM;AACtB,CAAC"}
|
|
@@ -12,7 +12,7 @@ var _helpers = require("../../helpers");
|
|
|
12
12
|
var _hooks = require("../../hooks");
|
|
13
13
|
var _primitives = require("../../primitives");
|
|
14
14
|
var _ModalModule = _interopRequireDefault(require("./Modal.module.css"));
|
|
15
|
-
var _excluded = ["blur", "children", "fit", "overflow", "portal", "title", "visible", "onBack", "onClose", "onOverflow"];
|
|
15
|
+
var _excluded = ["blur", "children", "fit", "overflow", "portal", "preventDefault", "title", "visible", "onBack", "onClose", "onOverflow"];
|
|
16
16
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
17
17
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
18
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -35,6 +35,8 @@ var Modal = function Modal(_ref) {
|
|
|
35
35
|
overflow = _ref$overflow === void 0 ? true : _ref$overflow,
|
|
36
36
|
_ref$portal = _ref.portal,
|
|
37
37
|
portal = _ref$portal === void 0 ? false : _ref$portal,
|
|
38
|
+
_ref$preventDefault = _ref.preventDefault,
|
|
39
|
+
preventDefault = _ref$preventDefault === void 0 ? true : _ref$preventDefault,
|
|
38
40
|
title = _ref.title,
|
|
39
41
|
visible = _ref.visible,
|
|
40
42
|
onBack = _ref.onBack,
|
|
@@ -70,6 +72,7 @@ var Modal = function Modal(_ref) {
|
|
|
70
72
|
} : _reactDom.default.createPortal;
|
|
71
73
|
var testId = others['data-testid'];
|
|
72
74
|
return renderer( /*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
|
|
75
|
+
preventDefault: preventDefault,
|
|
73
76
|
className: (0, _helpers.styles)(_ModalModule.default.container, overflow && _ModalModule.default.overflow, overflow && blur && _ModalModule.default.blur, visible && _ModalModule.default.visible, onOverflow && _ModalModule.default.onOverflow),
|
|
74
77
|
onPress: visible && overflow ? handleOverflow : undefined,
|
|
75
78
|
"data-testid": testId ? "".concat(testId, "-overflow") : undefined
|
|
@@ -104,6 +107,7 @@ Modal.propTypes = {
|
|
|
104
107
|
fit: _propTypes.default.bool,
|
|
105
108
|
overflow: _propTypes.default.bool,
|
|
106
109
|
portal: _propTypes.default.bool,
|
|
110
|
+
preventDefault: _propTypes.default.bool,
|
|
107
111
|
title: _propTypes.default.string,
|
|
108
112
|
visible: _propTypes.default.bool,
|
|
109
113
|
onBack: _propTypes.default.func,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","names":["Modal","blur","children","fit","overflow","portal","title","visible","onBack","onClose","onOverflow","others","useDevice","isDesktop","ref","useRef","useState","dataset","setDataset","useEffect","document","body","miraiModal","undefined","handleOverflow","event","target","current","contains","renderer","IS_JEST","jsx","ReactDOM","createPortal","testId","styles","style","container","modal","calcWidth","className","header","ICON","LEFT","icon","left","right","CLOSE","EXPAND_MORE","propTypes","PropTypes","bool","node","string","func"],"sources":["../../../src/components/Modal/Modal.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useRef, useState } from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { IS_JEST, styles } from '../../helpers';\nimport { useDevice } from '../../hooks';\nimport { Icon, ICON, Pressable, Text, View } from '../../primitives';\nimport style from './Modal.module.css';\n\nconst Modal = ({\n blur = false,\n children,\n fit = false,\n overflow = true,\n portal = false,\n title,\n visible,\n onBack,\n onClose,\n onOverflow,\n ...others\n}) => {\n const { isDesktop } = useDevice();\n const ref = useRef();\n\n const [dataset, setDataset] = useState();\n\n useEffect(() => {\n if (visible && !dataset) {\n setDataset(true);\n document.body.dataset.miraiModal = true;\n }\n\n return () => {\n if (visible && dataset) {\n setDataset(undefined);\n delete document.body.dataset.miraiModal;\n }\n };\n }, [dataset, visible]);\n\n const handleOverflow = (event) => {\n const { target } = event;\n onOverflow && !ref.current?.contains(target) && onOverflow(event);\n };\n\n const renderer = IS_JEST || !portal ? (jsx) => jsx : ReactDOM.createPortal;\n\n const { ['data-testid']: testId } = others;\n\n return renderer(\n <Pressable\n className={styles(\n style.container,\n overflow && style.overflow,\n overflow && blur && style.blur,\n visible && style.visible,\n onOverflow && style.onOverflow,\n )}\n onPress={visible && overflow ? handleOverflow : undefined}\n data-testid={testId ? `${testId}-overflow` : undefined}\n >\n <View\n {...others}\n fit\n ref={ref}\n className={styles(style.modal, !fit && style.calcWidth, visible && style.visible, others.className)}\n >\n {(title || onBack || onClose) && (\n <View forceRow className={style.header}>\n {onBack && (\n <Pressable onPress={onBack} data-testid={testId ? `${testId}-button-back` : undefined}>\n <Icon value={ICON.LEFT} className={style.icon} />\n </Pressable>\n )}\n {title && (\n <Text headline className={styles(style.title, !onBack && style.left, !onClose && style.right)}>\n {title}\n </Text>\n )}\n {onClose && (\n <Pressable onPress={onClose} data-testid={testId ? `${testId}-button-close` : undefined}>\n <Icon value={isDesktop || title !== undefined ? ICON.CLOSE : ICON.EXPAND_MORE} className={style.icon} />\n </Pressable>\n )}\n </View>\n )}\n {children}\n </View>\n </Pressable>,\n document.body,\n );\n};\n\nModal.propTypes = {\n blur: PropTypes.bool,\n children: PropTypes.node,\n fit: PropTypes.bool,\n overflow: PropTypes.bool,\n portal: PropTypes.bool,\n title: PropTypes.string,\n visible: PropTypes.bool,\n onBack: PropTypes.func,\n onClose: PropTypes.func,\n onOverflow: PropTypes.func,\n};\n\nexport { Modal };\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAuC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEvC,IAAMA,KAAK,GAAG,SAARA,KAAK,
|
|
1
|
+
{"version":3,"file":"Modal.js","names":["Modal","blur","children","fit","overflow","portal","preventDefault","title","visible","onBack","onClose","onOverflow","others","useDevice","isDesktop","ref","useRef","useState","dataset","setDataset","useEffect","document","body","miraiModal","undefined","handleOverflow","event","target","current","contains","renderer","IS_JEST","jsx","ReactDOM","createPortal","testId","styles","style","container","modal","calcWidth","className","header","ICON","LEFT","icon","left","right","CLOSE","EXPAND_MORE","propTypes","PropTypes","bool","node","string","func"],"sources":["../../../src/components/Modal/Modal.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useRef, useState } from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { IS_JEST, styles } from '../../helpers';\nimport { useDevice } from '../../hooks';\nimport { Icon, ICON, Pressable, Text, View } from '../../primitives';\nimport style from './Modal.module.css';\n\nconst Modal = ({\n blur = false,\n children,\n fit = false,\n overflow = true,\n portal = false,\n preventDefault = true,\n title,\n visible,\n onBack,\n onClose,\n onOverflow,\n ...others\n}) => {\n const { isDesktop } = useDevice();\n const ref = useRef();\n\n const [dataset, setDataset] = useState();\n\n useEffect(() => {\n if (visible && !dataset) {\n setDataset(true);\n document.body.dataset.miraiModal = true;\n }\n\n return () => {\n if (visible && dataset) {\n setDataset(undefined);\n delete document.body.dataset.miraiModal;\n }\n };\n }, [dataset, visible]);\n\n const handleOverflow = (event) => {\n const { target } = event;\n onOverflow && !ref.current?.contains(target) && onOverflow(event);\n };\n\n const renderer = IS_JEST || !portal ? (jsx) => jsx : ReactDOM.createPortal;\n\n const { ['data-testid']: testId } = others;\n\n return renderer(\n <Pressable\n preventDefault={preventDefault}\n className={styles(\n style.container,\n overflow && style.overflow,\n overflow && blur && style.blur,\n visible && style.visible,\n onOverflow && style.onOverflow,\n )}\n onPress={visible && overflow ? handleOverflow : undefined}\n data-testid={testId ? `${testId}-overflow` : undefined}\n >\n <View\n {...others}\n fit\n ref={ref}\n className={styles(style.modal, !fit && style.calcWidth, visible && style.visible, others.className)}\n >\n {(title || onBack || onClose) && (\n <View forceRow className={style.header}>\n {onBack && (\n <Pressable onPress={onBack} data-testid={testId ? `${testId}-button-back` : undefined}>\n <Icon value={ICON.LEFT} className={style.icon} />\n </Pressable>\n )}\n {title && (\n <Text headline className={styles(style.title, !onBack && style.left, !onClose && style.right)}>\n {title}\n </Text>\n )}\n {onClose && (\n <Pressable onPress={onClose} data-testid={testId ? `${testId}-button-close` : undefined}>\n <Icon value={isDesktop || title !== undefined ? ICON.CLOSE : ICON.EXPAND_MORE} className={style.icon} />\n </Pressable>\n )}\n </View>\n )}\n {children}\n </View>\n </Pressable>,\n document.body,\n );\n};\n\nModal.propTypes = {\n blur: PropTypes.bool,\n children: PropTypes.node,\n fit: PropTypes.bool,\n overflow: PropTypes.bool,\n portal: PropTypes.bool,\n preventDefault: PropTypes.bool,\n title: PropTypes.string,\n visible: PropTypes.bool,\n onBack: PropTypes.func,\n onClose: PropTypes.func,\n onOverflow: PropTypes.func,\n};\n\nexport { Modal };\n"],"mappings":"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"}
|
|
@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.getInputDateErrors = void 0;
|
|
7
7
|
var _locale = require("@mirai/locale");
|
|
8
|
-
var _splitDate = require("./splitDate");
|
|
9
8
|
var getInputDateErrors = function getInputDateErrors() {
|
|
10
9
|
var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
|
|
11
10
|
_ref$format = _ref.format,
|
|
@@ -14,14 +13,8 @@ var getInputDateErrors = function getInputDateErrors() {
|
|
|
14
13
|
min = _ref.min,
|
|
15
14
|
value = _ref.value;
|
|
16
15
|
var errors = {};
|
|
17
|
-
var
|
|
18
|
-
|
|
19
|
-
(0, _splitDate.splitDate)(format).forEach(function (part, index) {
|
|
20
|
-
var _values$index;
|
|
21
|
-
if (!((_values$index = values[index]) !== null && _values$index !== void 0 && _values$index.length) || parseInt(values[index]) === 0) filled = false;
|
|
22
|
-
});
|
|
23
|
-
var date = filled ? (0, _locale.parseDate)(value, format) : undefined;
|
|
24
|
-
if (!date) errors.format = true;
|
|
16
|
+
var date = format.length === (value === null || value === void 0 ? void 0 : value.length) ? (0, _locale.parseDate)(value, format) : undefined;
|
|
17
|
+
if (!date && value !== null && value !== void 0 && value.length) errors.format = true;
|
|
25
18
|
if (date && max && (0, _locale.dateDiff)(date, (0, _locale.parseDate)(max, format)).days < 0) errors.max = true;
|
|
26
19
|
if (date && min && (0, _locale.dateDiff)(date, (0, _locale.parseDate)(min, format)).days > 0) errors.min = true;
|
|
27
20
|
return Object.keys(errors).length > 0 ? errors : undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getInputDateErrors.js","names":["getInputDateErrors","format","DEFAULT_DATE_FORMAT","max","min","value","errors","
|
|
1
|
+
{"version":3,"file":"getInputDateErrors.js","names":["getInputDateErrors","format","DEFAULT_DATE_FORMAT","max","min","value","errors","date","length","parseDate","undefined","dateDiff","days","Object","keys"],"sources":["../../src/helpers/getInputDateErrors.js"],"sourcesContent":["import { DEFAULT_DATE_FORMAT, dateDiff, parseDate } from '@mirai/locale';\n\nexport const getInputDateErrors = ({ format = DEFAULT_DATE_FORMAT, max, min, value } = {}) => {\n const errors = {};\n const date = format.length === value?.length ? parseDate(value, format) : undefined;\n\n if (!date && value?.length) errors.format = true;\n if (date && max && dateDiff(date, parseDate(max, format)).days < 0) errors.max = true;\n if (date && min && dateDiff(date, parseDate(min, format)).days > 0) errors.min = true;\n\n return Object.keys(errors).length > 0 ? errors : undefined;\n};\n"],"mappings":";;;;;;AAAA;AAEO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkB,GAA+D;EAAA,+EAAP,CAAC,CAAC;IAAA,mBAApDC,MAAM;IAANA,MAAM,4BAAGC,2BAAmB;IAAEC,GAAG,QAAHA,GAAG;IAAEC,GAAG,QAAHA,GAAG;IAAEC,KAAK,QAALA,KAAK;EAChF,IAAMC,MAAM,GAAG,CAAC,CAAC;EACjB,IAAMC,IAAI,GAAGN,MAAM,CAACO,MAAM,MAAKH,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEG,MAAM,IAAG,IAAAC,iBAAS,EAACJ,KAAK,EAAEJ,MAAM,CAAC,GAAGS,SAAS;EAEnF,IAAI,CAACH,IAAI,IAAIF,KAAK,aAALA,KAAK,eAALA,KAAK,CAAEG,MAAM,EAAEF,MAAM,CAACL,MAAM,GAAG,IAAI;EAChD,IAAIM,IAAI,IAAIJ,GAAG,IAAI,IAAAQ,gBAAQ,EAACJ,IAAI,EAAE,IAAAE,iBAAS,EAACN,GAAG,EAAEF,MAAM,CAAC,CAAC,CAACW,IAAI,GAAG,CAAC,EAAEN,MAAM,CAACH,GAAG,GAAG,IAAI;EACrF,IAAII,IAAI,IAAIH,GAAG,IAAI,IAAAO,gBAAQ,EAACJ,IAAI,EAAE,IAAAE,iBAAS,EAACL,GAAG,EAAEH,MAAM,CAAC,CAAC,CAACW,IAAI,GAAG,CAAC,EAAEN,MAAM,CAACF,GAAG,GAAG,IAAI;EAErF,OAAOS,MAAM,CAACC,IAAI,CAACR,MAAM,CAAC,CAACE,MAAM,GAAG,CAAC,GAAGF,MAAM,GAAGI,SAAS;AAC5D,CAAC;AAAC"}
|
|
@@ -13,11 +13,11 @@ var getInputPhoneErrors = function getInputPhoneErrors() {
|
|
|
13
13
|
var errors = {};
|
|
14
14
|
var hasPrefixes = (prefixes === null || prefixes === void 0 ? void 0 : prefixes.length) && (prefixes === null || prefixes === void 0 ? void 0 : prefixes.length) > 0;
|
|
15
15
|
var minLength = hasPrefixes ? 10 : 8;
|
|
16
|
-
var _value$replace = value.replace(/\D/g, ''),
|
|
17
|
-
length = _value$replace.length;
|
|
18
16
|
var validPrefix = !hasPrefixes || prefixes.some(function (prefix) {
|
|
19
17
|
return value.includes(prefix);
|
|
20
18
|
});
|
|
19
|
+
var _value$replace = value.replace(/\D/g, ''),
|
|
20
|
+
length = _value$replace.length;
|
|
21
21
|
if (!(validPrefix && length >= minLength && length <= 15)) errors.format = true;
|
|
22
22
|
return errors;
|
|
23
23
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getInputPhoneErrors.js","names":["getInputPhoneErrors","prefixes","value","errors","hasPrefixes","length","minLength","
|
|
1
|
+
{"version":3,"file":"getInputPhoneErrors.js","names":["getInputPhoneErrors","prefixes","value","errors","hasPrefixes","length","minLength","validPrefix","some","prefix","includes","replace","format"],"sources":["../../src/helpers/getInputPhoneErrors.js"],"sourcesContent":["export const getInputPhoneErrors = ({ prefixes, value = '' } = {}) => {\n if (value === '') return;\n\n const errors = {};\n const hasPrefixes = prefixes?.length && prefixes?.length > 0;\n const minLength = hasPrefixes ? 10 : 8;\n const validPrefix = !hasPrefixes || prefixes.some((prefix) => value.includes(prefix));\n const { length } = value.replace(/\\D/g, '');\n\n if (!(validPrefix && length >= minLength && length <= 15)) errors.format = true;\n\n return errors;\n};\n"],"mappings":";;;;;;AAAO,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAmB,GAAsC;EAAA,+EAAP,CAAC,CAAC;IAA3BC,QAAQ,QAARA,QAAQ;IAAA,kBAAEC,KAAK;IAALA,KAAK,2BAAG,EAAE;EACxD,IAAIA,KAAK,KAAK,EAAE,EAAE;EAElB,IAAMC,MAAM,GAAG,CAAC,CAAC;EACjB,IAAMC,WAAW,GAAG,CAAAH,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEI,MAAM,KAAI,CAAAJ,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEI,MAAM,IAAG,CAAC;EAC5D,IAAMC,SAAS,GAAGF,WAAW,GAAG,EAAE,GAAG,CAAC;EACtC,IAAMG,WAAW,GAAG,CAACH,WAAW,IAAIH,QAAQ,CAACO,IAAI,CAAC,UAACC,MAAM;IAAA,OAAKP,KAAK,CAACQ,QAAQ,CAACD,MAAM,CAAC;EAAA,EAAC;EACrF,qBAAmBP,KAAK,CAACS,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;IAAnCN,MAAM,kBAANA,MAAM;EAEd,IAAI,EAAEE,WAAW,IAAIF,MAAM,IAAIC,SAAS,IAAID,MAAM,IAAI,EAAE,CAAC,EAAEF,MAAM,CAACS,MAAM,GAAG,IAAI;EAE/E,OAAOT,MAAM;AACf,CAAC;AAAC"}
|
package/build/helpers/index.js
CHANGED
|
@@ -3,17 +3,6 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
var _splitDate = require("./splitDate");
|
|
7
|
-
Object.keys(_splitDate).forEach(function (key) {
|
|
8
|
-
if (key === "default" || key === "__esModule") return;
|
|
9
|
-
if (key in exports && exports[key] === _splitDate[key]) return;
|
|
10
|
-
Object.defineProperty(exports, key, {
|
|
11
|
-
enumerable: true,
|
|
12
|
-
get: function get() {
|
|
13
|
-
return _splitDate[key];
|
|
14
|
-
}
|
|
15
|
-
});
|
|
16
|
-
});
|
|
17
6
|
var _getIconState = require("./getIconState");
|
|
18
7
|
Object.keys(_getIconState).forEach(function (key) {
|
|
19
8
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../src/helpers/index.js"],"sourcesContent":["export * from './
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../src/helpers/index.js"],"sourcesContent":["export * from './getIconState';\nexport * from './getInputDateErrors';\nexport * from './getInputPhoneErrors';\nexport * from './getInputErrors';\nexport * from './isJest';\nexport * from './styles';\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
|
package/package.json
CHANGED
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
.fieldset {
|
|
2
|
-
padding: 0;
|
|
3
|
-
}
|
|
4
|
-
|
|
5
|
-
.inputField:not(:last-child) {
|
|
6
|
-
flex: 0;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
.inputField:last-child {
|
|
10
|
-
flex: 1;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
.input {
|
|
14
|
-
margin-bottom: 0;
|
|
15
|
-
margin-top: 0;
|
|
16
|
-
min-width: calc(calc(var(--mirai-ui-font-size-paragraph) * 2.75) + var(--mirai-ui-input-text-padding-x));
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.input > * {
|
|
20
|
-
border: none;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
.input.Y {
|
|
24
|
-
min-width: calc(calc(var(--mirai-ui-font-size-paragraph) * 3.5) + var(--mirai-ui-input-text-padding-x));
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.label {
|
|
28
|
-
font-size: var(--mirai-ui-font-size-small);
|
|
29
|
-
line-height: var(--mirai-ui-line-height-small);
|
|
30
|
-
margin: calc(var(--mirai-ui-input-text-padding-y) / 4) var(--mirai-ui-input-text-padding-x);
|
|
31
|
-
width: fit-content;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
.separator {
|
|
35
|
-
border-right: var(--mirai-ui-input-text-border);
|
|
36
|
-
padding: var(--mirai-ui-space-M) 0;
|
|
37
|
-
}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.splitDate = void 0;
|
|
7
|
-
var DELIMITERS = ['/', '.', '-'];
|
|
8
|
-
var splitDate = function splitDate() {
|
|
9
|
-
var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
10
|
-
if (typeof value !== 'string') return;
|
|
11
|
-
return value.split(DELIMITERS.find(function (item) {
|
|
12
|
-
return value.includes(item);
|
|
13
|
-
}) || DELIMITERS[0]);
|
|
14
|
-
};
|
|
15
|
-
exports.splitDate = splitDate;
|
|
16
|
-
//# sourceMappingURL=splitDate.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"splitDate.js","names":["DELIMITERS","splitDate","value","split","find","item","includes"],"sources":["../../src/helpers/splitDate.js"],"sourcesContent":["const DELIMITERS = ['/', '.', '-'];\n\nexport const splitDate = (value = '') => {\n if (typeof value !== 'string') return;\n\n return value.split(DELIMITERS.find((item) => value.includes(item)) || DELIMITERS[0]);\n};\n"],"mappings":";;;;;;AAAA,IAAMA,UAAU,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;AAE3B,IAAMC,SAAS,GAAG,SAAZA,SAAS,GAAmB;EAAA,IAAfC,KAAK,uEAAG,EAAE;EAClC,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;EAE/B,OAAOA,KAAK,CAACC,KAAK,CAACH,UAAU,CAACI,IAAI,CAAC,UAACC,IAAI;IAAA,OAAKH,KAAK,CAACI,QAAQ,CAACD,IAAI,CAAC;EAAA,EAAC,IAAIL,UAAU,CAAC,CAAC,CAAC,CAAC;AACtF,CAAC;AAAC"}
|