@mirai/ui 1.0.45 → 1.0.46
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/helpers/getChildrenValues.js +7 -2
- package/build/components/Form/helpers/getChildrenValues.js.map +1 -1
- package/build/components/InputOption/InputOption.js +1 -2
- package/build/components/InputOption/InputOption.js.map +1 -1
- package/build/components/InputOption/index.js +13 -0
- package/build/components/InputOption/index.js.map +1 -1
- package/build/primitives/Checkbox/Checkbox.js +3 -5
- package/build/primitives/Checkbox/Checkbox.js.map +1 -1
- package/package.json +1 -1
|
@@ -7,6 +7,8 @@ exports.getChildrenValues = void 0;
|
|
|
7
7
|
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
|
|
10
|
+
var _InputOption = require("../../InputOption");
|
|
11
|
+
|
|
10
12
|
var _getField = require("./getField");
|
|
11
13
|
|
|
12
14
|
var _excluded = ["checked", "defaultChecked", "defaultValue", "type", "value"];
|
|
@@ -17,7 +19,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
|
17
19
|
|
|
18
20
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
19
21
|
|
|
20
|
-
var BOOLEAN_TYPES = [
|
|
22
|
+
var BOOLEAN_TYPES = [_InputOption.CHECKBOX, _InputOption.RADIO, _InputOption.SWITCH];
|
|
21
23
|
|
|
22
24
|
var getChildrenValues = function getChildrenValues(children) {
|
|
23
25
|
var values = {};
|
|
@@ -37,7 +39,10 @@ var getChildrenValues = function getChildrenValues(children) {
|
|
|
37
39
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
38
40
|
|
|
39
41
|
var field = (0, _getField.getField)(props);
|
|
40
|
-
|
|
42
|
+
|
|
43
|
+
if (field) {
|
|
44
|
+
values[field] = BOOLEAN_TYPES.includes(type) ? type !== _InputOption.RADIO ? checked || defaultChecked : checked ? value : values[field] : value || defaultValue;
|
|
45
|
+
}
|
|
41
46
|
});
|
|
42
47
|
|
|
43
48
|
return values;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getChildrenValues.js","names":["BOOLEAN_TYPES","getChildrenValues","children","values","React","Children","forEach","child","props","checked","defaultChecked","defaultValue","undefined","type","value","field","includes"],"sources":["../../../../src/components/Form/helpers/getChildrenValues.js"],"sourcesContent":["import React from 'react';\n\nimport { getField } from './getField';\n\nconst BOOLEAN_TYPES = [
|
|
1
|
+
{"version":3,"file":"getChildrenValues.js","names":["BOOLEAN_TYPES","CHECKBOX","RADIO","SWITCH","getChildrenValues","children","values","React","Children","forEach","child","props","checked","defaultChecked","defaultValue","undefined","type","value","field","includes"],"sources":["../../../../src/components/Form/helpers/getChildrenValues.js"],"sourcesContent":["import React from 'react';\n\nimport { CHECKBOX, RADIO, SWITCH } from '../../InputOption';\nimport { getField } from './getField';\n\nconst BOOLEAN_TYPES = [CHECKBOX, RADIO, SWITCH];\n\nexport const getChildrenValues = (children) => {\n const values = {};\n\n React.Children.forEach(children, (child) => {\n const {\n checked = false,\n defaultChecked = false,\n defaultValue = undefined,\n type = undefined,\n value = undefined,\n ...props\n } = child?.props || {};\n\n const field = getField(props);\n\n if (field) {\n values[field] = BOOLEAN_TYPES.includes(type)\n ? type !== RADIO\n ? checked || defaultChecked\n : checked\n ? value\n : values[field]\n : value || defaultValue;\n }\n });\n\n return values;\n};\n"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;;;;;;;;;AAEA,IAAMA,aAAa,GAAG,CAACC,qBAAD,EAAWC,kBAAX,EAAkBC,mBAAlB,CAAtB;;AAEO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,QAAD,EAAc;EAC7C,IAAMC,MAAM,GAAG,EAAf;;EAEAC,eAAMC,QAAN,CAAeC,OAAf,CAAuBJ,QAAvB,EAAiC,UAACK,KAAD,EAAW;IAC1C,WAOI,CAAAA,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEC,KAAP,KAAgB,EAPpB;IAAA,wBACEC,OADF;IAAA,IACEA,OADF,6BACY,KADZ;IAAA,+BAEEC,cAFF;IAAA,IAEEA,cAFF,oCAEmB,KAFnB;IAAA,6BAGEC,YAHF;IAAA,IAGEA,YAHF,kCAGiBC,SAHjB;IAAA,qBAIEC,IAJF;IAAA,IAIEA,IAJF,0BAISD,SAJT;IAAA,sBAKEE,KALF;IAAA,IAKEA,KALF,2BAKUF,SALV;IAAA,IAMKJ,KANL;;IASA,IAAMO,KAAK,GAAG,wBAASP,KAAT,CAAd;;IAEA,IAAIO,KAAJ,EAAW;MACTZ,MAAM,CAACY,KAAD,CAAN,GAAgBlB,aAAa,CAACmB,QAAd,CAAuBH,IAAvB,IACZA,IAAI,KAAKd,kBAAT,GACEU,OAAO,IAAIC,cADb,GAEED,OAAO,GACPK,KADO,GAEPX,MAAM,CAACY,KAAD,CALI,GAMZD,KAAK,IAAIH,YANb;IAOD;EACF,CArBD;;EAuBA,OAAOR,MAAP;AACD,CA3BM"}
|
|
@@ -44,11 +44,10 @@ var InputOption = function InputOption(_ref) {
|
|
|
44
44
|
var Primitive = type === _InputOption.CHECKBOX ? _primitives.Checkbox : type === _InputOption.RADIO ? _primitives.Radio : _primitives.Switch;
|
|
45
45
|
|
|
46
46
|
var handleChange = function handleChange(event) {
|
|
47
|
-
onChange(
|
|
47
|
+
onChange([_InputOption.CHECKBOX, _InputOption.SWITCH].includes(type) ? !checked : value, event);
|
|
48
48
|
};
|
|
49
49
|
|
|
50
50
|
return /*#__PURE__*/_react.default.createElement(_primitives.Pressable, _extends({}, others, {
|
|
51
|
-
style: others.style,
|
|
52
51
|
type: "button",
|
|
53
52
|
className: (0, _helpers.styles)(_InputOptionModule.default.inputOption, reverse && _InputOptionModule.default.reverse, others.className),
|
|
54
53
|
onPress: handleChange
|
|
@@ -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","
|
|
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","SWITCH","includes","style","inputOption","className","icon","undefined","displayName","propTypes","PropTypes","bool","string","isRequired","oneOf","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([CHECKBOX, SWITCH].includes(type) ? !checked : value, event);\n };\n\n return (\n <Pressable\n {...others}\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,CAAC,CAACF,qBAAD,EAAWW,mBAAX,EAAmBC,QAAnB,CAA4Bb,IAA5B,IAAoC,CAACL,OAArC,GAA+CO,KAAhD,EAAuDS,KAAvD,CAAR;EACD,CAFD;;EAIA,oBACE,6BAAC,qBAAD,eACMP,MADN;IAEE,IAAI,EAAC,QAFP;IAGE,SAAS,EAAE,qBAAOU,2BAAMC,WAAb,EAA0BhB,OAAO,IAAIe,2BAAMf,OAA3C,EAAoDK,MAAM,CAACY,SAA3D,CAHb;IAIE,OAAO,EAAEN;EAJX,iBAME,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,qBAAOmB,2BAAMG,IAAb;EAA9B,EAA/B,GAAsFC,SADzF,CANF,EASGrB,KAAK,iBAAI,6BAAC,gBAAD;IAAM,SAAS,EAAE,qBAAOiB,2BAAMjB,KAAb,EAAoBD,QAAQ,IAAIkB,2BAAMlB,QAAtC;EAAjB,GAAmEC,KAAnE,CATZ,CADF;AAaD,CA9BD;;;AAgCAH,WAAW,CAACyB,WAAZ,GAA0B,uBAA1B;AAEAzB,WAAW,CAAC0B,SAAZ,GAAwB;EACtBzB,OAAO,EAAE0B,mBAAUC,IADG;EAEtB1B,QAAQ,EAAEyB,mBAAUC,IAFE;EAGtBzB,KAAK,EAAEwB,mBAAUE,MAHK;EAItBzB,IAAI,EAAEuB,mBAAUE,MAAV,CAAiBC,UAJD;EAKtBzB,OAAO,EAAEsB,mBAAUC,IALG;EAMtBtB,IAAI,EAAEqB,mBAAUI,KAAV,CAAgB,CAACxB,qBAAD,EAAWM,kBAAX,EAAkBK,mBAAlB,CAAhB,CANgB;EAOtBV,KAAK,EAAEmB,mBAAUE,MAPK;EAQtBpB,QAAQ,EAAEkB,mBAAUK;AARE,CAAxB"}
|
|
@@ -16,4 +16,17 @@ Object.keys(_InputOption).forEach(function (key) {
|
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
18
|
});
|
|
19
|
+
|
|
20
|
+
var _InputOption2 = require("./InputOption.constants");
|
|
21
|
+
|
|
22
|
+
Object.keys(_InputOption2).forEach(function (key) {
|
|
23
|
+
if (key === "default" || key === "__esModule") return;
|
|
24
|
+
if (key in exports && exports[key] === _InputOption2[key]) return;
|
|
25
|
+
Object.defineProperty(exports, key, {
|
|
26
|
+
enumerable: true,
|
|
27
|
+
get: function get() {
|
|
28
|
+
return _InputOption2[key];
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
});
|
|
19
32
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/InputOption/index.js"],"sourcesContent":["export * from './InputOption';\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/InputOption/index.js"],"sourcesContent":["export * from './InputOption';\nexport * from './InputOption.constants';\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
|
|
@@ -32,10 +32,8 @@ var Checkbox = function Checkbox(_ref) {
|
|
|
32
32
|
others = _objectWithoutProperties(_ref, _excluded);
|
|
33
33
|
|
|
34
34
|
var handleChange = function handleChange(event) {
|
|
35
|
-
var
|
|
36
|
-
|
|
37
|
-
checked = _event$target.checked;
|
|
38
|
-
onChange && onChange(value, checked, event);
|
|
35
|
+
var checked = event.target.checked;
|
|
36
|
+
onChange(checked, event);
|
|
39
37
|
};
|
|
40
38
|
|
|
41
39
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -49,7 +47,7 @@ var Checkbox = function Checkbox(_ref) {
|
|
|
49
47
|
type: "checkbox",
|
|
50
48
|
value: value,
|
|
51
49
|
className: (0, _helpers.styles)(checked && _CheckboxModule.default.checked),
|
|
52
|
-
onChange: !disabled ? handleChange : undefined
|
|
50
|
+
onChange: !disabled && onChange ? handleChange : undefined
|
|
53
51
|
}), children);
|
|
54
52
|
};
|
|
55
53
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","names":["Checkbox","checked","children","disabled","name","value","onChange","others","handleChange","event","target","style","checkbox","className","undefined","displayName","propTypes","PropTypes","bool","node","string","isRequired","func"],"sources":["../../../src/primitives/Checkbox/Checkbox.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport style from './Checkbox.module.css';\n\nconst Checkbox = ({ checked, children, disabled, name, value = '', onChange, ...others }) => {\n const handleChange = (event) => {\n const {\n target: {
|
|
1
|
+
{"version":3,"file":"Checkbox.js","names":["Checkbox","checked","children","disabled","name","value","onChange","others","handleChange","event","target","style","checkbox","className","undefined","displayName","propTypes","PropTypes","bool","node","string","isRequired","func"],"sources":["../../../src/primitives/Checkbox/Checkbox.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport style from './Checkbox.module.css';\n\nconst Checkbox = ({ checked, children, disabled, name, value = '', onChange, ...others }) => {\n const handleChange = (event) => {\n const {\n target: { checked },\n } = event;\n onChange(checked, event);\n };\n\n return (\n <div className={styles(style.checkbox, others.className)} style={others.style}>\n <input\n checked={checked}\n data-testid={others['data-testid']}\n disabled={disabled}\n name={name}\n type=\"checkbox\"\n value={value}\n className={styles(checked && style.checked)}\n onChange={!disabled && onChange ? handleChange : undefined}\n />\n {children}\n </div>\n );\n};\n\nCheckbox.displayName = 'Primitive:Checkbox';\n\nCheckbox.propTypes = {\n checked: PropTypes.bool,\n children: PropTypes.node,\n disabled: PropTypes.bool,\n name: PropTypes.string.isRequired,\n value: PropTypes.string,\n onChange: PropTypes.func,\n};\n\nexport { Checkbox };\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;;;;;AAEA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAA4E;EAAA,IAAzEC,OAAyE,QAAzEA,OAAyE;EAAA,IAAhEC,QAAgE,QAAhEA,QAAgE;EAAA,IAAtDC,QAAsD,QAAtDA,QAAsD;EAAA,IAA5CC,IAA4C,QAA5CA,IAA4C;EAAA,sBAAtCC,KAAsC;EAAA,IAAtCA,KAAsC,2BAA9B,EAA8B;EAAA,IAA1BC,QAA0B,QAA1BA,QAA0B;EAAA,IAAbC,MAAa;;EAC3F,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAAW;IAC9B,IACYR,OADZ,GAEIQ,KAFJ,CACEC,MADF,CACYT,OADZ;IAGAK,QAAQ,CAACL,OAAD,EAAUQ,KAAV,CAAR;EACD,CALD;;EAOA,oBACE;IAAK,SAAS,EAAE,qBAAOE,wBAAMC,QAAb,EAAuBL,MAAM,CAACM,SAA9B,CAAhB;IAA0D,KAAK,EAAEN,MAAM,CAACI;EAAxE,gBACE;IACE,OAAO,EAAEV,OADX;IAEE,eAAaM,MAAM,CAAC,aAAD,CAFrB;IAGE,QAAQ,EAAEJ,QAHZ;IAIE,IAAI,EAAEC,IAJR;IAKE,IAAI,EAAC,UALP;IAME,KAAK,EAAEC,KANT;IAOE,SAAS,EAAE,qBAAOJ,OAAO,IAAIU,wBAAMV,OAAxB,CAPb;IAQE,QAAQ,EAAE,CAACE,QAAD,IAAaG,QAAb,GAAwBE,YAAxB,GAAuCM;EARnD,EADF,EAWGZ,QAXH,CADF;AAeD,CAvBD;;;AAyBAF,QAAQ,CAACe,WAAT,GAAuB,oBAAvB;AAEAf,QAAQ,CAACgB,SAAT,GAAqB;EACnBf,OAAO,EAAEgB,mBAAUC,IADA;EAEnBhB,QAAQ,EAAEe,mBAAUE,IAFD;EAGnBhB,QAAQ,EAAEc,mBAAUC,IAHD;EAInBd,IAAI,EAAEa,mBAAUG,MAAV,CAAiBC,UAJJ;EAKnBhB,KAAK,EAAEY,mBAAUG,MALE;EAMnBd,QAAQ,EAAEW,mBAAUK;AAND,CAArB"}
|