@pinnacle0/web-ui 0.5.83 → 0.6.0-beta.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/admin/AdminApp/Default/NavigatorSide/index.js +14 -50
- package/admin/AdminApp/Default/NavigatorSide/index.js.map +1 -1
- package/admin/AdminApp/Default/SoundSwitch.js +15 -34
- package/admin/AdminApp/Default/SoundSwitch.js.map +1 -1
- package/admin/AdminApp/Default/SquareLogo/index.js +8 -29
- package/admin/AdminApp/Default/SquareLogo/index.js.map +1 -1
- package/admin/AdminApp/Menu.js +40 -82
- package/admin/AdminApp/Menu.js.map +1 -1
- package/admin/AdminApp/Navigator.js +57 -83
- package/admin/AdminApp/Navigator.js.map +1 -1
- package/admin/AdminApp/NotFound.js +8 -30
- package/admin/AdminApp/NotFound.js.map +1 -1
- package/admin/AdminApp/RouteSwitch.js +21 -53
- package/admin/AdminApp/RouteSwitch.js.map +1 -1
- package/admin/AdminApp/WithErrorBoundary.js +13 -33
- package/admin/AdminApp/WithErrorBoundary.js.map +1 -1
- package/admin/AdminApp/context.js +3 -3
- package/admin/AdminApp/context.js.map +1 -1
- package/admin/AdminApp/index.js +26 -43
- package/admin/AdminApp/index.js.map +1 -1
- package/admin/AdminPage/Filter.js +20 -38
- package/admin/AdminPage/Filter.js.map +1 -1
- package/admin/AdminPage/Result.js +15 -62
- package/admin/AdminPage/Result.js.map +1 -1
- package/admin/AdminPage/SaveBar.js +7 -28
- package/admin/AdminPage/SaveBar.js.map +1 -1
- package/admin/AdminPage/Summary.js +6 -27
- package/admin/AdminPage/Summary.js.map +1 -1
- package/admin/AdminPage/TopBar.js +6 -27
- package/admin/AdminPage/TopBar.js.map +1 -1
- package/admin/AdminPage/index.js +11 -32
- package/admin/AdminPage/index.js.map +1 -1
- package/admin/AdminPermissionSelector.js +147 -195
- package/admin/AdminPermissionSelector.js.map +1 -1
- package/core/Amount/AmountPercentage.js +7 -50
- package/core/Amount/AmountPercentage.js.map +1 -1
- package/core/Amount/index.js +15 -36
- package/core/Amount/index.js.map +1 -1
- package/core/AmountConditionInput.js +27 -74
- package/core/AmountConditionInput.js.map +1 -1
- package/core/AmountRangeInput.js +17 -75
- package/core/AmountRangeInput.js.map +1 -1
- package/core/Animated/AnimatePresence.js +35 -87
- package/core/Animated/AnimatePresence.js.map +1 -1
- package/core/Animated/createAnimatedComponent.js +28 -50
- package/core/Animated/createAnimatedComponent.js.map +1 -1
- package/core/Animated/index.js +5 -5
- package/core/Animated/index.js.map +1 -1
- package/core/AuthenticationCodeInput/index.js +48 -136
- package/core/AuthenticationCodeInput/index.js.map +1 -1
- package/core/AutoCompleteInput.js +6 -38
- package/core/AutoCompleteInput.js.map +1 -1
- package/core/Badge.js +2 -13
- package/core/Badge.js.map +1 -1
- package/core/BoolRadio.js +16 -64
- package/core/BoolRadio.js.map +1 -1
- package/core/BoolSelect.js +16 -63
- package/core/BoolSelect.js.map +1 -1
- package/core/BoolSwitch.js +16 -48
- package/core/BoolSwitch.js.map +1 -1
- package/core/Breadcrumb/index.js +18 -66
- package/core/Breadcrumb/index.js.map +1 -1
- package/core/Button.js +2 -25
- package/core/Button.js.map +1 -1
- package/core/Card.js +6 -38
- package/core/Card.js.map +1 -1
- package/core/Carousel.js +6 -49
- package/core/Carousel.js.map +1 -1
- package/core/Carousel3D/index.js +64 -83
- package/core/Carousel3D/index.js.map +1 -1
- package/core/Cascader/InitialNullable.js +7 -50
- package/core/Cascader/InitialNullable.js.map +1 -1
- package/core/Cascader/Nullable.js +11 -81
- package/core/Cascader/Nullable.js.map +1 -1
- package/core/Cascader/index.js +38 -109
- package/core/Cascader/index.js.map +1 -1
- package/core/Checkbox.js +9 -67
- package/core/Checkbox.js.map +1 -1
- package/core/Collapse.js +5 -37
- package/core/Collapse.js.map +1 -1
- package/core/Countdown/SlidingDigit.js +12 -32
- package/core/Countdown/SlidingDigit.js.map +1 -1
- package/core/Countdown/index.js +56 -74
- package/core/Countdown/index.js.map +1 -1
- package/core/DarkOverlay/index.js +6 -27
- package/core/DarkOverlay/index.js.map +1 -1
- package/core/DateCalendar.js +48 -96
- package/core/DateCalendar.js.map +1 -1
- package/core/DatePicker.js +26 -73
- package/core/DatePicker.js.map +1 -1
- package/core/DateRangePicker.js +44 -64
- package/core/DateRangePicker.js.map +1 -1
- package/core/DateTimePicker.js +30 -78
- package/core/DateTimePicker.js.map +1 -1
- package/core/DateTimeRangePicker/index.js +48 -68
- package/core/DateTimeRangePicker/index.js.map +1 -1
- package/core/Descriptions/index.js +11 -69
- package/core/Descriptions/index.js.map +1 -1
- package/core/DocumentTitle.js +25 -43
- package/core/DocumentTitle.js.map +1 -1
- package/core/Drawer.js +4 -36
- package/core/Drawer.js.map +1 -1
- package/core/Dropdown.js +3 -7
- package/core/Dropdown.js.map +1 -1
- package/core/EnumCheckboxGroup/Map.js +8 -51
- package/core/EnumCheckboxGroup/Map.js.map +1 -1
- package/core/EnumCheckboxGroup/index.js +8 -29
- package/core/EnumCheckboxGroup/index.js.map +1 -1
- package/core/EnumRadio/InitialNullable.js +9 -78
- package/core/EnumRadio/InitialNullable.js.map +1 -1
- package/core/EnumRadio/Map.js +8 -51
- package/core/EnumRadio/Map.js.map +1 -1
- package/core/EnumRadio/Nullable.js +13 -83
- package/core/EnumRadio/Nullable.js.map +1 -1
- package/core/EnumRadio/index.js +16 -63
- package/core/EnumRadio/index.js.map +1 -1
- package/core/EnumSelect/InitialNullable.js +7 -50
- package/core/EnumSelect/InitialNullable.js.map +1 -1
- package/core/EnumSelect/Map.js +8 -51
- package/core/EnumSelect/Map.js.map +1 -1
- package/core/EnumSelect/Nullable.js +13 -83
- package/core/EnumSelect/Nullable.js.map +1 -1
- package/core/EnumSelect/index.js +37 -86
- package/core/EnumSelect/index.js.map +1 -1
- package/core/FlatList/Content/Footer/index.js +5 -6
- package/core/FlatList/Content/Footer/index.js.map +1 -1
- package/core/FlatList/Content/index.js +28 -51
- package/core/FlatList/Content/index.js.map +1 -1
- package/core/FlatList/FloatingLoader/index.js +2 -3
- package/core/FlatList/FloatingLoader/index.js.map +1 -1
- package/core/FlatList/Refresh/index.js +2 -3
- package/core/FlatList/Refresh/index.js.map +1 -1
- package/core/FlatList/hook/useRefreshing.js +7 -23
- package/core/FlatList/hook/useRefreshing.js.map +1 -1
- package/core/FlatList/hook/useScrollListSwipe.js +22 -40
- package/core/FlatList/hook/useScrollListSwipe.js.map +1 -1
- package/core/FlatList/index.js +19 -52
- package/core/FlatList/index.js.map +1 -1
- package/core/FlatList/shared/Loader/index.js +1 -1
- package/core/FlatList/shared/Loader/index.js.map +1 -1
- package/core/Form/Item.js +31 -91
- package/core/Form/Item.js.map +1 -1
- package/core/Form/context.js +4 -4
- package/core/Form/context.js.map +1 -1
- package/core/Form/index.js +52 -124
- package/core/Form/index.js.map +1 -1
- package/core/Grid.js +2 -2
- package/core/Grid.js.map +1 -1
- package/core/HTMLContent/index.js +6 -27
- package/core/HTMLContent/index.js.map +1 -1
- package/core/Image.js +5 -37
- package/core/Image.js.map +1 -1
- package/core/ImageUploader/index.js +44 -156
- package/core/ImageUploader/index.js.map +1 -1
- package/core/Input.js +34 -120
- package/core/Input.js.map +1 -1
- package/core/LabelledSelect.js +6 -38
- package/core/LabelledSelect.js.map +1 -1
- package/core/Link.js +7 -28
- package/core/Link.js.map +1 -1
- package/core/LocalImporter.js +22 -84
- package/core/LocalImporter.js.map +1 -1
- package/core/LocaleSelect.js +17 -64
- package/core/LocaleSelect.js.map +1 -1
- package/core/Markdown/index.js +30 -78
- package/core/Markdown/index.js.map +1 -1
- package/core/Modal/index.js +11 -54
- package/core/Modal/index.js.map +1 -1
- package/core/MultipleCascader/index.js +55 -135
- package/core/MultipleCascader/index.js.map +1 -1
- package/core/MultipleEnumSelect.js +13 -60
- package/core/MultipleEnumSelect.js.map +1 -1
- package/core/MultipleSelector/TablePopover.js +37 -85
- package/core/MultipleSelector/TablePopover.js.map +1 -1
- package/core/MultipleSelector/index.js +41 -88
- package/core/MultipleSelector/index.js.map +1 -1
- package/core/MutableTable/index.js +71 -125
- package/core/MutableTable/index.js.map +1 -1
- package/core/NumberInput/NumberInputPercentage.js +24 -93
- package/core/NumberInput/NumberInputPercentage.js.map +1 -1
- package/core/NumberInput/index.js +80 -115
- package/core/NumberInput/index.js.map +1 -1
- package/core/NumberInput/util.js +9 -9
- package/core/NumberInput/util.js.map +1 -1
- package/core/OrientationContext.js +4 -21
- package/core/OrientationContext.js.map +1 -1
- package/core/OverflowableText/index.js +19 -49
- package/core/OverflowableText/index.js.map +1 -1
- package/core/PagedList/index.js +18 -35
- package/core/PagedList/index.js.map +1 -1
- package/core/Pagination/index.js +19 -66
- package/core/Pagination/index.js.map +1 -1
- package/core/Popover/index.js +7 -29
- package/core/Popover/index.js.map +1 -1
- package/core/Progress/index.js +5 -37
- package/core/Progress/index.js.map +1 -1
- package/core/Progress.js +5 -37
- package/core/Progress.js.map +1 -1
- package/core/Radio.d.ts +2 -2
- package/core/Radio.js +7 -39
- package/core/Radio.js.map +1 -1
- package/core/RelativeTime.js +27 -45
- package/core/RelativeTime.js.map +1 -1
- package/core/Resizable/Resizer.js +4 -16
- package/core/Resizable/Resizer.js.map +1 -1
- package/core/Resizable/index.js +32 -55
- package/core/Resizable/index.js.map +1 -1
- package/core/SearchableSelect.js +6 -38
- package/core/SearchableSelect.js.map +1 -1
- package/core/Select.js +7 -39
- package/core/Select.js.map +1 -1
- package/core/SignedAmountInput.js +23 -70
- package/core/SignedAmountInput.js.map +1 -1
- package/core/Skeleton.js +6 -49
- package/core/Skeleton.js.map +1 -1
- package/core/Slider/RangeSlider.js +6 -49
- package/core/Slider/RangeSlider.js.map +1 -1
- package/core/Slider/index.js +24 -94
- package/core/Slider/index.js.map +1 -1
- package/core/Space.js +6 -38
- package/core/Space.js.map +1 -1
- package/core/Spin.js +6 -49
- package/core/Spin.js.map +1 -1
- package/core/StepFormContainer/index.js +17 -64
- package/core/StepFormContainer/index.js.map +1 -1
- package/core/Steps.js +5 -37
- package/core/Steps.js.map +1 -1
- package/core/Table.js +83 -116
- package/core/Table.js.map +1 -1
- package/core/Tabs/Single.js +6 -49
- package/core/Tabs/Single.js.map +1 -1
- package/core/Tabs/index.js +29 -100
- package/core/Tabs/index.js.map +1 -1
- package/core/Tag.js +5 -37
- package/core/Tag.js.map +1 -1
- package/core/TagInput/index.js +50 -95
- package/core/TagInput/index.js.map +1 -1
- package/core/Tags.js +13 -60
- package/core/Tags.js.map +1 -1
- package/core/TimePicker.js +17 -64
- package/core/TimePicker.js.map +1 -1
- package/core/TimeRangePicker.js +28 -47
- package/core/TimeRangePicker.js.map +1 -1
- package/core/Tooltip.js +7 -29
- package/core/Tooltip.js.map +1 -1
- package/core/TypedTabs/index.js +13 -75
- package/core/TypedTabs/index.js.map +1 -1
- package/core/UIProvider.js +4 -27
- package/core/UIProvider.js.map +1 -1
- package/core/Uploader.js +54 -85
- package/core/Uploader.js.map +1 -1
- package/core/VerticalMarquee/index.js +18 -35
- package/core/VerticalMarquee/index.js.map +1 -1
- package/core/VirtualList/index.js +19 -20
- package/core/VirtualList/index.js.map +1 -1
- package/core/VirtualTable/TableHeader.js +7 -9
- package/core/VirtualTable/TableHeader.js.map +1 -1
- package/core/VirtualTable/TableRow.js +12 -13
- package/core/VirtualTable/TableRow.js.map +1 -1
- package/core/VirtualTable/hooks/useColumnWidths.js +20 -36
- package/core/VirtualTable/hooks/useColumnWidths.js.map +1 -1
- package/core/VirtualTable/hooks/useColumnsStickyPosition.js +9 -9
- package/core/VirtualTable/hooks/useColumnsStickyPosition.js.map +1 -1
- package/core/VirtualTable/hooks/useRowSelection.js +28 -54
- package/core/VirtualTable/hooks/useRowSelection.js.map +1 -1
- package/core/VirtualTable/hooks/useScroll.js +13 -29
- package/core/VirtualTable/hooks/useScroll.js.map +1 -1
- package/core/VirtualTable/hooks/useScrollBarSize.js +6 -22
- package/core/VirtualTable/hooks/useScrollBarSize.js.map +1 -1
- package/core/VirtualTable/index.js +24 -25
- package/core/VirtualTable/index.js.map +1 -1
- package/core/WithExplanation/index.js +11 -32
- package/core/WithExplanation/index.js.map +1 -1
- package/core/WithTooltipList.js +17 -66
- package/core/WithTooltipList.js.map +1 -1
- package/core/YearMonthSelector.js +28 -76
- package/core/YearMonthSelector.js.map +1 -1
- package/hooks/useAPI.js +8 -44
- package/hooks/useAPI.js.map +1 -1
- package/hooks/useBool.js +4 -21
- package/hooks/useBool.js.map +1 -1
- package/hooks/useCompositeRef.js +4 -8
- package/hooks/useCompositeRef.js.map +1 -1
- package/hooks/useDebounce.js +6 -35
- package/hooks/useDebounce.js.map +1 -1
- package/hooks/useDelayed.js +7 -8
- package/hooks/useDelayed.js.map +1 -1
- package/hooks/useDidMountEffect.js +1 -1
- package/hooks/useDidMountEffect.js.map +1 -1
- package/hooks/useDraggable/DragController.js +37 -45
- package/hooks/useDraggable/DragController.js.map +1 -1
- package/hooks/useDraggable/index.js +25 -53
- package/hooks/useDraggable/index.js.map +1 -1
- package/hooks/useDraggable/useDrag.js +5 -5
- package/hooks/useDraggable/useDrag.js.map +1 -1
- package/hooks/useExtended.js +8 -8
- package/hooks/useExtended.js.map +1 -1
- package/hooks/useForceUpdate.js +2 -18
- package/hooks/useForceUpdate.js.map +1 -1
- package/hooks/useOrientation.js +2 -18
- package/hooks/useOrientation.js.map +1 -1
- package/hooks/usePrevious.js +1 -1
- package/hooks/usePrevious.js.map +1 -1
- package/hooks/useResizeObserver.js +7 -9
- package/hooks/useResizeObserver.js.map +1 -1
- package/hooks/useSwipe/controller.js +68 -75
- package/hooks/useSwipe/controller.js.map +1 -1
- package/hooks/useSwipe/index.js +6 -14
- package/hooks/useSwipe/index.js.map +1 -1
- package/hooks/useThunk.js +9 -36
- package/hooks/useThunk.js.map +1 -1
- package/hooks/useTransform.js +18 -30
- package/hooks/useTransform.js.map +1 -1
- package/hooks/useWhyDidYouUpdate.js +10 -19
- package/hooks/useWhyDidYouUpdate.js.map +1 -1
- package/hooks/useWillUnmountEffect.js +1 -1
- package/hooks/useWillUnmountEffect.js.map +1 -1
- package/internal/ArrayUtil.js +13 -38
- package/internal/ArrayUtil.js.map +1 -1
- package/internal/ExpirableLocalStorage.js +70 -74
- package/internal/ExpirableLocalStorage.js.map +1 -1
- package/internal/NumberUtil.js +11 -11
- package/internal/NumberUtil.js.map +1 -1
- package/internal/StorageHelper.js +62 -65
- package/internal/StorageHelper.js.map +1 -1
- package/internal/TextUtil.js +6 -10
- package/internal/TextUtil.js.map +1 -1
- package/internal/i18n/admin/en.js +1 -1
- package/internal/i18n/admin/en.js.map +1 -1
- package/internal/i18n/admin/index.js +3 -3
- package/internal/i18n/admin/index.js.map +1 -1
- package/internal/i18n/admin/zh.js +1 -1
- package/internal/i18n/admin/zh.js.map +1 -1
- package/internal/i18n/core/en.js +1 -1
- package/internal/i18n/core/en.js.map +1 -1
- package/internal/i18n/core/index.js +3 -3
- package/internal/i18n/core/index.js.map +1 -1
- package/internal/i18n/core/zh.js +1 -1
- package/internal/i18n/core/zh.js.map +1 -1
- package/internal/i18n/util/en.js +1 -1
- package/internal/i18n/util/en.js.map +1 -1
- package/internal/i18n/util/index.js +3 -3
- package/internal/i18n/util/index.js.map +1 -1
- package/internal/i18n/util/zh.js +1 -1
- package/internal/i18n/util/zh.js.map +1 -1
- package/package.json +6 -6
- package/util/AdminNavigationUtil.js +22 -64
- package/util/AdminNavigationUtil.js.map +1 -1
- package/util/BrowserBookmarkUtil.js +5 -5
- package/util/BrowserBookmarkUtil.js.map +1 -1
- package/util/BrowserUtil/index.d.ts +0 -1
- package/util/BrowserUtil/index.js +29 -80
- package/util/BrowserUtil/index.js.map +1 -1
- package/util/CanvasUtil.js +22 -61
- package/util/CanvasUtil.js.map +1 -1
- package/util/Clipboard.js +25 -85
- package/util/Clipboard.js.map +1 -1
- package/util/ExpirableLocalStorageUtil.js +1 -1
- package/util/ExpirableLocalStorageUtil.js.map +1 -1
- package/util/ExportUtil.js +13 -13
- package/util/ExportUtil.js.map +1 -1
- package/util/ImportUtil.js +34 -86
- package/util/ImportUtil.js.map +1 -1
- package/util/LocalStorageUtil.js +1 -1
- package/util/LocalStorageUtil.js.map +1 -1
- package/util/LocaleUtil.js +16 -19
- package/util/LocaleUtil.js.map +1 -1
- package/util/MediaUtil/index.js +15 -15
- package/util/MediaUtil/index.js.map +1 -1
- package/util/MessageUtil.js +5 -16
- package/util/MessageUtil.js.map +1 -1
- package/util/ModalUtil/index.js +46 -68
- package/util/ModalUtil/index.js.map +1 -1
- package/util/NotificationUtil.js +8 -24
- package/util/NotificationUtil.js.map +1 -1
- package/util/OrientationUtil.js +8 -8
- package/util/OrientationUtil.js.map +1 -1
- package/util/PromptUtil/PromptBody.js +24 -88
- package/util/PromptUtil/PromptBody.js.map +1 -1
- package/util/PromptUtil/index.js +20 -33
- package/util/PromptUtil/index.js.map +1 -1
- package/util/ReactUtil.js +20 -54
- package/util/ReactUtil.js.map +1 -1
- package/util/RecentUsedStorageUtil/index.js +14 -15
- package/util/RecentUsedStorageUtil/index.js.map +1 -1
- package/util/RecentUsedStorageUtil/pushToList.js +3 -28
- package/util/RecentUsedStorageUtil/pushToList.js.map +1 -1
- package/util/SessionStorageUtil.js +1 -1
- package/util/SessionStorageUtil.js.map +1 -1
- package/util/SwipeUtil.js +9 -9
- package/util/SwipeUtil.js.map +1 -1
- package/util/UploadUtil/index.js +29 -30
- package/util/UploadUtil/index.js.map +1 -1
|
@@ -1,102 +1,33 @@
|
|
|
1
|
-
var __extends = (this && this.__extends) || (function () {
|
|
2
|
-
var extendStatics = function (d, b) {
|
|
3
|
-
extendStatics = Object.setPrototypeOf ||
|
|
4
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
6
|
-
return extendStatics(d, b);
|
|
7
|
-
};
|
|
8
|
-
return function (d, b) {
|
|
9
|
-
if (typeof b !== "function" && b !== null)
|
|
10
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
11
|
-
extendStatics(d, b);
|
|
12
|
-
function __() { this.constructor = d; }
|
|
13
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
14
|
-
};
|
|
15
|
-
})();
|
|
16
|
-
var __assign = (this && this.__assign) || function () {
|
|
17
|
-
__assign = Object.assign || function(t) {
|
|
18
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
19
|
-
s = arguments[i];
|
|
20
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
21
|
-
t[p] = s[p];
|
|
22
|
-
}
|
|
23
|
-
return t;
|
|
24
|
-
};
|
|
25
|
-
return __assign.apply(this, arguments);
|
|
26
|
-
};
|
|
27
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
28
|
-
var t = {};
|
|
29
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
30
|
-
t[p] = s[p];
|
|
31
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
32
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
33
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
34
|
-
t[p[i]] = s[p[i]];
|
|
35
|
-
}
|
|
36
|
-
return t;
|
|
37
|
-
};
|
|
38
|
-
var __read = (this && this.__read) || function (o, n) {
|
|
39
|
-
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
40
|
-
if (!m) return o;
|
|
41
|
-
var i = m.call(o), r, ar = [], e;
|
|
42
|
-
try {
|
|
43
|
-
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
44
|
-
}
|
|
45
|
-
catch (error) { e = { error: error }; }
|
|
46
|
-
finally {
|
|
47
|
-
try {
|
|
48
|
-
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
49
|
-
}
|
|
50
|
-
finally { if (e) throw e.error; }
|
|
51
|
-
}
|
|
52
|
-
return ar;
|
|
53
|
-
};
|
|
54
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
55
|
-
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
56
|
-
if (ar || !(i in from)) {
|
|
57
|
-
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
58
|
-
ar[i] = from[i];
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
return to.concat(ar || Array.prototype.slice.call(from));
|
|
62
|
-
};
|
|
63
1
|
import React from "react";
|
|
64
2
|
import { classNames } from "../../util/ClassNames";
|
|
65
3
|
import { NumberInput } from "./index";
|
|
66
4
|
import { truncate } from "./util";
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
var _this = _super.apply(this, __spreadArray([], __read(arguments), false)) || this;
|
|
71
|
-
_this.percentageDisplayRenderer = function (value) {
|
|
72
|
-
var percentageValue = value;
|
|
73
|
-
var percentageScale = _this.props.percentageScale;
|
|
74
|
-
return "".concat(percentageValue.toFixed(percentageScale), " %");
|
|
75
|
-
};
|
|
76
|
-
_this.onPercentageChange = function (newPercentageValue) {
|
|
77
|
-
var scale = _this.props.percentageScale + 2;
|
|
78
|
-
var onChange = _this.props.onChange;
|
|
79
|
-
var newValue = typeof newPercentageValue === "number" ? truncate(newPercentageValue / 100, scale) : newPercentageValue;
|
|
80
|
-
onChange(newValue);
|
|
81
|
-
};
|
|
82
|
-
return _this;
|
|
83
|
-
}
|
|
84
|
-
NumberInputPercentage.prototype.render = function () {
|
|
85
|
-
var _a = this.props, percentageScale = _a.percentageScale, percentageStep = _a.percentageStep, min = _a.min, max = _a.max, value = _a.value,
|
|
86
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars -- not included in restProps
|
|
87
|
-
onChange = _a.onChange, className = _a.className, restProps = __rest(_a, ["percentageScale", "percentageStep", "min", "max", "value", "onChange", "className"]);
|
|
88
|
-
var percentageValue = (typeof value === "number" ? value * 100 : value);
|
|
89
|
-
var percentageMin = min * 100;
|
|
90
|
-
var percentageMax = max * 100;
|
|
91
|
-
return (React.createElement(NumberInput, __assign({ className: classNames("percentage", className), value: percentageValue, onChange: this.onPercentageChange, min: percentageMin, max: percentageMax, scale: percentageScale, step: percentageStep, displayRenderer: this.percentageDisplayRenderer }, restProps)));
|
|
92
|
-
};
|
|
93
|
-
NumberInputPercentage.displayName = "NumberInputPercentage";
|
|
94
|
-
NumberInputPercentage.defaultProps = {
|
|
5
|
+
export class NumberInputPercentage extends React.PureComponent {
|
|
6
|
+
static displayName = "NumberInputPercentage";
|
|
7
|
+
static defaultProps = {
|
|
95
8
|
percentageScale: 0,
|
|
96
9
|
min: 0,
|
|
97
10
|
max: 1,
|
|
98
11
|
};
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
12
|
+
percentageDisplayRenderer = (value) => {
|
|
13
|
+
const percentageValue = value;
|
|
14
|
+
const percentageScale = this.props.percentageScale;
|
|
15
|
+
return `${percentageValue.toFixed(percentageScale)} %`;
|
|
16
|
+
};
|
|
17
|
+
onPercentageChange = newPercentageValue => {
|
|
18
|
+
const scale = this.props.percentageScale + 2;
|
|
19
|
+
const onChange = this.props.onChange;
|
|
20
|
+
const newValue = typeof newPercentageValue === "number" ? truncate(newPercentageValue / 100, scale) : newPercentageValue;
|
|
21
|
+
onChange(newValue);
|
|
22
|
+
};
|
|
23
|
+
render() {
|
|
24
|
+
const { percentageScale, percentageStep, min, max, value,
|
|
25
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars -- not included in restProps
|
|
26
|
+
onChange, className, ...restProps } = this.props;
|
|
27
|
+
const percentageValue = (typeof value === "number" ? value * 100 : value);
|
|
28
|
+
const percentageMin = min * 100;
|
|
29
|
+
const percentageMax = max * 100;
|
|
30
|
+
return (React.createElement(NumberInput, { className: classNames("percentage", className), value: percentageValue, onChange: this.onPercentageChange, min: percentageMin, max: percentageMax, scale: percentageScale, step: percentageStep, displayRenderer: this.percentageDisplayRenderer, ...restProps }));
|
|
31
|
+
}
|
|
32
|
+
}
|
|
102
33
|
//# sourceMappingURL=NumberInputPercentage.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberInputPercentage.js","sourceRoot":"","sources":["../../../src/core/NumberInput/NumberInputPercentage.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"NumberInputPercentage.js","sourceRoot":"","sources":["../../../src/core/NumberInput/NumberInputPercentage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAC,WAAW,EAAC,MAAM,SAAS,CAAC;AACpC,OAAO,EAAC,QAAQ,EAAC,MAAM,QAAQ,CAAC;AA0DhC,MAAM,OAAO,qBAAiD,SAAQ,KAAK,CAAC,aAA+B;IACvG,MAAM,CAAC,WAAW,GAAG,uBAAuB,CAAC;IAE7C,MAAM,CAAC,YAAY,GAA6B;QAC5C,eAAe,EAAE,CAAC;QAClB,GAAG,EAAE,CAAC;QACN,GAAG,EAAE,CAAC;KACT,CAAC;IAEF,yBAAyB,GAAG,CAAC,KAAa,EAAE,EAAE;QAC1C,MAAM,eAAe,GAAG,KAAK,CAAC;QAC9B,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,eAAgB,CAAC;QACpD,OAAO,GAAG,eAAe,CAAC,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC;IAC3D,CAAC,CAAC;IAEF,kBAAkB,GAAiC,kBAAkB,CAAC,EAAE;QACpE,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,eAAgB,GAAG,CAAC,CAAC;QAC9C,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,QAA6C,CAAC;QAC1E,MAAM,QAAQ,GAAG,OAAO,kBAAkB,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,kBAAkB,GAAG,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC;QACzH,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM;QACF,MAAM,EACF,eAAe,EACf,cAAc,EACd,GAAG,EACH,GAAG,EACH,KAAK;QACL,0FAA0F;QAC1F,QAAQ,EACR,SAAS,EACT,GAAG,SAAS,EACf,GAAG,IAAI,CAAC,KAAK,CAAC;QACf,MAAM,eAAe,GAAG,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,KAAK,CAAoD,CAAC;QAC7H,MAAM,aAAa,GAAG,GAAI,GAAG,GAAG,CAAC;QACjC,MAAM,aAAa,GAAG,GAAI,GAAG,GAAG,CAAC;QACjC,OAAO,CACH,oBAAC,WAAW,IACR,SAAS,EAAE,UAAU,CAAC,YAAY,EAAE,SAAS,CAAC,EAC9C,KAAK,EAAE,eAAe,EACtB,QAAQ,EAAE,IAAI,CAAC,kBAAkB,EACjC,GAAG,EAAE,aAAa,EAClB,GAAG,EAAE,aAAa,EAClB,KAAK,EAAE,eAAe,EACtB,IAAI,EAAE,cAAc,EACpB,eAAe,EAAE,IAAI,CAAC,yBAAyB,KAC3C,SAAS,GACf,CACL,CAAC;IACN,CAAC"}
|
|
@@ -1,29 +1,3 @@
|
|
|
1
|
-
var __extends = (this && this.__extends) || (function () {
|
|
2
|
-
var extendStatics = function (d, b) {
|
|
3
|
-
extendStatics = Object.setPrototypeOf ||
|
|
4
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
6
|
-
return extendStatics(d, b);
|
|
7
|
-
};
|
|
8
|
-
return function (d, b) {
|
|
9
|
-
if (typeof b !== "function" && b !== null)
|
|
10
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
11
|
-
extendStatics(d, b);
|
|
12
|
-
function __() { this.constructor = d; }
|
|
13
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
14
|
-
};
|
|
15
|
-
})();
|
|
16
|
-
var __assign = (this && this.__assign) || function () {
|
|
17
|
-
__assign = Object.assign || function(t) {
|
|
18
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
19
|
-
s = arguments[i];
|
|
20
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
21
|
-
t[p] = s[p];
|
|
22
|
-
}
|
|
23
|
-
return t;
|
|
24
|
-
};
|
|
25
|
-
return __assign.apply(this, arguments);
|
|
26
|
-
};
|
|
27
1
|
import React from "react";
|
|
28
2
|
import { classNames } from "../../util/ClassNames";
|
|
29
3
|
import { Input } from "../Input";
|
|
@@ -32,102 +6,93 @@ import { Space } from "../Space";
|
|
|
32
6
|
import { canAdd, canMinus, clamp, getDisplayValue, rectifyInputIfValid, truncate } from "./util";
|
|
33
7
|
import { NumberInputPercentage } from "./NumberInputPercentage";
|
|
34
8
|
import "./index.less";
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
_this.setState({ editingValue: uncheckedValue });
|
|
49
|
-
var typeSafeProps = _this.typeSafeProps;
|
|
50
|
-
var onChange = typeSafeProps.onChange, scale = typeSafeProps.scale;
|
|
51
|
-
var checkedValue = rectifyInputIfValid(uncheckedValue, typeSafeProps);
|
|
52
|
-
// if `null` is not allowed, `checkedValue` will be invalid
|
|
53
|
-
if (checkedValue === "@@INVALID") {
|
|
54
|
-
return;
|
|
55
|
-
}
|
|
56
|
-
var normalizedParentValue = typeSafeProps.value === null ? null : truncate(typeSafeProps.value, scale);
|
|
57
|
-
// Only call onChange if values are different
|
|
58
|
-
if (checkedValue !== normalizedParentValue) {
|
|
59
|
-
onChange(checkedValue);
|
|
60
|
-
}
|
|
61
|
-
};
|
|
62
|
-
_this.stopPropagation = function (event) { return event.stopPropagation(); };
|
|
63
|
-
_this.onMinusClick = function () {
|
|
64
|
-
var parentValue = _this.typeSafeProps.value;
|
|
65
|
-
var step = _this.getStep();
|
|
66
|
-
var nextValue = parentValue === null ? 0 : parentValue - step; // parentValue is kept in sync with latest valid user input, safe to use the parentValue for stepping
|
|
67
|
-
_this.triggerParentOnChangeIfValid(nextValue.toString()); // The value is checked excessively but it's better than having a unguarded class method
|
|
68
|
-
};
|
|
69
|
-
_this.onAddClick = function () {
|
|
70
|
-
var parentValue = _this.typeSafeProps.value;
|
|
71
|
-
var step = _this.getStep();
|
|
72
|
-
var prevValue = parentValue === null ? 0 : parentValue + step; // parentValue is kept in sync with latest valid user input, safe to use the parentValue for stepping
|
|
73
|
-
_this.triggerParentOnChangeIfValid(prevValue.toString()); // The value is checked excessively but it's better than having a unguarded class method
|
|
74
|
-
};
|
|
75
|
-
_this.onInputFocus = function () {
|
|
76
|
-
var _a = _this.typeSafeProps, value = _a.value, scale = _a.scale;
|
|
77
|
-
_this.setState({ isEditing: true, editingValue: value === null ? "" : truncate(value, scale).toString() });
|
|
78
|
-
};
|
|
79
|
-
_this.onInputBlur = function () {
|
|
80
|
-
_this.triggerParentOnChangeIfValid(_this.state.editingValue);
|
|
81
|
-
_this.setState({ isEditing: false });
|
|
82
|
-
};
|
|
83
|
-
_this.onInputChange = function (newValue) { return _this.triggerParentOnChangeIfValid(newValue); };
|
|
84
|
-
_this.onInputPress = function (event) {
|
|
85
|
-
var _a;
|
|
86
|
-
if (event.key === "Enter") {
|
|
87
|
-
(_a = (_this.props.inputRef || _this.inputRef).current) === null || _a === void 0 ? void 0 : _a.blur();
|
|
88
|
-
}
|
|
89
|
-
};
|
|
90
|
-
_this.state = { editingValue: props.value !== null ? props.value.toFixed(props.scale) : "", isEditing: false };
|
|
91
|
-
return _this;
|
|
9
|
+
export class NumberInput extends React.PureComponent {
|
|
10
|
+
static displayName = "NumberInput";
|
|
11
|
+
static defaultProps = {
|
|
12
|
+
scale: 0,
|
|
13
|
+
min: -99_999_999,
|
|
14
|
+
max: 99_999_999,
|
|
15
|
+
editable: true,
|
|
16
|
+
};
|
|
17
|
+
static Percentage = NumberInputPercentage;
|
|
18
|
+
inputRef = React.createRef();
|
|
19
|
+
constructor(props) {
|
|
20
|
+
super(props);
|
|
21
|
+
this.state = { editingValue: props.value !== null ? props.value.toFixed(props.scale) : "", isEditing: false };
|
|
92
22
|
}
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
23
|
+
componentDidUpdate(prevProps) {
|
|
24
|
+
const { value, max, min, scale, onChange } = this.typeSafeProps;
|
|
25
|
+
const { isEditing } = this.state;
|
|
96
26
|
if (!isEditing && value !== prevProps.value) {
|
|
97
27
|
this.setState({ editingValue: value === null ? "" : truncate(value, scale).toString() });
|
|
98
28
|
}
|
|
99
|
-
|
|
29
|
+
const shouldCallOnChange = max < prevProps.max || min > prevProps.min || scale !== prevProps.scale;
|
|
100
30
|
if (shouldCallOnChange) {
|
|
101
|
-
value === null ? onChange(value) : onChange(clamp({ value: truncate(value, scale), min
|
|
31
|
+
value === null ? onChange(value) : onChange(clamp({ value: truncate(value, scale), min, max }));
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
getStep = () => {
|
|
35
|
+
const { step, scale } = this.typeSafeProps;
|
|
36
|
+
if (step !== undefined) {
|
|
37
|
+
return step;
|
|
102
38
|
}
|
|
39
|
+
return truncate(10 ** (-1 * scale), scale);
|
|
103
40
|
};
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
41
|
+
triggerParentOnChangeIfValid = (uncheckedValue) => {
|
|
42
|
+
this.setState({ editingValue: uncheckedValue });
|
|
43
|
+
const typeSafeProps = this.typeSafeProps;
|
|
44
|
+
const { onChange, scale } = typeSafeProps;
|
|
45
|
+
const checkedValue = rectifyInputIfValid(uncheckedValue, typeSafeProps);
|
|
46
|
+
// if `null` is not allowed, `checkedValue` will be invalid
|
|
47
|
+
if (checkedValue === "@@INVALID") {
|
|
48
|
+
return;
|
|
49
|
+
}
|
|
50
|
+
const normalizedParentValue = typeSafeProps.value === null ? null : truncate(typeSafeProps.value, scale);
|
|
51
|
+
// Only call onChange if values are different
|
|
52
|
+
if (checkedValue !== normalizedParentValue) {
|
|
53
|
+
onChange(checkedValue);
|
|
54
|
+
}
|
|
113
55
|
};
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
56
|
+
stopPropagation = (event) => event.stopPropagation();
|
|
57
|
+
onMinusClick = () => {
|
|
58
|
+
const { value: parentValue } = this.typeSafeProps;
|
|
59
|
+
const step = this.getStep();
|
|
60
|
+
const nextValue = parentValue === null ? 0 : parentValue - step; // parentValue is kept in sync with latest valid user input, safe to use the parentValue for stepping
|
|
61
|
+
this.triggerParentOnChangeIfValid(nextValue.toString()); // The value is checked excessively but it's better than having a unguarded class method
|
|
62
|
+
};
|
|
63
|
+
onAddClick = () => {
|
|
64
|
+
const { value: parentValue } = this.typeSafeProps;
|
|
65
|
+
const step = this.getStep();
|
|
66
|
+
const prevValue = parentValue === null ? 0 : parentValue + step; // parentValue is kept in sync with latest valid user input, safe to use the parentValue for stepping
|
|
67
|
+
this.triggerParentOnChangeIfValid(prevValue.toString()); // The value is checked excessively but it's better than having a unguarded class method
|
|
68
|
+
};
|
|
69
|
+
onInputFocus = () => {
|
|
70
|
+
const { value, scale } = this.typeSafeProps;
|
|
71
|
+
this.setState({ isEditing: true, editingValue: value === null ? "" : truncate(value, scale).toString() });
|
|
72
|
+
};
|
|
73
|
+
onInputBlur = () => {
|
|
74
|
+
this.triggerParentOnChangeIfValid(this.state.editingValue);
|
|
75
|
+
this.setState({ isEditing: false });
|
|
128
76
|
};
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
77
|
+
onInputChange = (newValue) => this.triggerParentOnChangeIfValid(newValue);
|
|
78
|
+
onInputPress = (event) => {
|
|
79
|
+
if (event.key === "Enter") {
|
|
80
|
+
(this.props.inputRef || this.inputRef).current?.blur();
|
|
81
|
+
}
|
|
82
|
+
};
|
|
83
|
+
render() {
|
|
84
|
+
const { disabled, className, editable, stepperMode, placeholder, inputStyle, suffix, prefix, allowClear, inputRef, autoFocus, focus } = this.typeSafeProps;
|
|
85
|
+
const { editingValue, isEditing } = this.state;
|
|
86
|
+
const containerClassName = classNames("g-number-input", stepperMode, { disabled }, className);
|
|
87
|
+
const content = (React.createElement(React.Fragment, null,
|
|
88
|
+
stepperMode && (React.createElement(Button, { type: stepperMode === "no-border" ? "text" : "default", className: "minus", disabled: disabled || !canMinus({ ...this.typeSafeProps, step: this.getStep() }), onClick: this.onMinusClick }, "\uFF0D")),
|
|
89
|
+
React.createElement(Input, { inputRef: inputRef || this.inputRef, style: inputStyle, placeholder: placeholder, disabled: disabled, value: isEditing ? editingValue : getDisplayValue(this.typeSafeProps), readOnly: !editable, onFocus: this.onInputFocus, onBlur: this.onInputBlur, onChange: this.onInputChange, onKeyPress: this.onInputPress, suffix: suffix, prefix: prefix, inputMode: "decimal", allowClear: allowClear, focus: focus, autoFocus: autoFocus, variant: stepperMode === "no-border" ? "borderless" : "outlined" }),
|
|
90
|
+
stepperMode && (React.createElement(Button, { type: stepperMode === "no-border" ? "text" : "default", className: "add", disabled: disabled || !canAdd({ ...this.typeSafeProps, step: this.getStep() }), onClick: this.onAddClick }, "\uFF0B"))));
|
|
91
|
+
return stepperMode === "outlined" ? (React.createElement(Space.Compact, { className: containerClassName, onClick: this.stopPropagation }, content)) : (React.createElement(Space, { className: containerClassName, onClick: this.stopPropagation, size: 0 }, content));
|
|
92
|
+
}
|
|
93
|
+
get typeSafeProps() {
|
|
94
|
+
// Use a less restrictive type here (allow null) for type inference in various places to work
|
|
95
|
+
return this.props;
|
|
96
|
+
}
|
|
97
|
+
}
|
|
133
98
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/NumberInput/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/NumberInput/index.tsx"],"names":[],"mappings":"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"}
|
package/core/NumberInput/util.js
CHANGED
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
export
|
|
1
|
+
export const truncate = (value, scale) => {
|
|
2
2
|
return parseFloat(value.toFixed(scale));
|
|
3
3
|
};
|
|
4
|
-
export
|
|
4
|
+
export const clamp = (_) => {
|
|
5
5
|
return Math.max(_.min, Math.min(_.max, _.value));
|
|
6
6
|
};
|
|
7
|
-
export
|
|
7
|
+
export const canAdd = (_) => {
|
|
8
8
|
if (_.value === null) {
|
|
9
9
|
return true;
|
|
10
10
|
}
|
|
11
11
|
else {
|
|
12
|
-
|
|
12
|
+
const nextStep = truncate(_.value + _.step, _.scale);
|
|
13
13
|
return nextStep <= truncate(_.max, _.scale);
|
|
14
14
|
}
|
|
15
15
|
};
|
|
16
|
-
export
|
|
16
|
+
export const canMinus = (_) => {
|
|
17
17
|
if (_.value === null) {
|
|
18
18
|
return true;
|
|
19
19
|
}
|
|
20
20
|
else {
|
|
21
|
-
|
|
21
|
+
const prevStep = truncate(_.value - _.step, _.scale);
|
|
22
22
|
return prevStep >= truncate(_.min, _.scale);
|
|
23
23
|
}
|
|
24
24
|
};
|
|
25
|
-
export
|
|
25
|
+
export const getDisplayValue = (_) => {
|
|
26
26
|
if (_.value === null) {
|
|
27
27
|
return "";
|
|
28
28
|
}
|
|
@@ -38,8 +38,8 @@ export var getDisplayValue = function (_) {
|
|
|
38
38
|
* @param config Defines the range and scale of a valid number, and if `null` is allowed to be returned
|
|
39
39
|
* @returns A number that is ensured to be valid and is not `NaN`; or `null` if `allowNull` is true and `userInput` is an empty string; or `"@@INVALID"` if userInput cannot be converted
|
|
40
40
|
*/
|
|
41
|
-
export
|
|
42
|
-
|
|
41
|
+
export const rectifyInputIfValid = (userInput, config) => {
|
|
42
|
+
const numOrNan = Number(userInput);
|
|
43
43
|
if (userInput === "") {
|
|
44
44
|
return config.allowNull ? null : "@@INVALID";
|
|
45
45
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"util.js","sourceRoot":"","sources":["../../../src/core/NumberInput/util.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"util.js","sourceRoot":"","sources":["../../../src/core/NumberInput/util.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAa,EAAE,KAAa,EAAU,EAAE;IAC7D,OAAO,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;AAC5C,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,CAA4C,EAAU,EAAE;IAC1E,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;AACrD,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,CAAmE,EAAW,EAAE;IACnG,IAAI,CAAC,CAAC,KAAK,KAAK,IAAI,EAAE,CAAC;QACnB,OAAO,IAAI,CAAC;IAChB,CAAC;SAAM,CAAC;QACJ,MAAM,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;QACrD,OAAO,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;IAChD,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,CAAmE,EAAW,EAAE;IACrG,IAAI,CAAC,CAAC,KAAK,KAAK,IAAI,EAAE,CAAC;QACnB,OAAO,IAAI,CAAC;IAChB,CAAC;SAAM,CAAC;QACJ,MAAM,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;QACrD,OAAO,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;IAChD,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,CAAqF,EAAU,EAAE;IAC7H,IAAI,CAAC,CAAC,KAAK,KAAK,IAAI,EAAE,CAAC;QACnB,OAAO,EAAE,CAAC;IACd,CAAC;SAAM,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;QAC3B,OAAO,CAAC,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;IACzD,CAAC;SAAM,CAAC;QACJ,OAAO,QAAQ,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IACvD,CAAC;AACL,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,SAAiB,EAAE,MAAqE,EAA+B,EAAE;IACzJ,MAAM,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;IACnC,IAAI,SAAS,KAAK,EAAE,EAAE,CAAC;QACnB,OAAO,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC;IACjD,CAAC;SAAM,IAAI,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC;QACzB,OAAO,WAAW,CAAC;IACvB,CAAC;SAAM,CAAC;QACJ,OAAO,KAAK,CAAC;YACT,KAAK,EAAE,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC;YACvC,GAAG,EAAE,MAAM,CAAC,GAAG;YACf,GAAG,EAAE,MAAM,CAAC,GAAG;SAClB,CAAC,CAAC;IACP,CAAC;AACL,CAAC,CAAC"}
|
|
@@ -1,27 +1,10 @@
|
|
|
1
|
-
var __read = (this && this.__read) || function (o, n) {
|
|
2
|
-
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
3
|
-
if (!m) return o;
|
|
4
|
-
var i = m.call(o), r, ar = [], e;
|
|
5
|
-
try {
|
|
6
|
-
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
7
|
-
}
|
|
8
|
-
catch (error) { e = { error: error }; }
|
|
9
|
-
finally {
|
|
10
|
-
try {
|
|
11
|
-
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
12
|
-
}
|
|
13
|
-
finally { if (e) throw e.error; }
|
|
14
|
-
}
|
|
15
|
-
return ar;
|
|
16
|
-
};
|
|
17
1
|
import React from "react";
|
|
18
2
|
import { ReactUtil } from "../util/ReactUtil";
|
|
19
3
|
import { OrientationUtil } from "../util/OrientationUtil";
|
|
20
|
-
export
|
|
21
|
-
export
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
React.useEffect(function () { return OrientationUtil.subscribe(setCurrentOrientation); }, []);
|
|
4
|
+
export const OrientationContext = React.createContext({});
|
|
5
|
+
export const OrientationContextProvider = ReactUtil.memo("OrientationContextProvider", ({ children }) => {
|
|
6
|
+
const [currentOrientation, setCurrentOrientation] = React.useState(OrientationUtil.current());
|
|
7
|
+
React.useEffect(() => OrientationUtil.subscribe(setCurrentOrientation), []);
|
|
25
8
|
return React.createElement(OrientationContext.Provider, { value: { orientation: currentOrientation } }, children);
|
|
26
9
|
});
|
|
27
10
|
//# sourceMappingURL=OrientationContext.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OrientationContext.js","sourceRoot":"","sources":["../../src/core/OrientationContext.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"OrientationContext.js","sourceRoot":"","sources":["../../src/core/OrientationContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAC;AAYxD,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAAC,EAAwB,CAAC,CAAC;AAEhF,MAAM,CAAC,MAAM,0BAA0B,GAAG,SAAS,CAAC,IAAI,CAAC,4BAA4B,EAAE,CAAC,EAAC,QAAQ,EAAQ,EAAE,EAAE;IACzG,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,eAAe,CAAC,OAAO,EAAE,CAAC,CAAC;IAE9F,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,SAAS,CAAC,qBAAqB,CAAC,EAAE,EAAE,CAAC,CAAC;IAE5E,OAAO,oBAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,WAAW,EAAE,kBAAkB,EAAC,IAAG,QAAQ,CAA+B,CAAC;AAC3H,CAAC,CAAC,CAAC"}
|
|
@@ -1,63 +1,33 @@
|
|
|
1
|
-
var __extends = (this && this.__extends) || (function () {
|
|
2
|
-
var extendStatics = function (d, b) {
|
|
3
|
-
extendStatics = Object.setPrototypeOf ||
|
|
4
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
6
|
-
return extendStatics(d, b);
|
|
7
|
-
};
|
|
8
|
-
return function (d, b) {
|
|
9
|
-
if (typeof b !== "function" && b !== null)
|
|
10
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
11
|
-
extendStatics(d, b);
|
|
12
|
-
function __() { this.constructor = d; }
|
|
13
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
14
|
-
};
|
|
15
|
-
})();
|
|
16
|
-
var __assign = (this && this.__assign) || function () {
|
|
17
|
-
__assign = Object.assign || function(t) {
|
|
18
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
19
|
-
s = arguments[i];
|
|
20
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
21
|
-
t[p] = s[p];
|
|
22
|
-
}
|
|
23
|
-
return t;
|
|
24
|
-
};
|
|
25
|
-
return __assign.apply(this, arguments);
|
|
26
|
-
};
|
|
27
1
|
import React from "react";
|
|
28
2
|
import { classNames } from "../../util/ClassNames";
|
|
29
3
|
import { Tooltip } from "../Tooltip";
|
|
30
4
|
import "./index.less";
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
var current = _this.textRef.current;
|
|
38
|
-
_this.setState({ overflow: (current && current.scrollWidth > _this.props.maxWidth) || false });
|
|
39
|
-
};
|
|
40
|
-
_this.state = {
|
|
5
|
+
export class OverflowableText extends React.PureComponent {
|
|
6
|
+
static displayName = "OverflowableText";
|
|
7
|
+
textRef = React.createRef();
|
|
8
|
+
constructor(props) {
|
|
9
|
+
super(props);
|
|
10
|
+
this.state = {
|
|
41
11
|
overflow: false,
|
|
42
12
|
};
|
|
43
|
-
return _this;
|
|
44
13
|
}
|
|
45
|
-
|
|
14
|
+
componentDidUpdate(prevProps) {
|
|
46
15
|
if (this.props.children !== prevProps.children) {
|
|
47
16
|
this.updateTextOverflow();
|
|
48
17
|
}
|
|
49
|
-
}
|
|
50
|
-
|
|
18
|
+
}
|
|
19
|
+
componentDidMount() {
|
|
51
20
|
this.updateTextOverflow();
|
|
21
|
+
}
|
|
22
|
+
updateTextOverflow = () => {
|
|
23
|
+
const { current } = this.textRef;
|
|
24
|
+
this.setState({ overflow: (current && current.scrollWidth > this.props.maxWidth) || false });
|
|
52
25
|
};
|
|
53
|
-
|
|
54
|
-
|
|
26
|
+
render() {
|
|
27
|
+
const { children, style, maxWidth, className } = this.props;
|
|
55
28
|
return (React.createElement("div", { className: classNames("g-overflowable-text", className) },
|
|
56
|
-
this.state.overflow ? (React.createElement(Tooltip, { overlay: children, childContainerProps: { className: "wrap-text", style:
|
|
57
|
-
React.createElement("div", { ref: this.textRef, style: { maxWidth
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
return OverflowableText;
|
|
61
|
-
}(React.PureComponent));
|
|
62
|
-
export { OverflowableText };
|
|
29
|
+
this.state.overflow ? (React.createElement(Tooltip, { overlay: children, childContainerProps: { className: "wrap-text", style: { width: maxWidth, ...style } } }, children)) : (React.createElement("div", { style: { display: "inline-block", ...style } }, children)),
|
|
30
|
+
React.createElement("div", { ref: this.textRef, style: { maxWidth }, className: "shadow-text" }, children)));
|
|
31
|
+
}
|
|
32
|
+
}
|
|
63
33
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/OverflowableText/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/OverflowableText/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAC,OAAO,EAAC,MAAM,YAAY,CAAC;AACnC,OAAO,cAAc,CAAC;AAatB,MAAM,OAAO,gBAAiB,SAAQ,KAAK,CAAC,aAA4B;IACpE,MAAM,CAAC,WAAW,GAAG,kBAAkB,CAAC;IAEvB,OAAO,GAAG,KAAK,CAAC,SAAS,EAAkB,CAAC;IAE7D,YAAY,KAAY;QACpB,KAAK,CAAC,KAAK,CAAC,CAAC;QAEb,IAAI,CAAC,KAAK,GAAG;YACT,QAAQ,EAAE,KAAK;SAClB,CAAC;IACN,CAAC;IAED,kBAAkB,CAAC,SAAgB;QAC/B,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,KAAK,SAAS,CAAC,QAAQ,EAAE,CAAC;YAC7C,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC9B,CAAC;IACL,CAAC;IAED,iBAAiB;QACb,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC9B,CAAC;IAED,kBAAkB,GAAG,GAAG,EAAE;QACtB,MAAM,EAAC,OAAO,EAAC,GAAG,IAAI,CAAC,OAAO,CAAC;QAC/B,IAAI,CAAC,QAAQ,CAAC,EAAC,QAAQ,EAAE,CAAC,OAAO,IAAI,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,KAAK,EAAC,CAAC,CAAC;IAC/F,CAAC,CAAC;IAEF,MAAM;QACF,MAAM,EAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAE1D,OAAO,CACH,6BAAK,SAAS,EAAE,UAAU,CAAC,qBAAqB,EAAE,SAAS,CAAC;YACvD,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CACnB,oBAAC,OAAO,IAAC,OAAO,EAAE,QAAQ,EAAE,mBAAmB,EAAE,EAAC,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,EAAC,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAC,IACxG,QAAQ,CACH,CACb,CAAC,CAAC,CAAC,CACA,6BAAK,KAAK,EAAE,EAAC,OAAO,EAAE,cAAc,EAAE,GAAG,KAAK,EAAC,IAAG,QAAQ,CAAO,CACpE;YACD,6BAAK,GAAG,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,EAAC,QAAQ,EAAC,EAAE,SAAS,EAAC,aAAa,IAC7D,QAAQ,CACP,CACJ,CACT,CAAC;IACN,CAAC"}
|