@mirai/ui 1.0.13 → 1.0.16
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/Calendar/Calendar.Week.js +1 -1
- package/build/components/Calendar/Calendar.Week.js.map +1 -1
- package/build/components/Calendar/__tests__/__snapshots__/Calendar.test.jsx.snap +1472 -248
- package/build/components/Calendar/helpers/getFirstDateOfWeek.js +2 -1
- package/build/components/Calendar/helpers/getFirstDateOfWeek.js.map +1 -1
- package/build/components/Calendar/helpers/getFirstDayOfWeek.js +17 -0
- package/build/components/Calendar/helpers/getFirstDayOfWeek.js.map +1 -0
- package/build/components/Calendar/helpers/getWeekDays.js +5 -1
- package/build/components/Calendar/helpers/getWeekDays.js.map +1 -1
- package/build/components/Calendar/helpers/index.js +13 -0
- package/build/components/Calendar/helpers/index.js.map +1 -1
- package/build/components/InputNumber/InputNumber.js +2 -0
- package/build/components/InputNumber/InputNumber.js.map +1 -1
- package/build/primitives/Pressable/Pressable.js +13 -5
- package/build/primitives/Pressable/Pressable.js.map +1 -1
- package/package.json +2 -2
|
@@ -11,8 +11,9 @@ var DAY_MS = 24 * 60 * 60 * 1000;
|
|
|
11
11
|
var WEEK_MS = 7 * DAY_MS;
|
|
12
12
|
|
|
13
13
|
var getFirstDateOfWeek = function getFirstDateOfWeek(week, year) {
|
|
14
|
+
var firstDayOfWeek = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
|
|
14
15
|
var date = (0, _locale.UTC)(new Date(year, 0, 1, 0));
|
|
15
|
-
var offsetTimeStart = DAY_MS * (date.getDay() - 1);
|
|
16
|
+
var offsetTimeStart = DAY_MS * (date.getDay() - (firstDayOfWeek === 6 ? -1 : firstDayOfWeek));
|
|
16
17
|
return (0, _locale.UTC)(new Date(date.getTime() + WEEK_MS * (week - 1) - offsetTimeStart));
|
|
17
18
|
};
|
|
18
19
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getFirstDateOfWeek.js","names":["DAY_MS","WEEK_MS","getFirstDateOfWeek","week","year","date","Date","offsetTimeStart","getDay","getTime"],"sources":["../../../../src/components/Calendar/helpers/getFirstDateOfWeek.js"],"sourcesContent":["import { UTC } from '@mirai/locale';\n\nconst DAY_MS = 24 * 60 * 60 * 1000;\nconst WEEK_MS = 7 * DAY_MS;\n\nexport const getFirstDateOfWeek = (week, year) => {\n const date = UTC(new Date(year, 0, 1, 0));\n const offsetTimeStart = DAY_MS * (date.getDay() - 1);\n\n return UTC(new Date(date.getTime() + WEEK_MS * (week - 1) - offsetTimeStart));\n};\n"],"mappings":";;;;;;;AAAA;;AAEA,IAAMA,MAAM,GAAG,KAAK,EAAL,GAAU,EAAV,GAAe,IAA9B;AACA,IAAMC,OAAO,GAAG,IAAID,MAApB;;AAEO,IAAME,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,IAAD,EAAOC,IAAP,
|
|
1
|
+
{"version":3,"file":"getFirstDateOfWeek.js","names":["DAY_MS","WEEK_MS","getFirstDateOfWeek","week","year","firstDayOfWeek","date","Date","offsetTimeStart","getDay","getTime"],"sources":["../../../../src/components/Calendar/helpers/getFirstDateOfWeek.js"],"sourcesContent":["import { UTC } from '@mirai/locale';\n\nconst DAY_MS = 24 * 60 * 60 * 1000;\nconst WEEK_MS = 7 * DAY_MS;\n\nexport const getFirstDateOfWeek = (week, year, firstDayOfWeek = 1) => {\n const date = UTC(new Date(year, 0, 1, 0));\n const offsetTimeStart = DAY_MS * (date.getDay() - (firstDayOfWeek === 6 ? -1 : firstDayOfWeek));\n\n return UTC(new Date(date.getTime() + WEEK_MS * (week - 1) - offsetTimeStart));\n};\n"],"mappings":";;;;;;;AAAA;;AAEA,IAAMA,MAAM,GAAG,KAAK,EAAL,GAAU,EAAV,GAAe,IAA9B;AACA,IAAMC,OAAO,GAAG,IAAID,MAApB;;AAEO,IAAME,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,IAAD,EAAOC,IAAP,EAAoC;EAAA,IAAvBC,cAAuB,uEAAN,CAAM;EACpE,IAAMC,IAAI,GAAG,iBAAI,IAAIC,IAAJ,CAASH,IAAT,EAAe,CAAf,EAAkB,CAAlB,EAAqB,CAArB,CAAJ,CAAb;EACA,IAAMI,eAAe,GAAGR,MAAM,IAAIM,IAAI,CAACG,MAAL,MAAiBJ,cAAc,KAAK,CAAnB,GAAuB,CAAC,CAAxB,GAA4BA,cAA7C,CAAJ,CAA9B;EAEA,OAAO,iBAAI,IAAIE,IAAJ,CAASD,IAAI,CAACI,OAAL,KAAiBT,OAAO,IAAIE,IAAI,GAAG,CAAX,CAAxB,GAAwCK,eAAjD,CAAJ,CAAP;AACD,CALM"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.getFirstDayOfWeek = void 0;
|
|
7
|
+
var LOCALES_IN_SUNDAY = ['EN-US', 'EN-CA', 'JA-JP'];
|
|
8
|
+
var LOCALES_IN_SATURDAY = ['AR'];
|
|
9
|
+
|
|
10
|
+
var getFirstDayOfWeek = function getFirstDayOfWeek() {
|
|
11
|
+
var locale = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'en-GB';
|
|
12
|
+
var uppercaseLocale = locale.toUpperCase();
|
|
13
|
+
return LOCALES_IN_SUNDAY.includes(uppercaseLocale) ? 0 : LOCALES_IN_SATURDAY.includes(uppercaseLocale) ? 6 : 1;
|
|
14
|
+
};
|
|
15
|
+
|
|
16
|
+
exports.getFirstDayOfWeek = getFirstDayOfWeek;
|
|
17
|
+
//# sourceMappingURL=getFirstDayOfWeek.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"getFirstDayOfWeek.js","names":["LOCALES_IN_SUNDAY","LOCALES_IN_SATURDAY","getFirstDayOfWeek","locale","uppercaseLocale","toUpperCase","includes"],"sources":["../../../../src/components/Calendar/helpers/getFirstDayOfWeek.js"],"sourcesContent":["const LOCALES_IN_SUNDAY = ['EN-US', 'EN-CA', 'JA-JP'];\nconst LOCALES_IN_SATURDAY = ['AR'];\n\nexport const getFirstDayOfWeek = (locale = 'en-GB') => {\n const uppercaseLocale = locale.toUpperCase();\n return LOCALES_IN_SUNDAY.includes(uppercaseLocale) ? 0 : LOCALES_IN_SATURDAY.includes(uppercaseLocale) ? 6 : 1;\n};\n"],"mappings":";;;;;;AAAA,IAAMA,iBAAiB,GAAG,CAAC,OAAD,EAAU,OAAV,EAAmB,OAAnB,CAA1B;AACA,IAAMC,mBAAmB,GAAG,CAAC,IAAD,CAA5B;;AAEO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,GAAsB;EAAA,IAArBC,MAAqB,uEAAZ,OAAY;EACrD,IAAMC,eAAe,GAAGD,MAAM,CAACE,WAAP,EAAxB;EACA,OAAOL,iBAAiB,CAACM,QAAlB,CAA2BF,eAA3B,IAA8C,CAA9C,GAAkDH,mBAAmB,CAACK,QAApB,CAA6BF,eAA7B,IAAgD,CAAhD,GAAoD,CAA7G;AACD,CAHM"}
|
|
@@ -7,12 +7,16 @@ exports.getWeekDays = void 0;
|
|
|
7
7
|
|
|
8
8
|
var _locale = require("@mirai/locale");
|
|
9
9
|
|
|
10
|
+
var _getFirstDayOfWeek = require("./getFirstDayOfWeek");
|
|
11
|
+
|
|
10
12
|
var _getToday = require("./getToday");
|
|
11
13
|
|
|
12
14
|
var getWeekDays = function getWeekDays(locale) {
|
|
13
15
|
var today = (0, _getToday.getToday)();
|
|
14
16
|
var weekdays = [];
|
|
15
|
-
var
|
|
17
|
+
var firstDayOfWeek = (0, _getFirstDayOfWeek.getFirstDayOfWeek)(locale);
|
|
18
|
+
var offsetDays = firstDayOfWeek === 0 ? 0 : today.getDay() === 0 ? -7 + firstDayOfWeek : firstDayOfWeek;
|
|
19
|
+
var date = (0, _locale.UTC)(new Date(today.setDate(today.getDate() - today.getDay() + offsetDays)));
|
|
16
20
|
Array.from(Array(7).keys()).forEach(function () {
|
|
17
21
|
weekdays.push((0, _locale.dateFormat)(date, {
|
|
18
22
|
locale: locale,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getWeekDays.js","names":["getWeekDays","locale","today","weekdays","date","Date","setDate","getDate","
|
|
1
|
+
{"version":3,"file":"getWeekDays.js","names":["getWeekDays","locale","today","weekdays","firstDayOfWeek","offsetDays","getDay","date","Date","setDate","getDate","Array","from","keys","forEach","push","weekday","substr"],"sources":["../../../../src/components/Calendar/helpers/getWeekDays.js"],"sourcesContent":["import { dateFormat, UTC } from '@mirai/locale';\n\nimport { getFirstDayOfWeek } from './getFirstDayOfWeek';\nimport { getToday } from './getToday';\n\nexport const getWeekDays = (locale) => {\n const today = getToday();\n const weekdays = [];\n\n const firstDayOfWeek = getFirstDayOfWeek(locale);\n const offsetDays = firstDayOfWeek === 0 ? 0 : today.getDay() === 0 ? -7 + firstDayOfWeek : firstDayOfWeek;\n const date = UTC(new Date(today.setDate(today.getDate() - today.getDay() + offsetDays)));\n\n Array.from(Array(7).keys()).forEach(() => {\n weekdays.push(dateFormat(date, { locale, weekday: 'short' }).substr(0, 3));\n date.setDate(date.getDate() + 1);\n });\n\n return weekdays;\n};\n"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AAEO,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,MAAD,EAAY;EACrC,IAAMC,KAAK,GAAG,yBAAd;EACA,IAAMC,QAAQ,GAAG,EAAjB;EAEA,IAAMC,cAAc,GAAG,0CAAkBH,MAAlB,CAAvB;EACA,IAAMI,UAAU,GAAGD,cAAc,KAAK,CAAnB,GAAuB,CAAvB,GAA2BF,KAAK,CAACI,MAAN,OAAmB,CAAnB,GAAuB,CAAC,CAAD,GAAKF,cAA5B,GAA6CA,cAA3F;EACA,IAAMG,IAAI,GAAG,iBAAI,IAAIC,IAAJ,CAASN,KAAK,CAACO,OAAN,CAAcP,KAAK,CAACQ,OAAN,KAAkBR,KAAK,CAACI,MAAN,EAAlB,GAAmCD,UAAjD,CAAT,CAAJ,CAAb;EAEAM,KAAK,CAACC,IAAN,CAAWD,KAAK,CAAC,CAAD,CAAL,CAASE,IAAT,EAAX,EAA4BC,OAA5B,CAAoC,YAAM;IACxCX,QAAQ,CAACY,IAAT,CAAc,wBAAWR,IAAX,EAAiB;MAAEN,MAAM,EAANA,MAAF;MAAUe,OAAO,EAAE;IAAnB,CAAjB,EAA+CC,MAA/C,CAAsD,CAAtD,EAAyD,CAAzD,CAAd;IACAV,IAAI,CAACE,OAAL,CAAaF,IAAI,CAACG,OAAL,KAAiB,CAA9B;EACD,CAHD;EAKA,OAAOP,QAAP;AACD,CAdM"}
|
|
@@ -30,6 +30,19 @@ Object.keys(_getFirstDateOfWeek).forEach(function (key) {
|
|
|
30
30
|
});
|
|
31
31
|
});
|
|
32
32
|
|
|
33
|
+
var _getFirstDayOfWeek = require("./getFirstDayOfWeek");
|
|
34
|
+
|
|
35
|
+
Object.keys(_getFirstDayOfWeek).forEach(function (key) {
|
|
36
|
+
if (key === "default" || key === "__esModule") return;
|
|
37
|
+
if (key in exports && exports[key] === _getFirstDayOfWeek[key]) return;
|
|
38
|
+
Object.defineProperty(exports, key, {
|
|
39
|
+
enumerable: true,
|
|
40
|
+
get: function get() {
|
|
41
|
+
return _getFirstDayOfWeek[key];
|
|
42
|
+
}
|
|
43
|
+
});
|
|
44
|
+
});
|
|
45
|
+
|
|
33
46
|
var _getHeader = require("./getHeader");
|
|
34
47
|
|
|
35
48
|
Object.keys(_getHeader).forEach(function (key) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Calendar/helpers/index.js"],"sourcesContent":["export * from './getFirstDateOfMonth';\nexport * from './getFirstDateOfWeek';\nexport * from './getHeader';\nexport * from './getToday';\nexport * from './getWeekDays';\nexport * from './getWeekNumber';\nexport * from './isJest';\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"}
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Calendar/helpers/index.js"],"sourcesContent":["export * from './getFirstDateOfMonth';\nexport * from './getFirstDateOfWeek';\nexport * from './getFirstDayOfWeek';\nexport * from './getHeader';\nexport * from './getToday';\nexport * from './getWeekDays';\nexport * from './getWeekNumber';\nexport * from './isJest';\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"}
|
|
@@ -56,6 +56,7 @@ var InputNumber = function InputNumber(_ref) {
|
|
|
56
56
|
}, hint)), /*#__PURE__*/_react.default.createElement(_Button.Button, {
|
|
57
57
|
disabled: disabled || value <= min,
|
|
58
58
|
outlined: true,
|
|
59
|
+
preventDefault: true,
|
|
59
60
|
squared: true,
|
|
60
61
|
onPress: function onPress() {
|
|
61
62
|
return onChange(value - step, name);
|
|
@@ -67,6 +68,7 @@ var InputNumber = function InputNumber(_ref) {
|
|
|
67
68
|
}, typeof value === 'number' ? value : min), /*#__PURE__*/_react.default.createElement(_Button.Button, {
|
|
68
69
|
disabled: disabled || value >= max,
|
|
69
70
|
outlined: true,
|
|
71
|
+
preventDefault: true,
|
|
70
72
|
squared: true,
|
|
71
73
|
onPress: function onPress() {
|
|
72
74
|
return onChange(value + step, name);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputNumber.js","names":["InputNumber","disabled","hint","label","max","min","name","step","value","onChange","others","style","inputNumber","className","texts","propTypes","PropTypes","bool","string","number","isRequired","func"],"sources":["../../../src/components/InputNumber/InputNumber.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, Text, View } from '../../primitives';\nimport { Button } from '../Button';\nimport style from './InputNumber.module.css';\n\nexport const InputNumber = ({\n disabled,\n hint,\n label,\n max,\n min = 0,\n name,\n step = 1,\n value = 0,\n onChange = () => {},\n ...others\n}) => (\n <View {...others} row className={styles(style.inputNumber, others.className)}>\n <View className={style.texts}>\n {label && <Text className={disabled && style.disabled}>{label}</Text>}\n {hint && (\n <Text small className={styles(style.hint, disabled && style.disabled)}>\n {hint}\n </Text>\n )}\n </View>\n <Button
|
|
1
|
+
{"version":3,"file":"InputNumber.js","names":["InputNumber","disabled","hint","label","max","min","name","step","value","onChange","others","style","inputNumber","className","texts","propTypes","PropTypes","bool","string","number","isRequired","func"],"sources":["../../../src/components/InputNumber/InputNumber.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, Text, View } from '../../primitives';\nimport { Button } from '../Button';\nimport style from './InputNumber.module.css';\n\nexport const InputNumber = ({\n disabled,\n hint,\n label,\n max,\n min = 0,\n name,\n step = 1,\n value = 0,\n onChange = () => {},\n ...others\n}) => (\n <View {...others} row className={styles(style.inputNumber, others.className)}>\n <View className={style.texts}>\n {label && <Text className={disabled && style.disabled}>{label}</Text>}\n {hint && (\n <Text small className={styles(style.hint, disabled && style.disabled)}>\n {hint}\n </Text>\n )}\n </View>\n <Button\n disabled={disabled || value <= min}\n outlined\n preventDefault\n squared\n onPress={() => onChange(value - step, name)}\n >\n <Icon name=\"Minus\" />\n </Button>\n <Text className={style.value}>{typeof value === 'number' ? value : min}</Text>\n <Button\n disabled={disabled || value >= max}\n outlined\n preventDefault\n squared\n onPress={() => onChange(value + step, name)}\n >\n <Icon name=\"Plus\" />\n </Button>\n </View>\n);\n\nInputNumber.propTypes = {\n disabled: PropTypes.bool,\n hint: PropTypes.string,\n label: PropTypes.string,\n max: PropTypes.number,\n min: PropTypes.number,\n name: PropTypes.string.isRequired,\n step: PropTypes.number,\n value: PropTypes.number,\n onChange: PropTypes.func,\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;;;AAEO,IAAMA,WAAW,GAAG,SAAdA,WAAc;EAAA,IACzBC,QADyB,QACzBA,QADyB;EAAA,IAEzBC,IAFyB,QAEzBA,IAFyB;EAAA,IAGzBC,KAHyB,QAGzBA,KAHyB;EAAA,IAIzBC,GAJyB,QAIzBA,GAJyB;EAAA,oBAKzBC,GALyB;EAAA,IAKzBA,GALyB,yBAKnB,CALmB;EAAA,IAMzBC,IANyB,QAMzBA,IANyB;EAAA,qBAOzBC,IAPyB;EAAA,IAOzBA,IAPyB,0BAOlB,CAPkB;EAAA,sBAQzBC,KARyB;EAAA,IAQzBA,KARyB,2BAQjB,CARiB;EAAA,yBASzBC,QATyB;EAAA,IASzBA,QATyB,8BASd,YAAM,CAAE,CATM;EAAA,IAUtBC,MAVsB;;EAAA,oBAYzB,6BAAC,gBAAD,eAAUA,MAAV;IAAkB,GAAG,MAArB;IAAsB,SAAS,EAAE,qBAAOC,2BAAMC,WAAb,EAA0BF,MAAM,CAACG,SAAjC;EAAjC,iBACE,6BAAC,gBAAD;IAAM,SAAS,EAAEF,2BAAMG;EAAvB,GACGX,KAAK,iBAAI,6BAAC,gBAAD;IAAM,SAAS,EAAEF,QAAQ,IAAIU,2BAAMV;EAAnC,GAA8CE,KAA9C,CADZ,EAEGD,IAAI,iBACH,6BAAC,gBAAD;IAAM,KAAK,MAAX;IAAY,SAAS,EAAE,qBAAOS,2BAAMT,IAAb,EAAmBD,QAAQ,IAAIU,2BAAMV,QAArC;EAAvB,GACGC,IADH,CAHJ,CADF,eASE,6BAAC,cAAD;IACE,QAAQ,EAAED,QAAQ,IAAIO,KAAK,IAAIH,GADjC;IAEE,QAAQ,MAFV;IAGE,cAAc,MAHhB;IAIE,OAAO,MAJT;IAKE,OAAO,EAAE;MAAA,OAAMI,QAAQ,CAACD,KAAK,GAAGD,IAAT,EAAeD,IAAf,CAAd;IAAA;EALX,gBAOE,6BAAC,gBAAD;IAAM,IAAI,EAAC;EAAX,EAPF,CATF,eAkBE,6BAAC,gBAAD;IAAM,SAAS,EAAEK,2BAAMH;EAAvB,GAA+B,OAAOA,KAAP,KAAiB,QAAjB,GAA4BA,KAA5B,GAAoCH,GAAnE,CAlBF,eAmBE,6BAAC,cAAD;IACE,QAAQ,EAAEJ,QAAQ,IAAIO,KAAK,IAAIJ,GADjC;IAEE,QAAQ,MAFV;IAGE,cAAc,MAHhB;IAIE,OAAO,MAJT;IAKE,OAAO,EAAE;MAAA,OAAMK,QAAQ,CAACD,KAAK,GAAGD,IAAT,EAAeD,IAAf,CAAd;IAAA;EALX,gBAOE,6BAAC,gBAAD;IAAM,IAAI,EAAC;EAAX,EAPF,CAnBF,CAZyB;AAAA,CAApB;;;AA2CPN,WAAW,CAACe,SAAZ,GAAwB;EACtBd,QAAQ,EAAEe,mBAAUC,IADE;EAEtBf,IAAI,EAAEc,mBAAUE,MAFM;EAGtBf,KAAK,EAAEa,mBAAUE,MAHK;EAItBd,GAAG,EAAEY,mBAAUG,MAJO;EAKtBd,GAAG,EAAEW,mBAAUG,MALO;EAMtBb,IAAI,EAAEU,mBAAUE,MAAV,CAAiBE,UAND;EAOtBb,IAAI,EAAES,mBAAUG,MAPM;EAQtBX,KAAK,EAAEQ,mBAAUG,MARK;EAStBV,QAAQ,EAAEO,mBAAUK;AATE,CAAxB"}
|
|
@@ -15,7 +15,7 @@ var _Pressable = require("./Pressable.constants");
|
|
|
15
15
|
|
|
16
16
|
var _PressableModule = _interopRequireDefault(require("./Pressable.module.css"));
|
|
17
17
|
|
|
18
|
-
var _excluded = ["children", "disabled", "tag", "onEnter", "onLeave", "onPress"];
|
|
18
|
+
var _excluded = ["children", "disabled", "preventDefault", "tag", "onEnter", "onLeave", "onPress"];
|
|
19
19
|
|
|
20
20
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
21
21
|
|
|
@@ -32,6 +32,8 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
32
32
|
var Pressable = function Pressable(_ref) {
|
|
33
33
|
var children = _ref.children,
|
|
34
34
|
disabled = _ref.disabled,
|
|
35
|
+
_ref$preventDefault = _ref.preventDefault,
|
|
36
|
+
preventDefault = _ref$preventDefault === void 0 ? false : _ref$preventDefault,
|
|
35
37
|
_ref$tag = _ref.tag,
|
|
36
38
|
tag = _ref$tag === void 0 ? 'button' : _ref$tag,
|
|
37
39
|
onEnter = _ref.onEnter,
|
|
@@ -44,10 +46,15 @@ var Pressable = function Pressable(_ref) {
|
|
|
44
46
|
disabled: disabled,
|
|
45
47
|
className: (0, _helpers.styles)(_PressableModule.default.pressable, others.className)
|
|
46
48
|
}, !disabled ? {
|
|
47
|
-
onClick:
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
49
|
+
onClick: function onClick(event) {
|
|
50
|
+
if (preventDefault) event.preventDefault();
|
|
51
|
+
onPress(event);
|
|
52
|
+
},
|
|
53
|
+
onKeyPress: function onKeyPress(event) {
|
|
54
|
+
if (event.keyCode === _Pressable.KEY_ENTER) {
|
|
55
|
+
if (preventDefault) event.preventDefault();
|
|
56
|
+
onPress(event);
|
|
57
|
+
}
|
|
51
58
|
},
|
|
52
59
|
onMouseEnter: onEnter,
|
|
53
60
|
onMouseLeave: onLeave
|
|
@@ -59,6 +66,7 @@ Pressable.displayName = 'Primitive:Pressable';
|
|
|
59
66
|
Pressable.propTypes = {
|
|
60
67
|
children: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
|
|
61
68
|
disabled: _propTypes.default.bool,
|
|
69
|
+
preventDefault: _propTypes.default.bool,
|
|
62
70
|
tag: _propTypes.default.string,
|
|
63
71
|
onEnter: _propTypes.default.func,
|
|
64
72
|
onLeave: _propTypes.default.func,
|
|
@@ -1 +1 @@
|
|
|
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","
|
|
1
|
+
{"version":3,"file":"Pressable.js","names":["Pressable","children","disabled","preventDefault","tag","onEnter","onLeave","onPress","others","React","createElement","className","style","pressable","onClick","event","onKeyPress","keyCode","KEY_ENTER","onMouseEnter","onMouseLeave","displayName","propTypes","PropTypes","oneOfType","string","node","bool","func"],"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 = ({\n children,\n disabled,\n preventDefault = false,\n tag = 'button',\n onEnter,\n onLeave,\n onPress = () => {},\n ...others\n}) =>\n React.createElement(\n tag,\n {\n ...others,\n disabled,\n className: styles(style.pressable, others.className),\n ...(!disabled\n ? {\n onClick: (event) => {\n if (preventDefault) event.preventDefault();\n onPress(event);\n },\n onKeyPress: (event) => {\n if (event.keyCode === KEY_ENTER) {\n if (preventDefault) event.preventDefault();\n onPress(event);\n }\n },\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 preventDefault: PropTypes.bool,\n tag: PropTypes.string,\n onEnter: PropTypes.func,\n onLeave: PropTypes.func,\n onPress: PropTypes.func,\n};\n\nexport { Pressable };\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;;;;;;;AAEA,IAAMA,SAAS,GAAG,SAAZA,SAAY;EAAA,IAChBC,QADgB,QAChBA,QADgB;EAAA,IAEhBC,QAFgB,QAEhBA,QAFgB;EAAA,+BAGhBC,cAHgB;EAAA,IAGhBA,cAHgB,oCAGC,KAHD;EAAA,oBAIhBC,GAJgB;EAAA,IAIhBA,GAJgB,yBAIV,QAJU;EAAA,IAKhBC,OALgB,QAKhBA,OALgB;EAAA,IAMhBC,OANgB,QAMhBA,OANgB;EAAA,wBAOhBC,OAPgB;EAAA,IAOhBA,OAPgB,6BAON,YAAM,CAAE,CAPF;EAAA,IAQbC,MARa;;EAAA,oBAUhBC,eAAMC,aAAN,CACEN,GADF,kCAGOI,MAHP;IAIIN,QAAQ,EAARA,QAJJ;IAKIS,SAAS,EAAE,qBAAOC,yBAAMC,SAAb,EAAwBL,MAAM,CAACG,SAA/B;EALf,GAMQ,CAACT,QAAD,GACA;IACEY,OAAO,EAAE,iBAACC,KAAD,EAAW;MAClB,IAAIZ,cAAJ,EAAoBY,KAAK,CAACZ,cAAN;MACpBI,OAAO,CAACQ,KAAD,CAAP;IACD,CAJH;IAKEC,UAAU,EAAE,oBAACD,KAAD,EAAW;MACrB,IAAIA,KAAK,CAACE,OAAN,KAAkBC,oBAAtB,EAAiC;QAC/B,IAAIf,cAAJ,EAAoBY,KAAK,CAACZ,cAAN;QACpBI,OAAO,CAACQ,KAAD,CAAP;MACD;IACF,CAVH;IAWEI,YAAY,EAAEd,OAXhB;IAYEe,YAAY,EAAEd;EAZhB,CADA,GAeA,EArBR,GAuBEL,QAvBF,CAVgB;AAAA,CAAlB;;;AAoCAD,SAAS,CAACqB,WAAV,GAAwB,qBAAxB;AAEArB,SAAS,CAACsB,SAAV,GAAsB;EACpBrB,QAAQ,EAAEsB,mBAAUC,SAAV,CAAoB,CAACD,mBAAUE,MAAX,EAAmBF,mBAAUG,IAA7B,CAApB,CADU;EAEpBxB,QAAQ,EAAEqB,mBAAUI,IAFA;EAGpBxB,cAAc,EAAEoB,mBAAUI,IAHN;EAIpBvB,GAAG,EAAEmB,mBAAUE,MAJK;EAKpBpB,OAAO,EAAEkB,mBAAUK,IALC;EAMpBtB,OAAO,EAAEiB,mBAAUK,IANC;EAOpBrB,OAAO,EAAEgB,mBAAUK;AAPC,CAAtB"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mirai/ui",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.16",
|
|
4
4
|
"repository": "git@gitlab.com:miraicorp/dev/frontend/ui.git",
|
|
5
5
|
"author": "JΛVI <hello@soyjavi.com>",
|
|
6
6
|
"license": "MIT",
|
|
@@ -29,9 +29,9 @@
|
|
|
29
29
|
"devDependencies": {
|
|
30
30
|
"@babel/cli": "^7",
|
|
31
31
|
"@babel/core": "^7.9.0",
|
|
32
|
-
"@mirai/eslint": "^0.1",
|
|
33
32
|
"@babel/preset-env": "^7.18.2",
|
|
34
33
|
"@babel/preset-react": "^7.17.12",
|
|
34
|
+
"@mirai/eslint": "^0.1",
|
|
35
35
|
"@testing-library/react": "^12.1.4",
|
|
36
36
|
"@testing-library/react-hooks": "^7.0.2",
|
|
37
37
|
"babel-polyfill": "^6.26.0",
|