@geneui/components 3.0.0-next-06dadf3-29102024 → 3.0.0-next-48d0ef7-31102024

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