@geneui/components 3.0.0-next-f707973-05092024 → 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 (98) 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 +2 -2
  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 +2 -2
  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 +8 -7
  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
  98. package/{rangeAndSlider-63c5d423.js → rangeAndSlider-693a3d41.js} +16 -8
@@ -3,7 +3,7 @@ import React__default, { forwardRef, useState, useCallback, useEffect } from 're
3
3
  import PropTypes from 'prop-types';
4
4
  import { n as noop } from '../index-a0e4e333.js';
5
5
  import useMount from '../hooks/useMount.js';
6
- import '../configs-1fb8eed2.js';
6
+ import '../configs-0ed1e326.js';
7
7
  import ExtendedInput from '../ExtendedInput/index.js';
8
8
  import '../dateValidation-67caec66.js';
9
9
  import '../_commonjsHelpers-24198af3.js';
@@ -3,7 +3,7 @@ import React__default, { forwardRef, useState, useCallback, useEffect } from 're
3
3
  import PropTypes from 'prop-types';
4
4
  import { n as noop } from '../index-a0e4e333.js';
5
5
  import useMount from '../hooks/useMount.js';
6
- import '../configs-1fb8eed2.js';
6
+ import '../configs-0ed1e326.js';
7
7
  import RadioGroup from '../RadioGroup/index.js';
8
8
  import '../dateValidation-67caec66.js';
9
9
  import '../_commonjsHelpers-24198af3.js';
@@ -3,7 +3,7 @@ import React__default, { forwardRef, useState, useCallback, useEffect } from 're
3
3
  import PropTypes from 'prop-types';
4
4
  import { n as noop } from '../index-a0e4e333.js';
5
5
  import useMount from '../hooks/useMount.js';
6
- import '../configs-1fb8eed2.js';
6
+ import '../configs-0ed1e326.js';
7
7
  import Switcher from '../Switcher/index.js';
8
8
  import '../dateValidation-67caec66.js';
9
9
  import '../_commonjsHelpers-24198af3.js';
@@ -3,7 +3,7 @@ import React__default, { forwardRef, useState, useCallback, useEffect } from 're
3
3
  import PropTypes from 'prop-types';
4
4
  import { n as noop } from '../index-a0e4e333.js';
5
5
  import useMount from '../hooks/useMount.js';
6
- import '../configs-1fb8eed2.js';
6
+ import '../configs-0ed1e326.js';
7
7
  import ExtendedInput from '../ExtendedInput/index.js';
8
8
  import '../dateValidation-67caec66.js';
9
9
  import '../_commonjsHelpers-24198af3.js';
@@ -8,7 +8,7 @@ import 'react-dom';
8
8
  import ExtendedInput from '../ExtendedInput/index.js';
9
9
  import '../_commonjsHelpers-24198af3.js';
10
10
  import '../index-031ff73c.js';
11
- import '../configs-1fb8eed2.js';
11
+ import '../configs-0ed1e326.js';
12
12
  import '../index-a0e4e333.js';
13
13
  import '../hooks/useDeviceType.js';
14
14
  import '../hooks/useWindowSize.js';
@@ -2,7 +2,7 @@ import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
2
2
  import React__default, { forwardRef, useState, useCallback, useEffect } from 'react';
3
3
  import PropTypes from 'prop-types';
4
4
  import useMount from '../hooks/useMount.js';
5
- import '../configs-1fb8eed2.js';
5
+ import '../configs-0ed1e326.js';
6
6
  import Uploader from '../Uploader/index.js';
7
7
  import '../index-a0e4e333.js';
8
8
  import '../dateValidation-67caec66.js';
package/Widget/index.js CHANGED
@@ -2,7 +2,7 @@ import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
2
2
  import React__default, { useMemo } from 'react';
3
3
  import PropTypes from 'prop-types';
4
4
  import { c as classnames } from '../index-031ff73c.js';
5
- import { w as widgetConfig } from '../configs-1fb8eed2.js';
5
+ import { w as widgetConfig } from '../configs-0ed1e326.js';
6
6
  import Icon from '../Icon/index.js';
7
7
  import KeyValue from '../KeyValue/index.js';
8
8
  import ModuleTitle from '../ModuleTitle/index.js';
@@ -100,4 +100,4 @@ const advancedSearchConfig = {
100
100
  }
101
101
  };
102
102
 
103
- export { clientConfigs as a, moduleTitleConfig as b, checkboxRadioSwitcherConfig as c, popoverConfig as d, tagConfig as e, popoverV2Config as f, timePickerConfig as g, advancedSearchConfig as h, inputConfig as i, customScrollbarConfig as j, breakPoints as k, stepsConfig as l, mobileScreenSize as m, noDataConfig as n, optionConfig as o, positions as p, screenTypes as s, titleConfig as t, uploaderConfig as u, widgetConfig as w };
103
+ export { checkboxRadioSwitcherConfig as a, moduleTitleConfig as b, clientConfigs as c, popoverConfig as d, tagConfig as e, popoverV2Config as f, timePickerConfig as g, advancedSearchConfig as h, inputConfig as i, customScrollbarConfig as j, breakPoints as k, stepsConfig as l, mobileScreenSize as m, noDataConfig as n, optionConfig as o, positions as p, screenTypes as s, titleConfig as t, uploaderConfig as u, widgetConfig as w };
@@ -1,4 +1,4 @@
1
- import { a as clientConfigs, m as mobileScreenSize } from '../configs-1fb8eed2.js';
1
+ import { c as clientConfigs, m as mobileScreenSize } from '../configs-0ed1e326.js';
2
2
  import useWindowSize from './useWindowSize.js';
3
3
  import 'react';
4
4
  import './useDebounce.js';
@@ -1,13 +1,13 @@
1
1
  import { _ as _extends } from './_rollupPluginBabelHelpers-a83240e1.js';
2
2
  import React__default, { createContext, memo, useEffect, useLayoutEffect, useState, useCallback, useMemo, isValidElement, cloneElement, useContext, useRef, forwardRef } from 'react';
3
3
  import PropTypes from 'prop-types';
4
- import { D as Dropdown, I as InfiniteLoader, W as WindowScroller, A as AutoSizer, L as List, C as CellMeasurer } from './index-d10283d4.js';
5
- import { C as CellMeasurerCache } from './CellMeasurerCache-dbb3a6e5.js';
4
+ import { D as Dropdown, I as InfiniteLoader, W as WindowScroller, A as AutoSizer, L as List, C as CellMeasurer } from './index-b139bff9.js';
5
+ import { C as CellMeasurerCache } from './CellMeasurerCache-a1dbe54e.js';
6
6
  import { c as classnames } from './index-031ff73c.js';
7
7
  import { s as stopEvent, o as oneIsRequired, n as noop } from './index-a0e4e333.js';
8
8
  import useMount from './hooks/useMount.js';
9
9
  import useUpdate from './hooks/useUpdate.js';
10
- import './configs-1fb8eed2.js';
10
+ import './configs-0ed1e326.js';
11
11
  import useThrottle from './hooks/useThrottle.js';
12
12
  import Empty from './Empty/index.js';
13
13
  import CustomScrollbar from './Scrollbar/index.js';
@@ -27,7 +27,7 @@ import Popover from './Popover/index.js';
27
27
  import ExtendedInput from './ExtendedInput/index.js';
28
28
  import Menu from './Menu/index.js';
29
29
  import { d as debounce } from './debounce-4419bc2f.js';
30
- import { j as jsxRuntimeExports } from './index-282407ff.js';
30
+ import { j as jsxRuntimeExports } from './index-b4ec7815.js';
31
31
 
32
32
  /**
33
33
  * Create the React Context
@@ -15,11 +15,11 @@ import useDeviceType from './hooks/useDeviceType.js';
15
15
  import useClickOutside from './hooks/useClickOutside.js';
16
16
  import useUpdatableRef from './hooks/useUpdatableRef.js';
17
17
  import { u as useEllipsisDetection } from './useEllipsisDetection-4d997d5d.js';
18
- import { i as inputConfig, s as screenTypes, d as popoverConfig } from './configs-1fb8eed2.js';
18
+ import { i as inputConfig, s as screenTypes, d as popoverConfig } from './configs-0ed1e326.js';
19
19
  import { s as stopEvent, n as noop$1 } from './index-a0e4e333.js';
20
20
  import BusyLoader from './BusyLoader/index.js';
21
21
  import Empty from './Empty/index.js';
22
- import { P as PopoverV2 } from './index-282407ff.js';
22
+ import { P as PopoverV2 } from './index-b4ec7815.js';
23
23
  import Tooltip from './Tooltip/index.js';
24
24
  import ExtendedInput from './ExtendedInput/index.js';
25
25
  import Icon from './Icon/index.js';
@@ -8,7 +8,7 @@ import PropTypes from 'prop-types';
8
8
  import { n as noop, s as stopEvent } from './index-a0e4e333.js';
9
9
  import useDeviceType from './hooks/useDeviceType.js';
10
10
  import useClickOutside from './hooks/useClickOutside.js';
11
- import { f as popoverV2Config, s as screenTypes } from './configs-1fb8eed2.js';
11
+ import { f as popoverV2Config, s as screenTypes } from './configs-0ed1e326.js';
12
12
  import CustomScrollbar from './Scrollbar/index.js';
13
13
  import { GeneUIDesignSystemContext } from './GeneUIProvider/index.js';
14
14
  import { s as styleInject } from './style-inject.es-746bb8ed.js';
package/index.d.ts CHANGED
@@ -24,6 +24,7 @@ export { default as QRCode } from './lib/atoms/QRCode';
24
24
  export { default as Paper, paperWraps, alignItems, justifyContents, paperDirections, cornersRadius } from './lib/atoms/Paper';
25
25
  export { default as Avatar } from './lib/atoms/Avatar/index';
26
26
  export { default as LinkButton } from './lib/atoms/LinkButton/index';
27
+ export { default as HelperText } from './lib/atoms/HelperText';
27
28
  export { Row, Col } from './lib/molecules/Grid';
28
29
  export { Tab, Tabs } from './lib/molecules/Tabs';
29
30
  export { Step, Steps } from './lib/molecules/Steps';
package/index.js CHANGED
@@ -14,7 +14,7 @@ export { default as Scrollbar } from './Scrollbar/index.js';
14
14
  export { default as Time } from './Time/index.js';
15
15
  export { default as Empty } from './Empty/index.js';
16
16
  export { default as Popover } from './Popover/index.js';
17
- export { P as PopoverV2 } from './index-282407ff.js';
17
+ export { P as PopoverV2 } from './index-b4ec7815.js';
18
18
  export { default as Title } from './Title/index.js';
19
19
  export { default as Image } from './Image/index.js';
20
20
  export { default as KeyValue } from './KeyValue/index.js';
@@ -24,6 +24,7 @@ export { default as QRCode } from './QRCode/index.js';
24
24
  export { default as Paper, alignItems, cornersRadius, justifyContents, paperDirections, paperWraps } from './Paper/index.js';
25
25
  export { default as Avatar } from './Avatar/index.js';
26
26
  export { default as LinkButton } from './LinkButton/index.js';
27
+ export { default as HelperText } from './HelperText/index.js';
27
28
  export { Col, Row } from './Grid/index.js';
28
29
  export { Tab, Tabs } from './Tabs/index.js';
29
30
  export { Step, Steps } from './Steps/index.js';
@@ -86,7 +87,7 @@ export { default as FormableUploader } from './FormableUploader/index.js';
86
87
  export { default as FormableSwitcher } from './FormableSwitcher/index.js';
87
88
  export { default as FormableEditor } from './FormableEditor/index.js';
88
89
  export { default as FormableRadio } from './FormableRadio/index.js';
89
- export { F as FormableHOC } from './FormableHOC-c02b8928.js';
90
+ export { F as FormableHOC } from './FormableHOC-70f027f8.js';
90
91
  export { default as Toaster, toasterPositions } from './Toaster/index.js';
91
92
  export { default as SearchWithDropdown } from './SearchWithDropdown/index.js';
92
93
  export { default as CheckboxGroupWithSearch } from './CheckboxGroupWithSearch/index.js';
@@ -95,8 +96,8 @@ export { default as Overspread } from './Overspread/index.js';
95
96
  export { default as DatePicker } from './DatePicker/index.js';
96
97
  export { default as DateFilter } from './DateFilter/index.js';
97
98
  export { ComboTable, PaginationSelector, PaperWrapper, TableContainer, TableHeader, TablePagination, TableTitle, WithHeader, WithTitle } from './TableCompositions/index.js';
98
- export { D as Dropdown } from './index-d10283d4.js';
99
- export { T as Table } from './index-46532c91.js';
99
+ export { D as Dropdown } from './index-b139bff9.js';
100
+ export { T as Table } from './index-79316a14.js';
100
101
  export { CardList, WrappedCardList } from './CardList/index.js';
101
102
  import 'react';
102
103
  import 'prop-types';
@@ -129,7 +130,7 @@ import './tslib.es6-f211516f.js';
129
130
  import './index-031ff73c.js';
130
131
  import './style-inject.es-746bb8ed.js';
131
132
  import './_rollupPluginBabelHelpers-a83240e1.js';
132
- import './configs-1fb8eed2.js';
133
+ import './configs-0ed1e326.js';
133
134
  import './index-a0e4e333.js';
134
135
  import './dateValidation-67caec66.js';
135
136
  import './_commonjsHelpers-24198af3.js';
@@ -140,7 +141,7 @@ import './localization-4ba17032.js';
140
141
  import './Popover-f4d1cac0.js';
141
142
  import './index-122432cd.js';
142
143
  import './debounce-4419bc2f.js';
143
- import './rangeAndSlider-63c5d423.js';
144
+ import './rangeAndSlider-693a3d41.js';
144
145
  import './index-45eafea6.js';
145
146
  import './react-lifecycles-compat.es-6e1f3768.js';
146
147
  import './SuggestionList/index.js';
@@ -152,6 +153,6 @@ import './index-262edd7a.js';
152
153
  import './index-34914e4c.js';
153
154
  import './objectWithoutPropertiesLoose-e1596bdb.js';
154
155
  import './clsx.m-2bb6df4b.js';
155
- import './CellMeasurerCache-dbb3a6e5.js';
156
+ import './CellMeasurerCache-a1dbe54e.js';
156
157
  import './index-b7c1fe38.js';
157
158
  import './react-beautiful-dnd.esm-ec039212.js';
@@ -0,0 +1,42 @@
1
+ import { FC, JSX } from 'react';
2
+ import './HelperText.scss';
3
+ interface IHelperTextProps {
4
+ /**
5
+ * Defines the size of the helper text.<br>
6
+ * Possible values: `medium | small`.
7
+ */
8
+ size?: 'medium' | 'small';
9
+ /**
10
+ * Specifies the type of the helper text. <br>
11
+ * Possible values: `rest | danger | warning`.
12
+ * `rest` for default information, `danger` for error messages, or `warning` for cautions.
13
+ */
14
+ type?: 'rest' | 'danger' | 'warning';
15
+ /**
16
+ * The actual text content to be displayed as helper text.
17
+ * This provides guidance or additional information related to the input field.
18
+ */
19
+ text: string;
20
+ /**
21
+ * Optional. Icon to be displayed alongside the helper text.
22
+ * If the `type` prop is set to `danger` or `warning`, a default icon will be used (ErrorAlertFill for `danger` and WarningFill for `warning`) unless an `Icon` is explicitly provided.
23
+ * If `type` is `rest`, the provided `Icon` will be used (if supplied), otherwise no icon will be displayed.
24
+ * The size of the icon will automatically adjust based on the `size` prop (`small` or `medium`).
25
+ */
26
+ Icon?: JSX.Element;
27
+ /**
28
+ * Determines whether the helper text is disabled.
29
+ * If `true`, the helper text will appear dimmed and non-interactive.
30
+ */
31
+ isDisabled?: boolean;
32
+ /**
33
+ * Indicates whether the component is in a loading state.
34
+ * When `true`, a loading skeleton is displayed instead of the actual helper text.
35
+ */
36
+ isLoading?: boolean;
37
+ }
38
+ /**
39
+ * 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.
40
+ */
41
+ declare const HelperText: FC<IHelperTextProps>;
42
+ export { IHelperTextProps, HelperText as default };
@@ -0,0 +1 @@
1
+ export { IHelperTextProps, default as default } from './HelperText';
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@geneui/components",
3
3
  "description": "The Gene UI components library designed for BI tools",
4
- "version": "3.0.0-next-f707973-05092024",
4
+ "version": "3.0.0-next-9230252-17092024",
5
5
  "author": "SoftConstruct",
6
6
  "homepage": "https://github.com/softconstruct/gene-ui-components#readme",
7
7
  "repository": {
@@ -157,7 +157,7 @@
157
157
  "yargs": "^17.7.2"
158
158
  },
159
159
  "dependencies": {
160
- "@geneui/icons": "^1.0.3",
160
+ "@geneui/icons": "^1.0.4",
161
161
  "@geneui/tokens": "^1.3.0-beta",
162
162
  "classnames": "^2.3.2",
163
163
  "dayjs": "^1.11.5",
@@ -251,12 +251,20 @@ var _cof = function (it) {
251
251
  return toString$2.call(it).slice(8, -1);
252
252
  };
253
253
 
254
- // fallback for non-array-like ES3 and non-enumerable old V8 strings
255
- var cof$2 = _cof;
256
- // eslint-disable-next-line no-prototype-builtins
257
- var _iobject = Object('z').propertyIsEnumerable(0) ? Object : function (it) {
258
- return cof$2(it) == 'String' ? it.split('') : Object(it);
259
- };
254
+ var _iobject;
255
+ var hasRequired_iobject;
256
+
257
+ function require_iobject () {
258
+ if (hasRequired_iobject) return _iobject;
259
+ hasRequired_iobject = 1;
260
+ // fallback for non-array-like ES3 and non-enumerable old V8 strings
261
+ var cof = _cof;
262
+ // eslint-disable-next-line no-prototype-builtins
263
+ _iobject = Object('z').propertyIsEnumerable(0) ? Object : function (it) {
264
+ return cof(it) == 'String' ? it.split('') : Object(it);
265
+ };
266
+ return _iobject;
267
+ }
260
268
 
261
269
  // 7.2.1 RequireObjectCoercible(argument)
262
270
  var _defined = function (it) {
@@ -265,7 +273,7 @@ var _defined = function (it) {
265
273
  };
266
274
 
267
275
  // to indexed object, toObject with fallback for non-array-like ES3 strings
268
- var IObject = _iobject;
276
+ var IObject = require_iobject();
269
277
  var defined$2 = _defined;
270
278
  var _toIobject = function (it) {
271
279
  return IObject(defined$2(it));
@@ -438,7 +446,7 @@ function require_objectAssign () {
438
446
  var gOPS = _objectGops;
439
447
  var pIE = require_objectPie();
440
448
  var toObject = _toObject;
441
- var IObject = _iobject;
449
+ var IObject = require_iobject();
442
450
  var $assign = Object.assign;
443
451
 
444
452
  // should work with symbols and should have deterministic property order (V8 bug)