@mirai/ui 1.0.5 → 1.0.9
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 +103 -1
- package/build/components/Button/Button.js.map +1 -1
- package/build/components/Button/index.js.map +1 -1
- package/build/components/Calendar/Calendar.Month.js.map +1 -1
- package/build/components/Calendar/Calendar.Week.js.map +1 -1
- package/build/components/Calendar/Calendar.Weekdays.js.map +1 -1
- package/build/components/Calendar/Calendar.constants.js.map +1 -1
- package/build/components/Calendar/Calendar.js.map +1 -1
- package/build/components/Calendar/helpers/getFirstDateOfMonth.js.map +1 -1
- package/build/components/Calendar/helpers/getFirstDateOfWeek.js.map +1 -1
- package/build/components/Calendar/helpers/getHeader.js.map +1 -1
- package/build/components/Calendar/helpers/getToday.js.map +1 -1
- package/build/components/Calendar/helpers/getWeekNumber.js.map +1 -1
- package/build/components/Calendar/helpers/getWeekdays.js.map +1 -1
- package/build/components/Calendar/helpers/index.js.map +1 -1
- package/build/components/Calendar/helpers/isJest.js.map +1 -1
- package/build/components/Calendar/index.js.map +1 -1
- package/build/components/Form/Form.js.map +1 -1
- package/build/components/Form/helpers/getChildrenErrors.js.map +1 -1
- package/build/components/Form/helpers/getChildrenValues.js.map +1 -1
- package/build/components/Form/helpers/getField.js.map +1 -1
- package/build/components/Form/helpers/groupState.js.map +1 -1
- package/build/components/Form/helpers/index.js.map +1 -1
- package/build/components/Form/index.js.map +1 -1
- package/build/components/InputNumber/InputNumber.js.map +1 -1
- package/build/components/InputNumber/__tests__/__snapshots__/InputNumber.test.js.snap +5 -5
- package/build/components/InputNumber/index.js.map +1 -1
- package/build/components/InputOption/InputOption.constants.js +13 -0
- package/build/components/InputOption/InputOption.constants.js.map +1 -0
- package/build/components/InputOption/InputOption.js +63 -0
- package/build/components/InputOption/InputOption.js.map +1 -0
- package/build/components/InputOption/InputOption.module.css +38 -0
- package/build/components/InputOption/__tests__/__snapshots__/InputOption.test.js.snap +232 -0
- package/build/components/InputOption/index.js +19 -0
- package/build/components/InputOption/index.js.map +1 -0
- package/build/components/InputSelect/InputSelect.js.map +1 -1
- package/build/components/InputSelect/index.js.map +1 -1
- package/build/components/InputText/InputText.js.map +1 -1
- package/build/components/InputText/index.js.map +1 -1
- package/build/components/Modal/Modal.js.map +1 -1
- package/build/components/Modal/index.js.map +1 -1
- package/build/components/Table/Table.Row.js +76 -0
- package/build/components/Table/Table.Row.js.map +1 -0
- package/build/components/Table/Table.js +92 -0
- package/build/components/Table/Table.js.map +1 -0
- package/build/components/Table/Table.module.css +76 -0
- package/build/components/Table/__tests__/__snapshots__/Table.test.js.snap +2285 -0
- package/build/components/Table/helpers/index.js +19 -0
- package/build/components/Table/helpers/index.js.map +1 -0
- package/build/components/Table/helpers/select.js +29 -0
- package/build/components/Table/helpers/select.js.map +1 -0
- package/build/components/Table/index.js +19 -0
- package/build/components/Table/index.js.map +1 -0
- package/build/components/index.js +26 -0
- package/build/components/index.js.map +1 -1
- package/build/helpers/getInputErrors.js.map +1 -1
- package/build/helpers/index.js.map +1 -1
- package/build/helpers/isValidDate.js.map +1 -1
- package/build/helpers/isValidEmail.js.map +1 -1
- package/build/helpers/isValidPhone.js.map +1 -1
- package/build/helpers/styles.js.map +1 -1
- package/build/hooks/helpers/getNavigator.js.map +1 -1
- package/build/hooks/helpers/getResolution.js.map +1 -1
- package/build/hooks/helpers/index.js.map +1 -1
- package/build/hooks/index.js.map +1 -1
- package/build/hooks/useDevice.js.map +1 -1
- package/build/index.js.map +1 -1
- package/build/primitives/Checkbox/Checkbox.js +52 -0
- package/build/primitives/Checkbox/Checkbox.js.map +1 -0
- package/build/primitives/Checkbox/Checkbox.module.css +45 -0
- package/build/primitives/Checkbox/__tests__/__snapshots__/Checkbox.test.js.snap +127 -0
- package/build/primitives/Checkbox/index.js +19 -0
- package/build/primitives/Checkbox/index.js.map +1 -0
- package/build/primitives/Icon/Icon.constants.js +3 -1
- package/build/primitives/Icon/Icon.constants.js.map +1 -1
- package/build/primitives/Icon/Icon.js.map +1 -1
- package/build/primitives/Icon/index.js.map +1 -1
- package/build/primitives/Input/Input.js.map +1 -1
- package/build/primitives/Input/Input.module.css +4 -0
- package/build/primitives/Input/helpers/index.js.map +1 -1
- package/build/primitives/Input/helpers/parseValue.js.map +1 -1
- package/build/primitives/Input/index.js.map +1 -1
- package/build/primitives/Pressable/Pressable.constants.js.map +1 -1
- package/build/primitives/Pressable/Pressable.js.map +1 -1
- package/build/primitives/Pressable/index.js.map +1 -1
- package/build/primitives/Radio/Radio.js +49 -0
- package/build/primitives/Radio/Radio.js.map +1 -0
- package/build/primitives/Radio/Radio.module.css +59 -0
- package/build/primitives/Radio/__tests__/__snapshots__/Radio.test.js.snap +126 -0
- package/build/primitives/Radio/index.js +19 -0
- package/build/primitives/Radio/index.js.map +1 -0
- package/build/primitives/ScrollView/ScrollView.js.map +1 -1
- package/build/primitives/ScrollView/index.js.map +1 -1
- package/build/primitives/Select/Select.js.map +1 -1
- package/build/primitives/Select/Select.module.css +1 -0
- package/build/primitives/Select/index.js.map +1 -1
- package/build/primitives/Switch/Switch.js +50 -0
- package/build/primitives/Switch/Switch.js.map +1 -0
- package/build/primitives/Switch/Switch.module.css +57 -0
- package/build/primitives/Switch/__tests__/__snapshots__/Switch.test.js.snap +109 -0
- package/build/primitives/Switch/index.js +19 -0
- package/build/primitives/Switch/index.js.map +1 -0
- package/build/primitives/Text/Text.js.map +1 -1
- package/build/primitives/Text/index.js.map +1 -1
- package/build/primitives/View/View.js.map +1 -1
- package/build/primitives/View/index.js.map +1 -1
- package/build/primitives/index.js +39 -0
- package/build/primitives/index.js.map +1 -1
- package/build/theme/default.theme.css +1 -0
- package/build/theme/helpers/camelcase.js.map +1 -1
- package/build/theme/helpers/index.js.map +1 -1
- package/build/theme/index.js.map +1 -1
- package/build/theme/theme.js.map +1 -1
- package/package.json +12 -5
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
|
|
7
|
+
var _select = require("./select");
|
|
8
|
+
|
|
9
|
+
Object.keys(_select).forEach(function (key) {
|
|
10
|
+
if (key === "default" || key === "__esModule") return;
|
|
11
|
+
if (key in exports && exports[key] === _select[key]) return;
|
|
12
|
+
Object.defineProperty(exports, key, {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function get() {
|
|
15
|
+
return _select[key];
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
});
|
|
19
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Table/helpers/index.js"],"sourcesContent":["export * from './select';\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.select = void 0;
|
|
7
|
+
|
|
8
|
+
var select = function select() {
|
|
9
|
+
var dataSource = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
10
|
+
|
|
11
|
+
var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
|
|
12
|
+
search = _ref.search,
|
|
13
|
+
_ref$sort = _ref.sort,
|
|
14
|
+
sort = _ref$sort === void 0 ? {} : _ref$sort;
|
|
15
|
+
|
|
16
|
+
var values = dataSource.filter(function (row) {
|
|
17
|
+
return search ? JSON.stringify(row).includes(search) : true;
|
|
18
|
+
});
|
|
19
|
+
Object.keys(sort).forEach(function (key) {
|
|
20
|
+
var order = sort[key] ? 1 : -1;
|
|
21
|
+
values.sort(function (a, b) {
|
|
22
|
+
return a[key] >= b[key] ? 1 * order : -1 * order;
|
|
23
|
+
});
|
|
24
|
+
});
|
|
25
|
+
return values;
|
|
26
|
+
};
|
|
27
|
+
|
|
28
|
+
exports.select = select;
|
|
29
|
+
//# sourceMappingURL=select.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select.js","names":["select","dataSource","search","sort","values","filter","row","JSON","stringify","includes","Object","keys","forEach","key","order","a","b"],"sources":["../../../../src/components/Table/helpers/select.js"],"sourcesContent":["export const select = (dataSource = [], { search, sort = {} } = {}) => {\n const values = dataSource.filter((row) => (search ? JSON.stringify(row).includes(search) : true));\n\n Object.keys(sort).forEach((key) => {\n const order = sort[key] ? 1 : -1;\n\n values.sort((a, b) => (a[key] >= b[key] ? 1 * order : -1 * order));\n });\n\n return values;\n};\n"],"mappings":";;;;;;;AAAO,IAAMA,MAAM,GAAG,SAATA,MAAS,GAAiD;EAAA,IAAhDC,UAAgD,uEAAnC,EAAmC;;EAAA,+EAAP,EAAO;EAAA,IAA7BC,MAA6B,QAA7BA,MAA6B;EAAA,qBAArBC,IAAqB;EAAA,IAArBA,IAAqB,0BAAd,EAAc;;EACrE,IAAMC,MAAM,GAAGH,UAAU,CAACI,MAAX,CAAkB,UAACC,GAAD;IAAA,OAAUJ,MAAM,GAAGK,IAAI,CAACC,SAAL,CAAeF,GAAf,EAAoBG,QAApB,CAA6BP,MAA7B,CAAH,GAA0C,IAA1D;EAAA,CAAlB,CAAf;EAEAQ,MAAM,CAACC,IAAP,CAAYR,IAAZ,EAAkBS,OAAlB,CAA0B,UAACC,GAAD,EAAS;IACjC,IAAMC,KAAK,GAAGX,IAAI,CAACU,GAAD,CAAJ,GAAY,CAAZ,GAAgB,CAAC,CAA/B;IAEAT,MAAM,CAACD,IAAP,CAAY,UAACY,CAAD,EAAIC,CAAJ;MAAA,OAAWD,CAAC,CAACF,GAAD,CAAD,IAAUG,CAAC,CAACH,GAAD,CAAX,GAAmB,IAAIC,KAAvB,GAA+B,CAAC,CAAD,GAAKA,KAA/C;IAAA,CAAZ;EACD,CAJD;EAMA,OAAOV,MAAP;AACD,CAVM"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
|
|
7
|
+
var _Table = require("./Table");
|
|
8
|
+
|
|
9
|
+
Object.keys(_Table).forEach(function (key) {
|
|
10
|
+
if (key === "default" || key === "__esModule") return;
|
|
11
|
+
if (key in exports && exports[key] === _Table[key]) return;
|
|
12
|
+
Object.defineProperty(exports, key, {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function get() {
|
|
15
|
+
return _Table[key];
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
});
|
|
19
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Table/index.js"],"sourcesContent":["export * from './Table';\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
|
|
@@ -56,6 +56,19 @@ Object.keys(_InputNumber).forEach(function (key) {
|
|
|
56
56
|
});
|
|
57
57
|
});
|
|
58
58
|
|
|
59
|
+
var _InputOption = require("./InputOption");
|
|
60
|
+
|
|
61
|
+
Object.keys(_InputOption).forEach(function (key) {
|
|
62
|
+
if (key === "default" || key === "__esModule") return;
|
|
63
|
+
if (key in exports && exports[key] === _InputOption[key]) return;
|
|
64
|
+
Object.defineProperty(exports, key, {
|
|
65
|
+
enumerable: true,
|
|
66
|
+
get: function get() {
|
|
67
|
+
return _InputOption[key];
|
|
68
|
+
}
|
|
69
|
+
});
|
|
70
|
+
});
|
|
71
|
+
|
|
59
72
|
var _InputSelect = require("./InputSelect");
|
|
60
73
|
|
|
61
74
|
Object.keys(_InputSelect).forEach(function (key) {
|
|
@@ -94,4 +107,17 @@ Object.keys(_Modal).forEach(function (key) {
|
|
|
94
107
|
}
|
|
95
108
|
});
|
|
96
109
|
});
|
|
110
|
+
|
|
111
|
+
var _Table = require("./Table");
|
|
112
|
+
|
|
113
|
+
Object.keys(_Table).forEach(function (key) {
|
|
114
|
+
if (key === "default" || key === "__esModule") return;
|
|
115
|
+
if (key in exports && exports[key] === _Table[key]) return;
|
|
116
|
+
Object.defineProperty(exports, key, {
|
|
117
|
+
enumerable: true,
|
|
118
|
+
get: function get() {
|
|
119
|
+
return _Table[key];
|
|
120
|
+
}
|
|
121
|
+
});
|
|
122
|
+
});
|
|
97
123
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/index.js"],"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../src/components/index.js"],"sourcesContent":["export * from './Button';\nexport * from './Calendar';\nexport * from './Form';\nexport * from './InputNumber';\nexport * from './InputOption';\nexport * from './InputSelect';\nexport * from './InputText';\nexport * from './Modal';\nexport * from './Table';\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;;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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"getInputErrors.js","names":["getInputErrors","minLength","regexp","required","test","type","value","others","errors","undefined","length","exec","format","Object","keys"],"sources":["../../src/helpers/getInputErrors.js"],"sourcesContent":["import { isValidDate } from './isValidDate';\nimport { isValidEmail } from './isValidEmail';\nimport { isValidPhone } from './isValidPhone';\n\nexport const getInputErrors = ({\n minLength = 0,\n regexp,\n required,\n test,\n type = 'text',\n value = '',\n ...others\n} = {}) => {\n const errors = {};\n\n // Common\n if (required && (value === undefined || value.length === 0)) errors.required = true;\n if (minLength > 0 && value.length < minLength) errors.minLength = true;\n if (regexp && regexp.exec && regexp.exec(value) === null) errors.regexp = true;\n if (test && !test(value)) errors.test = true;\n // Email, Phone & Date format\n if (\n (type === 'date' && !isValidDate(value, others)) ||\n (type === 'email' && !isValidEmail(value)) ||\n (type === 'tel' && !isValidPhone(value))\n )\n errors.format = true;\n\n return Object.keys(errors).length > 0 ? errors : undefined;\n};\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;;;AAEO,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,GAQnB;EAAA,+EAAP,EAAO;EAAA,0BAPTC,SAOS;EAAA,IAPTA,SAOS,+BAPG,CAOH;EAAA,IANTC,MAMS,QANTA,MAMS;EAAA,IALTC,QAKS,QALTA,QAKS;EAAA,IAJTC,IAIS,QAJTA,IAIS;EAAA,qBAHTC,IAGS;EAAA,IAHTA,IAGS,0BAHF,MAGE;EAAA,sBAFTC,KAES;EAAA,IAFTA,KAES,2BAFD,EAEC;EAAA,IADNC,MACM;;EACT,IAAMC,MAAM,GAAG,EAAf,CADS,CAGT;;EACA,IAAIL,QAAQ,KAAKG,KAAK,KAAKG,SAAV,IAAuBH,KAAK,CAACI,MAAN,KAAiB,CAA7C,CAAZ,EAA6DF,MAAM,CAACL,QAAP,GAAkB,IAAlB;EAC7D,IAAIF,SAAS,GAAG,CAAZ,IAAiBK,KAAK,CAACI,MAAN,GAAeT,SAApC,EAA+CO,MAAM,CAACP,SAAP,GAAmB,IAAnB;EAC/C,IAAIC,MAAM,IAAIA,MAAM,CAACS,IAAjB,IAAyBT,MAAM,CAACS,IAAP,CAAYL,KAAZ,MAAuB,IAApD,EAA0DE,MAAM,CAACN,MAAP,GAAgB,IAAhB;EAC1D,IAAIE,IAAI,IAAI,CAACA,IAAI,CAACE,KAAD,CAAjB,EAA0BE,MAAM,CAACJ,IAAP,GAAc,IAAd,CAPjB,CAQT;;EACA,IACGC,IAAI,KAAK,MAAT,IAAmB,CAAC,8BAAYC,KAAZ,EAAmBC,MAAnB,CAArB,IACCF,IAAI,KAAK,OAAT,IAAoB,CAAC,gCAAaC,KAAb,CADtB,IAECD,IAAI,KAAK,KAAT,IAAkB,CAAC,gCAAaC,KAAb,CAHtB,EAKEE,MAAM,CAACI,MAAP,GAAgB,IAAhB;EAEF,OAAOC,MAAM,CAACC,IAAP,CAAYN,MAAZ,EAAoBE,MAApB,GAA6B,CAA7B,GAAiCF,MAAjC,GAA0CC,SAAjD;AACD,CAzBM"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../src/helpers/index.js"],"sourcesContent":["export * from './getInputErrors';\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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
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 = '') => value.split('/').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 = '', { min, max } = {}) => {\n const [year, month, day] = getDateProps(value);\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)))) : undefined;\n const maxTs = max ? UTC(new Date(createDate(...getDateProps(max)))) : 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,OAAgBA,KAAK,CAACC,KAAN,CAAY,GAAZ,EAAiBC,GAAjB,CAAqB,UAACC,IAAD;IAAA,OAAWA,IAAI,GAAGC,QAAQ,CAACD,IAAD,EAAO,EAAP,CAAX,GAAwBE,SAAvC;EAAA,CAArB,CAAhB;AAAA,CAArB;;AAEA,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,GAAmC;EAAA,IAAlCX,KAAkC,uEAA1B,EAA0B;;EAAA,+EAAP,EAAO;EAAA,IAApBY,GAAoB,QAApBA,GAAoB;EAAA,IAAfC,GAAe,QAAfA,GAAe;;EAC5D,oBAA2Bd,YAAY,CAACC,KAAD,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,0CAAcP,YAAY,CAACa,GAAD,CAA1B,EAAT,CAAJ,CAAH,GAAqDP,SAAtE;IACA,IAAMgB,KAAK,GAAGR,GAAG,GAAG,iBAAI,IAAIH,IAAJ,CAASJ,UAAU,MAAV,0CAAcP,YAAY,CAACc,GAAD,CAA1B,EAAT,CAAJ,CAAH,GAAqDR,SAAtE;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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"isValidEmail.js","names":["REGEXP","isValidEmail","email","test"],"sources":["../../src/helpers/isValidEmail.js"],"sourcesContent":["const REGEXP = /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/; // eslint-disable-line\n\nexport const isValidEmail = (email = '') => (email !== '' ? REGEXP.test(email) : true);\n"],"mappings":";;;;;;AAAA,IAAMA,MAAM,GAAG,yJAAf,C,CAA0K;;AAEnK,IAAMC,YAAY,GAAG,SAAfA,YAAe;EAAA,IAACC,KAAD,uEAAS,EAAT;EAAA,OAAiBA,KAAK,KAAK,EAAV,GAAeF,MAAM,CAACG,IAAP,CAAYD,KAAZ,CAAf,GAAoC,IAArD;AAAA,CAArB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"isValidPhone.js","names":["isValidPhone","phone","countryCode","minLength","replace","length"],"sources":["../../src/helpers/isValidPhone.js"],"sourcesContent":["export const isValidPhone = (phone = '', { countryCode = false } = {}) => {\n if (phone === '') return true;\n const minLength = countryCode ? 10 : 8;\n\n const { length } = phone.replace(/\\D/g, '');\n return length >= minLength && length <= 15;\n};\n"],"mappings":";;;;;;;AAAO,IAAMA,YAAY,GAAG,SAAfA,YAAe,GAA8C;EAAA,IAA7CC,KAA6C,uEAArC,EAAqC;;EAAA,+EAAP,EAAO;EAAA,4BAA/BC,WAA+B;EAAA,IAA/BA,WAA+B,iCAAjB,KAAiB;;EACxE,IAAID,KAAK,KAAK,EAAd,EAAkB,OAAO,IAAP;EAClB,IAAME,SAAS,GAAGD,WAAW,GAAG,EAAH,GAAQ,CAArC;;EAEA,qBAAmBD,KAAK,CAACG,OAAN,CAAc,KAAd,EAAqB,EAArB,CAAnB;EAAA,IAAQC,MAAR,kBAAQA,MAAR;;EACA,OAAOA,MAAM,IAAIF,SAAV,IAAuBE,MAAM,IAAI,EAAxC;AACD,CANM"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"styles.js","names":["styles","stylesheets","flat","Infinity","filter","value","undefined","join","trim"],"sources":["../../src/helpers/styles.js"],"sourcesContent":["export const styles = (...stylesheets) =>\n stylesheets\n .flat(Infinity)\n .filter((value) => value !== false)\n .filter((value) => value !== undefined && value !== null)\n .join(' ')\n .trim();\n"],"mappings":";;;;;;;AAAO,IAAMA,MAAM,GAAG,SAATA,MAAS;EAAA,kCAAIC,WAAJ;IAAIA,WAAJ;EAAA;;EAAA,OACpBA,WAAW,CACRC,IADH,CACQC,QADR,EAEGC,MAFH,CAEU,UAACC,KAAD;IAAA,OAAWA,KAAK,KAAK,KAArB;EAAA,CAFV,EAGGD,MAHH,CAGU,UAACC,KAAD;IAAA,OAAWA,KAAK,KAAKC,SAAV,IAAuBD,KAAK,KAAK,IAA5C;EAAA,CAHV,EAIGE,IAJH,CAIQ,GAJR,EAKGC,IALH,EADoB;AAAA,CAAf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"getNavigator.js","names":["MATCH_SAFARI","MATCH_MOBILE","FB_IN_APP","PINTEREST_IN_APP","getNavigator","navigator","userAgent","ua","toLowerCase","safari","Boolean","match","chrome","indexOf","firefox","inApp","test","mobile","touch"],"sources":["../../../src/hooks/helpers/getNavigator.js"],"sourcesContent":["const MATCH_SAFARI = /^((?!chrome|android).)*safari/i;\nconst MATCH_MOBILE = /^Mobile|iP(hone|od|ad)|Android|BlackBerry|IEMobile/i;\nconst FB_IN_APP = /fb_iab|fban/;\nconst PINTEREST_IN_APP = /pinterest/;\n\nexport const getNavigator = () => {\n const { userAgent = '' } = typeof navigator !== 'undefined' ? navigator : {};\n\n const ua = userAgent.toLowerCase();\n const safari = Boolean(ua.match(MATCH_SAFARI));\n\n return {\n userAgent,\n // browsers\n chrome: !safari && Boolean(ua.indexOf('chrome') !== -1),\n firefox: Boolean(ua.indexOf('firefox') !== -1),\n inApp: FB_IN_APP.test(ua) || PINTEREST_IN_APP.test(ua),\n mobile: Boolean(ua.match(MATCH_MOBILE)),\n safari,\n // touch\n touch: /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini|Mobile|mobile|CriOS/i.test(userAgent),\n };\n};\n"],"mappings":";;;;;;AAAA,IAAMA,YAAY,GAAG,gCAArB;AACA,IAAMC,YAAY,GAAG,qDAArB;AACA,IAAMC,SAAS,GAAG,aAAlB;AACA,IAAMC,gBAAgB,GAAG,WAAzB;;AAEO,IAAMC,YAAY,GAAG,SAAfA,YAAe,GAAM;EAChC,WAA2B,OAAOC,SAAP,KAAqB,WAArB,GAAmCA,SAAnC,GAA+C,EAA1E;EAAA,0BAAQC,SAAR;EAAA,IAAQA,SAAR,+BAAoB,EAApB;;EAEA,IAAMC,EAAE,GAAGD,SAAS,CAACE,WAAV,EAAX;EACA,IAAMC,MAAM,GAAGC,OAAO,CAACH,EAAE,CAACI,KAAH,CAASX,YAAT,CAAD,CAAtB;EAEA,OAAO;IACLM,SAAS,EAATA,SADK;IAEL;IACAM,MAAM,EAAE,CAACH,MAAD,IAAWC,OAAO,CAACH,EAAE,CAACM,OAAH,CAAW,QAAX,MAAyB,CAAC,CAA3B,CAHrB;IAILC,OAAO,EAAEJ,OAAO,CAACH,EAAE,CAACM,OAAH,CAAW,SAAX,MAA0B,CAAC,CAA5B,CAJX;IAKLE,KAAK,EAAEb,SAAS,CAACc,IAAV,CAAeT,EAAf,KAAsBJ,gBAAgB,CAACa,IAAjB,CAAsBT,EAAtB,CALxB;IAMLU,MAAM,EAAEP,OAAO,CAACH,EAAE,CAACI,KAAH,CAASV,YAAT,CAAD,CANV;IAOLQ,MAAM,EAANA,MAPK;IAQL;IACAS,KAAK,EAAE,qFAAqFF,IAArF,CAA0FV,SAA1F;EATF,CAAP;AAWD,CAjBM"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"getResolution.js","names":["getResolution","window","innerHeight","height","innerWidth","width"],"sources":["../../../src/hooks/helpers/getResolution.js"],"sourcesContent":["export const getResolution = () => {\n const { innerHeight: height = 0, innerWidth: width = 0 } = window || {};\n\n return { height, width };\n};\n"],"mappings":";;;;;;;AAAO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,GAAM;EACjC,WAA2DC,MAAM,IAAI,EAArE;EAAA,4BAAQC,WAAR;EAAA,IAAqBC,MAArB,iCAA8B,CAA9B;EAAA,2BAAiCC,UAAjC;EAAA,IAA6CC,KAA7C,gCAAqD,CAArD;;EAEA,OAAO;IAAEF,MAAM,EAANA,MAAF;IAAUE,KAAK,EAALA;EAAV,CAAP;AACD,CAJM"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/hooks/helpers/index.js"],"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../src/hooks/helpers/index.js"],"sourcesContent":["export * from './getResolution';\nexport * from './getNavigator';\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
|
package/build/hooks/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../src/hooks/index.js"],"sourcesContent":["export * from './useDevice';\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"useDevice.js","names":["useDevice","resolution","setResolution","handleResize","window","addEventListener","removeEventListener","isLandscape","width","height","isMobile","navigator","isPortrait","isDesktop"],"sources":["../../src/hooks/useDevice.js"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\n\nimport { getResolution, getNavigator } from './helpers';\n\nexport const useDevice = () => {\n const [resolution, setResolution] = useState(getResolution());\n\n useEffect(() => {\n const handleResize = () => setResolution(getResolution());\n\n window.addEventListener('resize', handleResize);\n\n return () => window.removeEventListener('resize', handleResize);\n }, []);\n\n return useMemo(() => {\n const isLandscape = resolution.width >= resolution.height;\n const isMobile = resolution.width < 512;\n const navigator = getNavigator();\n\n return {\n ...resolution,\n ...navigator,\n isLandscape,\n isPortrait: !isLandscape,\n isMobile,\n isDesktop: !isMobile,\n };\n }, [resolution]);\n};\n"],"mappings":";;;;;;;;;;;;;AAAA;;AAEA;;AAEO,IAAMA,SAAS,GAAG,SAAZA,SAAY,GAAM;EAC7B,gBAAoC,qBAAS,6BAAT,CAApC;EAAA;EAAA,IAAOC,UAAP;EAAA,IAAmBC,aAAnB;;EAEA,sBAAU,YAAM;IACd,IAAMC,YAAY,GAAG,SAAfA,YAAe;MAAA,OAAMD,aAAa,CAAC,6BAAD,CAAnB;IAAA,CAArB;;IAEAE,MAAM,CAACC,gBAAP,CAAwB,QAAxB,EAAkCF,YAAlC;IAEA,OAAO;MAAA,OAAMC,MAAM,CAACE,mBAAP,CAA2B,QAA3B,EAAqCH,YAArC,CAAN;IAAA,CAAP;EACD,CAND,EAMG,EANH;EAQA,OAAO,oBAAQ,YAAM;IACnB,IAAMI,WAAW,GAAGN,UAAU,CAACO,KAAX,IAAoBP,UAAU,CAACQ,MAAnD;IACA,IAAMC,QAAQ,GAAGT,UAAU,CAACO,KAAX,GAAmB,GAApC;IACA,IAAMG,SAAS,GAAG,4BAAlB;IAEA,+FACKV,UADL,GAEKU,SAFL;MAGEJ,WAAW,EAAXA,WAHF;MAIEK,UAAU,EAAE,CAACL,WAJf;MAKEG,QAAQ,EAARA,QALF;MAMEG,SAAS,EAAE,CAACH;IANd;EAQD,CAbM,EAaJ,CAACT,UAAD,CAbI,CAAP;AAcD,CAzBM"}
|
package/build/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.js"],"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../src/index.js"],"sourcesContent":["export * from './components';\nexport * from './helpers';\nexport * from './hooks';\nexport * from './primitives';\nexport * from './theme';\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"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.Checkbox = void 0;
|
|
9
|
+
|
|
10
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
11
|
+
|
|
12
|
+
var _react = _interopRequireDefault(require("react"));
|
|
13
|
+
|
|
14
|
+
var _helpers = require("../../helpers");
|
|
15
|
+
|
|
16
|
+
var _CheckboxModule = _interopRequireDefault(require("./Checkbox.module.css"));
|
|
17
|
+
|
|
18
|
+
var _excluded = ["checked", "children", "disabled", "name", "value", "onChange"];
|
|
19
|
+
|
|
20
|
+
var Checkbox = function Checkbox(_ref) {
|
|
21
|
+
var checked = _ref.checked,
|
|
22
|
+
children = _ref.children,
|
|
23
|
+
disabled = _ref.disabled,
|
|
24
|
+
name = _ref.name,
|
|
25
|
+
_ref$value = _ref.value,
|
|
26
|
+
value = _ref$value === void 0 ? '' : _ref$value,
|
|
27
|
+
onChange = _ref.onChange,
|
|
28
|
+
others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
29
|
+
|
|
30
|
+
var handleChange = function handleChange(event) {
|
|
31
|
+
var _event$target = event.target,
|
|
32
|
+
value = _event$target.value,
|
|
33
|
+
checked = _event$target.checked;
|
|
34
|
+
onChange && onChange(value, checked, event);
|
|
35
|
+
};
|
|
36
|
+
|
|
37
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
38
|
+
className: (0, _helpers.styles)(_CheckboxModule.default.checkbox, others.className)
|
|
39
|
+
}, /*#__PURE__*/_react.default.createElement("input", Object.assign({}, others, {
|
|
40
|
+
checked: checked,
|
|
41
|
+
disabled: disabled,
|
|
42
|
+
name: name,
|
|
43
|
+
type: "checkbox",
|
|
44
|
+
value: value,
|
|
45
|
+
className: (0, _helpers.styles)(checked && _CheckboxModule.default.checked),
|
|
46
|
+
onChange: !disabled ? handleChange : undefined
|
|
47
|
+
})), children);
|
|
48
|
+
};
|
|
49
|
+
|
|
50
|
+
exports.Checkbox = Checkbox;
|
|
51
|
+
Checkbox.displayName = 'Primitive:Checkbox';
|
|
52
|
+
//# sourceMappingURL=Checkbox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Checkbox.js","names":["Checkbox","checked","children","disabled","name","value","onChange","others","handleChange","event","target","style","checkbox","className","undefined","displayName"],"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: { value, checked },\n } = event;\n\n onChange && onChange(value, checked, event);\n };\n\n return (\n <div className={styles(style.checkbox, others.className)}>\n <input\n {...others}\n checked={checked}\n disabled={disabled}\n name={name}\n type=\"checkbox\"\n value={value}\n className={styles(checked && style.checked)}\n onChange={!disabled ? 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":";;;;;;;;;;;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,oBAEIA,KAFJ,CACEC,MADF;IAAA,IACYL,KADZ,iBACYA,KADZ;IAAA,IACmBJ,OADnB,iBACmBA,OADnB;IAIAK,QAAQ,IAAIA,QAAQ,CAACD,KAAD,EAAQJ,OAAR,EAAiBQ,KAAjB,CAApB;EACD,CAND;;EAQA,oBACE;IAAK,SAAS,EAAE,qBAAOE,wBAAMC,QAAb,EAAuBL,MAAM,CAACM,SAA9B;EAAhB,gBACE,wDACMN,MADN;IAEE,OAAO,EAAEN,OAFX;IAGE,QAAQ,EAAEE,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,GAAYK,YAAZ,GAA2BM;EARvC,GADF,EAWGZ,QAXH,CADF;AAeD,CAxBD;;;AA0BAF,QAAQ,CAACe,WAAT,GAAuB,oBAAvB"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
:root {
|
|
2
|
+
--mirai-ui-checkbox-base: var(--mirai-ui-base);
|
|
3
|
+
--mirai-ui-checkbox-border-color: var(--mirai-ui-lighten);
|
|
4
|
+
--mirai-ui-checkbox-border-radius: var(--mirai-ui-border-radius);
|
|
5
|
+
--mirai-ui-checkbox-checked-color: var(--mirai-ui-accent);
|
|
6
|
+
--mirai-ui-checkbox-disabled: var(--mirai-ui-disabled);
|
|
7
|
+
--mirai-ui-checkbox-size: var(--mirai-ui-space-L);
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.checkbox {
|
|
11
|
+
cursor: pointer;
|
|
12
|
+
height: var(--mirai-ui-checkbox-size);
|
|
13
|
+
width: var(--mirai-ui-checkbox-size);
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.checkbox input {
|
|
17
|
+
background-color: var(--mirai-ui-checkbox-base);
|
|
18
|
+
border: 2px solid var(--mirai-ui-checkbox-border-color);
|
|
19
|
+
border-radius: var(--mirai-ui-checkbox-border-radius);
|
|
20
|
+
box-sizing: border-box;
|
|
21
|
+
height: var(--mirai-ui-checkbox-size);
|
|
22
|
+
margin: 0;
|
|
23
|
+
outline: none;
|
|
24
|
+
transition: background-color var(--mirai-ui-motion-collapse) var(--mirai-ui-motion-easing),
|
|
25
|
+
border-color var(--mirai-ui-motion-collapse) var(--mirai-ui-motion-easing);
|
|
26
|
+
user-select: none;
|
|
27
|
+
width: var(--mirai-ui-checkbox-size);
|
|
28
|
+
|
|
29
|
+
appearance: none;
|
|
30
|
+
-webkit-appearance: none;
|
|
31
|
+
-moz-appearance: none;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.checkbox input:disabled {
|
|
35
|
+
border-color: var(--mirai-ui-checkbox-disabled);
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.checkbox input:disabled.checked {
|
|
39
|
+
background-color: var(--mirai-ui-checkbox-disabled);
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.checkbox input:not(:disabled).checked {
|
|
43
|
+
background-color: var(--mirai-ui-checkbox-checked-color);
|
|
44
|
+
border-color: var(--mirai-ui-checkbox-checked-color);
|
|
45
|
+
}
|
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
|
+
|
|
3
|
+
exports[`primitive:<Checkbox> inherit:className 1`] = `
|
|
4
|
+
<DocumentFragment>
|
|
5
|
+
<div
|
|
6
|
+
class="checkbox mirai"
|
|
7
|
+
>
|
|
8
|
+
<input
|
|
9
|
+
class=""
|
|
10
|
+
name="name"
|
|
11
|
+
type="checkbox"
|
|
12
|
+
value=""
|
|
13
|
+
/>
|
|
14
|
+
</div>
|
|
15
|
+
</DocumentFragment>
|
|
16
|
+
`;
|
|
17
|
+
|
|
18
|
+
exports[`primitive:<Checkbox> prop:checked && disabled 1`] = `
|
|
19
|
+
<DocumentFragment>
|
|
20
|
+
<div
|
|
21
|
+
class="checkbox"
|
|
22
|
+
>
|
|
23
|
+
<input
|
|
24
|
+
checked=""
|
|
25
|
+
class="checked"
|
|
26
|
+
disabled=""
|
|
27
|
+
name="name"
|
|
28
|
+
type="checkbox"
|
|
29
|
+
value=""
|
|
30
|
+
/>
|
|
31
|
+
</div>
|
|
32
|
+
</DocumentFragment>
|
|
33
|
+
`;
|
|
34
|
+
|
|
35
|
+
exports[`primitive:<Checkbox> prop:checked 1`] = `
|
|
36
|
+
<DocumentFragment>
|
|
37
|
+
<div
|
|
38
|
+
class="checkbox"
|
|
39
|
+
>
|
|
40
|
+
<input
|
|
41
|
+
checked=""
|
|
42
|
+
class="checked"
|
|
43
|
+
name="name"
|
|
44
|
+
type="checkbox"
|
|
45
|
+
value=""
|
|
46
|
+
/>
|
|
47
|
+
</div>
|
|
48
|
+
</DocumentFragment>
|
|
49
|
+
`;
|
|
50
|
+
|
|
51
|
+
exports[`primitive:<Checkbox> prop:children 1`] = `
|
|
52
|
+
<DocumentFragment>
|
|
53
|
+
<div
|
|
54
|
+
class="checkbox"
|
|
55
|
+
>
|
|
56
|
+
<input
|
|
57
|
+
class=""
|
|
58
|
+
name="name"
|
|
59
|
+
type="checkbox"
|
|
60
|
+
value=""
|
|
61
|
+
/>
|
|
62
|
+
<div />
|
|
63
|
+
</div>
|
|
64
|
+
</DocumentFragment>
|
|
65
|
+
`;
|
|
66
|
+
|
|
67
|
+
exports[`primitive:<Checkbox> prop:disabled 1`] = `
|
|
68
|
+
<DocumentFragment>
|
|
69
|
+
<div
|
|
70
|
+
class="checkbox"
|
|
71
|
+
>
|
|
72
|
+
<input
|
|
73
|
+
class=""
|
|
74
|
+
disabled=""
|
|
75
|
+
name="name"
|
|
76
|
+
type="checkbox"
|
|
77
|
+
value=""
|
|
78
|
+
/>
|
|
79
|
+
</div>
|
|
80
|
+
</DocumentFragment>
|
|
81
|
+
`;
|
|
82
|
+
|
|
83
|
+
exports[`primitive:<Checkbox> prop:value 1`] = `
|
|
84
|
+
<DocumentFragment>
|
|
85
|
+
<div
|
|
86
|
+
class="checkbox"
|
|
87
|
+
>
|
|
88
|
+
<input
|
|
89
|
+
class=""
|
|
90
|
+
name="name"
|
|
91
|
+
type="checkbox"
|
|
92
|
+
value="value"
|
|
93
|
+
/>
|
|
94
|
+
</div>
|
|
95
|
+
</DocumentFragment>
|
|
96
|
+
`;
|
|
97
|
+
|
|
98
|
+
exports[`primitive:<Checkbox> render 1`] = `
|
|
99
|
+
<DocumentFragment>
|
|
100
|
+
<div
|
|
101
|
+
class="checkbox"
|
|
102
|
+
>
|
|
103
|
+
<input
|
|
104
|
+
class=""
|
|
105
|
+
name="name"
|
|
106
|
+
type="checkbox"
|
|
107
|
+
value=""
|
|
108
|
+
/>
|
|
109
|
+
</div>
|
|
110
|
+
</DocumentFragment>
|
|
111
|
+
`;
|
|
112
|
+
|
|
113
|
+
exports[`primitive:<Checkbox> testID 1`] = `
|
|
114
|
+
<DocumentFragment>
|
|
115
|
+
<div
|
|
116
|
+
class="checkbox"
|
|
117
|
+
>
|
|
118
|
+
<input
|
|
119
|
+
class=""
|
|
120
|
+
data-testid="mirai"
|
|
121
|
+
name="name"
|
|
122
|
+
type="checkbox"
|
|
123
|
+
value=""
|
|
124
|
+
/>
|
|
125
|
+
</div>
|
|
126
|
+
</DocumentFragment>
|
|
127
|
+
`;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
|
|
7
|
+
var _Checkbox = require("./Checkbox");
|
|
8
|
+
|
|
9
|
+
Object.keys(_Checkbox).forEach(function (key) {
|
|
10
|
+
if (key === "default" || key === "__esModule") return;
|
|
11
|
+
if (key in exports && exports[key] === _Checkbox[key]) return;
|
|
12
|
+
Object.defineProperty(exports, key, {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function get() {
|
|
15
|
+
return _Checkbox[key];
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
});
|
|
19
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../src/primitives/Checkbox/index.js"],"sourcesContent":["export * from './Checkbox';\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"Icon.constants.js","names":["ICONS","Left","Right","Up","Down","Close","CloseArrow","Plus","Minus","EyeOpen","EyeClose","Check"],"sources":["../../../src/primitives/Icon/Icon.constants.js"],"sourcesContent":["import {\n FiArrowUp as Up,\n FiArrowDown as Down,\n FiArrowLeft as Left,\n FiArrowRight as Right,\n FiChevronDown as CloseArrow,\n FiX as Close,\n FiEye as EyeOpen,\n FiEyeOff as EyeClose,\n FiPlus as Plus,\n FiMinus as Minus,\n FiCheck as Check,\n} from 'react-icons/fi';\n\nconst ICONS = {\n // directions\n Left,\n Right,\n Up,\n Down,\n // Close\n Close,\n CloseArrow,\n // Calc\n Plus,\n Minus,\n // Eye\n EyeOpen,\n EyeClose,\n // Check\n Check,\n};\n\nexport { ICONS };\n"],"mappings":";;;;;;;AAAA;;AAcA,IAAMA,KAAK,GAAG;EACZ;EACAC,IAAI,EAAJA,eAFY;EAGZC,KAAK,EAALA,gBAHY;EAIZC,EAAE,EAAFA,aAJY;EAKZC,IAAI,EAAJA,eALY;EAMZ;EACAC,KAAK,EAALA,OAPY;EAQZC,UAAU,EAAVA,iBARY;EASZ;EACAC,IAAI,EAAJA,UAVY;EAWZC,KAAK,EAALA,WAXY;EAYZ;EACAC,OAAO,EAAPA,SAbY;EAcZC,QAAQ,EAARA,YAdY;EAeZ;EACAC,KAAK,EAALA;AAhBY,CAAd"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"Icon.js","names":["Icon","name","others","React","createElement","className","style","icon","ICONS","undefined","displayName"],"sources":["../../../src/primitives/Icon/Icon.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { ICONS } from './Icon.constants';\nimport style from './Icon.module.css';\n\nconst Icon = ({ name, ...others }) =>\n React.createElement(\n 'span',\n {\n ...others,\n className: styles(style.icon, others.className),\n },\n ICONS[name] ? React.createElement(ICONS[name]) : undefined,\n );\n\nIcon.displayName = 'Primitive:Icon';\n\nIcon.propTypes = {\n name: PropTypes.oneOf(Object.keys(ICONS)).isRequired,\n};\n\nexport { Icon };\n"],"mappings":";;;;;;;;;;;;;AACA;;AAEA;;AACA;;AACA;;;;AAEA,IAAMA,IAAI,GAAG,SAAPA,IAAO;EAAA,IAAGC,IAAH,QAAGA,IAAH;EAAA,IAAYC,MAAZ;EAAA,oBACXC,eAAMC,aAAN,CACE,MADF,8DAGOF,MAHP;IAIIG,SAAS,EAAE,qBAAOC,oBAAMC,IAAb,EAAmBL,MAAM,CAACG,SAA1B;EAJf,IAMEG,YAAMP,IAAN,iBAAcE,eAAMC,aAAN,CAAoBI,YAAMP,IAAN,CAApB,CAAd,GAAiDQ,SANnD,CADW;AAAA,CAAb;;;AAUAT,IAAI,CAACU,WAAL,GAAmB,gBAAnB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../src/primitives/Icon/index.js"],"sourcesContent":["export * from './Icon';\nexport { ICONS } from './Icon.constants';\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"Input.js","names":["Input","disabled","multiLine","type","onChange","onEnter","onError","onLeave","others","errors","handleChange","next","event","isNaN","value","React","createElement","className","style","input","target","onFocus","onBlur","displayName"],"sources":["../../../src/primitives/Input/Input.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { getInputErrors, styles } from '../../helpers';\nimport { parseValue } from './helpers';\nimport style from './Input.module.css';\n\nconst Input = ({ disabled, multiLine, type = 'text', onChange, onEnter, onError, onLeave, ...others }) => {\n const errors = getInputErrors({ ...others, type });\n if (errors && onError) onError(errors);\n\n const handleChange = (next = '', event) => {\n if (type === 'number' && isNaN(next)) return;\n const value = parseValue(next, type, others);\n\n onError && onError(getInputErrors({ ...others, type, value }));\n onChange && onChange(value || '', event);\n };\n\n return React.createElement(multiLine ? 'textarea' : 'input', {\n ...others,\n disabled,\n className: styles(style.input, others.className),\n type,\n ...(!disabled\n ? {\n onChange: (event) => handleChange(event.target.value, event),\n onFocus: onEnter,\n onBlur: onLeave,\n }\n : {}),\n });\n};\nInput.displayName = 'Primitive:Input';\n\nInput.propTypes = {\n disabled: PropTypes.bool,\n multiLine: PropTypes.bool,\n name: PropTypes.string.isRequired,\n type: PropTypes.string,\n onChange: PropTypes.func,\n onEnter: PropTypes.func,\n onError: PropTypes.func,\n onLeave: PropTypes.func,\n};\n\nexport { Input };\n"],"mappings":";;;;;;;;;;;;;AACA;;AAEA;;AACA;;AACA;;;;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAQ,OAA4F;EAAA,IAAzFC,QAAyF,QAAzFA,QAAyF;EAAA,IAA/EC,SAA+E,QAA/EA,SAA+E;EAAA,qBAApEC,IAAoE;EAAA,IAApEA,IAAoE,0BAA7D,MAA6D;EAAA,IAArDC,QAAqD,QAArDA,QAAqD;EAAA,IAA3CC,OAA2C,QAA3CA,OAA2C;EAAA,IAAlCC,OAAkC,QAAlCA,OAAkC;EAAA,IAAzBC,OAAyB,QAAzBA,OAAyB;EAAA,IAAbC,MAAa;EACxG,IAAMC,MAAM,GAAG,yFAAoBD,MAApB;IAA4BL,IAAI,EAAJA;EAA5B,GAAf;EACA,IAAIM,MAAM,IAAIH,OAAd,EAAuBA,OAAO,CAACG,MAAD,CAAP;;EAEvB,IAAMC,YAAY,GAAG,SAAfA,YAAe,GAAsB;IAAA,IAArBC,IAAqB,uEAAd,EAAc;IAAA,IAAVC,KAAU;IACzC,IAAIT,IAAI,KAAK,QAAT,IAAqBU,KAAK,CAACF,IAAD,CAA9B,EAAsC;IACtC,IAAMG,KAAK,GAAG,0BAAWH,IAAX,EAAiBR,IAAjB,EAAuBK,MAAvB,CAAd;IAEAF,OAAO,IAAIA,OAAO,CAAC,yFAAoBE,MAApB;MAA4BL,IAAI,EAAJA,IAA5B;MAAkCW,KAAK,EAALA;IAAlC,GAAD,CAAlB;IACAV,QAAQ,IAAIA,QAAQ,CAACU,KAAK,IAAI,EAAV,EAAcF,KAAd,CAApB;EACD,CAND;;EAQA,oBAAOG,eAAMC,aAAN,CAAoBd,SAAS,GAAG,UAAH,GAAgB,OAA7C,8DACFM,MADE;IAELP,QAAQ,EAARA,QAFK;IAGLgB,SAAS,EAAE,qBAAOC,qBAAMC,KAAb,EAAoBX,MAAM,CAACS,SAA3B,CAHN;IAILd,IAAI,EAAJA;EAJK,GAKD,CAACF,QAAD,GACA;IACEG,QAAQ,EAAE,kBAACQ,KAAD;MAAA,OAAWF,YAAY,CAACE,KAAK,CAACQ,MAAN,CAAaN,KAAd,EAAqBF,KAArB,CAAvB;IAAA,CADZ;IAEES,OAAO,EAAEhB,OAFX;IAGEiB,MAAM,EAAEf;EAHV,CADA,GAMA,EAXC,EAAP;AAaD,CAzBD;;;AA0BAP,KAAK,CAACuB,WAAN,GAAoB,iBAApB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/primitives/Input/helpers/index.js"],"sourcesContent":["export * from './parseValue';\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"parseValue.js","names":["parseValue","value","type","trimSpaces","toString","trim","length","isNaN","parseFloat","undefined"],"sources":["../../../../src/primitives/Input/helpers/parseValue.js"],"sourcesContent":["export const parseValue = (value, type, { trimSpaces = false } = {}) =>\n value && value.toString().trim().length > 0\n ? type !== 'number'\n ? (trimSpaces ? value.trim() : value).toString()\n : !isNaN(value)\n ? parseFloat(value, 10)\n : undefined\n : undefined;\n"],"mappings":";;;;;;;AAAO,IAAMA,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD,EAAQC,IAAR;EAAA,+EAAuC,EAAvC;EAAA,2BAAgBC,UAAhB;EAAA,IAAgBA,UAAhB,gCAA6B,KAA7B;;EAAA,OACxBF,KAAK,IAAIA,KAAK,CAACG,QAAN,GAAiBC,IAAjB,GAAwBC,MAAxB,GAAiC,CAA1C,GACIJ,IAAI,KAAK,QAAT,GACE,CAACC,UAAU,GAAGF,KAAK,CAACI,IAAN,EAAH,GAAkBJ,KAA7B,EAAoCG,QAApC,EADF,GAEE,CAACG,KAAK,CAACN,KAAD,CAAN,GACAO,UAAU,CAACP,KAAD,EAAQ,EAAR,CADV,GAEAQ,SALN,GAMIA,SAPoB;AAAA,CAAnB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../src/primitives/Input/index.js"],"sourcesContent":["export * from './Input';\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"Pressable.constants.js","names":["KEY_ENTER"],"sources":["../../../src/primitives/Pressable/Pressable.constants.js"],"sourcesContent":["const KEY_ENTER = 13;\n\nexport { KEY_ENTER };\n"],"mappings":";;;;;;AAAA,IAAMA,SAAS,GAAG,EAAlB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"Pressable.js","names":["Pressable","children","disabled","tag","onEnter","onLeave","onPress","others","React","createElement","className","style","pressable","onClick","onKeyPress","keyCode","KEY_ENTER","undefined","onMouseEnter","onMouseLeave","displayName"],"sources":["../../../src/primitives/Pressable/Pressable.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { KEY_ENTER } from './Pressable.constants';\nimport style from './Pressable.module.css';\n\nconst Pressable = ({ children, disabled, tag = 'button', onEnter, onLeave, onPress = () => {}, ...others }) =>\n React.createElement(\n tag,\n {\n ...others,\n disabled,\n className: styles(style.pressable, others.className),\n ...(!disabled\n ? {\n onClick: onPress,\n onKeyPress: ({ keyCode }) => (keyCode === KEY_ENTER ? onPress() : undefined),\n onMouseEnter: onEnter,\n onMouseLeave: onLeave,\n }\n : {}),\n },\n children,\n );\n\nPressable.displayName = 'Primitive:Pressable';\n\nPressable.propTypes = {\n children: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n disabled: PropTypes.bool,\n tag: PropTypes.string,\n onEnter: PropTypes.func,\n onLeave: PropTypes.func,\n onPress: PropTypes.func,\n};\n\nexport { Pressable };\n"],"mappings":";;;;;;;;;;;;;AACA;;AAEA;;AACA;;AACA;;;;AAEA,IAAMA,SAAS,GAAG,SAAZA,SAAY;EAAA,IAAGC,QAAH,QAAGA,QAAH;EAAA,IAAaC,QAAb,QAAaA,QAAb;EAAA,oBAAuBC,GAAvB;EAAA,IAAuBA,GAAvB,yBAA6B,QAA7B;EAAA,IAAuCC,OAAvC,QAAuCA,OAAvC;EAAA,IAAgDC,OAAhD,QAAgDA,OAAhD;EAAA,wBAAyDC,OAAzD;EAAA,IAAyDA,OAAzD,6BAAmE,YAAM,CAAE,CAA3E;EAAA,IAAgFC,MAAhF;EAAA,oBAChBC,eAAMC,aAAN,CACEN,GADF,8DAGOI,MAHP;IAIIL,QAAQ,EAARA,QAJJ;IAKIQ,SAAS,EAAE,qBAAOC,yBAAMC,SAAb,EAAwBL,MAAM,CAACG,SAA/B;EALf,GAMQ,CAACR,QAAD,GACA;IACEW,OAAO,EAAEP,OADX;IAEEQ,UAAU,EAAE;MAAA,IAAGC,OAAH,SAAGA,OAAH;MAAA,OAAkBA,OAAO,KAAKC,oBAAZ,GAAwBV,OAAO,EAA/B,GAAoCW,SAAtD;IAAA,CAFd;IAGEC,YAAY,EAAEd,OAHhB;IAIEe,YAAY,EAAEd;EAJhB,CADA,GAOA,EAbR,GAeEJ,QAfF,CADgB;AAAA,CAAlB;;;AAmBAD,SAAS,CAACoB,WAAV,GAAwB,qBAAxB"}
|