@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,19 +1,18 @@
|
|
|
1
|
-
import { _ as _extends } from '
|
|
1
|
+
import { _ as _extends } from '../_rollupPluginBabelHelpers-e8fb2e5c.js';
|
|
2
2
|
import React__default, { forwardRef, useRef, 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 } from '
|
|
7
|
-
import
|
|
8
|
-
import '
|
|
9
|
-
import '
|
|
10
|
-
import {
|
|
11
|
-
import
|
|
12
|
-
import '
|
|
13
|
-
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 } from '../index-a0e4e333.js';
|
|
7
|
+
import useKeyDown from '../hooks/useKeyDown.js';
|
|
8
|
+
import '../checkboxRadioSwitcher-5b69d7bd.js';
|
|
9
|
+
import { s as styleInject } from '../style-inject.es-746bb8ed.js';
|
|
10
|
+
import { g as guid } from '../guid-8ddf77b3.js';
|
|
11
|
+
import '../dateValidation-67caec66.js';
|
|
12
|
+
import '../_commonjsHelpers-24198af3.js';
|
|
14
13
|
import 'react-dom';
|
|
15
14
|
|
|
16
|
-
var css_248z = "[data-gene-ui-version=\"
|
|
15
|
+
var css_248z = "[data-gene-ui-version=\"2.12.2\"] .switcher-element{--size:1.8rem;align-items:center;background:rgba(var(--background-sc-rgb),.38);border:1px solid #0000;border-radius:2rem;color:var(--background);cursor:pointer;display:flex;font:600 .8rem/1rem var(--font-family);height:var(--size);justify-content:center;min-width:calc(var(--size)*2);padding-inline-end:.3rem;padding-inline-start:var(--size);position:relative;transition:color .2s,background .2s,border-color .2s,min-width .2s,height .2s}[data-gene-ui-version=\"2.12.2\"] .switcher-element small{background:var(--background);border-radius:1.4rem;box-shadow:0 .2rem .4rem 0 #00000029;height:calc(var(--size) - 4px);position:absolute;top:1px;transition:width .2s,left .2s,right .2s,transform .2s,background .2s,box-shadow .2s;width:calc(var(--size) - 4px)}html:not([dir=rtl]) .switcher-element small{left:1px}html[dir=rtl] .switcher-element small{right:1px}@media (hover:hover){[data-gene-ui-version=\"2.12.2\"] .crs-component .switcher-element:hover,[data-gene-ui-version=\"2.12.2\"] .crs-holder:focus-within .switcher-element,[data-gene-ui-version=\"2.12.2\"] .crs-label:hover~.crs-component .switcher-element{color:#0000}[data-gene-ui-version=\"2.12.2\"] .crs-component .switcher-element:hover small,[data-gene-ui-version=\"2.12.2\"] .crs-holder:focus-within .switcher-element small,[data-gene-ui-version=\"2.12.2\"] .crs-label:hover~.crs-component .switcher-element small{width:var(--size)}}[data-gene-ui-version=\"2.12.2\"] .switcher-element.active{background:var(--hero);color:var(--hero-sc);padding-inline-end:var(--size);padding-inline-start:.3rem}[data-gene-ui-version=\"2.12.2\"] .switcher-element.active small{background:var(--hero-sc);transform:translateX(-100%)}html:not([dir=rtl]) .switcher-element.active small{left:calc(100% - 1px)}html[dir=rtl] .switcher-element.active small{right:calc(100% - 1px);transform:translateX(100%)}[data-gene-ui-version=\"2.12.2\"] .switcher-element.s-big{--size:2rem}[data-gene-ui-version=\"2.12.2\"] .switcher-element.error-color{background:var(--danger);color:var(--danger-sc)}[data-gene-ui-version=\"2.12.2\"] .switcher-element.error-color small{background:var(--danger-sc)}[data-gene-ui-version=\"2.12.2\"] .switcher-element.read-only{background:none;border-color:rgba(var(--background-sc-rgb),.38);color:rgba(var(--background-sc-rgb),.38)}[data-gene-ui-version=\"2.12.2\"] .switcher-element.read-only small{background:rgba(var(--background-sc-rgb),.38);box-shadow:none}[data-gene-ui-version=\"2.12.2\"] .switcher-element.read-only.active{color:var(--hero)}[data-gene-ui-version=\"2.12.2\"] .switcher-element.read-only.active small{background:var(--hero)}";
|
|
17
16
|
styleInject(css_248z);
|
|
18
17
|
|
|
19
18
|
const Switcher = /*#__PURE__*/forwardRef((props, ref) => {
|
|
@@ -103,76 +102,76 @@ Switcher.propTypes = {
|
|
|
103
102
|
/**
|
|
104
103
|
* Text to be written when on
|
|
105
104
|
*/
|
|
106
|
-
onText:
|
|
105
|
+
onText: PropTypes.string,
|
|
107
106
|
/**
|
|
108
107
|
* Text to be written when off
|
|
109
108
|
*/
|
|
110
|
-
offText:
|
|
109
|
+
offText: PropTypes.string,
|
|
111
110
|
/**
|
|
112
111
|
* Control Switcher state with this prop. When component is controled it will not switch automatically
|
|
113
112
|
*/
|
|
114
|
-
checked:
|
|
113
|
+
checked: PropTypes.bool,
|
|
115
114
|
/**
|
|
116
115
|
* Switcher size
|
|
117
116
|
*/
|
|
118
|
-
size:
|
|
117
|
+
size: PropTypes.oneOf(checkboxRadioSwitcherConfig.size),
|
|
119
118
|
/**
|
|
120
119
|
* Will add a label for switcher. Any valid React node
|
|
121
120
|
*/
|
|
122
|
-
label:
|
|
121
|
+
label: PropTypes.node,
|
|
123
122
|
/**
|
|
124
123
|
* Specify label position
|
|
125
124
|
*/
|
|
126
|
-
labelPosition:
|
|
125
|
+
labelPosition: PropTypes.oneOf(checkboxRadioSwitcherConfig.labelPosition),
|
|
127
126
|
/**
|
|
128
127
|
* Specify label alignment
|
|
129
128
|
*/
|
|
130
|
-
labelAlignment:
|
|
129
|
+
labelAlignment: PropTypes.oneOf(checkboxRadioSwitcherConfig.labelAlignment),
|
|
131
130
|
/**
|
|
132
131
|
* Will add a description for switcher. Any valid React node
|
|
133
132
|
*/
|
|
134
|
-
description:
|
|
133
|
+
description: PropTypes.node,
|
|
135
134
|
/**
|
|
136
135
|
* Switcher will become readonly when set to "true"
|
|
137
136
|
*/
|
|
138
|
-
readOnly:
|
|
137
|
+
readOnly: PropTypes.bool,
|
|
139
138
|
/**
|
|
140
139
|
* Switcher will change when Enter key pressed (note: its will not work inside of form component)
|
|
141
140
|
*/
|
|
142
|
-
changeOnEnter:
|
|
141
|
+
changeOnEnter: PropTypes.bool,
|
|
143
142
|
/**
|
|
144
143
|
* Switcher will become disabled when set to "true"
|
|
145
144
|
*/
|
|
146
|
-
disabled:
|
|
145
|
+
disabled: PropTypes.bool,
|
|
147
146
|
/**
|
|
148
147
|
* Switcher will add an extra asterix to the "label". For more info see "ValidatableSwitcher"(integrated Radio with "Form" organism).
|
|
149
148
|
*/
|
|
150
|
-
required:
|
|
149
|
+
required: PropTypes.bool,
|
|
151
150
|
/**
|
|
152
151
|
* Control Switcher validation. For more info see "ValidatableSwitcher"(integrated Radio with "Form" organism).
|
|
153
152
|
*/
|
|
154
|
-
isValid:
|
|
153
|
+
isValid: PropTypes.bool,
|
|
155
154
|
/**
|
|
156
155
|
* Shows error text when "isValid" is set to "false".
|
|
157
156
|
*/
|
|
158
|
-
errorText:
|
|
157
|
+
errorText: PropTypes.string,
|
|
159
158
|
/**
|
|
160
159
|
* This prop will only applied once as defaultState for "checked" when Swticher mounts.
|
|
161
160
|
* Note that specifing this prop is not mean controlling it.
|
|
162
161
|
*/
|
|
163
|
-
defaultChecked:
|
|
162
|
+
defaultChecked: PropTypes.bool,
|
|
164
163
|
/**
|
|
165
164
|
* Fires an event when Switcher changes checked state((event: Event) => void).
|
|
166
165
|
*/
|
|
167
|
-
onChange:
|
|
166
|
+
onChange: PropTypes.func,
|
|
168
167
|
/**
|
|
169
168
|
* Pass a value to Switcher and get it back within "onChange" event
|
|
170
169
|
*/
|
|
171
|
-
value:
|
|
170
|
+
value: PropTypes.any,
|
|
172
171
|
/**
|
|
173
172
|
* Additional className
|
|
174
173
|
*/
|
|
175
|
-
className:
|
|
174
|
+
className: PropTypes.string
|
|
176
175
|
};
|
|
177
176
|
Switcher.defaultProps = {
|
|
178
177
|
onText: '',
|
package/Table/index.js
ADDED
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import '../_rollupPluginBabelHelpers-e8fb2e5c.js';
|
|
2
|
+
import 'react';
|
|
3
|
+
export { T as default } from '../index-11eea761.js';
|
|
4
|
+
import 'prop-types';
|
|
5
|
+
import '../index-34e47647.js';
|
|
6
|
+
import '../CellMeasurerCache-3741d716.js';
|
|
7
|
+
import '../index-6ff23041.js';
|
|
8
|
+
import '../index-a0e4e333.js';
|
|
9
|
+
import '../hooks/useMount.js';
|
|
10
|
+
import '../hooks/useUpdate.js';
|
|
11
|
+
import '../configs-fed6ac34.js';
|
|
12
|
+
import '../hooks/useThrottle.js';
|
|
13
|
+
import '../Empty/index.js';
|
|
14
|
+
import '../Scrollbar/index.js';
|
|
15
|
+
import '../BusyLoader/index.js';
|
|
16
|
+
import '../guid-8ddf77b3.js';
|
|
17
|
+
import '../debounce-4419bc2f.js';
|
|
18
|
+
import '../hooks/useMutationObserver.js';
|
|
19
|
+
import '../Icon/index.js';
|
|
20
|
+
import '../style-inject.es-746bb8ed.js';
|
|
21
|
+
import '../index-b1e429a7.js';
|
|
22
|
+
import '../objectWithoutPropertiesLoose-d8a4a68c.js';
|
|
23
|
+
import '../Button/index.js';
|
|
24
|
+
import '../SkeletonLoader/index.js';
|
|
25
|
+
import '../_commonjsHelpers-24198af3.js';
|
|
26
|
+
import '../Tooltip/index.js';
|
|
27
|
+
import '../Popover-f4d1cac0.js';
|
|
28
|
+
import 'react-dom';
|
|
29
|
+
import '../hooks/useDeviceType.js';
|
|
30
|
+
import '../hooks/useWindowSize.js';
|
|
31
|
+
import '../GeneUIProvider/index.js';
|
|
32
|
+
import '../dateValidation-67caec66.js';
|
|
33
|
+
import '../config-0ca92874.js';
|
|
34
|
+
import '../Popover/index.js';
|
|
35
|
+
import '../index-122432cd.js';
|
|
36
|
+
import '../hooks/useUpdatableRef.js';
|
|
37
|
+
import '../hooks/useForceUpdate.js';
|
|
38
|
+
import '../Portal/index.js';
|
|
39
|
+
import '../ExtendedInput/index.js';
|
|
40
|
+
import '../hooks/useEllipsisDetection.js';
|
|
41
|
+
import '../SuggestionList/index.js';
|
|
42
|
+
import '../hooks/useKeyDown.js';
|
|
43
|
+
import '../hooks/useClickOutside.js';
|
|
44
|
+
import '../Menu/index.js';
|
|
45
|
+
import '../Option/index.js';
|
|
46
|
+
import '../index-462461c0.js';
|
|
47
|
+
import '../react-lifecycles-compat.es-6e1f3768.js';
|
|
48
|
+
import '../clsx.m-2bb6df4b.js';
|
|
49
|
+
import '../hooks/useClick.js';
|
|
50
|
+
import '../Checkbox/index.js';
|
|
51
|
+
import '../checkboxRadioSwitcher-5b69d7bd.js';
|
|
52
|
+
import '../index-2ad83e03.js';
|
|
53
|
+
import '../Tag/index.js';
|