@geneui/components 2.11.1 → 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.js → Alert/index.js} +19 -20
- package/Avatar/index.js +30 -0
- package/{Badge.js → Badge/index.js} +13 -14
- package/{Breadcrumb.js → Breadcrumb/index.js} +32 -31
- package/{BusyLoader.js → BusyLoader/index.js} +11 -12
- package/{Button.js → Button/index.js} +20 -21
- package/CHANGELOG.md +56 -0
- package/{Card.js → Card/index.js} +82 -94
- package/{CardList.js → CardList/index.js} +118 -165
- package/{CellMeasurerCache-c11cec83.js → CellMeasurerCache-bc2163c1.js} +2 -2
- package/{index-0cf65939.js → Charts/index.js} +17103 -30439
- 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-5e722d91.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} +83 -73
- 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.js → Image/index.js} +29 -30
- package/ImagePreview/index.js +481 -0
- package/{KeyValue.js → KeyValue/index.js} +11 -12
- package/LICENSE +21 -0
- package/{Label.js → Label/index.js} +8 -9
- package/LinkButton/index.js +67 -0
- package/{Menu.js → Menu/index.js} +39 -34
- package/{MobileNavigation.js → MobileNavigation/index.js} +19 -20
- 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} +44 -35
- package/{Notification.js → Notification/index.js} +24 -25
- package/{Option.js → Option/index.js} +37 -39
- package/Overlay/index.js +189 -0
- package/{Overspread.js → Overspread/index.js} +65 -121
- package/{Pagination.js → Pagination/index.js} +35 -34
- package/Paper/index.js +96 -0
- package/{index-a4635754.js → Popover/index.js} +48 -58
- package/{index-702bf24a.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.js → Progress/index.js} +24 -25
- 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-b7928765.js → RichEditor-8b9c3afa.js} +18 -18
- package/{Scrollbar.js → Scrollbar/index.js} +15 -17
- package/{Search.js → Search/index.js} +25 -24
- package/{SearchWithDropdown.js → SearchWithDropdown/index.js} +47 -104
- package/{Section.js → Section/index.js} +15 -16
- package/{SkeletonLoader.js → SkeletonLoader/index.js} +13 -14
- package/{Slider.js → Slider/index.js} +46 -43
- package/{Status.js → Status/index.js} +23 -24
- package/{Steps.js → Steps/index.js} +42 -41
- package/{index-5cea9a7d.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.js → Tabs/index.js} +27 -28
- package/{Tag.js → Tag/index.js} +17 -18
- 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.js → Timeline/index.js} +19 -20
- package/{Title.js → Title/index.js} +13 -14
- 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-d9e8a888.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-a59530cd.js → index-583e0b30.js} +1 -1
- package/{index-67f4d4d1.js → index-78d2ea5b.js} +684 -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/Avatar.js +0 -77
- 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/ImagePreview.js +0 -99
- package/LinkButton.js +0 -104
- package/ModuleTitle.js +0 -99
- package/Overlay.js +0 -99
- package/Paper.js +0 -97
- package/Popover.js +0 -20
- package/PopoverV2.js +0 -19
- package/Profile.js +0 -99
- package/Range.js +0 -14
- package/RichEditor.js +0 -13
- package/SuggestionList.js +0 -15
- package/Table.js +0 -102
- package/TimePicker.js +0 -99
- 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-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=\"2.
|
|
15
|
+
var css_248z = "[data-gene-ui-version=\"2.12.1\"] .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.1\"] .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.1\"] .crs-component .switcher-element:hover,[data-gene-ui-version=\"2.12.1\"] .crs-holder:focus-within .switcher-element,[data-gene-ui-version=\"2.12.1\"] .crs-label:hover~.crs-component .switcher-element{color:#0000}[data-gene-ui-version=\"2.12.1\"] .crs-component .switcher-element:hover small,[data-gene-ui-version=\"2.12.1\"] .crs-holder:focus-within .switcher-element small,[data-gene-ui-version=\"2.12.1\"] .crs-label:hover~.crs-component .switcher-element small{width:var(--size)}}[data-gene-ui-version=\"2.12.1\"] .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.1\"] .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.1\"] .switcher-element.s-big{--size:2rem}[data-gene-ui-version=\"2.12.1\"] .switcher-element.error-color{background:var(--danger);color:var(--danger-sc)}[data-gene-ui-version=\"2.12.1\"] .switcher-element.error-color small{background:var(--danger-sc)}[data-gene-ui-version=\"2.12.1\"] .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.1\"] .switcher-element.read-only small{background:rgba(var(--background-sc-rgb),.38);box-shadow:none}[data-gene-ui-version=\"2.12.1\"] .switcher-element.read-only.active{color:var(--hero)}[data-gene-ui-version=\"2.12.1\"] .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-78d2ea5b.js';
|
|
4
|
+
import 'prop-types';
|
|
5
|
+
import '../index-bd525a3a.js';
|
|
6
|
+
import '../CellMeasurerCache-bc2163c1.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 '../jsx-runtime-57b40d9e.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-583e0b30.js';
|
|
53
|
+
import '../Tag/index.js';
|