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