@geneui/components 2.11.2 → 2.12.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/{ActionableList.js → ActionableList/index.js} +83 -152
- package/{AdvancedSearch.js → AdvancedSearch/index.js} +291 -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 +40 -0
- package/{Card.js → Card/index.js} +82 -94
- package/{CardList.js → CardList/index.js} +118 -165
- package/{CellMeasurerCache-b786dd93.js → CellMeasurerCache-bc2163c1.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} +46 -43
- package/{DatePicker.js → DatePicker/index.js} +106 -108
- package/{index-0199942c.js → DatePickerInput/index.js} +103 -89
- 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 +86 -0
- package/{FormContainer.js → FormContainer/index.js} +25 -26
- package/FormableCheckbox/index.js +26 -0
- package/FormableDatePicker/index.js +42 -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 +287 -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/{index-5e96cb4d.js → PopoverV2/index.js} +57 -1006
- 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-8b9c3afa.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} +132 -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 +556 -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} +45 -42
- package/ValidatableDropdown/index.js +139 -0
- package/ValidatableElements/index.js +68 -0
- package/ValidatableMultiSelectDropdown/index.js +150 -0
- package/{ValidatableNumberInput.js → ValidatableNumberInput/index.js} +34 -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-45eafea6.js +90 -0
- package/index-583e0b30.js +4 -0
- package/{index-8c98317a.js → index-78d2ea5b.js} +678 -752
- package/{index-ac59cb10.js → index-a0e4e333.js} +6 -6
- package/{index-e8776f3d.js → index-b1e429a7.js} +1 -1
- package/index-bd525a3a.js +10054 -0
- package/index.d.ts +115 -0
- package/index.js +138 -113
- package/index.mobile.d.ts +16 -0
- package/jsx-runtime-57b40d9e.js +957 -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,56 @@
|
|
|
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-bd525a3a.js';
|
|
8
|
+
import { C as CellMeasurerCache } from '../CellMeasurerCache-bc2163c1.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 './index-5e96cb4d.js';
|
|
51
|
-
import './index-122432cd.js';
|
|
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 '../Popover/index.js';
|
|
36
|
+
import '../index-122432cd.js';
|
|
37
|
+
import '../Portal/index.js';
|
|
38
|
+
import '../Scrollbar/index.js';
|
|
39
|
+
import '../guid-8ddf77b3.js';
|
|
40
|
+
import '../ExtendedInput/index.js';
|
|
41
|
+
import '../SuggestionList/index.js';
|
|
42
|
+
import '../config-0ca92874.js';
|
|
43
|
+
import '../Checkbox/index.js';
|
|
44
|
+
import '../checkboxRadioSwitcher-5b69d7bd.js';
|
|
45
|
+
import '../index-583e0b30.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 '../Menu/index.js';
|
|
52
|
+
import '../Option/index.js';
|
|
53
|
+
import '../SkeletonLoader/index.js';
|
|
101
54
|
|
|
102
55
|
function WithTitle(_ref) {
|
|
103
56
|
let {
|
|
@@ -112,9 +65,9 @@ function WithTitle(_ref) {
|
|
|
112
65
|
}, restProps), actions), children);
|
|
113
66
|
}
|
|
114
67
|
WithTitle.propTypes = {
|
|
115
|
-
name:
|
|
116
|
-
actions:
|
|
117
|
-
children:
|
|
68
|
+
name: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired,
|
|
69
|
+
actions: PropTypes.node,
|
|
70
|
+
children: PropTypes.node
|
|
118
71
|
};
|
|
119
72
|
|
|
120
73
|
function PaperWrapper(_ref) {
|
|
@@ -134,10 +87,10 @@ function PaperWrapper(_ref) {
|
|
|
134
87
|
}, restProps), children);
|
|
135
88
|
}
|
|
136
89
|
PaperWrapper.propTypes = {
|
|
137
|
-
className:
|
|
138
|
-
children:
|
|
139
|
-
cornerRadius:
|
|
140
|
-
shadow:
|
|
90
|
+
className: PropTypes.string,
|
|
91
|
+
children: PropTypes.node.isRequired,
|
|
92
|
+
cornerRadius: PropTypes.string,
|
|
93
|
+
shadow: PropTypes.bool,
|
|
141
94
|
...Paper.propTypes
|
|
142
95
|
};
|
|
143
96
|
PaperWrapper.defaultProps = {
|
|
@@ -146,7 +99,7 @@ PaperWrapper.defaultProps = {
|
|
|
146
99
|
paperDirection: 'column'
|
|
147
100
|
};
|
|
148
101
|
|
|
149
|
-
var css_248z = "[data-gene-ui-version=\"
|
|
102
|
+
var css_248z = "[data-gene-ui-version=\"2.12.1\"] .mobile-table-holder{position:relative;width:100%}[data-gene-ui-version=\"2.12.1\"] .paper>.mobile-table-holder{padding:1.6rem}[data-gene-ui-version=\"2.12.1\"] .m-popup-content>.paper>.mobile-table-holder{padding:1.6rem 0}[data-gene-ui-version=\"2.12.1\"] .mobile-table-head{margin:0 0 1rem;width:100%}[data-gene-ui-version=\"2.12.1\"] .mobile-table-head>ul{align-items:center;display:flex;width:100%}[data-gene-ui-version=\"2.12.1\"] .mobile-table-head>ul>li{align-items:center;display:flex;flex-shrink:0}[data-gene-ui-version=\"2.12.1\"] .mobile-table-head>ul>li+li{margin:0 0 0 3rem}[data-gene-ui-version=\"2.12.1\"] .mobile-table-head>ul>li:nth-child(2){flex:auto;max-width:20rem}[data-gene-ui-version=\"2.12.1\"] .mt-results-holder{font:600 1.4rem/1.8rem var(--font-family);opacity:.7;padding:0 1rem}[data-gene-ui-version=\"2.12.1\"] .mt-results-holder:not(:first-child){margin:1.6rem 0 0}[data-gene-ui-version=\"2.12.1\"] .mobile-table-cc{margin-inline-end:3rem;width:19.6rem}[data-gene-ui-version=\"2.12.1\"] .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.1\"] .mobile-sort-button p{transition:color .4s}[data-gene-ui-version=\"2.12.1\"] .mobile-sort-button .active{color:var(--hero)}[data-gene-ui-version=\"2.12.1\"] .mobile-sort-icons{height:2.4rem;margin-inline-start:1.2rem;position:relative;width:2.4rem}[data-gene-ui-version=\"2.12.1\"] .mobile-sort-icons .icon{left:0;position:absolute;top:0;transition:color .4s}[data-gene-ui-version=\"2.12.1\"] .mobile-sort-icons .icon:not(.active){color:rgba(var(--background-sc-rgb),.5)}[data-gene-ui-version=\"2.12.1\"] .mobile-table-body{width:100%}[data-gene-ui-version=\"2.12.1\"] .mobile-table-body .ReactVirtualized__Grid,[data-gene-ui-version=\"2.12.1\"] .mobile-table-body .ReactVirtualized__Grid__innerScrollContainer{overflow:visible!important}[data-gene-ui-version=\"2.12.1\"] .mobile-table-loading{align-items:center;display:flex;justify-content:center;padding:2.4rem 0;width:100%}[data-gene-ui-version=\"2.12.1\"] .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.1\"] .cards-empty-holder{align-items:center;display:flex;height:calc(100vh - 35.7rem);justify-content:center;width:100%}[data-gene-ui-version=\"2.12.1\"] .quick-view-holder{padding:1.6rem 0;width:100%}[data-gene-ui-version=\"2.12.1\"] .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.1\"] .quick-view-holder>.card-list-col+.card-list-col{margin:2rem 0 0}[data-gene-ui-version=\"2.12.1\"] .quick-view-holder>.card-list-col .kv-label{opacity:.7}[data-gene-ui-version=\"2.12.1\"] .quick-view-holder>.card-list-col .kv-value{white-space:normal;word-break:break-word}[data-gene-ui-version=\"2.12.1\"] .quick-view-holder a:not([class]){color:var(--hero)}[data-gene-ui-version=\"2.12.1\"] .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.1\"] .mc-widgets-holder>ul{align-items:center;display:flex;min-width:100%}[data-gene-ui-version=\"2.12.1\"] .mc-widgets-holder>ul>li{margin-inline-end:1rem}[data-gene-ui-version=\"2.12.1\"] .mc-widgets-holder+.mobile-table-head{border-top:1px solid rgba(var(--background-sc-rgb),.1);padding:1.6rem 0 0}";
|
|
150
103
|
styleInject(css_248z);
|
|
151
104
|
|
|
152
105
|
const defaultSortFn = (prev, next, dataKey, type) => {
|
|
@@ -421,72 +374,72 @@ CardList.propTypes = {
|
|
|
421
374
|
/**
|
|
422
375
|
* Show busy wrapper
|
|
423
376
|
*/
|
|
424
|
-
loading:
|
|
377
|
+
loading: PropTypes.bool,
|
|
425
378
|
/**
|
|
426
379
|
* Is have shadow
|
|
427
380
|
*/
|
|
428
|
-
shadow:
|
|
381
|
+
shadow: PropTypes.bool,
|
|
429
382
|
/**
|
|
430
383
|
* Is have border
|
|
431
384
|
*/
|
|
432
|
-
border:
|
|
385
|
+
border: PropTypes.bool,
|
|
433
386
|
/**
|
|
434
387
|
* Is card in edit mode
|
|
435
388
|
*/
|
|
436
|
-
isEditMode:
|
|
389
|
+
isEditMode: PropTypes.bool,
|
|
437
390
|
/**
|
|
438
391
|
* Text for showing result
|
|
439
392
|
*/
|
|
440
|
-
resultText:
|
|
393
|
+
resultText: PropTypes.string,
|
|
441
394
|
/**
|
|
442
395
|
* Classname for card items
|
|
443
396
|
*/
|
|
444
|
-
rowClassName:
|
|
397
|
+
rowClassName: PropTypes.string,
|
|
445
398
|
/**
|
|
446
399
|
* Classname for card list
|
|
447
400
|
*/
|
|
448
|
-
className:
|
|
401
|
+
className: PropTypes.string,
|
|
449
402
|
/**
|
|
450
403
|
* Type of sorting when it's controlled
|
|
451
404
|
*/
|
|
452
|
-
sortType:
|
|
405
|
+
sortType: PropTypes.oneOf(['asc', 'desc', null]),
|
|
453
406
|
/**
|
|
454
407
|
* DataKey of column which was sorted
|
|
455
408
|
*/
|
|
456
|
-
sortedColumn:
|
|
409
|
+
sortedColumn: PropTypes.string,
|
|
457
410
|
/**
|
|
458
411
|
* DataKey of column which was sorted by default
|
|
459
412
|
*/
|
|
460
|
-
defaultSortedColumn:
|
|
413
|
+
defaultSortedColumn: PropTypes.string,
|
|
461
414
|
/**
|
|
462
415
|
* Type of default sorting
|
|
463
416
|
*/
|
|
464
|
-
defaultSortType:
|
|
417
|
+
defaultSortType: PropTypes.oneOf(['asc', 'desc', null]),
|
|
465
418
|
/**
|
|
466
419
|
* Title for rowExtraClick menu item
|
|
467
420
|
*/
|
|
468
|
-
rowExtraClickMenuTitle:
|
|
421
|
+
rowExtraClickMenuTitle: PropTypes.string,
|
|
469
422
|
/**
|
|
470
423
|
* Function which should return boolean
|
|
471
424
|
*/
|
|
472
|
-
getExpandIconDisableState:
|
|
425
|
+
getExpandIconDisableState: PropTypes.func,
|
|
473
426
|
/**
|
|
474
427
|
* Custom elements for sub header
|
|
475
428
|
*/
|
|
476
|
-
customSubHeader:
|
|
429
|
+
customSubHeader: PropTypes.node,
|
|
477
430
|
/**
|
|
478
431
|
* Are columns sortable?
|
|
479
432
|
*/
|
|
480
|
-
sortableColumns:
|
|
433
|
+
sortableColumns: PropTypes.bool,
|
|
481
434
|
/**
|
|
482
435
|
* Pass this function to catch sorting event and get related data
|
|
483
436
|
* ((type: string, dataKey: sting, column: PropTypes.columns[item]) => void
|
|
484
437
|
*/
|
|
485
|
-
onSortChange:
|
|
438
|
+
onSortChange: PropTypes.func,
|
|
486
439
|
/**
|
|
487
440
|
* Placeholder for sorting dropdown
|
|
488
441
|
*/
|
|
489
|
-
sortingPlaceholder:
|
|
442
|
+
sortingPlaceholder: PropTypes.string,
|
|
490
443
|
/**
|
|
491
444
|
* sortFn: Custom sort function for columns.((prev: PropTypes.rows[item], next: PropTypes.rows[item], rows: PropTypes.rows, dataKey: string) => {
|
|
492
445
|
* if (prev is less than next by some ordering criterion) {
|
|
@@ -524,25 +477,25 @@ CardList.propTypes = {
|
|
|
524
477
|
* })
|
|
525
478
|
*
|
|
526
479
|
*/
|
|
527
|
-
columns:
|
|
528
|
-
sortFn:
|
|
480
|
+
columns: PropTypes.arrayOf(PropTypes.shape({
|
|
481
|
+
sortFn: PropTypes.func,
|
|
529
482
|
...oneIsRequired({
|
|
530
|
-
text:
|
|
531
|
-
render:
|
|
483
|
+
text: PropTypes.node,
|
|
484
|
+
render: PropTypes.func
|
|
532
485
|
}),
|
|
533
|
-
sortable:
|
|
534
|
-
resizable:
|
|
535
|
-
dataKey:
|
|
536
|
-
draggable:
|
|
537
|
-
colRenderer:
|
|
538
|
-
getter:
|
|
539
|
-
formatter:
|
|
540
|
-
hide:
|
|
486
|
+
sortable: PropTypes.bool,
|
|
487
|
+
resizable: PropTypes.bool,
|
|
488
|
+
dataKey: PropTypes.string,
|
|
489
|
+
draggable: PropTypes.bool,
|
|
490
|
+
colRenderer: PropTypes.func,
|
|
491
|
+
getter: PropTypes.func,
|
|
492
|
+
formatter: PropTypes.func,
|
|
493
|
+
hide: PropTypes.bool
|
|
541
494
|
})).isRequired,
|
|
542
495
|
/**
|
|
543
496
|
* Key from column's data which value is surely unique
|
|
544
497
|
*/
|
|
545
|
-
columnKey:
|
|
498
|
+
columnKey: PropTypes.string.isRequired,
|
|
546
499
|
/**
|
|
547
500
|
* hasHover: Allow hovering
|
|
548
501
|
* data: rows column's data
|
|
@@ -551,88 +504,88 @@ CardList.propTypes = {
|
|
|
551
504
|
* render: Render custom component on (row: PropTypes.rows[item] index: number) => {
|
|
552
505
|
* return <div>Hello World</div>})
|
|
553
506
|
*/
|
|
554
|
-
rows:
|
|
507
|
+
rows: PropTypes.arrayOf(PropTypes.shape({
|
|
555
508
|
/**
|
|
556
509
|
* Expand button disabled state
|
|
557
510
|
*/
|
|
558
|
-
expandDisabled:
|
|
559
|
-
data:
|
|
560
|
-
className:
|
|
561
|
-
render:
|
|
511
|
+
expandDisabled: PropTypes.bool,
|
|
512
|
+
data: PropTypes.object,
|
|
513
|
+
className: PropTypes.string,
|
|
514
|
+
render: PropTypes.func
|
|
562
515
|
})),
|
|
563
516
|
/**
|
|
564
517
|
* Rows total count
|
|
565
518
|
*/
|
|
566
|
-
rowsCount:
|
|
519
|
+
rowsCount: PropTypes.number,
|
|
567
520
|
/**
|
|
568
521
|
* Number of columns that will be shown
|
|
569
522
|
*/
|
|
570
|
-
columnLimit:
|
|
523
|
+
columnLimit: PropTypes.number,
|
|
571
524
|
/**
|
|
572
525
|
* 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
526
|
*/
|
|
574
|
-
rowActionBar:
|
|
527
|
+
rowActionBar: PropTypes.func,
|
|
575
528
|
/**
|
|
576
529
|
* Function which will return props for mobile popup. ((row: PropTypes.rows[item] ,index: number) => {})
|
|
577
530
|
*/
|
|
578
|
-
getPopupProps:
|
|
531
|
+
getPopupProps: PropTypes.func,
|
|
579
532
|
/**
|
|
580
533
|
* Text for View Card
|
|
581
534
|
*/
|
|
582
|
-
viewCardText:
|
|
535
|
+
viewCardText: PropTypes.string,
|
|
583
536
|
/**
|
|
584
537
|
* Text for Expand
|
|
585
538
|
*/
|
|
586
|
-
expandText:
|
|
539
|
+
expandText: PropTypes.string,
|
|
587
540
|
/**
|
|
588
541
|
* Text for Cancel
|
|
589
542
|
*/
|
|
590
|
-
cancelText:
|
|
543
|
+
cancelText: PropTypes.string,
|
|
591
544
|
/**
|
|
592
545
|
* Key from row's data which value is surely unique
|
|
593
546
|
*/
|
|
594
|
-
rowKey:
|
|
547
|
+
rowKey: PropTypes.string.isRequired,
|
|
595
548
|
/**
|
|
596
549
|
* Will render when there are no rows to render
|
|
597
550
|
*/
|
|
598
|
-
emptyContent:
|
|
551
|
+
emptyContent: PropTypes.node,
|
|
599
552
|
/**
|
|
600
553
|
* Text for Expanded popup close button
|
|
601
554
|
*/
|
|
602
|
-
expandedCloseText:
|
|
555
|
+
expandedCloseText: PropTypes.string,
|
|
603
556
|
/**
|
|
604
557
|
* Text for Expanded popup title
|
|
605
558
|
*/
|
|
606
|
-
expandedText:
|
|
559
|
+
expandedText: PropTypes.string,
|
|
607
560
|
/**
|
|
608
561
|
* Function which should return null or another
|
|
609
562
|
* Function which will return valid node
|
|
610
563
|
*/
|
|
611
|
-
renderRowNestedChildren:
|
|
564
|
+
renderRowNestedChildren: PropTypes.func,
|
|
612
565
|
/**
|
|
613
566
|
* Function will be called when page changes (page, rowsPerPage) => void
|
|
614
567
|
*/
|
|
615
|
-
onPaginationChange:
|
|
568
|
+
onPaginationChange: PropTypes.func,
|
|
616
569
|
/**
|
|
617
570
|
* Rows count per page
|
|
618
571
|
*/
|
|
619
|
-
rowsPerPage:
|
|
572
|
+
rowsPerPage: PropTypes.number,
|
|
620
573
|
/**
|
|
621
574
|
* Text for sort by
|
|
622
575
|
*/
|
|
623
|
-
sortByText:
|
|
576
|
+
sortByText: PropTypes.string,
|
|
624
577
|
/**
|
|
625
578
|
* Object with dataKeys and totals
|
|
626
579
|
*/
|
|
627
|
-
totals:
|
|
580
|
+
totals: PropTypes.object,
|
|
628
581
|
/**
|
|
629
582
|
* Extra click function for rows. ((e: event object, data: object, index: number, row: PropTypes.rows[item]) => custom logic)
|
|
630
583
|
*/
|
|
631
|
-
rowExtraClick:
|
|
584
|
+
rowExtraClick: PropTypes.func,
|
|
632
585
|
/**
|
|
633
586
|
* 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
587
|
*/
|
|
635
|
-
rowExtraClickNeeded:
|
|
588
|
+
rowExtraClickNeeded: PropTypes.oneOfType([PropTypes.func, PropTypes.bool])
|
|
636
589
|
};
|
|
637
590
|
CardList.defaultProps = {
|
|
638
591
|
totals: {},
|
|
@@ -673,29 +626,29 @@ WrapperTableContainer.propTypes = {
|
|
|
673
626
|
/**
|
|
674
627
|
* Module title name
|
|
675
628
|
*/
|
|
676
|
-
name:
|
|
629
|
+
name: PropTypes.node,
|
|
677
630
|
/**
|
|
678
631
|
* Actions for ModuleTitle component
|
|
679
632
|
*/
|
|
680
|
-
titleActions:
|
|
633
|
+
titleActions: PropTypes.node,
|
|
681
634
|
/**
|
|
682
635
|
* Custom elements for sub header
|
|
683
636
|
*/
|
|
684
|
-
customSubHeader:
|
|
637
|
+
customSubHeader: PropTypes.node,
|
|
685
638
|
/**
|
|
686
639
|
* Classname for card list
|
|
687
640
|
*/
|
|
688
|
-
className:
|
|
641
|
+
className: PropTypes.string,
|
|
689
642
|
/**
|
|
690
643
|
* Props for Paper component
|
|
691
644
|
*/
|
|
692
|
-
paperProps:
|
|
645
|
+
paperProps: PropTypes.shape({
|
|
693
646
|
...PaperWrapper.propTypes
|
|
694
647
|
}),
|
|
695
648
|
/**
|
|
696
649
|
* Show/Hide ModuleTitle component
|
|
697
650
|
*/
|
|
698
|
-
withTitle:
|
|
651
|
+
withTitle: PropTypes.bool,
|
|
699
652
|
...CardList.propTypes
|
|
700
653
|
};
|
|
701
654
|
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-bd525a3a.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.
|