@mirai/ui 2.0.43 → 2.1.1
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 +24 -30
- package/build/components/Action/Action.js.map +1 -1
- package/build/components/Action/Action.stories.js +3 -6
- package/build/components/Action/Action.stories.js.map +1 -1
- package/build/components/Action/index.js +1 -1
- package/build/components/Action/index.js.map +1 -1
- package/build/components/Button/Button.js +32 -39
- package/build/components/Button/Button.js.map +1 -1
- package/build/components/Button/Button.stories.js +25 -48
- package/build/components/Button/Button.stories.js.map +1 -1
- package/build/components/Button/index.js +1 -1
- package/build/components/Button/index.js.map +1 -1
- package/build/components/Calendar/Calendar.Month.js +45 -57
- package/build/components/Calendar/Calendar.Month.js.map +1 -1
- package/build/components/Calendar/Calendar.Week.js +54 -83
- package/build/components/Calendar/Calendar.Week.js.map +1 -1
- package/build/components/Calendar/Calendar.Weekdays.js +15 -15
- package/build/components/Calendar/Calendar.Weekdays.js.map +1 -1
- package/build/components/Calendar/Calendar.constants.js +2 -4
- package/build/components/Calendar/Calendar.constants.js.map +1 -1
- package/build/components/Calendar/Calendar.js +110 -162
- package/build/components/Calendar/Calendar.js.map +1 -1
- package/build/components/Calendar/Calendar.stories.js +75 -90
- package/build/components/Calendar/Calendar.stories.js.map +1 -1
- package/build/components/Calendar/helpers/getFirstDateOfMonth.js +2 -2
- package/build/components/Calendar/helpers/getFirstDateOfMonth.js.map +1 -1
- package/build/components/Calendar/helpers/getFirstDateOfWeek.js +6 -6
- package/build/components/Calendar/helpers/getFirstDateOfWeek.js.map +1 -1
- package/build/components/Calendar/helpers/getFirstDayOfWeek.js +5 -5
- package/build/components/Calendar/helpers/getFirstDayOfWeek.js.map +1 -1
- package/build/components/Calendar/helpers/getHeader.js +6 -6
- package/build/components/Calendar/helpers/getHeader.js.map +1 -1
- package/build/components/Calendar/helpers/getMonthRef.js +9 -8
- package/build/components/Calendar/helpers/getMonthRef.js.map +1 -1
- package/build/components/Calendar/helpers/getScrollTo.js +8 -15
- package/build/components/Calendar/helpers/getScrollTo.js.map +1 -1
- package/build/components/Calendar/helpers/getToday.js +1 -3
- package/build/components/Calendar/helpers/getToday.js.map +1 -1
- package/build/components/Calendar/helpers/getWeekDays.js +8 -8
- package/build/components/Calendar/helpers/getWeekDays.js.map +1 -1
- package/build/components/Calendar/helpers/getWeekNumber.js +3 -3
- package/build/components/Calendar/helpers/getWeekNumber.js.map +1 -1
- package/build/components/Calendar/helpers/index.js +9 -9
- package/build/components/Calendar/helpers/index.js.map +1 -1
- package/build/components/Calendar/index.js +1 -1
- package/build/components/Calendar/index.js.map +1 -1
- package/build/components/Form/Form.constants.js +5 -10
- package/build/components/Form/Form.constants.js.map +1 -1
- package/build/components/Form/Form.js +86 -118
- package/build/components/Form/Form.js.map +1 -1
- package/build/components/Form/Form.stories.js +47 -83
- package/build/components/Form/Form.stories.js.map +1 -1
- package/build/components/Form/helpers/getChildrenErrors.js +18 -22
- package/build/components/Form/helpers/getChildrenErrors.js.map +1 -1
- package/build/components/Form/helpers/getChildrenValues.js +15 -22
- package/build/components/Form/helpers/getChildrenValues.js.map +1 -1
- package/build/components/Form/helpers/getField.js +5 -4
- package/build/components/Form/helpers/getField.js.map +1 -1
- package/build/components/Form/helpers/groupState.js +8 -10
- package/build/components/Form/helpers/groupState.js.map +1 -1
- package/build/components/Form/helpers/index.js +4 -4
- package/build/components/Form/helpers/index.js.map +1 -1
- package/build/components/Form/index.js +1 -1
- package/build/components/Form/index.js.map +1 -1
- package/build/components/InputDate/InputDate.js +23 -38
- package/build/components/InputDate/InputDate.js.map +1 -1
- package/build/components/InputDate/InputDate.stories.js +18 -34
- package/build/components/InputDate/InputDate.stories.js.map +1 -1
- package/build/components/InputDate/helpers/formatValue.js +11 -13
- package/build/components/InputDate/helpers/formatValue.js.map +1 -1
- package/build/components/InputDate/helpers/index.js +1 -1
- package/build/components/InputDate/helpers/index.js.map +1 -1
- package/build/components/InputDate/index.js +1 -1
- package/build/components/InputDate/index.js.map +1 -1
- package/build/components/InputNumber/InputNumber.js +31 -44
- package/build/components/InputNumber/InputNumber.js.map +1 -1
- package/build/components/InputNumber/InputNumber.stories.js +8 -20
- package/build/components/InputNumber/InputNumber.stories.js.map +1 -1
- package/build/components/InputNumber/index.js +1 -1
- package/build/components/InputNumber/index.js.map +1 -1
- package/build/components/InputOption/InputOption.constants.js +3 -6
- package/build/components/InputOption/InputOption.constants.js.map +1 -1
- package/build/components/InputOption/InputOption.js +34 -38
- package/build/components/InputOption/InputOption.js.map +1 -1
- package/build/components/InputOption/InputOption.stories.js +8 -20
- package/build/components/InputOption/InputOption.stories.js.map +1 -1
- package/build/components/InputOption/index.js +2 -2
- package/build/components/InputOption/index.js.map +1 -1
- package/build/components/InputPhone/InputPhone.js +99 -143
- package/build/components/InputPhone/InputPhone.js.map +1 -1
- package/build/components/InputPhone/InputPhone.stories.js +22 -45
- package/build/components/InputPhone/InputPhone.stories.js.map +1 -1
- package/build/components/InputPhone/helpers/index.js +2 -2
- package/build/components/InputPhone/helpers/index.js.map +1 -1
- package/build/components/InputPhone/helpers/parseValue.js +8 -17
- package/build/components/InputPhone/helpers/parseValue.js.map +1 -1
- package/build/components/InputPhone/helpers/sanitizePrefixes.js +4 -12
- package/build/components/InputPhone/helpers/sanitizePrefixes.js.map +1 -1
- package/build/components/InputPhone/index.js +1 -1
- package/build/components/InputPhone/index.js.map +1 -1
- package/build/components/InputSelect/InputSelect.js +47 -70
- package/build/components/InputSelect/InputSelect.js.map +1 -1
- package/build/components/InputSelect/InputSelect.stories.js +12 -26
- package/build/components/InputSelect/InputSelect.stories.js.map +1 -1
- package/build/components/InputSelect/index.js +1 -1
- package/build/components/InputSelect/index.js.map +1 -1
- package/build/components/InputSelect/partials/InputSelect.Expand.js +3 -3
- package/build/components/InputSelect/partials/InputSelect.Expand.js.map +1 -1
- package/build/components/InputSelect/partials/index.js +1 -1
- package/build/components/InputSelect/partials/index.js.map +1 -1
- package/build/components/InputText/InputText.js +54 -87
- package/build/components/InputText/InputText.js.map +1 -1
- package/build/components/InputText/InputText.stories.js +17 -36
- package/build/components/InputText/InputText.stories.js.map +1 -1
- package/build/components/InputText/index.js +1 -1
- package/build/components/InputText/index.js.map +1 -1
- package/build/components/InputText/partials/InputText.Hint.js +8 -9
- package/build/components/InputText/partials/InputText.Hint.js.map +1 -1
- package/build/components/InputText/partials/InputText.IconState.js +10 -8
- package/build/components/InputText/partials/InputText.IconState.js.map +1 -1
- package/build/components/InputText/partials/InputText.Label.js +13 -15
- package/build/components/InputText/partials/InputText.Label.js.map +1 -1
- package/build/components/InputText/partials/index.js +3 -3
- package/build/components/InputText/partials/index.js.map +1 -1
- package/build/components/Menu/Menu.Option.js +14 -15
- package/build/components/Menu/Menu.Option.js.map +1 -1
- package/build/components/Menu/Menu.js +30 -41
- package/build/components/Menu/Menu.js.map +1 -1
- package/build/components/Menu/Menu.stories.js +9 -23
- package/build/components/Menu/Menu.stories.js.map +1 -1
- package/build/components/Menu/index.js +1 -1
- package/build/components/Menu/index.js.map +1 -1
- package/build/components/Modal/Modal.constants.js +2 -4
- package/build/components/Modal/Modal.constants.js.map +1 -1
- package/build/components/Modal/Modal.js +70 -103
- package/build/components/Modal/Modal.js.map +1 -1
- package/build/components/Modal/Modal.stories.js +15 -36
- package/build/components/Modal/Modal.stories.js.map +1 -1
- package/build/components/Modal/index.js +2 -2
- package/build/components/Modal/index.js.map +1 -1
- package/build/components/Notification/Notification.js +24 -26
- package/build/components/Notification/Notification.js.map +1 -1
- package/build/components/Notification/Notification.stories.js +14 -17
- package/build/components/Notification/Notification.stories.js.map +1 -1
- package/build/components/Notification/index.js +1 -1
- package/build/components/Notification/index.js.map +1 -1
- package/build/components/Progress/Progress.js +11 -15
- package/build/components/Progress/Progress.js.map +1 -1
- package/build/components/Progress/Progress.stories.js +4 -7
- package/build/components/Progress/Progress.stories.js.map +1 -1
- package/build/components/Progress/index.js +1 -1
- package/build/components/Progress/index.js.map +1 -1
- package/build/components/Slider/Slider.Item.js +17 -25
- package/build/components/Slider/Slider.Item.js.map +1 -1
- package/build/components/Slider/Slider.constants.js +2 -4
- package/build/components/Slider/Slider.constants.js.map +1 -1
- package/build/components/Slider/Slider.js +78 -130
- package/build/components/Slider/Slider.js.map +1 -1
- package/build/components/Slider/Slider.stories.js +25 -30
- package/build/components/Slider/Slider.stories.js.map +1 -1
- package/build/components/Slider/index.js +1 -1
- package/build/components/Slider/index.js.map +1 -1
- package/build/components/Table/Table.ColumnFilter.js +77 -116
- package/build/components/Table/Table.ColumnFilter.js.map +1 -1
- package/build/components/Table/Table.Filter.js +31 -41
- package/build/components/Table/Table.Filter.js.map +1 -1
- package/build/components/Table/Table.Row.js +48 -65
- package/build/components/Table/Table.Row.js.map +1 -1
- package/build/components/Table/Table.constants.js +4 -7
- package/build/components/Table/Table.constants.js.map +1 -1
- package/build/components/Table/Table.js +96 -125
- package/build/components/Table/Table.js.map +1 -1
- package/build/components/Table/Table.stories.js +38 -70
- package/build/components/Table/Table.stories.js.map +1 -1
- package/build/components/Table/helpers/index.js +2 -2
- package/build/components/Table/helpers/index.js.map +1 -1
- package/build/components/Table/helpers/select.js +54 -68
- package/build/components/Table/helpers/select.js.map +1 -1
- package/build/components/Table/helpers/storage.js +5 -6
- package/build/components/Table/helpers/storage.js.map +1 -1
- package/build/components/Table/index.js +1 -1
- package/build/components/Table/index.js.map +1 -1
- package/build/components/Tooltip/Tooltip.js +63 -84
- package/build/components/Tooltip/Tooltip.js.map +1 -1
- package/build/components/Tooltip/Tooltip.stories.js +87 -100
- package/build/components/Tooltip/Tooltip.stories.js.map +1 -1
- package/build/components/Tooltip/helpers/index.js +1 -1
- package/build/components/Tooltip/helpers/index.js.map +1 -1
- package/build/components/Tooltip/helpers/isPressableInstance.js +6 -5
- package/build/components/Tooltip/helpers/isPressableInstance.js.map +1 -1
- package/build/components/Tooltip/index.js +1 -1
- package/build/components/Tooltip/index.js.map +1 -1
- package/build/components/components.customElements.js.map +1 -1
- package/build/components/index.js +17 -17
- package/build/components/index.js.map +1 -1
- package/build/helpers/CustomElement.js +9 -29
- package/build/helpers/CustomElement.js.map +1 -1
- package/build/helpers/getIconState.js +6 -5
- package/build/helpers/getIconState.js.map +1 -1
- package/build/helpers/getInputDateErrors.js +10 -10
- package/build/helpers/getInputDateErrors.js.map +1 -1
- package/build/helpers/getInputErrors.js +25 -28
- package/build/helpers/getInputErrors.js.map +1 -1
- package/build/helpers/getInputPhoneErrors.js +11 -13
- package/build/helpers/getInputPhoneErrors.js.map +1 -1
- package/build/helpers/getNavigator.js +10 -10
- package/build/helpers/getNavigator.js.map +1 -1
- package/build/helpers/index.js +9 -9
- package/build/helpers/index.js.map +1 -1
- package/build/helpers/isJest.js +4 -6
- package/build/helpers/isJest.js.map +1 -1
- package/build/helpers/isPlaywright.js +3 -4
- package/build/helpers/isPlaywright.js.map +1 -1
- package/build/helpers/isValidDate.js +21 -38
- package/build/helpers/isValidDate.js.map +1 -1
- package/build/helpers/isValidEmail.js +3 -3
- package/build/helpers/isValidEmail.js.map +1 -1
- package/build/helpers/isValidPhone.js +9 -8
- package/build/helpers/isValidPhone.js.map +1 -1
- package/build/helpers/styles.js +3 -7
- package/build/helpers/styles.js.map +1 -1
- package/build/hooks/helpers/getResolution.js +7 -8
- package/build/hooks/helpers/getResolution.js.map +1 -1
- package/build/hooks/helpers/index.js +2 -2
- package/build/hooks/helpers/index.js.map +1 -1
- package/build/hooks/helpers/sanitizePx.js +1 -3
- package/build/hooks/helpers/sanitizePx.js.map +1 -1
- package/build/hooks/index.js +1 -1
- package/build/hooks/index.js.map +1 -1
- package/build/hooks/useDevice.js +21 -39
- package/build/hooks/useDevice.js.map +1 -1
- package/build/hooks/useDevice.stories.js +7 -16
- package/build/hooks/useDevice.stories.js.map +1 -1
- package/build/index.js +5 -5
- package/build/index.js.map +1 -1
- package/build/primitives/Checkbox/Checkbox.js +18 -18
- package/build/primitives/Checkbox/Checkbox.js.map +1 -1
- package/build/primitives/Checkbox/Checkbox.stories.js +8 -20
- package/build/primitives/Checkbox/Checkbox.stories.js.map +1 -1
- package/build/primitives/Checkbox/index.js +1 -1
- package/build/primitives/Checkbox/index.js.map +1 -1
- package/build/primitives/Icon/Icon.constants.js +1 -2
- package/build/primitives/Icon/Icon.constants.js.map +1 -1
- package/build/primitives/Icon/Icon.js +34 -41
- package/build/primitives/Icon/Icon.js.map +1 -1
- package/build/primitives/Icon/Icon.stories.js +8 -10
- package/build/primitives/Icon/Icon.stories.js.map +1 -1
- package/build/primitives/Icon/index.js +2 -2
- package/build/primitives/Icon/index.js.map +1 -1
- package/build/primitives/Input/Input.js +49 -63
- package/build/primitives/Input/Input.js.map +1 -1
- package/build/primitives/Input/Input.stories.js +14 -29
- package/build/primitives/Input/Input.stories.js.map +1 -1
- package/build/primitives/Input/helpers/index.js +1 -1
- package/build/primitives/Input/helpers/index.js.map +1 -1
- package/build/primitives/Input/helpers/parseValue.js +5 -5
- package/build/primitives/Input/helpers/parseValue.js.map +1 -1
- package/build/primitives/Input/index.js +1 -1
- package/build/primitives/Input/index.js.map +1 -1
- package/build/primitives/Layer/Layer.js +79 -93
- package/build/primitives/Layer/Layer.js.map +1 -1
- package/build/primitives/Layer/Layer.stories.js +10 -13
- package/build/primitives/Layer/Layer.stories.js.map +1 -1
- package/build/primitives/Layer/LayerContent.js +5 -3
- package/build/primitives/Layer/LayerContent.js.map +1 -1
- package/build/primitives/Layer/helpers/getElementLayout.js +18 -15
- package/build/primitives/Layer/helpers/getElementLayout.js.map +1 -1
- package/build/primitives/Layer/helpers/getLayerPosition.js +66 -69
- package/build/primitives/Layer/helpers/getLayerPosition.js.map +1 -1
- package/build/primitives/Layer/helpers/getModalParent.js +10 -9
- package/build/primitives/Layer/helpers/getModalParent.js.map +1 -1
- package/build/primitives/Layer/helpers/getScrollParent.js +4 -3
- package/build/primitives/Layer/helpers/getScrollParent.js.map +1 -1
- package/build/primitives/Layer/helpers/index.js +5 -5
- package/build/primitives/Layer/helpers/index.js.map +1 -1
- package/build/primitives/Layer/helpers/isComponentFixed.js +8 -19
- package/build/primitives/Layer/helpers/isComponentFixed.js.map +1 -1
- package/build/primitives/Layer/index.js +2 -2
- package/build/primitives/Layer/index.js.map +1 -1
- package/build/primitives/Pressable/Pressable.constants.js +1 -2
- package/build/primitives/Pressable/Pressable.constants.js.map +1 -1
- package/build/primitives/Pressable/Pressable.js +34 -44
- package/build/primitives/Pressable/Pressable.js.map +1 -1
- package/build/primitives/Pressable/Pressable.stories.js +5 -8
- package/build/primitives/Pressable/Pressable.stories.js.map +1 -1
- package/build/primitives/Pressable/index.js +1 -1
- package/build/primitives/Pressable/index.js.map +1 -1
- package/build/primitives/Primitive/Primitive.constants.js +4 -8
- package/build/primitives/Primitive/Primitive.constants.js.map +1 -1
- package/build/primitives/Primitive/Primitive.js +20 -28
- package/build/primitives/Primitive/Primitive.js.map +1 -1
- package/build/primitives/Primitive/Primitive.stories.js +7 -10
- package/build/primitives/Primitive/Primitive.stories.js.map +1 -1
- package/build/primitives/Primitive/helpers/getProps.js +8 -17
- package/build/primitives/Primitive/helpers/getProps.js.map +1 -1
- package/build/primitives/Primitive/helpers/getTag.js +4 -4
- package/build/primitives/Primitive/helpers/getTag.js.map +1 -1
- package/build/primitives/Primitive/helpers/index.js +2 -2
- package/build/primitives/Primitive/helpers/index.js.map +1 -1
- package/build/primitives/Primitive/index.js +1 -1
- package/build/primitives/Primitive/index.js.map +1 -1
- package/build/primitives/Radio/Radio.js +11 -15
- package/build/primitives/Radio/Radio.js.map +1 -1
- package/build/primitives/Radio/Radio.stories.js +8 -20
- package/build/primitives/Radio/Radio.stories.js.map +1 -1
- package/build/primitives/Radio/index.js +1 -1
- package/build/primitives/Radio/index.js.map +1 -1
- package/build/primitives/ScrollView/ScrollView.js +73 -96
- package/build/primitives/ScrollView/ScrollView.js.map +1 -1
- package/build/primitives/ScrollView/ScrollView.stories.js +12 -17
- package/build/primitives/ScrollView/ScrollView.stories.js.map +1 -1
- package/build/primitives/ScrollView/index.js +1 -1
- package/build/primitives/ScrollView/index.js.map +1 -1
- package/build/primitives/Select/Select.js +44 -54
- package/build/primitives/Select/Select.js.map +1 -1
- package/build/primitives/Select/Select.stories.js +14 -29
- package/build/primitives/Select/Select.stories.js.map +1 -1
- package/build/primitives/Select/index.js +1 -1
- package/build/primitives/Select/index.js.map +1 -1
- package/build/primitives/Switch/Switch.js +14 -16
- package/build/primitives/Switch/Switch.js.map +1 -1
- package/build/primitives/Switch/Switch.stories.js +8 -20
- package/build/primitives/Switch/Switch.stories.js.map +1 -1
- package/build/primitives/Switch/index.js +1 -1
- package/build/primitives/Switch/index.js.map +1 -1
- package/build/primitives/Text/Text.js +43 -55
- package/build/primitives/Text/Text.js.map +1 -1
- package/build/primitives/Text/Text.stories.js +8 -10
- package/build/primitives/Text/Text.stories.js.map +1 -1
- package/build/primitives/Text/helpers/color.js +13 -12
- package/build/primitives/Text/helpers/color.js.map +1 -1
- package/build/primitives/Text/helpers/index.js +2 -2
- package/build/primitives/Text/helpers/index.js.map +1 -1
- package/build/primitives/Text/helpers/parseMarkdown.js +41 -54
- package/build/primitives/Text/helpers/parseMarkdown.js.map +1 -1
- package/build/primitives/Text/index.js +1 -1
- package/build/primitives/Text/index.js.map +1 -1
- package/build/primitives/View/View.js +16 -25
- package/build/primitives/View/View.js.map +1 -1
- package/build/primitives/View/View.stories.js +7 -10
- package/build/primitives/View/View.stories.js.map +1 -1
- package/build/primitives/View/index.js +1 -1
- package/build/primitives/View/index.js.map +1 -1
- package/build/primitives/index.js +12 -12
- package/build/primitives/index.js.map +1 -1
- package/build/primitives/primitives.customElements.js.map +1 -1
- package/build/theme/helpers/camelcase.js +3 -5
- package/build/theme/helpers/camelcase.js.map +1 -1
- package/build/theme/helpers/index.js +2 -2
- package/build/theme/helpers/index.js.map +1 -1
- package/build/theme/helpers/palette.js +18 -32
- package/build/theme/helpers/palette.js.map +1 -1
- package/build/theme/index.js +2 -2
- package/build/theme/index.js.map +1 -1
- package/build/theme/theme.constants.js +16 -23
- package/build/theme/theme.constants.js.map +1 -1
- package/build/theme/theme.js +61 -81
- package/build/theme/theme.js.map +1 -1
- package/build/theme/theme.stories.js +25 -38
- package/build/theme/theme.stories.js.map +1 -1
- package/package.json +18 -15
|
@@ -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
|
});
|
|
@@ -12,131 +11,109 @@ var _Icon = require("../Icon");
|
|
|
12
11
|
var _Primitive = require("../Primitive");
|
|
13
12
|
var _View = require("../View");
|
|
14
13
|
var _ScrollViewModule = _interopRequireDefault(require("./ScrollView.module.css"));
|
|
15
|
-
|
|
16
|
-
function
|
|
17
|
-
function
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
_ref$scrollIndicator = _ref.scrollIndicator,
|
|
43
|
-
scrollIndicator = _ref$scrollIndicator === void 0 ? false : _ref$scrollIndicator,
|
|
44
|
-
scrollTo = _ref.scrollTo,
|
|
45
|
-
_ref$snap = _ref.snap,
|
|
46
|
-
snap = _ref$snap === void 0 ? true : _ref$snap,
|
|
47
|
-
_ref$tag = _ref.tag,
|
|
48
|
-
tag = _ref$tag === void 0 ? 'scrollview' : _ref$tag,
|
|
49
|
-
width = _ref.width,
|
|
50
|
-
_ref$onScroll = _ref.onScroll,
|
|
51
|
-
onScroll = _ref$onScroll === void 0 ? function () {} : _ref$onScroll,
|
|
52
|
-
others = _objectWithoutProperties(_ref, _excluded);
|
|
53
|
-
var ref = (0, _react.useRef)();
|
|
54
|
-
var _useState = (0, _react.useState)(),
|
|
55
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
56
|
-
value = _useState2[0],
|
|
57
|
-
setValue = _useState2[1];
|
|
58
|
-
var timeout = null;
|
|
59
|
-
(0, _react.useEffect)(function () {
|
|
60
|
-
var _ref2 = ref || {},
|
|
61
|
-
el = _ref2.current;
|
|
14
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
15
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
16
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
17
|
+
const ScrollView = _ref => {
|
|
18
|
+
let {
|
|
19
|
+
behavior = 'smooth',
|
|
20
|
+
children,
|
|
21
|
+
defaultScrollIndicator = false,
|
|
22
|
+
height,
|
|
23
|
+
horizontal,
|
|
24
|
+
scrollEventThrottle = 16,
|
|
25
|
+
// * 60fps
|
|
26
|
+
scrollIndicator = false,
|
|
27
|
+
scrollTo,
|
|
28
|
+
snap = true,
|
|
29
|
+
tag = 'scrollview',
|
|
30
|
+
width,
|
|
31
|
+
onScroll = () => {},
|
|
32
|
+
...others
|
|
33
|
+
} = _ref;
|
|
34
|
+
const ref = (0, _react.useRef)();
|
|
35
|
+
const [value, setValue] = (0, _react.useState)();
|
|
36
|
+
let timeout = null;
|
|
37
|
+
(0, _react.useEffect)(() => {
|
|
38
|
+
const {
|
|
39
|
+
current: el
|
|
40
|
+
} = ref || {};
|
|
62
41
|
if (!scrollIndicator || !el) return;
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
};
|
|
66
|
-
var observer = new MutationObserver(callback);
|
|
42
|
+
const callback = () => setValue(calcValue(el));
|
|
43
|
+
const observer = new MutationObserver(callback);
|
|
67
44
|
observer.observe(el, {
|
|
68
45
|
childList: true,
|
|
69
46
|
subtree: true
|
|
70
47
|
});
|
|
71
|
-
return
|
|
72
|
-
return observer.disconnect();
|
|
73
|
-
};
|
|
48
|
+
return () => observer.disconnect();
|
|
74
49
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
75
50
|
}, [ref]);
|
|
76
|
-
(0, _react.useEffect)(
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
current = _ref3$current === void 0 ? {} : _ref3$current;
|
|
51
|
+
(0, _react.useEffect)(() => {
|
|
52
|
+
const {
|
|
53
|
+
current = {}
|
|
54
|
+
} = ref || {};
|
|
81
55
|
if (!current.scrollTo || scrollTo === undefined) return;
|
|
82
|
-
current.scrollTo(
|
|
56
|
+
current.scrollTo({
|
|
57
|
+
[horizontal ? 'left' : 'top']: scrollTo,
|
|
58
|
+
behavior
|
|
59
|
+
});
|
|
83
60
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
84
61
|
}, [scrollTo]);
|
|
85
|
-
(0, _react.useEffect)(
|
|
62
|
+
(0, _react.useEffect)(() => {
|
|
86
63
|
if (!value) return;
|
|
87
64
|
|
|
88
65
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
89
|
-
timeout = setTimeout(
|
|
90
|
-
|
|
91
|
-
}, scrollEventThrottle);
|
|
92
|
-
return function () {
|
|
93
|
-
return clearTimeout(timeout);
|
|
94
|
-
};
|
|
66
|
+
timeout = setTimeout(() => onScroll(value), scrollEventThrottle);
|
|
67
|
+
return () => clearTimeout(timeout);
|
|
95
68
|
}, [value]);
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
target
|
|
69
|
+
const handleScroll = function () {
|
|
70
|
+
let {
|
|
71
|
+
target
|
|
72
|
+
} = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
99
73
|
return setValue(calcValue(target));
|
|
100
74
|
};
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
clientHeight
|
|
104
|
-
clientWidth
|
|
105
|
-
scrollHeight
|
|
106
|
-
scrollWidth
|
|
107
|
-
scrollTop
|
|
108
|
-
scrollLeft
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
75
|
+
const calcValue = function () {
|
|
76
|
+
let {
|
|
77
|
+
clientHeight,
|
|
78
|
+
clientWidth,
|
|
79
|
+
scrollHeight,
|
|
80
|
+
scrollWidth,
|
|
81
|
+
scrollTop,
|
|
82
|
+
scrollLeft
|
|
83
|
+
} = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
84
|
+
const x = parseInt(scrollLeft, 10);
|
|
85
|
+
const y = parseInt(scrollTop, 10);
|
|
86
|
+
const offsetX = scrollWidth - clientWidth;
|
|
87
|
+
const offsetY = scrollHeight - clientHeight;
|
|
113
88
|
return (horizontal ? offsetX : offsetY) > 0 ? {
|
|
114
|
-
x
|
|
115
|
-
y
|
|
89
|
+
x,
|
|
90
|
+
y,
|
|
116
91
|
percentX: offsetX ? parseInt(x * 100 / offsetX, 10) : 0,
|
|
117
92
|
percentY: offsetY ? parseInt(y * 100 / offsetY, 10) : 0
|
|
118
93
|
} : undefined;
|
|
119
94
|
};
|
|
120
|
-
|
|
121
|
-
return /*#__PURE__*/_react.default.createElement(_Primitive.Primitive,
|
|
122
|
-
|
|
123
|
-
|
|
95
|
+
const percent = scrollIndicator && !defaultScrollIndicator && value ? horizontal ? value.percentX : value.percentY : undefined;
|
|
96
|
+
return /*#__PURE__*/_react.default.createElement(_Primitive.Primitive, {
|
|
97
|
+
...others,
|
|
98
|
+
ref,
|
|
99
|
+
tag,
|
|
124
100
|
onScroll: handleScroll,
|
|
125
101
|
className: (0, _helpers.styles)(_ScrollViewModule.default.scrollview, snap && _ScrollViewModule.default.snap, horizontal ? _ScrollViewModule.default.horizontal : _ScrollViewModule.default.vertical, (!scrollIndicator || !defaultScrollIndicator) && _ScrollViewModule.default.notIndicator, others.className),
|
|
126
|
-
style:
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
102
|
+
style: {
|
|
103
|
+
...others.style,
|
|
104
|
+
height,
|
|
105
|
+
width
|
|
106
|
+
}
|
|
107
|
+
}, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children, percent >= 0 && /*#__PURE__*/_react.default.createElement(_View.View, {
|
|
131
108
|
tag: "scrollview-indicator",
|
|
132
109
|
className: (0, _helpers.styles)(_ScrollViewModule.default.indicator, horizontal ? _ScrollViewModule.default.horizontal : _ScrollViewModule.default.vertical, percent > 95 && _ScrollViewModule.default.hide)
|
|
133
110
|
}, /*#__PURE__*/_react.default.createElement(_View.View, {
|
|
134
111
|
className: _ScrollViewModule.default.progress,
|
|
135
112
|
style: horizontal ? {
|
|
136
113
|
height: '100%',
|
|
137
|
-
width:
|
|
114
|
+
width: `${percent || 0}%`
|
|
138
115
|
} : {
|
|
139
|
-
height:
|
|
116
|
+
height: `${percent || 0}%`,
|
|
140
117
|
width: '100%'
|
|
141
118
|
}
|
|
142
119
|
}), /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollView.js","names":["ScrollView","behavior","children","defaultScrollIndicator","height","horizontal","scrollEventThrottle","scrollIndicator","scrollTo","snap","tag","width","onScroll","others","ref","useRef","useState","value","setValue","timeout","useEffect","el","current","callback","calcValue","observer","MutationObserver","observe","childList","subtree","disconnect","undefined","setTimeout","clearTimeout","handleScroll","target","clientHeight","clientWidth","scrollHeight","scrollWidth","scrollTop","scrollLeft","x","parseInt","y","offsetX","offsetY","percentX","percentY","percent","React","createElement","Primitive","className","styles","style","scrollview","vertical","notIndicator","indicator","hide","progress","ICON","RIGHT","DOWN","icon","displayName","propTypes","PropTypes","string","node","isRequired","bool","number","func"],"sources":["../../../src/primitives/ScrollView/ScrollView.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, ICON } from '../Icon';\nimport { Primitive } from '../Primitive';\nimport { View } from '../View';\nimport style from './ScrollView.module.css';\n\nconst ScrollView = ({\n behavior = 'smooth',\n children,\n defaultScrollIndicator = false,\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 const [value, setValue] = useState();\n\n let timeout = null;\n\n useEffect(() => {\n const { current: el } = ref || {};\n if (!scrollIndicator || !el) return;\n\n const callback = () => setValue(calcValue(el));\n const observer = new MutationObserver(callback);\n observer.observe(el, { childList: true, subtree: true });\n\n return () => observer.disconnect();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [ref]);\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 useEffect(() => {\n if (!value) return;\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n timeout = setTimeout(() => onScroll(value), scrollEventThrottle);\n\n return () => clearTimeout(timeout);\n }, [value]);\n\n const handleScroll = ({ target } = {}) => setValue(calcValue(target));\n\n const calcValue = ({ clientHeight, clientWidth, scrollHeight, scrollWidth, scrollTop, scrollLeft } = {}) => {\n const x = parseInt(scrollLeft, 10);\n const y = parseInt(scrollTop, 10);\n const offsetX = scrollWidth - clientWidth;\n const offsetY = scrollHeight - clientHeight;\n\n return (horizontal ? offsetX : offsetY) > 0\n ? {\n x,\n y,\n percentX: offsetX ? parseInt((x * 100) / offsetX, 10) : 0,\n percentY: offsetY ? parseInt((y * 100) / offsetY, 10) : 0,\n }\n : undefined;\n };\n\n const percent =\n scrollIndicator && !defaultScrollIndicator && value ? (horizontal ? value.percentX : value.percentY) : undefined;\n\n return React.createElement(\n Primitive,\n {\n ...others,\n ref,\n tag,\n onScroll: handleScroll,\n className: styles(\n style.scrollview,\n snap && style.snap,\n horizontal ? style.horizontal : style.vertical,\n (!scrollIndicator || !defaultScrollIndicator) && style.notIndicator,\n others.className,\n ),\n style: { ...others.style, height, width },\n },\n <>\n {children}\n {percent >= 0 && (\n <View\n tag=\"scrollview-indicator\"\n className={styles(\n style.indicator,\n horizontal ? style.horizontal : style.vertical,\n percent > 95 && style.hide,\n )}\n >\n <View\n className={style.progress}\n style={\n horizontal ? { height: '100%', width: `${percent || 0}%` } : { height: `${percent || 0}%`, width: '100%' }\n }\n />\n <Icon headline level={2} value={horizontal ? ICON.RIGHT : ICON.DOWN} className={style.icon} />\n </View>\n )}\n </>,\n );\n};\n\nScrollView.displayName = 'Primitive:ScrollView';\n\nScrollView.propTypes = {\n behavior: PropTypes.string,\n children: PropTypes.node.isRequired,\n defaultScrollIndicator: PropTypes.bool,\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;AACA;AACA;AAA4C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAE5C,IAAMA,UAAU,GAAG,SAAbA,UAAU,OAcV;EAAA,yBAbJC,QAAQ;IAARA,QAAQ,8BAAG,QAAQ;IACnBC,QAAQ,QAARA,QAAQ;IAAA,6BACRC,sBAAsB;IAAtBA,sBAAsB,sCAAG,KAAK;IAC9BC,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;IAAA,qBACLC,QAAQ;IAARA,QAAQ,8BAAG,YAAM,CAAC,CAAC;IAChBC,MAAM;EAET,IAAMC,GAAG,GAAG,IAAAC,aAAM,GAAE;EAEpB,gBAA0B,IAAAC,eAAQ,GAAE;IAAA;IAA7BC,KAAK;IAAEC,QAAQ;EAEtB,IAAIC,OAAO,GAAG,IAAI;EAElB,IAAAC,gBAAS,EAAC,YAAM;IACd,YAAwBN,GAAG,IAAI,CAAC,CAAC;MAAhBO,EAAE,SAAXC,OAAO;IACf,IAAI,CAACf,eAAe,IAAI,CAACc,EAAE,EAAE;IAE7B,IAAME,QAAQ,GAAG,SAAXA,QAAQ;MAAA,OAASL,QAAQ,CAACM,SAAS,CAACH,EAAE,CAAC,CAAC;IAAA;IAC9C,IAAMI,QAAQ,GAAG,IAAIC,gBAAgB,CAACH,QAAQ,CAAC;IAC/CE,QAAQ,CAACE,OAAO,CAACN,EAAE,EAAE;MAAEO,SAAS,EAAE,IAAI;MAAEC,OAAO,EAAE;IAAK,CAAC,CAAC;IAExD,OAAO;MAAA,OAAMJ,QAAQ,CAACK,UAAU,EAAE;IAAA;IAClC;EACF,CAAC,EAAE,CAAChB,GAAG,CAAC,CAAC;EAET,IAAAM,gBAAS,EAAC,YAAM;IAAA;IACd,YAAyBN,GAAG,IAAI,CAAC,CAAC;MAAA,sBAA1BQ,OAAO;MAAPA,OAAO,8BAAG,CAAC,CAAC;IACpB,IAAI,CAACA,OAAO,CAACd,QAAQ,IAAIA,QAAQ,KAAKuB,SAAS,EAAE;IAEjDT,OAAO,CAACd,QAAQ,6DAAIH,UAAU,GAAG,MAAM,GAAG,KAAK,EAAGG,QAAQ,kDAAEP,QAAQ,sBAAG;IACvE;EACF,CAAC,EAAE,CAACO,QAAQ,CAAC,CAAC;EAEd,IAAAY,gBAAS,EAAC,YAAM;IACd,IAAI,CAACH,KAAK,EAAE;;IAEZ;IACAE,OAAO,GAAGa,UAAU,CAAC;MAAA,OAAMpB,QAAQ,CAACK,KAAK,CAAC;IAAA,GAAEX,mBAAmB,CAAC;IAEhE,OAAO;MAAA,OAAM2B,YAAY,CAACd,OAAO,CAAC;IAAA;EACpC,CAAC,EAAE,CAACF,KAAK,CAAC,CAAC;EAEX,IAAMiB,YAAY,GAAG,SAAfA,YAAY;IAAA,gFAAiB,CAAC,CAAC;MAAbC,MAAM,SAANA,MAAM;IAAA,OAAYjB,QAAQ,CAACM,SAAS,CAACW,MAAM,CAAC,CAAC;EAAA;EAErE,IAAMX,SAAS,GAAG,SAAZA,SAAS,GAA6F;IAAA,gFAAP,CAAC,CAAC;MAAlFY,YAAY,SAAZA,YAAY;MAAEC,WAAW,SAAXA,WAAW;MAAEC,YAAY,SAAZA,YAAY;MAAEC,WAAW,SAAXA,WAAW;MAAEC,SAAS,SAATA,SAAS;MAAEC,UAAU,SAAVA,UAAU;IAC9F,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;IAE3C,OAAO,CAAC/B,UAAU,GAAGwC,OAAO,GAAGC,OAAO,IAAI,CAAC,GACvC;MACEJ,CAAC,EAADA,CAAC;MACDE,CAAC,EAADA,CAAC;MACDG,QAAQ,EAAEF,OAAO,GAAGF,QAAQ,CAAED,CAAC,GAAG,GAAG,GAAIG,OAAO,EAAE,EAAE,CAAC,GAAG,CAAC;MACzDG,QAAQ,EAAEF,OAAO,GAAGH,QAAQ,CAAEC,CAAC,GAAG,GAAG,GAAIE,OAAO,EAAE,EAAE,CAAC,GAAG;IAC1D,CAAC,GACDf,SAAS;EACf,CAAC;EAED,IAAMkB,OAAO,GACX1C,eAAe,IAAI,CAACJ,sBAAsB,IAAIc,KAAK,GAAIZ,UAAU,GAAGY,KAAK,CAAC8B,QAAQ,GAAG9B,KAAK,CAAC+B,QAAQ,GAAIjB,SAAS;EAElH,oBAAOmB,cAAK,CAACC,aAAa,CACxBC,oBAAS,kCAEJvC,MAAM;IACTC,GAAG,EAAHA,GAAG;IACHJ,GAAG,EAAHA,GAAG;IACHE,QAAQ,EAAEsB,YAAY;IACtBmB,SAAS,EAAE,IAAAC,eAAM,EACfC,yBAAK,CAACC,UAAU,EAChB/C,IAAI,IAAI8C,yBAAK,CAAC9C,IAAI,EAClBJ,UAAU,GAAGkD,yBAAK,CAAClD,UAAU,GAAGkD,yBAAK,CAACE,QAAQ,EAC9C,CAAC,CAAClD,eAAe,IAAI,CAACJ,sBAAsB,KAAKoD,yBAAK,CAACG,YAAY,EACnE7C,MAAM,CAACwC,SAAS,CACjB;IACDE,KAAK,kCAAO1C,MAAM,CAAC0C,KAAK;MAAEnD,MAAM,EAANA,MAAM;MAAEO,KAAK,EAALA;IAAK;EAAE,iBAE3C,4DACGT,QAAQ,EACR+C,OAAO,IAAI,CAAC,iBACX,6BAAC,UAAI;IACH,GAAG,EAAC,sBAAsB;IAC1B,SAAS,EAAE,IAAAK,eAAM,EACfC,yBAAK,CAACI,SAAS,EACftD,UAAU,GAAGkD,yBAAK,CAAClD,UAAU,GAAGkD,yBAAK,CAACE,QAAQ,EAC9CR,OAAO,GAAG,EAAE,IAAIM,yBAAK,CAACK,IAAI;EAC1B,gBAEF,6BAAC,UAAI;IACH,SAAS,EAAEL,yBAAK,CAACM,QAAS;IAC1B,KAAK,EACHxD,UAAU,GAAG;MAAED,MAAM,EAAE,MAAM;MAAEO,KAAK,YAAKsC,OAAO,IAAI,CAAC;IAAI,CAAC,GAAG;MAAE7C,MAAM,YAAK6C,OAAO,IAAI,CAAC,MAAG;MAAEtC,KAAK,EAAE;IAAO;EAC1G,EACD,eACF,6BAAC,UAAI;IAAC,QAAQ;IAAC,KAAK,EAAE,CAAE;IAAC,KAAK,EAAEN,UAAU,GAAGyD,UAAI,CAACC,KAAK,GAAGD,UAAI,CAACE,IAAK;IAAC,SAAS,EAAET,yBAAK,CAACU;EAAK,EAAG,CAEjG,CACA,CACJ;AACH,CAAC;AAAC;AAEFjE,UAAU,CAACkE,WAAW,GAAG,sBAAsB;AAE/ClE,UAAU,CAACmE,SAAS,GAAG;EACrBlE,QAAQ,EAAEmE,kBAAS,CAACC,MAAM;EAC1BnE,QAAQ,EAAEkE,kBAAS,CAACE,IAAI,CAACC,UAAU;EACnCpE,sBAAsB,EAAEiE,kBAAS,CAACI,IAAI;EACtCpE,MAAM,EAAEgE,kBAAS,CAACK,MAAM;EACxBpE,UAAU,EAAE+D,kBAAS,CAACI,IAAI;EAC1BlE,mBAAmB,EAAE8D,kBAAS,CAACK,MAAM;EACrClE,eAAe,EAAE6D,kBAAS,CAACI,IAAI;EAC/BhE,QAAQ,EAAE4D,kBAAS,CAACK,MAAM;EAC1BhE,IAAI,EAAE2D,kBAAS,CAACI,IAAI;EACpB9D,GAAG,EAAE0D,kBAAS,CAACC,MAAM;EACrB1D,KAAK,EAAEyD,kBAAS,CAACK,MAAM;EACvB7D,QAAQ,EAAEwD,kBAAS,CAACM;AACtB,CAAC"}
|
|
1
|
+
{"version":3,"file":"ScrollView.js","names":["_propTypes","_interopRequireDefault","require","_react","_interopRequireWildcard","_helpers","_Icon","_Primitive","_View","_ScrollViewModule","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ScrollView","_ref","behavior","children","defaultScrollIndicator","height","horizontal","scrollEventThrottle","scrollIndicator","scrollTo","snap","tag","width","onScroll","others","ref","useRef","value","setValue","useState","timeout","useEffect","current","el","callback","calcValue","observer","MutationObserver","observe","childList","subtree","disconnect","undefined","setTimeout","clearTimeout","handleScroll","target","arguments","length","clientHeight","clientWidth","scrollHeight","scrollWidth","scrollTop","scrollLeft","x","parseInt","y","offsetX","offsetY","percentX","percentY","percent","React","createElement","Primitive","className","styles","style","scrollview","vertical","notIndicator","Fragment","View","indicator","hide","progress","Icon","headline","level","ICON","RIGHT","DOWN","icon","exports","displayName","propTypes","PropTypes","string","node","isRequired","bool","number","func"],"sources":["../../../src/primitives/ScrollView/ScrollView.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, ICON } from '../Icon';\nimport { Primitive } from '../Primitive';\nimport { View } from '../View';\nimport style from './ScrollView.module.css';\n\nconst ScrollView = ({\n behavior = 'smooth',\n children,\n defaultScrollIndicator = false,\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 const [value, setValue] = useState();\n\n let timeout = null;\n\n useEffect(() => {\n const { current: el } = ref || {};\n if (!scrollIndicator || !el) return;\n\n const callback = () => setValue(calcValue(el));\n const observer = new MutationObserver(callback);\n observer.observe(el, { childList: true, subtree: true });\n\n return () => observer.disconnect();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [ref]);\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 useEffect(() => {\n if (!value) return;\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n timeout = setTimeout(() => onScroll(value), scrollEventThrottle);\n\n return () => clearTimeout(timeout);\n }, [value]);\n\n const handleScroll = ({ target } = {}) => setValue(calcValue(target));\n\n const calcValue = ({ clientHeight, clientWidth, scrollHeight, scrollWidth, scrollTop, scrollLeft } = {}) => {\n const x = parseInt(scrollLeft, 10);\n const y = parseInt(scrollTop, 10);\n const offsetX = scrollWidth - clientWidth;\n const offsetY = scrollHeight - clientHeight;\n\n return (horizontal ? offsetX : offsetY) > 0\n ? {\n x,\n y,\n percentX: offsetX ? parseInt((x * 100) / offsetX, 10) : 0,\n percentY: offsetY ? parseInt((y * 100) / offsetY, 10) : 0,\n }\n : undefined;\n };\n\n const percent =\n scrollIndicator && !defaultScrollIndicator && value ? (horizontal ? value.percentX : value.percentY) : undefined;\n\n return React.createElement(\n Primitive,\n {\n ...others,\n ref,\n tag,\n onScroll: handleScroll,\n className: styles(\n style.scrollview,\n snap && style.snap,\n horizontal ? style.horizontal : style.vertical,\n (!scrollIndicator || !defaultScrollIndicator) && style.notIndicator,\n others.className,\n ),\n style: { ...others.style, height, width },\n },\n <>\n {children}\n {percent >= 0 && (\n <View\n tag=\"scrollview-indicator\"\n className={styles(\n style.indicator,\n horizontal ? style.horizontal : style.vertical,\n percent > 95 && style.hide,\n )}\n >\n <View\n className={style.progress}\n style={\n horizontal ? { height: '100%', width: `${percent || 0}%` } : { height: `${percent || 0}%`, width: '100%' }\n }\n />\n <Icon headline level={2} value={horizontal ? ICON.RIGHT : ICON.DOWN} className={style.icon} />\n </View>\n )}\n </>,\n );\n};\n\nScrollView.displayName = 'Primitive:ScrollView';\n\nScrollView.propTypes = {\n behavior: PropTypes.string,\n children: PropTypes.node.isRequired,\n defaultScrollIndicator: PropTypes.bool,\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,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,KAAA,GAAAN,OAAA;AACA,IAAAO,iBAAA,GAAAR,sBAAA,CAAAC,OAAA;AAA4C,SAAAQ,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAP,wBAAAO,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAlB,uBAAAU,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAI,UAAA,GAAAJ,CAAA,KAAAK,OAAA,EAAAL,CAAA;AAE5C,MAAMmB,UAAU,GAAGC,IAAA,IAcb;EAAA,IAdc;IAClBC,QAAQ,GAAG,QAAQ;IACnBC,QAAQ;IACRC,sBAAsB,GAAG,KAAK;IAC9BC,MAAM;IACNC,UAAU;IACVC,mBAAmB,GAAG,EAAE;IAAE;IAC1BC,eAAe,GAAG,KAAK;IACvBC,QAAQ;IACRC,IAAI,GAAG,IAAI;IACXC,GAAG,GAAG,YAAY;IAClBC,KAAK;IACLC,QAAQ,GAAGA,CAAA,KAAM,CAAC,CAAC;IACnB,GAAGC;EACL,CAAC,GAAAb,IAAA;EACC,MAAMc,GAAG,GAAG,IAAAC,aAAM,EAAC,CAAC;EAEpB,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC;EAEpC,IAAIC,OAAO,GAAG,IAAI;EAElB,IAAAC,gBAAS,EAAC,MAAM;IACd,MAAM;MAAEC,OAAO,EAAEC;IAAG,CAAC,GAAGR,GAAG,IAAI,CAAC,CAAC;IACjC,IAAI,CAACP,eAAe,IAAI,CAACe,EAAE,EAAE;IAE7B,MAAMC,QAAQ,GAAGA,CAAA,KAAMN,QAAQ,CAACO,SAAS,CAACF,EAAE,CAAC,CAAC;IAC9C,MAAMG,QAAQ,GAAG,IAAIC,gBAAgB,CAACH,QAAQ,CAAC;IAC/CE,QAAQ,CAACE,OAAO,CAACL,EAAE,EAAE;MAAEM,SAAS,EAAE,IAAI;MAAEC,OAAO,EAAE;IAAK,CAAC,CAAC;IAExD,OAAO,MAAMJ,QAAQ,CAACK,UAAU,CAAC,CAAC;IAClC;EACF,CAAC,EAAE,CAAChB,GAAG,CAAC,CAAC;EAET,IAAAM,gBAAS,EAAC,MAAM;IACd,MAAM;MAAEC,OAAO,GAAG,CAAC;IAAE,CAAC,GAAGP,GAAG,IAAI,CAAC,CAAC;IAClC,IAAI,CAACO,OAAO,CAACb,QAAQ,IAAIA,QAAQ,KAAKuB,SAAS,EAAE;IAEjDV,OAAO,CAACb,QAAQ,CAAC;MAAE,CAACH,UAAU,GAAG,MAAM,GAAG,KAAK,GAAGG,QAAQ;MAAEP;IAAS,CAAC,CAAC;IACvE;EACF,CAAC,EAAE,CAACO,QAAQ,CAAC,CAAC;EAEd,IAAAY,gBAAS,EAAC,MAAM;IACd,IAAI,CAACJ,KAAK,EAAE;;IAEZ;IACAG,OAAO,GAAGa,UAAU,CAAC,MAAMpB,QAAQ,CAACI,KAAK,CAAC,EAAEV,mBAAmB,CAAC;IAEhE,OAAO,MAAM2B,YAAY,CAACd,OAAO,CAAC;EACpC,CAAC,EAAE,CAACH,KAAK,CAAC,CAAC;EAEX,MAAMkB,YAAY,GAAG,SAAAA,CAAA;IAAA,IAAC;MAAEC;IAAO,CAAC,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAL,SAAA,GAAAK,SAAA,MAAG,CAAC,CAAC;IAAA,OAAKnB,QAAQ,CAACO,SAAS,CAACW,MAAM,CAAC,CAAC;EAAA;EAErE,MAAMX,SAAS,GAAG,SAAAA,CAAA,EAA0F;IAAA,IAAzF;MAAEc,YAAY;MAAEC,WAAW;MAAEC,YAAY;MAAEC,WAAW;MAAEC,SAAS;MAAEC;IAAW,CAAC,GAAAP,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAL,SAAA,GAAAK,SAAA,MAAG,CAAC,CAAC;IACrG,MAAMQ,CAAC,GAAGC,QAAQ,CAACF,UAAU,EAAE,EAAE,CAAC;IAClC,MAAMG,CAAC,GAAGD,QAAQ,CAACH,SAAS,EAAE,EAAE,CAAC;IACjC,MAAMK,OAAO,GAAGN,WAAW,GAAGF,WAAW;IACzC,MAAMS,OAAO,GAAGR,YAAY,GAAGF,YAAY;IAE3C,OAAO,CAACjC,UAAU,GAAG0C,OAAO,GAAGC,OAAO,IAAI,CAAC,GACvC;MACEJ,CAAC;MACDE,CAAC;MACDG,QAAQ,EAAEF,OAAO,GAAGF,QAAQ,CAAED,CAAC,GAAG,GAAG,GAAIG,OAAO,EAAE,EAAE,CAAC,GAAG,CAAC;MACzDG,QAAQ,EAAEF,OAAO,GAAGH,QAAQ,CAAEC,CAAC,GAAG,GAAG,GAAIE,OAAO,EAAE,EAAE,CAAC,GAAG;IAC1D,CAAC,GACDjB,SAAS;EACf,CAAC;EAED,MAAMoB,OAAO,GACX5C,eAAe,IAAI,CAACJ,sBAAsB,IAAIa,KAAK,GAAIX,UAAU,GAAGW,KAAK,CAACiC,QAAQ,GAAGjC,KAAK,CAACkC,QAAQ,GAAInB,SAAS;EAElH,oBAAOqB,cAAK,CAACC,aAAa,CACxBC,oBAAS,EACT;IACE,GAAGzC,MAAM;IACTC,GAAG;IACHJ,GAAG;IACHE,QAAQ,EAAEsB,YAAY;IACtBqB,SAAS,EAAE,IAAAC,eAAM,EACfC,yBAAK,CAACC,UAAU,EAChBjD,IAAI,IAAIgD,yBAAK,CAAChD,IAAI,EAClBJ,UAAU,GAAGoD,yBAAK,CAACpD,UAAU,GAAGoD,yBAAK,CAACE,QAAQ,EAC9C,CAAC,CAACpD,eAAe,IAAI,CAACJ,sBAAsB,KAAKsD,yBAAK,CAACG,YAAY,EACnE/C,MAAM,CAAC0C,SACT,CAAC;IACDE,KAAK,EAAE;MAAE,GAAG5C,MAAM,CAAC4C,KAAK;MAAErD,MAAM;MAAEO;IAAM;EAC1C,CAAC,eACDvC,MAAA,CAAAa,OAAA,CAAAoE,aAAA,CAAAjF,MAAA,CAAAa,OAAA,CAAA4E,QAAA,QACG3D,QAAQ,EACRiD,OAAO,IAAI,CAAC,iBACX/E,MAAA,CAAAa,OAAA,CAAAoE,aAAA,CAAC5E,KAAA,CAAAqF,IAAI;IACHpD,GAAG,EAAC,sBAAsB;IAC1B6C,SAAS,EAAE,IAAAC,eAAM,EACfC,yBAAK,CAACM,SAAS,EACf1D,UAAU,GAAGoD,yBAAK,CAACpD,UAAU,GAAGoD,yBAAK,CAACE,QAAQ,EAC9CR,OAAO,GAAG,EAAE,IAAIM,yBAAK,CAACO,IACxB;EAAE,gBAEF5F,MAAA,CAAAa,OAAA,CAAAoE,aAAA,CAAC5E,KAAA,CAAAqF,IAAI;IACHP,SAAS,EAAEE,yBAAK,CAACQ,QAAS;IAC1BR,KAAK,EACHpD,UAAU,GAAG;MAAED,MAAM,EAAE,MAAM;MAAEO,KAAK,EAAE,GAAGwC,OAAO,IAAI,CAAC;IAAI,CAAC,GAAG;MAAE/C,MAAM,EAAE,GAAG+C,OAAO,IAAI,CAAC,GAAG;MAAExC,KAAK,EAAE;IAAO;EAC1G,CACF,CAAC,eACFvC,MAAA,CAAAa,OAAA,CAAAoE,aAAA,CAAC9E,KAAA,CAAA2F,IAAI;IAACC,QAAQ;IAACC,KAAK,EAAE,CAAE;IAACpD,KAAK,EAAEX,UAAU,GAAGgE,UAAI,CAACC,KAAK,GAAGD,UAAI,CAACE,IAAK;IAAChB,SAAS,EAAEE,yBAAK,CAACe;EAAK,CAAE,CACzF,CAER,CACJ,CAAC;AACH,CAAC;AAACC,OAAA,CAAA1E,UAAA,GAAAA,UAAA;AAEFA,UAAU,CAAC2E,WAAW,GAAG,sBAAsB;AAE/C3E,UAAU,CAAC4E,SAAS,GAAG;EACrB1E,QAAQ,EAAE2E,kBAAS,CAACC,MAAM;EAC1B3E,QAAQ,EAAE0E,kBAAS,CAACE,IAAI,CAACC,UAAU;EACnC5E,sBAAsB,EAAEyE,kBAAS,CAACI,IAAI;EACtC5E,MAAM,EAAEwE,kBAAS,CAACK,MAAM;EACxB5E,UAAU,EAAEuE,kBAAS,CAACI,IAAI;EAC1B1E,mBAAmB,EAAEsE,kBAAS,CAACK,MAAM;EACrC1E,eAAe,EAAEqE,kBAAS,CAACI,IAAI;EAC/BxE,QAAQ,EAAEoE,kBAAS,CAACK,MAAM;EAC1BxE,IAAI,EAAEmE,kBAAS,CAACI,IAAI;EACpBtE,GAAG,EAAEkE,kBAAS,CAACC,MAAM;EACrBlE,KAAK,EAAEiE,kBAAS,CAACK,MAAM;EACvBrE,QAAQ,EAAEgE,kBAAS,CAACM;AACtB,CAAC","ignoreList":[]}
|
|
@@ -7,34 +7,30 @@ exports.default = exports.Story = void 0;
|
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _ScrollView = require("./ScrollView");
|
|
9
9
|
var _Primitive = require("../Primitive");
|
|
10
|
-
function _interopRequireDefault(
|
|
11
|
-
function
|
|
12
|
-
|
|
13
|
-
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; }
|
|
14
|
-
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; }
|
|
15
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
16
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
17
|
-
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
18
|
-
var _default = {
|
|
10
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } /* eslint-disable react/prop-types */
|
|
12
|
+
var _default = exports.default = {
|
|
19
13
|
title: 'Primitives'
|
|
20
14
|
};
|
|
21
|
-
|
|
22
|
-
var containerStyle = {
|
|
15
|
+
const containerStyle = {
|
|
23
16
|
backgroundColor: 'var(--mirai-ui-content-background)',
|
|
24
17
|
border: 'solid var(--mirai-ui-border-width) var(--mirai-ui-content-border)',
|
|
25
18
|
borderRadius: 'var(--mirai-ui-border-radius)',
|
|
26
19
|
padding: '0 var(--mirai-ui-space-S)'
|
|
27
20
|
};
|
|
28
|
-
|
|
21
|
+
const boxStyle = {
|
|
29
22
|
backgroundColor: 'var(--mirai-ui-content-border)',
|
|
30
23
|
display: 'block',
|
|
31
24
|
margin: 'var(--mirai-ui-space-S)',
|
|
32
25
|
minHeight: 'calc(var(--mirai-ui-space-XXL) * 2)',
|
|
33
26
|
minWidth: 'calc(var(--mirai-ui-space-XXL) * 2)'
|
|
34
27
|
};
|
|
35
|
-
|
|
28
|
+
const Story = props => {
|
|
36
29
|
return /*#__PURE__*/_react.default.createElement(_ScrollView.ScrollView, _extends({}, props, {
|
|
37
|
-
style:
|
|
30
|
+
style: {
|
|
31
|
+
...containerStyle,
|
|
32
|
+
...props.style
|
|
33
|
+
}
|
|
38
34
|
}), /*#__PURE__*/_react.default.createElement(_Primitive.Primitive, {
|
|
39
35
|
className: "children",
|
|
40
36
|
style: boxStyle
|
|
@@ -65,12 +61,11 @@ Story.args = {
|
|
|
65
61
|
snap: true,
|
|
66
62
|
tag: 'div',
|
|
67
63
|
width: 256,
|
|
68
|
-
onScroll: function
|
|
69
|
-
var _console;
|
|
64
|
+
onScroll: function () {
|
|
70
65
|
for (var _len = arguments.length, props = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
71
66
|
props[_key] = arguments[_key];
|
|
72
67
|
}
|
|
73
|
-
return
|
|
68
|
+
return console.log('<ScrollView>::onScroll', ...props);
|
|
74
69
|
},
|
|
75
70
|
// inherited properties
|
|
76
71
|
testId: 'test-story',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollView.stories.js","names":["title","containerStyle","backgroundColor","border","borderRadius","padding","boxStyle","display","margin","minHeight","minWidth","Story","props","style","storyName","args","behavior","defaultScrollIndicator","height","horizontal","scrollEventThrottle","scrollIndicator","scrollTo","undefined","snap","tag","width","onScroll","console","log","testId","argTypes","options","control","type","defaultValue"],"sources":["../../../src/primitives/ScrollView/ScrollView.stories.jsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React from 'react';\n\nimport { ScrollView } from './ScrollView';\nimport { Primitive } from '../Primitive';\n\nexport default { title: 'Primitives' };\n\nconst containerStyle = {\n backgroundColor: 'var(--mirai-ui-content-background)',\n border: 'solid var(--mirai-ui-border-width) var(--mirai-ui-content-border)',\n borderRadius: 'var(--mirai-ui-border-radius)',\n padding: '0 var(--mirai-ui-space-S)',\n};\n\nconst boxStyle = {\n backgroundColor: 'var(--mirai-ui-content-border)',\n display: 'block',\n margin: 'var(--mirai-ui-space-S)',\n minHeight: 'calc(var(--mirai-ui-space-XXL) * 2)',\n minWidth: 'calc(var(--mirai-ui-space-XXL) * 2)',\n};\n\nexport const Story = (props) => {\n return (\n <ScrollView {...props} style={{ ...containerStyle, ...props.style }}>\n <Primitive className=\"children\" style={boxStyle}>\n child:1\n </Primitive>\n <Primitive className=\"children\" style={boxStyle}>\n child:2\n </Primitive>\n <Primitive className=\"children\" style={boxStyle}>\n child:3\n </Primitive>\n <Primitive className=\"children\" style={boxStyle}>\n child:4\n </Primitive>\n <Primitive className=\"children\" style={boxStyle}>\n child:5\n </Primitive>\n </ScrollView>\n );\n};\n\nStory.storyName = 'Scrollview';\n\nStory.args = {\n behavior: 'smooth',\n defaultScrollIndicator: false,\n height: 256,\n horizontal: false,\n scrollEventThrottle: 16,\n scrollIndicator: false,\n scrollTo: undefined,\n snap: true,\n tag: 'div',\n width: 256,\n onScroll: (...props) => console.log('<ScrollView>::onScroll', ...props),\n // inherited properties\n testId: 'test-story',\n style: {},\n};\n\nStory.argTypes = {\n behavior: {\n options: ['auto', 'smooth', 'initial', 'inherit'],\n control: { type: 'select' },\n defaultValue: 'smooth',\n },\n};\n"],"mappings":";;;;;;AACA;AAEA;AACA;AAAyC;AAAA;AAAA
|
|
1
|
+
{"version":3,"file":"ScrollView.stories.js","names":["_react","_interopRequireDefault","require","_ScrollView","_Primitive","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","_default","exports","title","containerStyle","backgroundColor","border","borderRadius","padding","boxStyle","display","margin","minHeight","minWidth","Story","props","createElement","ScrollView","style","Primitive","className","storyName","args","behavior","defaultScrollIndicator","height","horizontal","scrollEventThrottle","scrollIndicator","scrollTo","undefined","snap","tag","width","onScroll","_len","Array","_key","console","log","testId","argTypes","options","control","type","defaultValue"],"sources":["../../../src/primitives/ScrollView/ScrollView.stories.jsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React from 'react';\n\nimport { ScrollView } from './ScrollView';\nimport { Primitive } from '../Primitive';\n\nexport default { title: 'Primitives' };\n\nconst containerStyle = {\n backgroundColor: 'var(--mirai-ui-content-background)',\n border: 'solid var(--mirai-ui-border-width) var(--mirai-ui-content-border)',\n borderRadius: 'var(--mirai-ui-border-radius)',\n padding: '0 var(--mirai-ui-space-S)',\n};\n\nconst boxStyle = {\n backgroundColor: 'var(--mirai-ui-content-border)',\n display: 'block',\n margin: 'var(--mirai-ui-space-S)',\n minHeight: 'calc(var(--mirai-ui-space-XXL) * 2)',\n minWidth: 'calc(var(--mirai-ui-space-XXL) * 2)',\n};\n\nexport const Story = (props) => {\n return (\n <ScrollView {...props} style={{ ...containerStyle, ...props.style }}>\n <Primitive className=\"children\" style={boxStyle}>\n child:1\n </Primitive>\n <Primitive className=\"children\" style={boxStyle}>\n child:2\n </Primitive>\n <Primitive className=\"children\" style={boxStyle}>\n child:3\n </Primitive>\n <Primitive className=\"children\" style={boxStyle}>\n child:4\n </Primitive>\n <Primitive className=\"children\" style={boxStyle}>\n child:5\n </Primitive>\n </ScrollView>\n );\n};\n\nStory.storyName = 'Scrollview';\n\nStory.args = {\n behavior: 'smooth',\n defaultScrollIndicator: false,\n height: 256,\n horizontal: false,\n scrollEventThrottle: 16,\n scrollIndicator: false,\n scrollTo: undefined,\n snap: true,\n tag: 'div',\n width: 256,\n onScroll: (...props) => console.log('<ScrollView>::onScroll', ...props),\n // inherited properties\n testId: 'test-story',\n style: {},\n};\n\nStory.argTypes = {\n behavior: {\n options: ['auto', 'smooth', 'initial', 'inherit'],\n control: { type: 'select' },\n defaultValue: 'smooth',\n },\n};\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -9,7 +9,7 @@ Object.keys(_ScrollView).forEach(function (key) {
|
|
|
9
9
|
if (key in exports && exports[key] === _ScrollView[key]) return;
|
|
10
10
|
Object.defineProperty(exports, key, {
|
|
11
11
|
enumerable: true,
|
|
12
|
-
get: function
|
|
12
|
+
get: function () {
|
|
13
13
|
return _ScrollView[key];
|
|
14
14
|
}
|
|
15
15
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../src/primitives/ScrollView/index.js"],"sourcesContent":["export * from './ScrollView';\n"],"mappings":";;;;;AAAA;
|
|
1
|
+
{"version":3,"file":"index.js","names":["_ScrollView","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../src/primitives/ScrollView/index.js"],"sourcesContent":["export * from './ScrollView';\n"],"mappings":";;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,WAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,WAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,WAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
|
|
@@ -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
|
});
|
|
@@ -10,70 +9,61 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
10
9
|
var _helpers = require("../../helpers");
|
|
11
10
|
var _Primitive = require("../Primitive");
|
|
12
11
|
var _SelectModule = _interopRequireDefault(require("./Select.module.css"));
|
|
13
|
-
|
|
14
|
-
function
|
|
15
|
-
function
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
onChange = _ref.onChange,
|
|
36
|
-
onEnter = _ref.onEnter,
|
|
37
|
-
onError = _ref.onError,
|
|
38
|
-
onLeave = _ref.onLeave,
|
|
39
|
-
others = _objectWithoutProperties(_ref, _excluded);
|
|
40
|
-
(0, _react.useEffect)(function () {
|
|
41
|
-
var errors = (0, _helpers.getInputErrors)(_objectSpread({}, others));
|
|
12
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
13
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
14
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
|
+
const EMPTY = '';
|
|
16
|
+
const Select = _ref => {
|
|
17
|
+
let {
|
|
18
|
+
disabled,
|
|
19
|
+
disabledOptions = [],
|
|
20
|
+
emptyOption,
|
|
21
|
+
options = [],
|
|
22
|
+
value,
|
|
23
|
+
values = [],
|
|
24
|
+
onChange,
|
|
25
|
+
onEnter,
|
|
26
|
+
onError,
|
|
27
|
+
onLeave,
|
|
28
|
+
...others
|
|
29
|
+
} = _ref;
|
|
30
|
+
(0, _react.useEffect)(() => {
|
|
31
|
+
const errors = (0, _helpers.getInputErrors)({
|
|
32
|
+
...others
|
|
33
|
+
});
|
|
42
34
|
if (errors && onError) onError(errors);
|
|
43
35
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
44
36
|
}, []);
|
|
45
|
-
|
|
46
|
-
onError && onError((0, _helpers.getInputErrors)(
|
|
47
|
-
|
|
48
|
-
|
|
37
|
+
const handleChange = (value, event) => {
|
|
38
|
+
onError && onError((0, _helpers.getInputErrors)({
|
|
39
|
+
...others,
|
|
40
|
+
value
|
|
41
|
+
}));
|
|
49
42
|
onChange && onChange(value, event);
|
|
50
43
|
};
|
|
51
|
-
return /*#__PURE__*/_react.default.createElement(_Primitive.Primitive,
|
|
52
|
-
|
|
44
|
+
return /*#__PURE__*/_react.default.createElement(_Primitive.Primitive, {
|
|
45
|
+
...others,
|
|
46
|
+
disabled,
|
|
53
47
|
tag: 'select',
|
|
54
|
-
value
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
onBlur: onLeave
|
|
61
|
-
} : {}), {}, {
|
|
48
|
+
value,
|
|
49
|
+
...(!disabled ? {
|
|
50
|
+
onChange: event => handleChange(event.target.value, event),
|
|
51
|
+
onFocus: onEnter,
|
|
52
|
+
onBlur: onLeave
|
|
53
|
+
} : {}),
|
|
62
54
|
className: (0, _helpers.styles)(_SelectModule.default.select, value === EMPTY && _SelectModule.default.empty, others.className),
|
|
63
55
|
'aria-label': others['aria-label'] || value
|
|
64
|
-
}
|
|
56
|
+
}, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, emptyOption && /*#__PURE__*/_react.default.createElement(_Primitive.Primitive, {
|
|
65
57
|
tag: "option",
|
|
66
58
|
value: EMPTY,
|
|
67
59
|
"aria-label": emptyOption
|
|
68
|
-
}, emptyOption), options.map(
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
}, option);
|
|
76
|
-
})));
|
|
60
|
+
}, emptyOption), options.map((option, index) => /*#__PURE__*/_react.default.createElement(_Primitive.Primitive, {
|
|
61
|
+
tag: "option",
|
|
62
|
+
disabled: disabledOptions[index],
|
|
63
|
+
key: option,
|
|
64
|
+
value: values[index] || option,
|
|
65
|
+
"aria-label": option
|
|
66
|
+
}, option))));
|
|
77
67
|
};
|
|
78
68
|
exports.Select = Select;
|
|
79
69
|
Select.displayName = 'Primitive:Select';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","names":["EMPTY","Select","disabled","disabledOptions","emptyOption","options","value","values","onChange","onEnter","onError","onLeave","others","useEffect","errors","getInputErrors","handleChange","event","React","createElement","Primitive","tag","target","onFocus","onBlur","className","styles","style","select","empty","map","option","index","displayName","propTypes","PropTypes","bool","arrayOf","string","name","isRequired","oneOfType","number","func"],"sources":["../../../src/primitives/Select/Select.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect } from 'react';\n\nimport { getInputErrors, styles } from '../../helpers';\nimport { Primitive } from '../Primitive';\nimport style from './Select.module.css';\n\nconst EMPTY = '';\n\nconst Select = ({\n disabled,\n disabledOptions = [],\n emptyOption,\n options = [],\n value,\n values = [],\n onChange,\n onEnter,\n onError,\n onLeave,\n ...others\n}) => {\n useEffect(() => {\n const errors = getInputErrors({ ...others });\n if (errors && onError) onError(errors);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const handleChange = (value, event) => {\n onError && onError(getInputErrors({ ...others, value }));\n onChange && onChange(value, event);\n };\n\n return React.createElement(\n Primitive,\n {\n ...others,\n disabled,\n tag: 'select',\n value,\n ...(!disabled\n ? {\n onChange: (event) => handleChange(event.target.value, event),\n onFocus: onEnter,\n onBlur: onLeave,\n }\n : {}),\n className: styles(style.select, value === EMPTY && style.empty, others.className),\n 'aria-label': others['aria-label'] || value,\n },\n <>\n {emptyOption && (\n <Primitive tag=\"option\" value={EMPTY} aria-label={emptyOption}>\n {emptyOption}\n </Primitive>\n )}\n {options.map((option, index) => (\n <Primitive\n tag=\"option\"\n disabled={disabledOptions[index]}\n key={option}\n value={values[index] || option}\n aria-label={option}\n >\n {option}\n </Primitive>\n ))}\n </>,\n );\n};\n\nSelect.displayName = 'Primitive:Select';\n\nSelect.propTypes = {\n disabled: PropTypes.bool,\n disabledOptions: PropTypes.arrayOf(PropTypes.bool),\n emptyOption: PropTypes.string,\n name: PropTypes.string.isRequired,\n options: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n values: PropTypes.arrayOf(PropTypes.string),\n value: PropTypes.string,\n onChange: PropTypes.func,\n onEnter: PropTypes.func,\n onError: PropTypes.func,\n onLeave: PropTypes.func,\n};\n\nexport { Select };\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Select.js","names":["_propTypes","_interopRequireDefault","require","_react","_interopRequireWildcard","_helpers","_Primitive","_SelectModule","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","EMPTY","Select","_ref","disabled","disabledOptions","emptyOption","options","value","values","onChange","onEnter","onError","onLeave","others","useEffect","errors","getInputErrors","handleChange","event","React","createElement","Primitive","tag","target","onFocus","onBlur","className","styles","style","select","empty","Fragment","map","option","index","key","exports","displayName","propTypes","PropTypes","bool","arrayOf","string","name","isRequired","oneOfType","number","func"],"sources":["../../../src/primitives/Select/Select.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect } from 'react';\n\nimport { getInputErrors, styles } from '../../helpers';\nimport { Primitive } from '../Primitive';\nimport style from './Select.module.css';\n\nconst EMPTY = '';\n\nconst Select = ({\n disabled,\n disabledOptions = [],\n emptyOption,\n options = [],\n value,\n values = [],\n onChange,\n onEnter,\n onError,\n onLeave,\n ...others\n}) => {\n useEffect(() => {\n const errors = getInputErrors({ ...others });\n if (errors && onError) onError(errors);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const handleChange = (value, event) => {\n onError && onError(getInputErrors({ ...others, value }));\n onChange && onChange(value, event);\n };\n\n return React.createElement(\n Primitive,\n {\n ...others,\n disabled,\n tag: 'select',\n value,\n ...(!disabled\n ? {\n onChange: (event) => handleChange(event.target.value, event),\n onFocus: onEnter,\n onBlur: onLeave,\n }\n : {}),\n className: styles(style.select, value === EMPTY && style.empty, others.className),\n 'aria-label': others['aria-label'] || value,\n },\n <>\n {emptyOption && (\n <Primitive tag=\"option\" value={EMPTY} aria-label={emptyOption}>\n {emptyOption}\n </Primitive>\n )}\n {options.map((option, index) => (\n <Primitive\n tag=\"option\"\n disabled={disabledOptions[index]}\n key={option}\n value={values[index] || option}\n aria-label={option}\n >\n {option}\n </Primitive>\n ))}\n </>,\n );\n};\n\nSelect.displayName = 'Primitive:Select';\n\nSelect.propTypes = {\n disabled: PropTypes.bool,\n disabledOptions: PropTypes.arrayOf(PropTypes.bool),\n emptyOption: PropTypes.string,\n name: PropTypes.string.isRequired,\n options: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n values: PropTypes.arrayOf(PropTypes.string),\n value: PropTypes.string,\n onChange: PropTypes.func,\n onEnter: PropTypes.func,\n onError: PropTypes.func,\n onLeave: PropTypes.func,\n};\n\nexport { Select };\n"],"mappings":"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","ignoreList":[]}
|