@geneui/components 3.0.0-next-06dadf3-29102024 → 3.0.0-next-48d0ef7-31102024
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/Search/index.js
DELETED
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
|
|
2
|
-
import React__default, { forwardRef, useState, useCallback } from 'react';
|
|
3
|
-
import PropTypes from 'prop-types';
|
|
4
|
-
import ExtendedInput from '../ExtendedInput/index.js';
|
|
5
|
-
import '../index-031ff73c.js';
|
|
6
|
-
import '../configs-00612ce0.js';
|
|
7
|
-
import '../index-5f37f281.js';
|
|
8
|
-
import '../dateValidation-67caec66.js';
|
|
9
|
-
import '../_commonjsHelpers-24198af3.js';
|
|
10
|
-
import 'react-dom';
|
|
11
|
-
import '../hooks/useDeviceType.js';
|
|
12
|
-
import '../hooks/useWindowSize.js';
|
|
13
|
-
import '../hooks/useDebounce.js';
|
|
14
|
-
import '../useEllipsisDetection-c1c9ad94.js';
|
|
15
|
-
import '../Icon/index.js';
|
|
16
|
-
import '../style-inject.es-746bb8ed.js';
|
|
17
|
-
import '../SuggestionList/index.js';
|
|
18
|
-
import '../hooks/useKeyDown.js';
|
|
19
|
-
import '../hooks/useClickOutside.js';
|
|
20
|
-
import '../config-1053d64d.js';
|
|
21
|
-
import '../Scrollbar/index.js';
|
|
22
|
-
import '../callAfterDelay-7272faca.js';
|
|
23
|
-
import '../index-c7646e48.js';
|
|
24
|
-
import '../tslib.es6-f211516f.js';
|
|
25
|
-
import '../GeneUIProvider/index.js';
|
|
26
|
-
|
|
27
|
-
const Search = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
28
|
-
let {
|
|
29
|
-
onChange,
|
|
30
|
-
placeholder,
|
|
31
|
-
defaultValue,
|
|
32
|
-
className,
|
|
33
|
-
...restProps
|
|
34
|
-
} = _ref;
|
|
35
|
-
const [value, setValue] = useState(defaultValue);
|
|
36
|
-
const handleChange = useCallback(e => {
|
|
37
|
-
setValue(e.target.value);
|
|
38
|
-
onChange && onChange(e, e.target.value);
|
|
39
|
-
}, [onChange]);
|
|
40
|
-
return /*#__PURE__*/React__default.createElement(ExtendedInput, _extends({
|
|
41
|
-
ref: ref,
|
|
42
|
-
placeholder: placeholder,
|
|
43
|
-
onChange: handleChange
|
|
44
|
-
}, restProps, {
|
|
45
|
-
value: value,
|
|
46
|
-
type: "text",
|
|
47
|
-
icon: "bc-icon-search",
|
|
48
|
-
className: "search-holder ".concat(className)
|
|
49
|
-
}));
|
|
50
|
-
});
|
|
51
|
-
Search.propTypes = {
|
|
52
|
-
/**
|
|
53
|
-
* Fires an event when the value of the 'Search' input changes.
|
|
54
|
-
* Expected function signature: (event: Event, value: string) => void.
|
|
55
|
-
*/
|
|
56
|
-
onChange: PropTypes.func,
|
|
57
|
-
/**
|
|
58
|
-
* Placeholder for search input
|
|
59
|
-
*/
|
|
60
|
-
placeholder: PropTypes.string,
|
|
61
|
-
/**
|
|
62
|
-
* Initial value of 'Search'.
|
|
63
|
-
*/
|
|
64
|
-
defaultValue: PropTypes.string,
|
|
65
|
-
/**
|
|
66
|
-
* External/additional className for component
|
|
67
|
-
*/
|
|
68
|
-
className: PropTypes.string
|
|
69
|
-
};
|
|
70
|
-
Search.defaultProps = {
|
|
71
|
-
placeholder: 'Search',
|
|
72
|
-
className: ''
|
|
73
|
-
};
|
|
74
|
-
|
|
75
|
-
export { Search as default };
|
|
@@ -1,140 +0,0 @@
|
|
|
1
|
-
import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
|
|
2
|
-
import React__default, { useState, useCallback } from 'react';
|
|
3
|
-
import PropTypes from 'prop-types';
|
|
4
|
-
import { c as classnames } from '../index-031ff73c.js';
|
|
5
|
-
import { n as noop } from '../index-5f37f281.js';
|
|
6
|
-
import Search from '../Search/index.js';
|
|
7
|
-
import { D as Dropdown } from '../index-ce12e4a9.js';
|
|
8
|
-
import { s as styleInject } from '../style-inject.es-746bb8ed.js';
|
|
9
|
-
import '../dateValidation-67caec66.js';
|
|
10
|
-
import '../_commonjsHelpers-24198af3.js';
|
|
11
|
-
import 'react-dom';
|
|
12
|
-
import '../ExtendedInput/index.js';
|
|
13
|
-
import '../configs-00612ce0.js';
|
|
14
|
-
import '../hooks/useDeviceType.js';
|
|
15
|
-
import '../hooks/useWindowSize.js';
|
|
16
|
-
import '../hooks/useDebounce.js';
|
|
17
|
-
import '../useEllipsisDetection-c1c9ad94.js';
|
|
18
|
-
import '../Icon/index.js';
|
|
19
|
-
import '../SuggestionList/index.js';
|
|
20
|
-
import '../hooks/useKeyDown.js';
|
|
21
|
-
import '../hooks/useClickOutside.js';
|
|
22
|
-
import '../config-1053d64d.js';
|
|
23
|
-
import '../Scrollbar/index.js';
|
|
24
|
-
import '../callAfterDelay-7272faca.js';
|
|
25
|
-
import '../index-c7646e48.js';
|
|
26
|
-
import '../tslib.es6-f211516f.js';
|
|
27
|
-
import '../GeneUIProvider/index.js';
|
|
28
|
-
import '../objectWithoutPropertiesLoose-e1596bdb.js';
|
|
29
|
-
import '../react-lifecycles-compat.es-6e1f3768.js';
|
|
30
|
-
import '../clsx.m-2bb6df4b.js';
|
|
31
|
-
import '../hooks/useMount.js';
|
|
32
|
-
import '../hooks/useClick.js';
|
|
33
|
-
import '../hooks/useUpdatableRef.js';
|
|
34
|
-
import '../hooks/useForceUpdate.js';
|
|
35
|
-
import '../BusyLoader/index.js';
|
|
36
|
-
import '../Empty/index.js';
|
|
37
|
-
import '../index-3188e46e.js';
|
|
38
|
-
import '../index-122432cd.js';
|
|
39
|
-
import '../debounce-4419bc2f.js';
|
|
40
|
-
import '../Checkbox/index.js';
|
|
41
|
-
import '../checkboxRadioSwitcher-5b69d7bd.js';
|
|
42
|
-
import '../guid-8ddf77b3.js';
|
|
43
|
-
import '../index-fcbae78d.js';
|
|
44
|
-
import '../Tag/index.js';
|
|
45
|
-
|
|
46
|
-
var css_248z = "[data-gene-ui-version=\"2.16.4\"] .search-dropdown-mix{display:flex;max-width:100%;position:relative}[data-gene-ui-version=\"2.16.4\"] .search-dropdown-mix.f-full-width{width:100%}[data-gene-ui-version=\"2.16.4\"] .search-dropdown-mix.f-full-width .search-holder{flex:auto}[data-gene-ui-version=\"2.16.4\"] .search-dropdown-mix.f-full-width .dropdown-holder{min-width:36.8811881188%}[data-gene-ui-version=\"2.16.4\"] .search-dropdown-mix.f-default-width .search-holder{max-width:25.5rem;width:100%}[data-gene-ui-version=\"2.16.4\"] .search-dropdown-mix.f-default-width .dropdown-holder{min-width:14.9rem}[data-gene-ui-version=\"2.16.4\"] .search-dropdown-mix .search-holder:before{background:rgba(var(--background-sc-rgb),.05);bottom:.6rem;content:\"\";display:block;position:absolute;top:.6rem;width:1px}html:not([dir=rtl]) .search-dropdown-mix .search-holder:before{left:100%}html[dir=rtl] .search-dropdown-mix .search-holder:before{right:100%}html:not([dir=rtl]) .search-dropdown-mix .search-holder .input-element-back{border-top-right-radius:0}html[dir=rtl] .search-dropdown-mix .search-holder .input-element-back{border-top-left-radius:0}html:not([dir=rtl]) .search-dropdown-mix .search-holder .input-element-back{border-bottom-right-radius:0}html[dir=rtl] .search-dropdown-mix .search-holder .input-element-back{border-bottom-left-radius:0}[data-gene-ui-version=\"2.16.4\"] .search-dropdown-mix .dropdown-holder{flex-shrink:0}html:not([dir=rtl]) .search-dropdown-mix .dropdown-holder .input-element-back{border-top-left-radius:0}html[dir=rtl] .search-dropdown-mix .dropdown-holder .input-element-back{border-top-right-radius:0}html:not([dir=rtl]) .search-dropdown-mix .dropdown-holder .input-element-back{border-bottom-left-radius:0}html[dir=rtl] .search-dropdown-mix .dropdown-holder .input-element-back{border-bottom-right-radius:0}[data-gene-ui-version=\"2.16.4\"] .search-dropdown-mix .dropDown{max-width:150px;min-width:150px}";
|
|
47
|
-
styleInject(css_248z);
|
|
48
|
-
|
|
49
|
-
const SearchWithDropdownConfig = {
|
|
50
|
-
flexibility: ['default-width', 'full-width']
|
|
51
|
-
};
|
|
52
|
-
function SearchWithDropdown(_ref) {
|
|
53
|
-
let {
|
|
54
|
-
onChange,
|
|
55
|
-
searchProps,
|
|
56
|
-
dropdownProps,
|
|
57
|
-
flexibility,
|
|
58
|
-
hideDropdown,
|
|
59
|
-
dataKey
|
|
60
|
-
} = _ref;
|
|
61
|
-
const {
|
|
62
|
-
defaultValue
|
|
63
|
-
} = searchProps;
|
|
64
|
-
const [query, setQuery] = useState(defaultValue);
|
|
65
|
-
const [dataKeys, setDataKeys] = useState(() => dropdownProps.defaultValue || []);
|
|
66
|
-
const handleSearch = useCallback(e => {
|
|
67
|
-
const query = e.target.value;
|
|
68
|
-
setQuery(query);
|
|
69
|
-
onChange({
|
|
70
|
-
query,
|
|
71
|
-
dataKeys
|
|
72
|
-
});
|
|
73
|
-
}, [onChange, dataKeys]);
|
|
74
|
-
const handleDropdown = useCallback(items => {
|
|
75
|
-
const dataKeys = Array.isArray(items) ? items.map(item => item[dataKey]) : items[dataKey];
|
|
76
|
-
setDataKeys(dataKeys);
|
|
77
|
-
onChange({
|
|
78
|
-
query,
|
|
79
|
-
dataKeys
|
|
80
|
-
});
|
|
81
|
-
}, [query, onChange, dataKey]);
|
|
82
|
-
return hideDropdown ? /*#__PURE__*/React__default.createElement(Search, _extends({}, searchProps, {
|
|
83
|
-
inputSize: "big",
|
|
84
|
-
appearance: "minimal",
|
|
85
|
-
onChange: handleSearch
|
|
86
|
-
})) : /*#__PURE__*/React__default.createElement("div", {
|
|
87
|
-
className: classnames('search-dropdown-mix', "f-".concat(flexibility))
|
|
88
|
-
}, /*#__PURE__*/React__default.createElement(Search, _extends({}, searchProps, {
|
|
89
|
-
inputSize: "big",
|
|
90
|
-
appearance: "minimal",
|
|
91
|
-
onChange: handleSearch
|
|
92
|
-
})), !hideDropdown && /*#__PURE__*/React__default.createElement("div", {
|
|
93
|
-
className: "dropDown"
|
|
94
|
-
}, /*#__PURE__*/React__default.createElement(Dropdown, _extends({}, dropdownProps, {
|
|
95
|
-
inputSize: "big",
|
|
96
|
-
appearance: "minimal",
|
|
97
|
-
flexibility: "content-size",
|
|
98
|
-
onChange: handleDropdown
|
|
99
|
-
}))));
|
|
100
|
-
}
|
|
101
|
-
SearchWithDropdown.propTypes = {
|
|
102
|
-
/**
|
|
103
|
-
* Called when the user attempts to change the value,
|
|
104
|
-
* OnChange({ query: string, dataKey: array })
|
|
105
|
-
*/
|
|
106
|
-
onChange: PropTypes.func,
|
|
107
|
-
/**
|
|
108
|
-
* Accepts same props as search component(molecules)
|
|
109
|
-
*/
|
|
110
|
-
searchProps: PropTypes.shape({
|
|
111
|
-
...Search.propTypes
|
|
112
|
-
}),
|
|
113
|
-
/**
|
|
114
|
-
* Accpets same props as dropdown component(organisms)
|
|
115
|
-
*/
|
|
116
|
-
dropdownProps: PropTypes.shape({
|
|
117
|
-
...Dropdown.propTypes
|
|
118
|
-
}),
|
|
119
|
-
/**
|
|
120
|
-
* Control component passing `default-width` or `full-width`,
|
|
121
|
-
*/
|
|
122
|
-
flexibility: PropTypes.oneOf(SearchWithDropdownConfig.flexibility),
|
|
123
|
-
/**
|
|
124
|
-
* Hides dropdown
|
|
125
|
-
*/
|
|
126
|
-
hideDropdown: PropTypes.bool,
|
|
127
|
-
/**
|
|
128
|
-
* unique value in dropdown items
|
|
129
|
-
*/
|
|
130
|
-
dataKey: PropTypes.string
|
|
131
|
-
};
|
|
132
|
-
SearchWithDropdown.defaultProps = {
|
|
133
|
-
searchProps: {},
|
|
134
|
-
flexibility: SearchWithDropdownConfig.flexibility[0],
|
|
135
|
-
onChange: noop,
|
|
136
|
-
hideDropdown: false,
|
|
137
|
-
dataKey: 'dataKey'
|
|
138
|
-
};
|
|
139
|
-
|
|
140
|
-
export { SearchWithDropdown as default };
|
package/Section/index.js
DELETED
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
import React__default from 'react';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
|
-
import { t as titleConfig } from '../configs-00612ce0.js';
|
|
4
|
-
import Title from '../Title/index.js';
|
|
5
|
-
import { s as styleInject } from '../style-inject.es-746bb8ed.js';
|
|
6
|
-
import '../_rollupPluginBabelHelpers-a83240e1.js';
|
|
7
|
-
import '../index-031ff73c.js';
|
|
8
|
-
import '../Icon/index.js';
|
|
9
|
-
|
|
10
|
-
var css_248z = "[data-gene-ui-version=\"2.16.4\"] .section-holder{background:var(--background);border:1px solid rgba(var(--background-sc-rgb),.1);border-radius:2rem;padding:0 2rem 2rem;width:100%}[data-gene-ui-version=\"2.16.4\"] .section-holder+.section-holder{margin:1.3rem 0 0}[data-gene-ui-version=\"2.16.4\"] .section-head{align-items:center;display:flex;height:5.4rem;width:100%}[data-gene-ui-version=\"2.16.4\"] .section-body{align-items:stretch;display:flex;flex-direction:column}[data-gene-ui-version=\"2.16.4\"] .section-sub-group{width:100%}[data-gene-ui-version=\"2.16.4\"] .section-sub-group:not(:last-child){margin-bottom:1.4rem}[data-gene-ui-version=\"2.16.4\"] .section-sub-group:not(:first-child){margin-top:.7rem}";
|
|
11
|
-
styleInject(css_248z);
|
|
12
|
-
|
|
13
|
-
function Section(_ref) {
|
|
14
|
-
let {
|
|
15
|
-
children,
|
|
16
|
-
...restProps
|
|
17
|
-
} = _ref;
|
|
18
|
-
return /*#__PURE__*/React__default.createElement("ul", {
|
|
19
|
-
className: "section-holder"
|
|
20
|
-
}, /*#__PURE__*/React__default.createElement("li", {
|
|
21
|
-
className: "section-head"
|
|
22
|
-
}, /*#__PURE__*/React__default.createElement(Title, restProps)), /*#__PURE__*/React__default.createElement("li", {
|
|
23
|
-
className: "section-body"
|
|
24
|
-
}, children));
|
|
25
|
-
}
|
|
26
|
-
Section.propTypes = {
|
|
27
|
-
/**
|
|
28
|
-
* Wrapping with 'Section' anything passed as child. Any valid React node
|
|
29
|
-
*/
|
|
30
|
-
children: PropTypes.node.isRequired,
|
|
31
|
-
/**
|
|
32
|
-
* Display an icon. Values are the same as "Icon" atoms type prop
|
|
33
|
-
*/
|
|
34
|
-
icon: PropTypes.string,
|
|
35
|
-
/**
|
|
36
|
-
* Text/Component to be displayed. Any valid React node
|
|
37
|
-
*/
|
|
38
|
-
text: PropTypes.node.isRequired,
|
|
39
|
-
/**
|
|
40
|
-
* Actions to be displayed. Any valid React node
|
|
41
|
-
*/
|
|
42
|
-
actions: PropTypes.node,
|
|
43
|
-
/**
|
|
44
|
-
* Title color
|
|
45
|
-
*/
|
|
46
|
-
color: PropTypes.oneOf(titleConfig.color),
|
|
47
|
-
/**
|
|
48
|
-
* Displays a divider line
|
|
49
|
-
*/
|
|
50
|
-
withLine: PropTypes.bool,
|
|
51
|
-
/**
|
|
52
|
-
* Additional className
|
|
53
|
-
*/
|
|
54
|
-
className: PropTypes.string
|
|
55
|
-
};
|
|
56
|
-
Section.defaultProps = {
|
|
57
|
-
color: titleConfig.color[1],
|
|
58
|
-
withLine: false
|
|
59
|
-
};
|
|
60
|
-
|
|
61
|
-
export { Section as default };
|
package/SkeletonLoader/index.js
DELETED
|
@@ -1,81 +0,0 @@
|
|
|
1
|
-
import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
|
|
2
|
-
import React__default from 'react';
|
|
3
|
-
import PropTypes from 'prop-types';
|
|
4
|
-
import { g as getDefaultExportFromCjs } from '../_commonjsHelpers-24198af3.js';
|
|
5
|
-
import { s as styleInject } from '../style-inject.es-746bb8ed.js';
|
|
6
|
-
|
|
7
|
-
var bundleExports = {};
|
|
8
|
-
var bundle = {
|
|
9
|
-
get exports(){ return bundleExports; },
|
|
10
|
-
set exports(v){ bundleExports = v; },
|
|
11
|
-
};
|
|
12
|
-
|
|
13
|
-
(function (module, exports) {
|
|
14
|
-
!function(e,r){module.exports=r(React__default);}(window,(function(e){return function(e){var r={};function t(n){if(r[n])return r[n].exports;var a=r[n]={i:n,l:!1,exports:{}};return e[n].call(a.exports,a,a.exports,t),a.l=!0,a.exports}return t.m=e,t.c=r,t.d=function(e,r,n){t.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:n});},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0});},t.t=function(e,r){if(1&r&&(e=t(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(t.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var a in e)t.d(n,a,function(r){return e[r]}.bind(null,a));return n},t.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(r,"a",r),r},t.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},t.p="",t(t.s=1)}([function(r,t){r.exports=e;},function(e,r,t){e.exports=t(2);},function(e,r,t){t.r(r);var n=t(0),a=t.n(n);var i=function(){function e(e){this.isSpeedy=void 0===e.speedy||e.speedy,this.tags=[],this.ctr=0,this.nonce=e.nonce,this.key=e.key,this.container=e.container,this.before=null;}var r=e.prototype;return r.insert=function(e){if(this.ctr%(this.isSpeedy?65e3:1)==0){var r,t=function(e){var r=document.createElement("style");return r.setAttribute("data-emotion",e.key),void 0!==e.nonce&&r.setAttribute("nonce",e.nonce),r.appendChild(document.createTextNode("")),r}(this);r=0===this.tags.length?this.before:this.tags[this.tags.length-1].nextSibling,this.container.insertBefore(t,r),this.tags.push(t);}var n=this.tags[this.tags.length-1];if(this.isSpeedy){var a=function(e){if(e.sheet)return e.sheet;for(var r=0;r<document.styleSheets.length;r++)if(document.styleSheets[r].ownerNode===e)return document.styleSheets[r]}(n);try{var i=105===e.charCodeAt(1)&&64===e.charCodeAt(0);a.insertRule(e,i?0:a.cssRules.length);}catch(e){}}else n.appendChild(document.createTextNode(e));this.ctr++;},r.flush=function(){this.tags.forEach((function(e){return e.parentNode.removeChild(e)})),this.tags=[],this.ctr=0;},e}();var c=function(e){function r(e,r,n){var a=r.trim().split(b);r=a;var i=a.length,c=e.length;switch(c){case 0:case 1:var o=0;for(e=0===c?"":e[0]+" ";o<i;++o)r[o]=t(e,r[o],n).trim();break;default:var s=o=0;for(r=[];o<i;++o)for(var u=0;u<c;++u)r[s++]=t(e[u]+" ",a[o],n).trim();}return r}function t(e,r,t){var n=r.charCodeAt(0);switch(33>n&&(n=(r=r.trim()).charCodeAt(0)),n){case 38:return r.replace(p,"$1"+e.trim());case 58:return e.trim()+r.replace(p,"$1"+e.trim());default:if(0<1*t&&0<r.indexOf("\f"))return r.replace(p,(58===e.charCodeAt(0)?"":"$1")+e.trim())}return e+r}function n(e,r,t,i){var c=e+";",o=2*r+3*t+4*i;if(944===o){e=c.indexOf(":",9)+1;var s=c.substring(e,c.length-1).trim();return s=c.substring(0,e).trim()+s+";",1===E||2===E&&a(s,1)?"-webkit-"+s+s:s}if(0===E||2===E&&!a(c,1))return c;switch(o){case 1015:return 97===c.charCodeAt(10)?"-webkit-"+c+c:c;case 951:return 116===c.charCodeAt(3)?"-webkit-"+c+c:c;case 963:return 110===c.charCodeAt(5)?"-webkit-"+c+c:c;case 1009:if(100!==c.charCodeAt(4))break;case 969:case 942:return "-webkit-"+c+c;case 978:return "-webkit-"+c+"-moz-"+c+c;case 1019:case 983:return "-webkit-"+c+"-moz-"+c+"-ms-"+c+c;case 883:if(45===c.charCodeAt(8))return "-webkit-"+c+c;if(0<c.indexOf("image-set(",11))return c.replace(O,"$1-webkit-$2")+c;break;case 932:if(45===c.charCodeAt(4))switch(c.charCodeAt(5)){case 103:return "-webkit-box-"+c.replace("-grow","")+"-webkit-"+c+"-ms-"+c.replace("grow","positive")+c;case 115:return "-webkit-"+c+"-ms-"+c.replace("shrink","negative")+c;case 98:return "-webkit-"+c+"-ms-"+c.replace("basis","preferred-size")+c}return "-webkit-"+c+"-ms-"+c+c;case 964:return "-webkit-"+c+"-ms-flex-"+c+c;case 1023:if(99!==c.charCodeAt(8))break;return "-webkit-box-pack"+(s=c.substring(c.indexOf(":",15)).replace("flex-","").replace("space-between","justify"))+"-webkit-"+c+"-ms-flex-pack"+s+c;case 1005:return d.test(c)?c.replace(f,":-webkit-")+c.replace(f,":-moz-")+c:c;case 1e3:switch(r=(s=c.substring(13).trim()).indexOf("-")+1,s.charCodeAt(0)+s.charCodeAt(r)){case 226:s=c.replace(k,"tb");break;case 232:s=c.replace(k,"tb-rl");break;case 220:s=c.replace(k,"lr");break;default:return c}return "-webkit-"+c+"-ms-"+s+c;case 1017:if(-1===c.indexOf("sticky",9))break;case 975:switch(r=(c=e).length-10,o=(s=(33===c.charCodeAt(r)?c.substring(0,r):c).substring(e.indexOf(":",7)+1).trim()).charCodeAt(0)+(0|s.charCodeAt(7))){case 203:if(111>s.charCodeAt(8))break;case 115:c=c.replace(s,"-webkit-"+s)+";"+c;break;case 207:case 102:c=c.replace(s,"-webkit-"+(102<o?"inline-":"")+"box")+";"+c.replace(s,"-webkit-"+s)+";"+c.replace(s,"-ms-"+s+"box")+";"+c;}return c+";";case 938:if(45===c.charCodeAt(5))switch(c.charCodeAt(6)){case 105:return s=c.replace("-items",""),"-webkit-"+c+"-webkit-box-"+s+"-ms-flex-"+s+c;case 115:return "-webkit-"+c+"-ms-flex-item-"+c.replace(A,"")+c;default:return "-webkit-"+c+"-ms-flex-line-pack"+c.replace("align-content","").replace(A,"")+c}break;case 973:case 989:if(45!==c.charCodeAt(3)||122===c.charCodeAt(4))break;case 931:case 953:if(!0===x.test(e))return 115===(s=e.substring(e.indexOf(":")+1)).charCodeAt(0)?n(e.replace("stretch","fill-available"),r,t,i).replace(":fill-available",":stretch"):c.replace(s,"-webkit-"+s)+c.replace(s,"-moz-"+s.replace("fill-",""))+c;break;case 962:if(c="-webkit-"+c+(102===c.charCodeAt(5)?"-ms-"+c:"")+c,211===t+i&&105===c.charCodeAt(13)&&0<c.indexOf("transform",10))return c.substring(0,c.indexOf(";",27)+1).replace(h,"$1-webkit-$2")+c}return c}function a(e,r){var t=e.indexOf(1===r?":":"{"),n=e.substring(0,3!==r?t:10);return t=e.substring(t+1,e.length-1),R(2!==r?n:n.replace(C,"$1"),t,r)}function i(e,r){var t=n(r,r.charCodeAt(0),r.charCodeAt(1),r.charCodeAt(2));return t!==r+";"?t.replace(w," or ($1)").substring(4):"("+r+")"}function c(e,r,t,n,a,i,c,o,u,l){for(var f,d=0,h=r;d<$;++d)switch(f=z[d].call(s,e,h,t,n,a,i,c,o,u,l)){case void 0:case!1:case!0:case null:break;default:h=f;}if(h!==r)return h}function o(e){return void 0!==(e=e.prefix)&&(R=null,e?"function"!=typeof e?E=1:(E=2,R=e):E=0),o}function s(e,t){var o=e;if(33>o.charCodeAt(0)&&(o=o.trim()),o=[o],0<$){var s=c(-1,t,o,o,j,S,0,0,0,0);void 0!==s&&"string"==typeof s&&(t=s);}var f=function e(t,o,s,f,d){for(var h,b,p,k,w,A=0,C=0,x=0,O=0,z=0,R=0,G=p=h=0,M=0,T=0,I=0,W=0,q=s.length,D=q-1,F="",L="",B="",H="";M<q;){if(b=s.charCodeAt(M),M===D&&0!==C+O+x+A&&(0!==C&&(b=47===C?10:47),O=x=A=0,q++,D++),0===C+O+x+A){if(M===D&&(0<T&&(F=F.replace(l,"")),0<F.trim().length)){switch(b){case 32:case 9:case 59:case 13:case 10:break;default:F+=s.charAt(M);}b=59;}switch(b){case 123:for(h=(F=F.trim()).charCodeAt(0),p=1,W=++M;M<q;){switch(b=s.charCodeAt(M)){case 123:p++;break;case 125:p--;break;case 47:switch(b=s.charCodeAt(M+1)){case 42:case 47:e:{for(G=M+1;G<D;++G)switch(s.charCodeAt(G)){case 47:if(42===b&&42===s.charCodeAt(G-1)&&M+2!==G){M=G+1;break e}break;case 10:if(47===b){M=G+1;break e}}M=G;}}break;case 91:b++;case 40:b++;case 34:case 39:for(;M++<D&&s.charCodeAt(M)!==b;);}if(0===p)break;M++;}switch(p=s.substring(W,M),0===h&&(h=(F=F.replace(u,"").trim()).charCodeAt(0)),h){case 64:switch(0<T&&(F=F.replace(l,"")),b=F.charCodeAt(1)){case 100:case 109:case 115:case 45:T=o;break;default:T=P;}if(W=(p=e(o,T,p,b,d+1)).length,0<$&&(w=c(3,p,T=r(P,F,I),o,j,S,W,b,d,f),F=T.join(""),void 0!==w&&0===(W=(p=w.trim()).length)&&(b=0,p="")),0<W)switch(b){case 115:F=F.replace(y,i);case 100:case 109:case 45:p=F+"{"+p+"}";break;case 107:p=(F=F.replace(g,"$1 $2"))+"{"+p+"}",p=1===E||2===E&&a("@"+p,3)?"@-webkit-"+p+"@"+p:"@"+p;break;default:p=F+p,112===f&&(L+=p,p="");}else p="";break;default:p=e(o,r(o,F,I),p,f,d+1);}B+=p,p=I=T=G=h=0,F="",b=s.charCodeAt(++M);break;case 125:case 59:if(1<(W=(F=(0<T?F.replace(l,""):F).trim()).length))switch(0===G&&(h=F.charCodeAt(0),45===h||96<h&&123>h)&&(W=(F=F.replace(" ",":")).length),0<$&&void 0!==(w=c(1,F,o,t,j,S,L.length,f,d,f))&&0===(W=(F=w.trim()).length)&&(F="\0\0"),h=F.charCodeAt(0),b=F.charCodeAt(1),h){case 0:break;case 64:if(105===b||99===b){H+=F+s.charAt(M);break}default:58!==F.charCodeAt(W-1)&&(L+=n(F,h,b,F.charCodeAt(2)));}I=T=G=h=0,F="",b=s.charCodeAt(++M);}}switch(b){case 13:case 10:47===C?C=0:0===1+h&&107!==f&&0<F.length&&(T=1,F+="\0"),0<$*N&&c(0,F,o,t,j,S,L.length,f,d,f),S=1,j++;break;case 59:case 125:if(0===C+O+x+A){S++;break}default:switch(S++,k=s.charAt(M),b){case 9:case 32:if(0===O+A+C)switch(z){case 44:case 58:case 9:case 32:k="";break;default:32!==b&&(k=" ");}break;case 0:k="\\0";break;case 12:k="\\f";break;case 11:k="\\v";break;case 38:0===O+C+A&&(T=I=1,k="\f"+k);break;case 108:if(0===O+C+A+_&&0<G)switch(M-G){case 2:112===z&&58===s.charCodeAt(M-3)&&(_=z);case 8:111===R&&(_=R);}break;case 58:0===O+C+A&&(G=M);break;case 44:0===C+x+O+A&&(T=1,k+="\r");break;case 34:case 39:0===C&&(O=O===b?0:0===O?b:O);break;case 91:0===O+C+x&&A++;break;case 93:0===O+C+x&&A--;break;case 41:0===O+C+A&&x--;break;case 40:if(0===O+C+A){if(0===h)switch(2*z+3*R){case 533:break;default:h=1;}x++;}break;case 64:0===C+x+O+A+G+p&&(p=1);break;case 42:case 47:if(!(0<O+A+x))switch(C){case 0:switch(2*b+3*s.charCodeAt(M+1)){case 235:C=47;break;case 220:W=M,C=42;}break;case 42:47===b&&42===z&&W+2!==M&&(33===s.charCodeAt(W+2)&&(L+=s.substring(W,M+1)),k="",C=0);}}0===C&&(F+=k);}R=z,z=b,M++;}if(0<(W=L.length)){if(T=o,0<$&&(void 0!==(w=c(2,L,T,t,j,S,W,f,d,f))&&0===(L=w).length))return H+L+B;if(L=T.join(",")+"{"+L+"}",0!=E*_){switch(2!==E||a(L,2)||(_=0),_){case 111:L=L.replace(v,":-moz-$1")+L;break;case 112:L=L.replace(m,"::-webkit-input-$1")+L.replace(m,"::-moz-$1")+L.replace(m,":-ms-input-$1")+L;}_=0;}}return H+L+B}(P,o,t,0,0);return 0<$&&(void 0!==(s=c(-2,f,o,o,j,S,f.length,0,0,0))&&(f=s)),_=0,S=j=1,f}var u=/^\0+/g,l=/[\0\r\f]/g,f=/: */g,d=/zoo|gra/,h=/([,: ])(transform)/g,b=/,\r+?/g,p=/([\t\r\n ])*\f?&/g,g=/@(k\w+)\s*(\S*)\s*/,m=/::(place)/g,v=/:(read-only)/g,k=/[svh]\w+-[tblr]{2}/,y=/\(\s*(.*)\s*\)/g,w=/([\s\S]*?);/g,A=/-self|flex-/g,C=/[^]*?(:[rp][el]a[\w-]+)[^]*/,x=/stretch|:\s*\w+\-(?:conte|avail)/,O=/([^-])(image-set\()/,S=1,j=1,_=0,E=1,P=[],z=[],$=0,R=null,N=0;return s.use=function e(r){switch(r){case void 0:case null:$=z.length=0;break;default:if("function"==typeof r)z[$++]=r;else if("object"==typeof r)for(var t=0,n=r.length;t<n;++t)e(r[t]);else N=0|!!r;}return e},s.set=o,void 0!==e&&o(e),s};function o(e){e&&s.current.insert(e+"}");}var s={current:null},u=function(e,r,t,n,a,i,c,u,l,f){switch(e){case 1:switch(r.charCodeAt(0)){case 64:return s.current.insert(r+";"),"";case 108:if(98===r.charCodeAt(2))return ""}break;case 2:if(0===u)return r+"/*|*/";break;case 3:switch(u){case 102:case 112:return s.current.insert(t[0]+r),"";default:return r+(0===f?"/*|*/":"")}case-2:r.split("/*|*/}").forEach(o);}},l=function(e){void 0===e&&(e={});var r,t=e.key||"css";void 0!==e.prefix&&(r={prefix:e.prefix});var n=new c(r);var a,o={};a=e.container||document.head;var l,f=document.querySelectorAll("style[data-emotion-"+t+"]");Array.prototype.forEach.call(f,(function(e){e.getAttribute("data-emotion-"+t).split(" ").forEach((function(e){o[e]=!0;})),e.parentNode!==a&&a.appendChild(e);})),n.use(e.stylisPlugins)(u),l=function(e,r,t,a){var i=r.name;s.current=t,n(e,r.styles),a&&(d.inserted[i]=!0);};var d={key:t,sheet:new i({key:t,container:a,nonce:e.nonce,speedy:e.speedy}),nonce:e.nonce,inserted:o,registered:{},insert:l};return d};var f=function(e){for(var r,t=e.length,n=t^t,a=0;t>=4;)r=1540483477*(65535&(r=255&e.charCodeAt(a)|(255&e.charCodeAt(++a))<<8|(255&e.charCodeAt(++a))<<16|(255&e.charCodeAt(++a))<<24))+((1540483477*(r>>>16)&65535)<<16),n=1540483477*(65535&n)+((1540483477*(n>>>16)&65535)<<16)^(r=1540483477*(65535&(r^=r>>>24))+((1540483477*(r>>>16)&65535)<<16)),t-=4,++a;switch(t){case 3:n^=(255&e.charCodeAt(a+2))<<16;case 2:n^=(255&e.charCodeAt(a+1))<<8;case 1:n=1540483477*(65535&(n^=255&e.charCodeAt(a)))+((1540483477*(n>>>16)&65535)<<16);}return n=1540483477*(65535&(n^=n>>>13))+((1540483477*(n>>>16)&65535)<<16),((n^=n>>>15)>>>0).toString(36)},d={animationIterationCount:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1};var h=/[A-Z]|^ms/g,b=/_EMO_([^_]+?)_([^]*?)_EMO_/g,p=function(e){return 45===e.charCodeAt(1)},g=function(e){var r={};return function(t){return void 0===r[t]&&(r[t]=e(t)),r[t]}}((function(e){return p(e)?e:e.replace(h,"-$&").toLowerCase()})),m=function(e,r){if(null==r||"boolean"==typeof r)return "";switch(e){case"animation":case"animationName":if("string"==typeof r)return r.replace(b,(function(e,r,t){return k={name:r,styles:t,next:k},r}))}return 1===d[e]||p(e)||"number"!=typeof r||0===r?r:r+"px"};function v(e,r,t,n){if(null==t)return "";if(void 0!==t.__emotion_styles)return t;switch(typeof t){case"boolean":return "";case"object":if(1===t.anim)return k={name:t.name,styles:t.styles,next:k},t.name;if(void 0!==t.styles){var a=t.next;if(void 0!==a)for(;void 0!==a;)k={name:a.name,styles:a.styles,next:k},a=a.next;return t.styles}return function(e,r,t){var n="";if(Array.isArray(t))for(var a=0;a<t.length;a++)n+=v(e,r,t[a],!1);else for(var i in t){var c=t[i];if("object"!=typeof c)null!=r&&void 0!==r[c]?n+=i+"{"+r[c]+"}":n+=g(i)+":"+m(i,c)+";";else if(!Array.isArray(c)||"string"!=typeof c[0]||null!=r&&void 0!==r[c[0]]){var o=v(e,r,c,!1);switch(i){case"animation":case"animationName":n+=g(i)+":"+o+";";break;default:n+=i+"{"+o+"}";}}else for(var s=0;s<c.length;s++)n+=g(i)+":"+m(i,c[s])+";";}return n}(e,r,t);case"function":if(void 0!==e){var i=k,c=t(e);return k=i,v(e,r,c,n)}default:if(null==r)return t;var o=r[t];return void 0===o||n?t:o}}var k,y=/label:\s*([^\s;\n{]+)\s*;/g;var w=function(e,r,t){if(1===e.length&&"object"==typeof e[0]&&null!==e[0]&&void 0!==e[0].styles)return e[0];var n=!0,a="";k=void 0;var i=e[0];null==i||void 0===i.raw?(n=!1,a+=v(t,r,i,!1)):a+=i[0];for(var c=1;c<e.length;c++)a+=v(t,r,e[c],46===a.charCodeAt(a.length-1)),n&&(a+=i[c]);y.lastIndex=0;for(var o,s="";null!==(o=y.exec(a));)s+="-"+o[1];return {name:f(a)+s,styles:a,next:k}};function A(e,r,t){var n="";return t.split(" ").forEach((function(t){void 0!==e[t]?r.push(e[t]):n+=t+" ";})),n}var C=function(e,r,t){var n=e.key+"-"+r.name;if(!1===t&&void 0===e.registered[n]&&(e.registered[n]=r.styles),void 0===e.inserted[r.name]){var a=r;do{e.insert("."+n,a,e.sheet,!0);a=a.next;}while(void 0!==a)}};function x(e,r){if(void 0===e.inserted[r.name])return e.insert("",r,e.sheet,!0)}function O(e,r,t){var n=[],a=A(e,n,t);return n.length<2?t:a+r(n)}var S=function e(r){for(var t="",n=0;n<r.length;n++){var a=r[n];if(null!=a){var i=void 0;switch(typeof a){case"boolean":break;case"object":if(Array.isArray(a))i=e(a);else for(var c in i="",a)a[c]&&c&&(i&&(i+=" "),i+=c);break;default:i=a;}i&&(t&&(t+=" "),t+=i);}}return t},j=function(e){var r=l(e);r.sheet.speedy=function(e){this.isSpeedy=e;},r.compat=!0;var t=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];var a=w(t,r.registered,void 0!==this?this.mergedProps:void 0);return C(r,a,!1),r.key+"-"+a.name};return {css:t,cx:function(){for(var e=arguments.length,n=new Array(e),a=0;a<e;a++)n[a]=arguments[a];return O(r.registered,t,S(n))},injectGlobal:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];var a=w(t,r.registered);x(r,a);},keyframes:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];var a=w(t,r.registered),i="animation-"+a.name;return x(r,{name:a.name,styles:"@keyframes "+i+"{"+a.styles+"}"}),i},hydrate:function(e){e.forEach((function(e){r.inserted[e]=!0;}));},flush:function(){r.registered={},r.inserted={},r.sheet.flush();},sheet:r.sheet,cache:r,getRegisteredStyles:A.bind(null,r.registered),merge:O.bind(null,r.registered,t)}}(),_=(j.keyframes),E=j.css;function P(){var e=$(["\n background-color: ",";\n background-image: linear-gradient(\n 90deg,\n ",",\n ",",\n ","\n );\n background-size: 200px 100%;\n background-repeat: no-repeat;\n border-radius: 4px;\n display: inline-block;\n line-height: 1;\n width: 100%;\n"]);return P=function(){return e},e}function z(){var e=$(["\n 0% {\n background-position: -200px 0;\n }\n 100% {\n background-position: calc(200px + 100%) 0;\n }\n"]);return z=function(){return e},e}function $(e,r){return r||(r=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(r)}}))}var R=_(z()),N=E(P(),"#eee","#eee","#f5f5f5","#eee");function G(e){for(var r=e.count,t=e.duration,n=e.width,i=e.wrapper,c=e.height,o=e.circle,s=[],u=0;u<r;u++){var l={animation:"".concat(R," ")+String(t)+"s ease-in-out infinite"};null!==n&&(l.width=n),null!==c&&(l.height=c),null!==n&&null!==c&&o&&(l.borderRadius="50%"),s.push(a.a.createElement("span",{key:u,className:"".concat(N," react-loading-skeleton"),style:l},""));}return a.a.createElement("span",null,i?s.map((function(e,r){return a.a.createElement(i,{key:r},e,"")})):s)}function M(e){return (M="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function T(){var e=function(e,r){r||(r=e.slice(0));return Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(r)}}))}(["\n .react-loading-skeleton {\n background-color: ",";\n background-image: linear-gradient(\n 90deg,\n ",",\n ",",\n ","\n );\n }\n "]);return T=function(){return e},e}function I(e,r){for(var t=0;t<r.length;t++){var n=r[t];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n);}}function W(e,r){return !r||"object"!==M(r)&&"function"!=typeof r?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):r}function q(e){return (q=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function D(e,r){return (D=Object.setPrototypeOf||function(e,r){return e.__proto__=r,e})(e,r)}G.defaultProps={count:1,duration:1.2,width:null,wrapper:null,height:null,circle:!1};var F,L,B,H=function(e){function r(){return function(e,r){if(!(e instanceof r))throw new TypeError("Cannot call a class as a function")}(this,r),W(this,q(r).apply(this,arguments))}var t,n;return function(e,r){if("function"!=typeof r&&null!==r)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(r&&r.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),r&&D(e,r);}(r,e),t=r,(n=[{key:"render",value:function(){var e=this.props,r=e.color,t=e.highlightColor,n=e.children,i=E(T(),r,r,t,r);return a.a.createElement("div",{className:i},n)}}])&&I(t.prototype,n),r}(n.Component);B={color:"#eee",highlightColor:"#f5f5f5"},(L="defaultProps")in(F=H)?Object.defineProperty(F,L,{value:B,enumerable:!0,configurable:!0,writable:!0}):F[L]=B,t.d(r,"default",(function(){return G})),t.d(r,"SkeletonTheme",(function(){return H}));}])}));
|
|
15
|
-
} (bundle));
|
|
16
|
-
|
|
17
|
-
var Skeleton = /*@__PURE__*/getDefaultExportFromCjs(bundleExports);
|
|
18
|
-
|
|
19
|
-
var css_248z = "[data-gene-ui-version=\"2.16.4\"] .skeleton-holder{display:block;max-width:100%}[data-gene-ui-version=\"2.16.4\"] .skeleton-holder .react-loading-skeleton{background-color:var(--background-hover);background-image:linear-gradient(90deg,var(--background-hover),var(--background),var(--background-hover))}[data-gene-ui-version=\"2.16.4\"] .skeleton-holder span{display:block}";
|
|
20
|
-
styleInject(css_248z);
|
|
21
|
-
|
|
22
|
-
function SkeletonLoader(_ref) {
|
|
23
|
-
let {
|
|
24
|
-
children,
|
|
25
|
-
isBusy,
|
|
26
|
-
width,
|
|
27
|
-
...restProps
|
|
28
|
-
} = _ref;
|
|
29
|
-
return isBusy ? /*#__PURE__*/React__default.createElement("span", {
|
|
30
|
-
className: "skeleton-holder",
|
|
31
|
-
style: {
|
|
32
|
-
width: typeof width === 'number' ? "".concat(width / 10, "rem") : width
|
|
33
|
-
}
|
|
34
|
-
}, /*#__PURE__*/React__default.createElement(bundleExports.SkeletonTheme, null, /*#__PURE__*/React__default.createElement(Skeleton, _extends({}, restProps, {
|
|
35
|
-
circle: restProps.circle
|
|
36
|
-
})))) : children;
|
|
37
|
-
}
|
|
38
|
-
SkeletonLoader.propTypes = {
|
|
39
|
-
/**
|
|
40
|
-
* Show circle shape when set to "true" otherwise shows square shape.
|
|
41
|
-
*/
|
|
42
|
-
circle: PropTypes.bool,
|
|
43
|
-
/**
|
|
44
|
-
* Shows Skeleton when set to "true"
|
|
45
|
-
*/
|
|
46
|
-
isBusy: PropTypes.bool,
|
|
47
|
-
/**
|
|
48
|
-
* Specify how many shapes need to be displayed
|
|
49
|
-
*/
|
|
50
|
-
count: PropTypes.number,
|
|
51
|
-
/**
|
|
52
|
-
* Skeleton width
|
|
53
|
-
*/
|
|
54
|
-
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
55
|
-
/**
|
|
56
|
-
* Skeleton height
|
|
57
|
-
*/
|
|
58
|
-
height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
59
|
-
/**
|
|
60
|
-
* Wrapper for skeleton
|
|
61
|
-
*/
|
|
62
|
-
wrapper: PropTypes.node,
|
|
63
|
-
/**
|
|
64
|
-
* What need to be displayed when "isBusy" is set to "false". Any valid React node
|
|
65
|
-
*/
|
|
66
|
-
children: PropTypes.node,
|
|
67
|
-
/**
|
|
68
|
-
* Displaying shaped can be specified by duration(in seconds)
|
|
69
|
-
*/
|
|
70
|
-
duration: PropTypes.number
|
|
71
|
-
};
|
|
72
|
-
SkeletonLoader.defaultProps = {
|
|
73
|
-
count: 1,
|
|
74
|
-
width: '100%',
|
|
75
|
-
height: 40,
|
|
76
|
-
duration: 1,
|
|
77
|
-
isBusy: false,
|
|
78
|
-
circle: false
|
|
79
|
-
};
|
|
80
|
-
|
|
81
|
-
export { SkeletonLoader as default };
|
package/Slider/index.js
DELETED
|
@@ -1,261 +0,0 @@
|
|
|
1
|
-
import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
|
|
2
|
-
import React__default, { useState, useRef, useCallback, useEffect } from 'react';
|
|
3
|
-
import PropTypes from 'prop-types';
|
|
4
|
-
import { c as classnames } from '../index-031ff73c.js';
|
|
5
|
-
import { c as createSliderWithTooltip, S as Slider } from '../rangeAndSlider-740a236c.js';
|
|
6
|
-
import useWidth from '../hooks/useWidth.js';
|
|
7
|
-
import '../dateValidation-67caec66.js';
|
|
8
|
-
import 'react-dom';
|
|
9
|
-
import '../configs-00612ce0.js';
|
|
10
|
-
import Icon from '../Icon/index.js';
|
|
11
|
-
import NumberInput from '../ValidatableNumberInput/index.js';
|
|
12
|
-
import '../_commonjsHelpers-24198af3.js';
|
|
13
|
-
import '../index-45eafea6.js';
|
|
14
|
-
import '../react-lifecycles-compat.es-6e1f3768.js';
|
|
15
|
-
import '../style-inject.es-746bb8ed.js';
|
|
16
|
-
import '../hooks/useWindowSize.js';
|
|
17
|
-
import '../hooks/useDebounce.js';
|
|
18
|
-
import '../index-5f37f281.js';
|
|
19
|
-
import '../hooks/useMount.js';
|
|
20
|
-
import '../ExtendedInput/index.js';
|
|
21
|
-
import '../hooks/useDeviceType.js';
|
|
22
|
-
import '../useEllipsisDetection-c1c9ad94.js';
|
|
23
|
-
import '../SuggestionList/index.js';
|
|
24
|
-
import '../hooks/useKeyDown.js';
|
|
25
|
-
import '../hooks/useClickOutside.js';
|
|
26
|
-
import '../config-1053d64d.js';
|
|
27
|
-
import '../Scrollbar/index.js';
|
|
28
|
-
import '../callAfterDelay-7272faca.js';
|
|
29
|
-
import '../index-c7646e48.js';
|
|
30
|
-
import '../tslib.es6-f211516f.js';
|
|
31
|
-
import '../GeneUIProvider/index.js';
|
|
32
|
-
|
|
33
|
-
const SliderWithTooltip = createSliderWithTooltip(Slider);
|
|
34
|
-
function tipFormatter(value, tooltipType) {
|
|
35
|
-
switch (tooltipType) {
|
|
36
|
-
case 'percentage':
|
|
37
|
-
return "".concat(value, "%");
|
|
38
|
-
case 'currency':
|
|
39
|
-
return "$".concat(value);
|
|
40
|
-
case 'pixel':
|
|
41
|
-
return "".concat(value, "px");
|
|
42
|
-
default:
|
|
43
|
-
return value;
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
function SliderMolecule(props) {
|
|
47
|
-
const {
|
|
48
|
-
max,
|
|
49
|
-
min,
|
|
50
|
-
step,
|
|
51
|
-
value,
|
|
52
|
-
coloring,
|
|
53
|
-
disabled,
|
|
54
|
-
onChange,
|
|
55
|
-
withInput,
|
|
56
|
-
circleType,
|
|
57
|
-
withTooltip,
|
|
58
|
-
tooltipType,
|
|
59
|
-
className,
|
|
60
|
-
isSmallHandler,
|
|
61
|
-
plusMinusIcons,
|
|
62
|
-
likeDislikeIcons,
|
|
63
|
-
withActionButtons,
|
|
64
|
-
showCircleOnDrag,
|
|
65
|
-
defaultValue = min,
|
|
66
|
-
circleSizeBasedOnRange,
|
|
67
|
-
...restProps
|
|
68
|
-
} = props;
|
|
69
|
-
const isControlled = ('value' in props);
|
|
70
|
-
const [sliderValue, setSliderValue] = useState(defaultValue);
|
|
71
|
-
const localValue = isControlled ? value : sliderValue;
|
|
72
|
-
const [withLikeDisLikeActions, setWithLikeDisLikeActions] = useState(withActionButtons);
|
|
73
|
-
const isMin = localValue < max / 3;
|
|
74
|
-
const isMiddle = localValue > max / 3;
|
|
75
|
-
const isMax = localValue >= max * 2 / 3;
|
|
76
|
-
const divRef = useRef();
|
|
77
|
-
const sliderWidth = useWidth(divRef);
|
|
78
|
-
const isGradient = coloring === 'gradient-value';
|
|
79
|
-
const SliderElement = withTooltip ? SliderWithTooltip : Slider;
|
|
80
|
-
const handleSliderChange = useCallback(val => {
|
|
81
|
-
!isControlled && setSliderValue(Number(val));
|
|
82
|
-
onChange && onChange(val);
|
|
83
|
-
}, [onChange, isControlled]);
|
|
84
|
-
const handleAfterChange = val => {
|
|
85
|
-
val > max / 2 ? handleSliderChange(max) : handleSliderChange(min);
|
|
86
|
-
};
|
|
87
|
-
// Like and dislike buttons can change value only min or max
|
|
88
|
-
const handleLikeDislikeClick = useCallback(val => {
|
|
89
|
-
withLikeDisLikeActions && handleSliderChange(val);
|
|
90
|
-
}, [handleSliderChange, withLikeDisLikeActions]);
|
|
91
|
-
useEffect(() => {
|
|
92
|
-
!likeDislikeIcons && setWithLikeDisLikeActions(withLikeDisLikeActions => !withLikeDisLikeActions);
|
|
93
|
-
}, [likeDislikeIcons]);
|
|
94
|
-
useEffect(() => {
|
|
95
|
-
setWithLikeDisLikeActions(withActionButtons);
|
|
96
|
-
}, [withActionButtons]);
|
|
97
|
-
return /*#__PURE__*/React__default.createElement("div", _extends({
|
|
98
|
-
className: classnames('slider-holder', className, coloring, {
|
|
99
|
-
disabled,
|
|
100
|
-
'show-on-drag': showCircleOnDrag
|
|
101
|
-
})
|
|
102
|
-
}, restProps), likeDislikeIcons && /*#__PURE__*/React__default.createElement(Icon, {
|
|
103
|
-
className: classnames('bc-icon-dislike', {
|
|
104
|
-
active: localValue === min,
|
|
105
|
-
'negative-value': !withLikeDisLikeActions
|
|
106
|
-
}),
|
|
107
|
-
onClick: () => handleLikeDislikeClick(min)
|
|
108
|
-
}), /*#__PURE__*/React__default.createElement("div", {
|
|
109
|
-
className: classnames('slider-comp', {
|
|
110
|
-
'size-small': isSmallHandler
|
|
111
|
-
}),
|
|
112
|
-
style: {
|
|
113
|
-
'--sliderWidth': "".concat(sliderWidth / 10, "rem")
|
|
114
|
-
}
|
|
115
|
-
}, /*#__PURE__*/React__default.createElement("div", {
|
|
116
|
-
ref: divRef
|
|
117
|
-
}, /*#__PURE__*/React__default.createElement(SliderElement, _extends({}, restProps, {
|
|
118
|
-
max: max,
|
|
119
|
-
min: min,
|
|
120
|
-
step: step,
|
|
121
|
-
onAfterChange: withLikeDisLikeActions ? handleAfterChange : () => void 0,
|
|
122
|
-
value: Math.min(localValue, max),
|
|
123
|
-
onChange: handleSliderChange,
|
|
124
|
-
tipProps: {
|
|
125
|
-
prefixCls: 'tooltip-el',
|
|
126
|
-
overlay: tipFormatter(localValue, tooltipType)
|
|
127
|
-
},
|
|
128
|
-
handleStyle: {
|
|
129
|
-
content: "'".concat(classnames(circleType, {
|
|
130
|
-
'min-coloring': isMin && isGradient,
|
|
131
|
-
'max-coloring': isGradient && isMax,
|
|
132
|
-
'max-size': circleSizeBasedOnRange && isMax,
|
|
133
|
-
'middle-coloring': isGradient && isMiddle && !isMax,
|
|
134
|
-
'middle-size': circleSizeBasedOnRange && !isMax && isMiddle
|
|
135
|
-
}), "'")
|
|
136
|
-
}
|
|
137
|
-
})))), plusMinusIcons && /*#__PURE__*/React__default.createElement("div", {
|
|
138
|
-
className: "slider-actions"
|
|
139
|
-
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
140
|
-
className: classnames('bc-icon-plus', {
|
|
141
|
-
disabled: localValue === max
|
|
142
|
-
}),
|
|
143
|
-
onClick: () => handleSliderChange(localValue + step)
|
|
144
|
-
}), /*#__PURE__*/React__default.createElement(Icon, {
|
|
145
|
-
className: classnames('bc-icon-minus', {
|
|
146
|
-
disabled: localValue === min
|
|
147
|
-
}),
|
|
148
|
-
onClick: () => handleSliderChange(localValue - step)
|
|
149
|
-
})), likeDislikeIcons && /*#__PURE__*/React__default.createElement(Icon, {
|
|
150
|
-
className: classnames('bc-icon-like', {
|
|
151
|
-
active: localValue === max,
|
|
152
|
-
'positive-value': !withLikeDisLikeActions
|
|
153
|
-
}),
|
|
154
|
-
onClick: () => handleLikeDislikeClick(max)
|
|
155
|
-
}), withInput && /*#__PURE__*/React__default.createElement(NumberInput, {
|
|
156
|
-
step: step,
|
|
157
|
-
min: min,
|
|
158
|
-
max: max,
|
|
159
|
-
type: "number",
|
|
160
|
-
colorOnValid: false,
|
|
161
|
-
showIconOnValid: false,
|
|
162
|
-
colorBorderOnError: true,
|
|
163
|
-
showErrorIcon: false,
|
|
164
|
-
value: String(localValue),
|
|
165
|
-
flexibility: "content-size",
|
|
166
|
-
onChange: e => handleSliderChange(e.target.value)
|
|
167
|
-
}));
|
|
168
|
-
}
|
|
169
|
-
SliderMolecule.propTypes = {
|
|
170
|
-
/**
|
|
171
|
-
* Controlled value.
|
|
172
|
-
*/
|
|
173
|
-
value: PropTypes.number,
|
|
174
|
-
/**
|
|
175
|
-
* Disabled state.
|
|
176
|
-
*/
|
|
177
|
-
disabled: PropTypes.bool,
|
|
178
|
-
/**
|
|
179
|
-
* Fires an event when 'Slider' changes checked state((event: Event) => void).
|
|
180
|
-
*/
|
|
181
|
-
onChange: PropTypes.func,
|
|
182
|
-
/**
|
|
183
|
-
* Additional view to choose step.
|
|
184
|
-
*/
|
|
185
|
-
withInput: PropTypes.bool,
|
|
186
|
-
/**
|
|
187
|
-
* Show/hide 'Slider' tooltip.
|
|
188
|
-
*/
|
|
189
|
-
withTooltip: PropTypes.bool,
|
|
190
|
-
/**
|
|
191
|
-
* Switch on/off small size.
|
|
192
|
-
*/
|
|
193
|
-
isSmallHandler: PropTypes.bool,
|
|
194
|
-
/**
|
|
195
|
-
* External/Additional className that can be added to 'Range' component.
|
|
196
|
-
*/
|
|
197
|
-
className: PropTypes.string,
|
|
198
|
-
/**
|
|
199
|
-
* Initial value.
|
|
200
|
-
*/
|
|
201
|
-
defaultValue: PropTypes.number,
|
|
202
|
-
/**
|
|
203
|
-
* Show/hide actions with (+/-) icons
|
|
204
|
-
*/
|
|
205
|
-
plusMinusIcons: PropTypes.bool,
|
|
206
|
-
/**
|
|
207
|
-
* Show/hide actions with (like/dislike) icons
|
|
208
|
-
*/
|
|
209
|
-
likeDislikeIcons: PropTypes.bool,
|
|
210
|
-
/**
|
|
211
|
-
* Show/hide circles.
|
|
212
|
-
*/
|
|
213
|
-
showCircleOnDrag: PropTypes.bool,
|
|
214
|
-
/**
|
|
215
|
-
* Max value.
|
|
216
|
-
*/
|
|
217
|
-
max: PropTypes.number.isRequired,
|
|
218
|
-
/**
|
|
219
|
-
* Min value.
|
|
220
|
-
*/
|
|
221
|
-
min: PropTypes.number.isRequired,
|
|
222
|
-
/**
|
|
223
|
-
* Skip steps count.
|
|
224
|
-
*/
|
|
225
|
-
step: PropTypes.number.isRequired,
|
|
226
|
-
/**
|
|
227
|
-
* Change circle size based on range
|
|
228
|
-
*/
|
|
229
|
-
circleSizeBasedOnRange: PropTypes.bool,
|
|
230
|
-
/**
|
|
231
|
-
* Show/hide action button.
|
|
232
|
-
*/
|
|
233
|
-
withActionButtons: PropTypes.bool,
|
|
234
|
-
/**
|
|
235
|
-
* Various circle type.
|
|
236
|
-
*/
|
|
237
|
-
circleType: PropTypes.oneOf(['c-type-1', 'c-type-2', 'c-type-3']),
|
|
238
|
-
/**
|
|
239
|
-
* Various tooltip type.
|
|
240
|
-
*/
|
|
241
|
-
tooltipType: PropTypes.oneOf(['default', 'percentage', 'currency', 'pixel']),
|
|
242
|
-
/**
|
|
243
|
-
* Various themes/colors for component.
|
|
244
|
-
*/
|
|
245
|
-
coloring: PropTypes.oneOf(['primary', 'positive-value', 'negative-value', 'gradient-value'])
|
|
246
|
-
};
|
|
247
|
-
SliderMolecule.defaultProps = {
|
|
248
|
-
disabled: false,
|
|
249
|
-
withInput: false,
|
|
250
|
-
isSmallHandler: true,
|
|
251
|
-
withActionButtons: false,
|
|
252
|
-
withTooltip: false,
|
|
253
|
-
coloring: 'primary',
|
|
254
|
-
plusMinusIcons: false,
|
|
255
|
-
tooltipType: 'default',
|
|
256
|
-
likeDislikeIcons: false,
|
|
257
|
-
showCircleOnDrag: false,
|
|
258
|
-
circleSizeBasedOnRange: true
|
|
259
|
-
};
|
|
260
|
-
|
|
261
|
-
export { SliderMolecule as default };
|