@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/Form/index.js DELETED
@@ -1,85 +0,0 @@
1
- import 'react';
2
- import 'prop-types';
3
- import FormContainer from '../FormContainer/index.js';
4
- export { default as FormableMultiSelectDropdown } from '../FormableMultiSelectDropdown/index.js';
5
- export { default as FormableNumberInput } from '../FormableNumberInput/index.js';
6
- export { default as FormableDatePicker } from '../FormableDatePicker/index.js';
7
- export { default as FormableTextInput } from '../FormableTextInput/index.js';
8
- export { default as FormableDropdown } from '../FormableDropdown/index.js';
9
- export { default as FormableCheckbox } from '../FormableCheckbox/index.js';
10
- export { default as FormableUploader } from '../FormableUploader/index.js';
11
- export { default as FormableSwitcher } from '../FormableSwitcher/index.js';
12
- export { default as FormableEditor } from '../FormableEditor/index.js';
13
- export { default as FormableRadio } from '../FormableRadio/index.js';
14
- export { F as FormableHOC } from '../FormableHOC-85f89a81.js';
15
- import '../_rollupPluginBabelHelpers-a83240e1.js';
16
- import '../index-5f37f281.js';
17
- import '../dateValidation-67caec66.js';
18
- import '../_commonjsHelpers-24198af3.js';
19
- import 'react-dom';
20
- import '../Paper/index.js';
21
- import '../style-inject.es-746bb8ed.js';
22
- import '../Button/index.js';
23
- import '../tslib.es6-f211516f.js';
24
- import '../index-031ff73c.js';
25
- import '../Icon/index.js';
26
- import '../index-262edd7a.js';
27
- import '../ValidatableMultiSelectDropdown/index.js';
28
- import '../hooks/useMount.js';
29
- import '../configs-00612ce0.js';
30
- import '../index-480fd7d9.js';
31
- import '../objectWithoutPropertiesLoose-e1596bdb.js';
32
- import '../react-lifecycles-compat.es-6e1f3768.js';
33
- import '../clsx.m-2bb6df4b.js';
34
- import '../hooks/useClick.js';
35
- import '../hooks/useKeyDown.js';
36
- import '../hooks/useDeviceType.js';
37
- import '../hooks/useWindowSize.js';
38
- import '../hooks/useDebounce.js';
39
- import '../hooks/useClickOutside.js';
40
- import '../hooks/useUpdatableRef.js';
41
- import '../hooks/useForceUpdate.js';
42
- import '../useEllipsisDetection-c1c9ad94.js';
43
- import '../BusyLoader/index.js';
44
- import '../Empty/index.js';
45
- import '../index-73aaa093.js';
46
- import '../index-122432cd.js';
47
- import '../Scrollbar/index.js';
48
- import '../GeneUIProvider/index.js';
49
- import '../debounce-4419bc2f.js';
50
- import '../index-65217440.js';
51
- import '../ExtendedInput/index.js';
52
- import '../SuggestionList/index.js';
53
- import '../config-1053d64d.js';
54
- import '../callAfterDelay-7272faca.js';
55
- import '../Checkbox/index.js';
56
- import '../checkboxRadioSwitcher-5b69d7bd.js';
57
- import '../guid-8ddf77b3.js';
58
- import '../index-370f9acd.js';
59
- import '../Tag/index.js';
60
- import '../ValidatableNumberInput/index.js';
61
- import '../ValidatableDatePicker/index.js';
62
- import '../DatePickerInput/index.js';
63
- import '../DatePicker/index.js';
64
- import '../localization-4ba17032.js';
65
- import '../checkTimeValidation-e56771be.js';
66
- import '../ValidatableTextInput/index.js';
67
- import '../ValidatableDropdown/index.js';
68
- import '../ValidatableCheckbox/index.js';
69
- import '../ValidatableUploader/index.js';
70
- import '../Uploader/index.js';
71
- import '../Grid/index.js';
72
- import '../hooks/useWidth.js';
73
- import '../hooks/useImgDownload.js';
74
- import '../Image/index.js';
75
- import '../ValidatableSwitcher/index.js';
76
- import '../Switcher/index.js';
77
- import '../Editor/index.js';
78
- import '../index-45eafea6.js';
79
- import '../ValidatableRadio/index.js';
80
- import '../RadioGroup/index.js';
81
- import '../Radio/index.js';
82
-
83
-
84
-
85
- export { FormContainer as default };
@@ -1,189 +0,0 @@
1
- import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
2
- import React__default, { useMemo, useCallback, useEffect } from 'react';
3
- import PropTypes from 'prop-types';
4
- import { n as noop, s as stopEvent } from '../index-5f37f281.js';
5
- import Paper from '../Paper/index.js';
6
- import Button from '../Button/index.js';
7
- import { F as FormProvider, u as useFormContext } from '../index-262edd7a.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 '../tslib.es6-f211516f.js';
13
- import '../index-031ff73c.js';
14
- import '../Icon/index.js';
15
-
16
- var css_248z = "[data-gene-ui-version=\"2.16.3\"] .form-buttons{margin:2rem 0 0}[data-gene-ui-version=\"2.16.3\"] .form-buttons>*+*{margin-inline-start:1rem}[data-gene-ui-version=\"2.16.3\"] form{width:100%}";
17
- styleInject(css_248z);
18
-
19
- const KEYBOARD_ENTER_KEY = 13;
20
- function Form(_ref) {
21
- let {
22
- children,
23
- buttons,
24
- className,
25
- cancelText,
26
- submitText,
27
- onSubmit,
28
- onCancel,
29
- onFormChange,
30
- onValidationChange,
31
- submitOnEnter,
32
- onKeyPress,
33
- readOnly,
34
- disableFooter,
35
- ...restProps
36
- } = _ref;
37
- const {
38
- fields,
39
- setReadOnly,
40
- setAllowValidation
41
- } = useFormContext();
42
- const checkFormValidation = useMemo(() => fields.every(item => item.isValid), [fields]);
43
- // Comment this row, because it can be useful after
44
- // const checkFormChanges = useMemo(() => fields.some(item => item.isChanged), [fields]);
45
- const checkFormChanges = true;
46
- const handleSubmit = useCallback(e => {
47
- stopEvent(e, true);
48
- setAllowValidation(true);
49
- checkFormValidation && onSubmit(e);
50
- }, [setAllowValidation, checkFormValidation, onSubmit]);
51
- const handleCancel = useCallback(e => {
52
- stopEvent(e, true);
53
- onCancel(e);
54
- }, [onCancel]);
55
- const stopFormSubmit = useCallback(stopEvent, []);
56
-
57
- // handle this because we need stop form default submit when user press `Enter` key,
58
- // and form still invalid
59
- const handleFormDefaultSubmit = useCallback(e => {
60
- if (e.which === 13) {
61
- checkFormValidation && submitOnEnter && handleSubmit(e);
62
- } else {
63
- stopEvent(e);
64
- }
65
- onKeyPress(e);
66
- }, [checkFormValidation, handleSubmit, onKeyPress, submitOnEnter]);
67
-
68
- /**
69
- * in this cases form call this two functions `onFormChange and onValidationChange`
70
- * only in that case if this two values are changed
71
- * but if we want to call this function in every change, we must add some other variables in deps list
72
- */
73
- // No need to fire effect when `onFormChange` changes
74
- useEffect(() => {
75
- onFormChange(checkFormChanges, fields);
76
- }, [checkFormChanges]);
77
-
78
- // No need to fire effect when `onValidationChange` changes
79
- useEffect(() => {
80
- onValidationChange(checkFormValidation, fields);
81
- }, [checkFormValidation]);
82
- useEffect(() => {
83
- setReadOnly(readOnly);
84
- }, [readOnly]);
85
- const onKeyDown = useCallback(e => {
86
- e.keyCode === KEYBOARD_ENTER_KEY && checkFormChanges && submitOnEnter && handleSubmit(e);
87
- }, [handleSubmit, checkFormChanges]);
88
- return /*#__PURE__*/React__default.createElement("form", _extends({}, restProps, {
89
- noValidate: true // disable native (browser) form validation
90
- ,
91
- className: className,
92
- onSubmit: stopFormSubmit,
93
- onKeyPress: handleFormDefaultSubmit,
94
- onKeyDown: onKeyDown
95
- }), children, !disableFooter && (buttons || /*#__PURE__*/React__default.createElement(Paper, {
96
- justifyContent: "center",
97
- className: "form-buttons"
98
- }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Button, {
99
- onClick: handleCancel,
100
- appearance: "outline"
101
- }, cancelText), /*#__PURE__*/React__default.createElement(Button, {
102
- disabled: !checkFormChanges,
103
- onClick: handleSubmit
104
- }, submitText)))));
105
- }
106
- function FormContainer(_ref2) {
107
- let {
108
- readOnly,
109
- ...restProps
110
- } = _ref2;
111
- return /*#__PURE__*/React__default.createElement(FormProvider, {
112
- value: {
113
- readOnly
114
- }
115
- }, /*#__PURE__*/React__default.createElement(Form, _extends({}, restProps, {
116
- readOnly: readOnly
117
- })));
118
- }
119
- FormContainer.propTypes = {
120
- /**
121
- * Disables form footer with cancel and sumbit buttons
122
- */
123
- disableFooter: PropTypes.bool,
124
- /**
125
- * Desables events on form's elements
126
- */
127
- readOnly: PropTypes.bool,
128
- /**
129
- * Form submit will be called on ENTER press
130
- */
131
- submitOnEnter: PropTypes.bool,
132
- /**
133
- * Render custom buttons in footer
134
- */
135
- buttons: PropTypes.any,
136
- /**
137
- * Valid React nodes
138
- */
139
- children: PropTypes.node,
140
- /**
141
- * Additional classname which applies to form element
142
- */
143
- className: PropTypes.string,
144
- /**
145
- * Custom text for reject button in footer
146
- */
147
- cancelText: PropTypes.string,
148
- /**
149
- * Custom text for submit button in footer
150
- */
151
- submitText: PropTypes.string,
152
- /**
153
- * fires event when submit button in footer was clicked
154
- * (event: Event) => void
155
- */
156
- onSubmit: PropTypes.func,
157
- /**
158
- * Fires event when reject button in footer was clicked
159
- * (event: Event) => void
160
- */
161
- onCancel: PropTypes.func,
162
- /**
163
- * Fires when user attempts to change form's fields
164
- * (changedFields: Array) => void
165
- */
166
- onFormChange: PropTypes.func,
167
- /**
168
- * Check if every fields are valid
169
- * (isValid: Boolean) => void
170
- */
171
- onValidationChange: PropTypes.func,
172
- /**
173
- * Fires event when `ENTER` is pressed
174
- * (event: Event) => void
175
- */
176
- onKeyPress: PropTypes.func
177
- };
178
- FormContainer.defaultProps = {
179
- cancelText: 'Cancel',
180
- submitText: 'Submit',
181
- submitOnEnter: true,
182
- onCancel: noop,
183
- onSubmit: noop,
184
- onKeyPress: noop,
185
- onValidationChange: noop,
186
- onFormChange: noop
187
- };
188
-
189
- export { FormContainer as default };
@@ -1,24 +0,0 @@
1
- import { F as Formable } from '../FormableHOC-85f89a81.js';
2
- import CheckboxField from '../ValidatableCheckbox/index.js';
3
- import '../_rollupPluginBabelHelpers-a83240e1.js';
4
- import 'react';
5
- import '../index-5f37f281.js';
6
- import 'prop-types';
7
- import '../dateValidation-67caec66.js';
8
- import '../_commonjsHelpers-24198af3.js';
9
- import 'react-dom';
10
- import '../hooks/useMount.js';
11
- import '../configs-00612ce0.js';
12
- import '../index-262edd7a.js';
13
- import '../guid-8ddf77b3.js';
14
- import '../Checkbox/index.js';
15
- import '../index-031ff73c.js';
16
- import '../index-65217440.js';
17
- import '../tslib.es6-f211516f.js';
18
- import '../GeneUIProvider/index.js';
19
- import '../style-inject.es-746bb8ed.js';
20
- import '../checkboxRadioSwitcher-5b69d7bd.js';
21
-
22
- var FormableCheckbox = Formable(CheckboxField);
23
-
24
- export { FormableCheckbox as default };
@@ -1,43 +0,0 @@
1
- import { F as Formable } from '../FormableHOC-85f89a81.js';
2
- import DatePicker from '../ValidatableDatePicker/index.js';
3
- import '../_rollupPluginBabelHelpers-a83240e1.js';
4
- import 'react';
5
- import '../index-5f37f281.js';
6
- import 'prop-types';
7
- import '../dateValidation-67caec66.js';
8
- import '../_commonjsHelpers-24198af3.js';
9
- import 'react-dom';
10
- import '../hooks/useMount.js';
11
- import '../configs-00612ce0.js';
12
- import '../index-262edd7a.js';
13
- import '../guid-8ddf77b3.js';
14
- import '../DatePickerInput/index.js';
15
- import '../style-inject.es-746bb8ed.js';
16
- import '../index-031ff73c.js';
17
- import '../hooks/useClick.js';
18
- import '../hooks/useKeyDown.js';
19
- import '../hooks/useDeviceType.js';
20
- import '../hooks/useWindowSize.js';
21
- import '../hooks/useDebounce.js';
22
- import '../index-73aaa093.js';
23
- import '../index-122432cd.js';
24
- import '../hooks/useClickOutside.js';
25
- import '../Scrollbar/index.js';
26
- import '../GeneUIProvider/index.js';
27
- import '../debounce-4419bc2f.js';
28
- import '../ExtendedInput/index.js';
29
- import '../useEllipsisDetection-c1c9ad94.js';
30
- import '../Icon/index.js';
31
- import '../SuggestionList/index.js';
32
- import '../config-1053d64d.js';
33
- import '../callAfterDelay-7272faca.js';
34
- import '../index-65217440.js';
35
- import '../tslib.es6-f211516f.js';
36
- import '../DatePicker/index.js';
37
- import '../Button/index.js';
38
- import '../localization-4ba17032.js';
39
- import '../checkTimeValidation-e56771be.js';
40
-
41
- var FormableDatePicker = Formable(DatePicker);
42
-
43
- export { FormableDatePicker as default };
@@ -1,50 +0,0 @@
1
- import { F as Formable } from '../FormableHOC-85f89a81.js';
2
- import DropdownField from '../ValidatableDropdown/index.js';
3
- import '../_rollupPluginBabelHelpers-a83240e1.js';
4
- import 'react';
5
- import '../index-5f37f281.js';
6
- import 'prop-types';
7
- import '../dateValidation-67caec66.js';
8
- import '../_commonjsHelpers-24198af3.js';
9
- import 'react-dom';
10
- import '../hooks/useMount.js';
11
- import '../configs-00612ce0.js';
12
- import '../index-262edd7a.js';
13
- import '../guid-8ddf77b3.js';
14
- import '../index-480fd7d9.js';
15
- import '../objectWithoutPropertiesLoose-e1596bdb.js';
16
- import '../react-lifecycles-compat.es-6e1f3768.js';
17
- import '../clsx.m-2bb6df4b.js';
18
- import '../index-031ff73c.js';
19
- import '../hooks/useClick.js';
20
- import '../hooks/useKeyDown.js';
21
- import '../hooks/useDeviceType.js';
22
- import '../hooks/useWindowSize.js';
23
- import '../hooks/useDebounce.js';
24
- import '../hooks/useClickOutside.js';
25
- import '../hooks/useUpdatableRef.js';
26
- import '../hooks/useForceUpdate.js';
27
- import '../useEllipsisDetection-c1c9ad94.js';
28
- import '../BusyLoader/index.js';
29
- import '../Icon/index.js';
30
- import '../style-inject.es-746bb8ed.js';
31
- import '../Empty/index.js';
32
- import '../tslib.es6-f211516f.js';
33
- import '../index-73aaa093.js';
34
- import '../index-122432cd.js';
35
- import '../Scrollbar/index.js';
36
- import '../GeneUIProvider/index.js';
37
- import '../debounce-4419bc2f.js';
38
- import '../index-65217440.js';
39
- import '../ExtendedInput/index.js';
40
- import '../SuggestionList/index.js';
41
- import '../config-1053d64d.js';
42
- import '../callAfterDelay-7272faca.js';
43
- import '../Checkbox/index.js';
44
- import '../checkboxRadioSwitcher-5b69d7bd.js';
45
- import '../index-370f9acd.js';
46
- import '../Tag/index.js';
47
-
48
- var FormableDropdown = Formable(DropdownField);
49
-
50
- export { FormableDropdown as default };
@@ -1,26 +0,0 @@
1
- import { F as Formable } from '../FormableHOC-85f89a81.js';
2
- import Editor from '../Editor/index.js';
3
- import '../_rollupPluginBabelHelpers-a83240e1.js';
4
- import 'react';
5
- import '../index-5f37f281.js';
6
- import 'prop-types';
7
- import '../dateValidation-67caec66.js';
8
- import '../_commonjsHelpers-24198af3.js';
9
- import 'react-dom';
10
- import '../hooks/useMount.js';
11
- import '../configs-00612ce0.js';
12
- import '../index-262edd7a.js';
13
- import '../guid-8ddf77b3.js';
14
- import '../index-45eafea6.js';
15
- import '../index-031ff73c.js';
16
- import '../hooks/useDeviceType.js';
17
- import '../hooks/useWindowSize.js';
18
- import '../hooks/useDebounce.js';
19
- import '../Button/index.js';
20
- import '../tslib.es6-f211516f.js';
21
- import '../Icon/index.js';
22
- import '../style-inject.es-746bb8ed.js';
23
-
24
- var FormableEditor = Formable(Editor);
25
-
26
- export { FormableEditor as default };
@@ -1,83 +0,0 @@
1
- import { _ as _extends } from './_rollupPluginBabelHelpers-a83240e1.js';
2
- import React__default, { useState, useCallback } from 'react';
3
- import { n as noop } from './index-5f37f281.js';
4
- import useMount from './hooks/useMount.js';
5
- import './configs-00612ce0.js';
6
- import { u as useFormContext } from './index-262edd7a.js';
7
- import { g as guid } from './guid-8ddf77b3.js';
8
-
9
- function Formable(WrappedComponent) {
10
- return function (props) {
11
- const {
12
- isFieldValid = noop,
13
- name: defaultName,
14
- onChange = noop,
15
- value
16
- } = props;
17
- const [_name, setName] = useState('');
18
- const {
19
- fields,
20
- readOnlyState,
21
- allowValidation,
22
- handleFieldMount,
23
- handleFieldUnMount,
24
- handleFieldChange,
25
- handleValidationChange
26
- } = useFormContext();
27
-
28
- // this function is called every time when validation changes
29
- const handleInitialState = isValid => {
30
- const field = fields.find(item => item.name === _name);
31
- handleValidationChange({
32
- ...field,
33
- _name,
34
- isValid
35
- });
36
- isFieldValid(isValid);
37
- };
38
-
39
- // this function is called every time when value changes
40
- // need to handle this because form submit follows form changes
41
- const handleChange = useCallback((e, isValid, key) => {
42
- // we need this check, because some fields return string not `event` object
43
- const value = e && e.target ? e.target.value : e;
44
- const field = fields.find(item => item.name === _name);
45
- field && handleFieldChange({
46
- ...field,
47
- isChanged: field.defaultValue !== value
48
- });
49
- onChange(e, isValid, key);
50
- }, [fields, handleFieldChange, _name, onChange]);
51
-
52
- // add fields to store when field mounted
53
- useMount(() => {
54
- // generate local name if `name` is undefined
55
- const localName = defaultName || guid();
56
- // generate default value if `value` is undefined
57
- const defaultValue = value || '';
58
- setName(localName);
59
- handleFieldMount({
60
- name: localName,
61
- defaultValue,
62
- isValid: true,
63
- isChanged: false
64
- });
65
- return () => handleFieldUnMount({
66
- name: localName
67
- });
68
- });
69
- return /*#__PURE__*/React__default.createElement(WrappedComponent, _extends({}, props, {
70
- name: _name,
71
- onChange: handleChange,
72
- isFieldValid: handleInitialState,
73
- forceAllowValidation: allowValidation,
74
- readOnly: readOnlyState || props.readOnly
75
- }));
76
- };
77
- }
78
- Formable.defaultProps = {
79
- onChange: noop,
80
- isFieldValid: noop
81
- };
82
-
83
- export { Formable as F };
@@ -1,50 +0,0 @@
1
- import { F as Formable } from '../FormableHOC-85f89a81.js';
2
- import MultiSelectDropdownField from '../ValidatableMultiSelectDropdown/index.js';
3
- import '../_rollupPluginBabelHelpers-a83240e1.js';
4
- import 'react';
5
- import '../index-5f37f281.js';
6
- import 'prop-types';
7
- import '../dateValidation-67caec66.js';
8
- import '../_commonjsHelpers-24198af3.js';
9
- import 'react-dom';
10
- import '../hooks/useMount.js';
11
- import '../configs-00612ce0.js';
12
- import '../index-262edd7a.js';
13
- import '../guid-8ddf77b3.js';
14
- import '../index-480fd7d9.js';
15
- import '../objectWithoutPropertiesLoose-e1596bdb.js';
16
- import '../react-lifecycles-compat.es-6e1f3768.js';
17
- import '../clsx.m-2bb6df4b.js';
18
- import '../index-031ff73c.js';
19
- import '../hooks/useClick.js';
20
- import '../hooks/useKeyDown.js';
21
- import '../hooks/useDeviceType.js';
22
- import '../hooks/useWindowSize.js';
23
- import '../hooks/useDebounce.js';
24
- import '../hooks/useClickOutside.js';
25
- import '../hooks/useUpdatableRef.js';
26
- import '../hooks/useForceUpdate.js';
27
- import '../useEllipsisDetection-c1c9ad94.js';
28
- import '../BusyLoader/index.js';
29
- import '../Icon/index.js';
30
- import '../style-inject.es-746bb8ed.js';
31
- import '../Empty/index.js';
32
- import '../tslib.es6-f211516f.js';
33
- import '../index-73aaa093.js';
34
- import '../index-122432cd.js';
35
- import '../Scrollbar/index.js';
36
- import '../GeneUIProvider/index.js';
37
- import '../debounce-4419bc2f.js';
38
- import '../index-65217440.js';
39
- import '../ExtendedInput/index.js';
40
- import '../SuggestionList/index.js';
41
- import '../config-1053d64d.js';
42
- import '../callAfterDelay-7272faca.js';
43
- import '../Checkbox/index.js';
44
- import '../checkboxRadioSwitcher-5b69d7bd.js';
45
- import '../index-370f9acd.js';
46
- import '../Tag/index.js';
47
-
48
- var FormableMultiSelectDropdown = Formable(MultiSelectDropdownField);
49
-
50
- export { FormableMultiSelectDropdown as default };
@@ -1,34 +0,0 @@
1
- import { F as Formable } from '../FormableHOC-85f89a81.js';
2
- import NumberInput from '../ValidatableNumberInput/index.js';
3
- import '../_rollupPluginBabelHelpers-a83240e1.js';
4
- import 'react';
5
- import '../index-5f37f281.js';
6
- import 'prop-types';
7
- import '../dateValidation-67caec66.js';
8
- import '../_commonjsHelpers-24198af3.js';
9
- import 'react-dom';
10
- import '../hooks/useMount.js';
11
- import '../configs-00612ce0.js';
12
- import '../index-262edd7a.js';
13
- import '../guid-8ddf77b3.js';
14
- import '../ExtendedInput/index.js';
15
- import '../index-031ff73c.js';
16
- import '../hooks/useDeviceType.js';
17
- import '../hooks/useWindowSize.js';
18
- import '../hooks/useDebounce.js';
19
- import '../useEllipsisDetection-c1c9ad94.js';
20
- import '../Icon/index.js';
21
- import '../style-inject.es-746bb8ed.js';
22
- import '../SuggestionList/index.js';
23
- import '../hooks/useKeyDown.js';
24
- import '../hooks/useClickOutside.js';
25
- import '../config-1053d64d.js';
26
- import '../Scrollbar/index.js';
27
- import '../callAfterDelay-7272faca.js';
28
- import '../index-65217440.js';
29
- import '../tslib.es6-f211516f.js';
30
- import '../GeneUIProvider/index.js';
31
-
32
- var FormableNumberInput = Formable(NumberInput);
33
-
34
- export { FormableNumberInput as default };
@@ -1,22 +0,0 @@
1
- import { F as Formable } from '../FormableHOC-85f89a81.js';
2
- import Radio from '../ValidatableRadio/index.js';
3
- import '../_rollupPluginBabelHelpers-a83240e1.js';
4
- import 'react';
5
- import '../index-5f37f281.js';
6
- import 'prop-types';
7
- import '../dateValidation-67caec66.js';
8
- import '../_commonjsHelpers-24198af3.js';
9
- import 'react-dom';
10
- import '../hooks/useMount.js';
11
- import '../configs-00612ce0.js';
12
- import '../index-262edd7a.js';
13
- import '../guid-8ddf77b3.js';
14
- import '../RadioGroup/index.js';
15
- import '../index-031ff73c.js';
16
- import '../Radio/index.js';
17
- import '../checkboxRadioSwitcher-5b69d7bd.js';
18
- import '../style-inject.es-746bb8ed.js';
19
-
20
- var FormableRadio = Formable(Radio);
21
-
22
- export { FormableRadio as default };
@@ -1,22 +0,0 @@
1
- import { F as Formable } from '../FormableHOC-85f89a81.js';
2
- import SwitcherElement from '../ValidatableSwitcher/index.js';
3
- import '../_rollupPluginBabelHelpers-a83240e1.js';
4
- import 'react';
5
- import '../index-5f37f281.js';
6
- import 'prop-types';
7
- import '../dateValidation-67caec66.js';
8
- import '../_commonjsHelpers-24198af3.js';
9
- import 'react-dom';
10
- import '../hooks/useMount.js';
11
- import '../configs-00612ce0.js';
12
- import '../index-262edd7a.js';
13
- import '../guid-8ddf77b3.js';
14
- import '../Switcher/index.js';
15
- import '../index-031ff73c.js';
16
- import '../hooks/useKeyDown.js';
17
- import '../checkboxRadioSwitcher-5b69d7bd.js';
18
- import '../style-inject.es-746bb8ed.js';
19
-
20
- var FormableSwitcher = Formable(SwitcherElement);
21
-
22
- export { FormableSwitcher as default };
@@ -1,34 +0,0 @@
1
- import { F as Formable } from '../FormableHOC-85f89a81.js';
2
- import TextInput from '../ValidatableTextInput/index.js';
3
- import '../_rollupPluginBabelHelpers-a83240e1.js';
4
- import 'react';
5
- import '../index-5f37f281.js';
6
- import 'prop-types';
7
- import '../dateValidation-67caec66.js';
8
- import '../_commonjsHelpers-24198af3.js';
9
- import 'react-dom';
10
- import '../hooks/useMount.js';
11
- import '../configs-00612ce0.js';
12
- import '../index-262edd7a.js';
13
- import '../guid-8ddf77b3.js';
14
- import '../ExtendedInput/index.js';
15
- import '../index-031ff73c.js';
16
- import '../hooks/useDeviceType.js';
17
- import '../hooks/useWindowSize.js';
18
- import '../hooks/useDebounce.js';
19
- import '../useEllipsisDetection-c1c9ad94.js';
20
- import '../Icon/index.js';
21
- import '../style-inject.es-746bb8ed.js';
22
- import '../SuggestionList/index.js';
23
- import '../hooks/useKeyDown.js';
24
- import '../hooks/useClickOutside.js';
25
- import '../config-1053d64d.js';
26
- import '../Scrollbar/index.js';
27
- import '../callAfterDelay-7272faca.js';
28
- import '../index-65217440.js';
29
- import '../tslib.es6-f211516f.js';
30
- import '../GeneUIProvider/index.js';
31
-
32
- var FormableTextInput = Formable(TextInput);
33
-
34
- export { FormableTextInput as default };