@mirai/ui 2.1.3 → 2.1.5
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 +28 -23
- package/build/components/Action/Action.js.map +1 -1
- package/build/components/Action/Action.stories.js +3 -2
- 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 +38 -32
- package/build/components/Button/Button.js.map +1 -1
- package/build/components/Button/Button.stories.js +47 -25
- 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 +52 -41
- package/build/components/Calendar/Calendar.Month.js.map +1 -1
- package/build/components/Calendar/Calendar.Week.js +78 -50
- package/build/components/Calendar/Calendar.Week.js.map +1 -1
- package/build/components/Calendar/Calendar.Weekdays.js +11 -12
- package/build/components/Calendar/Calendar.Weekdays.js.map +1 -1
- package/build/components/Calendar/Calendar.constants.js +2 -2
- package/build/components/Calendar/Calendar.constants.js.map +1 -1
- package/build/components/Calendar/Calendar.js +148 -98
- package/build/components/Calendar/Calendar.js.map +1 -1
- package/build/components/Calendar/Calendar.stories.js +84 -72
- package/build/components/Calendar/Calendar.stories.js.map +1 -1
- package/build/components/Calendar/helpers/getFirstDateOfMonth.js +2 -3
- package/build/components/Calendar/helpers/getFirstDateOfMonth.js.map +1 -1
- package/build/components/Calendar/helpers/getFirstDateOfWeek.js +6 -7
- package/build/components/Calendar/helpers/getFirstDateOfWeek.js.map +1 -1
- package/build/components/Calendar/helpers/getFirstDayOfWeek.js +5 -6
- package/build/components/Calendar/helpers/getFirstDayOfWeek.js.map +1 -1
- package/build/components/Calendar/helpers/getHeader.js +5 -6
- package/build/components/Calendar/helpers/getHeader.js.map +1 -1
- package/build/components/Calendar/helpers/getMonthRef.js +8 -10
- package/build/components/Calendar/helpers/getMonthRef.js.map +1 -1
- package/build/components/Calendar/helpers/getScrollTo.js +15 -9
- package/build/components/Calendar/helpers/getScrollTo.js.map +1 -1
- package/build/components/Calendar/helpers/getToday.js +3 -2
- package/build/components/Calendar/helpers/getToday.js.map +1 -1
- package/build/components/Calendar/helpers/getWeekDays.js +8 -9
- package/build/components/Calendar/helpers/getWeekDays.js.map +1 -1
- package/build/components/Calendar/helpers/getWeekNumber.js +3 -4
- 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 -5
- package/build/components/Form/Form.constants.js.map +1 -1
- package/build/components/Form/Form.js +116 -85
- package/build/components/Form/Form.js.map +1 -1
- package/build/components/Form/Form.stories.js +79 -45
- package/build/components/Form/Form.stories.js.map +1 -1
- package/build/components/Form/helpers/getChildrenErrors.js +20 -17
- package/build/components/Form/helpers/getChildrenErrors.js.map +1 -1
- package/build/components/Form/helpers/getChildrenValues.js +20 -14
- package/build/components/Form/helpers/getChildrenValues.js.map +1 -1
- package/build/components/Form/helpers/getField.js +4 -6
- package/build/components/Form/helpers/getField.js.map +1 -1
- package/build/components/Form/helpers/groupState.js +10 -9
- 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 +36 -22
- package/build/components/InputDate/InputDate.js.map +1 -1
- package/build/components/InputDate/InputDate.stories.js +31 -17
- package/build/components/InputDate/InputDate.stories.js.map +1 -1
- package/build/components/InputDate/helpers/formatValue.js +13 -12
- 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 +39 -27
- package/build/components/InputNumber/InputNumber.js.map +1 -1
- package/build/components/InputNumber/InputNumber.stories.js +17 -7
- 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 -3
- package/build/components/InputOption/InputOption.constants.js.map +1 -1
- package/build/components/InputOption/InputOption.js +34 -31
- package/build/components/InputOption/InputOption.js.map +1 -1
- package/build/components/InputOption/InputOption.stories.js +17 -7
- 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 +123 -80
- package/build/components/InputPhone/InputPhone.js.map +1 -1
- package/build/components/InputPhone/InputPhone.stories.js +42 -21
- 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 +15 -7
- package/build/components/InputPhone/helpers/parseValue.js.map +1 -1
- package/build/components/InputPhone/helpers/sanitizePrefixes.js +12 -5
- 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 +59 -39
- package/build/components/InputSelect/InputSelect.js.map +1 -1
- package/build/components/InputSelect/InputSelect.stories.js +23 -11
- 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 +2 -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 +81 -50
- package/build/components/InputText/InputText.js.map +1 -1
- package/build/components/InputText/InputText.stories.js +35 -17
- 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 -8
- package/build/components/InputText/partials/InputText.Hint.js.map +1 -1
- package/build/components/InputText/partials/InputText.IconState.js +7 -10
- package/build/components/InputText/partials/InputText.IconState.js.map +1 -1
- package/build/components/InputText/partials/InputText.Label.js +12 -11
- 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 +12 -12
- package/build/components/Menu/Menu.Option.js.map +1 -1
- package/build/components/Menu/Menu.js +38 -28
- package/build/components/Menu/Menu.js.map +1 -1
- package/build/components/Menu/Menu.stories.js +20 -8
- 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 -2
- package/build/components/Modal/Modal.constants.js.map +1 -1
- package/build/components/Modal/Modal.js +93 -62
- package/build/components/Modal/Modal.js.map +1 -1
- package/build/components/Modal/Modal.stories.js +33 -14
- 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 +21 -20
- package/build/components/Notification/Notification.js.map +1 -1
- package/build/components/Notification/Notification.stories.js +13 -12
- 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 -8
- package/build/components/Progress/Progress.js.map +1 -1
- package/build/components/Progress/Progress.stories.js +4 -3
- 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 +22 -15
- package/build/components/Slider/Slider.Item.js.map +1 -1
- package/build/components/Slider/Slider.constants.js +2 -2
- package/build/components/Slider/Slider.constants.js.map +1 -1
- package/build/components/Slider/Slider.js +128 -77
- package/build/components/Slider/Slider.js.map +1 -1
- package/build/components/Slider/Slider.stories.js +26 -23
- 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 +113 -75
- package/build/components/Table/Table.ColumnFilter.js.map +1 -1
- package/build/components/Table/Table.Filter.js +37 -28
- package/build/components/Table/Table.Filter.js.map +1 -1
- package/build/components/Table/Table.Row.js +60 -45
- package/build/components/Table/Table.Row.js.map +1 -1
- package/build/components/Table/Table.constants.js +3 -3
- package/build/components/Table/Table.constants.js.map +1 -1
- package/build/components/Table/Table.js +114 -86
- package/build/components/Table/Table.js.map +1 -1
- package/build/components/Table/Table.stories.js +63 -34
- 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 +63 -54
- package/build/components/Table/helpers/select.js.map +1 -1
- package/build/components/Table/helpers/storage.js +4 -4
- 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 +75 -57
- package/build/components/Tooltip/Tooltip.js.map +1 -1
- package/build/components/Tooltip/Tooltip.stories.js +96 -85
- 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 +5 -7
- 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/index.js +17 -17
- package/build/components/index.js.map +1 -1
- package/build/helpers/CustomElement.js +28 -10
- package/build/helpers/CustomElement.js.map +1 -1
- package/build/helpers/getIconState.js +5 -7
- package/build/helpers/getIconState.js.map +1 -1
- package/build/helpers/getInputDateErrors.js +9 -10
- package/build/helpers/getInputDateErrors.js.map +1 -1
- package/build/helpers/getInputErrors.js +28 -26
- package/build/helpers/getInputErrors.js.map +1 -1
- package/build/helpers/getInputPhoneErrors.js +13 -12
- package/build/helpers/getInputPhoneErrors.js.map +1 -1
- package/build/helpers/getNavigator.js +10 -11
- 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 +3 -3
- package/build/helpers/isJest.js.map +1 -1
- package/build/helpers/isPlaywright.js +3 -3
- package/build/helpers/isPlaywright.js.map +1 -1
- package/build/helpers/isValidDate.js +38 -22
- package/build/helpers/isValidDate.js.map +1 -1
- package/build/helpers/isValidEmail.js +3 -4
- package/build/helpers/isValidEmail.js.map +1 -1
- package/build/helpers/isValidPhone.js +8 -10
- package/build/helpers/isValidPhone.js.map +1 -1
- package/build/helpers/styles.js +6 -3
- package/build/helpers/styles.js.map +1 -1
- package/build/hooks/helpers/getResolution.js +8 -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 +3 -2
- 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 +39 -22
- package/build/hooks/useDevice.js.map +1 -1
- package/build/hooks/useDevice.stories.js +12 -5
- 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 +17 -18
- package/build/primitives/Checkbox/Checkbox.js.map +1 -1
- package/build/primitives/Checkbox/Checkbox.stories.js +17 -7
- 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 -1
- package/build/primitives/Icon/Icon.constants.js.map +1 -1
- package/build/primitives/Icon/Icon.js +38 -32
- package/build/primitives/Icon/Icon.js.map +1 -1
- package/build/primitives/Icon/Icon.stories.js +8 -7
- 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 +59 -46
- package/build/primitives/Input/Input.js.map +1 -1
- package/build/primitives/Input/Input.stories.js +26 -13
- 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 -6
- 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 +86 -74
- package/build/primitives/Layer/Layer.js.map +1 -1
- package/build/primitives/Layer/Layer.stories.js +9 -8
- package/build/primitives/Layer/Layer.stories.js.map +1 -1
- package/build/primitives/Layer/LayerContent.js +2 -5
- package/build/primitives/Layer/LayerContent.js.map +1 -1
- package/build/primitives/Layer/helpers/getElementLayout.js +15 -19
- package/build/primitives/Layer/helpers/getElementLayout.js.map +1 -1
- package/build/primitives/Layer/helpers/getLayerPosition.js +69 -67
- package/build/primitives/Layer/helpers/getLayerPosition.js.map +1 -1
- package/build/primitives/Layer/helpers/getModalParent.js +8 -11
- package/build/primitives/Layer/helpers/getModalParent.js.map +1 -1
- package/build/primitives/Layer/helpers/getScrollParent.js +4 -6
- 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 +19 -9
- 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 -1
- package/build/primitives/Pressable/Pressable.constants.js.map +1 -1
- package/build/primitives/Pressable/Pressable.js +43 -34
- package/build/primitives/Pressable/Pressable.js.map +1 -1
- package/build/primitives/Pressable/Pressable.stories.js +5 -4
- 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 -4
- package/build/primitives/Primitive/Primitive.constants.js.map +1 -1
- package/build/primitives/Primitive/Primitive.js +26 -19
- package/build/primitives/Primitive/Primitive.js.map +1 -1
- package/build/primitives/Primitive/Primitive.stories.js +7 -6
- package/build/primitives/Primitive/Primitive.stories.js.map +1 -1
- package/build/primitives/Primitive/helpers/getProps.js +17 -9
- package/build/primitives/Primitive/helpers/getProps.js.map +1 -1
- package/build/primitives/Primitive/helpers/getTag.js +3 -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 +14 -11
- package/build/primitives/Radio/Radio.js.map +1 -1
- package/build/primitives/Radio/Radio.stories.js +17 -7
- 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 +92 -71
- package/build/primitives/ScrollView/ScrollView.js.map +1 -1
- package/build/primitives/ScrollView/ScrollView.stories.js +14 -11
- 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 +53 -44
- package/build/primitives/Select/Select.js.map +1 -1
- package/build/primitives/Select/Select.stories.js +26 -13
- 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 +13 -12
- package/build/primitives/Switch/Switch.js.map +1 -1
- package/build/primitives/Switch/Switch.stories.js +17 -7
- 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 +53 -42
- package/build/primitives/Text/Text.js.map +1 -1
- package/build/primitives/Text/Text.stories.js +6 -6
- package/build/primitives/Text/Text.stories.js.map +1 -1
- package/build/primitives/Text/helpers/color.js +11 -13
- 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 +53 -41
- 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 +23 -15
- package/build/primitives/View/View.js.map +1 -1
- package/build/primitives/View/View.stories.js +7 -6
- 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/theme/helpers/camelcase.js +5 -4
- 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 +31 -18
- 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 +17 -16
- package/build/theme/theme.constants.js.map +1 -1
- package/build/theme/theme.js +71 -57
- package/build/theme/theme.js.map +1 -1
- package/build/theme/theme.stories.js +36 -25
- package/build/theme/theme.stories.js.map +1 -1
- package/package.json +4 -3
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
@@ -11,100 +12,121 @@ var _Icon = require("../Icon");
|
|
|
11
12
|
var _Primitive = require("../Primitive");
|
|
12
13
|
var _View = require("../View");
|
|
13
14
|
var _ScrollViewModule = _interopRequireDefault(require("./ScrollView.module.css"));
|
|
14
|
-
|
|
15
|
-
function
|
|
15
|
+
var _excluded = ["behavior", "children", "defaultScrollIndicator", "height", "horizontal", "scrollEventThrottle", "scrollIndicator", "scrollTo", "snap", "tag", "width", "onScroll"];
|
|
16
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
17
|
+
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
18
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
19
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
20
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
21
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
22
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
23
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
24
|
+
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
25
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
26
|
+
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
27
|
+
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
28
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
29
|
+
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
30
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
31
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
|
|
32
|
+
var ScrollView = exports.ScrollView = function ScrollView(_ref) {
|
|
33
|
+
var _ref$behavior = _ref.behavior,
|
|
34
|
+
behavior = _ref$behavior === void 0 ? 'smooth' : _ref$behavior,
|
|
35
|
+
children = _ref.children,
|
|
36
|
+
_ref$defaultScrollInd = _ref.defaultScrollIndicator,
|
|
37
|
+
defaultScrollIndicator = _ref$defaultScrollInd === void 0 ? false : _ref$defaultScrollInd,
|
|
38
|
+
height = _ref.height,
|
|
39
|
+
horizontal = _ref.horizontal,
|
|
40
|
+
_ref$scrollEventThrot = _ref.scrollEventThrottle,
|
|
41
|
+
scrollEventThrottle = _ref$scrollEventThrot === void 0 ? 16 : _ref$scrollEventThrot,
|
|
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;
|
|
41
62
|
if (!scrollIndicator || !el) return;
|
|
42
|
-
|
|
43
|
-
|
|
63
|
+
var callback = function callback() {
|
|
64
|
+
return setValue(calcValue(el));
|
|
65
|
+
};
|
|
66
|
+
var observer = new MutationObserver(callback);
|
|
44
67
|
observer.observe(el, {
|
|
45
68
|
childList: true,
|
|
46
69
|
subtree: true
|
|
47
70
|
});
|
|
48
|
-
return ()
|
|
71
|
+
return function () {
|
|
72
|
+
return observer.disconnect();
|
|
73
|
+
};
|
|
49
74
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
50
75
|
}, [ref]);
|
|
51
|
-
(0, _react.useEffect)(()
|
|
52
|
-
|
|
53
|
-
current =
|
|
54
|
-
|
|
76
|
+
(0, _react.useEffect)(function () {
|
|
77
|
+
var _ref3 = ref || {},
|
|
78
|
+
_ref3$current = _ref3.current,
|
|
79
|
+
current = _ref3$current === void 0 ? {} : _ref3$current;
|
|
55
80
|
if (!current.scrollTo || scrollTo === undefined) return;
|
|
56
|
-
current.scrollTo({
|
|
57
|
-
[horizontal ? 'left' : 'top']: scrollTo,
|
|
58
|
-
behavior
|
|
59
|
-
});
|
|
81
|
+
current.scrollTo(_defineProperty(_defineProperty({}, horizontal ? 'left' : 'top', scrollTo), "behavior", behavior));
|
|
60
82
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
61
83
|
}, [scrollTo]);
|
|
62
|
-
(0, _react.useEffect)(()
|
|
84
|
+
(0, _react.useEffect)(function () {
|
|
63
85
|
if (!value) return;
|
|
64
86
|
|
|
65
87
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
66
|
-
timeout = setTimeout(
|
|
67
|
-
|
|
88
|
+
timeout = setTimeout(function () {
|
|
89
|
+
return onScroll(value);
|
|
90
|
+
}, scrollEventThrottle);
|
|
91
|
+
return function () {
|
|
92
|
+
return clearTimeout(timeout);
|
|
93
|
+
};
|
|
68
94
|
}, [value]);
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
target
|
|
72
|
-
} = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
95
|
+
var handleScroll = function handleScroll() {
|
|
96
|
+
var _ref4 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
|
|
97
|
+
target = _ref4.target;
|
|
73
98
|
return setValue(calcValue(target));
|
|
74
99
|
};
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
clientHeight,
|
|
78
|
-
clientWidth,
|
|
79
|
-
scrollHeight,
|
|
80
|
-
scrollWidth,
|
|
81
|
-
scrollTop,
|
|
82
|
-
scrollLeft
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
const offsetY = scrollHeight - clientHeight;
|
|
100
|
+
var calcValue = function calcValue() {
|
|
101
|
+
var _ref5 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
|
|
102
|
+
clientHeight = _ref5.clientHeight,
|
|
103
|
+
clientWidth = _ref5.clientWidth,
|
|
104
|
+
scrollHeight = _ref5.scrollHeight,
|
|
105
|
+
scrollWidth = _ref5.scrollWidth,
|
|
106
|
+
scrollTop = _ref5.scrollTop,
|
|
107
|
+
scrollLeft = _ref5.scrollLeft;
|
|
108
|
+
var x = parseInt(scrollLeft, 10);
|
|
109
|
+
var y = parseInt(scrollTop, 10);
|
|
110
|
+
var offsetX = scrollWidth - clientWidth;
|
|
111
|
+
var offsetY = scrollHeight - clientHeight;
|
|
88
112
|
return (horizontal ? offsetX : offsetY) > 0 ? {
|
|
89
|
-
x,
|
|
90
|
-
y,
|
|
113
|
+
x: x,
|
|
114
|
+
y: y,
|
|
91
115
|
percentX: offsetX ? parseInt(x * 100 / offsetX, 10) : 0,
|
|
92
116
|
percentY: offsetY ? parseInt(y * 100 / offsetY, 10) : 0
|
|
93
117
|
} : undefined;
|
|
94
118
|
};
|
|
95
|
-
|
|
96
|
-
return /*#__PURE__*/_react.default.createElement(_Primitive.Primitive, {
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
tag,
|
|
119
|
+
var percent = scrollIndicator && !defaultScrollIndicator && value ? horizontal ? value.percentX : value.percentY : undefined;
|
|
120
|
+
return /*#__PURE__*/_react.default.createElement(_Primitive.Primitive, _objectSpread(_objectSpread({}, others), {}, {
|
|
121
|
+
ref: ref,
|
|
122
|
+
tag: tag,
|
|
100
123
|
onScroll: handleScroll,
|
|
101
124
|
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),
|
|
102
|
-
style: {
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
}, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children, percent >= 0 && /*#__PURE__*/_react.default.createElement(_View.View, {
|
|
125
|
+
style: _objectSpread(_objectSpread({}, others.style), {}, {
|
|
126
|
+
height: height,
|
|
127
|
+
width: width
|
|
128
|
+
})
|
|
129
|
+
}), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children, percent >= 0 && /*#__PURE__*/_react.default.createElement(_View.View, {
|
|
108
130
|
tag: "scrollview-indicator",
|
|
109
131
|
className: (0, _helpers.styles)(_ScrollViewModule.default.indicator, horizontal ? _ScrollViewModule.default.horizontal : _ScrollViewModule.default.vertical, percent > 95 && _ScrollViewModule.default.hide)
|
|
110
132
|
}, /*#__PURE__*/_react.default.createElement(_View.View, {
|
|
@@ -123,7 +145,6 @@ const ScrollView = _ref => {
|
|
|
123
145
|
className: _ScrollViewModule.default.icon
|
|
124
146
|
}))));
|
|
125
147
|
};
|
|
126
|
-
exports.ScrollView = ScrollView;
|
|
127
148
|
ScrollView.displayName = 'Primitive:ScrollView';
|
|
128
149
|
ScrollView.propTypes = {
|
|
129
150
|
behavior: _propTypes.default.string,
|
|
@@ -1 +1 @@
|
|
|
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","concat","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":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"ScrollView.js","names":["_propTypes","_interopRequireDefault","require","_react","_interopRequireWildcard","_helpers","_Icon","_Primitive","_View","_ScrollViewModule","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","l","iterator","f","next","done","return","isArray","_objectWithoutProperties","_objectWithoutPropertiesLoose","s","includes","propertyIsEnumerable","ScrollView","exports","_ref","_ref$behavior","behavior","children","_ref$defaultScrollInd","defaultScrollIndicator","height","horizontal","_ref$scrollEventThrot","scrollEventThrottle","_ref$scrollIndicator","scrollIndicator","scrollTo","_ref$snap","snap","_ref$tag","tag","width","_ref$onScroll","onScroll","others","ref","useRef","_useState","useState","_useState2","setValue","timeout","useEffect","_ref2","el","current","callback","calcValue","observer","MutationObserver","observe","childList","subtree","disconnect","_ref3","_ref3$current","undefined","setTimeout","clearTimeout","handleScroll","_ref4","target","_ref5","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","concat","Icon","headline","level","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":"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","ignoreList":[]}
|
|
@@ -8,29 +8,32 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
8
8
|
var _ScrollView = require("./ScrollView");
|
|
9
9
|
var _Primitive = require("../Primitive");
|
|
10
10
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
-
function
|
|
11
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
12
|
+
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); }
|
|
13
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
14
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
15
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
16
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
17
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /* eslint-disable react/prop-types */
|
|
12
18
|
var _default = exports.default = {
|
|
13
19
|
title: 'Primitives'
|
|
14
20
|
};
|
|
15
|
-
|
|
21
|
+
var containerStyle = {
|
|
16
22
|
backgroundColor: 'var(--mirai-ui-content-background)',
|
|
17
23
|
border: 'solid var(--mirai-ui-border-width) var(--mirai-ui-content-border)',
|
|
18
24
|
borderRadius: 'var(--mirai-ui-border-radius)',
|
|
19
25
|
padding: '0 var(--mirai-ui-space-S)'
|
|
20
26
|
};
|
|
21
|
-
|
|
27
|
+
var boxStyle = {
|
|
22
28
|
backgroundColor: 'var(--mirai-ui-content-border)',
|
|
23
29
|
display: 'block',
|
|
24
30
|
margin: 'var(--mirai-ui-space-S)',
|
|
25
31
|
minHeight: 'calc(var(--mirai-ui-space-XXL) * 2)',
|
|
26
32
|
minWidth: 'calc(var(--mirai-ui-space-XXL) * 2)'
|
|
27
33
|
};
|
|
28
|
-
|
|
34
|
+
var Story = exports.Story = function Story(props) {
|
|
29
35
|
return /*#__PURE__*/_react.default.createElement(_ScrollView.ScrollView, _extends({}, props, {
|
|
30
|
-
style: {
|
|
31
|
-
...containerStyle,
|
|
32
|
-
...props.style
|
|
33
|
-
}
|
|
36
|
+
style: _objectSpread(_objectSpread({}, containerStyle), props.style)
|
|
34
37
|
}), /*#__PURE__*/_react.default.createElement(_Primitive.Primitive, {
|
|
35
38
|
className: "children",
|
|
36
39
|
style: boxStyle
|
|
@@ -48,7 +51,6 @@ const Story = props => {
|
|
|
48
51
|
style: boxStyle
|
|
49
52
|
}, "child:5"));
|
|
50
53
|
};
|
|
51
|
-
exports.Story = Story;
|
|
52
54
|
Story.storyName = 'Scrollview';
|
|
53
55
|
Story.args = {
|
|
54
56
|
behavior: 'smooth',
|
|
@@ -61,11 +63,12 @@ Story.args = {
|
|
|
61
63
|
snap: true,
|
|
62
64
|
tag: 'div',
|
|
63
65
|
width: 256,
|
|
64
|
-
onScroll: function () {
|
|
66
|
+
onScroll: function onScroll() {
|
|
67
|
+
var _console;
|
|
65
68
|
for (var _len = arguments.length, props = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
66
69
|
props[_key] = arguments[_key];
|
|
67
70
|
}
|
|
68
|
-
return console.log('<ScrollView>::onScroll'
|
|
71
|
+
return (_console = console).log.apply(_console, ['<ScrollView>::onScroll'].concat(props));
|
|
69
72
|
},
|
|
70
73
|
// inherited properties
|
|
71
74
|
testId: 'test-story',
|
|
@@ -1 +1 @@
|
|
|
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":";;;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAAyC,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,SAAA,WAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,CAAA,
|
|
1
|
+
{"version":3,"file":"ScrollView.stories.js","names":["_react","_interopRequireDefault","require","_ScrollView","_Primitive","e","__esModule","default","_typeof","o","Symbol","iterator","constructor","prototype","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","ownKeys","keys","getOwnPropertySymbols","filter","getOwnPropertyDescriptor","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_toPropertyKey","value","configurable","writable","i","_toPrimitive","toPrimitive","TypeError","String","Number","_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","_console","_len","Array","_key","console","log","concat","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 get() {
|
|
13
13
|
return _ScrollView[key];
|
|
14
14
|
}
|
|
15
15
|
});
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
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,IAAA;MAAA,OAAAT,WAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
@@ -9,63 +10,71 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
9
10
|
var _helpers = require("../../helpers");
|
|
10
11
|
var _Primitive = require("../Primitive");
|
|
11
12
|
var _SelectModule = _interopRequireDefault(require("./Select.module.css"));
|
|
12
|
-
|
|
13
|
-
function
|
|
13
|
+
var _excluded = ["disabled", "disabledOptions", "emptyOption", "options", "value", "values", "onChange", "onEnter", "onError", "onLeave"];
|
|
14
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
|
|
14
16
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
17
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
18
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
19
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
20
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
21
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
22
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
23
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
|
|
24
|
+
var EMPTY = '';
|
|
25
|
+
var Select = exports.Select = function Select(_ref) {
|
|
26
|
+
var disabled = _ref.disabled,
|
|
27
|
+
_ref$disabledOptions = _ref.disabledOptions,
|
|
28
|
+
disabledOptions = _ref$disabledOptions === void 0 ? [] : _ref$disabledOptions,
|
|
29
|
+
emptyOption = _ref.emptyOption,
|
|
30
|
+
_ref$options = _ref.options,
|
|
31
|
+
options = _ref$options === void 0 ? [] : _ref$options,
|
|
32
|
+
value = _ref.value,
|
|
33
|
+
_ref$values = _ref.values,
|
|
34
|
+
values = _ref$values === void 0 ? [] : _ref$values,
|
|
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));
|
|
34
42
|
if (errors && onError) onError(errors);
|
|
35
43
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
36
44
|
}, []);
|
|
37
|
-
|
|
38
|
-
onError && onError((0, _helpers.getInputErrors)({
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
}));
|
|
45
|
+
var handleChange = function handleChange(value, event) {
|
|
46
|
+
onError && onError((0, _helpers.getInputErrors)(_objectSpread(_objectSpread({}, others), {}, {
|
|
47
|
+
value: value
|
|
48
|
+
})));
|
|
42
49
|
onChange && onChange(value, event);
|
|
43
50
|
};
|
|
44
|
-
return /*#__PURE__*/_react.default.createElement(_Primitive.Primitive, {
|
|
45
|
-
|
|
46
|
-
disabled,
|
|
51
|
+
return /*#__PURE__*/_react.default.createElement(_Primitive.Primitive, _objectSpread(_objectSpread(_objectSpread({}, others), {}, {
|
|
52
|
+
disabled: disabled,
|
|
47
53
|
tag: 'select',
|
|
48
|
-
value
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
+
value: value
|
|
55
|
+
}, !disabled ? {
|
|
56
|
+
onChange: function onChange(event) {
|
|
57
|
+
return handleChange(event.target.value, event);
|
|
58
|
+
},
|
|
59
|
+
onFocus: onEnter,
|
|
60
|
+
onBlur: onLeave
|
|
61
|
+
} : {}), {}, {
|
|
54
62
|
className: (0, _helpers.styles)(_SelectModule.default.select, value === EMPTY && _SelectModule.default.empty, others.className),
|
|
55
63
|
'aria-label': others['aria-label'] || value
|
|
56
|
-
}, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, emptyOption && /*#__PURE__*/_react.default.createElement(_Primitive.Primitive, {
|
|
64
|
+
}), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, emptyOption && /*#__PURE__*/_react.default.createElement(_Primitive.Primitive, {
|
|
57
65
|
tag: "option",
|
|
58
66
|
value: EMPTY,
|
|
59
67
|
"aria-label": emptyOption
|
|
60
|
-
}, emptyOption), options.map((option, index)
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
68
|
+
}, emptyOption), options.map(function (option, index) {
|
|
69
|
+
return /*#__PURE__*/_react.default.createElement(_Primitive.Primitive, {
|
|
70
|
+
tag: "option",
|
|
71
|
+
disabled: disabledOptions[index],
|
|
72
|
+
key: option,
|
|
73
|
+
value: values[index] || option,
|
|
74
|
+
"aria-label": option
|
|
75
|
+
}, option);
|
|
76
|
+
})));
|
|
67
77
|
};
|
|
68
|
-
exports.Select = Select;
|
|
69
78
|
Select.displayName = 'Primitive:Select';
|
|
70
79
|
Select.propTypes = {
|
|
71
80
|
disabled: _propTypes.default.bool,
|
|
@@ -1 +1 @@
|
|
|
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","
|
|
1
|
+
{"version":3,"file":"Select.js","names":["_propTypes","_interopRequireDefault","require","_react","_interopRequireWildcard","_helpers","_Primitive","_SelectModule","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_objectWithoutProperties","_objectWithoutPropertiesLoose","s","includes","propertyIsEnumerable","EMPTY","Select","exports","_ref","disabled","_ref$disabledOptions","disabledOptions","emptyOption","_ref$options","options","_ref$values","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","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":[]}
|