@geneui/components 2.11.2 → 2.12.2
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/{ActionableList.js → ActionableList/index.js} +83 -152
- package/{AdvancedSearch.js → AdvancedSearch/index.js} +290 -304
- package/Alert/index.js +97 -0
- package/Avatar/index.js +30 -0
- package/Badge/index.js +75 -0
- package/{Breadcrumb.js → Breadcrumb/index.js} +32 -31
- package/BusyLoader/index.js +68 -0
- package/Button/index.js +129 -0
- package/CHANGELOG.md +53 -0
- package/{Card.js → Card/index.js} +82 -94
- package/{CardList.js → CardList/index.js} +120 -165
- package/{CellMeasurerCache-b786dd93.js → CellMeasurerCache-3741d716.js} +2 -2
- package/{index-9164a86d.js → Charts/index.js} +17103 -30447
- package/{Checkbox.js → Checkbox/index.js} +37 -38
- package/{CheckboxGroup.js → CheckboxGroup/index.js} +41 -42
- package/{CheckboxGroupWithSearch.js → CheckboxGroupWithSearch/index.js} +64 -65
- package/{Collapse.js → Collapse/index.js} +28 -29
- package/{ColorPicker.js → ColorPicker/index.js} +16 -16
- package/ComboBox/index.js +525 -0
- package/Counter/index.js +310 -0
- package/{DateFilter.js → DateFilter/index.js} +45 -43
- package/{DatePicker.js → DatePicker/index.js} +106 -108
- package/{index-0199942c.js → DatePickerInput/index.js} +114 -100
- package/{Divider.js → Divider/index.js} +9 -10
- package/{Drawer.js → Drawer/index.js} +40 -41
- package/Dropdown/index.js +41 -0
- package/{Editor.js → Editor/index.js} +165 -164
- package/{Empty.js → Empty/index.js} +12 -13
- package/{ExtendedInput.js → ExtendedInput/index.js} +81 -71
- package/Form/index.js +83 -0
- package/{FormContainer.js → FormContainer/index.js} +25 -26
- package/FormableCheckbox/index.js +26 -0
- package/FormableDatePicker/index.js +41 -0
- package/FormableDropdown/index.js +48 -0
- package/FormableEditor/index.js +24 -0
- package/{FormableHOC-21051057.js → FormableHOC-55263162.js} +3 -3
- package/FormableMultiSelectDropdown/index.js +48 -0
- package/FormableNumberInput/index.js +32 -0
- package/FormableRadio/index.js +22 -0
- package/FormableSwitcher/index.js +22 -0
- package/FormableTextInput/index.js +32 -0
- package/FormableUploader/index.js +42 -0
- package/GeneUIProvider/index.js +282 -0
- package/{Grid.js → Grid/index.js} +27 -27
- package/Holder/index.js +261 -0
- package/{Icon.js → Icon/index.js} +9 -10
- package/Image/index.js +129 -0
- package/ImagePreview/index.js +481 -0
- package/{KeyValue.js → KeyValue/index.js} +11 -12
- package/LICENSE +21 -0
- package/Label/index.js +57 -0
- package/LinkButton/index.js +67 -0
- package/{Menu.js → Menu/index.js} +27 -28
- package/MobileNavigation/index.js +94 -0
- package/{MobilePopup.js → MobilePopup/index.js} +42 -41
- package/{Modal.js → Modal/index.js} +39 -40
- package/ModuleTitle/index.js +143 -0
- package/{NavigationMenu.js → NavigationMenu/index.js} +30 -29
- package/Notification/index.js +119 -0
- package/Option/index.js +184 -0
- package/Overlay/index.js +189 -0
- package/Overspread/index.js +289 -0
- package/{Pagination.js → Pagination/index.js} +35 -34
- package/Paper/index.js +96 -0
- package/{index-084588e9.js → Popover/index.js} +48 -58
- package/PopoverV2/index.js +18 -0
- package/{Portal.js → Portal/index.js} +7 -8
- package/{Products.js → Products/index.js} +20 -21
- package/Profile/index.js +585 -0
- package/Progress/index.js +199 -0
- package/{QRCode.js → QRCode/index.js} +4 -6
- package/{Radio.js → Radio/index.js} +25 -26
- package/{RadioGroup.js → RadioGroup/index.js} +17 -18
- package/{index-00fe8887.js → Range/index.js} +29 -32
- package/RichEditor/index.js +13 -0
- package/{RichEditor-98accead.js → RichEditor-8b0f7ccd.js} +18 -18
- package/{Scrollbar.js → Scrollbar/index.js} +15 -17
- package/{Search.js → Search/index.js} +25 -24
- package/SearchWithDropdown/index.js +138 -0
- package/Section/index.js +61 -0
- package/{SkeletonLoader.js → SkeletonLoader/index.js} +13 -14
- package/{Slider.js → Slider/index.js} +46 -43
- package/Status/index.js +103 -0
- package/Steps/index.js +313 -0
- package/{index-897d8240.js → SuggestionList/index.js} +15 -38
- package/{Switcher.js → Switcher/index.js} +30 -31
- package/Table/index.js +53 -0
- package/{TableCompositions.js → TableCompositions/index.js} +131 -168
- package/Tabs/index.js +235 -0
- package/Tag/index.js +102 -0
- package/{TextLink.js → TextLink/index.js} +3 -3
- package/{Textarea.js → Textarea/index.js} +66 -65
- package/{Time.js → Time/index.js} +13 -14
- package/TimePicker/index.js +555 -0
- package/Timeline/index.js +113 -0
- package/Title/index.js +65 -0
- package/{Toaster.js → Toaster/index.js} +19 -20
- package/{Tooltip.js → Tooltip/index.js} +27 -28
- package/{TransferList.js → TransferList/index.js} +44 -55
- package/{index-135b9d17.js → Uploader/index.js} +119 -116
- package/{ValidatableCheckbox.js → ValidatableCheckbox/index.js} +23 -24
- package/{ValidatableDatePicker.js → ValidatableDatePicker/index.js} +44 -42
- package/ValidatableDropdown/index.js +139 -0
- package/ValidatableElements/index.js +65 -0
- package/ValidatableMultiSelectDropdown/index.js +150 -0
- package/{ValidatableNumberInput.js → ValidatableNumberInput/index.js} +41 -33
- package/{ValidatableRadio.js → ValidatableRadio/index.js} +19 -20
- package/{ValidatableSwitcher.js → ValidatableSwitcher/index.js} +19 -20
- package/{ValidatableTextInput.js → ValidatableTextInput/index.js} +32 -31
- package/{ValidatableTimeInput.js → ValidatableTimeInput/index.js} +31 -30
- package/{ValidatableUploader.js → ValidatableUploader/index.js} +36 -34
- package/Widget/index.js +227 -0
- package/config-0ca92874.js +31 -0
- package/{configs-91c86664.js → configs-fed6ac34.js} +28 -1
- package/hooks/useBodyScroll.js +16 -0
- package/hooks/useClick.js +18 -0
- package/{useClickOutside-5183e396.js → hooks/useClickOutside.js} +1 -1
- package/hooks/useDebounceHook.js +16 -0
- package/{useDeviceType-dd51db38.js → hooks/useDeviceType.js} +4 -3
- package/hooks/useDidMount.js +15 -0
- package/{useEllipsisDetection-ef536015.js → hooks/useEllipsisDetection.js} +1 -1
- package/hooks/useForceUpdate.js +8 -0
- package/hooks/useImgDownload.js +18 -0
- package/{useKeyDown-38102ae7.js → hooks/useKeyDown.js} +1 -1
- package/hooks/useMount.js +13 -0
- package/hooks/useMutationObserver.js +21 -0
- package/hooks/usePrevious.js +10 -0
- package/hooks/useThrottle.js +16 -0
- package/hooks/useToggle.js +11 -0
- package/hooks/useUpdatableRef.js +14 -0
- package/hooks/useUpdate.js +10 -0
- package/{useWidth-9f4647f8.js → hooks/useWidth.js} +2 -2
- package/{useWindowSize-80369d76.js → hooks/useWindowSize.js} +1 -1
- package/{index-8c98317a.js → index-11eea761.js} +678 -752
- package/index-2ad83e03.js +4 -0
- package/index-34e47647.js +10054 -0
- package/index-45eafea6.js +90 -0
- package/{index-5e96cb4d.js → index-462461c0.js} +50 -48
- package/{index-ac59cb10.js → index-a0e4e333.js} +6 -6
- package/{index-e8776f3d.js → index-b1e429a7.js} +1 -1
- package/index.d.ts +115 -0
- package/index.js +137 -113
- package/index.mobile.d.ts +16 -0
- package/lib/atoms/Avatar/Avatar.d.ts +34 -0
- package/lib/atoms/Avatar/index.d.ts +1 -0
- package/lib/atoms/LinkButton/LinkButton.d.ts +46 -0
- package/lib/atoms/LinkButton/index.d.ts +1 -0
- package/{objectWithoutPropertiesLoose-299691d8.js → objectWithoutPropertiesLoose-d8a4a68c.js} +12 -12
- package/package.json +42 -22
- package/{rangeAndSlider-20599da4.js → rangeAndSlider-0301a458.js} +220 -375
- package/{react-beautiful-dnd.esm-38c37304.js → react-beautiful-dnd.esm-04c14563.js} +9 -9
- package/react-lifecycles-compat.es-6e1f3768.js +158 -0
- package/Alert.js +0 -98
- package/Avatar.js +0 -77
- package/Badge.js +0 -76
- package/BusyLoader.js +0 -69
- package/Button.js +0 -130
- package/Charts.js +0 -99
- package/ComboBox.js +0 -99
- package/Counter.js +0 -99
- package/DatePickerInput.js +0 -30
- package/Dropdown.js +0 -99
- package/Form.js +0 -116
- package/FormableCheckbox.js +0 -27
- package/FormableDatePicker.js +0 -39
- package/FormableDropdown.js +0 -105
- package/FormableEditor.js +0 -24
- package/FormableMultiSelectDropdown.js +0 -105
- package/FormableNumberInput.js +0 -31
- package/FormableRadio.js +0 -23
- package/FormableSwitcher.js +0 -23
- package/FormableTextInput.js +0 -31
- package/FormableUploader.js +0 -40
- package/GeneUIProvider.js +0 -256
- package/Holder.js +0 -99
- package/Image.js +0 -130
- package/ImagePreview.js +0 -99
- package/Label.js +0 -58
- package/LinkButton.js +0 -104
- package/MobileNavigation.js +0 -95
- package/ModuleTitle.js +0 -99
- package/Notification.js +0 -120
- package/Option.js +0 -186
- package/Overlay.js +0 -99
- package/Overspread.js +0 -343
- package/Paper.js +0 -97
- package/Popover.js +0 -20
- package/PopoverV2.js +0 -19
- package/Profile.js +0 -99
- package/Progress.js +0 -200
- package/Range.js +0 -14
- package/RichEditor.js +0 -13
- package/SearchWithDropdown.js +0 -195
- package/Section.js +0 -62
- package/Status.js +0 -104
- package/Steps.js +0 -312
- package/SuggestionList.js +0 -15
- package/Table.js +0 -102
- package/Tabs.js +0 -236
- package/Tag.js +0 -103
- package/TimePicker.js +0 -99
- package/Timeline.js +0 -114
- package/Title.js +0 -66
- package/Uploader.js +0 -32
- package/ValidatableDropdown.js +0 -99
- package/ValidatableElements.js +0 -99
- package/ValidatableMultiSelectDropdown.js +0 -99
- package/Widget.js +0 -99
- package/globalStyling-9c60a159.js +0 -4
- package/index-2030e31c.js +0 -4
- package/index-b7a33c58.js +0 -11
- package/index-e0af0caf.js +0 -1182
- package/useMount-6fef51a5.js +0 -9
|
@@ -1,103 +1,58 @@
|
|
|
1
|
-
import { _ as _extends } from '
|
|
1
|
+
import { _ as _extends } from '../_rollupPluginBabelHelpers-e8fb2e5c.js';
|
|
2
2
|
import React__default, { useRef, useState, useMemo, useCallback, useEffect } from 'react';
|
|
3
|
-
import
|
|
4
|
-
import { c as classnames } from '
|
|
5
|
-
import
|
|
6
|
-
import Paper from '
|
|
7
|
-
import { C as
|
|
8
|
-
import {
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
import
|
|
14
|
-
import '
|
|
15
|
-
import '
|
|
3
|
+
import PropTypes from 'prop-types';
|
|
4
|
+
import { c as classnames } from '../index-6ff23041.js';
|
|
5
|
+
import ModuleTitle from '../ModuleTitle/index.js';
|
|
6
|
+
import Paper from '../Paper/index.js';
|
|
7
|
+
import { D as Dropdown, I as InfiniteLoader, W as WindowScroller, L as List, C as CellMeasurer } from '../index-34e47647.js';
|
|
8
|
+
import { C as CellMeasurerCache } from '../CellMeasurerCache-3741d716.js';
|
|
9
|
+
import { o as oneIsRequired, n as noop } from '../index-a0e4e333.js';
|
|
10
|
+
import BusyLoader from '../BusyLoader/index.js';
|
|
11
|
+
import Empty from '../Empty/index.js';
|
|
12
|
+
import Icon from '../Icon/index.js';
|
|
13
|
+
import Widget from '../Widget/index.js';
|
|
14
|
+
import Card from '../Card/index.js';
|
|
15
|
+
import { s as styleInject } from '../style-inject.es-746bb8ed.js';
|
|
16
|
+
import '../configs-fed6ac34.js';
|
|
17
|
+
import '../Tooltip/index.js';
|
|
18
|
+
import '../Popover-f4d1cac0.js';
|
|
19
|
+
import '../_commonjsHelpers-24198af3.js';
|
|
16
20
|
import 'react-dom';
|
|
17
|
-
import '
|
|
18
|
-
import '
|
|
19
|
-
import '
|
|
20
|
-
import '
|
|
21
|
-
import '
|
|
22
|
-
import '
|
|
23
|
-
import '
|
|
24
|
-
import '
|
|
25
|
-
import '
|
|
26
|
-
import '
|
|
27
|
-
import '
|
|
28
|
-
import '
|
|
29
|
-
import '
|
|
30
|
-
import '
|
|
31
|
-
import '
|
|
32
|
-
import '
|
|
33
|
-
import '
|
|
34
|
-
import '
|
|
35
|
-
import '
|
|
36
|
-
import '
|
|
37
|
-
import '
|
|
38
|
-
import '
|
|
39
|
-
import '
|
|
40
|
-
import '
|
|
41
|
-
import '
|
|
42
|
-
import '
|
|
43
|
-
import '
|
|
44
|
-
import '
|
|
45
|
-
import '
|
|
46
|
-
import '
|
|
47
|
-
import '
|
|
48
|
-
import '
|
|
49
|
-
import '
|
|
50
|
-
import '
|
|
51
|
-
import '
|
|
52
|
-
import './debounce-4419bc2f.js';
|
|
53
|
-
import './DatePicker.js';
|
|
54
|
-
import './localization-4ba17032.js';
|
|
55
|
-
import './checkTimeValidation-e56771be.js';
|
|
56
|
-
import './useEllipsisDetection-ef536015.js';
|
|
57
|
-
import './Tabs.js';
|
|
58
|
-
import './Steps.js';
|
|
59
|
-
import './index-084588e9.js';
|
|
60
|
-
import './Portal.js';
|
|
61
|
-
import './Timeline.js';
|
|
62
|
-
import './Tag.js';
|
|
63
|
-
import './Alert.js';
|
|
64
|
-
import './index-00fe8887.js';
|
|
65
|
-
import './rangeAndSlider-20599da4.js';
|
|
66
|
-
import './Slider.js';
|
|
67
|
-
import './Pagination.js';
|
|
68
|
-
import './Divider.js';
|
|
69
|
-
import './objectWithoutPropertiesLoose-299691d8.js';
|
|
70
|
-
import './clsx.m-2bb6df4b.js';
|
|
71
|
-
import './index-2030e31c.js';
|
|
72
|
-
import './Notification.js';
|
|
73
|
-
import './Modal.js';
|
|
74
|
-
import './Collapse.js';
|
|
75
|
-
import './Status.js';
|
|
76
|
-
import './Menu.js';
|
|
77
|
-
import './Option.js';
|
|
78
|
-
import './Avatar.js';
|
|
79
|
-
import './Search.js';
|
|
80
|
-
import './TextLink.js';
|
|
81
|
-
import './Label.js';
|
|
82
|
-
import './Badge.js';
|
|
83
|
-
import './configs.js';
|
|
84
|
-
import './SkeletonLoader.js';
|
|
85
|
-
import './Time.js';
|
|
86
|
-
import './Title.js';
|
|
87
|
-
import './KeyValue.js';
|
|
88
|
-
import './index-b7a33c58.js';
|
|
89
|
-
import './QRCode.js';
|
|
90
|
-
import './Progress.js';
|
|
91
|
-
import './MobileNavigation.js';
|
|
92
|
-
import './MobilePopup.js';
|
|
93
|
-
import './Products.js';
|
|
94
|
-
import './Breadcrumb.js';
|
|
95
|
-
import './Section.js';
|
|
96
|
-
import './ColorPicker.js';
|
|
97
|
-
import './NavigationMenu.js';
|
|
98
|
-
import './Textarea.js';
|
|
99
|
-
import './AdvancedSearch.js';
|
|
100
|
-
import './LinkButton.js';
|
|
21
|
+
import '../hooks/useDeviceType.js';
|
|
22
|
+
import '../hooks/useWindowSize.js';
|
|
23
|
+
import '../GeneUIProvider/index.js';
|
|
24
|
+
import '../dateValidation-67caec66.js';
|
|
25
|
+
import '../objectWithoutPropertiesLoose-d8a4a68c.js';
|
|
26
|
+
import '../react-lifecycles-compat.es-6e1f3768.js';
|
|
27
|
+
import '../clsx.m-2bb6df4b.js';
|
|
28
|
+
import '../hooks/useMount.js';
|
|
29
|
+
import '../hooks/useClick.js';
|
|
30
|
+
import '../hooks/useKeyDown.js';
|
|
31
|
+
import '../hooks/useClickOutside.js';
|
|
32
|
+
import '../hooks/useUpdatableRef.js';
|
|
33
|
+
import '../hooks/useForceUpdate.js';
|
|
34
|
+
import '../hooks/useEllipsisDetection.js';
|
|
35
|
+
import '../index-462461c0.js';
|
|
36
|
+
import '../index-122432cd.js';
|
|
37
|
+
import '../Scrollbar/index.js';
|
|
38
|
+
import '../debounce-4419bc2f.js';
|
|
39
|
+
import '../ExtendedInput/index.js';
|
|
40
|
+
import '../SuggestionList/index.js';
|
|
41
|
+
import '../config-0ca92874.js';
|
|
42
|
+
import '../Checkbox/index.js';
|
|
43
|
+
import '../checkboxRadioSwitcher-5b69d7bd.js';
|
|
44
|
+
import '../guid-8ddf77b3.js';
|
|
45
|
+
import '../index-2ad83e03.js';
|
|
46
|
+
import '../Tag/index.js';
|
|
47
|
+
import '../KeyValue/index.js';
|
|
48
|
+
import '../hooks/useBodyScroll.js';
|
|
49
|
+
import '../Button/index.js';
|
|
50
|
+
import '../MobilePopup/index.js';
|
|
51
|
+
import '../Portal/index.js';
|
|
52
|
+
import '../Popover/index.js';
|
|
53
|
+
import '../Menu/index.js';
|
|
54
|
+
import '../Option/index.js';
|
|
55
|
+
import '../SkeletonLoader/index.js';
|
|
101
56
|
|
|
102
57
|
function WithTitle(_ref) {
|
|
103
58
|
let {
|
|
@@ -112,9 +67,9 @@ function WithTitle(_ref) {
|
|
|
112
67
|
}, restProps), actions), children);
|
|
113
68
|
}
|
|
114
69
|
WithTitle.propTypes = {
|
|
115
|
-
name:
|
|
116
|
-
actions:
|
|
117
|
-
children:
|
|
70
|
+
name: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired,
|
|
71
|
+
actions: PropTypes.node,
|
|
72
|
+
children: PropTypes.node
|
|
118
73
|
};
|
|
119
74
|
|
|
120
75
|
function PaperWrapper(_ref) {
|
|
@@ -134,10 +89,10 @@ function PaperWrapper(_ref) {
|
|
|
134
89
|
}, restProps), children);
|
|
135
90
|
}
|
|
136
91
|
PaperWrapper.propTypes = {
|
|
137
|
-
className:
|
|
138
|
-
children:
|
|
139
|
-
cornerRadius:
|
|
140
|
-
shadow:
|
|
92
|
+
className: PropTypes.string,
|
|
93
|
+
children: PropTypes.node.isRequired,
|
|
94
|
+
cornerRadius: PropTypes.string,
|
|
95
|
+
shadow: PropTypes.bool,
|
|
141
96
|
...Paper.propTypes
|
|
142
97
|
};
|
|
143
98
|
PaperWrapper.defaultProps = {
|
|
@@ -146,7 +101,7 @@ PaperWrapper.defaultProps = {
|
|
|
146
101
|
paperDirection: 'column'
|
|
147
102
|
};
|
|
148
103
|
|
|
149
|
-
var css_248z = "[data-gene-ui-version=\"
|
|
104
|
+
var css_248z = "[data-gene-ui-version=\"2.12.2\"] .mobile-table-holder{position:relative;width:100%}[data-gene-ui-version=\"2.12.2\"] .paper>.mobile-table-holder{padding:1.6rem}[data-gene-ui-version=\"2.12.2\"] .m-popup-content>.paper>.mobile-table-holder{padding:1.6rem 0}[data-gene-ui-version=\"2.12.2\"] .mobile-table-head{margin:0 0 1rem;width:100%}[data-gene-ui-version=\"2.12.2\"] .mobile-table-head>ul{align-items:center;display:flex;width:100%}[data-gene-ui-version=\"2.12.2\"] .mobile-table-head>ul>li{align-items:center;display:flex;flex-shrink:0}[data-gene-ui-version=\"2.12.2\"] .mobile-table-head>ul>li+li{margin:0 0 0 3rem}[data-gene-ui-version=\"2.12.2\"] .mobile-table-head>ul>li:nth-child(2){flex:auto;max-width:20rem}[data-gene-ui-version=\"2.12.2\"] .mt-results-holder{font:600 1.4rem/1.8rem var(--font-family);opacity:.7;padding:0 1rem}[data-gene-ui-version=\"2.12.2\"] .mt-results-holder:not(:first-child){margin:1.6rem 0 0}[data-gene-ui-version=\"2.12.2\"] .mobile-table-cc{margin-inline-end:3rem;width:19.6rem}[data-gene-ui-version=\"2.12.2\"] .mobile-sort-button{align-items:center;cursor:pointer;display:flex;font:600 1.4rem/2.4rem var(--font-family)}[data-gene-ui-version=\"2.12.2\"] .mobile-sort-button p{transition:color .4s}[data-gene-ui-version=\"2.12.2\"] .mobile-sort-button .active{color:var(--hero)}[data-gene-ui-version=\"2.12.2\"] .mobile-sort-icons{height:2.4rem;margin-inline-start:1.2rem;position:relative;width:2.4rem}[data-gene-ui-version=\"2.12.2\"] .mobile-sort-icons .icon{left:0;position:absolute;top:0;transition:color .4s}[data-gene-ui-version=\"2.12.2\"] .mobile-sort-icons .icon:not(.active){color:rgba(var(--background-sc-rgb),.5)}[data-gene-ui-version=\"2.12.2\"] .mobile-table-body{width:100%}[data-gene-ui-version=\"2.12.2\"] .mobile-table-body .ReactVirtualized__Grid,[data-gene-ui-version=\"2.12.2\"] .mobile-table-body .ReactVirtualized__Grid__innerScrollContainer{overflow:visible!important}[data-gene-ui-version=\"2.12.2\"] .mobile-table-loading{align-items:center;display:flex;justify-content:center;padding:2.4rem 0;width:100%}[data-gene-ui-version=\"2.12.2\"] .mobile-table-loading.absolute-splash{background:rgba(var(--background-rgb),.6);height:100%;left:0;position:absolute;top:0}[data-gene-ui-version=\"2.12.2\"] .cards-empty-holder{align-items:center;display:flex;height:calc(100vh - 35.7rem);justify-content:center;width:100%}[data-gene-ui-version=\"2.12.2\"] .quick-view-holder{padding:1.6rem 0;width:100%}[data-gene-ui-version=\"2.12.2\"] .quick-view-holder>.card-list-col{grid-column-gap:3.8rem;align-items:center;display:grid;font:600 1.4rem/2.2rem var(--font-family);grid-template-columns:1fr 1fr}[data-gene-ui-version=\"2.12.2\"] .quick-view-holder>.card-list-col+.card-list-col{margin:2rem 0 0}[data-gene-ui-version=\"2.12.2\"] .quick-view-holder>.card-list-col .kv-label{opacity:.7}[data-gene-ui-version=\"2.12.2\"] .quick-view-holder>.card-list-col .kv-value{white-space:normal;word-break:break-word}[data-gene-ui-version=\"2.12.2\"] .quick-view-holder a:not([class]){color:var(--hero)}[data-gene-ui-version=\"2.12.2\"] .mc-widgets-holder{-webkit-overflow-scrolling:auto;margin:0 -1.6rem;overflow-x:auto;overflow-y:hidden;padding:0 1.6rem 1.6rem;width:calc(100% + 3.2rem)}[data-gene-ui-version=\"2.12.2\"] .mc-widgets-holder>ul{align-items:center;display:flex;min-width:100%}[data-gene-ui-version=\"2.12.2\"] .mc-widgets-holder>ul>li{margin-inline-end:1rem}[data-gene-ui-version=\"2.12.2\"] .mc-widgets-holder+.mobile-table-head{border-top:1px solid rgba(var(--background-sc-rgb),.1);padding:1.6rem 0 0}";
|
|
150
105
|
styleInject(css_248z);
|
|
151
106
|
|
|
152
107
|
const defaultSortFn = (prev, next, dataKey, type) => {
|
|
@@ -421,72 +376,72 @@ CardList.propTypes = {
|
|
|
421
376
|
/**
|
|
422
377
|
* Show busy wrapper
|
|
423
378
|
*/
|
|
424
|
-
loading:
|
|
379
|
+
loading: PropTypes.bool,
|
|
425
380
|
/**
|
|
426
381
|
* Is have shadow
|
|
427
382
|
*/
|
|
428
|
-
shadow:
|
|
383
|
+
shadow: PropTypes.bool,
|
|
429
384
|
/**
|
|
430
385
|
* Is have border
|
|
431
386
|
*/
|
|
432
|
-
border:
|
|
387
|
+
border: PropTypes.bool,
|
|
433
388
|
/**
|
|
434
389
|
* Is card in edit mode
|
|
435
390
|
*/
|
|
436
|
-
isEditMode:
|
|
391
|
+
isEditMode: PropTypes.bool,
|
|
437
392
|
/**
|
|
438
393
|
* Text for showing result
|
|
439
394
|
*/
|
|
440
|
-
resultText:
|
|
395
|
+
resultText: PropTypes.string,
|
|
441
396
|
/**
|
|
442
397
|
* Classname for card items
|
|
443
398
|
*/
|
|
444
|
-
rowClassName:
|
|
399
|
+
rowClassName: PropTypes.string,
|
|
445
400
|
/**
|
|
446
401
|
* Classname for card list
|
|
447
402
|
*/
|
|
448
|
-
className:
|
|
403
|
+
className: PropTypes.string,
|
|
449
404
|
/**
|
|
450
405
|
* Type of sorting when it's controlled
|
|
451
406
|
*/
|
|
452
|
-
sortType:
|
|
407
|
+
sortType: PropTypes.oneOf(['asc', 'desc', null]),
|
|
453
408
|
/**
|
|
454
409
|
* DataKey of column which was sorted
|
|
455
410
|
*/
|
|
456
|
-
sortedColumn:
|
|
411
|
+
sortedColumn: PropTypes.string,
|
|
457
412
|
/**
|
|
458
413
|
* DataKey of column which was sorted by default
|
|
459
414
|
*/
|
|
460
|
-
defaultSortedColumn:
|
|
415
|
+
defaultSortedColumn: PropTypes.string,
|
|
461
416
|
/**
|
|
462
417
|
* Type of default sorting
|
|
463
418
|
*/
|
|
464
|
-
defaultSortType:
|
|
419
|
+
defaultSortType: PropTypes.oneOf(['asc', 'desc', null]),
|
|
465
420
|
/**
|
|
466
421
|
* Title for rowExtraClick menu item
|
|
467
422
|
*/
|
|
468
|
-
rowExtraClickMenuTitle:
|
|
423
|
+
rowExtraClickMenuTitle: PropTypes.string,
|
|
469
424
|
/**
|
|
470
425
|
* Function which should return boolean
|
|
471
426
|
*/
|
|
472
|
-
getExpandIconDisableState:
|
|
427
|
+
getExpandIconDisableState: PropTypes.func,
|
|
473
428
|
/**
|
|
474
429
|
* Custom elements for sub header
|
|
475
430
|
*/
|
|
476
|
-
customSubHeader:
|
|
431
|
+
customSubHeader: PropTypes.node,
|
|
477
432
|
/**
|
|
478
433
|
* Are columns sortable?
|
|
479
434
|
*/
|
|
480
|
-
sortableColumns:
|
|
435
|
+
sortableColumns: PropTypes.bool,
|
|
481
436
|
/**
|
|
482
437
|
* Pass this function to catch sorting event and get related data
|
|
483
438
|
* ((type: string, dataKey: sting, column: PropTypes.columns[item]) => void
|
|
484
439
|
*/
|
|
485
|
-
onSortChange:
|
|
440
|
+
onSortChange: PropTypes.func,
|
|
486
441
|
/**
|
|
487
442
|
* Placeholder for sorting dropdown
|
|
488
443
|
*/
|
|
489
|
-
sortingPlaceholder:
|
|
444
|
+
sortingPlaceholder: PropTypes.string,
|
|
490
445
|
/**
|
|
491
446
|
* sortFn: Custom sort function for columns.((prev: PropTypes.rows[item], next: PropTypes.rows[item], rows: PropTypes.rows, dataKey: string) => {
|
|
492
447
|
* if (prev is less than next by some ordering criterion) {
|
|
@@ -524,25 +479,25 @@ CardList.propTypes = {
|
|
|
524
479
|
* })
|
|
525
480
|
*
|
|
526
481
|
*/
|
|
527
|
-
columns:
|
|
528
|
-
sortFn:
|
|
482
|
+
columns: PropTypes.arrayOf(PropTypes.shape({
|
|
483
|
+
sortFn: PropTypes.func,
|
|
529
484
|
...oneIsRequired({
|
|
530
|
-
text:
|
|
531
|
-
render:
|
|
485
|
+
text: PropTypes.node,
|
|
486
|
+
render: PropTypes.func
|
|
532
487
|
}),
|
|
533
|
-
sortable:
|
|
534
|
-
resizable:
|
|
535
|
-
dataKey:
|
|
536
|
-
draggable:
|
|
537
|
-
colRenderer:
|
|
538
|
-
getter:
|
|
539
|
-
formatter:
|
|
540
|
-
hide:
|
|
488
|
+
sortable: PropTypes.bool,
|
|
489
|
+
resizable: PropTypes.bool,
|
|
490
|
+
dataKey: PropTypes.string,
|
|
491
|
+
draggable: PropTypes.bool,
|
|
492
|
+
colRenderer: PropTypes.func,
|
|
493
|
+
getter: PropTypes.func,
|
|
494
|
+
formatter: PropTypes.func,
|
|
495
|
+
hide: PropTypes.bool
|
|
541
496
|
})).isRequired,
|
|
542
497
|
/**
|
|
543
498
|
* Key from column's data which value is surely unique
|
|
544
499
|
*/
|
|
545
|
-
columnKey:
|
|
500
|
+
columnKey: PropTypes.string.isRequired,
|
|
546
501
|
/**
|
|
547
502
|
* hasHover: Allow hovering
|
|
548
503
|
* data: rows column's data
|
|
@@ -551,88 +506,88 @@ CardList.propTypes = {
|
|
|
551
506
|
* render: Render custom component on (row: PropTypes.rows[item] index: number) => {
|
|
552
507
|
* return <div>Hello World</div>})
|
|
553
508
|
*/
|
|
554
|
-
rows:
|
|
509
|
+
rows: PropTypes.arrayOf(PropTypes.shape({
|
|
555
510
|
/**
|
|
556
511
|
* Expand button disabled state
|
|
557
512
|
*/
|
|
558
|
-
expandDisabled:
|
|
559
|
-
data:
|
|
560
|
-
className:
|
|
561
|
-
render:
|
|
513
|
+
expandDisabled: PropTypes.bool,
|
|
514
|
+
data: PropTypes.object,
|
|
515
|
+
className: PropTypes.string,
|
|
516
|
+
render: PropTypes.func
|
|
562
517
|
})),
|
|
563
518
|
/**
|
|
564
519
|
* Rows total count
|
|
565
520
|
*/
|
|
566
|
-
rowsCount:
|
|
521
|
+
rowsCount: PropTypes.number,
|
|
567
522
|
/**
|
|
568
523
|
* Number of columns that will be shown
|
|
569
524
|
*/
|
|
570
|
-
columnLimit:
|
|
525
|
+
columnLimit: PropTypes.number,
|
|
571
526
|
/**
|
|
572
527
|
* Function which will return Array of objects as row's action bar on the right corner of the row. ((row: PropTypes.rows[item] ,index: number) => [])
|
|
573
528
|
*/
|
|
574
|
-
rowActionBar:
|
|
529
|
+
rowActionBar: PropTypes.func,
|
|
575
530
|
/**
|
|
576
531
|
* Function which will return props for mobile popup. ((row: PropTypes.rows[item] ,index: number) => {})
|
|
577
532
|
*/
|
|
578
|
-
getPopupProps:
|
|
533
|
+
getPopupProps: PropTypes.func,
|
|
579
534
|
/**
|
|
580
535
|
* Text for View Card
|
|
581
536
|
*/
|
|
582
|
-
viewCardText:
|
|
537
|
+
viewCardText: PropTypes.string,
|
|
583
538
|
/**
|
|
584
539
|
* Text for Expand
|
|
585
540
|
*/
|
|
586
|
-
expandText:
|
|
541
|
+
expandText: PropTypes.string,
|
|
587
542
|
/**
|
|
588
543
|
* Text for Cancel
|
|
589
544
|
*/
|
|
590
|
-
cancelText:
|
|
545
|
+
cancelText: PropTypes.string,
|
|
591
546
|
/**
|
|
592
547
|
* Key from row's data which value is surely unique
|
|
593
548
|
*/
|
|
594
|
-
rowKey:
|
|
549
|
+
rowKey: PropTypes.string.isRequired,
|
|
595
550
|
/**
|
|
596
551
|
* Will render when there are no rows to render
|
|
597
552
|
*/
|
|
598
|
-
emptyContent:
|
|
553
|
+
emptyContent: PropTypes.node,
|
|
599
554
|
/**
|
|
600
555
|
* Text for Expanded popup close button
|
|
601
556
|
*/
|
|
602
|
-
expandedCloseText:
|
|
557
|
+
expandedCloseText: PropTypes.string,
|
|
603
558
|
/**
|
|
604
559
|
* Text for Expanded popup title
|
|
605
560
|
*/
|
|
606
|
-
expandedText:
|
|
561
|
+
expandedText: PropTypes.string,
|
|
607
562
|
/**
|
|
608
563
|
* Function which should return null or another
|
|
609
564
|
* Function which will return valid node
|
|
610
565
|
*/
|
|
611
|
-
renderRowNestedChildren:
|
|
566
|
+
renderRowNestedChildren: PropTypes.func,
|
|
612
567
|
/**
|
|
613
568
|
* Function will be called when page changes (page, rowsPerPage) => void
|
|
614
569
|
*/
|
|
615
|
-
onPaginationChange:
|
|
570
|
+
onPaginationChange: PropTypes.func,
|
|
616
571
|
/**
|
|
617
572
|
* Rows count per page
|
|
618
573
|
*/
|
|
619
|
-
rowsPerPage:
|
|
574
|
+
rowsPerPage: PropTypes.number,
|
|
620
575
|
/**
|
|
621
576
|
* Text for sort by
|
|
622
577
|
*/
|
|
623
|
-
sortByText:
|
|
578
|
+
sortByText: PropTypes.string,
|
|
624
579
|
/**
|
|
625
580
|
* Object with dataKeys and totals
|
|
626
581
|
*/
|
|
627
|
-
totals:
|
|
582
|
+
totals: PropTypes.object,
|
|
628
583
|
/**
|
|
629
584
|
* Extra click function for rows. ((e: event object, data: object, index: number, row: PropTypes.rows[item]) => custom logic)
|
|
630
585
|
*/
|
|
631
|
-
rowExtraClick:
|
|
586
|
+
rowExtraClick: PropTypes.func,
|
|
632
587
|
/**
|
|
633
588
|
* Function for determining which rows should have extra click. ((e: event object, data: object, index: number, row: PropTypes.rows[item]) => return true or false)
|
|
634
589
|
*/
|
|
635
|
-
rowExtraClickNeeded:
|
|
590
|
+
rowExtraClickNeeded: PropTypes.oneOfType([PropTypes.func, PropTypes.bool])
|
|
636
591
|
};
|
|
637
592
|
CardList.defaultProps = {
|
|
638
593
|
totals: {},
|
|
@@ -673,29 +628,29 @@ WrapperTableContainer.propTypes = {
|
|
|
673
628
|
/**
|
|
674
629
|
* Module title name
|
|
675
630
|
*/
|
|
676
|
-
name:
|
|
631
|
+
name: PropTypes.node,
|
|
677
632
|
/**
|
|
678
633
|
* Actions for ModuleTitle component
|
|
679
634
|
*/
|
|
680
|
-
titleActions:
|
|
635
|
+
titleActions: PropTypes.node,
|
|
681
636
|
/**
|
|
682
637
|
* Custom elements for sub header
|
|
683
638
|
*/
|
|
684
|
-
customSubHeader:
|
|
639
|
+
customSubHeader: PropTypes.node,
|
|
685
640
|
/**
|
|
686
641
|
* Classname for card list
|
|
687
642
|
*/
|
|
688
|
-
className:
|
|
643
|
+
className: PropTypes.string,
|
|
689
644
|
/**
|
|
690
645
|
* Props for Paper component
|
|
691
646
|
*/
|
|
692
|
-
paperProps:
|
|
647
|
+
paperProps: PropTypes.shape({
|
|
693
648
|
...PaperWrapper.propTypes
|
|
694
649
|
}),
|
|
695
650
|
/**
|
|
696
651
|
* Show/Hide ModuleTitle component
|
|
697
652
|
*/
|
|
698
|
-
withTitle:
|
|
653
|
+
withTitle: PropTypes.bool,
|
|
699
654
|
...CardList.propTypes
|
|
700
655
|
};
|
|
701
656
|
WrapperTableContainer.defaultProps = {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { _ as _createClass,
|
|
2
|
-
import { _ as _defineProperty } from './objectWithoutPropertiesLoose-
|
|
1
|
+
import { _ as _createClass, a as _classCallCheck } from './index-34e47647.js';
|
|
2
|
+
import { _ as _defineProperty } from './objectWithoutPropertiesLoose-d8a4a68c.js';
|
|
3
3
|
|
|
4
4
|
var DEFAULT_HEIGHT = 30;
|
|
5
5
|
var DEFAULT_WIDTH = 100; // Enables more intelligent mapping of a given column and row index to an item ID.
|