@geneui/components 2.11.2 → 2.12.2

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 (213) hide show
  1. package/{ActionableList.js → ActionableList/index.js} +83 -152
  2. package/{AdvancedSearch.js → AdvancedSearch/index.js} +290 -304
  3. package/Alert/index.js +97 -0
  4. package/Avatar/index.js +30 -0
  5. package/Badge/index.js +75 -0
  6. package/{Breadcrumb.js → Breadcrumb/index.js} +32 -31
  7. package/BusyLoader/index.js +68 -0
  8. package/Button/index.js +129 -0
  9. package/CHANGELOG.md +53 -0
  10. package/{Card.js → Card/index.js} +82 -94
  11. package/{CardList.js → CardList/index.js} +120 -165
  12. package/{CellMeasurerCache-b786dd93.js → CellMeasurerCache-3741d716.js} +2 -2
  13. package/{index-9164a86d.js → Charts/index.js} +17103 -30447
  14. package/{Checkbox.js → Checkbox/index.js} +37 -38
  15. package/{CheckboxGroup.js → CheckboxGroup/index.js} +41 -42
  16. package/{CheckboxGroupWithSearch.js → CheckboxGroupWithSearch/index.js} +64 -65
  17. package/{Collapse.js → Collapse/index.js} +28 -29
  18. package/{ColorPicker.js → ColorPicker/index.js} +16 -16
  19. package/ComboBox/index.js +525 -0
  20. package/Counter/index.js +310 -0
  21. package/{DateFilter.js → DateFilter/index.js} +45 -43
  22. package/{DatePicker.js → DatePicker/index.js} +106 -108
  23. package/{index-0199942c.js → DatePickerInput/index.js} +114 -100
  24. package/{Divider.js → Divider/index.js} +9 -10
  25. package/{Drawer.js → Drawer/index.js} +40 -41
  26. package/Dropdown/index.js +41 -0
  27. package/{Editor.js → Editor/index.js} +165 -164
  28. package/{Empty.js → Empty/index.js} +12 -13
  29. package/{ExtendedInput.js → ExtendedInput/index.js} +81 -71
  30. package/Form/index.js +83 -0
  31. package/{FormContainer.js → FormContainer/index.js} +25 -26
  32. package/FormableCheckbox/index.js +26 -0
  33. package/FormableDatePicker/index.js +41 -0
  34. package/FormableDropdown/index.js +48 -0
  35. package/FormableEditor/index.js +24 -0
  36. package/{FormableHOC-21051057.js → FormableHOC-55263162.js} +3 -3
  37. package/FormableMultiSelectDropdown/index.js +48 -0
  38. package/FormableNumberInput/index.js +32 -0
  39. package/FormableRadio/index.js +22 -0
  40. package/FormableSwitcher/index.js +22 -0
  41. package/FormableTextInput/index.js +32 -0
  42. package/FormableUploader/index.js +42 -0
  43. package/GeneUIProvider/index.js +282 -0
  44. package/{Grid.js → Grid/index.js} +27 -27
  45. package/Holder/index.js +261 -0
  46. package/{Icon.js → Icon/index.js} +9 -10
  47. package/Image/index.js +129 -0
  48. package/ImagePreview/index.js +481 -0
  49. package/{KeyValue.js → KeyValue/index.js} +11 -12
  50. package/LICENSE +21 -0
  51. package/Label/index.js +57 -0
  52. package/LinkButton/index.js +67 -0
  53. package/{Menu.js → Menu/index.js} +27 -28
  54. package/MobileNavigation/index.js +94 -0
  55. package/{MobilePopup.js → MobilePopup/index.js} +42 -41
  56. package/{Modal.js → Modal/index.js} +39 -40
  57. package/ModuleTitle/index.js +143 -0
  58. package/{NavigationMenu.js → NavigationMenu/index.js} +30 -29
  59. package/Notification/index.js +119 -0
  60. package/Option/index.js +184 -0
  61. package/Overlay/index.js +189 -0
  62. package/Overspread/index.js +289 -0
  63. package/{Pagination.js → Pagination/index.js} +35 -34
  64. package/Paper/index.js +96 -0
  65. package/{index-084588e9.js → Popover/index.js} +48 -58
  66. package/PopoverV2/index.js +18 -0
  67. package/{Portal.js → Portal/index.js} +7 -8
  68. package/{Products.js → Products/index.js} +20 -21
  69. package/Profile/index.js +585 -0
  70. package/Progress/index.js +199 -0
  71. package/{QRCode.js → QRCode/index.js} +4 -6
  72. package/{Radio.js → Radio/index.js} +25 -26
  73. package/{RadioGroup.js → RadioGroup/index.js} +17 -18
  74. package/{index-00fe8887.js → Range/index.js} +29 -32
  75. package/RichEditor/index.js +13 -0
  76. package/{RichEditor-98accead.js → RichEditor-8b0f7ccd.js} +18 -18
  77. package/{Scrollbar.js → Scrollbar/index.js} +15 -17
  78. package/{Search.js → Search/index.js} +25 -24
  79. package/SearchWithDropdown/index.js +138 -0
  80. package/Section/index.js +61 -0
  81. package/{SkeletonLoader.js → SkeletonLoader/index.js} +13 -14
  82. package/{Slider.js → Slider/index.js} +46 -43
  83. package/Status/index.js +103 -0
  84. package/Steps/index.js +313 -0
  85. package/{index-897d8240.js → SuggestionList/index.js} +15 -38
  86. package/{Switcher.js → Switcher/index.js} +30 -31
  87. package/Table/index.js +53 -0
  88. package/{TableCompositions.js → TableCompositions/index.js} +131 -168
  89. package/Tabs/index.js +235 -0
  90. package/Tag/index.js +102 -0
  91. package/{TextLink.js → TextLink/index.js} +3 -3
  92. package/{Textarea.js → Textarea/index.js} +66 -65
  93. package/{Time.js → Time/index.js} +13 -14
  94. package/TimePicker/index.js +555 -0
  95. package/Timeline/index.js +113 -0
  96. package/Title/index.js +65 -0
  97. package/{Toaster.js → Toaster/index.js} +19 -20
  98. package/{Tooltip.js → Tooltip/index.js} +27 -28
  99. package/{TransferList.js → TransferList/index.js} +44 -55
  100. package/{index-135b9d17.js → Uploader/index.js} +119 -116
  101. package/{ValidatableCheckbox.js → ValidatableCheckbox/index.js} +23 -24
  102. package/{ValidatableDatePicker.js → ValidatableDatePicker/index.js} +44 -42
  103. package/ValidatableDropdown/index.js +139 -0
  104. package/ValidatableElements/index.js +65 -0
  105. package/ValidatableMultiSelectDropdown/index.js +150 -0
  106. package/{ValidatableNumberInput.js → ValidatableNumberInput/index.js} +41 -33
  107. package/{ValidatableRadio.js → ValidatableRadio/index.js} +19 -20
  108. package/{ValidatableSwitcher.js → ValidatableSwitcher/index.js} +19 -20
  109. package/{ValidatableTextInput.js → ValidatableTextInput/index.js} +32 -31
  110. package/{ValidatableTimeInput.js → ValidatableTimeInput/index.js} +31 -30
  111. package/{ValidatableUploader.js → ValidatableUploader/index.js} +36 -34
  112. package/Widget/index.js +227 -0
  113. package/config-0ca92874.js +31 -0
  114. package/{configs-91c86664.js → configs-fed6ac34.js} +28 -1
  115. package/hooks/useBodyScroll.js +16 -0
  116. package/hooks/useClick.js +18 -0
  117. package/{useClickOutside-5183e396.js → hooks/useClickOutside.js} +1 -1
  118. package/hooks/useDebounceHook.js +16 -0
  119. package/{useDeviceType-dd51db38.js → hooks/useDeviceType.js} +4 -3
  120. package/hooks/useDidMount.js +15 -0
  121. package/{useEllipsisDetection-ef536015.js → hooks/useEllipsisDetection.js} +1 -1
  122. package/hooks/useForceUpdate.js +8 -0
  123. package/hooks/useImgDownload.js +18 -0
  124. package/{useKeyDown-38102ae7.js → hooks/useKeyDown.js} +1 -1
  125. package/hooks/useMount.js +13 -0
  126. package/hooks/useMutationObserver.js +21 -0
  127. package/hooks/usePrevious.js +10 -0
  128. package/hooks/useThrottle.js +16 -0
  129. package/hooks/useToggle.js +11 -0
  130. package/hooks/useUpdatableRef.js +14 -0
  131. package/hooks/useUpdate.js +10 -0
  132. package/{useWidth-9f4647f8.js → hooks/useWidth.js} +2 -2
  133. package/{useWindowSize-80369d76.js → hooks/useWindowSize.js} +1 -1
  134. package/{index-8c98317a.js → index-11eea761.js} +678 -752
  135. package/index-2ad83e03.js +4 -0
  136. package/index-34e47647.js +10054 -0
  137. package/index-45eafea6.js +90 -0
  138. package/{index-5e96cb4d.js → index-462461c0.js} +50 -48
  139. package/{index-ac59cb10.js → index-a0e4e333.js} +6 -6
  140. package/{index-e8776f3d.js → index-b1e429a7.js} +1 -1
  141. package/index.d.ts +115 -0
  142. package/index.js +137 -113
  143. package/index.mobile.d.ts +16 -0
  144. package/lib/atoms/Avatar/Avatar.d.ts +34 -0
  145. package/lib/atoms/Avatar/index.d.ts +1 -0
  146. package/lib/atoms/LinkButton/LinkButton.d.ts +46 -0
  147. package/lib/atoms/LinkButton/index.d.ts +1 -0
  148. package/{objectWithoutPropertiesLoose-299691d8.js → objectWithoutPropertiesLoose-d8a4a68c.js} +12 -12
  149. package/package.json +42 -22
  150. package/{rangeAndSlider-20599da4.js → rangeAndSlider-0301a458.js} +220 -375
  151. package/{react-beautiful-dnd.esm-38c37304.js → react-beautiful-dnd.esm-04c14563.js} +9 -9
  152. package/react-lifecycles-compat.es-6e1f3768.js +158 -0
  153. package/Alert.js +0 -98
  154. package/Avatar.js +0 -77
  155. package/Badge.js +0 -76
  156. package/BusyLoader.js +0 -69
  157. package/Button.js +0 -130
  158. package/Charts.js +0 -99
  159. package/ComboBox.js +0 -99
  160. package/Counter.js +0 -99
  161. package/DatePickerInput.js +0 -30
  162. package/Dropdown.js +0 -99
  163. package/Form.js +0 -116
  164. package/FormableCheckbox.js +0 -27
  165. package/FormableDatePicker.js +0 -39
  166. package/FormableDropdown.js +0 -105
  167. package/FormableEditor.js +0 -24
  168. package/FormableMultiSelectDropdown.js +0 -105
  169. package/FormableNumberInput.js +0 -31
  170. package/FormableRadio.js +0 -23
  171. package/FormableSwitcher.js +0 -23
  172. package/FormableTextInput.js +0 -31
  173. package/FormableUploader.js +0 -40
  174. package/GeneUIProvider.js +0 -256
  175. package/Holder.js +0 -99
  176. package/Image.js +0 -130
  177. package/ImagePreview.js +0 -99
  178. package/Label.js +0 -58
  179. package/LinkButton.js +0 -104
  180. package/MobileNavigation.js +0 -95
  181. package/ModuleTitle.js +0 -99
  182. package/Notification.js +0 -120
  183. package/Option.js +0 -186
  184. package/Overlay.js +0 -99
  185. package/Overspread.js +0 -343
  186. package/Paper.js +0 -97
  187. package/Popover.js +0 -20
  188. package/PopoverV2.js +0 -19
  189. package/Profile.js +0 -99
  190. package/Progress.js +0 -200
  191. package/Range.js +0 -14
  192. package/RichEditor.js +0 -13
  193. package/SearchWithDropdown.js +0 -195
  194. package/Section.js +0 -62
  195. package/Status.js +0 -104
  196. package/Steps.js +0 -312
  197. package/SuggestionList.js +0 -15
  198. package/Table.js +0 -102
  199. package/Tabs.js +0 -236
  200. package/Tag.js +0 -103
  201. package/TimePicker.js +0 -99
  202. package/Timeline.js +0 -114
  203. package/Title.js +0 -66
  204. package/Uploader.js +0 -32
  205. package/ValidatableDropdown.js +0 -99
  206. package/ValidatableElements.js +0 -99
  207. package/ValidatableMultiSelectDropdown.js +0 -99
  208. package/Widget.js +0 -99
  209. package/globalStyling-9c60a159.js +0 -4
  210. package/index-2030e31c.js +0 -4
  211. package/index-b7a33c58.js +0 -11
  212. package/index-e0af0caf.js +0 -1182
  213. package/useMount-6fef51a5.js +0 -9
package/Overspread.js DELETED
@@ -1,343 +0,0 @@
1
- import { _ as _extends } from './_rollupPluginBabelHelpers-e8fb2e5c.js';
2
- import React__default, { useState, useRef, useEffect, useCallback } from 'react';
3
- import { p as propTypesExports } from './index-e0af0caf.js';
4
- import { n as noop } from './index-ac59cb10.js';
5
- import './configs-91c86664.js';
6
- import { u as useClickOutside } from './useClickOutside-5183e396.js';
7
- import Icon from './Icon.js';
8
- import Portal from './Portal.js';
9
- import { m as Dropdown } from './index-9164a86d.js';
10
- import { P as Popover } from './index-084588e9.js';
11
- import Menu from './Menu.js';
12
- import './globalStyling-9c60a159.js';
13
- import { s as styleInject } from './style-inject.es-746bb8ed.js';
14
- import './dateValidation-67caec66.js';
15
- import './_commonjsHelpers-24198af3.js';
16
- import 'react-dom';
17
- import './index-6ff23041.js';
18
- import './GeneUIProvider.js';
19
- import './Editor.js';
20
- import './useMount-6fef51a5.js';
21
- import './useDeviceType-dd51db38.js';
22
- import './useWindowSize-80369d76.js';
23
- import './Button.js';
24
- import './ValidatableUploader.js';
25
- import './index-135b9d17.js';
26
- import './Grid.js';
27
- import './useWidth-9f4647f8.js';
28
- import './useKeyDown-38102ae7.js';
29
- import './BusyLoader.js';
30
- import './Image.js';
31
- import './Empty.js';
32
- import './Tooltip.js';
33
- import './Popover-f4d1cac0.js';
34
- import './Checkbox.js';
35
- import './checkboxRadioSwitcher-5b69d7bd.js';
36
- import './guid-8ddf77b3.js';
37
- import './ExtendedInput.js';
38
- import './index-897d8240.js';
39
- import './Scrollbar.js';
40
- import './ValidatableRadio.js';
41
- import './RadioGroup.js';
42
- import './Radio.js';
43
- import './ValidatableCheckbox.js';
44
- import './ValidatableSwitcher.js';
45
- import './Switcher.js';
46
- import './ValidatableNumberInput.js';
47
- import './ValidatableTextInput.js';
48
- import './ValidatableDatePicker.js';
49
- import './index-0199942c.js';
50
- import './index-5e96cb4d.js';
51
- import './index-122432cd.js';
52
- import './debounce-4419bc2f.js';
53
- import './DatePicker.js';
54
- import './localization-4ba17032.js';
55
- import './checkTimeValidation-e56771be.js';
56
- import './useEllipsisDetection-ef536015.js';
57
- import './Tabs.js';
58
- import './Steps.js';
59
- import './Timeline.js';
60
- import './Card.js';
61
- import './MobilePopup.js';
62
- import './SkeletonLoader.js';
63
- import './KeyValue.js';
64
- import './configs.js';
65
- import './Tag.js';
66
- import './Alert.js';
67
- import './index-00fe8887.js';
68
- import './rangeAndSlider-20599da4.js';
69
- import './Slider.js';
70
- import './Pagination.js';
71
- import './Divider.js';
72
- import './objectWithoutPropertiesLoose-299691d8.js';
73
- import './clsx.m-2bb6df4b.js';
74
- import './index-2030e31c.js';
75
- import './Notification.js';
76
- import './Modal.js';
77
- import './Collapse.js';
78
- import './Status.js';
79
- import './Avatar.js';
80
- import './Search.js';
81
- import './TextLink.js';
82
- import './Label.js';
83
- import './Paper.js';
84
- import './Badge.js';
85
- import './Time.js';
86
- import './Title.js';
87
- import './Option.js';
88
- import './index-b7a33c58.js';
89
- import './QRCode.js';
90
- import './Progress.js';
91
- import './MobileNavigation.js';
92
- import './Products.js';
93
- import './Breadcrumb.js';
94
- import './Section.js';
95
- import './ColorPicker.js';
96
- import './NavigationMenu.js';
97
- import './Textarea.js';
98
- import './AdvancedSearch.js';
99
- import './LinkButton.js';
100
-
101
- var css_248z = "[data-gene-ui-version=\"1.0.0\"] .overspread-container{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:300}[data-gene-ui-version=\"1.0.0\"] .overspread-holder{animation:overspread-reveal .5s forwards;background:var(--background);display:grid;grid-template-columns:100%;grid-template-rows:auto 1fr;height:100%;transform:translate3d(0,100%,0);width:100%}@keyframes overspread-reveal{to{transform:translateZ(0)}}[data-gene-ui-version=\"1.0.0\"] .overspread-head{border-bottom:1px solid rgba(var(--background-sc-rgb),.05);display:grid;grid-template-areas:\"left center right\";grid-template-columns:1fr auto 1fr;padding:0 1rem;position:relative;width:100%}[data-gene-ui-version=\"1.0.0\"] .overspread-head>li{align-items:center;display:flex;height:4.6rem;overflow:hidden}[data-gene-ui-version=\"1.0.0\"] .overspread-head>li.over-h-act{font:600 1.5rem/2.3rem var(--font-family);grid-area:left;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;width:100%}[data-gene-ui-version=\"1.0.0\"] .overspread-head>li.over-h-act:last-child{grid-area:right;justify-content:flex-end}[data-gene-ui-version=\"1.0.0\"] .overspread-head>li.over-h-tt{font:600 1.7rem/2.3rem var(--font-family);grid-area:center}[data-gene-ui-version=\"1.0.0\"] .overspread-head>li>*{margin:0 .5rem}[data-gene-ui-version=\"1.0.0\"] .overspread-head>li .color-hero{color:var(--hero)}[data-gene-ui-version=\"1.0.0\"] .overspread-head button{transition:opacity .4s}[data-gene-ui-version=\"1.0.0\"] .overspread-head button:disabled{opacity:.5;pointer-events:none}[data-gene-ui-version=\"1.0.0\"] .overspread-body{-webkit-overflow-scrolling:touch;overflow-y:auto;padding:1.5rem}[data-gene-ui-version=\"1.0.0\"] .overspread-search{position:relative}[data-gene-ui-version=\"1.0.0\"] .overspread-search:not(:focus-within,.show-search) input{height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}[data-gene-ui-version=\"1.0.0\"] .overspread-search:not(:focus-within,.show-search) .bc-icon-search{pointer-events:none}[data-gene-ui-version=\"1.0.0\"] .overspread-search:not(:focus-within,.show-search) .bc-icon-close{display:none}[data-gene-ui-version=\"1.0.0\"] .overspread-search.show-search,[data-gene-ui-version=\"1.0.0\"] .overspread-search:focus-within{background:var(--background);display:flex;left:0;margin:0;padding:0 1rem;position:absolute;top:50%;transform:translateY(-50%);width:100%;z-index:10}[data-gene-ui-version=\"1.0.0\"] .overspread-search.show-search>*,[data-gene-ui-version=\"1.0.0\"] .overspread-search:focus-within>*{padding:0 .5rem}[data-gene-ui-version=\"1.0.0\"] .overspread-search.show-search .bc-icon-search,[data-gene-ui-version=\"1.0.0\"] .overspread-search:focus-within .bc-icon-search{display:none}[data-gene-ui-version=\"1.0.0\"] .overspread-search.show-search input,[data-gene-ui-version=\"1.0.0\"] .overspread-search:focus-within input{font:600 1.4rem var(--font-family);height:2.4rem;width:100%}[data-gene-ui-version=\"1.0.0\"] .overspread-search.show-search input::input-placeholder,[data-gene-ui-version=\"1.0.0\"] .overspread-search:focus-within input::input-placeholder{color:rgba(var(--background-sc-rgb),.5);font-size:1.4rem;font-weight:600}[data-gene-ui-version=\"1.0.0\"] .overspread-search.show-search input:placeholder,[data-gene-ui-version=\"1.0.0\"] .overspread-search:focus-within input:placeholder{color:rgba(var(--background-sc-rgb),.5);font-size:1.4rem;font-weight:600}[data-gene-ui-version=\"1.0.0\"] .overspread-search.show-search input::placeholder,[data-gene-ui-version=\"1.0.0\"] .overspread-search:focus-within input::placeholder{color:rgba(var(--background-sc-rgb),.5);font-size:1.4rem;font-weight:600}[data-gene-ui-version=\"1.0.0\"] .overspread-search.show-search input:input-placeholder,[data-gene-ui-version=\"1.0.0\"] .overspread-search:focus-within input:input-placeholder{color:rgba(var(--background-sc-rgb),.5);font-size:1.4rem;font-weight:600}[data-gene-ui-version=\"1.0.0\"] .back-button-holder{align-items:center;cursor:pointer;display:flex}";
102
- styleInject(css_248z);
103
-
104
- function Overspread(props) {
105
- const {
106
- opened,
107
- title,
108
- hasDone,
109
- disabledDone,
110
- children,
111
- hasSearch,
112
- hasOptions,
113
- titleHasOptions,
114
- searchOutput,
115
- hasBack,
116
- doneText,
117
- backWithIcon,
118
- backText,
119
- doneWithIcon,
120
- onClose,
121
- onDone,
122
- onBack,
123
- onSelectingOption,
124
- onSelectingTitleOption,
125
- dataForOptions,
126
- dataForTitleWithOptions,
127
- defaultValueForTitleWithOptions,
128
- onAnimationEnd,
129
- ...restProps
130
- } = props;
131
- const isControlled = ('opened' in props);
132
- const [isOpen, setIsOpen] = useState(opened);
133
- const [optionsPopoverIsOpen, setOptionsPopoverIsOpen] = useState(false);
134
- const portalRef = useRef(null);
135
- useEffect(() => setIsOpen(opened), [opened]);
136
- const handleSearchOutput = useCallback(e => {
137
- searchOutput && searchOutput(e.target.value);
138
- }, [searchOutput]);
139
- const handleClose = useCallback(e => {
140
- !isControlled && setIsOpen(isOpen => !isOpen);
141
- onClose && onClose(e);
142
- }, [onClose, isControlled]);
143
- const handleDone = useCallback(e => {
144
- !isControlled && setIsOpen(isOpen => !isOpen);
145
- onDone && onDone(e);
146
- }, [onDone, isControlled]);
147
- const outsideClickHandler = useCallback(() => {
148
- setOptionsPopoverIsOpen(false);
149
- }, []);
150
- const outsideClickRef = useClickOutside(outsideClickHandler);
151
- const onAnimationEndHandler = useCallback(() => {
152
- onAnimationEnd && onAnimationEnd();
153
- }, [onAnimationEnd]);
154
- useEffect(() => {
155
- var _portalRef$current;
156
- portalRef === null || portalRef === void 0 ? void 0 : (_portalRef$current = portalRef.current) === null || _portalRef$current === void 0 ? void 0 : _portalRef$current.addEventListener('animationend', onAnimationEndHandler);
157
- }, [portalRef.current, isOpen]);
158
- const cleanup = () => {
159
- var _portalRef$current2;
160
- portalRef === null || portalRef === void 0 ? void 0 : (_portalRef$current2 = portalRef.current) === null || _portalRef$current2 === void 0 ? void 0 : _portalRef$current2.removeEventListener('animationend', onAnimationEndHandler);
161
- };
162
- useEffect(() => cleanup, []);
163
- return /*#__PURE__*/React__default.createElement(Portal, {
164
- isOpen: isOpen
165
- }, /*#__PURE__*/React__default.createElement("div", _extends({
166
- className: "overspread-container"
167
- }, restProps), /*#__PURE__*/React__default.createElement("div", {
168
- className: "overspread-holder",
169
- ref: portalRef
170
- }, /*#__PURE__*/React__default.createElement("ul", {
171
- className: "overspread-head"
172
- }, /*#__PURE__*/React__default.createElement("li", {
173
- className: "over-h-act"
174
- }, hasBack ? /*#__PURE__*/React__default.createElement("p", {
175
- onClick: onBack,
176
- className: "back-button-holder cursor-pointer"
177
- }, backWithIcon && /*#__PURE__*/React__default.createElement(Icon, {
178
- type: "bc-icon-arrow-left"
179
- }), /*#__PURE__*/React__default.createElement("span", null, backText)) : /*#__PURE__*/React__default.createElement(Icon, {
180
- type: "bc-icon-close",
181
- onClick: handleClose,
182
- className: "cursor-pointer"
183
- })), /*#__PURE__*/React__default.createElement("li", {
184
- className: "over-h-tt"
185
- }, titleHasOptions ? /*#__PURE__*/React__default.createElement(Dropdown, {
186
- hasSearch: false,
187
- value: defaultValueForTitleWithOptions.value,
188
- data: dataForTitleWithOptions,
189
- placeholder: " ",
190
- appearance: "light",
191
- onChange: onSelectingTitleOption,
192
- flexibility: "content-size"
193
- }) : /*#__PURE__*/React__default.createElement("p", {
194
- className: "ellipsis-text"
195
- }, title)), /*#__PURE__*/React__default.createElement("li", {
196
- className: "over-h-act"
197
- }, hasSearch && /*#__PURE__*/React__default.createElement("div", {
198
- className: "overspread-search cursor-pointer"
199
- }, /*#__PURE__*/React__default.createElement(Icon, {
200
- type: "bc-icon-close"
201
- }), /*#__PURE__*/React__default.createElement("input", {
202
- onChange: handleSearchOutput,
203
- placeholder: "Search"
204
- }), /*#__PURE__*/React__default.createElement(Icon, {
205
- type: "bc-icon-search"
206
- })), hasOptions && /*#__PURE__*/React__default.createElement(Popover, {
207
- isOpen: optionsPopoverIsOpen,
208
- extendTargetWidth: false,
209
- Content: /*#__PURE__*/React__default.createElement(Menu, {
210
- ref: outsideClickRef,
211
- data: dataForOptions,
212
- onSelect: function () {
213
- setOptionsPopoverIsOpen(false);
214
- onSelectingOption(...arguments);
215
- }
216
- }),
217
- align: "end"
218
- }, /*#__PURE__*/React__default.createElement(Icon, {
219
- type: "bc-icon-more-vertical",
220
- onClick: () => setOptionsPopoverIsOpen(true)
221
- })), hasDone && /*#__PURE__*/React__default.createElement("button", {
222
- disabled: disabledDone,
223
- onClick: handleDone,
224
- className: "color-hero cursor-pointer"
225
- }, doneWithIcon ? /*#__PURE__*/React__default.createElement(Icon, {
226
- type: "bc-icon-checkbox-checked"
227
- }) : doneText))), children && /*#__PURE__*/React__default.createElement("div", {
228
- className: "overspread-body"
229
- }, children))));
230
- }
231
- Overspread.propTypes = {
232
- title: propTypesExports.string,
233
- /**
234
- * Enables title's dropdown,
235
- */
236
- titleHasOptions: propTypesExports.bool,
237
- /**
238
- * Fires event for handling change of value/selected option
239
- * ((event: Event) => void)
240
- */
241
- onSelectingTitleOption: propTypesExports.func,
242
- /**
243
- * Title's dropdown data
244
- */
245
- dataForTitleWithOptions: propTypesExports.array,
246
- /**
247
- * Default value for title's dropdown
248
- */
249
- defaultValueForTitleWithOptions: propTypesExports.object,
250
- /**
251
- * Enables search,
252
- */
253
- hasSearch: propTypesExports.bool,
254
- /**
255
- * Fires event when user types in search field
256
- * (event: Event) => void
257
- */
258
- searchOutput: propTypesExports.func,
259
- /**
260
- * Displays dropdown on the right corner,
261
- */
262
- hasOptions: propTypesExports.bool,
263
- /**
264
- * Right corner dropdown's data
265
- */
266
- dataForOptions: propTypesExports.array,
267
- /**
268
- * Fires event for handling change of value/selected option
269
- * ((event: Event) => void)
270
- */
271
- onSelectingOption: propTypesExports.func,
272
- /** Opened state */
273
- opened: propTypesExports.bool,
274
- /**
275
- * Any valid node
276
- */
277
- children: propTypesExports.node,
278
- /**
279
- * Enables done button on the right corner,
280
- */
281
- hasDone: propTypesExports.bool,
282
- /**
283
- * Shows done icon instead of text
284
- */
285
- doneWithIcon: propTypesExports.bool,
286
- /**
287
- * Done button disabled state
288
- */
289
- disabledDone: propTypesExports.bool,
290
- /**
291
- * Custom text for done button
292
- */
293
- doneText: propTypesExports.string,
294
- /**
295
- * Fires event when done button is clicked
296
- * ((event: Event) => void)
297
- */
298
- onDone: propTypesExports.func,
299
- /**
300
- * Enables back button on the left corner,
301
- */
302
- hasBack: propTypesExports.bool,
303
- /**
304
- * Custom text for back button
305
- */
306
- backText: propTypesExports.string,
307
- /**
308
- * Displays chevron icon in back button
309
- */
310
- backWithIcon: propTypesExports.bool,
311
- /**
312
- * Fires event when back button is clicked
313
- * ((event: Event) => void)
314
- */
315
- onBack: propTypesExports.func,
316
- /**
317
- * Fires event when close icon is clicked
318
- * ((event: Event) => void)
319
- */
320
- onClose: propTypesExports.func,
321
- /**
322
- * Function calls when the animation ends.
323
- */
324
- onAnimationEnd: propTypesExports.func
325
- };
326
- Overspread.defaultProps = {
327
- hasSearch: false,
328
- hasBack: false,
329
- hasOptions: false,
330
- doneText: 'Done',
331
- titleHasOptions: false,
332
- backWithIcon: false,
333
- doneWithIcon: false,
334
- hasDone: true,
335
- onDone: noop,
336
- onBack: noop,
337
- onClose: noop,
338
- onSelectingOption: noop,
339
- onSelectingTitleOption: noop,
340
- onAnimationEnd: noop
341
- };
342
-
343
- export { Overspread as default };
package/Paper.js DELETED
@@ -1,97 +0,0 @@
1
- import { _ as _extends } from './_rollupPluginBabelHelpers-e8fb2e5c.js';
2
- import React__default, { forwardRef } from 'react';
3
- import { p as propTypesExports } from './index-e0af0caf.js';
4
- import './globalStyling-9c60a159.js';
5
- import { s as styleInject } from './style-inject.es-746bb8ed.js';
6
-
7
- var css_248z = "[data-gene-ui-version=\"1.0.0\"] .paper{align-content:flex-start;display:flex;width:100%}[data-gene-ui-version=\"1.0.0\"] .paper:not(.bg-transparent){background:var(--background)}[data-gene-ui-version=\"1.0.0\"] .paper.with-shadow{box-shadow:0 .3rem .6rem 0 #0000000d}[data-gene-ui-version=\"1.0.0\"] .paper.top-radius{border-radius:2rem 2rem 0 0}[data-gene-ui-version=\"1.0.0\"] .paper.bottom-radius{border-radius:0 0 2rem 2rem}[data-gene-ui-version=\"1.0.0\"] .paper.full-radius{border-radius:2rem}[data-gene-ui-version=\"1.0.0\"] .paper.with-border{border:1px solid rgba(var(--background-sc-rgb),.1)}[data-gene-ui-version=\"1.0.0\"] .pd-row{flex-direction:row}[data-gene-ui-version=\"1.0.0\"] .pd-row-reverse{flex-direction:row-reverse}[data-gene-ui-version=\"1.0.0\"] .pd-column{flex-direction:column}[data-gene-ui-version=\"1.0.0\"] .pd-column-reverse{flex-direction:column-reverse}[data-gene-ui-version=\"1.0.0\"] .pw-nowrap{flex-wrap:nowrap}[data-gene-ui-version=\"1.0.0\"] .pw-wrap{flex-wrap:wrap}[data-gene-ui-version=\"1.0.0\"] .pw-wrap-reverse{flex-wrap:wrap-reverse}[data-gene-ui-version=\"1.0.0\"] .jc-paper-start{justify-content:flex-start}[data-gene-ui-version=\"1.0.0\"] .jc-paper-end{justify-content:flex-end}[data-gene-ui-version=\"1.0.0\"] .jc-center{justify-content:center}[data-gene-ui-version=\"1.0.0\"] .jc-start{justify-content:start}[data-gene-ui-version=\"1.0.0\"] .jc-end{justify-content:end}[data-gene-ui-version=\"1.0.0\"] .jc-left{justify-content:left}[data-gene-ui-version=\"1.0.0\"] .jc-right{justify-content:right}[data-gene-ui-version=\"1.0.0\"] .jc-normal{justify-content:normal}[data-gene-ui-version=\"1.0.0\"] .jc-space-between{justify-content:space-between}[data-gene-ui-version=\"1.0.0\"] .jc-space-around{justify-content:space-around}[data-gene-ui-version=\"1.0.0\"] .jc-space-evenly{justify-content:space-evenly}[data-gene-ui-version=\"1.0.0\"] .jc-stretch{justify-content:stretch}[data-gene-ui-version=\"1.0.0\"] .jc-inherit{justify-content:inherit}[data-gene-ui-version=\"1.0.0\"] .jc-initial{justify-content:normal}[data-gene-ui-version=\"1.0.0\"] .jc-unset{justify-content:unset}[data-gene-ui-version=\"1.0.0\"] .ai-normal{align-items:normal}[data-gene-ui-version=\"1.0.0\"] .ai-stretch{align-items:stretch}[data-gene-ui-version=\"1.0.0\"] .ai-center{align-items:center}[data-gene-ui-version=\"1.0.0\"] .ai-start{align-items:start}[data-gene-ui-version=\"1.0.0\"] .ai-end{align-items:end}[data-gene-ui-version=\"1.0.0\"] .ai-paper-start{align-items:flex-start}[data-gene-ui-version=\"1.0.0\"] .ai-paper-end{align-items:flex-end}[data-gene-ui-version=\"1.0.0\"] .ai-self-start{align-items:self-start}[data-gene-ui-version=\"1.0.0\"] .ai-self-end{align-items:self-end}[data-gene-ui-version=\"1.0.0\"] .ai-baseline{align-items:baseline}[data-gene-ui-version=\"1.0.0\"] .ai-inherit{align-items:inherit}[data-gene-ui-version=\"1.0.0\"] .ai-initial{align-items:normal}[data-gene-ui-version=\"1.0.0\"] .ai-unset{align-items:unset}";
8
- styleInject(css_248z);
9
-
10
- const paperDirections = ['row', 'row-reverse', 'column', 'column-reverse'];
11
- const paperWraps = ['nowrap', 'wrap', 'wrap-reverse'];
12
- const justifyContents = ['paper-start', 'paper-end', 'center', 'start', 'end', 'left', 'right', 'normal', 'space-between', 'space-around', 'space-evenly', 'stretch', 'inherit', 'initial', 'unset'];
13
- const alignItems = ['stretch', 'normal', 'center', 'start', 'end', 'paper-start', 'paper-end', 'self-start', 'self-end', 'baseline', 'inherit', 'initial', 'unset'];
14
- const cornersRadius = ['none', 'top-radius', 'bottom-radius', 'full-radius'];
15
- const Paper = /*#__PURE__*/forwardRef((_ref, ref) => {
16
- let {
17
- padding,
18
- children,
19
- className,
20
- paperDirection,
21
- paperWrap,
22
- justifyContent,
23
- alignItems,
24
- cornerRadius,
25
- shadow,
26
- border,
27
- isTransparent,
28
- ...restProps
29
- } = _ref;
30
- return /*#__PURE__*/React__default.createElement("div", _extends({
31
- ref: ref,
32
- className: "paper bg-".concat(isTransparent ? 'transparent' : 'color', "\n ").concat(border ? 'with-border' : '', "\n ").concat(className, "\n pd-").concat(paperDirection, "\n pw-").concat(paperWrap, "\n jc-").concat(justifyContent, "\n ai-").concat(alignItems, "\n ").concat(cornerRadius, "\n ").concat(shadow ? 'with-shadow' : ''),
33
- style: {
34
- padding: typeof padding === 'number' ? "".concat(padding / 10, "rem") : padding
35
- }
36
- }, restProps), children);
37
- });
38
- Paper.propTypes = {
39
- /**
40
- * Paper padding. Any padding value valid in css
41
- */
42
- padding: propTypesExports.oneOfType([propTypesExports.number, propTypesExports.string]),
43
- /**
44
- * Additional className
45
- */
46
- className: propTypesExports.string,
47
- /**
48
- * Wrapping with paper anything passed as child. Any valid React node
49
- */
50
- children: propTypesExports.node,
51
- /**
52
- * Paper direction
53
- */
54
- paperDirection: propTypesExports.oneOf(paperDirections),
55
- /**
56
- * Paper wrapping
57
- */
58
- paperWrap: propTypesExports.oneOf(paperWraps),
59
- /**
60
- * Paper justify content
61
- */
62
- justifyContent: propTypesExports.oneOf(justifyContents),
63
- /**
64
- * Paper align items
65
- */
66
- alignItems: propTypesExports.oneOf(alignItems),
67
- /**
68
- * Paper corner radius
69
- */
70
- cornerRadius: propTypesExports.oneOf(cornersRadius),
71
- /**
72
- * Will add transparency to the Paper when set to "true"
73
- */
74
- isTransparent: propTypesExports.bool,
75
- /**
76
- * Will add borders to the Paper when set to "true"
77
- */
78
- border: propTypesExports.bool,
79
- /**
80
- * Will add shadow to the Paper when set to "true"
81
- */
82
- shadow: propTypesExports.bool
83
- };
84
- Paper.defaultProps = {
85
- padding: 0,
86
- className: '',
87
- paperDirection: paperDirections[0],
88
- paperWrap: paperWraps[0],
89
- justifyContent: justifyContents[0],
90
- alignItems: alignItems[0],
91
- cornerRadius: cornersRadius[0],
92
- shadow: false,
93
- border: false,
94
- isTransparent: false
95
- };
96
-
97
- export { alignItems, cornersRadius, Paper as default, justifyContents, paperDirections, paperWraps };
package/Popover.js DELETED
@@ -1,20 +0,0 @@
1
- import './_rollupPluginBabelHelpers-e8fb2e5c.js';
2
- import 'react';
3
- import './Popover-f4d1cac0.js';
4
- import './index-122432cd.js';
5
- import './index-6ff23041.js';
6
- import './index-e0af0caf.js';
7
- import './index-ac59cb10.js';
8
- import './useDeviceType-dd51db38.js';
9
- export { P as default } from './index-084588e9.js';
10
- import './configs-91c86664.js';
11
- import './GeneUIProvider.js';
12
- import './Portal.js';
13
- import './Scrollbar.js';
14
- import './globalStyling-9c60a159.js';
15
- import './guid-8ddf77b3.js';
16
- import './_commonjsHelpers-24198af3.js';
17
- import 'react-dom';
18
- import './dateValidation-67caec66.js';
19
- import './useWindowSize-80369d76.js';
20
- import './style-inject.es-746bb8ed.js';
package/PopoverV2.js DELETED
@@ -1,19 +0,0 @@
1
- import './_rollupPluginBabelHelpers-e8fb2e5c.js';
2
- import 'react';
3
- export { P as default } from './index-5e96cb4d.js';
4
- import './index-122432cd.js';
5
- import './index-6ff23041.js';
6
- import './index-e0af0caf.js';
7
- import './index-ac59cb10.js';
8
- import './useDeviceType-dd51db38.js';
9
- import './useClickOutside-5183e396.js';
10
- import './configs-91c86664.js';
11
- import './Scrollbar.js';
12
- import './globalStyling-9c60a159.js';
13
- import './GeneUIProvider.js';
14
- import './debounce-4419bc2f.js';
15
- import './_commonjsHelpers-24198af3.js';
16
- import 'react-dom';
17
- import './style-inject.es-746bb8ed.js';
18
- import './dateValidation-67caec66.js';
19
- import './useWindowSize-80369d76.js';
package/Profile.js DELETED
@@ -1,99 +0,0 @@
1
- import './_rollupPluginBabelHelpers-e8fb2e5c.js';
2
- import 'react';
3
- import './index-e0af0caf.js';
4
- import './configs-91c86664.js';
5
- import './index-ac59cb10.js';
6
- import './index-00fe8887.js';
7
- import './useDeviceType-dd51db38.js';
8
- import './useClickOutside-5183e396.js';
9
- import './index-6ff23041.js';
10
- import './Icon.js';
11
- import './Avatar.js';
12
- import './index-5e96cb4d.js';
13
- import './Tooltip.js';
14
- import './Menu.js';
15
- export { P as default } from './index-9164a86d.js';
16
- import './globalStyling-9c60a159.js';
17
- import './ExtendedInput.js';
18
- import './Search.js';
19
- import './TextLink.js';
20
- import './Button.js';
21
- import './Label.js';
22
- import './Switcher.js';
23
- import './Divider.js';
24
- import './Radio.js';
25
- import './Paper.js';
26
- import './Portal.js';
27
- import './Badge.js';
28
- import './BusyLoader.js';
29
- import './SkeletonLoader.js';
30
- import './Scrollbar.js';
31
- import './Time.js';
32
- import './Empty.js';
33
- import './index-084588e9.js';
34
- import './Title.js';
35
- import './Image.js';
36
- import './KeyValue.js';
37
- import './Option.js';
38
- import './QRCode.js';
39
- import './dateValidation-67caec66.js';
40
- import './_commonjsHelpers-24198af3.js';
41
- import 'react-dom';
42
- import './rangeAndSlider-20599da4.js';
43
- import './style-inject.es-746bb8ed.js';
44
- import './useWidth-9f4647f8.js';
45
- import './useWindowSize-80369d76.js';
46
- import './index-122432cd.js';
47
- import './GeneUIProvider.js';
48
- import './debounce-4419bc2f.js';
49
- import './Popover-f4d1cac0.js';
50
- import './useEllipsisDetection-ef536015.js';
51
- import './Editor.js';
52
- import './useMount-6fef51a5.js';
53
- import './ValidatableUploader.js';
54
- import './index-135b9d17.js';
55
- import './Grid.js';
56
- import './useKeyDown-38102ae7.js';
57
- import './Checkbox.js';
58
- import './checkboxRadioSwitcher-5b69d7bd.js';
59
- import './guid-8ddf77b3.js';
60
- import './index-897d8240.js';
61
- import './ValidatableRadio.js';
62
- import './RadioGroup.js';
63
- import './ValidatableCheckbox.js';
64
- import './ValidatableSwitcher.js';
65
- import './ValidatableNumberInput.js';
66
- import './ValidatableTextInput.js';
67
- import './ValidatableDatePicker.js';
68
- import './index-0199942c.js';
69
- import './DatePicker.js';
70
- import './localization-4ba17032.js';
71
- import './checkTimeValidation-e56771be.js';
72
- import './Tabs.js';
73
- import './Steps.js';
74
- import './Timeline.js';
75
- import './Card.js';
76
- import './MobilePopup.js';
77
- import './configs.js';
78
- import './Tag.js';
79
- import './Alert.js';
80
- import './Slider.js';
81
- import './Pagination.js';
82
- import './objectWithoutPropertiesLoose-299691d8.js';
83
- import './clsx.m-2bb6df4b.js';
84
- import './index-2030e31c.js';
85
- import './Notification.js';
86
- import './Modal.js';
87
- import './Collapse.js';
88
- import './Status.js';
89
- import './index-b7a33c58.js';
90
- import './Progress.js';
91
- import './MobileNavigation.js';
92
- import './Products.js';
93
- import './Breadcrumb.js';
94
- import './Section.js';
95
- import './ColorPicker.js';
96
- import './NavigationMenu.js';
97
- import './Textarea.js';
98
- import './AdvancedSearch.js';
99
- import './LinkButton.js';