@mirai/ui 1.1.0-c → 1.1.0-f
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/Action/Action.js +2 -4
- package/build/components/Action/Action.js.map +1 -1
- package/build/components/Button/Button.js +5 -7
- package/build/components/Button/Button.js.map +1 -1
- package/build/components/Calendar/Calendar.Month.js +4 -6
- package/build/components/Calendar/Calendar.Month.js.map +1 -1
- package/build/components/Calendar/Calendar.Week.js +6 -6
- package/build/components/Calendar/Calendar.Week.js.map +1 -1
- package/build/components/Calendar/Calendar.Weekdays.js +3 -6
- package/build/components/Calendar/Calendar.Weekdays.js.map +1 -1
- package/build/components/Calendar/Calendar.js +3 -3
- package/build/components/Calendar/Calendar.js.map +1 -1
- package/build/components/Calendar/Calendar.module.css +5 -5
- package/build/components/Calendar/__tests__/__snapshots__/Calendar.test.jsx.snap +64 -64
- package/build/components/InputNumber/InputNumber.js +6 -9
- package/build/components/InputNumber/InputNumber.js.map +1 -1
- package/build/components/InputNumber/__tests__/__snapshots__/InputNumber.test.js.snap +24 -24
- package/build/components/InputOption/InputOption.js +4 -7
- package/build/components/InputOption/InputOption.js.map +1 -1
- package/build/components/InputOption/__tests__/__snapshots__/InputOption.test.js.snap +4 -4
- package/build/components/InputPhone/InputPhone.js +11 -11
- package/build/components/InputPhone/InputPhone.js.map +1 -1
- package/build/components/InputPhone/InputPhone.module.css +1 -1
- package/build/components/InputPhone/__tests__/__snapshots__/InputPhone.test.js.snap +48 -48
- package/build/components/InputSelect/InputSelect.js +7 -7
- package/build/components/InputSelect/InputSelect.js.map +1 -1
- package/build/components/InputSelect/__tests__/__snapshots__/InputSelect.test.js.snap +12 -12
- package/build/components/InputText/InputText.js +10 -10
- package/build/components/InputText/InputText.js.map +1 -1
- package/build/components/InputText/__tests__/__snapshots__/InputText.test.js.snap +7 -7
- package/build/components/InputText/partials/InputText.Hint.js +2 -5
- package/build/components/InputText/partials/InputText.Hint.js.map +1 -1
- package/build/components/InputText/partials/InputText.IconState.js +2 -5
- package/build/components/InputText/partials/InputText.IconState.js.map +1 -1
- package/build/components/InputText/partials/InputText.Label.js +3 -6
- package/build/components/InputText/partials/InputText.Label.js.map +1 -1
- package/build/components/Menu/Menu.Option.js +5 -8
- package/build/components/Menu/Menu.Option.js.map +1 -1
- package/build/components/Menu/Menu.js +3 -6
- package/build/components/Menu/Menu.js.map +1 -1
- package/build/components/Menu/Menu.module.css +0 -3
- package/build/components/Menu/__tests__/__snapshots__/Menu.test.jsx.snap +2 -2
- package/build/components/Modal/Modal.js +8 -8
- package/build/components/Modal/Modal.js.map +1 -1
- package/build/components/Modal/Modal.module.css +1 -0
- package/build/components/Modal/__tests__/__snapshots__/Modal.test.js.snap +3 -3
- package/build/components/Notification/Notification.js +5 -8
- package/build/components/Notification/Notification.js.map +1 -1
- package/build/components/Notification/__tests__/__snapshots__/Notification.test.js.snap +19 -19
- package/build/components/Progress/Progress.js +3 -6
- package/build/components/Progress/Progress.js.map +1 -1
- package/build/components/Slider/Slider.js +11 -11
- package/build/components/Slider/Slider.js.map +1 -1
- package/build/components/Slider/Slider.module.css +2 -5
- package/build/components/Slider/__tests__/__snapshots__/Slider.test.js.snap +19 -19
- package/build/components/Table/Table.ColumnFilter.js +9 -9
- package/build/components/Table/Table.ColumnFilter.js.map +1 -1
- package/build/components/Table/Table.Filter.js +4 -7
- package/build/components/Table/Table.Filter.js.map +1 -1
- package/build/components/Table/Table.Row.js +7 -7
- package/build/components/Table/Table.Row.js.map +1 -1
- package/build/components/Table/Table.js +3 -3
- package/build/components/Table/Table.js.map +1 -1
- package/build/components/Table/Table.stories.js +5 -4
- package/build/components/Table/Table.stories.js.map +1 -1
- package/build/components/Table/__tests__/__snapshots__/Table.ColumnFilter.test.js.snap +12 -12
- package/build/components/Table/__tests__/__snapshots__/Table.test.js.snap +60 -60
- package/build/components/Tooltip/Tooltip.js +4 -4
- package/build/components/Tooltip/Tooltip.js.map +1 -1
- package/build/primitives/Checkbox/Checkbox.js +3 -6
- package/build/primitives/Checkbox/Checkbox.js.map +1 -1
- package/build/primitives/Icon/Icon.js +2 -4
- package/build/primitives/Icon/Icon.js.map +1 -1
- package/build/primitives/Icon/Icon.module.css +4 -4
- package/build/primitives/Icon/__tests__/__snapshots__/Icon.test.js.snap +27 -27
- package/build/primitives/Input/Input.js +2 -2
- package/build/primitives/Input/Input.js.map +1 -1
- package/build/primitives/Layer/Layer.js +2 -2
- package/build/primitives/Layer/Layer.js.map +1 -1
- package/build/primitives/Pressable/Pressable.js +2 -4
- package/build/primitives/Pressable/Pressable.js.map +1 -1
- package/build/primitives/Primitive/helpers/getTag.js +1 -0
- package/build/primitives/Primitive/helpers/getTag.js.map +1 -1
- package/build/primitives/Radio/Radio.js +4 -7
- package/build/primitives/Radio/Radio.js.map +1 -1
- package/build/primitives/ScrollView/ScrollView.js +2 -2
- package/build/primitives/ScrollView/ScrollView.js.map +1 -1
- package/build/primitives/Select/Select.js +2 -2
- package/build/primitives/Select/Select.js.map +1 -1
- package/build/primitives/Switch/Switch.js +4 -7
- package/build/primitives/Switch/Switch.js.map +1 -1
- package/build/primitives/Text/Text.js +3 -47
- package/build/primitives/Text/Text.js.map +1 -1
- package/build/primitives/Text/Text.module.css +4 -4
- package/build/primitives/View/View.js +2 -4
- package/build/primitives/View/View.js.map +1 -1
- package/package.json +1 -1
|
@@ -9,10 +9,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
9
9
|
var _react = _interopRequireDefault(require("react"));
|
|
10
10
|
var _helpers = require("../../helpers");
|
|
11
11
|
var _Primitive = require("../Primitive");
|
|
12
|
-
var
|
|
12
|
+
var _IconModule = _interopRequireDefault(require("./Icon.module.css"));
|
|
13
13
|
var _excluded = ["action", "headline", "level", "paragraph", "small", "value"];
|
|
14
|
-
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); }
|
|
15
|
-
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; }
|
|
16
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
15
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
18
16
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
@@ -33,7 +31,7 @@ var Icon = function Icon(_ref) {
|
|
|
33
31
|
return /*#__PURE__*/_react.default.createElement(_Primitive.Primitive, _objectSpread(_objectSpread({}, others), {}, {
|
|
34
32
|
role: others.role || 'icon',
|
|
35
33
|
tag: 'icon',
|
|
36
|
-
className: (0, _helpers.styles)(
|
|
34
|
+
className: (0, _helpers.styles)(_IconModule.default.icon, headline ? _IconModule.default["h".concat(level)] : action ? _IconModule.default.action : small ? _IconModule.default.small : paragraph ? _IconModule.default.paragraph : _IconModule.default["h".concat(level)], others.className)
|
|
37
35
|
}), value ? /*#__PURE__*/_react.default.createElement(value) : undefined);
|
|
38
36
|
};
|
|
39
37
|
exports.Icon = Icon;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.js","names":["Icon","action","headline","level","paragraph","small","value","others","React","createElement","Primitive","role","tag","className","styles","style","icon","undefined","displayName","propTypes","PropTypes","bool","number","func","isRequired"],"sources":["../../../src/primitives/Icon/Icon.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Primitive } from '../Primitive';\nimport
|
|
1
|
+
{"version":3,"file":"Icon.js","names":["Icon","action","headline","level","paragraph","small","value","others","React","createElement","Primitive","role","tag","className","styles","style","icon","undefined","displayName","propTypes","PropTypes","bool","number","func","isRequired"],"sources":["../../../src/primitives/Icon/Icon.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Primitive } from '../Primitive';\nimport style from './Icon.module.css';\n\nconst Icon = ({ action, headline, level = 3, paragraph, small, value, ...others }) =>\n React.createElement(\n Primitive,\n {\n ...others,\n role: others.role || 'icon',\n tag: 'icon',\n className: styles(\n style.icon,\n headline\n ? style[`h${level}`]\n : action\n ? style.action\n : small\n ? style.small\n : paragraph\n ? style.paragraph\n : style[`h${level}`],\n others.className,\n ),\n },\n value ? React.createElement(value) : undefined,\n );\n\nIcon.displayName = 'Primitive:Icon';\n\nIcon.propTypes = {\n action: PropTypes.bool,\n headline: PropTypes.bool,\n level: PropTypes.number,\n paragraph: PropTypes.bool,\n small: PropTypes.bool,\n value: PropTypes.func.isRequired,\n};\n\nexport { Icon };\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AACA;AACA;AAAsC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEtC,IAAMA,IAAI,GAAG,SAAPA,IAAI;EAAA,IAAMC,MAAM,QAANA,MAAM;IAAEC,QAAQ,QAARA,QAAQ;IAAA,kBAAEC,KAAK;IAALA,KAAK,2BAAG,CAAC;IAAEC,SAAS,QAATA,SAAS;IAAEC,KAAK,QAALA,KAAK;IAAEC,KAAK,QAALA,KAAK;IAAKC,MAAM;EAAA,oBAC7EC,cAAK,CAACC,aAAa,CACjBC,oBAAS,kCAEJH,MAAM;IACTI,IAAI,EAAEJ,MAAM,CAACI,IAAI,IAAI,MAAM;IAC3BC,GAAG,EAAE,MAAM;IACXC,SAAS,EAAE,IAAAC,eAAM,EACfC,mBAAK,CAACC,IAAI,EACVd,QAAQ,GACJa,mBAAK,YAAKZ,KAAK,EAAG,GAClBF,MAAM,GACNc,mBAAK,CAACd,MAAM,GACZI,KAAK,GACLU,mBAAK,CAACV,KAAK,GACXD,SAAS,GACTW,mBAAK,CAACX,SAAS,GACfW,mBAAK,YAAKZ,KAAK,EAAG,EACtBI,MAAM,CAACM,SAAS;EACjB,IAEHP,KAAK,gBAAGE,cAAK,CAACC,aAAa,CAACH,KAAK,CAAC,GAAGW,SAAS,CAC/C;AAAA;AAAC;AAEJjB,IAAI,CAACkB,WAAW,GAAG,gBAAgB;AAEnClB,IAAI,CAACmB,SAAS,GAAG;EACflB,MAAM,EAAEmB,kBAAS,CAACC,IAAI;EACtBnB,QAAQ,EAAEkB,kBAAS,CAACC,IAAI;EACxBlB,KAAK,EAAEiB,kBAAS,CAACE,MAAM;EACvBlB,SAAS,EAAEgB,kBAAS,CAACC,IAAI;EACzBhB,KAAK,EAAEe,kBAAS,CAACC,IAAI;EACrBf,KAAK,EAAEc,kBAAS,CAACG,IAAI,CAACC;AACxB,CAAC"}
|
|
@@ -2,28 +2,28 @@
|
|
|
2
2
|
display: block;
|
|
3
3
|
}
|
|
4
4
|
|
|
5
|
-
.
|
|
5
|
+
.h1 {
|
|
6
6
|
font-size: var(--mirai-ui-font-size-headline-1);
|
|
7
7
|
height: var(--mirai-ui-font-size-headline-1);
|
|
8
8
|
line-height: var(--mirai-ui-font-size-headline-1);
|
|
9
9
|
width: var(--mirai-ui-font-size-headline-1);
|
|
10
10
|
}
|
|
11
11
|
|
|
12
|
-
.
|
|
12
|
+
.h2 {
|
|
13
13
|
font-size: var(--mirai-ui-font-size-headline-2);
|
|
14
14
|
height: var(--mirai-ui-font-size-headline-2);
|
|
15
15
|
line-height: var(--mirai-ui-font-size-headline-2);
|
|
16
16
|
width: var(--mirai-ui-font-size-headline-2);
|
|
17
17
|
}
|
|
18
18
|
|
|
19
|
-
.
|
|
19
|
+
.h3 {
|
|
20
20
|
font-size: var(--mirai-ui-font-size-headline-3);
|
|
21
21
|
height: var(--mirai-ui-font-size-headline-3);
|
|
22
22
|
line-height: var(--mirai-ui-font-size-headline-3);
|
|
23
23
|
width: var(--mirai-ui-font-size-headline-3);
|
|
24
24
|
}
|
|
25
25
|
|
|
26
|
-
.
|
|
26
|
+
.h4 {
|
|
27
27
|
font-size: var(--mirai-ui-font-size-headline-4);
|
|
28
28
|
height: var(--mirai-ui-font-size-headline-4);
|
|
29
29
|
line-height: var(--mirai-ui-font-size-headline-4);
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
exports[`primitive:<Icon> inherit:className 1`] = `
|
|
4
4
|
<DocumentFragment>
|
|
5
5
|
<ui_icon
|
|
6
|
-
class="icon
|
|
6
|
+
class="icon h3 mirai"
|
|
7
7
|
>
|
|
8
8
|
<svg
|
|
9
9
|
fill="currentColor"
|
|
@@ -55,7 +55,7 @@ exports[`primitive:<Icon> prop:action 1`] = `
|
|
|
55
55
|
exports[`primitive:<Icon> prop:headline & level:1 1`] = `
|
|
56
56
|
<DocumentFragment>
|
|
57
57
|
<ui_icon
|
|
58
|
-
class="icon
|
|
58
|
+
class="icon h1"
|
|
59
59
|
>
|
|
60
60
|
<svg
|
|
61
61
|
fill="currentColor"
|
|
@@ -81,7 +81,7 @@ exports[`primitive:<Icon> prop:headline & level:1 1`] = `
|
|
|
81
81
|
exports[`primitive:<Icon> prop:headline & level:2 1`] = `
|
|
82
82
|
<DocumentFragment>
|
|
83
83
|
<ui_icon
|
|
84
|
-
class="icon
|
|
84
|
+
class="icon h2"
|
|
85
85
|
>
|
|
86
86
|
<svg
|
|
87
87
|
fill="currentColor"
|
|
@@ -107,7 +107,7 @@ exports[`primitive:<Icon> prop:headline & level:2 1`] = `
|
|
|
107
107
|
exports[`primitive:<Icon> prop:headline & level:3 1`] = `
|
|
108
108
|
<DocumentFragment>
|
|
109
109
|
<ui_icon
|
|
110
|
-
class="icon
|
|
110
|
+
class="icon h3"
|
|
111
111
|
>
|
|
112
112
|
<svg
|
|
113
113
|
fill="currentColor"
|
|
@@ -133,7 +133,7 @@ exports[`primitive:<Icon> prop:headline & level:3 1`] = `
|
|
|
133
133
|
exports[`primitive:<Icon> prop:headline & level:4 1`] = `
|
|
134
134
|
<DocumentFragment>
|
|
135
135
|
<ui_icon
|
|
136
|
-
class="icon
|
|
136
|
+
class="icon h4"
|
|
137
137
|
>
|
|
138
138
|
<svg
|
|
139
139
|
fill="currentColor"
|
|
@@ -159,7 +159,7 @@ exports[`primitive:<Icon> prop:headline & level:4 1`] = `
|
|
|
159
159
|
exports[`primitive:<Icon> prop:headline 1`] = `
|
|
160
160
|
<DocumentFragment>
|
|
161
161
|
<ui_icon
|
|
162
|
-
class="icon
|
|
162
|
+
class="icon h3"
|
|
163
163
|
>
|
|
164
164
|
<svg
|
|
165
165
|
fill="currentColor"
|
|
@@ -237,7 +237,7 @@ exports[`primitive:<Icon> prop:small 1`] = `
|
|
|
237
237
|
exports[`primitive:<Icon> prop:value prop:value (ADD) 1`] = `
|
|
238
238
|
<DocumentFragment>
|
|
239
239
|
<ui_icon
|
|
240
|
-
class="icon
|
|
240
|
+
class="icon h3"
|
|
241
241
|
>
|
|
242
242
|
<svg
|
|
243
243
|
fill="currentColor"
|
|
@@ -263,7 +263,7 @@ exports[`primitive:<Icon> prop:value prop:value (ADD) 1`] = `
|
|
|
263
263
|
exports[`primitive:<Icon> prop:value prop:value (CHECK) 1`] = `
|
|
264
264
|
<DocumentFragment>
|
|
265
265
|
<ui_icon
|
|
266
|
-
class="icon
|
|
266
|
+
class="icon h3"
|
|
267
267
|
>
|
|
268
268
|
<svg
|
|
269
269
|
fill="currentColor"
|
|
@@ -289,7 +289,7 @@ exports[`primitive:<Icon> prop:value prop:value (CHECK) 1`] = `
|
|
|
289
289
|
exports[`primitive:<Icon> prop:value prop:value (CLOSE) 1`] = `
|
|
290
290
|
<DocumentFragment>
|
|
291
291
|
<ui_icon
|
|
292
|
-
class="icon
|
|
292
|
+
class="icon h3"
|
|
293
293
|
>
|
|
294
294
|
<svg
|
|
295
295
|
fill="currentColor"
|
|
@@ -315,7 +315,7 @@ exports[`primitive:<Icon> prop:value prop:value (CLOSE) 1`] = `
|
|
|
315
315
|
exports[`primitive:<Icon> prop:value prop:value (DOWN) 1`] = `
|
|
316
316
|
<DocumentFragment>
|
|
317
317
|
<ui_icon
|
|
318
|
-
class="icon
|
|
318
|
+
class="icon h3"
|
|
319
319
|
>
|
|
320
320
|
<svg
|
|
321
321
|
fill="currentColor"
|
|
@@ -341,7 +341,7 @@ exports[`primitive:<Icon> prop:value prop:value (DOWN) 1`] = `
|
|
|
341
341
|
exports[`primitive:<Icon> prop:value prop:value (ERROR) 1`] = `
|
|
342
342
|
<DocumentFragment>
|
|
343
343
|
<ui_icon
|
|
344
|
-
class="icon
|
|
344
|
+
class="icon h3"
|
|
345
345
|
>
|
|
346
346
|
<svg
|
|
347
347
|
fill="currentColor"
|
|
@@ -367,7 +367,7 @@ exports[`primitive:<Icon> prop:value prop:value (ERROR) 1`] = `
|
|
|
367
367
|
exports[`primitive:<Icon> prop:value prop:value (EXPAND_LESS) 1`] = `
|
|
368
368
|
<DocumentFragment>
|
|
369
369
|
<ui_icon
|
|
370
|
-
class="icon
|
|
370
|
+
class="icon h3"
|
|
371
371
|
>
|
|
372
372
|
<svg
|
|
373
373
|
fill="currentColor"
|
|
@@ -393,7 +393,7 @@ exports[`primitive:<Icon> prop:value prop:value (EXPAND_LESS) 1`] = `
|
|
|
393
393
|
exports[`primitive:<Icon> prop:value prop:value (EXPAND_MORE) 1`] = `
|
|
394
394
|
<DocumentFragment>
|
|
395
395
|
<ui_icon
|
|
396
|
-
class="icon
|
|
396
|
+
class="icon h3"
|
|
397
397
|
>
|
|
398
398
|
<svg
|
|
399
399
|
fill="currentColor"
|
|
@@ -420,7 +420,7 @@ exports[`primitive:<Icon> prop:value prop:value (EXPAND_MORE) 1`] = `
|
|
|
420
420
|
exports[`primitive:<Icon> prop:value prop:value (EYE_CLOSE) 1`] = `
|
|
421
421
|
<DocumentFragment>
|
|
422
422
|
<ui_icon
|
|
423
|
-
class="icon
|
|
423
|
+
class="icon h3"
|
|
424
424
|
>
|
|
425
425
|
<svg
|
|
426
426
|
fill="currentColor"
|
|
@@ -446,7 +446,7 @@ exports[`primitive:<Icon> prop:value prop:value (EYE_CLOSE) 1`] = `
|
|
|
446
446
|
exports[`primitive:<Icon> prop:value prop:value (EYE_OPEN) 1`] = `
|
|
447
447
|
<DocumentFragment>
|
|
448
448
|
<ui_icon
|
|
449
|
-
class="icon
|
|
449
|
+
class="icon h3"
|
|
450
450
|
>
|
|
451
451
|
<svg
|
|
452
452
|
fill="currentColor"
|
|
@@ -472,7 +472,7 @@ exports[`primitive:<Icon> prop:value prop:value (EYE_OPEN) 1`] = `
|
|
|
472
472
|
exports[`primitive:<Icon> prop:value prop:value (FILTER) 1`] = `
|
|
473
473
|
<DocumentFragment>
|
|
474
474
|
<ui_icon
|
|
475
|
-
class="icon
|
|
475
|
+
class="icon h3"
|
|
476
476
|
>
|
|
477
477
|
<svg
|
|
478
478
|
fill="currentColor"
|
|
@@ -498,7 +498,7 @@ exports[`primitive:<Icon> prop:value prop:value (FILTER) 1`] = `
|
|
|
498
498
|
exports[`primitive:<Icon> prop:value prop:value (INFO) 1`] = `
|
|
499
499
|
<DocumentFragment>
|
|
500
500
|
<ui_icon
|
|
501
|
-
class="icon
|
|
501
|
+
class="icon h3"
|
|
502
502
|
>
|
|
503
503
|
<svg
|
|
504
504
|
fill="currentColor"
|
|
@@ -524,7 +524,7 @@ exports[`primitive:<Icon> prop:value prop:value (INFO) 1`] = `
|
|
|
524
524
|
exports[`primitive:<Icon> prop:value prop:value (LEFT) 1`] = `
|
|
525
525
|
<DocumentFragment>
|
|
526
526
|
<ui_icon
|
|
527
|
-
class="icon
|
|
527
|
+
class="icon h3"
|
|
528
528
|
>
|
|
529
529
|
<svg
|
|
530
530
|
fill="currentColor"
|
|
@@ -550,7 +550,7 @@ exports[`primitive:<Icon> prop:value prop:value (LEFT) 1`] = `
|
|
|
550
550
|
exports[`primitive:<Icon> prop:value prop:value (MARKDOWN) 1`] = `
|
|
551
551
|
<DocumentFragment>
|
|
552
552
|
<ui_icon
|
|
553
|
-
class="icon
|
|
553
|
+
class="icon h3"
|
|
554
554
|
>
|
|
555
555
|
<svg
|
|
556
556
|
fill="currentColor"
|
|
@@ -572,7 +572,7 @@ exports[`primitive:<Icon> prop:value prop:value (MARKDOWN) 1`] = `
|
|
|
572
572
|
exports[`primitive:<Icon> prop:value prop:value (REMOVE) 1`] = `
|
|
573
573
|
<DocumentFragment>
|
|
574
574
|
<ui_icon
|
|
575
|
-
class="icon
|
|
575
|
+
class="icon h3"
|
|
576
576
|
>
|
|
577
577
|
<svg
|
|
578
578
|
fill="currentColor"
|
|
@@ -598,7 +598,7 @@ exports[`primitive:<Icon> prop:value prop:value (REMOVE) 1`] = `
|
|
|
598
598
|
exports[`primitive:<Icon> prop:value prop:value (RIGHT) 1`] = `
|
|
599
599
|
<DocumentFragment>
|
|
600
600
|
<ui_icon
|
|
601
|
-
class="icon
|
|
601
|
+
class="icon h3"
|
|
602
602
|
>
|
|
603
603
|
<svg
|
|
604
604
|
fill="currentColor"
|
|
@@ -624,7 +624,7 @@ exports[`primitive:<Icon> prop:value prop:value (RIGHT) 1`] = `
|
|
|
624
624
|
exports[`primitive:<Icon> prop:value prop:value (SEARCH) 1`] = `
|
|
625
625
|
<DocumentFragment>
|
|
626
626
|
<ui_icon
|
|
627
|
-
class="icon
|
|
627
|
+
class="icon h3"
|
|
628
628
|
>
|
|
629
629
|
<svg
|
|
630
630
|
fill="currentColor"
|
|
@@ -650,7 +650,7 @@ exports[`primitive:<Icon> prop:value prop:value (SEARCH) 1`] = `
|
|
|
650
650
|
exports[`primitive:<Icon> prop:value prop:value (SUCCESS) 1`] = `
|
|
651
651
|
<DocumentFragment>
|
|
652
652
|
<ui_icon
|
|
653
|
-
class="icon
|
|
653
|
+
class="icon h3"
|
|
654
654
|
>
|
|
655
655
|
<svg
|
|
656
656
|
fill="currentColor"
|
|
@@ -676,7 +676,7 @@ exports[`primitive:<Icon> prop:value prop:value (SUCCESS) 1`] = `
|
|
|
676
676
|
exports[`primitive:<Icon> prop:value prop:value (UP) 1`] = `
|
|
677
677
|
<DocumentFragment>
|
|
678
678
|
<ui_icon
|
|
679
|
-
class="icon
|
|
679
|
+
class="icon h3"
|
|
680
680
|
>
|
|
681
681
|
<svg
|
|
682
682
|
fill="currentColor"
|
|
@@ -702,7 +702,7 @@ exports[`primitive:<Icon> prop:value prop:value (UP) 1`] = `
|
|
|
702
702
|
exports[`primitive:<Icon> prop:value prop:value (WARNING) 1`] = `
|
|
703
703
|
<DocumentFragment>
|
|
704
704
|
<ui_icon
|
|
705
|
-
class="icon
|
|
705
|
+
class="icon h3"
|
|
706
706
|
>
|
|
707
707
|
<svg
|
|
708
708
|
fill="currentColor"
|
|
@@ -724,7 +724,7 @@ exports[`primitive:<Icon> prop:value prop:value (WARNING) 1`] = `
|
|
|
724
724
|
exports[`primitive:<Icon> renders 1`] = `
|
|
725
725
|
<DocumentFragment>
|
|
726
726
|
<ui_icon
|
|
727
|
-
class="icon
|
|
727
|
+
class="icon h3"
|
|
728
728
|
>
|
|
729
729
|
<svg
|
|
730
730
|
fill="currentColor"
|
|
@@ -750,7 +750,7 @@ exports[`primitive:<Icon> renders 1`] = `
|
|
|
750
750
|
exports[`primitive:<Icon> testId 1`] = `
|
|
751
751
|
<DocumentFragment>
|
|
752
752
|
<ui_icon
|
|
753
|
-
class="icon
|
|
753
|
+
class="icon h3"
|
|
754
754
|
data-testid="mirai"
|
|
755
755
|
>
|
|
756
756
|
<svg
|
|
@@ -10,7 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
10
10
|
var _helpers = require("../../helpers");
|
|
11
11
|
var _Primitive = require("../Primitive");
|
|
12
12
|
var _helpers2 = require("./helpers");
|
|
13
|
-
var
|
|
13
|
+
var _InputModule = _interopRequireDefault(require("./Input.module.css"));
|
|
14
14
|
var _excluded = ["autoResize", "disabled", "multiLine", "type", "onChange", "onEnter", "onError", "onLeave"];
|
|
15
15
|
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); }
|
|
16
16
|
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; }
|
|
@@ -86,7 +86,7 @@ var Input = function Input(_ref) {
|
|
|
86
86
|
onFocus: onEnter,
|
|
87
87
|
onBlur: onLeave
|
|
88
88
|
} : {}), {}, {
|
|
89
|
-
className: (0, _helpers.styles)(
|
|
89
|
+
className: (0, _helpers.styles)(_InputModule.default.input, autoResize && multiLine && _InputModule.default.autoResize, others.className)
|
|
90
90
|
}));
|
|
91
91
|
};
|
|
92
92
|
exports.Input = Input;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","names":["Input","autoResize","disabled","multiLine","type","onChange","onEnter","onError","onLeave","others","ref","useRef","useState","height","setHeight","useEffect","errors","getInputErrors","current","clientHeight","resize","value","handleChange","next","event","isNaN","parseValue","style","scrollHeight","React","createElement","Primitive","undefined","role","tag","test","target","onFocus","onBlur","className","styles","input","displayName","propTypes","PropTypes","bool","name","string","isRequired","func"],"sources":["../../../src/primitives/Input/Input.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { getInputErrors, styles } from '../../helpers';\nimport { Primitive } from '../Primitive';\nimport { parseValue } from './helpers';\nimport
|
|
1
|
+
{"version":3,"file":"Input.js","names":["Input","autoResize","disabled","multiLine","type","onChange","onEnter","onError","onLeave","others","ref","useRef","useState","height","setHeight","useEffect","errors","getInputErrors","current","clientHeight","resize","value","handleChange","next","event","isNaN","parseValue","style","scrollHeight","React","createElement","Primitive","undefined","role","tag","test","target","onFocus","onBlur","className","styles","input","displayName","propTypes","PropTypes","bool","name","string","isRequired","func"],"sources":["../../../src/primitives/Input/Input.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { getInputErrors, styles } from '../../helpers';\nimport { Primitive } from '../Primitive';\nimport { parseValue } from './helpers';\nimport style from './Input.module.css';\n\nconst Input = ({ autoResize, disabled, multiLine, type = 'text', onChange, onEnter, onError, onLeave, ...others }) => {\n const ref = useRef(null);\n\n const [height, setHeight] = useState();\n\n useEffect(() => {\n const errors = getInputErrors({ ...others, type });\n if (errors && onError) onError(errors);\n\n if (autoResize && multiLine) {\n setHeight(ref.current.clientHeight);\n resize(others.value);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\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 if (autoResize && multiLine) resize(value);\n };\n\n const resize = (value) => {\n if (!ref?.current) return;\n ref.current.style.height = `${value ? ref.current.scrollHeight : height}px`;\n };\n\n return React.createElement(Primitive, {\n ...others,\n disabled,\n ref: autoResize ? ref : undefined,\n role: others.role || 'input',\n tag: multiLine ? 'textarea' : 'input',\n test: undefined,\n type: !multiLine ? type : undefined,\n value: others.value || '',\n ...(!disabled\n ? {\n onChange: (event) => handleChange(event.target.value, event),\n onFocus: onEnter,\n onBlur: onLeave,\n }\n : {}),\n className: styles(style.input, autoResize && multiLine && style.autoResize, others.className),\n });\n};\n\nInput.displayName = 'Primitive:Input';\n\nInput.propTypes = {\n autoResize: PropTypes.bool,\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":"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"}
|
|
@@ -11,7 +11,7 @@ var _helpers = require("../../helpers");
|
|
|
11
11
|
var _hooks = require("../../hooks");
|
|
12
12
|
var _Primitive = require("../Primitive");
|
|
13
13
|
var _helpers2 = require("./helpers");
|
|
14
|
-
var
|
|
14
|
+
var _LayerModule = _interopRequireDefault(require("./Layer.module.css"));
|
|
15
15
|
var _LayerContent = require("./LayerContent");
|
|
16
16
|
var _excluded = ["bottom", "centered", "fixed", "forceRender", "left", "right", "top", "timestamp", "visible", "onPosition"];
|
|
17
17
|
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); }
|
|
@@ -115,7 +115,7 @@ var Layer = function Layer(_ref) {
|
|
|
115
115
|
ref: contentRef,
|
|
116
116
|
role: others.role ? "".concat(others.role, "-content") : 'layer-content',
|
|
117
117
|
tag: "layer_content",
|
|
118
|
-
className: (0, _helpers.styles)(
|
|
118
|
+
className: (0, _helpers.styles)(_LayerModule.default.layer, fixed && _LayerModule.default.fixed, !visible && _LayerModule.default.hidden),
|
|
119
119
|
style: _objectSpread({}, position)
|
|
120
120
|
}, /*#__PURE__*/_react.default.createElement(createWrapper ? 'div' : _react.default.Fragment, createWrapper ? {
|
|
121
121
|
className: className,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Layer.js","names":["Layer","forceBottom","bottom","centered","fixed","forceRender","forceLeft","left","forceRight","right","forceTop","top","timestamp","visible","onPosition","others","device","useDevice","componentRef","useRef","contentRef","useState","position","setPosition","useLayoutEffect","content","current","ResizeObserver","observer","calcPosition","observe","unobserve","componentEl","firstChild","contentEl","componentLayout","getElementLayout","scrollTop","getScrollParent","contentLayout","modal","getModalParent","getLayerPosition","orientation","children","React","Children","map","child","className","contentStyle","style","createWrapper","role","testId","find","name","type","LayerContent","styles","layer","hidden","createElement","Fragment","undefined","propTypes","PropTypes","bool","node","number","func"],"sources":["../../../src/primitives/Layer/Layer.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useLayoutEffect, useRef, useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { useDevice } from '../../hooks';\nimport { Primitive } from '../Primitive';\nimport { getElementLayout, getLayerPosition, getModalParent, getScrollParent } from './helpers';\nimport
|
|
1
|
+
{"version":3,"file":"Layer.js","names":["Layer","forceBottom","bottom","centered","fixed","forceRender","forceLeft","left","forceRight","right","forceTop","top","timestamp","visible","onPosition","others","device","useDevice","componentRef","useRef","contentRef","useState","position","setPosition","useLayoutEffect","content","current","ResizeObserver","observer","calcPosition","observe","unobserve","componentEl","firstChild","contentEl","componentLayout","getElementLayout","scrollTop","getScrollParent","contentLayout","modal","getModalParent","getLayerPosition","orientation","children","React","Children","map","child","className","contentStyle","style","createWrapper","role","testId","find","name","type","LayerContent","styles","layer","hidden","createElement","Fragment","undefined","propTypes","PropTypes","bool","node","number","func"],"sources":["../../../src/primitives/Layer/Layer.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useLayoutEffect, useRef, useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { useDevice } from '../../hooks';\nimport { Primitive } from '../Primitive';\nimport { getElementLayout, getLayerPosition, getModalParent, getScrollParent } from './helpers';\nimport style from './Layer.module.css';\nimport { LayerContent } from './LayerContent';\n\nconst Layer = ({\n bottom: forceBottom,\n centered,\n fixed,\n forceRender = true,\n left: forceLeft,\n right: forceRight,\n top: forceTop,\n timestamp,\n visible,\n onPosition = () => {},\n ...others\n}) => {\n const device = useDevice();\n const componentRef = useRef();\n const contentRef = useRef();\n\n const [position, setPosition] = useState();\n\n useLayoutEffect(() => {\n const content = contentRef?.current;\n if (!content || typeof ResizeObserver === 'undefined') return;\n\n const observer = new ResizeObserver(calcPosition);\n observer.observe(content);\n\n return () => observer.unobserve(content);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n useLayoutEffect(\n () => calcPosition(),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [centered, device, forceBottom, forceLeft, forceRight, forceTop, timestamp, visible],\n );\n\n const calcPosition = () => {\n const { current: { firstChild: componentEl } = {} } = componentRef;\n const { current: contentEl } = contentRef;\n\n if (!componentEl || !contentEl) return setPosition();\n\n const componentLayout = { ...getElementLayout(componentEl), scrollTop: getScrollParent(componentEl)?.scrollTop };\n const contentLayout = getElementLayout(contentEl);\n const modal = getModalParent(componentEl);\n const {\n left = 0,\n top = 0,\n orientation = {},\n } = getLayerPosition(componentLayout, contentLayout, device, modal, {\n centered,\n forceBottom,\n forceLeft,\n forceRight,\n forceTop,\n });\n\n setPosition({ left: `${left}px`, top: `${top}px` });\n onPosition(orientation);\n };\n\n const children = React.Children.map(others.children || [], (child) => child);\n const { className, style: contentStyle } = others;\n const createWrapper = className || contentStyle;\n\n return (\n <>\n <Primitive ref={componentRef} role={others.role || 'layer'} tag=\"layer\" testId={others.testId}>\n {children.find(({ type: { name } }) => name !== LayerContent.name)}\n </Primitive>\n\n {(forceRender || visible) && (\n <Primitive\n ref={contentRef}\n role={others.role ? `${others.role}-content` : 'layer-content'}\n tag=\"layer_content\"\n className={styles(style.layer, fixed && style.fixed, !visible && style.hidden)}\n style={{ ...position }}\n >\n {React.createElement(\n createWrapper ? 'div' : React.Fragment,\n createWrapper ? { className, style: contentStyle } : undefined,\n children?.find(({ type: { name } }) => name === LayerContent.name),\n )}\n </Primitive>\n )}\n </>\n );\n};\n\nLayer.propTypes = {\n bottom: PropTypes.bool,\n centered: PropTypes.bool,\n children: PropTypes.node,\n fixed: PropTypes.bool,\n forceRender: PropTypes.bool,\n left: PropTypes.bool,\n right: PropTypes.bool,\n timestamp: PropTypes.number,\n top: PropTypes.bool,\n visible: PropTypes.bool,\n onPosition: PropTypes.func,\n};\n\nexport { Layer };\n"],"mappings":"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"}
|
|
@@ -10,10 +10,8 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
10
10
|
var _helpers = require("../../helpers");
|
|
11
11
|
var _Primitive = require("../Primitive");
|
|
12
12
|
var _Pressable = require("./Pressable.constants");
|
|
13
|
-
var
|
|
13
|
+
var _PressableModule = _interopRequireDefault(require("./Pressable.module.css"));
|
|
14
14
|
var _excluded = ["children", "disabled", "preventDefault", "tabIndex", "tag", "onEnter", "onLeave", "onPress"];
|
|
15
|
-
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); }
|
|
16
|
-
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; }
|
|
17
15
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
18
16
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
19
17
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
@@ -61,7 +59,7 @@ var Pressable = function Pressable(_ref) {
|
|
|
61
59
|
onMouseEnter: onEnter,
|
|
62
60
|
onMouseLeave: onLeave
|
|
63
61
|
} : {}), {}, {
|
|
64
|
-
className: (0, _helpers.styles)(
|
|
62
|
+
className: (0, _helpers.styles)(_PressableModule.default.pressable, disabled && _PressableModule.default.disabled, others.className)
|
|
65
63
|
}), children);
|
|
66
64
|
};
|
|
67
65
|
exports.Pressable = Pressable;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pressable.js","names":["Pressable","children","disabled","preventDefault","tabIndex","tag","onEnter","onLeave","onPress","others","React","createElement","Primitive","role","onClick","event","stopPropagation","onKeyPress","key","KEY_ENTER","onMouseEnter","onMouseLeave","className","styles","style","pressable","displayName","propTypes","PropTypes","oneOfType","string","node","bool","number","func"],"sources":["../../../src/primitives/Pressable/Pressable.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Primitive } from '../Primitive';\nimport { KEY_ENTER } from './Pressable.constants';\nimport
|
|
1
|
+
{"version":3,"file":"Pressable.js","names":["Pressable","children","disabled","preventDefault","tabIndex","tag","onEnter","onLeave","onPress","others","React","createElement","Primitive","role","onClick","event","stopPropagation","onKeyPress","key","KEY_ENTER","onMouseEnter","onMouseLeave","className","styles","style","pressable","displayName","propTypes","PropTypes","oneOfType","string","node","bool","number","func"],"sources":["../../../src/primitives/Pressable/Pressable.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Primitive } from '../Primitive';\nimport { KEY_ENTER } from './Pressable.constants';\nimport style from './Pressable.module.css';\n\nconst Pressable = ({\n children,\n disabled,\n preventDefault = true,\n tabIndex = 0,\n tag = 'pressable',\n onEnter,\n onLeave,\n onPress = () => {},\n ...others\n}) =>\n React.createElement(\n Primitive,\n {\n ...others,\n disabled,\n role: others.role || 'pressable',\n tag,\n ...(!disabled\n ? {\n tabIndex,\n onClick: (event) => {\n if (preventDefault) {\n event.preventDefault();\n event.stopPropagation();\n }\n onPress(event);\n },\n onKeyPress: (event) => {\n if (event.key === KEY_ENTER) {\n if (preventDefault) {\n event.preventDefault();\n event.stopPropagation();\n }\n onPress(event);\n }\n },\n onMouseEnter: onEnter,\n onMouseLeave: onLeave,\n }\n : {}),\n className: styles(style.pressable, disabled && style.disabled, others.className),\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 tabIndex: PropTypes.number,\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;AACA;AAA2C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAE3C,IAAMA,SAAS,GAAG,SAAZA,SAAS;EAAA,IACbC,QAAQ,QAARA,QAAQ;IACRC,QAAQ,QAARA,QAAQ;IAAA,2BACRC,cAAc;IAAdA,cAAc,oCAAG,IAAI;IAAA,qBACrBC,QAAQ;IAARA,QAAQ,8BAAG,CAAC;IAAA,gBACZC,GAAG;IAAHA,GAAG,yBAAG,WAAW;IACjBC,OAAO,QAAPA,OAAO;IACPC,OAAO,QAAPA,OAAO;IAAA,oBACPC,OAAO;IAAPA,OAAO,6BAAG,YAAM,CAAC,CAAC;IACfC,MAAM;EAAA,oBAETC,cAAK,CAACC,aAAa,CACjBC,oBAAS,gDAEJH,MAAM;IACTP,QAAQ,EAARA,QAAQ;IACRW,IAAI,EAAEJ,MAAM,CAACI,IAAI,IAAI,WAAW;IAChCR,GAAG,EAAHA;EAAG,GACC,CAACH,QAAQ,GACT;IACEE,QAAQ,EAARA,QAAQ;IACRU,OAAO,EAAE,iBAACC,KAAK,EAAK;MAClB,IAAIZ,cAAc,EAAE;QAClBY,KAAK,CAACZ,cAAc,EAAE;QACtBY,KAAK,CAACC,eAAe,EAAE;MACzB;MACAR,OAAO,CAACO,KAAK,CAAC;IAChB,CAAC;IACDE,UAAU,EAAE,oBAACF,KAAK,EAAK;MACrB,IAAIA,KAAK,CAACG,GAAG,KAAKC,oBAAS,EAAE;QAC3B,IAAIhB,cAAc,EAAE;UAClBY,KAAK,CAACZ,cAAc,EAAE;UACtBY,KAAK,CAACC,eAAe,EAAE;QACzB;QACAR,OAAO,CAACO,KAAK,CAAC;MAChB;IACF,CAAC;IACDK,YAAY,EAAEd,OAAO;IACrBe,YAAY,EAAEd;EAChB,CAAC,GACD,CAAC,CAAC;IACNe,SAAS,EAAE,IAAAC,eAAM,EAACC,wBAAK,CAACC,SAAS,EAAEvB,QAAQ,IAAIsB,wBAAK,CAACtB,QAAQ,EAAEO,MAAM,CAACa,SAAS;EAAC,IAElFrB,QAAQ,CACT;AAAA;AAAC;AAEJD,SAAS,CAAC0B,WAAW,GAAG,qBAAqB;AAE7C1B,SAAS,CAAC2B,SAAS,GAAG;EACpB1B,QAAQ,EAAE2B,kBAAS,CAACC,SAAS,CAAC,CAACD,kBAAS,CAACE,MAAM,EAAEF,kBAAS,CAACG,IAAI,CAAC,CAAC;EACjE7B,QAAQ,EAAE0B,kBAAS,CAACI,IAAI;EACxB7B,cAAc,EAAEyB,kBAAS,CAACI,IAAI;EAC9B5B,QAAQ,EAAEwB,kBAAS,CAACK,MAAM;EAC1B5B,GAAG,EAAEuB,kBAAS,CAACE,MAAM;EACrBxB,OAAO,EAAEsB,kBAAS,CAACM,IAAI;EACvB3B,OAAO,EAAEqB,kBAAS,CAACM,IAAI;EACvB1B,OAAO,EAAEoB,kBAAS,CAACM;AACrB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getTag.js","names":["NATIVE_TAGS","getTag","tag","isNative","includes"],"sources":["../../../../src/primitives/Primitive/helpers/getTag.js"],"sourcesContent":["const NATIVE_TAGS = [\n // -- PRIMITIVES -------------------------------------------------------------\n // <Input>\n 'input',\n 'textarea',\n // <Select>\n 'select',\n 'option',\n // -- COMPONENTS -------------------------------------------------------------\n // <Action>\n 'a',\n // <Button>\n 'button',\n // <Form>\n 'form',\n // <Table>\n 'table',\n 'thead',\n 'tbody',\n 'tr',\n 'th',\n 'td',\n];\n\nexport const getTag = (\n tag = 'primitive',\n // * experimental\n // props = {}\n) => {\n let isNative = NATIVE_TAGS.includes(tag);\n\n // * Experimental\n // if (tag === 'button' && props.type !== 'submit') isNative = false;\n\n return isNative ? tag : `ui_${tag}`;\n};\n"],"mappings":";;;;;;AAAA,IAAMA,WAAW,GAAG;AAClB;AACA;AACA,OAAO,EACP,UAAU;AACV;AACA,QAAQ,EACR,QAAQ;AACR;AACA;AACA,GAAG;AACH;AACA,QAAQ;AACR;AACA,MAAM;AACN;AACA,OAAO,EACP,OAAO,EACP,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,IAAI,CACL;AAEM,IAAMC,MAAM,GAAG,SAATA,MAAM,GAId;EAAA,IAHHC,GAAG,uEAAG,WAAW;EAIjB,IAAIC,QAAQ,GAAGH,WAAW,CAACI,QAAQ,CAACF,GAAG,CAAC;;EAExC;EACA;;EAEA,OAAOC,QAAQ,GAAGD,GAAG,gBAASA,GAAG,CAAE;AACrC,CAAC;AAAC"}
|
|
1
|
+
{"version":3,"file":"getTag.js","names":["NATIVE_TAGS","getTag","tag","isNative","includes"],"sources":["../../../../src/primitives/Primitive/helpers/getTag.js"],"sourcesContent":["const NATIVE_TAGS = [\n // -- PRIMITIVES -------------------------------------------------------------\n 'iframe',\n 'img',\n // <Input>\n 'input',\n 'textarea',\n // <Select>\n 'select',\n 'option',\n // -- COMPONENTS -------------------------------------------------------------\n // <Action>\n 'a',\n // <Button>\n 'button',\n // <Form>\n 'form',\n // <Table>\n 'table',\n 'thead',\n 'tbody',\n 'tr',\n 'th',\n 'td',\n];\n\nexport const getTag = (\n tag = 'primitive',\n // * experimental\n // props = {}\n) => {\n let isNative = NATIVE_TAGS.includes(tag);\n\n // * Experimental\n // if (tag === 'button' && props.type !== 'submit') isNative = false;\n\n return isNative ? tag : `ui_${tag}`;\n};\n"],"mappings":";;;;;;AAAA,IAAMA,WAAW,GAAG;AAClB;AACA,QAAQ,EACR,KAAK;AACL;AACA,OAAO,EACP,UAAU;AACV;AACA,QAAQ,EACR,QAAQ;AACR;AACA;AACA,GAAG;AACH;AACA,QAAQ;AACR;AACA,MAAM;AACN;AACA,OAAO,EACP,OAAO,EACP,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,IAAI,CACL;AAEM,IAAMC,MAAM,GAAG,SAATA,MAAM,GAId;EAAA,IAHHC,GAAG,uEAAG,WAAW;EAIjB,IAAIC,QAAQ,GAAGH,WAAW,CAACI,QAAQ,CAACF,GAAG,CAAC;;EAExC;EACA;;EAEA,OAAOC,QAAQ,GAAGD,GAAG,gBAASA,GAAG,CAAE;AACrC,CAAC;AAAC"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
@@ -9,10 +8,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
9
8
|
var _react = _interopRequireDefault(require("react"));
|
|
10
9
|
var _helpers = require("../../helpers");
|
|
11
10
|
var _Primitive = require("../Primitive");
|
|
12
|
-
var
|
|
11
|
+
var _RadioModule = _interopRequireDefault(require("./Radio.module.css"));
|
|
13
12
|
var _excluded = ["checked", "disabled", "name", "value", "onChange"];
|
|
14
|
-
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); }
|
|
15
|
-
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; }
|
|
16
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
14
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
18
15
|
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; }
|
|
@@ -33,7 +30,7 @@ var Radio = function Radio(_ref) {
|
|
|
33
30
|
return /*#__PURE__*/_react.default.createElement(_Primitive.Primitive, {
|
|
34
31
|
role: others.role || 'radio',
|
|
35
32
|
tag: "radio",
|
|
36
|
-
className: (0, _helpers.styles)(
|
|
33
|
+
className: (0, _helpers.styles)(_RadioModule.default.radio, others.className),
|
|
37
34
|
style: others.style
|
|
38
35
|
}, /*#__PURE__*/_react.default.createElement(_Primitive.Primitive, {
|
|
39
36
|
checked: checked,
|
|
@@ -44,9 +41,9 @@ var Radio = function Radio(_ref) {
|
|
|
44
41
|
value: value,
|
|
45
42
|
onChange: handleChange,
|
|
46
43
|
testId: others.testId,
|
|
47
|
-
className:
|
|
44
|
+
className: _RadioModule.default.input
|
|
48
45
|
}), /*#__PURE__*/_react.default.createElement(_Primitive.Primitive, {
|
|
49
|
-
className:
|
|
46
|
+
className: _RadioModule.default.checkmark
|
|
50
47
|
}));
|
|
51
48
|
};
|
|
52
49
|
exports.Radio = Radio;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.js","names":["Radio","checked","disabled","name","value","onChange","others","handleChange","event","role","styles","style","radio","className","testId","input","checkmark","displayName","propTypes","PropTypes","bool","string","isRequired","oneOfType","func"],"sources":["../../../src/primitives/Radio/Radio.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Primitive } from '../Primitive';\nimport
|
|
1
|
+
{"version":3,"file":"Radio.js","names":["Radio","checked","disabled","name","value","onChange","others","handleChange","event","role","styles","style","radio","className","testId","input","checkmark","displayName","propTypes","PropTypes","bool","string","isRequired","oneOfType","func"],"sources":["../../../src/primitives/Radio/Radio.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Primitive } from '../Primitive';\nimport style from './Radio.module.css';\n\nconst Radio = ({ checked = false, disabled, name, value = '', onChange = () => {}, ...others }) => {\n const handleChange = (event) => {\n if (disabled) return;\n\n onChange(value, event);\n };\n\n return (\n <Primitive\n role={others.role || 'radio'}\n tag=\"radio\"\n className={styles(style.radio, others.className)}\n style={others.style}\n >\n <Primitive\n checked={checked}\n disabled={disabled}\n name={name}\n tag=\"input\"\n type=\"radio\"\n value={value}\n onChange={handleChange}\n testId={others.testId}\n className={style.input}\n />\n <Primitive className={style.checkmark} />\n </Primitive>\n );\n};\n\nRadio.displayName = 'Primitive:Radio';\n\nRadio.propTypes = {\n checked: PropTypes.bool,\n disabled: PropTypes.bool,\n name: PropTypes.string.isRequired,\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n onChange: PropTypes.func,\n};\n\nexport { Radio };\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AAAuC;AAAA;AAAA;AAAA;AAEvC,IAAMA,KAAK,GAAG,SAARA,KAAK,OAAwF;EAAA,wBAAlFC,OAAO;IAAPA,OAAO,6BAAG,KAAK;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,IAAI,QAAJA,IAAI;IAAA,kBAAEC,KAAK;IAALA,KAAK,2BAAG,EAAE;IAAA,qBAAEC,QAAQ;IAARA,QAAQ,8BAAG,YAAM,CAAC,CAAC;IAAKC,MAAM;EAC1F,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAIC,KAAK,EAAK;IAC9B,IAAIN,QAAQ,EAAE;IAEdG,QAAQ,CAACD,KAAK,EAAEI,KAAK,CAAC;EACxB,CAAC;EAED,oBACE,6BAAC,oBAAS;IACR,IAAI,EAAEF,MAAM,CAACG,IAAI,IAAI,OAAQ;IAC7B,GAAG,EAAC,OAAO;IACX,SAAS,EAAE,IAAAC,eAAM,EAACC,oBAAK,CAACC,KAAK,EAAEN,MAAM,CAACO,SAAS,CAAE;IACjD,KAAK,EAAEP,MAAM,CAACK;EAAM,gBAEpB,6BAAC,oBAAS;IACR,OAAO,EAAEV,OAAQ;IACjB,QAAQ,EAAEC,QAAS;IACnB,IAAI,EAAEC,IAAK;IACX,GAAG,EAAC,OAAO;IACX,IAAI,EAAC,OAAO;IACZ,KAAK,EAAEC,KAAM;IACb,QAAQ,EAAEG,YAAa;IACvB,MAAM,EAAED,MAAM,CAACQ,MAAO;IACtB,SAAS,EAAEH,oBAAK,CAACI;EAAM,EACvB,eACF,6BAAC,oBAAS;IAAC,SAAS,EAAEJ,oBAAK,CAACK;EAAU,EAAG,CAC/B;AAEhB,CAAC;AAAC;AAEFhB,KAAK,CAACiB,WAAW,GAAG,iBAAiB;AAErCjB,KAAK,CAACkB,SAAS,GAAG;EAChBjB,OAAO,EAAEkB,kBAAS,CAACC,IAAI;EACvBlB,QAAQ,EAAEiB,kBAAS,CAACC,IAAI;EACxBjB,IAAI,EAAEgB,kBAAS,CAACE,MAAM,CAACC,UAAU;EACjClB,KAAK,EAAEe,kBAAS,CAACI,SAAS,CAAC,CAACJ,kBAAS,CAACE,MAAM,EAAEF,kBAAS,CAACC,IAAI,CAAC,CAAC;EAC9Df,QAAQ,EAAEc,kBAAS,CAACK;AACtB,CAAC"}
|
|
@@ -9,7 +9,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
9
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
10
|
var _helpers = require("../../helpers");
|
|
11
11
|
var _Primitive = require("../Primitive");
|
|
12
|
-
var
|
|
12
|
+
var _ScrollViewModule = _interopRequireDefault(require("./ScrollView.module.css"));
|
|
13
13
|
var _excluded = ["behavior", "children", "height", "horizontal", "scrollEventThrottle", "scrollIndicator", "scrollTo", "snap", "tag", "width", "onScroll"];
|
|
14
14
|
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); }
|
|
15
15
|
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; }
|
|
@@ -78,7 +78,7 @@ var ScrollView = function ScrollView(_ref) {
|
|
|
78
78
|
role: others.role || 'scrollview',
|
|
79
79
|
tag: tag,
|
|
80
80
|
onScroll: onScroll ? handleScroll : undefined,
|
|
81
|
-
className: (0, _helpers.styles)(
|
|
81
|
+
className: (0, _helpers.styles)(_ScrollViewModule.default.scrollview, snap && _ScrollViewModule.default.snap, horizontal ? _ScrollViewModule.default.horizontal : _ScrollViewModule.default.vertical, !scrollIndicator && _ScrollViewModule.default.notIndicator, others.className),
|
|
82
82
|
style: _objectSpread(_objectSpread({}, others.style), {}, {
|
|
83
83
|
height: height,
|
|
84
84
|
width: width
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollView.js","names":["ScrollView","behavior","children","height","horizontal","scrollEventThrottle","scrollIndicator","scrollTo","snap","tag","width","onScroll","others","ref","useRef","timeout","useEffect","current","undefined","handleScroll","target","clientHeight","clientWidth","scrollHeight","scrollWidth","scrollTop","scrollLeft","x","parseInt","y","offsetX","offsetY","clearTimeout","setTimeout","percentX","percentY","React","createElement","Primitive","role","className","styles","style","scrollview","vertical","notIndicator","displayName","propTypes","PropTypes","string","node","isRequired","number","bool","func"],"sources":["../../../src/primitives/ScrollView/ScrollView.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useRef } from 'react';\n\nimport { styles } from '../../helpers';\nimport { Primitive } from '../Primitive';\nimport
|
|
1
|
+
{"version":3,"file":"ScrollView.js","names":["ScrollView","behavior","children","height","horizontal","scrollEventThrottle","scrollIndicator","scrollTo","snap","tag","width","onScroll","others","ref","useRef","timeout","useEffect","current","undefined","handleScroll","target","clientHeight","clientWidth","scrollHeight","scrollWidth","scrollTop","scrollLeft","x","parseInt","y","offsetX","offsetY","clearTimeout","setTimeout","percentX","percentY","React","createElement","Primitive","role","className","styles","style","scrollview","vertical","notIndicator","displayName","propTypes","PropTypes","string","node","isRequired","number","bool","func"],"sources":["../../../src/primitives/ScrollView/ScrollView.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useRef } from 'react';\n\nimport { styles } from '../../helpers';\nimport { Primitive } from '../Primitive';\nimport style from './ScrollView.module.css';\n\nconst ScrollView = ({\n behavior = 'smooth',\n children,\n height,\n horizontal,\n scrollEventThrottle = 16, // * 60fps\n scrollIndicator = false,\n scrollTo,\n snap = true,\n tag = 'scrollview',\n width,\n onScroll,\n ...others\n}) => {\n const ref = useRef();\n\n let timeout = null;\n\n useEffect(() => {\n const { current = {} } = ref || {};\n if (!current.scrollTo || scrollTo === undefined) return;\n\n current.scrollTo({ [horizontal ? 'left' : 'top']: scrollTo, behavior });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [scrollTo]);\n\n const handleScroll = ({\n target: { clientHeight, clientWidth, scrollHeight, scrollWidth, scrollTop, scrollLeft } = {},\n }) => {\n const x = parseInt(scrollLeft, 10);\n const y = parseInt(scrollTop, 10);\n const offsetX = scrollWidth - clientWidth;\n const offsetY = scrollHeight - clientHeight;\n\n clearTimeout(timeout);\n timeout = setTimeout(() => {\n onScroll({\n x,\n y,\n percentX: offsetX ? parseInt((x * 100) / offsetX, 10) : 0,\n percentY: offsetY ? parseInt((y * 100) / offsetY, 10) : 0,\n });\n }, scrollEventThrottle);\n };\n\n return React.createElement(\n Primitive,\n {\n ...others,\n ref,\n role: others.role || 'scrollview',\n tag,\n onScroll: onScroll ? handleScroll : undefined,\n className: styles(\n style.scrollview,\n snap && style.snap,\n horizontal ? style.horizontal : style.vertical,\n !scrollIndicator && style.notIndicator,\n others.className,\n ),\n style: { ...others.style, height, width },\n },\n children,\n );\n};\n\nScrollView.displayName = 'Primitive:ScrollView';\n\nScrollView.propTypes = {\n behavior: PropTypes.string,\n children: PropTypes.node.isRequired,\n height: PropTypes.number,\n horizontal: PropTypes.bool,\n scrollEventThrottle: PropTypes.number,\n scrollIndicator: PropTypes.bool,\n scrollTo: PropTypes.number,\n snap: PropTypes.bool,\n tag: PropTypes.string,\n width: PropTypes.number,\n onScroll: PropTypes.func,\n};\n\nexport { ScrollView };\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AACA;AACA;AAA4C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAE5C,IAAMA,UAAU,GAAG,SAAbA,UAAU,OAaV;EAAA,yBAZJC,QAAQ;IAARA,QAAQ,8BAAG,QAAQ;IACnBC,QAAQ,QAARA,QAAQ;IACRC,MAAM,QAANA,MAAM;IACNC,UAAU,QAAVA,UAAU;IAAA,6BACVC,mBAAmB;IAAnBA,mBAAmB,sCAAG,EAAE;IAAA,4BACxBC,eAAe;IAAfA,eAAe,qCAAG,KAAK;IACvBC,QAAQ,QAARA,QAAQ;IAAA,iBACRC,IAAI;IAAJA,IAAI,0BAAG,IAAI;IAAA,gBACXC,GAAG;IAAHA,GAAG,yBAAG,YAAY;IAClBC,KAAK,QAALA,KAAK;IACLC,QAAQ,QAARA,QAAQ;IACLC,MAAM;EAET,IAAMC,GAAG,GAAG,IAAAC,aAAM,GAAE;EAEpB,IAAIC,OAAO,GAAG,IAAI;EAElB,IAAAC,gBAAS,EAAC,YAAM;IAAA;IACd,YAAyBH,GAAG,IAAI,CAAC,CAAC;MAAA,sBAA1BI,OAAO;MAAPA,OAAO,8BAAG,CAAC,CAAC;IACpB,IAAI,CAACA,OAAO,CAACV,QAAQ,IAAIA,QAAQ,KAAKW,SAAS,EAAE;IAEjDD,OAAO,CAACV,QAAQ,6DAAIH,UAAU,GAAG,MAAM,GAAG,KAAK,EAAGG,QAAQ,kDAAEN,QAAQ,sBAAG;IACvE;EACF,CAAC,EAAE,CAACM,QAAQ,CAAC,CAAC;EAEd,IAAMY,YAAY,GAAG,SAAfA,YAAY,QAEZ;IAAA,yBADJC,MAAM;IAAA,yCAAoF,CAAC,CAAC;IAAA,IAAlFC,YAAY,gBAAZA,YAAY;MAAEC,WAAW,gBAAXA,WAAW;MAAEC,YAAY,gBAAZA,YAAY;MAAEC,WAAW,gBAAXA,WAAW;MAAEC,SAAS,gBAATA,SAAS;MAAEC,UAAU,gBAAVA,UAAU;IAErF,IAAMC,CAAC,GAAGC,QAAQ,CAACF,UAAU,EAAE,EAAE,CAAC;IAClC,IAAMG,CAAC,GAAGD,QAAQ,CAACH,SAAS,EAAE,EAAE,CAAC;IACjC,IAAMK,OAAO,GAAGN,WAAW,GAAGF,WAAW;IACzC,IAAMS,OAAO,GAAGR,YAAY,GAAGF,YAAY;IAE3CW,YAAY,CAACjB,OAAO,CAAC;IACrBA,OAAO,GAAGkB,UAAU,CAAC,YAAM;MACzBtB,QAAQ,CAAC;QACPgB,CAAC,EAADA,CAAC;QACDE,CAAC,EAADA,CAAC;QACDK,QAAQ,EAAEJ,OAAO,GAAGF,QAAQ,CAAED,CAAC,GAAG,GAAG,GAAIG,OAAO,EAAE,EAAE,CAAC,GAAG,CAAC;QACzDK,QAAQ,EAAEJ,OAAO,GAAGH,QAAQ,CAAEC,CAAC,GAAG,GAAG,GAAIE,OAAO,EAAE,EAAE,CAAC,GAAG;MAC1D,CAAC,CAAC;IACJ,CAAC,EAAE1B,mBAAmB,CAAC;EACzB,CAAC;EAED,oBAAO+B,cAAK,CAACC,aAAa,CACxBC,oBAAS,kCAEJ1B,MAAM;IACTC,GAAG,EAAHA,GAAG;IACH0B,IAAI,EAAE3B,MAAM,CAAC2B,IAAI,IAAI,YAAY;IACjC9B,GAAG,EAAHA,GAAG;IACHE,QAAQ,EAAEA,QAAQ,GAAGQ,YAAY,GAAGD,SAAS;IAC7CsB,SAAS,EAAE,IAAAC,eAAM,EACfC,yBAAK,CAACC,UAAU,EAChBnC,IAAI,IAAIkC,yBAAK,CAAClC,IAAI,EAClBJ,UAAU,GAAGsC,yBAAK,CAACtC,UAAU,GAAGsC,yBAAK,CAACE,QAAQ,EAC9C,CAACtC,eAAe,IAAIoC,yBAAK,CAACG,YAAY,EACtCjC,MAAM,CAAC4B,SAAS,CACjB;IACDE,KAAK,kCAAO9B,MAAM,CAAC8B,KAAK;MAAEvC,MAAM,EAANA,MAAM;MAAEO,KAAK,EAALA;IAAK;EAAE,IAE3CR,QAAQ,CACT;AACH,CAAC;AAAC;AAEFF,UAAU,CAAC8C,WAAW,GAAG,sBAAsB;AAE/C9C,UAAU,CAAC+C,SAAS,GAAG;EACrB9C,QAAQ,EAAE+C,kBAAS,CAACC,MAAM;EAC1B/C,QAAQ,EAAE8C,kBAAS,CAACE,IAAI,CAACC,UAAU;EACnChD,MAAM,EAAE6C,kBAAS,CAACI,MAAM;EACxBhD,UAAU,EAAE4C,kBAAS,CAACK,IAAI;EAC1BhD,mBAAmB,EAAE2C,kBAAS,CAACI,MAAM;EACrC9C,eAAe,EAAE0C,kBAAS,CAACK,IAAI;EAC/B9C,QAAQ,EAAEyC,kBAAS,CAACI,MAAM;EAC1B5C,IAAI,EAAEwC,kBAAS,CAACK,IAAI;EACpB5C,GAAG,EAAEuC,kBAAS,CAACC,MAAM;EACrBvC,KAAK,EAAEsC,kBAAS,CAACI,MAAM;EACvBzC,QAAQ,EAAEqC,kBAAS,CAACM;AACtB,CAAC"}
|