@geneui/components 3.0.0-next-06dadf3-29102024 → 3.0.0-next-63cb5e7-01112024
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/Avatar.js +63 -0
- package/Divider.js +23 -0
- package/{GeneUIProvider/index.js → GeneUIProvider.js} +51 -64
- package/HelperText.js +69 -0
- package/Info.js +64 -0
- package/Label.js +38 -0
- package/Loader.js +21 -0
- package/Pill.js +64 -0
- package/TextLink.js +20 -0
- package/{index-c7646e48.js → Tooltip.js} +101 -79
- package/{lib → components}/atoms/Avatar/Avatar.d.ts +7 -6
- package/components/atoms/Avatar/index.d.ts +1 -0
- package/{lib → components}/atoms/Divider/Divider.d.ts +5 -5
- package/components/atoms/Divider/index.d.ts +1 -0
- package/{lib → components}/atoms/HelperText/HelperText.d.ts +6 -5
- package/components/atoms/HelperText/index.d.ts +1 -0
- package/{lib → components}/atoms/Info/Info.d.ts +5 -5
- package/components/atoms/Info/index.d.ts +1 -0
- package/{lib → components}/atoms/Label/Label.d.ts +3 -3
- package/components/atoms/Label/index.d.ts +1 -0
- package/{lib → components}/atoms/Loader/Loader.d.ts +5 -5
- package/components/atoms/Loader/index.d.ts +1 -0
- package/{lib → components}/atoms/Pill/Pill.d.ts +7 -6
- package/components/atoms/Pill/index.d.ts +1 -0
- package/{lib → components}/atoms/TextLink/TextLink.d.ts +5 -5
- package/components/atoms/TextLink/index.d.ts +1 -0
- package/{lib → components}/molecules/Tooltip/Tooltip.d.ts +26 -21
- package/components/molecules/Tooltip/index.d.ts +1 -0
- package/components/providers/GeneUIProvider/GeneUIProvider.d.ts +30 -0
- package/components/providers/GeneUIProvider/index.d.ts +1 -0
- package/hooks/index.d.ts +2 -20
- package/hooks/useDebounceCallback/index.d.ts +1 -0
- package/hooks/useDebounceCallback/useDebounceCallback.d.ts +2 -0
- package/hooks/useEllipsisDetection/index.d.ts +1 -1
- package/hooks/useEllipsisDetection/useEllipsisDetection.d.ts +2 -2
- package/{index-031ff73c.js → index-ce02421b.js} +4 -4
- package/index.d.ts +11 -121
- package/index.js +12 -159
- package/package.json +24 -43
- package/tokens-0abb4e1b.js +6 -0
- package/types/index.d.ts +0 -3
- package/useEllipsisDetection-46d712b6.js +34 -0
- package/ActionableList/index.js +0 -1694
- package/AdvancedSearch/index.js +0 -892
- package/Alert/index.js +0 -98
- package/Avatar/index.js +0 -58
- package/Badge/index.js +0 -29
- package/Breadcrumb/index.js +0 -130
- package/BusyLoader/index.js +0 -31
- package/Button/index.js +0 -30
- package/Card/index.js +0 -502
- package/CardList/index.js +0 -662
- package/CellMeasurerCache-26f3693c.js +0 -229
- package/Charts/index.js +0 -17662
- package/Checkbox/index.js +0 -229
- package/CheckboxGroup/index.js +0 -203
- package/CheckboxGroupWithSearch/index.js +0 -280
- package/Collapse/index.js +0 -195
- package/ColorPicker/index.js +0 -210
- package/ComboBox/index.js +0 -524
- package/Copy/index.js +0 -56
- package/Counter/index.js +0 -312
- package/DateFilter/index.js +0 -183
- package/DatePicker/index.js +0 -1229
- package/DatePickerInput/index.js +0 -883
- package/Divider/index.js +0 -23
- package/Drawer/index.js +0 -261
- package/Dropdown/index.js +0 -43
- package/Editor/index.js +0 -22975
- package/Empty/index.js +0 -76
- package/ExtendedInput/index.js +0 -590
- package/Form/index.js +0 -85
- package/FormContainer/index.js +0 -189
- package/FormableCheckbox/index.js +0 -24
- package/FormableDatePicker/index.js +0 -43
- package/FormableDropdown/index.js +0 -50
- package/FormableEditor/index.js +0 -26
- package/FormableHOC-85f89a81.js +0 -83
- package/FormableMultiSelectDropdown/index.js +0 -50
- package/FormableNumberInput/index.js +0 -34
- package/FormableRadio/index.js +0 -22
- package/FormableSwitcher/index.js +0 -22
- package/FormableTextInput/index.js +0 -34
- package/FormableUploader/index.js +0 -44
- package/Grid/index.js +0 -167
- package/HelperText/index.js +0 -86
- package/Holder/index.js +0 -261
- package/Icon/index.js +0 -62
- package/Image/index.js +0 -45
- package/ImagePreview/index.js +0 -217
- package/Info/index.js +0 -41
- package/InfoOutline-dd2e89d9.js +0 -29
- package/InteractiveWidget/index.js +0 -78
- package/KeyValue/index.js +0 -22
- package/Label/index.js +0 -48
- package/LinkButton/index.js +0 -34
- package/Loader/index.js +0 -23
- package/Menu/index.js +0 -281
- package/MobileNavigation/index.js +0 -94
- package/MobilePopup/index.js +0 -182
- package/Modal/index.js +0 -251
- package/ModuleTitle/index.js +0 -141
- package/NavigationMenu/index.js +0 -222
- package/Notification/index.js +0 -120
- package/Option/index.js +0 -184
- package/Overlay/index.js +0 -187
- package/Overspread/index.js +0 -291
- package/Pagination/index.js +0 -261
- package/Paper/index.js +0 -96
- package/Pill/index.js +0 -67
- package/Popover/index.js +0 -725
- package/PopoverV2/index.js +0 -19
- package/Portal/index.js +0 -58
- package/Products/index.js +0 -115
- package/Profile/index.js +0 -589
- package/Progress/index.js +0 -200
- package/QRCode/index.js +0 -814
- package/Radio/index.js +0 -151
- package/RadioGroup/index.js +0 -104
- package/Range/index.js +0 -191
- package/Rating/index.js +0 -174
- package/RichEditor/index.js +0 -13
- package/RichEditor-6ca8346f.js +0 -228
- package/Scrollbar/index.js +0 -1585
- package/Search/index.js +0 -75
- package/SearchWithDropdown/index.js +0 -140
- package/Section/index.js +0 -61
- package/SkeletonLoader/index.js +0 -81
- package/Slider/index.js +0 -261
- package/Status/index.js +0 -97
- package/Steps/index.js +0 -314
- package/SuggestionList/index.js +0 -385
- package/Switcher/index.js +0 -193
- package/Table/index.js +0 -57
- package/TableCompositions/index.js +0 -16995
- package/Tabs/index.js +0 -235
- package/Tag/index.js +0 -102
- package/TextLink/index.js +0 -20
- package/Textarea/index.js +0 -242
- package/Time/index.js +0 -62
- package/TimePicker/index.js +0 -575
- package/Timeline/index.js +0 -113
- package/Title/index.js +0 -65
- package/Toaster/index.js +0 -116
- package/Tooltip/index.js +0 -6
- package/TransferList/index.js +0 -493
- package/Uploader/index.js +0 -992
- package/ValidatableCheckbox/index.js +0 -123
- package/ValidatableDatePicker/index.js +0 -316
- package/ValidatableDropdown/index.js +0 -141
- package/ValidatableElements/index.js +0 -67
- package/ValidatableMultiSelectDropdown/index.js +0 -152
- package/ValidatableNumberInput/index.js +0 -204
- package/ValidatableRadio/index.js +0 -116
- package/ValidatableSwitcher/index.js +0 -93
- package/ValidatableTextInput/index.js +0 -167
- package/ValidatableTimeInput/index.js +0 -174
- package/ValidatableUploader/index.js +0 -98
- package/Widget/index.js +0 -225
- package/_commonjsHelpers-24198af3.js +0 -35
- package/_rollupPluginBabelHelpers-a83240e1.js +0 -11
- package/callAfterDelay-7272faca.js +0 -12
- package/checkTimeValidation-e56771be.js +0 -16
- package/checkboxRadioSwitcher-5b69d7bd.js +0 -4
- package/clsx.m-2bb6df4b.js +0 -3
- package/config-1053d64d.js +0 -20
- package/configs-00612ce0.js +0 -103
- package/configs.js +0 -111
- package/dateValidation-67caec66.js +0 -225
- package/debounce-4419bc2f.js +0 -17
- package/guid-8ddf77b3.js +0 -16
- package/hooks/useBodyScroll.js +0 -16
- package/hooks/useClick.js +0 -18
- package/hooks/useClickOutside.js +0 -25
- package/hooks/useDebounce.js +0 -28
- package/hooks/useDeviceType.js +0 -17
- package/hooks/useDidMount.js +0 -15
- package/hooks/useForceUpdate.js +0 -8
- package/hooks/useHover.js +0 -20
- package/hooks/useImgDownload.js +0 -18
- package/hooks/useKeyDown.js +0 -21
- package/hooks/useMount.js +0 -13
- package/hooks/useMutationObserver.js +0 -21
- package/hooks/usePrevious.js +0 -10
- package/hooks/useThrottle.js +0 -16
- package/hooks/useToggle.js +0 -11
- package/hooks/useUpdatableRef.js +0 -14
- package/hooks/useUpdate.js +0 -10
- package/hooks/useWidth.js +0 -16
- package/hooks/useWindowSize.js +0 -40
- package/index-122432cd.js +0 -270
- package/index-262edd7a.js +0 -77
- package/index-3188e46e.js +0 -1940
- package/index-45eafea6.js +0 -90
- package/index-5f37f281.js +0 -168
- package/index-ce12e4a9.js +0 -10032
- package/index-d0ecb950.js +0 -6483
- package/index-fcbae78d.js +0 -4
- package/index.mobile.d.ts +0 -14
- package/lib/atoms/Avatar/index.d.ts +0 -1
- package/lib/atoms/Badge/Badge.d.ts +0 -36
- package/lib/atoms/Badge/index.d.ts +0 -1
- package/lib/atoms/BusyLoader/BusyLoader.d.ts +0 -32
- package/lib/atoms/BusyLoader/BusyLoaderHolderHOC.d.ts +0 -8
- package/lib/atoms/BusyLoader/index.d.ts +0 -1
- package/lib/atoms/Button/Button.d.ts +0 -70
- package/lib/atoms/Button/index.d.ts +0 -1
- package/lib/atoms/Divider/index.d.ts +0 -1
- package/lib/atoms/Empty/Empty.d.ts +0 -39
- package/lib/atoms/Empty/index.d.ts +0 -1
- package/lib/atoms/Empty/utils.d.ts +0 -9
- package/lib/atoms/HelperText/index.d.ts +0 -1
- package/lib/atoms/Image/Image.d.ts +0 -51
- package/lib/atoms/Image/index.d.ts +0 -1
- package/lib/atoms/ImagePreview/ImagePreview.d.ts +0 -56
- package/lib/atoms/ImagePreview/ImagePreviewHOC.d.ts +0 -4
- package/lib/atoms/ImagePreview/Magnifier.d.ts +0 -40
- package/lib/atoms/ImagePreview/index.d.ts +0 -1
- package/lib/atoms/Info/index.d.ts +0 -1
- package/lib/atoms/KeyValue/KeyValue.d.ts +0 -29
- package/lib/atoms/KeyValue/index.d.ts +0 -1
- package/lib/atoms/Label/index.d.ts +0 -1
- package/lib/atoms/LinkButton/LinkButton.d.ts +0 -46
- package/lib/atoms/LinkButton/index.d.ts +0 -1
- package/lib/atoms/Loader/index.d.ts +0 -1
- package/lib/atoms/Pill/index.d.ts +0 -1
- package/lib/atoms/Rating/DefaultSvg.d.ts +0 -3
- package/lib/atoms/Rating/Rating.d.ts +0 -49
- package/lib/atoms/Rating/index.d.ts +0 -1
- package/lib/atoms/TextLink/index.d.ts +0 -1
- package/lib/molecules/Copy/Copy.d.ts +0 -38
- package/lib/molecules/Copy/index.d.ts +0 -1
- package/lib/molecules/InteractiveWidget/InteractiveWidget.d.ts +0 -70
- package/lib/molecules/InteractiveWidget/InteractiveWidgetIcon.d.ts +0 -8
- package/lib/molecules/InteractiveWidget/index.d.ts +0 -1
- package/lib/molecules/Tooltip/index.d.ts +0 -1
- package/lib/providers/GeneUIProvider/GeneUIProvider.d.ts +0 -30
- package/lib/providers/GeneUIProvider/index.d.ts +0 -1
- package/localization-4ba17032.js +0 -46
- package/objectWithoutPropertiesLoose-e1596bdb.js +0 -62
- package/rangeAndSlider-740a236c.js +0 -8676
- package/react-beautiful-dnd.esm-8c7b5a83.js +0 -10116
- package/react-lifecycles-compat.es-6e1f3768.js +0 -158
- package/redux-e591c1b8.js +0 -536
- package/tokens-8ab1179c.js +0 -6
- package/tslib.es6-f211516f.js +0 -35
- package/useEllipsisDetection-c1c9ad94.js +0 -38
package/SuggestionList/index.js
DELETED
|
@@ -1,385 +0,0 @@
|
|
|
1
|
-
import React__default, { useMemo, useState, useRef, useCallback, useEffect } from 'react';
|
|
2
|
-
import { c as classnames } from '../index-031ff73c.js';
|
|
3
|
-
import { s as stopEvent } from '../index-5f37f281.js';
|
|
4
|
-
import useKeyDown from '../hooks/useKeyDown.js';
|
|
5
|
-
import '../configs-00612ce0.js';
|
|
6
|
-
import useClickOutside from '../hooks/useClickOutside.js';
|
|
7
|
-
import { k as keyDownKeys } from '../config-1053d64d.js';
|
|
8
|
-
import CustomScrollbar from '../Scrollbar/index.js';
|
|
9
|
-
import { s as styleInject } from '../style-inject.es-746bb8ed.js';
|
|
10
|
-
import { c as callAfterDelay } from '../callAfterDelay-7272faca.js';
|
|
11
|
-
import 'prop-types';
|
|
12
|
-
import '../dateValidation-67caec66.js';
|
|
13
|
-
import '../_commonjsHelpers-24198af3.js';
|
|
14
|
-
import 'react-dom';
|
|
15
|
-
import '../_rollupPluginBabelHelpers-a83240e1.js';
|
|
16
|
-
|
|
17
|
-
const getCaretPos = (e, textarea, index, key) => {
|
|
18
|
-
textarea.insertAdjacentHTML('afterend', "<div id='dummy'></div>");
|
|
19
|
-
const dummy = document.getElementById('dummy');
|
|
20
|
-
const style = getComputedStyle(textarea);
|
|
21
|
-
['fontFamily', 'fontSize', 'fontWeight', 'lineHeight', 'wordWrap', 'whiteSpace', 'borderLeftWidth', 'paddingRight', 'borderTopWidth', 'borderRightWidth', 'borderBottomWidth'].forEach(key => {
|
|
22
|
-
dummy.style[key] = style[key];
|
|
23
|
-
});
|
|
24
|
-
dummy.style.overflow = 'auto';
|
|
25
|
-
dummy.style.paddingLeft = '6px';
|
|
26
|
-
dummy.style.width = "".concat(textarea.offsetWidth, "px");
|
|
27
|
-
dummy.style.height = "".concat(textarea.offsetHeight - 20, "px");
|
|
28
|
-
dummy.style.position = 'absolute';
|
|
29
|
-
dummy.style.left = "".concat(textarea.offsetLeft, "px");
|
|
30
|
-
dummy.style.top = "".concat(textarea.offsetTop, "px");
|
|
31
|
-
const val = textarea.value.replaceAll(/\n/g, '<br/>');
|
|
32
|
-
let newVal = '';
|
|
33
|
-
let ind = 0;
|
|
34
|
-
val.split('').forEach(i => {
|
|
35
|
-
if (ind !== null && i === key) {
|
|
36
|
-
ind++;
|
|
37
|
-
}
|
|
38
|
-
if (ind === index) {
|
|
39
|
-
newVal += "<span id='lastId'>".concat(i, "</span>");
|
|
40
|
-
ind = null;
|
|
41
|
-
} else {
|
|
42
|
-
newVal += i === ' ' ? ' ' : i;
|
|
43
|
-
}
|
|
44
|
-
});
|
|
45
|
-
dummy.innerHTML = newVal;
|
|
46
|
-
dummy.scrollTo(0, textarea.scrollTop);
|
|
47
|
-
const lastId = document.getElementById('lastId');
|
|
48
|
-
const returnData = {
|
|
49
|
-
top: lastId.getBoundingClientRect().top,
|
|
50
|
-
left: lastId.getBoundingClientRect().left
|
|
51
|
-
};
|
|
52
|
-
dummy.remove();
|
|
53
|
-
return returnData;
|
|
54
|
-
};
|
|
55
|
-
const getCursorPos = input => {
|
|
56
|
-
if ('selectionStart' in input && document.activeElement === input) {
|
|
57
|
-
return {
|
|
58
|
-
start: input.selectionStart,
|
|
59
|
-
end: input.selectionEnd
|
|
60
|
-
};
|
|
61
|
-
}
|
|
62
|
-
if (input.createTextRange) {
|
|
63
|
-
const sel = document.selection.createRange();
|
|
64
|
-
if (sel.parentElement() === input) {
|
|
65
|
-
const rng = input.createTextRange();
|
|
66
|
-
rng.moveToBookmark(sel.getBookmark());
|
|
67
|
-
let len;
|
|
68
|
-
for (len = 0; rng.compareEndPoints('EndToStart', rng) > 0; rng.moveEnd('character', -1)) {
|
|
69
|
-
len++;
|
|
70
|
-
}
|
|
71
|
-
rng.setEndPoint('StartToStart', input.createTextRange());
|
|
72
|
-
let pos;
|
|
73
|
-
for (pos = {
|
|
74
|
-
start: 0,
|
|
75
|
-
end: len
|
|
76
|
-
}; rng.compareEndPoints('EndToStart', rng) > 0; rng.moveEnd('character', -1)) {
|
|
77
|
-
pos.start++;
|
|
78
|
-
pos.end++;
|
|
79
|
-
}
|
|
80
|
-
return pos;
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
return -1;
|
|
84
|
-
};
|
|
85
|
-
|
|
86
|
-
var css_248z = "[data-gene-ui-version=\"2.16.4\"] .suggestion-list{background:var(--background);border:1px solid #0000000d;border-radius:1rem;box-shadow:0 .2rem .4rem 0 #0000000d,0 0 0 1px #ffffff14;overflow:hidden;position:fixed;width:200px;z-index:400}[data-gene-ui-version=\"2.16.4\"] .suggestion-list .suggestion-rows{font:600 1.4rem/1.8rem var(--font-family);width:100%}[data-gene-ui-version=\"2.16.4\"] .suggestion-list .suggestion-rows ul{width:100%}[data-gene-ui-version=\"2.16.4\"] .suggestion-list .suggestion-rows ul li{align-items:center;cursor:pointer;display:flex;height:4rem;padding-left:16px;transition:background .4s,color .4s;width:100%}[data-gene-ui-version=\"2.16.4\"] .suggestion-list .suggestion-rows ul li.hover{background:rgba(var(--background-sc-rgb),.05)}";
|
|
87
|
-
styleInject(css_248z);
|
|
88
|
-
|
|
89
|
-
const ROW_WIDTH = 300;
|
|
90
|
-
const ROW_HEIGHT = 40;
|
|
91
|
-
const ROW_COUNT = 5;
|
|
92
|
-
function SuggestionList(_ref) {
|
|
93
|
-
let {
|
|
94
|
-
onChange,
|
|
95
|
-
onHover,
|
|
96
|
-
elemRef,
|
|
97
|
-
data = []
|
|
98
|
-
} = _ref;
|
|
99
|
-
const keys = useMemo(() => data.map(i => i.key), [data]);
|
|
100
|
-
const [suggestionData, setSuggestionData] = useState(null);
|
|
101
|
-
const [hoveredState, setHoveredState] = useState(0);
|
|
102
|
-
const hoveredRowRef = useRef(null);
|
|
103
|
-
const scrollRef = useRef(null);
|
|
104
|
-
const realText = useRef();
|
|
105
|
-
const dataToShow = useMemo(() => {
|
|
106
|
-
var _suggestionData$data;
|
|
107
|
-
if (!suggestionData) return null;
|
|
108
|
-
const returnedData = suggestionData.search ? (_suggestionData$data = suggestionData.data) === null || _suggestionData$data === void 0 ? void 0 : _suggestionData$data.filter(i => i.label.toUpperCase().includes(suggestionData.search.toUpperCase())) : suggestionData.data;
|
|
109
|
-
return returnedData && returnedData.length ? returnedData : null;
|
|
110
|
-
}, [suggestionData]);
|
|
111
|
-
if (elemRef.current) {
|
|
112
|
-
elemRef.current.isSuggestionListOpen = !!dataToShow;
|
|
113
|
-
}
|
|
114
|
-
const getKeyIndex = useCallback(inputValue => {
|
|
115
|
-
const existingKey = {
|
|
116
|
-
index: -1,
|
|
117
|
-
key: null
|
|
118
|
-
};
|
|
119
|
-
keys.forEach(i => {
|
|
120
|
-
if (inputValue.lastIndexOf(i) > existingKey.index) {
|
|
121
|
-
existingKey.index = inputValue.lastIndexOf(i);
|
|
122
|
-
existingKey.key = i;
|
|
123
|
-
}
|
|
124
|
-
});
|
|
125
|
-
return existingKey.index > -1 ? existingKey : null;
|
|
126
|
-
}, [keys]);
|
|
127
|
-
const arrowDownHandler = useCallback(e => {
|
|
128
|
-
stopEvent(e, true);
|
|
129
|
-
if (hoveredState < suggestionData.data.length - 1) {
|
|
130
|
-
setHoveredState(prev => prev + 1);
|
|
131
|
-
hoverHandler(e, hoveredState + 1);
|
|
132
|
-
}
|
|
133
|
-
if (hoveredState === dataToShow.length - 1) return;
|
|
134
|
-
const scrollElem = scrollRef.current.container.children[0];
|
|
135
|
-
if (hoveredRowRef.current && scrollElem) {
|
|
136
|
-
if (hoveredRowRef.current.getBoundingClientRect().top - scrollElem.getBoundingClientRect().top > ROW_HEIGHT * 3) {
|
|
137
|
-
scrollElem.scrollTo(0, (hoveredState - 3) * ROW_HEIGHT);
|
|
138
|
-
}
|
|
139
|
-
}
|
|
140
|
-
}, [dataToShow, hoveredRowRef, scrollRef, hoveredState, suggestionData]);
|
|
141
|
-
const arrowUpHandler = useCallback(e => {
|
|
142
|
-
stopEvent(e, true);
|
|
143
|
-
if (hoveredState > 0) {
|
|
144
|
-
setHoveredState(prev => prev - 1);
|
|
145
|
-
hoverHandler(e, hoveredState - 1);
|
|
146
|
-
}
|
|
147
|
-
if (hoveredState === dataToShow.length - 1) return;
|
|
148
|
-
const scrollElem = scrollRef.current.container.children[0];
|
|
149
|
-
if (hoveredRowRef.current && scrollElem) {
|
|
150
|
-
if (hoveredRowRef.current.getBoundingClientRect().top - scrollElem.getBoundingClientRect().top < ROW_HEIGHT * 2) {
|
|
151
|
-
scrollElem.scrollTo(0, (hoveredState - 1) * ROW_HEIGHT);
|
|
152
|
-
}
|
|
153
|
-
}
|
|
154
|
-
}, [dataToShow, hoveredRowRef, scrollRef, hoveredState]);
|
|
155
|
-
const onEnterHandler = useCallback(e => {
|
|
156
|
-
resetText();
|
|
157
|
-
if (dataToShow && dataToShow.length) {
|
|
158
|
-
if (e) {
|
|
159
|
-
stopEvent(e, true);
|
|
160
|
-
} else {
|
|
161
|
-
elemRef.current.focus();
|
|
162
|
-
}
|
|
163
|
-
const to = getCursorPos(elemRef.current).end;
|
|
164
|
-
callAfterDelay(() => {
|
|
165
|
-
elemRef.current.selectionEnd = to + dataToShow[hoveredState].value.toString().length;
|
|
166
|
-
});
|
|
167
|
-
onChange({
|
|
168
|
-
from: to - (suggestionData.search ? suggestionData.search.length : 0) - 1,
|
|
169
|
-
data: dataToShow[hoveredState],
|
|
170
|
-
key: suggestionData.key,
|
|
171
|
-
to
|
|
172
|
-
});
|
|
173
|
-
}
|
|
174
|
-
setSuggestionData(null);
|
|
175
|
-
}, [suggestionData, setSuggestionData, hoveredState, onChange, elemRef, dataToShow]);
|
|
176
|
-
const hoverHandler = useCallback((e, hoverIndex) => {
|
|
177
|
-
if (dataToShow && dataToShow.length) {
|
|
178
|
-
if (!realText.current) {
|
|
179
|
-
realText.current = elemRef.current.value;
|
|
180
|
-
}
|
|
181
|
-
if (e) {
|
|
182
|
-
stopEvent(e, true);
|
|
183
|
-
} else {
|
|
184
|
-
elemRef.current.focus();
|
|
185
|
-
}
|
|
186
|
-
const to = getCursorPos(elemRef.current).end;
|
|
187
|
-
callAfterDelay(() => {
|
|
188
|
-
elemRef.current.selectionEnd = to;
|
|
189
|
-
});
|
|
190
|
-
onHover({
|
|
191
|
-
from: to - (suggestionData.search ? suggestionData.search.length : 0),
|
|
192
|
-
data: dataToShow[hoverIndex],
|
|
193
|
-
key: suggestionData.key,
|
|
194
|
-
to
|
|
195
|
-
});
|
|
196
|
-
}
|
|
197
|
-
}, [suggestionData, onHover, elemRef, realText, dataToShow]);
|
|
198
|
-
const onBackSpaseHandler = useCallback(e => {
|
|
199
|
-
resetText();
|
|
200
|
-
if (keys.includes(e.target.value.slice(0, getCursorPos(elemRef.current).start).slice(-1))) {
|
|
201
|
-
setSuggestionData(null);
|
|
202
|
-
} else {
|
|
203
|
-
callAfterDelay(() => {
|
|
204
|
-
const inputValue = e.target.value;
|
|
205
|
-
const {
|
|
206
|
-
start
|
|
207
|
-
} = getCursorPos(elemRef.current);
|
|
208
|
-
if (!inputValue) {
|
|
209
|
-
setSuggestionData(null);
|
|
210
|
-
} else if (suggestionData && suggestionData.data.length) {
|
|
211
|
-
const fromStartToKey = inputValue.slice(0, start);
|
|
212
|
-
setSuggestionData({
|
|
213
|
-
...suggestionData,
|
|
214
|
-
search: fromStartToKey.slice(fromStartToKey.lastIndexOf(suggestionData.key) + 1)
|
|
215
|
-
});
|
|
216
|
-
} else {
|
|
217
|
-
const fromStartToKey = inputValue.slice(0, start);
|
|
218
|
-
const lastKeyObj = getKeyIndex(fromStartToKey);
|
|
219
|
-
if (lastKeyObj) {
|
|
220
|
-
const stringAfterKey = inputValue.slice(lastKeyObj.index + 1, fromStartToKey.length);
|
|
221
|
-
if (inputValue.length === 1 || stringAfterKey.search(keyDownKeys.space) === -1 && (lastKeyObj.index === 0 || inputValue[lastKeyObj.index - 1] === keyDownKeys.space || RegExp(/\n/g, 'u').test(inputValue[lastKeyObj.index - 1]))) {
|
|
222
|
-
const list = data.find(i => i.key === lastKeyObj.key);
|
|
223
|
-
if (list) {
|
|
224
|
-
const caretPos = getCaretPos(e, elemRef.current, fromStartToKey.split(lastKeyObj.key).length - 1, lastKeyObj.key);
|
|
225
|
-
setSuggestionData({
|
|
226
|
-
...list,
|
|
227
|
-
search: stringAfterKey,
|
|
228
|
-
...caretPos
|
|
229
|
-
});
|
|
230
|
-
}
|
|
231
|
-
}
|
|
232
|
-
}
|
|
233
|
-
}
|
|
234
|
-
});
|
|
235
|
-
}
|
|
236
|
-
}, [setSuggestionData, suggestionData, data, keys, elemRef, getKeyIndex]);
|
|
237
|
-
const onKeyHandler = useCallback(e => {
|
|
238
|
-
callAfterDelay(() => {
|
|
239
|
-
const inputValue = e.target.value;
|
|
240
|
-
const {
|
|
241
|
-
key
|
|
242
|
-
} = e;
|
|
243
|
-
const fromStartToKey = inputValue.slice(0, getCursorPos(elemRef.current).start);
|
|
244
|
-
if ((inputValue.length === 1 || fromStartToKey.at(-2) === keyDownKeys.space || RegExp(/\n/g, 'u').test(fromStartToKey.at(-2))) && !suggestionData) {
|
|
245
|
-
const list = data.find(i => i.key === key);
|
|
246
|
-
if (list) {
|
|
247
|
-
const caretPos = getCaretPos(e, elemRef.current, fromStartToKey.split(key).length - 1, key);
|
|
248
|
-
setSuggestionData({
|
|
249
|
-
...list,
|
|
250
|
-
...caretPos
|
|
251
|
-
});
|
|
252
|
-
}
|
|
253
|
-
} else {
|
|
254
|
-
setSuggestionData(null);
|
|
255
|
-
}
|
|
256
|
-
});
|
|
257
|
-
}, [elemRef, suggestionData, setSuggestionData, data]);
|
|
258
|
-
const resetText = () => {
|
|
259
|
-
if (realText.current) {
|
|
260
|
-
const cursorPosition = elemRef.current.selectionStart;
|
|
261
|
-
elemRef.current.value = realText.current;
|
|
262
|
-
realText.current = undefined;
|
|
263
|
-
elemRef.current.selectionStart = cursorPosition;
|
|
264
|
-
elemRef.current.selectionEnd = cursorPosition;
|
|
265
|
-
}
|
|
266
|
-
};
|
|
267
|
-
const onRestKeysPressHandler = useCallback(e => {
|
|
268
|
-
// Symbol is pressed
|
|
269
|
-
if (e.key.length === 1) {
|
|
270
|
-
resetText();
|
|
271
|
-
}
|
|
272
|
-
callAfterDelay(() => {
|
|
273
|
-
const inputValue = e.target.value;
|
|
274
|
-
const fromStartToKey = inputValue.slice(0, getCursorPos(elemRef.current).start);
|
|
275
|
-
const lastKeyObj = getKeyIndex(fromStartToKey);
|
|
276
|
-
if (suggestionData && lastKeyObj) {
|
|
277
|
-
setSuggestionData({
|
|
278
|
-
...suggestionData,
|
|
279
|
-
search: fromStartToKey.slice(fromStartToKey.lastIndexOf(suggestionData.key) + 1)
|
|
280
|
-
});
|
|
281
|
-
} else if (lastKeyObj) {
|
|
282
|
-
const stringAfterKey = inputValue.slice(lastKeyObj.index + 1, fromStartToKey.length);
|
|
283
|
-
if (stringAfterKey.search(keyDownKeys.space) === -1 && inputValue[lastKeyObj.index - 1] === keyDownKeys.space && !RegExp(/\n/g, 'u').test(fromStartToKey.at(-1))) {
|
|
284
|
-
const list = data.find(i => i.key === lastKeyObj.key);
|
|
285
|
-
if (list) {
|
|
286
|
-
const caretPos = getCaretPos(e, elemRef.current, fromStartToKey.split(lastKeyObj.key).length - 1, lastKeyObj.key);
|
|
287
|
-
setSuggestionData({
|
|
288
|
-
...list,
|
|
289
|
-
search: stringAfterKey,
|
|
290
|
-
...caretPos
|
|
291
|
-
});
|
|
292
|
-
}
|
|
293
|
-
}
|
|
294
|
-
} else {
|
|
295
|
-
setSuggestionData(null);
|
|
296
|
-
}
|
|
297
|
-
});
|
|
298
|
-
}, [elemRef, getKeyIndex, suggestionData]);
|
|
299
|
-
const handleKeyPress = useCallback(e => {
|
|
300
|
-
const {
|
|
301
|
-
key
|
|
302
|
-
} = e;
|
|
303
|
-
switch (key) {
|
|
304
|
-
case keyDownKeys.enter:
|
|
305
|
-
onEnterHandler(e);
|
|
306
|
-
break;
|
|
307
|
-
case keyDownKeys.tab:
|
|
308
|
-
case keyDownKeys.escape:
|
|
309
|
-
case keyDownKeys.space:
|
|
310
|
-
case keyDownKeys.arrowLeft:
|
|
311
|
-
case keyDownKeys.arrowRight:
|
|
312
|
-
setSuggestionData(null);
|
|
313
|
-
resetText();
|
|
314
|
-
break;
|
|
315
|
-
case keyDownKeys.arrowUp:
|
|
316
|
-
suggestionData && arrowUpHandler(e);
|
|
317
|
-
break;
|
|
318
|
-
case keyDownKeys.arrowDown:
|
|
319
|
-
suggestionData && arrowDownHandler(e);
|
|
320
|
-
break;
|
|
321
|
-
case keyDownKeys.backspace:
|
|
322
|
-
onBackSpaseHandler(e);
|
|
323
|
-
break;
|
|
324
|
-
case keys[keys.indexOf(key)]:
|
|
325
|
-
onKeyHandler(e);
|
|
326
|
-
resetText();
|
|
327
|
-
break;
|
|
328
|
-
default:
|
|
329
|
-
onRestKeysPressHandler(e);
|
|
330
|
-
}
|
|
331
|
-
}, [onEnterHandler, setSuggestionData, suggestionData, onBackSpaseHandler, onKeyHandler, onRestKeysPressHandler]);
|
|
332
|
-
const onMouseEnter = (e, index) => {
|
|
333
|
-
setHoveredState(index);
|
|
334
|
-
hoverHandler(e, index);
|
|
335
|
-
};
|
|
336
|
-
const height = useMemo(() => dataToShow ? dataToShow.length >= ROW_COUNT ? ROW_COUNT * ROW_HEIGHT : dataToShow.length * ROW_HEIGHT : 0, [dataToShow]);
|
|
337
|
-
const handleOutsideClick = useClickOutside(() => {
|
|
338
|
-
setSuggestionData(null);
|
|
339
|
-
resetText();
|
|
340
|
-
});
|
|
341
|
-
useEffect(() => {
|
|
342
|
-
if (!elemRef) return;
|
|
343
|
-
const handlePasteAnywhere = () => setSuggestionData(null);
|
|
344
|
-
elemRef.current.addEventListener('paste', handlePasteAnywhere);
|
|
345
|
-
return () => {
|
|
346
|
-
elemRef.current.removeEventListener('paste', handlePasteAnywhere);
|
|
347
|
-
};
|
|
348
|
-
}, [elemRef]);
|
|
349
|
-
useEffect(() => {
|
|
350
|
-
setHoveredState(0);
|
|
351
|
-
hoverHandler(undefined, 0);
|
|
352
|
-
}, [suggestionData]);
|
|
353
|
-
useKeyDown(handleKeyPress, [handleKeyPress], elemRef, []);
|
|
354
|
-
const onItemClick = event => {
|
|
355
|
-
event.stopPropagation();
|
|
356
|
-
onEnterHandler();
|
|
357
|
-
};
|
|
358
|
-
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, dataToShow && /*#__PURE__*/React__default.createElement("div", {
|
|
359
|
-
ref: handleOutsideClick,
|
|
360
|
-
className: "suggestion-list",
|
|
361
|
-
style: {
|
|
362
|
-
top: suggestionData.top - (dataToShow.length >= ROW_COUNT ? ROW_HEIGHT * ROW_COUNT : dataToShow.length * ROW_HEIGHT),
|
|
363
|
-
left: suggestionData.left,
|
|
364
|
-
height,
|
|
365
|
-
width: ROW_WIDTH
|
|
366
|
-
}
|
|
367
|
-
}, /*#__PURE__*/React__default.createElement("div", {
|
|
368
|
-
className: "suggestion-rows"
|
|
369
|
-
}, /*#__PURE__*/React__default.createElement(CustomScrollbar, {
|
|
370
|
-
ref: scrollRef,
|
|
371
|
-
autoHeight: true,
|
|
372
|
-
autoHeightMax: ROW_COUNT * ROW_HEIGHT,
|
|
373
|
-
size: "small"
|
|
374
|
-
}, /*#__PURE__*/React__default.createElement("ul", null, dataToShow.map((i, index) => /*#__PURE__*/React__default.createElement("li", {
|
|
375
|
-
className: classnames({
|
|
376
|
-
hover: index === hoveredState
|
|
377
|
-
}),
|
|
378
|
-
ref: index === hoveredState ? hoveredRowRef : null,
|
|
379
|
-
onMouseEnter: e => onMouseEnter(e, index),
|
|
380
|
-
onClick: onItemClick,
|
|
381
|
-
key: i.label
|
|
382
|
-
}, /*#__PURE__*/React__default.createElement("span", null, i.label))))))));
|
|
383
|
-
}
|
|
384
|
-
|
|
385
|
-
export { SuggestionList as default };
|
package/Switcher/index.js
DELETED
|
@@ -1,193 +0,0 @@
|
|
|
1
|
-
import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
|
|
2
|
-
import React__default, { forwardRef, useRef, useState, useMemo } from 'react';
|
|
3
|
-
import PropTypes from 'prop-types';
|
|
4
|
-
import { c as classnames } from '../index-031ff73c.js';
|
|
5
|
-
import { c as checkboxRadioSwitcherConfig } from '../configs-00612ce0.js';
|
|
6
|
-
import { n as noop, i as interceptValue } from '../index-5f37f281.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';
|
|
13
|
-
import 'react-dom';
|
|
14
|
-
|
|
15
|
-
var css_248z = "[data-gene-ui-version=\"2.16.4\"] .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.16.4\"] .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.16.4\"] .crs-component .switcher-element:hover,[data-gene-ui-version=\"2.16.4\"] .crs-holder:focus-within .switcher-element,[data-gene-ui-version=\"2.16.4\"] .crs-label:hover~.crs-component .switcher-element{color:#0000}[data-gene-ui-version=\"2.16.4\"] .crs-component .switcher-element:hover small,[data-gene-ui-version=\"2.16.4\"] .crs-holder:focus-within .switcher-element small,[data-gene-ui-version=\"2.16.4\"] .crs-label:hover~.crs-component .switcher-element small{width:var(--size)}}[data-gene-ui-version=\"2.16.4\"] .switcher-element.active{background:var(--hero);color:var(--hero-sc);padding-inline-end:var(--size);padding-inline-start:.3rem}[data-gene-ui-version=\"2.16.4\"] .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.16.4\"] .switcher-element.s-big{--size:2rem}[data-gene-ui-version=\"2.16.4\"] .switcher-element.error-color{background:var(--danger);color:var(--danger-sc)}[data-gene-ui-version=\"2.16.4\"] .switcher-element.error-color small{background:var(--danger-sc)}[data-gene-ui-version=\"2.16.4\"] .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.16.4\"] .switcher-element.read-only small{background:rgba(var(--background-sc-rgb),.38);box-shadow:none}[data-gene-ui-version=\"2.16.4\"] .switcher-element.read-only.active{color:var(--hero)}[data-gene-ui-version=\"2.16.4\"] .switcher-element.read-only.active small{background:var(--hero)}";
|
|
16
|
-
styleInject(css_248z);
|
|
17
|
-
|
|
18
|
-
const Switcher = /*#__PURE__*/forwardRef((props, ref) => {
|
|
19
|
-
const {
|
|
20
|
-
onText,
|
|
21
|
-
offText,
|
|
22
|
-
size,
|
|
23
|
-
label,
|
|
24
|
-
labelPosition,
|
|
25
|
-
labelAlignment,
|
|
26
|
-
description,
|
|
27
|
-
readOnly,
|
|
28
|
-
disabled,
|
|
29
|
-
required,
|
|
30
|
-
isValid,
|
|
31
|
-
errorText,
|
|
32
|
-
defaultChecked,
|
|
33
|
-
onChange,
|
|
34
|
-
changeOnEnter,
|
|
35
|
-
value,
|
|
36
|
-
className,
|
|
37
|
-
...restProps
|
|
38
|
-
} = props;
|
|
39
|
-
const containerRef = useRef(null);
|
|
40
|
-
const [checkedState, setCheckedState] = useState(defaultChecked);
|
|
41
|
-
const isControlled = ('checked' in props);
|
|
42
|
-
const checked = isControlled ? props.checked : checkedState;
|
|
43
|
-
const randomId = useMemo(guid, []);
|
|
44
|
-
const handleChange = e => {
|
|
45
|
-
const {
|
|
46
|
-
checked
|
|
47
|
-
} = e.target;
|
|
48
|
-
!isControlled && setCheckedState(checked);
|
|
49
|
-
onChange(interceptValue(e, value));
|
|
50
|
-
};
|
|
51
|
-
const hasError = !isValid;
|
|
52
|
-
|
|
53
|
-
/*
|
|
54
|
-
* Change value on Enter key down
|
|
55
|
-
*/
|
|
56
|
-
useKeyDown(e => {
|
|
57
|
-
if (changeOnEnter) {
|
|
58
|
-
setCheckedState(checked => !checked);
|
|
59
|
-
onChange(interceptValue(e, value));
|
|
60
|
-
}
|
|
61
|
-
}, [value, onChange], containerRef, ['Enter']);
|
|
62
|
-
return /*#__PURE__*/React__default.createElement("div", {
|
|
63
|
-
ref: containerRef,
|
|
64
|
-
className: classnames('crs-holder', className, "lp-".concat(labelPosition), "la-".concat(labelAlignment), {
|
|
65
|
-
disabled,
|
|
66
|
-
error: hasError,
|
|
67
|
-
'read-only': readOnly
|
|
68
|
-
})
|
|
69
|
-
}, /*#__PURE__*/React__default.createElement("div", {
|
|
70
|
-
className: classnames('label-holder', {
|
|
71
|
-
'has-label': !!label
|
|
72
|
-
})
|
|
73
|
-
}, label && /*#__PURE__*/React__default.createElement("div", {
|
|
74
|
-
className: "crs-item crs-label"
|
|
75
|
-
}, /*#__PURE__*/React__default.createElement("label", {
|
|
76
|
-
className: "ellipsis-text",
|
|
77
|
-
htmlFor: randomId
|
|
78
|
-
}, required && "* ", label)), /*#__PURE__*/React__default.createElement("div", {
|
|
79
|
-
className: "crs-item crs-component"
|
|
80
|
-
}, /*#__PURE__*/React__default.createElement("input", _extends({
|
|
81
|
-
type: "checkbox",
|
|
82
|
-
onChange: handleChange,
|
|
83
|
-
checked: checked,
|
|
84
|
-
disabled: disabled,
|
|
85
|
-
value: value,
|
|
86
|
-
ref: ref,
|
|
87
|
-
id: randomId
|
|
88
|
-
}, restProps)), /*#__PURE__*/React__default.createElement("label", {
|
|
89
|
-
className: classnames('switcher-element', "s-".concat(size), {
|
|
90
|
-
active: checked,
|
|
91
|
-
'error-color': !checked && !errorText && hasError,
|
|
92
|
-
'read-only': readOnly
|
|
93
|
-
}),
|
|
94
|
-
htmlFor: randomId
|
|
95
|
-
}, /*#__PURE__*/React__default.createElement("span", null, checked ? onText : offText), /*#__PURE__*/React__default.createElement("small", null)))), hasError && errorText && /*#__PURE__*/React__default.createElement("div", {
|
|
96
|
-
className: "information-message color-danger"
|
|
97
|
-
}, errorText), description && /*#__PURE__*/React__default.createElement("div", {
|
|
98
|
-
className: "input-description"
|
|
99
|
-
}, description));
|
|
100
|
-
});
|
|
101
|
-
Switcher.propTypes = {
|
|
102
|
-
/**
|
|
103
|
-
* Text to be written when on
|
|
104
|
-
*/
|
|
105
|
-
onText: PropTypes.string,
|
|
106
|
-
/**
|
|
107
|
-
* Text to be written when off
|
|
108
|
-
*/
|
|
109
|
-
offText: PropTypes.string,
|
|
110
|
-
/**
|
|
111
|
-
* Control Switcher state with this prop. When component is controled it will not switch automatically
|
|
112
|
-
*/
|
|
113
|
-
checked: PropTypes.bool,
|
|
114
|
-
/**
|
|
115
|
-
* Switcher size
|
|
116
|
-
*/
|
|
117
|
-
size: PropTypes.oneOf(checkboxRadioSwitcherConfig.size),
|
|
118
|
-
/**
|
|
119
|
-
* Will add a label for switcher. Any valid React node
|
|
120
|
-
*/
|
|
121
|
-
label: PropTypes.node,
|
|
122
|
-
/**
|
|
123
|
-
* Specify label position
|
|
124
|
-
*/
|
|
125
|
-
labelPosition: PropTypes.oneOf(checkboxRadioSwitcherConfig.labelPosition),
|
|
126
|
-
/**
|
|
127
|
-
* Specify label alignment
|
|
128
|
-
*/
|
|
129
|
-
labelAlignment: PropTypes.oneOf(checkboxRadioSwitcherConfig.labelAlignment),
|
|
130
|
-
/**
|
|
131
|
-
* Will add a description for switcher. Any valid React node
|
|
132
|
-
*/
|
|
133
|
-
description: PropTypes.node,
|
|
134
|
-
/**
|
|
135
|
-
* Switcher will become readonly when set to "true"
|
|
136
|
-
*/
|
|
137
|
-
readOnly: PropTypes.bool,
|
|
138
|
-
/**
|
|
139
|
-
* Switcher will change when Enter key pressed (note: its will not work inside of form component)
|
|
140
|
-
*/
|
|
141
|
-
changeOnEnter: PropTypes.bool,
|
|
142
|
-
/**
|
|
143
|
-
* Switcher will become disabled when set to "true"
|
|
144
|
-
*/
|
|
145
|
-
disabled: PropTypes.bool,
|
|
146
|
-
/**
|
|
147
|
-
* Switcher will add an extra asterix to the "label". For more info see "ValidatableSwitcher"(integrated Radio with "Form" organism).
|
|
148
|
-
*/
|
|
149
|
-
required: PropTypes.bool,
|
|
150
|
-
/**
|
|
151
|
-
* Control Switcher validation. For more info see "ValidatableSwitcher"(integrated Radio with "Form" organism).
|
|
152
|
-
*/
|
|
153
|
-
isValid: PropTypes.bool,
|
|
154
|
-
/**
|
|
155
|
-
* Shows error text when "isValid" is set to "false".
|
|
156
|
-
*/
|
|
157
|
-
errorText: PropTypes.string,
|
|
158
|
-
/**
|
|
159
|
-
* This prop will only applied once as defaultState for "checked" when Swticher mounts.
|
|
160
|
-
* Note that specifing this prop is not mean controlling it.
|
|
161
|
-
*/
|
|
162
|
-
defaultChecked: PropTypes.bool,
|
|
163
|
-
/**
|
|
164
|
-
* Fires an event when Switcher changes checked state((event: Event) => void).
|
|
165
|
-
*/
|
|
166
|
-
onChange: PropTypes.func,
|
|
167
|
-
/**
|
|
168
|
-
* Pass a value to Switcher and get it back within "onChange" event
|
|
169
|
-
*/
|
|
170
|
-
value: PropTypes.any,
|
|
171
|
-
/**
|
|
172
|
-
* Additional className
|
|
173
|
-
*/
|
|
174
|
-
className: PropTypes.string
|
|
175
|
-
};
|
|
176
|
-
Switcher.defaultProps = {
|
|
177
|
-
onText: '',
|
|
178
|
-
offText: '',
|
|
179
|
-
size: checkboxRadioSwitcherConfig.size[0],
|
|
180
|
-
label: '',
|
|
181
|
-
labelPosition: checkboxRadioSwitcherConfig.labelPosition[0],
|
|
182
|
-
labelAlignment: checkboxRadioSwitcherConfig.labelAlignment[0],
|
|
183
|
-
description: '',
|
|
184
|
-
readOnly: false,
|
|
185
|
-
onChange: noop,
|
|
186
|
-
disabled: false,
|
|
187
|
-
required: false,
|
|
188
|
-
isValid: true,
|
|
189
|
-
errorText: '',
|
|
190
|
-
defaultChecked: false
|
|
191
|
-
};
|
|
192
|
-
|
|
193
|
-
export { Switcher as default };
|
package/Table/index.js
DELETED
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
import '../_rollupPluginBabelHelpers-a83240e1.js';
|
|
2
|
-
import 'react';
|
|
3
|
-
export { T as default } from '../index-d0ecb950.js';
|
|
4
|
-
import 'prop-types';
|
|
5
|
-
import '../index-ce12e4a9.js';
|
|
6
|
-
import '../CellMeasurerCache-26f3693c.js';
|
|
7
|
-
import '../index-031ff73c.js';
|
|
8
|
-
import '../index-5f37f281.js';
|
|
9
|
-
import '../hooks/useMount.js';
|
|
10
|
-
import '../hooks/useUpdate.js';
|
|
11
|
-
import '../configs-00612ce0.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-c7646e48.js';
|
|
22
|
-
import '../tslib.es6-f211516f.js';
|
|
23
|
-
import 'react-dom';
|
|
24
|
-
import '../GeneUIProvider/index.js';
|
|
25
|
-
import '../Button/index.js';
|
|
26
|
-
import '../dateValidation-67caec66.js';
|
|
27
|
-
import '../_commonjsHelpers-24198af3.js';
|
|
28
|
-
import '../SkeletonLoader/index.js';
|
|
29
|
-
import '../Copy/index.js';
|
|
30
|
-
import '../callAfterDelay-7272faca.js';
|
|
31
|
-
import '../hooks/useHover.js';
|
|
32
|
-
import '../Popover/index.js';
|
|
33
|
-
import '../index-122432cd.js';
|
|
34
|
-
import '../hooks/useDeviceType.js';
|
|
35
|
-
import '../hooks/useWindowSize.js';
|
|
36
|
-
import '../hooks/useDebounce.js';
|
|
37
|
-
import '../hooks/useUpdatableRef.js';
|
|
38
|
-
import '../hooks/useForceUpdate.js';
|
|
39
|
-
import '../Portal/index.js';
|
|
40
|
-
import '../ExtendedInput/index.js';
|
|
41
|
-
import '../useEllipsisDetection-c1c9ad94.js';
|
|
42
|
-
import '../SuggestionList/index.js';
|
|
43
|
-
import '../hooks/useKeyDown.js';
|
|
44
|
-
import '../hooks/useClickOutside.js';
|
|
45
|
-
import '../config-1053d64d.js';
|
|
46
|
-
import '../Menu/index.js';
|
|
47
|
-
import '../Option/index.js';
|
|
48
|
-
import '../index-3188e46e.js';
|
|
49
|
-
import '../redux-e591c1b8.js';
|
|
50
|
-
import '../objectWithoutPropertiesLoose-e1596bdb.js';
|
|
51
|
-
import '../react-lifecycles-compat.es-6e1f3768.js';
|
|
52
|
-
import '../clsx.m-2bb6df4b.js';
|
|
53
|
-
import '../hooks/useClick.js';
|
|
54
|
-
import '../Checkbox/index.js';
|
|
55
|
-
import '../checkboxRadioSwitcher-5b69d7bd.js';
|
|
56
|
-
import '../index-fcbae78d.js';
|
|
57
|
-
import '../Tag/index.js';
|