@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,21 +1,20 @@
|
|
|
1
|
-
import { _ as _extends } from '
|
|
1
|
+
import { _ as _extends } from '../_rollupPluginBabelHelpers-e8fb2e5c.js';
|
|
2
2
|
import React__default, { forwardRef, useState, useMemo } from 'react';
|
|
3
|
-
import
|
|
4
|
-
import { c as classnames } from '
|
|
5
|
-
import { c as checkboxRadioSwitcherConfig } from '
|
|
6
|
-
import { n as noop, i as interceptValue, s as stopEvent } from '
|
|
7
|
-
import Tooltip from '
|
|
8
|
-
import '
|
|
9
|
-
import '
|
|
10
|
-
import
|
|
11
|
-
import '
|
|
12
|
-
import './_commonjsHelpers-24198af3.js';
|
|
3
|
+
import PropTypes from 'prop-types';
|
|
4
|
+
import { c as classnames } from '../index-6ff23041.js';
|
|
5
|
+
import { c as checkboxRadioSwitcherConfig } from '../configs-fed6ac34.js';
|
|
6
|
+
import { n as noop, i as interceptValue, s as stopEvent } from '../index-a0e4e333.js';
|
|
7
|
+
import Tooltip from '../Tooltip/index.js';
|
|
8
|
+
import '../checkboxRadioSwitcher-5b69d7bd.js';
|
|
9
|
+
import { g as guid } from '../guid-8ddf77b3.js';
|
|
10
|
+
import '../dateValidation-67caec66.js';
|
|
11
|
+
import '../_commonjsHelpers-24198af3.js';
|
|
13
12
|
import 'react-dom';
|
|
14
|
-
import '
|
|
15
|
-
import '
|
|
16
|
-
import '
|
|
17
|
-
import '
|
|
18
|
-
import '
|
|
13
|
+
import '../Popover-f4d1cac0.js';
|
|
14
|
+
import '../hooks/useDeviceType.js';
|
|
15
|
+
import '../hooks/useWindowSize.js';
|
|
16
|
+
import '../GeneUIProvider/index.js';
|
|
17
|
+
import '../style-inject.es-746bb8ed.js';
|
|
19
18
|
|
|
20
19
|
const Checkbox = /*#__PURE__*/forwardRef((props, ref) => {
|
|
21
20
|
const {
|
|
@@ -123,92 +122,92 @@ Checkbox.propTypes = {
|
|
|
123
122
|
/**
|
|
124
123
|
* At what point an element becomes focusable when a user is interacting with the page via a keyboard
|
|
125
124
|
*/
|
|
126
|
-
tabIndex:
|
|
125
|
+
tabIndex: PropTypes.number,
|
|
127
126
|
/**
|
|
128
127
|
* Use this prop to control Checkbox state. Note that when you specify this prop, the Checkbox will not functionate itself
|
|
129
128
|
*/
|
|
130
|
-
checked:
|
|
129
|
+
checked: PropTypes.bool,
|
|
131
130
|
/**
|
|
132
131
|
* Checkbox size
|
|
133
132
|
*/
|
|
134
|
-
size:
|
|
133
|
+
size: PropTypes.oneOf(checkboxRadioSwitcherConfig.size),
|
|
135
134
|
/**
|
|
136
135
|
* Use this prop to add an additional label to Checkbox
|
|
137
136
|
*/
|
|
138
|
-
label:
|
|
137
|
+
label: PropTypes.node,
|
|
139
138
|
/**
|
|
140
139
|
* Tooltip for label
|
|
141
140
|
*/
|
|
142
|
-
labelTooltip:
|
|
141
|
+
labelTooltip: PropTypes.string,
|
|
143
142
|
/**
|
|
144
143
|
* Specify "label" position
|
|
145
144
|
*/
|
|
146
|
-
labelPosition:
|
|
145
|
+
labelPosition: PropTypes.oneOf(checkboxRadioSwitcherConfig.labelPosition),
|
|
147
146
|
/**
|
|
148
147
|
* Specify "label" alignment
|
|
149
148
|
*/
|
|
150
|
-
labelAlignment:
|
|
149
|
+
labelAlignment: PropTypes.oneOf(checkboxRadioSwitcherConfig.labelAlignment),
|
|
151
150
|
/**
|
|
152
151
|
* Use this prop to add an additional description field to the Checkbox
|
|
153
152
|
*/
|
|
154
|
-
description:
|
|
153
|
+
description: PropTypes.node,
|
|
155
154
|
/**
|
|
156
155
|
* Use this prop to make checkbox neither checked nor unchecked
|
|
157
156
|
*/
|
|
158
|
-
indeterminate:
|
|
157
|
+
indeterminate: PropTypes.bool,
|
|
159
158
|
/**
|
|
160
159
|
* Makes Checkbox readonly when set to "true"
|
|
161
160
|
*/
|
|
162
|
-
readOnly:
|
|
161
|
+
readOnly: PropTypes.bool,
|
|
163
162
|
/**
|
|
164
163
|
* Makes Checkbox disabled when set to "true"
|
|
165
164
|
*/
|
|
166
|
-
disabled:
|
|
165
|
+
disabled: PropTypes.bool,
|
|
167
166
|
/**
|
|
168
167
|
* Checkbox adds an extra asterisk to the "label". For more info see "ValidatableCheckbox"(integrated Checkbox with "Form" organism).
|
|
169
168
|
*/
|
|
170
|
-
required:
|
|
169
|
+
required: PropTypes.bool,
|
|
171
170
|
/**
|
|
172
171
|
* Control Checkbox validation. For more info see "ValidatableCheckbox"(integrated Checkbox with "Form" organism).
|
|
173
172
|
*/
|
|
174
|
-
isValid:
|
|
173
|
+
isValid: PropTypes.bool,
|
|
175
174
|
/**
|
|
176
175
|
* Use this prop to specify error message. This will be displayed when "isValid" is set to "false"
|
|
177
176
|
*/
|
|
178
|
-
errorText:
|
|
177
|
+
errorText: PropTypes.node,
|
|
179
178
|
/**
|
|
180
179
|
* This prop will only applied once as defaultState for "checked" when Checkbox mounts.
|
|
181
180
|
* Note that specifying this prop does not mean to control it.
|
|
182
181
|
*/
|
|
183
|
-
defaultChecked:
|
|
182
|
+
defaultChecked: PropTypes.bool,
|
|
184
183
|
/**
|
|
185
184
|
* Fires an event when Checkbox is clicked or "enter" key is pressed((event: Event) => void).
|
|
186
185
|
*/
|
|
187
|
-
onChange:
|
|
186
|
+
onChange: PropTypes.func,
|
|
188
187
|
/**
|
|
189
188
|
* Fires an event when any key is pressed((event: Event) => void).
|
|
190
189
|
*/
|
|
191
|
-
onKeyPress:
|
|
190
|
+
onKeyPress: PropTypes.func,
|
|
192
191
|
/**
|
|
193
192
|
* Fires an event when mouse enter((event: Event) => void).
|
|
194
193
|
*/
|
|
195
|
-
onMouseEnter:
|
|
194
|
+
onMouseEnter: PropTypes.func,
|
|
196
195
|
/**
|
|
197
196
|
* Fires an event when mouse leave((event: Event) => void).
|
|
198
197
|
*/
|
|
199
|
-
onMouseLeave:
|
|
198
|
+
onMouseLeave: PropTypes.func,
|
|
200
199
|
/**
|
|
201
200
|
* Fires an event when clicking on parent/wrapper of input ((event: Event) => void).
|
|
202
201
|
*/
|
|
203
|
-
onWrapperClick:
|
|
202
|
+
onWrapperClick: PropTypes.func,
|
|
204
203
|
/**
|
|
205
204
|
* Use this prop to get specified value when "onChange" is fired
|
|
206
205
|
*/
|
|
207
|
-
value:
|
|
206
|
+
value: PropTypes.oneOfType([PropTypes.string, PropTypes.bool, PropTypes.number]),
|
|
208
207
|
/**
|
|
209
208
|
* Additional className
|
|
210
209
|
*/
|
|
211
|
-
className:
|
|
210
|
+
className: PropTypes.string
|
|
212
211
|
};
|
|
213
212
|
Checkbox.defaultProps = {
|
|
214
213
|
tabIndex: 0,
|
|
@@ -1,22 +1,21 @@
|
|
|
1
|
-
import { _ as _extends } from '
|
|
1
|
+
import { _ as _extends } from '../_rollupPluginBabelHelpers-e8fb2e5c.js';
|
|
2
2
|
import React__default, { useState, useEffect, useCallback } from 'react';
|
|
3
|
-
import { c as classnames } from '
|
|
4
|
-
import
|
|
5
|
-
import { c as checkboxRadioSwitcherConfig } from '
|
|
6
|
-
import { n as noop } from '
|
|
7
|
-
import Checkbox from '
|
|
8
|
-
import '
|
|
9
|
-
import '
|
|
10
|
-
import './_commonjsHelpers-24198af3.js';
|
|
3
|
+
import { c as classnames } from '../index-6ff23041.js';
|
|
4
|
+
import PropTypes from 'prop-types';
|
|
5
|
+
import { c as checkboxRadioSwitcherConfig } from '../configs-fed6ac34.js';
|
|
6
|
+
import { n as noop } from '../index-a0e4e333.js';
|
|
7
|
+
import Checkbox from '../Checkbox/index.js';
|
|
8
|
+
import '../dateValidation-67caec66.js';
|
|
9
|
+
import '../_commonjsHelpers-24198af3.js';
|
|
11
10
|
import 'react-dom';
|
|
12
|
-
import '
|
|
13
|
-
import '
|
|
14
|
-
import '
|
|
15
|
-
import '
|
|
16
|
-
import '
|
|
17
|
-
import '
|
|
18
|
-
import '
|
|
19
|
-
import '
|
|
11
|
+
import '../Tooltip/index.js';
|
|
12
|
+
import '../Popover-f4d1cac0.js';
|
|
13
|
+
import '../hooks/useDeviceType.js';
|
|
14
|
+
import '../hooks/useWindowSize.js';
|
|
15
|
+
import '../GeneUIProvider/index.js';
|
|
16
|
+
import '../style-inject.es-746bb8ed.js';
|
|
17
|
+
import '../checkboxRadioSwitcher-5b69d7bd.js';
|
|
18
|
+
import '../guid-8ddf77b3.js';
|
|
20
19
|
|
|
21
20
|
function CheckboxGroup(props) {
|
|
22
21
|
const {
|
|
@@ -104,11 +103,11 @@ function CheckboxGroup(props) {
|
|
|
104
103
|
}
|
|
105
104
|
CheckboxGroup.propTypes = {
|
|
106
105
|
/** Initially selected value */
|
|
107
|
-
defaultSelected:
|
|
106
|
+
defaultSelected: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.bool, PropTypes.number])),
|
|
108
107
|
/**
|
|
109
108
|
* Disables events
|
|
110
109
|
*/
|
|
111
|
-
disabled:
|
|
110
|
+
disabled: PropTypes.bool,
|
|
112
111
|
/**
|
|
113
112
|
* If data item is typeof string than value will apply both as checkbox label and value,
|
|
114
113
|
* Label: The text of the associated element.
|
|
@@ -121,70 +120,70 @@ CheckboxGroup.propTypes = {
|
|
|
121
120
|
* isValid: Check validity of input value
|
|
122
121
|
* errorText: Displays custom error text when input value is not valid
|
|
123
122
|
*/
|
|
124
|
-
data:
|
|
125
|
-
label:
|
|
126
|
-
value:
|
|
127
|
-
disabled:
|
|
128
|
-
description:
|
|
129
|
-
labelTooltip:
|
|
130
|
-
readOnly:
|
|
131
|
-
required:
|
|
132
|
-
isValid:
|
|
133
|
-
errorText:
|
|
123
|
+
data: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.shape({
|
|
124
|
+
label: PropTypes.node,
|
|
125
|
+
value: PropTypes.oneOfType([PropTypes.string, PropTypes.bool, PropTypes.number]),
|
|
126
|
+
disabled: PropTypes.bool,
|
|
127
|
+
description: PropTypes.string,
|
|
128
|
+
labelTooltip: PropTypes.string,
|
|
129
|
+
readOnly: PropTypes.bool,
|
|
130
|
+
required: PropTypes.bool,
|
|
131
|
+
isValid: PropTypes.bool,
|
|
132
|
+
errorText: PropTypes.string
|
|
134
133
|
})])),
|
|
135
134
|
/**
|
|
136
135
|
* Custom text for checkAll checkbox
|
|
137
136
|
*/
|
|
138
|
-
checkAllText:
|
|
137
|
+
checkAllText: PropTypes.string,
|
|
139
138
|
/**
|
|
140
139
|
* Displays select all checkbox
|
|
141
140
|
*/
|
|
142
|
-
showSelectAll:
|
|
141
|
+
showSelectAll: PropTypes.bool,
|
|
143
142
|
/**
|
|
144
143
|
* Array of values of the input elements
|
|
145
144
|
*/
|
|
146
|
-
value:
|
|
145
|
+
value: PropTypes.oneOfType([PropTypes.string, PropTypes.bool, PropTypes.number]),
|
|
147
146
|
/**
|
|
148
147
|
* Fires an event when Checkbox is clicked or "enter" key is pressed
|
|
149
148
|
* (event: SyntheticEvent) => void
|
|
150
149
|
*/
|
|
151
|
-
onChange:
|
|
150
|
+
onChange: PropTypes.func,
|
|
152
151
|
/**
|
|
153
152
|
* Additional className which applies to group holder div element
|
|
154
153
|
*/
|
|
155
|
-
className:
|
|
154
|
+
className: PropTypes.string,
|
|
156
155
|
/**
|
|
157
156
|
* Accepts same values as Checkbox component(check in Checkbox component(molecules) propTable)
|
|
158
157
|
*/
|
|
159
|
-
size:
|
|
158
|
+
size: PropTypes.oneOf(checkboxRadioSwitcherConfig.size),
|
|
160
159
|
/**
|
|
161
160
|
* Specify "label" position
|
|
162
161
|
*/
|
|
163
|
-
labelPosition:
|
|
162
|
+
labelPosition: PropTypes.oneOf(checkboxRadioSwitcherConfig.labelPosition),
|
|
164
163
|
/**
|
|
165
164
|
* Specify "label" alignment
|
|
166
165
|
*/
|
|
167
|
-
labelAlignment:
|
|
166
|
+
labelAlignment: PropTypes.oneOf(checkboxRadioSwitcherConfig.labelAlignment),
|
|
168
167
|
/**
|
|
169
168
|
* Description for checkboxes
|
|
170
169
|
*/
|
|
171
|
-
description:
|
|
170
|
+
description: PropTypes.string,
|
|
172
171
|
/**
|
|
173
172
|
* Define is field read only or no.
|
|
174
173
|
*/
|
|
175
|
-
readOnly:
|
|
174
|
+
readOnly: PropTypes.bool,
|
|
176
175
|
/**
|
|
177
176
|
* Define is field required or no.
|
|
178
177
|
*/
|
|
179
|
-
required:
|
|
178
|
+
required: PropTypes.bool,
|
|
180
179
|
/**
|
|
181
180
|
* Additional state for field validation
|
|
182
181
|
*/
|
|
183
|
-
isValid:
|
|
182
|
+
isValid: PropTypes.bool,
|
|
184
183
|
/**
|
|
185
184
|
* Text that will be shown id field is invalid
|
|
186
185
|
*/
|
|
187
|
-
errorText:
|
|
186
|
+
errorText: PropTypes.string
|
|
188
187
|
};
|
|
189
188
|
CheckboxGroup.defaultProps = {
|
|
190
189
|
defaultSelected: [],
|
|
@@ -1,36 +1,35 @@
|
|
|
1
|
-
import { _ as _extends } from '
|
|
1
|
+
import { _ as _extends } from '../_rollupPluginBabelHelpers-e8fb2e5c.js';
|
|
2
2
|
import React__default, { useRef, useState, useCallback, useEffect } from 'react';
|
|
3
|
-
import
|
|
4
|
-
import { c as classnames } from '
|
|
5
|
-
import { n as noop } from '
|
|
6
|
-
import '
|
|
3
|
+
import PropTypes from 'prop-types';
|
|
4
|
+
import { c as classnames } from '../index-6ff23041.js';
|
|
5
|
+
import { n as noop } from '../index-a0e4e333.js';
|
|
6
|
+
import useKeyDown from '../hooks/useKeyDown.js';
|
|
7
|
+
import { c as checkboxRadioSwitcherConfig, n as noDataConfig } from '../configs-fed6ac34.js';
|
|
8
|
+
import CustomScrollbar from '../Scrollbar/index.js';
|
|
9
|
+
import Button from '../Button/index.js';
|
|
10
|
+
import Empty from '../Empty/index.js';
|
|
11
|
+
import ExtendedInput from '../ExtendedInput/index.js';
|
|
12
|
+
import CheckboxGroup from '../CheckboxGroup/index.js';
|
|
13
|
+
import '../index-2ad83e03.js';
|
|
14
|
+
import { s as styleInject } from '../style-inject.es-746bb8ed.js';
|
|
15
|
+
import '../dateValidation-67caec66.js';
|
|
16
|
+
import '../_commonjsHelpers-24198af3.js';
|
|
7
17
|
import 'react-dom';
|
|
8
|
-
import
|
|
9
|
-
import '
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
import
|
|
14
|
-
import
|
|
15
|
-
import
|
|
16
|
-
import '
|
|
17
|
-
import
|
|
18
|
-
import '
|
|
19
|
-
import '
|
|
20
|
-
import '
|
|
21
|
-
import './Tooltip.js';
|
|
22
|
-
import './Popover-f4d1cac0.js';
|
|
23
|
-
import './useDeviceType-dd51db38.js';
|
|
24
|
-
import './useWindowSize-80369d76.js';
|
|
25
|
-
import './GeneUIProvider.js';
|
|
26
|
-
import './globalStyling-9c60a159.js';
|
|
27
|
-
import './checkboxRadioSwitcher-5b69d7bd.js';
|
|
28
|
-
import './guid-8ddf77b3.js';
|
|
29
|
-
import './index-897d8240.js';
|
|
30
|
-
import './useClickOutside-5183e396.js';
|
|
31
|
-
import './Icon.js';
|
|
18
|
+
import '../Icon/index.js';
|
|
19
|
+
import '../hooks/useDeviceType.js';
|
|
20
|
+
import '../hooks/useWindowSize.js';
|
|
21
|
+
import '../hooks/useEllipsisDetection.js';
|
|
22
|
+
import '../SuggestionList/index.js';
|
|
23
|
+
import '../hooks/useClickOutside.js';
|
|
24
|
+
import '../config-0ca92874.js';
|
|
25
|
+
import '../Tooltip/index.js';
|
|
26
|
+
import '../Popover-f4d1cac0.js';
|
|
27
|
+
import '../GeneUIProvider/index.js';
|
|
28
|
+
import '../Checkbox/index.js';
|
|
29
|
+
import '../checkboxRadioSwitcher-5b69d7bd.js';
|
|
30
|
+
import '../guid-8ddf77b3.js';
|
|
32
31
|
|
|
33
|
-
var css_248z = "[data-gene-ui-version=\"
|
|
32
|
+
var css_248z = "[data-gene-ui-version=\"2.12.2\"] .checkbox-group-with-search-holder{background:var(--background);width:100%}[data-gene-ui-version=\"2.12.2\"] .empty-data-holder{align-items:center;display:flex;height:19rem;justify-content:center;width:100%}[data-gene-ui-version=\"2.12.2\"] .c-g-w-s-content{background:rgba(var(--background-sc-rgb),.01);display:flex;flex-direction:column;width:100%}[data-gene-ui-version=\"2.12.2\"] .c-g-w-s-content>li{display:flex;width:100%}[data-gene-ui-version=\"2.12.2\"] .c-g-w-s-head{border-bottom:1px solid rgba(var(--background-sc-rgb),.1);padding:1.5rem}[data-gene-ui-version=\"2.12.2\"] .c-g-w-s-footer{border-top:1px solid rgba(var(--background-sc-rgb),.1);display:flex;justify-content:center;padding:1.5rem 0}[data-gene-ui-version=\"2.12.2\"] .c-g-w-s-footer>*+*{margin-inline-start:1rem}[data-gene-ui-version=\"2.12.2\"] .c-g-w-s-body-content{max-height:31rem;padding:1.5rem 0;width:100%}[data-gene-ui-version=\"2.12.2\"] .grouped-checkbox-with-search{flex-direction:column}[data-gene-ui-version=\"2.12.2\"] .grouped-checkbox-with-search>div{padding:1rem!important}@media (hover:hover){[data-gene-ui-version=\"2.12.2\"] .checkbox-group-with-search-holder .crs-holder.active{background:rgba(var(--background-sc-rgb),.05)}}";
|
|
34
33
|
styleInject(css_248z);
|
|
35
34
|
|
|
36
35
|
function CheckboxGroupWithSearch(_ref) {
|
|
@@ -152,25 +151,25 @@ function CheckboxGroupWithSearch(_ref) {
|
|
|
152
151
|
}
|
|
153
152
|
CheckboxGroupWithSearch.propTypes = {
|
|
154
153
|
/** Text for save button * */
|
|
155
|
-
saveText:
|
|
154
|
+
saveText: PropTypes.string,
|
|
156
155
|
/** Text for cancel button * */
|
|
157
|
-
cancelText:
|
|
156
|
+
cancelText: PropTypes.string,
|
|
158
157
|
/** Save button click callback * */
|
|
159
|
-
onSave:
|
|
158
|
+
onSave: PropTypes.func,
|
|
160
159
|
/** Cancel button click callback * */
|
|
161
|
-
onCancel:
|
|
160
|
+
onCancel: PropTypes.func,
|
|
162
161
|
/** Search input on change callback * */
|
|
163
|
-
onSearch:
|
|
162
|
+
onSearch: PropTypes.func,
|
|
164
163
|
/** Initially selected value */
|
|
165
|
-
defaultSelected:
|
|
164
|
+
defaultSelected: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.bool, PropTypes.number])),
|
|
166
165
|
/**
|
|
167
166
|
* Disables events
|
|
168
167
|
*/
|
|
169
|
-
disabled:
|
|
168
|
+
disabled: PropTypes.bool,
|
|
170
169
|
/**
|
|
171
170
|
* Disables save button
|
|
172
171
|
*/
|
|
173
|
-
disableSave:
|
|
172
|
+
disableSave: PropTypes.bool,
|
|
174
173
|
/**
|
|
175
174
|
* If data item is typeof string than value will apply both as checkbox label and value,
|
|
176
175
|
* Label: The text of the associated element.
|
|
@@ -181,89 +180,89 @@ CheckboxGroupWithSearch.propTypes = {
|
|
|
181
180
|
* isValid: Check validity of input value
|
|
182
181
|
* errorText: Displays custom error text when input value is not valid
|
|
183
182
|
*/
|
|
184
|
-
data:
|
|
185
|
-
label:
|
|
186
|
-
value:
|
|
187
|
-
disabled:
|
|
188
|
-
description:
|
|
189
|
-
readOnly:
|
|
190
|
-
required:
|
|
191
|
-
isValid:
|
|
192
|
-
errorText:
|
|
183
|
+
data: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.shape({
|
|
184
|
+
label: PropTypes.node,
|
|
185
|
+
value: PropTypes.oneOfType([PropTypes.string, PropTypes.bool, PropTypes.number]),
|
|
186
|
+
disabled: PropTypes.bool,
|
|
187
|
+
description: PropTypes.string,
|
|
188
|
+
readOnly: PropTypes.bool,
|
|
189
|
+
required: PropTypes.bool,
|
|
190
|
+
isValid: PropTypes.bool,
|
|
191
|
+
errorText: PropTypes.string
|
|
193
192
|
})])),
|
|
194
193
|
/**
|
|
195
194
|
* Custom text for checkAll checkbox
|
|
196
195
|
*/
|
|
197
|
-
checkAllText:
|
|
196
|
+
checkAllText: PropTypes.string,
|
|
198
197
|
/**
|
|
199
198
|
* Displays select all checkbox
|
|
200
199
|
*/
|
|
201
|
-
showSelectAll:
|
|
200
|
+
showSelectAll: PropTypes.bool,
|
|
202
201
|
/**
|
|
203
202
|
* Array of values of the input elements
|
|
204
203
|
*/
|
|
205
|
-
value:
|
|
204
|
+
value: PropTypes.oneOfType([PropTypes.string, PropTypes.bool, PropTypes.number]),
|
|
206
205
|
/**
|
|
207
206
|
* Fires an event when Checkbox is clicked or "enter" key is pressed
|
|
208
207
|
* (event: SyntheticEvent) => void
|
|
209
208
|
*/
|
|
210
|
-
onChange:
|
|
209
|
+
onChange: PropTypes.func,
|
|
211
210
|
/**
|
|
212
211
|
* Additional className which applies to group holder div element
|
|
213
212
|
*/
|
|
214
|
-
className:
|
|
213
|
+
className: PropTypes.string,
|
|
215
214
|
/**
|
|
216
215
|
* Accepts same values as Checkbox component(check in Checkbox component(molecules) propTable)
|
|
217
216
|
*/
|
|
218
|
-
size:
|
|
217
|
+
size: PropTypes.oneOf(checkboxRadioSwitcherConfig.size),
|
|
219
218
|
/**
|
|
220
219
|
* Specify "label" position
|
|
221
220
|
*/
|
|
222
|
-
labelPosition:
|
|
221
|
+
labelPosition: PropTypes.oneOf(checkboxRadioSwitcherConfig.labelPosition),
|
|
223
222
|
/**
|
|
224
223
|
* Specify "label" alignment
|
|
225
224
|
*/
|
|
226
|
-
labelAlignment:
|
|
225
|
+
labelAlignment: PropTypes.oneOf(checkboxRadioSwitcherConfig.labelAlignment),
|
|
227
226
|
/**
|
|
228
227
|
* Description for checkboxes
|
|
229
228
|
*/
|
|
230
|
-
description:
|
|
229
|
+
description: PropTypes.string,
|
|
231
230
|
/**
|
|
232
231
|
* Define is field read only or no.
|
|
233
232
|
*/
|
|
234
|
-
readOnly:
|
|
233
|
+
readOnly: PropTypes.bool,
|
|
235
234
|
/**
|
|
236
235
|
* Define is field required or no.
|
|
237
236
|
*/
|
|
238
|
-
required:
|
|
237
|
+
required: PropTypes.bool,
|
|
239
238
|
/**
|
|
240
239
|
* Additional state for field validation
|
|
241
240
|
*/
|
|
242
|
-
isValid:
|
|
241
|
+
isValid: PropTypes.bool,
|
|
243
242
|
/**
|
|
244
243
|
* Text that will be shown id field is invalid
|
|
245
244
|
*/
|
|
246
|
-
errorText:
|
|
245
|
+
errorText: PropTypes.string,
|
|
247
246
|
/**
|
|
248
247
|
* Different types/views for no data view
|
|
249
248
|
*/
|
|
250
|
-
noDataTypes:
|
|
249
|
+
noDataTypes: PropTypes.oneOf(noDataConfig),
|
|
251
250
|
/**
|
|
252
251
|
* Showing no data with image
|
|
253
252
|
*/
|
|
254
|
-
noDataWithImage:
|
|
253
|
+
noDataWithImage: PropTypes.bool,
|
|
255
254
|
/**
|
|
256
255
|
* Custom No data text
|
|
257
256
|
*/
|
|
258
|
-
noDataText:
|
|
257
|
+
noDataText: PropTypes.string,
|
|
259
258
|
/*
|
|
260
259
|
* When rendering a component, the search field will automatically focused
|
|
261
260
|
*/
|
|
262
|
-
autofocusSearchField:
|
|
261
|
+
autofocusSearchField: PropTypes.bool,
|
|
263
262
|
/*
|
|
264
263
|
* Loader for save button
|
|
265
264
|
*/
|
|
266
|
-
isSaveButtonLoading:
|
|
265
|
+
isSaveButtonLoading: PropTypes.bool
|
|
267
266
|
};
|
|
268
267
|
CheckboxGroupWithSearch.defaultProps = {
|
|
269
268
|
onSave: noop,
|