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

package/ValidatableRadio/index.js

@@ -3,7 +3,7 @@ import React__default, { forwardRef, useState, useCallback, useEffect } from 're
 import PropTypes from 'prop-types';
 import { n as noop } from '../index-a0e4e333.js';
 import useMount from '../hooks/useMount.js';
-import '../configs-1fb8eed2.js';
+import '../configs-0ed1e326.js';
 import RadioGroup from '../RadioGroup/index.js';
 import '../dateValidation-67caec66.js';
 import '../_commonjsHelpers-24198af3.js';

package/ValidatableSwitcher/index.js

@@ -3,7 +3,7 @@ import React__default, { forwardRef, useState, useCallback, useEffect } from 're
 import PropTypes from 'prop-types';
 import { n as noop } from '../index-a0e4e333.js';
 import useMount from '../hooks/useMount.js';
-import '../configs-1fb8eed2.js';
+import '../configs-0ed1e326.js';
 import Switcher from '../Switcher/index.js';
 import '../dateValidation-67caec66.js';
 import '../_commonjsHelpers-24198af3.js';

package/ValidatableTextInput/index.js

@@ -3,7 +3,7 @@ import React__default, { forwardRef, useState, useCallback, useEffect } from 're
 import PropTypes from 'prop-types';
 import { n as noop } from '../index-a0e4e333.js';
 import useMount from '../hooks/useMount.js';
-import '../configs-1fb8eed2.js';
+import '../configs-0ed1e326.js';
 import ExtendedInput from '../ExtendedInput/index.js';
 import '../dateValidation-67caec66.js';
 import '../_commonjsHelpers-24198af3.js';

package/ValidatableTimeInput/index.js

@@ -8,7 +8,7 @@ import 'react-dom';
 import ExtendedInput from '../ExtendedInput/index.js';
 import '../_commonjsHelpers-24198af3.js';
 import '../index-031ff73c.js';
-import '../configs-1fb8eed2.js';
+import '../configs-0ed1e326.js';
 import '../index-a0e4e333.js';
 import '../hooks/useDeviceType.js';
 import '../hooks/useWindowSize.js';

package/ValidatableUploader/index.js

@@ -2,7 +2,7 @@ import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
 import React__default, { forwardRef, useState, useCallback, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import useMount from '../hooks/useMount.js';
-import '../configs-1fb8eed2.js';
+import '../configs-0ed1e326.js';
 import Uploader from '../Uploader/index.js';
 import '../index-a0e4e333.js';
 import '../dateValidation-67caec66.js';

package/Widget/index.js

@@ -2,7 +2,7 @@ import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
 import React__default, { useMemo } from 'react';
 import PropTypes from 'prop-types';
 import { c as classnames } from '../index-031ff73c.js';
-import { w as widgetConfig } from '../configs-1fb8eed2.js';
+import { w as widgetConfig } from '../configs-0ed1e326.js';
 import Icon from '../Icon/index.js';
 import KeyValue from '../KeyValue/index.js';
 import ModuleTitle from '../ModuleTitle/index.js';

package/{configs-1fb8eed2.js → configs-0ed1e326.js}

@@ -100,4 +100,4 @@ const advancedSearchConfig = {
   }
 };
 
-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 };
+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 };

package/hooks/useDeviceType.js

@@ -1,4 +1,4 @@
-import { a as clientConfigs, m as mobileScreenSize } from '../configs-1fb8eed2.js';
+import { c as clientConfigs, m as mobileScreenSize } from '../configs-0ed1e326.js';
 import useWindowSize from './useWindowSize.js';
 import 'react';
 import './useDebounce.js';

package/{index-46532c91.js → index-79316a14.js}

@@ -1,13 +1,13 @@
 import { _ as _extends } from './_rollupPluginBabelHelpers-a83240e1.js';
 import React__default, { createContext, memo, useEffect, useLayoutEffect, useState, useCallback, useMemo, isValidElement, cloneElement, useContext, useRef, forwardRef } from 'react';
 import PropTypes from 'prop-types';
-import { D as Dropdown, I as InfiniteLoader, W as WindowScroller, A as AutoSizer, L as List, C as CellMeasurer } from './index-d10283d4.js';
-import { C as CellMeasurerCache } from './CellMeasurerCache-dbb3a6e5.js';
+import { D as Dropdown, I as InfiniteLoader, W as WindowScroller, A as AutoSizer, L as List, C as CellMeasurer } from './index-b139bff9.js';
+import { C as CellMeasurerCache } from './CellMeasurerCache-a1dbe54e.js';
 import { c as classnames } from './index-031ff73c.js';
 import { s as stopEvent, o as oneIsRequired, n as noop } from './index-a0e4e333.js';
 import useMount from './hooks/useMount.js';
 import useUpdate from './hooks/useUpdate.js';
-import './configs-1fb8eed2.js';
+import './configs-0ed1e326.js';
 import useThrottle from './hooks/useThrottle.js';
 import Empty from './Empty/index.js';
 import CustomScrollbar from './Scrollbar/index.js';
@@ -27,7 +27,7 @@ import Popover from './Popover/index.js';
 import ExtendedInput from './ExtendedInput/index.js';
 import Menu from './Menu/index.js';
 import { d as debounce } from './debounce-4419bc2f.js';
-import { j as jsxRuntimeExports } from './index-282407ff.js';
+import { j as jsxRuntimeExports } from './index-b4ec7815.js';
 
 /**
  * Create the React Context

package/{index-d10283d4.js → index-b139bff9.js}

@@ -15,11 +15,11 @@ import useDeviceType from './hooks/useDeviceType.js';
 import useClickOutside from './hooks/useClickOutside.js';
 import useUpdatableRef from './hooks/useUpdatableRef.js';
 import { u as useEllipsisDetection } from './useEllipsisDetection-4d997d5d.js';
-import { i as inputConfig, s as screenTypes, d as popoverConfig } from './configs-1fb8eed2.js';
+import { i as inputConfig, s as screenTypes, d as popoverConfig } from './configs-0ed1e326.js';
 import { s as stopEvent, n as noop$1 } from './index-a0e4e333.js';
 import BusyLoader from './BusyLoader/index.js';
 import Empty from './Empty/index.js';
-import { P as PopoverV2 } from './index-282407ff.js';
+import { P as PopoverV2 } from './index-b4ec7815.js';
 import Tooltip from './Tooltip/index.js';
 import ExtendedInput from './ExtendedInput/index.js';
 import Icon from './Icon/index.js';

package/{index-282407ff.js → index-b4ec7815.js}

@@ -8,7 +8,7 @@ import PropTypes from 'prop-types';
 import { n as noop, s as stopEvent } from './index-a0e4e333.js';
 import useDeviceType from './hooks/useDeviceType.js';
 import useClickOutside from './hooks/useClickOutside.js';
-import { f as popoverV2Config, s as screenTypes } from './configs-1fb8eed2.js';
+import { f as popoverV2Config, s as screenTypes } from './configs-0ed1e326.js';
 import CustomScrollbar from './Scrollbar/index.js';
 import { GeneUIDesignSystemContext } from './GeneUIProvider/index.js';
 import { s as styleInject } from './style-inject.es-746bb8ed.js';

package/index.d.ts

@@ -24,6 +24,7 @@ export { default as QRCode } from './lib/atoms/QRCode';
 export { default as Paper, paperWraps, alignItems, justifyContents, paperDirections, cornersRadius } from './lib/atoms/Paper';
 export { default as Avatar } from './lib/atoms/Avatar/index';
 export { default as LinkButton } from './lib/atoms/LinkButton/index';
+export { default as HelperText } from './lib/atoms/HelperText';
 export { Row, Col } from './lib/molecules/Grid';
 export { Tab, Tabs } from './lib/molecules/Tabs';
 export { Step, Steps } from './lib/molecules/Steps';

package/index.js

@@ -14,7 +14,7 @@ export { default as Scrollbar } from './Scrollbar/index.js';
 export { default as Time } from './Time/index.js';
 export { default as Empty } from './Empty/index.js';
 export { default as Popover } from './Popover/index.js';
-export { P as PopoverV2 } from './index-282407ff.js';
+export { P as PopoverV2 } from './index-b4ec7815.js';
 export { default as Title } from './Title/index.js';
 export { default as Image } from './Image/index.js';
 export { default as KeyValue } from './KeyValue/index.js';
@@ -24,6 +24,7 @@ export { default as QRCode } from './QRCode/index.js';
 export { default as Paper, alignItems, cornersRadius, justifyContents, paperDirections, paperWraps } from './Paper/index.js';
 export { default as Avatar } from './Avatar/index.js';
 export { default as LinkButton } from './LinkButton/index.js';
+export { default as HelperText } from './HelperText/index.js';
 export { Col, Row } from './Grid/index.js';
 export { Tab, Tabs } from './Tabs/index.js';
 export { Step, Steps } from './Steps/index.js';
@@ -86,7 +87,7 @@ export { default as FormableUploader } from './FormableUploader/index.js';
 export { default as FormableSwitcher } from './FormableSwitcher/index.js';
 export { default as FormableEditor } from './FormableEditor/index.js';
 export { default as FormableRadio } from './FormableRadio/index.js';
-export { F as FormableHOC } from './FormableHOC-c02b8928.js';
+export { F as FormableHOC } from './FormableHOC-70f027f8.js';
 export { default as Toaster, toasterPositions } from './Toaster/index.js';
 export { default as SearchWithDropdown } from './SearchWithDropdown/index.js';
 export { default as CheckboxGroupWithSearch } from './CheckboxGroupWithSearch/index.js';
@@ -95,8 +96,8 @@ export { default as Overspread } from './Overspread/index.js';
 export { default as DatePicker } from './DatePicker/index.js';
 export { default as DateFilter } from './DateFilter/index.js';
 export { ComboTable, PaginationSelector, PaperWrapper, TableContainer, TableHeader, TablePagination, TableTitle, WithHeader, WithTitle } from './TableCompositions/index.js';
-export { D as Dropdown } from './index-d10283d4.js';
-export { T as Table } from './index-46532c91.js';
+export { D as Dropdown } from './index-b139bff9.js';
+export { T as Table } from './index-79316a14.js';
 export { CardList, WrappedCardList } from './CardList/index.js';
 import 'react';
 import 'prop-types';
@@ -129,7 +130,7 @@ import './tslib.es6-f211516f.js';
 import './index-031ff73c.js';
 import './style-inject.es-746bb8ed.js';
 import './_rollupPluginBabelHelpers-a83240e1.js';
-import './configs-1fb8eed2.js';
+import './configs-0ed1e326.js';
 import './index-a0e4e333.js';
 import './dateValidation-67caec66.js';
 import './_commonjsHelpers-24198af3.js';
@@ -152,6 +153,6 @@ import './index-262edd7a.js';
 import './index-34914e4c.js';
 import './objectWithoutPropertiesLoose-e1596bdb.js';
 import './clsx.m-2bb6df4b.js';
-import './CellMeasurerCache-dbb3a6e5.js';
+import './CellMeasurerCache-a1dbe54e.js';
 import './index-b7c1fe38.js';
 import './react-beautiful-dnd.esm-ec039212.js';

package/lib/atoms/HelperText/HelperText.d.ts

@@ -0,0 +1,42 @@
+import { FC, JSX } from 'react';
+import './HelperText.scss';
+interface IHelperTextProps {
+    /**
+     * Defines the size of the helper text.<br>
+     * Possible values: `medium | small`.
+     */
+    size?: 'medium' | 'small';
+    /**
+     * Specifies the type of the helper text. <br>
+     * Possible values: `rest | danger | warning`.
+     * `rest` for default information, `danger` for error messages, or `warning` for cautions.
+     */
+    type?: 'rest' | 'danger' | 'warning';
+    /**
+     * The actual text content to be displayed as helper text.
+     * This provides guidance or additional information related to the input field.
+     */
+    text: string;
+    /**
+     * Optional. Icon to be displayed alongside the helper text.
+     * 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.
+     * If `type` is `rest`, the provided `Icon` will be used (if supplied), otherwise no icon will be displayed.
+     * The size of the icon will automatically adjust based on the `size` prop (`small` or `medium`).
+     */
+    Icon?: JSX.Element;
+    /**
+     * Determines whether the helper text is disabled.
+     * If `true`, the helper text will appear dimmed and non-interactive.
+     */
+    isDisabled?: boolean;
+    /**
+     * Indicates whether the component is in a loading state.
+     * When `true`, a loading skeleton is displayed instead of the actual helper text.
+     */
+    isLoading?: boolean;
+}
+/**
+ * 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.
+ */
+declare const HelperText: FC<IHelperTextProps>;
+export { IHelperTextProps, HelperText as default };

package/lib/atoms/HelperText/index.d.ts

@@ -0,0 +1 @@
+export { IHelperTextProps, default as default } from './HelperText';

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@geneui/components",
     "description": "The Gene UI components library designed for BI tools",
-    "version": "3.0.0-next-7221a3a-16092024",
+    "version": "3.0.0-next-9230252-17092024",
     "author": "SoftConstruct",
     "homepage": "https://github.com/softconstruct/gene-ui-components#readme",
     "repository": {
@@ -157,7 +157,7 @@
         "yargs": "^17.7.2"
     },
     "dependencies": {
-        "@geneui/icons": "^1.0.3",
+        "@geneui/icons": "^1.0.4",
         "@geneui/tokens": "^1.3.0-beta",
         "classnames": "^2.3.2",
         "dayjs": "^1.11.5",