@geneui/components 3.0.0-next-7221a3a-16092024 → 3.0.0-next-9230252-17092024

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 (97) hide show
  1. package/ActionableList/index.js +1 -1
  2. package/AdvancedSearch/index.js +2 -2
  3. package/Alert/index.js +1 -1
  4. package/Breadcrumb/index.js +1 -1
  5. package/Card/index.js +1 -1
  6. package/CardList/index.js +4 -4
  7. package/{CellMeasurerCache-dbb3a6e5.js → CellMeasurerCache-a1dbe54e.js} +1 -1
  8. package/Charts/index.js +1 -1
  9. package/Checkbox/index.js +1 -1
  10. package/CheckboxGroup/index.js +1 -1
  11. package/CheckboxGroupWithSearch/index.js +1 -1
  12. package/ComboBox/index.js +1 -1
  13. package/Copy/index.js +1 -1
  14. package/Counter/index.js +1 -1
  15. package/DateFilter/index.js +2 -2
  16. package/DatePickerInput/index.js +2 -2
  17. package/Drawer/index.js +1 -1
  18. package/Dropdown/index.js +3 -3
  19. package/Editor/index.js +1 -1
  20. package/ExtendedInput/index.js +1 -1
  21. package/Form/index.js +4 -4
  22. package/FormableCheckbox/index.js +2 -2
  23. package/FormableDatePicker/index.js +3 -3
  24. package/FormableDropdown/index.js +4 -4
  25. package/FormableEditor/index.js +2 -2
  26. package/{FormableHOC-c02b8928.js → FormableHOC-70f027f8.js} +1 -1
  27. package/FormableMultiSelectDropdown/index.js +4 -4
  28. package/FormableNumberInput/index.js +2 -2
  29. package/FormableRadio/index.js +2 -2
  30. package/FormableSwitcher/index.js +2 -2
  31. package/FormableTextInput/index.js +2 -2
  32. package/FormableUploader/index.js +2 -2
  33. package/GeneUIProvider/index.js +1 -1
  34. package/Grid/index.js +1 -1
  35. package/HelperText/index.js +119 -0
  36. package/Holder/index.js +1 -1
  37. package/Image/index.js +1 -1
  38. package/ImagePreview/index.js +1 -1
  39. package/InteractiveWidget/index.js +1 -1
  40. package/Menu/index.js +1 -1
  41. package/MobilePopup/index.js +1 -1
  42. package/Modal/index.js +1 -1
  43. package/ModuleTitle/index.js +1 -1
  44. package/NavigationMenu/index.js +1 -1
  45. package/Notification/index.js +1 -1
  46. package/Option/index.js +1 -1
  47. package/Overlay/index.js +1 -1
  48. package/Overspread/index.js +3 -3
  49. package/Pagination/index.js +1 -1
  50. package/Popover/index.js +1 -1
  51. package/PopoverV2/index.js +2 -2
  52. package/Products/index.js +1 -1
  53. package/Profile/index.js +1 -1
  54. package/Radio/index.js +1 -1
  55. package/RadioGroup/index.js +1 -1
  56. package/Range/index.js +1 -1
  57. package/Scrollbar/index.js +1 -1
  58. package/Search/index.js +1 -1
  59. package/SearchWithDropdown/index.js +3 -3
  60. package/Section/index.js +1 -1
  61. package/Slider/index.js +1 -1
  62. package/Status/index.js +1 -1
  63. package/Steps/index.js +1 -1
  64. package/SuggestionList/index.js +1 -1
  65. package/Switcher/index.js +1 -1
  66. package/Table/index.js +5 -5
  67. package/TableCompositions/index.js +5 -5
  68. package/Tag/index.js +1 -1
  69. package/Textarea/index.js +1 -1
  70. package/TimePicker/index.js +2 -2
  71. package/Title/index.js +1 -1
  72. package/Toaster/index.js +1 -1
  73. package/Tooltip/index.js +1 -1
  74. package/TransferList/index.js +1 -1
  75. package/Uploader/index.js +1 -1
  76. package/ValidatableCheckbox/index.js +1 -1
  77. package/ValidatableDatePicker/index.js +2 -2
  78. package/ValidatableDropdown/index.js +3 -3
  79. package/ValidatableElements/index.js +3 -3
  80. package/ValidatableMultiSelectDropdown/index.js +3 -3
  81. package/ValidatableNumberInput/index.js +1 -1
  82. package/ValidatableRadio/index.js +1 -1
  83. package/ValidatableSwitcher/index.js +1 -1
  84. package/ValidatableTextInput/index.js +1 -1
  85. package/ValidatableTimeInput/index.js +1 -1
  86. package/ValidatableUploader/index.js +1 -1
  87. package/Widget/index.js +1 -1
  88. package/{configs-1fb8eed2.js → configs-0ed1e326.js} +1 -1
  89. package/hooks/useDeviceType.js +1 -1
  90. package/{index-46532c91.js → index-79316a14.js} +4 -4
  91. package/{index-d10283d4.js → index-b139bff9.js} +2 -2
  92. package/{index-282407ff.js → index-b4ec7815.js} +1 -1
  93. package/index.d.ts +1 -0
  94. package/index.js +7 -6
  95. package/lib/atoms/HelperText/HelperText.d.ts +42 -0
  96. package/lib/atoms/HelperText/index.d.ts +1 -0
  97. package/package.json +2 -2
@@ -19,7 +19,7 @@ import 'react-dom';
19
19
  import '../dateValidation-67caec66.js';
20
20
  import '../index-031ff73c.js';
21
21
  import '../tslib.es6-f211516f.js';
22
- import '../configs-1fb8eed2.js';
22
+ import '../configs-0ed1e326.js';
23
23
  import '../checkboxRadioSwitcher-5b69d7bd.js';
24
24
  import '../guid-8ddf77b3.js';
25
25
  import '../Popover-f4d1cac0.js';
@@ -3,12 +3,12 @@ import React__default, { useRef, useState, useCallback, useEffect, useMemo } fro
3
3
  import PropTypes from 'prop-types';
4
4
  import { c as classnames } from '../index-031ff73c.js';
5
5
  import { a as dayjs } from '../dateValidation-67caec66.js';
6
- import { h as advancedSearchConfig } from '../configs-1fb8eed2.js';
6
+ import { h as advancedSearchConfig } from '../configs-0ed1e326.js';
7
7
  import useDebounce from '../hooks/useDebounce.js';
8
8
  import { n as noop } from '../index-a0e4e333.js';
9
9
  import useKeyDown from '../hooks/useKeyDown.js';
10
10
  import useClickOutside from '../hooks/useClickOutside.js';
11
- import { P as PopoverV2 } from '../index-282407ff.js';
11
+ import { P as PopoverV2 } from '../index-b4ec7815.js';
12
12
  import ExtendedInput from '../ExtendedInput/index.js';
13
13
  import CustomScrollbar from '../Scrollbar/index.js';
14
14
  import LinkButton from '../LinkButton/index.js';
package/Alert/index.js CHANGED
@@ -2,7 +2,7 @@ import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
2
2
  import React__default from 'react';
3
3
  import PropTypes from 'prop-types';
4
4
  import { c as classnames } from '../index-031ff73c.js';
5
- import { s as screenTypes } from '../configs-1fb8eed2.js';
5
+ import { s as screenTypes } from '../configs-0ed1e326.js';
6
6
  import '../dateValidation-67caec66.js';
7
7
  import 'react-dom';
8
8
  import useDeviceType from '../hooks/useDeviceType.js';
@@ -15,7 +15,7 @@ import '../tslib.es6-f211516f.js';
15
15
  import '../Popover-f4d1cac0.js';
16
16
  import '../index-122432cd.js';
17
17
  import '../hooks/useDeviceType.js';
18
- import '../configs-1fb8eed2.js';
18
+ import '../configs-0ed1e326.js';
19
19
  import '../hooks/useWindowSize.js';
20
20
  import '../hooks/useDebounce.js';
21
21
  import '../hooks/useUpdatableRef.js';
package/Card/index.js CHANGED
@@ -3,7 +3,7 @@ import React__default, { useState, useCallback, useEffect, useMemo, useRef } fro
3
3
  import PropTypes from 'prop-types';
4
4
  import { c as classnames } from '../index-031ff73c.js';
5
5
  import { o as oneIsRequired, s as stopEvent, n as noop } from '../index-a0e4e333.js';
6
- import '../configs-1fb8eed2.js';
6
+ import '../configs-0ed1e326.js';
7
7
  import useBodyScroll from '../hooks/useBodyScroll.js';
8
8
  import Button from '../Button/index.js';
9
9
  import MobilePopUp from '../MobilePopup/index.js';
package/CardList/index.js CHANGED
@@ -4,8 +4,8 @@ import PropTypes from 'prop-types';
4
4
  import { c as classnames } from '../index-031ff73c.js';
5
5
  import ModuleTitle from '../ModuleTitle/index.js';
6
6
  import Paper from '../Paper/index.js';
7
- import { D as Dropdown, I as InfiniteLoader, W as WindowScroller, L as List, C as CellMeasurer } from '../index-d10283d4.js';
8
- import { C as CellMeasurerCache } from '../CellMeasurerCache-dbb3a6e5.js';
7
+ import { D as Dropdown, I as InfiniteLoader, W as WindowScroller, L as List, C as CellMeasurer } from '../index-b139bff9.js';
8
+ import { C as CellMeasurerCache } from '../CellMeasurerCache-a1dbe54e.js';
9
9
  import { o as oneIsRequired, n as noop } from '../index-a0e4e333.js';
10
10
  import BusyLoader from '../BusyLoader/index.js';
11
11
  import Empty from '../Empty/index.js';
@@ -13,7 +13,7 @@ import Icon from '../Icon/index.js';
13
13
  import Widget from '../Widget/index.js';
14
14
  import Card from '../Card/index.js';
15
15
  import { s as styleInject } from '../style-inject.es-746bb8ed.js';
16
- import '../configs-1fb8eed2.js';
16
+ import '../configs-0ed1e326.js';
17
17
  import '../Tooltip/index.js';
18
18
  import '../Popover-f4d1cac0.js';
19
19
  import '../_commonjsHelpers-24198af3.js';
@@ -33,7 +33,7 @@ import '../hooks/useClickOutside.js';
33
33
  import '../hooks/useUpdatableRef.js';
34
34
  import '../hooks/useForceUpdate.js';
35
35
  import '../useEllipsisDetection-4d997d5d.js';
36
- import '../index-282407ff.js';
36
+ import '../index-b4ec7815.js';
37
37
  import '../index-122432cd.js';
38
38
  import '../Scrollbar/index.js';
39
39
  import '../debounce-4419bc2f.js';
@@ -1,4 +1,4 @@
1
- import { _ as _createClass, a as _classCallCheck } from './index-d10283d4.js';
1
+ import { _ as _createClass, a as _classCallCheck } from './index-b139bff9.js';
2
2
  import { _ as _defineProperty } from './objectWithoutPropertiesLoose-e1596bdb.js';
3
3
 
4
4
  var DEFAULT_HEIGHT = 30;
package/Charts/index.js CHANGED
@@ -15,7 +15,7 @@ import Button from '../Button/index.js';
15
15
  import Tag from '../Tag/index.js';
16
16
  import '../tslib.es6-f211516f.js';
17
17
  import '../_rollupPluginBabelHelpers-a83240e1.js';
18
- import '../configs-1fb8eed2.js';
18
+ import '../configs-0ed1e326.js';
19
19
  import '../hooks/useWindowSize.js';
20
20
  import '../hooks/useDebounce.js';
21
21
 
package/Checkbox/index.js CHANGED
@@ -2,7 +2,7 @@ import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
2
2
  import React__default, { forwardRef, useState, useMemo } from 'react';
3
3
  import PropTypes from 'prop-types';
4
4
  import { c as classnames } from '../index-031ff73c.js';
5
- import { c as checkboxRadioSwitcherConfig } from '../configs-1fb8eed2.js';
5
+ import { a as checkboxRadioSwitcherConfig } from '../configs-0ed1e326.js';
6
6
  import { n as noop, i as interceptValue, s as stopEvent } from '../index-a0e4e333.js';
7
7
  import Tooltip from '../Tooltip/index.js';
8
8
  import '../checkboxRadioSwitcher-5b69d7bd.js';
@@ -2,7 +2,7 @@ import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
2
2
  import React__default, { useState, useEffect, useCallback } from 'react';
3
3
  import { c as classnames } from '../index-031ff73c.js';
4
4
  import PropTypes from 'prop-types';
5
- import { c as checkboxRadioSwitcherConfig } from '../configs-1fb8eed2.js';
5
+ import { a as checkboxRadioSwitcherConfig } from '../configs-0ed1e326.js';
6
6
  import { n as noop } from '../index-a0e4e333.js';
7
7
  import Checkbox from '../Checkbox/index.js';
8
8
  import '../dateValidation-67caec66.js';
@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
4
4
  import { c as classnames } from '../index-031ff73c.js';
5
5
  import { n as noop } from '../index-a0e4e333.js';
6
6
  import useKeyDown from '../hooks/useKeyDown.js';
7
- import { c as checkboxRadioSwitcherConfig, n as noDataConfig } from '../configs-1fb8eed2.js';
7
+ import { a as checkboxRadioSwitcherConfig, n as noDataConfig } from '../configs-0ed1e326.js';
8
8
  import CustomScrollbar from '../Scrollbar/index.js';
9
9
  import Button from '../Button/index.js';
10
10
  import Empty from '../Empty/index.js';
package/ComboBox/index.js CHANGED
@@ -2,7 +2,7 @@ import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
2
2
  import React__default, { forwardRef, useState, useRef, useMemo, useCallback, useEffect } from 'react';
3
3
  import PropTypes from 'prop-types';
4
4
  import { c as classnames } from '../index-031ff73c.js';
5
- import { i as inputConfig } from '../configs-1fb8eed2.js';
5
+ import { i as inputConfig } from '../configs-0ed1e326.js';
6
6
  import { s as stopEvent, n as noop } from '../index-a0e4e333.js';
7
7
  import useClickOutside from '../hooks/useClickOutside.js';
8
8
  import { k as keyDownKeys, a as actionTypes, S as SPACE_HEIGHT } from '../config-1053d64d.js';
package/Copy/index.js CHANGED
@@ -3,7 +3,7 @@ import { c as classnames } from '../index-031ff73c.js';
3
3
  import 'prop-types';
4
4
  import '../dateValidation-67caec66.js';
5
5
  import { c as callAfterDelay } from '../callAfterDelay-7272faca.js';
6
- import '../configs-1fb8eed2.js';
6
+ import '../configs-0ed1e326.js';
7
7
  import useHover from '../hooks/useHover.js';
8
8
  import Icon from '../Icon/index.js';
9
9
  import Tooltip from '../Tooltip/index.js';
package/Counter/index.js CHANGED
@@ -3,7 +3,7 @@ import { c as classnames } from '../index-031ff73c.js';
3
3
  import PropTypes from 'prop-types';
4
4
  import { n as noop, s as stopEvent } from '../index-a0e4e333.js';
5
5
  import useKeyDown from '../hooks/useKeyDown.js';
6
- import '../configs-1fb8eed2.js';
6
+ import '../configs-0ed1e326.js';
7
7
  import Button from '../Button/index.js';
8
8
  import Label from '../Label/index.js';
9
9
  import SkeletonLoader from '../SkeletonLoader/index.js';
@@ -12,13 +12,13 @@ import 'react-dom';
12
12
  import '../_commonjsHelpers-24198af3.js';
13
13
  import '../tslib.es6-f211516f.js';
14
14
  import '../Icon/index.js';
15
- import '../configs-1fb8eed2.js';
15
+ import '../configs-0ed1e326.js';
16
16
  import '../hooks/useClick.js';
17
17
  import '../hooks/useKeyDown.js';
18
18
  import '../hooks/useDeviceType.js';
19
19
  import '../hooks/useWindowSize.js';
20
20
  import '../hooks/useDebounce.js';
21
- import '../index-282407ff.js';
21
+ import '../index-b4ec7815.js';
22
22
  import '../index-122432cd.js';
23
23
  import '../hooks/useClickOutside.js';
24
24
  import '../Scrollbar/index.js';
@@ -4,12 +4,12 @@ import React__default, { useMemo, useState, useRef, useCallback, useEffect } fro
4
4
  import PropTypes from 'prop-types';
5
5
  import { d as dayjsWithPlugins, a as dayjs } from '../dateValidation-67caec66.js';
6
6
  import { c as classnames } from '../index-031ff73c.js';
7
- import { d as popoverConfig, i as inputConfig } from '../configs-1fb8eed2.js';
7
+ import { d as popoverConfig, i as inputConfig } from '../configs-0ed1e326.js';
8
8
  import { n as noop, s as stopEvent } from '../index-a0e4e333.js';
9
9
  import useClick from '../hooks/useClick.js';
10
10
  import useKeyDown from '../hooks/useKeyDown.js';
11
11
  import useDeviceType from '../hooks/useDeviceType.js';
12
- import { P as PopoverV2 } from '../index-282407ff.js';
12
+ import { P as PopoverV2 } from '../index-b4ec7815.js';
13
13
  import ExtendedInput from '../ExtendedInput/index.js';
14
14
  import DatePicker from '../DatePicker/index.js';
15
15
  import { g as getBrowserDateFormat } from '../localization-4ba17032.js';
package/Drawer/index.js CHANGED
@@ -2,7 +2,7 @@ import React__default, { useRef, useState, useEffect, useCallback, useMemo, Frag
2
2
  import PropTypes from 'prop-types';
3
3
  import { c as clsx } from '../clsx.m-2bb6df4b.js';
4
4
  import { n as noop } from '../index-a0e4e333.js';
5
- import '../configs-1fb8eed2.js';
5
+ import '../configs-0ed1e326.js';
6
6
  import useClickOutside from '../hooks/useClickOutside.js';
7
7
  import Icon from '../Icon/index.js';
8
8
  import Tooltip from '../Tooltip/index.js';
package/Dropdown/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import '../_rollupPluginBabelHelpers-a83240e1.js';
2
2
  import 'react';
3
- export { D as default } from '../index-d10283d4.js';
3
+ export { D as default } from '../index-b139bff9.js';
4
4
  import '../index-031ff73c.js';
5
5
  import 'prop-types';
6
6
  import '../hooks/useMount.js';
@@ -10,11 +10,11 @@ import '../hooks/useDeviceType.js';
10
10
  import '../hooks/useClickOutside.js';
11
11
  import '../hooks/useUpdatableRef.js';
12
12
  import '../useEllipsisDetection-4d997d5d.js';
13
- import '../configs-1fb8eed2.js';
13
+ import '../configs-0ed1e326.js';
14
14
  import '../index-a0e4e333.js';
15
15
  import '../BusyLoader/index.js';
16
16
  import '../Empty/index.js';
17
- import '../index-282407ff.js';
17
+ import '../index-b4ec7815.js';
18
18
  import '../Tooltip/index.js';
19
19
  import '../ExtendedInput/index.js';
20
20
  import '../index-34914e4c.js';
package/Editor/index.js CHANGED
@@ -11,7 +11,7 @@ import useDeviceType from '../hooks/useDeviceType.js';
11
11
  import Button from '../Button/index.js';
12
12
  import { s as styleInject } from '../style-inject.es-746bb8ed.js';
13
13
  import '../dateValidation-67caec66.js';
14
- import '../configs-1fb8eed2.js';
14
+ import '../configs-0ed1e326.js';
15
15
  import '../hooks/useWindowSize.js';
16
16
  import '../hooks/useDebounce.js';
17
17
  import '../tslib.es6-f211516f.js';
@@ -2,7 +2,7 @@ import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
2
2
  import React__default, { forwardRef, useRef, useState, useEffect, useCallback } from 'react';
3
3
  import { c as classnames } from '../index-031ff73c.js';
4
4
  import PropTypes from 'prop-types';
5
- import { i as inputConfig, s as screenTypes } from '../configs-1fb8eed2.js';
5
+ import { i as inputConfig, s as screenTypes } from '../configs-0ed1e326.js';
6
6
  import { n as noop, s as stopEvent } from '../index-a0e4e333.js';
7
7
  import useDeviceType from '../hooks/useDeviceType.js';
8
8
  import { u as useEllipsisDetection } from '../useEllipsisDetection-4d997d5d.js';
package/Form/index.js CHANGED
@@ -11,7 +11,7 @@ export { default as FormableUploader } from '../FormableUploader/index.js';
11
11
  export { default as FormableSwitcher } from '../FormableSwitcher/index.js';
12
12
  export { default as FormableEditor } from '../FormableEditor/index.js';
13
13
  export { default as FormableRadio } from '../FormableRadio/index.js';
14
- export { F as FormableHOC } from '../FormableHOC-c02b8928.js';
14
+ export { F as FormableHOC } from '../FormableHOC-70f027f8.js';
15
15
  import '../_rollupPluginBabelHelpers-a83240e1.js';
16
16
  import '../index-a0e4e333.js';
17
17
  import '../dateValidation-67caec66.js';
@@ -26,8 +26,8 @@ import '../Icon/index.js';
26
26
  import '../index-262edd7a.js';
27
27
  import '../ValidatableMultiSelectDropdown/index.js';
28
28
  import '../hooks/useMount.js';
29
- import '../configs-1fb8eed2.js';
30
- import '../index-d10283d4.js';
29
+ import '../configs-0ed1e326.js';
30
+ import '../index-b139bff9.js';
31
31
  import '../objectWithoutPropertiesLoose-e1596bdb.js';
32
32
  import '../react-lifecycles-compat.es-6e1f3768.js';
33
33
  import '../clsx.m-2bb6df4b.js';
@@ -42,7 +42,7 @@ import '../hooks/useForceUpdate.js';
42
42
  import '../useEllipsisDetection-4d997d5d.js';
43
43
  import '../BusyLoader/index.js';
44
44
  import '../Empty/index.js';
45
- import '../index-282407ff.js';
45
+ import '../index-b4ec7815.js';
46
46
  import '../index-122432cd.js';
47
47
  import '../Scrollbar/index.js';
48
48
  import '../GeneUIProvider/index.js';
@@ -1,4 +1,4 @@
1
- import { F as Formable } from '../FormableHOC-c02b8928.js';
1
+ import { F as Formable } from '../FormableHOC-70f027f8.js';
2
2
  import CheckboxField from '../ValidatableCheckbox/index.js';
3
3
  import '../_rollupPluginBabelHelpers-a83240e1.js';
4
4
  import 'react';
@@ -8,7 +8,7 @@ import '../dateValidation-67caec66.js';
8
8
  import '../_commonjsHelpers-24198af3.js';
9
9
  import 'react-dom';
10
10
  import '../hooks/useMount.js';
11
- import '../configs-1fb8eed2.js';
11
+ import '../configs-0ed1e326.js';
12
12
  import '../index-262edd7a.js';
13
13
  import '../guid-8ddf77b3.js';
14
14
  import '../Checkbox/index.js';
@@ -1,4 +1,4 @@
1
- import { F as Formable } from '../FormableHOC-c02b8928.js';
1
+ import { F as Formable } from '../FormableHOC-70f027f8.js';
2
2
  import DatePicker from '../ValidatableDatePicker/index.js';
3
3
  import '../_rollupPluginBabelHelpers-a83240e1.js';
4
4
  import 'react';
@@ -8,7 +8,7 @@ import '../dateValidation-67caec66.js';
8
8
  import '../_commonjsHelpers-24198af3.js';
9
9
  import 'react-dom';
10
10
  import '../hooks/useMount.js';
11
- import '../configs-1fb8eed2.js';
11
+ import '../configs-0ed1e326.js';
12
12
  import '../index-262edd7a.js';
13
13
  import '../guid-8ddf77b3.js';
14
14
  import '../DatePickerInput/index.js';
@@ -19,7 +19,7 @@ import '../hooks/useKeyDown.js';
19
19
  import '../hooks/useDeviceType.js';
20
20
  import '../hooks/useWindowSize.js';
21
21
  import '../hooks/useDebounce.js';
22
- import '../index-282407ff.js';
22
+ import '../index-b4ec7815.js';
23
23
  import '../index-122432cd.js';
24
24
  import '../hooks/useClickOutside.js';
25
25
  import '../Scrollbar/index.js';
@@ -1,4 +1,4 @@
1
- import { F as Formable } from '../FormableHOC-c02b8928.js';
1
+ import { F as Formable } from '../FormableHOC-70f027f8.js';
2
2
  import DropdownField from '../ValidatableDropdown/index.js';
3
3
  import '../_rollupPluginBabelHelpers-a83240e1.js';
4
4
  import 'react';
@@ -8,10 +8,10 @@ import '../dateValidation-67caec66.js';
8
8
  import '../_commonjsHelpers-24198af3.js';
9
9
  import 'react-dom';
10
10
  import '../hooks/useMount.js';
11
- import '../configs-1fb8eed2.js';
11
+ import '../configs-0ed1e326.js';
12
12
  import '../index-262edd7a.js';
13
13
  import '../guid-8ddf77b3.js';
14
- import '../index-d10283d4.js';
14
+ import '../index-b139bff9.js';
15
15
  import '../objectWithoutPropertiesLoose-e1596bdb.js';
16
16
  import '../react-lifecycles-compat.es-6e1f3768.js';
17
17
  import '../clsx.m-2bb6df4b.js';
@@ -30,7 +30,7 @@ import '../Icon/index.js';
30
30
  import '../style-inject.es-746bb8ed.js';
31
31
  import '../Empty/index.js';
32
32
  import '../tslib.es6-f211516f.js';
33
- import '../index-282407ff.js';
33
+ import '../index-b4ec7815.js';
34
34
  import '../index-122432cd.js';
35
35
  import '../Scrollbar/index.js';
36
36
  import '../GeneUIProvider/index.js';
@@ -1,4 +1,4 @@
1
- import { F as Formable } from '../FormableHOC-c02b8928.js';
1
+ import { F as Formable } from '../FormableHOC-70f027f8.js';
2
2
  import Editor from '../Editor/index.js';
3
3
  import '../_rollupPluginBabelHelpers-a83240e1.js';
4
4
  import 'react';
@@ -8,7 +8,7 @@ import '../dateValidation-67caec66.js';
8
8
  import '../_commonjsHelpers-24198af3.js';
9
9
  import 'react-dom';
10
10
  import '../hooks/useMount.js';
11
- import '../configs-1fb8eed2.js';
11
+ import '../configs-0ed1e326.js';
12
12
  import '../index-262edd7a.js';
13
13
  import '../guid-8ddf77b3.js';
14
14
  import '../index-45eafea6.js';
@@ -2,7 +2,7 @@ import { _ as _extends } from './_rollupPluginBabelHelpers-a83240e1.js';
2
2
  import React__default, { useState, useCallback } from 'react';
3
3
  import { n as noop } from './index-a0e4e333.js';
4
4
  import useMount from './hooks/useMount.js';
5
- import './configs-1fb8eed2.js';
5
+ import './configs-0ed1e326.js';
6
6
  import { u as useFormContext } from './index-262edd7a.js';
7
7
  import { g as guid } from './guid-8ddf77b3.js';
8
8
 
@@ -1,4 +1,4 @@
1
- import { F as Formable } from '../FormableHOC-c02b8928.js';
1
+ import { F as Formable } from '../FormableHOC-70f027f8.js';
2
2
  import MultiSelectDropdownField from '../ValidatableMultiSelectDropdown/index.js';
3
3
  import '../_rollupPluginBabelHelpers-a83240e1.js';
4
4
  import 'react';
@@ -8,10 +8,10 @@ import '../dateValidation-67caec66.js';
8
8
  import '../_commonjsHelpers-24198af3.js';
9
9
  import 'react-dom';
10
10
  import '../hooks/useMount.js';
11
- import '../configs-1fb8eed2.js';
11
+ import '../configs-0ed1e326.js';
12
12
  import '../index-262edd7a.js';
13
13
  import '../guid-8ddf77b3.js';
14
- import '../index-d10283d4.js';
14
+ import '../index-b139bff9.js';
15
15
  import '../objectWithoutPropertiesLoose-e1596bdb.js';
16
16
  import '../react-lifecycles-compat.es-6e1f3768.js';
17
17
  import '../clsx.m-2bb6df4b.js';
@@ -30,7 +30,7 @@ import '../Icon/index.js';
30
30
  import '../style-inject.es-746bb8ed.js';
31
31
  import '../Empty/index.js';
32
32
  import '../tslib.es6-f211516f.js';
33
- import '../index-282407ff.js';
33
+ import '../index-b4ec7815.js';
34
34
  import '../index-122432cd.js';
35
35
  import '../Scrollbar/index.js';
36
36
  import '../GeneUIProvider/index.js';
@@ -1,4 +1,4 @@
1
- import { F as Formable } from '../FormableHOC-c02b8928.js';
1
+ import { F as Formable } from '../FormableHOC-70f027f8.js';
2
2
  import NumberInput from '../ValidatableNumberInput/index.js';
3
3
  import '../_rollupPluginBabelHelpers-a83240e1.js';
4
4
  import 'react';
@@ -8,7 +8,7 @@ import '../dateValidation-67caec66.js';
8
8
  import '../_commonjsHelpers-24198af3.js';
9
9
  import 'react-dom';
10
10
  import '../hooks/useMount.js';
11
- import '../configs-1fb8eed2.js';
11
+ import '../configs-0ed1e326.js';
12
12
  import '../index-262edd7a.js';
13
13
  import '../guid-8ddf77b3.js';
14
14
  import '../ExtendedInput/index.js';
@@ -1,4 +1,4 @@
1
- import { F as Formable } from '../FormableHOC-c02b8928.js';
1
+ import { F as Formable } from '../FormableHOC-70f027f8.js';
2
2
  import Radio from '../ValidatableRadio/index.js';
3
3
  import '../_rollupPluginBabelHelpers-a83240e1.js';
4
4
  import 'react';
@@ -8,7 +8,7 @@ import '../dateValidation-67caec66.js';
8
8
  import '../_commonjsHelpers-24198af3.js';
9
9
  import 'react-dom';
10
10
  import '../hooks/useMount.js';
11
- import '../configs-1fb8eed2.js';
11
+ import '../configs-0ed1e326.js';
12
12
  import '../index-262edd7a.js';
13
13
  import '../guid-8ddf77b3.js';
14
14
  import '../RadioGroup/index.js';
@@ -1,4 +1,4 @@
1
- import { F as Formable } from '../FormableHOC-c02b8928.js';
1
+ import { F as Formable } from '../FormableHOC-70f027f8.js';
2
2
  import SwitcherElement from '../ValidatableSwitcher/index.js';
3
3
  import '../_rollupPluginBabelHelpers-a83240e1.js';
4
4
  import 'react';
@@ -8,7 +8,7 @@ import '../dateValidation-67caec66.js';
8
8
  import '../_commonjsHelpers-24198af3.js';
9
9
  import 'react-dom';
10
10
  import '../hooks/useMount.js';
11
- import '../configs-1fb8eed2.js';
11
+ import '../configs-0ed1e326.js';
12
12
  import '../index-262edd7a.js';
13
13
  import '../guid-8ddf77b3.js';
14
14
  import '../Switcher/index.js';
@@ -1,4 +1,4 @@
1
- import { F as Formable } from '../FormableHOC-c02b8928.js';
1
+ import { F as Formable } from '../FormableHOC-70f027f8.js';
2
2
  import TextInput from '../ValidatableTextInput/index.js';
3
3
  import '../_rollupPluginBabelHelpers-a83240e1.js';
4
4
  import 'react';
@@ -8,7 +8,7 @@ import '../dateValidation-67caec66.js';
8
8
  import '../_commonjsHelpers-24198af3.js';
9
9
  import 'react-dom';
10
10
  import '../hooks/useMount.js';
11
- import '../configs-1fb8eed2.js';
11
+ import '../configs-0ed1e326.js';
12
12
  import '../index-262edd7a.js';
13
13
  import '../guid-8ddf77b3.js';
14
14
  import '../ExtendedInput/index.js';
@@ -1,4 +1,4 @@
1
- import { F as Formable } from '../FormableHOC-c02b8928.js';
1
+ import { F as Formable } from '../FormableHOC-70f027f8.js';
2
2
  import UploaderField from '../ValidatableUploader/index.js';
3
3
  import '../_rollupPluginBabelHelpers-a83240e1.js';
4
4
  import 'react';
@@ -8,7 +8,7 @@ import '../dateValidation-67caec66.js';
8
8
  import '../_commonjsHelpers-24198af3.js';
9
9
  import 'react-dom';
10
10
  import '../hooks/useMount.js';
11
- import '../configs-1fb8eed2.js';
11
+ import '../configs-0ed1e326.js';
12
12
  import '../index-262edd7a.js';
13
13
  import '../guid-8ddf77b3.js';
14
14
  import '../Uploader/index.js';
@@ -1464,7 +1464,7 @@ var devDependencies = {
1464
1464
  yargs: "^17.7.2"
1465
1465
  };
1466
1466
  var dependencies = {
1467
- "@geneui/icons": "^1.0.3",
1467
+ "@geneui/icons": "^1.0.4",
1468
1468
  "@geneui/tokens": "^1.3.0-beta",
1469
1469
  classnames: "^2.3.2",
1470
1470
  dayjs: "^1.11.5",
package/Grid/index.js CHANGED
@@ -4,7 +4,7 @@ import { c as classnames } from '../index-031ff73c.js';
4
4
  import useWidth from '../hooks/useWidth.js';
5
5
  import '../dateValidation-67caec66.js';
6
6
  import 'react-dom';
7
- import { k as breakPoints } from '../configs-1fb8eed2.js';
7
+ import { k as breakPoints } from '../configs-0ed1e326.js';
8
8
  import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
9
9
  import { s as styleInject } from '../style-inject.es-746bb8ed.js';
10
10
  import '../hooks/useWindowSize.js';
@@ -0,0 +1,119 @@
1
+ import React__default, { useRef, cloneElement } from 'react';
2
+ import { c as classnames } from '../index-031ff73c.js';
3
+ import 'prop-types';
4
+ import '../dateValidation-67caec66.js';
5
+ import 'react-dom';
6
+ import '../configs-0ed1e326.js';
7
+ import { u as useEllipsisDetection } from '../useEllipsisDetection-4d997d5d.js';
8
+ import Tooltip from '../Tooltip/index.js';
9
+ import { s as styleInject } from '../style-inject.es-746bb8ed.js';
10
+ import '../_commonjsHelpers-24198af3.js';
11
+ import '../hooks/useDebounce.js';
12
+ import '../_rollupPluginBabelHelpers-a83240e1.js';
13
+ import '../Popover-f4d1cac0.js';
14
+ import '../index-a0e4e333.js';
15
+ import '../hooks/useDeviceType.js';
16
+ import '../hooks/useWindowSize.js';
17
+ import '../GeneUIProvider/index.js';
18
+
19
+ function _extends() {
20
+ return _extends = Object.assign ? Object.assign.bind() : function (n) {
21
+ for (var e = 1; e < arguments.length; e++) {
22
+ var t = arguments[e];
23
+ for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
24
+ }
25
+ return n;
26
+ }, _extends.apply(null, arguments);
27
+ }
28
+ function _objectWithoutProperties(e, t) {
29
+ if (null == e) return {};
30
+ var o,
31
+ r,
32
+ i = _objectWithoutPropertiesLoose(e, t);
33
+ if (Object.getOwnPropertySymbols) {
34
+ var s = Object.getOwnPropertySymbols(e);
35
+ for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
36
+ }
37
+ return i;
38
+ }
39
+ function _objectWithoutPropertiesLoose(r, e) {
40
+ if (null == r) return {};
41
+ var t = {};
42
+ for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
43
+ if (e.includes(n)) continue;
44
+ t[n] = r[n];
45
+ }
46
+ return t;
47
+ }
48
+
49
+ var _excluded$1 = ["size", "color"];
50
+ var SvgErrorAlertFill = function SvgErrorAlertFill(_ref) {
51
+ var _ref$size = _ref.size,
52
+ size = _ref$size === void 0 ? 24 : _ref$size,
53
+ _ref$color = _ref.color,
54
+ color = _ref$color === void 0 ? "currentColor" : _ref$color,
55
+ props = _objectWithoutProperties(_ref, _excluded$1);
56
+ return /*#__PURE__*/React__default.createElement("svg", _extends({
57
+ width: size,
58
+ height: size,
59
+ viewBox: "0 0 24 24",
60
+ fill: color,
61
+ xmlns: "http://www.w3.org/2000/svg"
62
+ }, props), /*#__PURE__*/React__default.createElement("path", {
63
+ d: "M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm-.75 5.758a.75.75 0 1 1 1.5 0v5.243a.75.75 0 1 1-1.5 0v-5.243Zm.75 9.235a.915.915 0 1 1 0-1.83.915.915 0 0 1 0 1.83Z",
64
+ fill: color
65
+ }));
66
+ };
67
+
68
+ var _excluded = ["size", "color"];
69
+ var SvgWarningFill = function SvgWarningFill(_ref) {
70
+ var _ref$size = _ref.size,
71
+ size = _ref$size === void 0 ? 24 : _ref$size,
72
+ _ref$color = _ref.color,
73
+ color = _ref$color === void 0 ? "currentColor" : _ref$color,
74
+ props = _objectWithoutProperties(_ref, _excluded);
75
+ return /*#__PURE__*/React__default.createElement("svg", _extends({
76
+ width: size,
77
+ height: size,
78
+ viewBox: "0 0 24 24",
79
+ fill: color,
80
+ xmlns: "http://www.w3.org/2000/svg"
81
+ }, props), /*#__PURE__*/React__default.createElement("path", {
82
+ fillRule: "evenodd",
83
+ clipRule: "evenodd",
84
+ d: "m2.13 19.503 9.075-15.997a1 1 0 0 1 1.375-.368 1 1 0 0 1 .365.375l8.928 15.996a1.004 1.004 0 0 1-.375 1.358.997.997 0 0 1-.497.133h-18.002a.997.997 0 0 1-.999-.997c0-.175.044-.348.13-.5Zm9.33-5.035a.748.748 0 0 0 1.278-.531v-5.254a.753.753 0 0 0-.749-.751.748.748 0 0 0-.749.751v5.254c0 .199.08.39.22.531Zm1.442 2.552a.915.915 0 0 1-.913.917.915.915 0 0 1-.914-.917.915.915 0 1 1 1.827 0Z",
85
+ fill: color
86
+ }));
87
+ };
88
+
89
+ var css_248z = "[data-gene-ui-version=\"2.15.0\"] .helperText{align-items:center;display:inline-flex;gap:var(--guit-ref-spacing-3xs);max-width:100%}[data-gene-ui-version=\"2.15.0\"] .helperText_size_medium .helperText__text{font-family:var(--guit-sem-font-label-medium-default-semibold-font-family);font-size:var(--guit-sem-font-label-medium-default-semibold-font-size);font-weight:var(--guit-sem-font-label-medium-default-medium-font-weight);line-height:var(--guit-sem-font-label-medium-default-semibold-line-height)}[data-gene-ui-version=\"2.15.0\"] .helperText_size_medium .helperText__icon{height:var(--guit-sem-sizing-height-s-nudge);width:var(--guit-sem-sizing-width-s-nudge)}[data-gene-ui-version=\"2.15.0\"] .helperText_size_small .helperText__text{font-family:var(--guit-sem-font-label-small-default-medium-font-family);font-size:var(--guit-sem-font-label-small-default-medium-font-size);font-weight:var(--guit-sem-font-label-small-default-medium-font-weight);line-height:var(--guit-sem-font-label-small-default-medium-line-height)}[data-gene-ui-version=\"2.15.0\"] .helperText_size_small .helperText__icon{height:var(--guit-sem-sizing-height-xs);width:var(--guit-sem-sizing-width-xs)}[data-gene-ui-version=\"2.15.0\"] .helperText_type_rest{color:var(--guit-sem-color-foreground-neutral-2)}[data-gene-ui-version=\"2.15.0\"] .helperText_type_danger{color:var(--guit-sem-color-foreground-error)}[data-gene-ui-version=\"2.15.0\"] .helperText_type_warning .helperText__icon{color:var(--guit-sem-color-foreground-warning)}[data-gene-ui-version=\"2.15.0\"] .helperText__icon{align-items:center;display:flex;flex:0 0 auto}[data-gene-ui-version=\"2.15.0\"] .helperText_disabled,[data-gene-ui-version=\"2.15.0\"] .helperText_disabled .helperText__icon{color:var(--guit-sem-color-foreground-disabled)}";
90
+ styleInject(css_248z);
91
+
92
+ /**
93
+ * The Helper Text provides users with additional information or guidance related to a specific input field in a form. This text helps users understand the expected format, requirements, or purpose of the input, thereby improving form completion accuracy and user confidence.
94
+ */
95
+ const HelperText = ({ size = 'medium', type = 'rest', text, Icon, isDisabled, isLoading }) => {
96
+ const textRef = useRef(null);
97
+ const isTruncated = useEllipsisDetection(textRef);
98
+ const iconSize = {
99
+ small: 16,
100
+ medium: 20
101
+ };
102
+ const iconMap = {
103
+ danger: React__default.createElement(SvgErrorAlertFill, { size: iconSize[size] }),
104
+ warning: React__default.createElement(SvgWarningFill, { size: iconSize[size] })
105
+ };
106
+ const iconMock = iconMap[type] ||
107
+ (Icon &&
108
+ cloneElement(Icon, {
109
+ size: iconSize[size]
110
+ }));
111
+ return (React__default.createElement("div", { className: classnames(`helperText helperText_type_${type} helperText_size_${size}`, {
112
+ helperText_disabled: isDisabled
113
+ }) }, isLoading ? ('skeleton') : (React__default.createElement(React__default.Fragment, null,
114
+ iconMock && React__default.createElement("div", { className: "helperText__icon" }, iconMock),
115
+ React__default.createElement(Tooltip, { text: text, isVisible: isTruncated },
116
+ React__default.createElement("p", { className: "helperText__text ellipsis-text", ref: textRef }, text))))));
117
+ };
118
+
119
+ export { HelperText as default };