@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.
Files changed (247) hide show
  1. package/Avatar.js +63 -0
  2. package/Divider.js +23 -0
  3. package/{GeneUIProvider/index.js → GeneUIProvider.js} +51 -64
  4. package/HelperText.js +69 -0
  5. package/Info.js +64 -0
  6. package/Label.js +38 -0
  7. package/Loader.js +21 -0
  8. package/Pill.js +64 -0
  9. package/TextLink.js +20 -0
  10. package/{index-c7646e48.js → Tooltip.js} +101 -79
  11. package/{lib → components}/atoms/Avatar/Avatar.d.ts +7 -6
  12. package/components/atoms/Avatar/index.d.ts +1 -0
  13. package/{lib → components}/atoms/Divider/Divider.d.ts +5 -5
  14. package/components/atoms/Divider/index.d.ts +1 -0
  15. package/{lib → components}/atoms/HelperText/HelperText.d.ts +6 -5
  16. package/components/atoms/HelperText/index.d.ts +1 -0
  17. package/{lib → components}/atoms/Info/Info.d.ts +5 -5
  18. package/components/atoms/Info/index.d.ts +1 -0
  19. package/{lib → components}/atoms/Label/Label.d.ts +3 -3
  20. package/components/atoms/Label/index.d.ts +1 -0
  21. package/{lib → components}/atoms/Loader/Loader.d.ts +5 -5
  22. package/components/atoms/Loader/index.d.ts +1 -0
  23. package/{lib → components}/atoms/Pill/Pill.d.ts +7 -6
  24. package/components/atoms/Pill/index.d.ts +1 -0
  25. package/{lib → components}/atoms/TextLink/TextLink.d.ts +5 -5
  26. package/components/atoms/TextLink/index.d.ts +1 -0
  27. package/{lib → components}/molecules/Tooltip/Tooltip.d.ts +26 -21
  28. package/components/molecules/Tooltip/index.d.ts +1 -0
  29. package/components/providers/GeneUIProvider/GeneUIProvider.d.ts +30 -0
  30. package/components/providers/GeneUIProvider/index.d.ts +1 -0
  31. package/hooks/index.d.ts +2 -20
  32. package/hooks/useDebounceCallback/index.d.ts +1 -0
  33. package/hooks/useDebounceCallback/useDebounceCallback.d.ts +2 -0
  34. package/hooks/useEllipsisDetection/index.d.ts +1 -1
  35. package/hooks/useEllipsisDetection/useEllipsisDetection.d.ts +2 -2
  36. package/{index-031ff73c.js → index-ce02421b.js} +4 -4
  37. package/index.d.ts +11 -121
  38. package/index.js +12 -159
  39. package/package.json +24 -43
  40. package/tokens-0abb4e1b.js +6 -0
  41. package/types/index.d.ts +0 -3
  42. package/useEllipsisDetection-46d712b6.js +34 -0
  43. package/ActionableList/index.js +0 -1694
  44. package/AdvancedSearch/index.js +0 -892
  45. package/Alert/index.js +0 -98
  46. package/Avatar/index.js +0 -58
  47. package/Badge/index.js +0 -29
  48. package/Breadcrumb/index.js +0 -130
  49. package/BusyLoader/index.js +0 -31
  50. package/Button/index.js +0 -30
  51. package/Card/index.js +0 -502
  52. package/CardList/index.js +0 -662
  53. package/CellMeasurerCache-26f3693c.js +0 -229
  54. package/Charts/index.js +0 -17662
  55. package/Checkbox/index.js +0 -229
  56. package/CheckboxGroup/index.js +0 -203
  57. package/CheckboxGroupWithSearch/index.js +0 -280
  58. package/Collapse/index.js +0 -195
  59. package/ColorPicker/index.js +0 -210
  60. package/ComboBox/index.js +0 -524
  61. package/Copy/index.js +0 -56
  62. package/Counter/index.js +0 -312
  63. package/DateFilter/index.js +0 -183
  64. package/DatePicker/index.js +0 -1229
  65. package/DatePickerInput/index.js +0 -883
  66. package/Divider/index.js +0 -23
  67. package/Drawer/index.js +0 -261
  68. package/Dropdown/index.js +0 -43
  69. package/Editor/index.js +0 -22975
  70. package/Empty/index.js +0 -76
  71. package/ExtendedInput/index.js +0 -590
  72. package/Form/index.js +0 -85
  73. package/FormContainer/index.js +0 -189
  74. package/FormableCheckbox/index.js +0 -24
  75. package/FormableDatePicker/index.js +0 -43
  76. package/FormableDropdown/index.js +0 -50
  77. package/FormableEditor/index.js +0 -26
  78. package/FormableHOC-85f89a81.js +0 -83
  79. package/FormableMultiSelectDropdown/index.js +0 -50
  80. package/FormableNumberInput/index.js +0 -34
  81. package/FormableRadio/index.js +0 -22
  82. package/FormableSwitcher/index.js +0 -22
  83. package/FormableTextInput/index.js +0 -34
  84. package/FormableUploader/index.js +0 -44
  85. package/Grid/index.js +0 -167
  86. package/HelperText/index.js +0 -86
  87. package/Holder/index.js +0 -261
  88. package/Icon/index.js +0 -62
  89. package/Image/index.js +0 -45
  90. package/ImagePreview/index.js +0 -217
  91. package/Info/index.js +0 -41
  92. package/InfoOutline-dd2e89d9.js +0 -29
  93. package/InteractiveWidget/index.js +0 -78
  94. package/KeyValue/index.js +0 -22
  95. package/Label/index.js +0 -48
  96. package/LinkButton/index.js +0 -34
  97. package/Loader/index.js +0 -23
  98. package/Menu/index.js +0 -281
  99. package/MobileNavigation/index.js +0 -94
  100. package/MobilePopup/index.js +0 -182
  101. package/Modal/index.js +0 -251
  102. package/ModuleTitle/index.js +0 -141
  103. package/NavigationMenu/index.js +0 -222
  104. package/Notification/index.js +0 -120
  105. package/Option/index.js +0 -184
  106. package/Overlay/index.js +0 -187
  107. package/Overspread/index.js +0 -291
  108. package/Pagination/index.js +0 -261
  109. package/Paper/index.js +0 -96
  110. package/Pill/index.js +0 -67
  111. package/Popover/index.js +0 -725
  112. package/PopoverV2/index.js +0 -19
  113. package/Portal/index.js +0 -58
  114. package/Products/index.js +0 -115
  115. package/Profile/index.js +0 -589
  116. package/Progress/index.js +0 -200
  117. package/QRCode/index.js +0 -814
  118. package/Radio/index.js +0 -151
  119. package/RadioGroup/index.js +0 -104
  120. package/Range/index.js +0 -191
  121. package/Rating/index.js +0 -174
  122. package/RichEditor/index.js +0 -13
  123. package/RichEditor-6ca8346f.js +0 -228
  124. package/Scrollbar/index.js +0 -1585
  125. package/Search/index.js +0 -75
  126. package/SearchWithDropdown/index.js +0 -140
  127. package/Section/index.js +0 -61
  128. package/SkeletonLoader/index.js +0 -81
  129. package/Slider/index.js +0 -261
  130. package/Status/index.js +0 -97
  131. package/Steps/index.js +0 -314
  132. package/SuggestionList/index.js +0 -385
  133. package/Switcher/index.js +0 -193
  134. package/Table/index.js +0 -57
  135. package/TableCompositions/index.js +0 -16995
  136. package/Tabs/index.js +0 -235
  137. package/Tag/index.js +0 -102
  138. package/TextLink/index.js +0 -20
  139. package/Textarea/index.js +0 -242
  140. package/Time/index.js +0 -62
  141. package/TimePicker/index.js +0 -575
  142. package/Timeline/index.js +0 -113
  143. package/Title/index.js +0 -65
  144. package/Toaster/index.js +0 -116
  145. package/Tooltip/index.js +0 -6
  146. package/TransferList/index.js +0 -493
  147. package/Uploader/index.js +0 -992
  148. package/ValidatableCheckbox/index.js +0 -123
  149. package/ValidatableDatePicker/index.js +0 -316
  150. package/ValidatableDropdown/index.js +0 -141
  151. package/ValidatableElements/index.js +0 -67
  152. package/ValidatableMultiSelectDropdown/index.js +0 -152
  153. package/ValidatableNumberInput/index.js +0 -204
  154. package/ValidatableRadio/index.js +0 -116
  155. package/ValidatableSwitcher/index.js +0 -93
  156. package/ValidatableTextInput/index.js +0 -167
  157. package/ValidatableTimeInput/index.js +0 -174
  158. package/ValidatableUploader/index.js +0 -98
  159. package/Widget/index.js +0 -225
  160. package/_commonjsHelpers-24198af3.js +0 -35
  161. package/_rollupPluginBabelHelpers-a83240e1.js +0 -11
  162. package/callAfterDelay-7272faca.js +0 -12
  163. package/checkTimeValidation-e56771be.js +0 -16
  164. package/checkboxRadioSwitcher-5b69d7bd.js +0 -4
  165. package/clsx.m-2bb6df4b.js +0 -3
  166. package/config-1053d64d.js +0 -20
  167. package/configs-00612ce0.js +0 -103
  168. package/configs.js +0 -111
  169. package/dateValidation-67caec66.js +0 -225
  170. package/debounce-4419bc2f.js +0 -17
  171. package/guid-8ddf77b3.js +0 -16
  172. package/hooks/useBodyScroll.js +0 -16
  173. package/hooks/useClick.js +0 -18
  174. package/hooks/useClickOutside.js +0 -25
  175. package/hooks/useDebounce.js +0 -28
  176. package/hooks/useDeviceType.js +0 -17
  177. package/hooks/useDidMount.js +0 -15
  178. package/hooks/useForceUpdate.js +0 -8
  179. package/hooks/useHover.js +0 -20
  180. package/hooks/useImgDownload.js +0 -18
  181. package/hooks/useKeyDown.js +0 -21
  182. package/hooks/useMount.js +0 -13
  183. package/hooks/useMutationObserver.js +0 -21
  184. package/hooks/usePrevious.js +0 -10
  185. package/hooks/useThrottle.js +0 -16
  186. package/hooks/useToggle.js +0 -11
  187. package/hooks/useUpdatableRef.js +0 -14
  188. package/hooks/useUpdate.js +0 -10
  189. package/hooks/useWidth.js +0 -16
  190. package/hooks/useWindowSize.js +0 -40
  191. package/index-122432cd.js +0 -270
  192. package/index-262edd7a.js +0 -77
  193. package/index-3188e46e.js +0 -1940
  194. package/index-45eafea6.js +0 -90
  195. package/index-5f37f281.js +0 -168
  196. package/index-ce12e4a9.js +0 -10032
  197. package/index-d0ecb950.js +0 -6483
  198. package/index-fcbae78d.js +0 -4
  199. package/index.mobile.d.ts +0 -14
  200. package/lib/atoms/Avatar/index.d.ts +0 -1
  201. package/lib/atoms/Badge/Badge.d.ts +0 -36
  202. package/lib/atoms/Badge/index.d.ts +0 -1
  203. package/lib/atoms/BusyLoader/BusyLoader.d.ts +0 -32
  204. package/lib/atoms/BusyLoader/BusyLoaderHolderHOC.d.ts +0 -8
  205. package/lib/atoms/BusyLoader/index.d.ts +0 -1
  206. package/lib/atoms/Button/Button.d.ts +0 -70
  207. package/lib/atoms/Button/index.d.ts +0 -1
  208. package/lib/atoms/Divider/index.d.ts +0 -1
  209. package/lib/atoms/Empty/Empty.d.ts +0 -39
  210. package/lib/atoms/Empty/index.d.ts +0 -1
  211. package/lib/atoms/Empty/utils.d.ts +0 -9
  212. package/lib/atoms/HelperText/index.d.ts +0 -1
  213. package/lib/atoms/Image/Image.d.ts +0 -51
  214. package/lib/atoms/Image/index.d.ts +0 -1
  215. package/lib/atoms/ImagePreview/ImagePreview.d.ts +0 -56
  216. package/lib/atoms/ImagePreview/ImagePreviewHOC.d.ts +0 -4
  217. package/lib/atoms/ImagePreview/Magnifier.d.ts +0 -40
  218. package/lib/atoms/ImagePreview/index.d.ts +0 -1
  219. package/lib/atoms/Info/index.d.ts +0 -1
  220. package/lib/atoms/KeyValue/KeyValue.d.ts +0 -29
  221. package/lib/atoms/KeyValue/index.d.ts +0 -1
  222. package/lib/atoms/Label/index.d.ts +0 -1
  223. package/lib/atoms/LinkButton/LinkButton.d.ts +0 -46
  224. package/lib/atoms/LinkButton/index.d.ts +0 -1
  225. package/lib/atoms/Loader/index.d.ts +0 -1
  226. package/lib/atoms/Pill/index.d.ts +0 -1
  227. package/lib/atoms/Rating/DefaultSvg.d.ts +0 -3
  228. package/lib/atoms/Rating/Rating.d.ts +0 -49
  229. package/lib/atoms/Rating/index.d.ts +0 -1
  230. package/lib/atoms/TextLink/index.d.ts +0 -1
  231. package/lib/molecules/Copy/Copy.d.ts +0 -38
  232. package/lib/molecules/Copy/index.d.ts +0 -1
  233. package/lib/molecules/InteractiveWidget/InteractiveWidget.d.ts +0 -70
  234. package/lib/molecules/InteractiveWidget/InteractiveWidgetIcon.d.ts +0 -8
  235. package/lib/molecules/InteractiveWidget/index.d.ts +0 -1
  236. package/lib/molecules/Tooltip/index.d.ts +0 -1
  237. package/lib/providers/GeneUIProvider/GeneUIProvider.d.ts +0 -30
  238. package/lib/providers/GeneUIProvider/index.d.ts +0 -1
  239. package/localization-4ba17032.js +0 -46
  240. package/objectWithoutPropertiesLoose-e1596bdb.js +0 -62
  241. package/rangeAndSlider-740a236c.js +0 -8676
  242. package/react-beautiful-dnd.esm-8c7b5a83.js +0 -10116
  243. package/react-lifecycles-compat.es-6e1f3768.js +0 -158
  244. package/redux-e591c1b8.js +0 -536
  245. package/tokens-8ab1179c.js +0 -6
  246. package/tslib.es6-f211516f.js +0 -35
  247. 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 };
@@ -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 };