@dreamcommerce/aurora 2.1.8-1 → 2.1.9

package/build/cjs/packages/aurora/src/index.js

@@ -2,6 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var tabs = require('./components/tabs/components/tabs.js');
+var tab_item = require('./components/tabs/components/tab_item.js');
+var index$n = require('./components/modal/hoc/absolute_modal/index.js');
 var index = require('./components/button/index.js');
 var index$2 = require('./components/buttons_group/index.js');
 var index$u = require('./components/dropdown/context/index.js');
@@ -9,52 +12,53 @@ var index$h = require('./components/color_picker/index.js');
 var icon_tick = require('./assets/icon_tick.js');
 var index$6 = require('./components/label/index.js');
 var index$y = require('./components/hint/index.js');
-var index$7 = require('./components/controls/hoc/control_input/index.js');
+var index$x = require('./components/controls/hoc/control_cell_selector/index.js');
 var index$8 = require('./components/controls/hoc/control_checkbox/index.js');
 var index$9 = require('./components/controls/hoc/control_checkbox_switch/index.js');
-var index$a = require('./components/controls/hoc/control_radio/index.js');
-var index$c = require('./components/controls/hoc/control_range/index.js');
 var icon_arrow = require('./assets/icon_arrow.js');
 var index$3 = require('./components/dropdown/index.js');
+var index$i = require('./components/controls/hoc/control_color_picker/index.js');
 var icon_calendar = require('./assets/icon_calendar.js');
 var index$4 = require('./components/dropdown/hoc/select/index.js');
 var index$g = require('./components/date_picker/index.js');
 var index$j = require('./components/controls/hoc/control_date_picker/index.js');
-var index$i = require('./components/controls/hoc/control_color_picker/index.js');
+var index$w = require('./components/file_picker/index.js');
+var index$k = require('./components/controls/hoc/control_file_picker/index.js');
+var index$7 = require('./components/controls/hoc/control_input/index.js');
+var index$5 = require('./components/dropdown/hoc/multiselect/index.js');
+var index$d = require('./components/controls/hoc/control_multi_select/index.js');
+var index$a = require('./components/controls/hoc/control_radio/index.js');
+var index$z = require('./components/controls/hoc/control_radio_group/index.js');
+var index$c = require('./components/controls/hoc/control_range/index.js');
+var index$b = require('./components/controls/hoc/control_select/index.js');
 var index$p = require('./components/tag/index.js');
 var index$q = require('./components/tags_selector/index.js');
 var index$r = require('./components/controls/hoc/control_tags_selector/index.js');
 var index$e = require('./components/controls/hoc/control_textarea/index.js');
-var index$b = require('./components/controls/hoc/control_select/index.js');
-var index$5 = require('./components/dropdown/hoc/multiselect/index.js');
-var index$d = require('./components/controls/hoc/control_multi_select/index.js');
-var index$w = require('./components/file_picker/index.js');
-var index$k = require('./components/controls/hoc/control_file_picker/index.js');
-var index$x = require('./components/controls/hoc/control_cell_selector/index.js');
-var index$f = require('./components/gallery/index.js');
+var index$s = require('./components/table/index.js');
+var dataTable = require('./components/table/hoc/data-table.js');
+var context = require('./components/flash_messenger/context.js');
+var index$A = require('./components/message-box/index.js');
 var index$t = require('./components/grid/index.js');
+var flash_messages_list = require('./components/flash_messenger/components/flash_messages_list.js');
+var index$B = require('./components/flash_messenger/index.js');
+var index$f = require('./components/gallery/index.js');
 var index$l = require('./components/heading/index.js');
+var index$E = require('./components/link/index.js');
+var index$C = require('./components/loader/index.js');
+var index$m = require('./components/modal/index.js');
 var modal_context = require('./components/modal/context/modal_context.js');
 var modal_provider = require('./components/modal/hoc/modal_provider.js');
-var index$n = require('./components/modal/hoc/absolute_modal/index.js');
 var index$o = require('./components/modal/hoc/relative_modal/index.js');
-var index$m = require('./components/modal/index.js');
 var index$v = require('./components/spacing/index.js');
-var index$s = require('./components/table/index.js');
-var dataTable = require('./components/table/hoc/data-table.js');
-var tabs = require('./components/tabs/components/tabs.js');
-var tab_item = require('./components/tabs/components/tab_item.js');
-var index$C = require('./components/loader/index.js');
-var index$D = require('./components/with_loader/index.js');
 var index$1 = require('./components/tooltip/index.js');
-var context = require('./components/flash_messenger/context.js');
-var index$A = require('./components/message-box/index.js');
-var flash_messages_list = require('./components/flash_messenger/components/flash_messages_list.js');
-var index$z = require('./components/controls/hoc/control_radio_group/index.js');
-var index$B = require('./components/flash_messenger/index.js');
+var index$D = require('./components/with_loader/index.js');
 
 
 
+exports.Tabs = tabs['default'];
+exports.TabItem = tab_item.TabItem;
+exports.AbsoluteModal = index$n['default'];
 exports.Button = index['default'];
 exports.ButtonsGroup = index$2['default'];
 exports.DropdownContext = index$u.DropdownContext;
@@ -63,48 +67,46 @@ exports.ColorPicker = index$h['default'];
 exports.IconTick = icon_tick['default'];
 exports.Label = index$6['default'];
 exports.Hint = index$y['default'];
-exports.ControlInput = index$7['default'];
+exports.ControlCellSelector = index$x['default'];
 exports.ControlCheckbox = index$8['default'];
 exports.ControlCheckboxSwitch = index$9['default'];
-exports.ControlRadio = index$a['default'];
-exports.ControlRange = index$c['default'];
 exports.IconArrow = icon_arrow['default'];
 exports.Dropdown = index$3['default'];
+exports.ControlColorPicker = index$i['default'];
 exports.IconCalendar = icon_calendar['default'];
 exports.Select = index$4['default'];
 exports.Datepicker = index$g['default'];
 exports.ControlDatepicker = index$j['default'];
-exports.ControlColorPicker = index$i['default'];
+exports.FilePicker = index$w['default'];
+exports.ControlFilePicker = index$k['default'];
+exports.ControlInput = index$7['default'];
+exports.MultiSelect = index$5['default'];
+exports.ControlMultiSelect = index$d['default'];
+exports.ControlRadio = index$a['default'];
+exports.ControlRadioGroup = index$z['default'];
+exports.ControlRange = index$c['default'];
+exports.ControlSelect = index$b['default'];
 exports.Tag = index$p['default'];
 exports.TagsSelector = index$q['default'];
 exports.ControlTagsSelector = index$r['default'];
 exports.ControlTextarea = index$e['default'];
-exports.ControlSelect = index$b['default'];
-exports.MultiSelect = index$5['default'];
-exports.ControlMultiSelect = index$d['default'];
-exports.FilePicker = index$w['default'];
-exports.ControlFilePicker = index$k['default'];
-exports.ControlCellSelector = index$x['default'];
-exports.Gallery = index$f['default'];
-exports.Grid = index$t['default'];
-exports.Heading = index$l['default'];
-exports.ModalContext = modal_context.ModalContext;
-exports.ModalProvider = modal_provider['default'];
-exports.AbsoluteModal = index$n['default'];
-exports.RelativeModal = index$o['default'];
-exports.Modal = index$m['default'];
-exports.Spacing = index$v['default'];
 exports.Table = index$s['default'];
 exports.DataTable = dataTable['default'];
-exports.Tabs = tabs['default'];
-exports.TabItem = tab_item.TabItem;
-exports.Loader = index$C['default'];
-exports.WithLoader = index$D['default'];
-exports.Tooltip = index$1['default'];
 exports.FlashMessengerContext = context.FlashMessengerContext;
 exports.useFlashMessenger = context.useFlashMessenger;
 exports.MessageBox = index$A['default'];
+exports.Grid = index$t['default'];
 exports.FlashMessagesList = flash_messages_list['default'];
-exports.ControlRadioGroup = index$z['default'];
 exports.FlashMessenger = index$B['default'];
+exports.Gallery = index$f['default'];
+exports.Heading = index$l['default'];
+exports.Link = index$E['default'];
+exports.Loader = index$C['default'];
+exports.Modal = index$m['default'];
+exports.ModalContext = modal_context.ModalContext;
+exports.ModalProvider = modal_provider['default'];
+exports.RelativeModal = index$o['default'];
+exports.Spacing = index$v['default'];
+exports.Tooltip = index$1['default'];
+exports.WithLoader = index$D['default'];
 //# sourceMappingURL=index.js.map

package/build/cjs/packages/aurora/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/color_picker/components/label.js

@@ -1,9 +1,9 @@
 import React, { useContext, useEffect } from 'react';
+import { createUseStyles } from '../../../../../../external/react-jss/dist/react-jss.esm.js';
 import { cssColorPickerInputColorPreview } from '../css_classes.js';
 import { DropdownContext } from '../../dropdown/context/index.js';
 import styles from '../../../css/color_picker/main.module.less.js';
 import { ColorPickerContext } from '../context.js';
-import { createUseStyles } from '../../../../../../external/react-jss/dist/react-jss.esm.js';
 import InputWrapper from '../../controls/components/input_wrapper.js';
 
 const useStyles = createUseStyles({

package/build/esm/packages/aurora/src/components/color_picker/components/label.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,gCAAgC,4DAAgE;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,gCAAgC,4DAAgE;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/color_picker/index.js

@@ -1,4 +1,5 @@
 import React, { useContext, useRef, useEffect } from 'react';
+import { createUseStyles } from '../../../../../external/react-jss/dist/react-jss.esm.js';
 import { cssColorPicker, cssColorPickerPreviewContainer, cssColorPickerPreview, cssColorPickerInputContainer } from './css_classes.js';
 import { getColorFromHex, getIndicatorPositionsFromHEX } from './utilities.js';
 import styles from '../../css/color_picker/main.module.less.js';
@@ -7,7 +8,6 @@ import { ColorPickerContext } from './context.js';
 import HuePicker from './components/hue_picker.js';
 import Input from '../controls/components/input.js';
 import SaturationLightnessPicker from './components/saturation_lightness_picker.js';
-import { createUseStyles } from '../../../../../external/react-jss/dist/react-jss.esm.js';
 import { useColorPicker } from './use_color_picker.js';
 import withTranslation from '../../utilities/translation/with_translation.js';
 

package/build/esm/packages/aurora/src/components/color_picker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,gCAAgC,yDAA6D;AAC7F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,gCAAgC,yDAA6D;AAC7F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/controls/components/helper.d.ts

@@ -1,3 +1,4 @@
+import { IControlHelperProps } from '../types';
 import React from 'react';
-declare const Helper: React.FC;
+declare const Helper: React.FC<IControlHelperProps>;
 export default Helper;

package/build/esm/packages/aurora/src/components/controls/components/helper.js

@@ -1,9 +1,13 @@
 import React from 'react';
-import { cssHelper } from '../css_classes.js';
+import classnames from 'classnames';
+import { cssHelper, cssHelperError } from '../css_classes.js';
 import cssStyles from '../../../css/helper/main.module.less.js';
 
-const Helper = ({ children }) => {
-    return React.createElement("p", { className: cssStyles[cssHelper] }, children);
+const Helper = ({ children, hasError }) => {
+    const helperClassNames = classnames(cssStyles[cssHelper], {
+        [cssStyles[cssHelperError]]: hasError
+    });
+    return React.createElement("p", { className: helperClassNames }, children);
 };
 
 export default Helper;

package/build/esm/packages/aurora/src/components/controls/components/helper.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/controls/components/radio.js

@@ -1,8 +1,8 @@
 import React from 'react';
+import { classNames } from '../../../utilities/styles/classNames.js';
 import classnames from 'classnames';
 import { radio, radioDisabled, radioControl, radioLabel } from '../css_classes.js';
 import cssStyles from '../../../css/radio/main.module.less.js';
-import { classNames } from '../../../utilities/styles/classNames.js';
 
 const Radio = ({ id, name, value, checked, defaultChecked = false, disabled, onClick }) => {
     const radioClasses = classnames(radio, {

package/build/esm/packages/aurora/src/components/controls/css_classes.d.ts

@@ -41,3 +41,4 @@ export declare const cellSelectorRow: string;
 export declare const cellSelectorCell: string;
 export declare const cellSelectorCellActive: string;
 export declare const cssHelper = "helper";
+export declare const cssHelperError: string;

package/build/esm/packages/aurora/src/components/controls/css_classes.js

@@ -39,7 +39,8 @@ const cellSelectorContainer = `${cellSelector}__container`;
 const cellSelectorRow = `${cellSelector}__row`;
 const cellSelectorCell = `${cellSelector}__cell`;
 const cellSelectorCellActive = `${cellSelectorCell}_active`;
-const cssHelper = 'helper';
+const cssHelper = 'helper';
+const cssHelperError = `${cssHelper}_error`;
 
-export { cellSelector, cellSelectorCell, cellSelectorCellActive, cellSelectorContainer, cellSelectorRow, checkbox, checkboxControl, checkboxDisabled, checkboxIcon, checkboxLabel, checkboxSwitch, checkboxSwitchControl, checkboxSwitchDisabled, checkboxSwitchIcon, checkboxSwitchLabel, cssControl, cssControlDisabled, cssControlError, cssControlFocus, cssControlInput, cssControlReadonly, cssControlS, cssControlWrapper, cssControls, cssControlsAdditionalInfo, cssControlsContent, cssControlsElement, cssControlsElementCheckbox, cssControlsElementPostfix, cssControlsElementPrefix, cssControlsElementRadio, cssControlsElementVerticalAlignTop, cssControlsError, cssControlsErrors, cssControlsErrorsList, cssControlsErrorsListItem, cssControlsLabel, cssHelper, radio, radioControl, radioDisabled, radioLabel };
+export { cellSelector, cellSelectorCell, cellSelectorCellActive, cellSelectorContainer, cellSelectorRow, checkbox, checkboxControl, checkboxDisabled, checkboxIcon, checkboxLabel, checkboxSwitch, checkboxSwitchControl, checkboxSwitchDisabled, checkboxSwitchIcon, checkboxSwitchLabel, cssControl, cssControlDisabled, cssControlError, cssControlFocus, cssControlInput, cssControlReadonly, cssControlS, cssControlWrapper, cssControls, cssControlsAdditionalInfo, cssControlsContent, cssControlsElement, cssControlsElementCheckbox, cssControlsElementPostfix, cssControlsElementPrefix, cssControlsElementRadio, cssControlsElementVerticalAlignTop, cssControlsError, cssControlsErrors, cssControlsErrorsList, cssControlsErrorsListItem, cssControlsLabel, cssHelper, cssHelperError, radio, radioControl, radioDisabled, radioLabel };
 //# sourceMappingURL=css_classes.js.map

package/build/esm/packages/aurora/src/components/controls/css_classes.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/controls/hoc/control_cell_selector/index.js

@@ -1,7 +1,7 @@
 import React from 'react';
+import CellSelector from '../../components/cell_selector.js';
 import Control from '../../index.js';
 import Hint from '../../../hint/index.js';
-import CellSelector from '../../components/cell_selector.js';
 
 const ControlCellSelector = ({ label, isRequired, id, name, errors, onChange, cols, initialSelected, rows, withValueOffset, className, hint, hintOptions = { isFixed: true } }) => {
     return (React.createElement(Control, { errors: errors, name: name, id: id },

package/build/esm/packages/aurora/src/components/controls/hoc/control_checkbox/index.js

@@ -20,7 +20,7 @@ const ControlCheckbox = ({ id, hint, hintOptions = { isFixed: true }, label, nam
         (labelTop || hintTop) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
             labelTop,
             hintTop && React.createElement(Hint, { fixed: hintTopOptions.isFixed, spacingLeft: true, hint: hintTop }))),
-        helper && React.createElement(Control.Helper, null, helper),
+        helper && React.createElement(Control.Helper, { hasError: !!(errors === null || errors === void 0 ? void 0 : errors.length) }, helper),
         React.createElement(Control.Content, null,
             React.createElement(Control.Element, { type: "checkbox" },
                 React.createElement(Control.Checkbox, { id: id, name: name, value: value, initiallyChecked: initiallyChecked, disabled: disabled, onChange: onChange }),

package/build/esm/packages/aurora/src/components/controls/hoc/control_color_picker/index.js

@@ -5,8 +5,8 @@ import withTranslation from '../../../../utilities/translation/with_translation.
 import { PureColorPicker } from '../../../color_picker/index.js';
 import Control from '../../index.js';
 import Hint from '../../../hint/index.js';
-import Dropdown from '../../../dropdown/index.js';
 import ColorPickerLabel from '../../../color_picker/components/label.js';
+import Dropdown from '../../../dropdown/index.js';
 
 /**
  * @component

package/build/esm/packages/aurora/src/components/controls/hoc/control_date_picker/index.js

@@ -2,8 +2,8 @@ import React, { useEffect } from 'react';
 import withTranslation from '../../../../utilities/translation/with_translation.js';
 import Control from '../../index.js';
 import Hint from '../../../hint/index.js';
-import DatepickerContext from '../../../date_picker/context/value_controller_context.js';
 import Dropdown from '../../../dropdown/index.js';
+import DatepickerContext from '../../../date_picker/context/value_controller_context.js';
 import DatepickerLabel from '../../../date_picker/components/label.js';
 import useValueController from '../../../date_picker/hooks/use_value_controller.js';
 import { RangePicker } from '../../../date_picker/hoc/range_picker.js';

package/build/esm/packages/aurora/src/components/controls/hoc/control_input/index.js

@@ -22,7 +22,7 @@ const ControlInput = ({ label, isRequired, id, name, value, placeholder, prefix,
         (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
             label,
             hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
-        helper && React.createElement(Control.Helper, null, helper),
+        helper && React.createElement(Control.Helper, { hasError: !!(errors === null || errors === void 0 ? void 0 : errors.length) }, helper),
         React.createElement(Control.Content, null,
             React.createElement(Control.Element, { prefix: prefix, postfix: postfix },
                 React.createElement(Control.Input, { id: id, name: name, value: value, placeholder: placeholder, disabled: disabled, onChange: onChange, onKeyPress: onKeyPress, onKeyUp: onKeyUp, ...props }))),

package/build/esm/packages/aurora/src/components/controls/hoc/control_select/index.js

@@ -18,14 +18,14 @@ import Select from '../../../dropdown/hoc/select/index.js';
  *  />
  * )
  */
-const ControlSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true }, additionalInfo, onScroll }) => {
+const ControlSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true }, additionalInfo }) => {
     return (React.createElement(Control, { errors: errors, name: name, id: id },
         (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
             label,
             hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
         React.createElement(Control.Content, null,
             React.createElement(Control.Element, null,
-                React.createElement(Select, { key: name, name: name, options: options, defaultValues: defaultValues, isWithGroups: isWithGroups, isWithSearch: isWithSearch, defaultIsOpen: defaultIsOpen, defaultCloseOnClick: defaultCloseOnClick, isReadonly: isReadonly, isDisabled: isDisabled, onChange: onChange, onToggle: onToggle, onScroll: onScroll }))),
+                React.createElement(Select, { key: name, name: name, options: options, defaultValues: defaultValues, isWithGroups: isWithGroups, isWithSearch: isWithSearch, defaultIsOpen: defaultIsOpen, defaultCloseOnClick: defaultCloseOnClick, isReadonly: isReadonly, isDisabled: isDisabled, onChange: onChange, onToggle: onToggle }))),
         React.createElement(Control.Errors, null),
         additionalInfo && React.createElement(Control.AdditionalInfo, null, additionalInfo)));
 };

package/build/esm/packages/aurora/src/components/controls/hoc/control_textarea/index.js

@@ -22,7 +22,7 @@ const ControlTextarea = React.forwardRef(({ label, isRequired, id, name, value,
         (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
             label,
             hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
-        helper && React.createElement(Control.Helper, null, helper),
+        helper && React.createElement(Control.Helper, { hasError: !!(errors === null || errors === void 0 ? void 0 : errors.length) }, helper),
         React.createElement(Control.Content, null,
             React.createElement(Control.Element, null,
                 React.createElement(Control.Textarea, { id: id, name: name, value: value, defaultValue: defaultValue, placeholder: placeholder, disabled: disabled, readOnly: readOnly, onChange: onChange, onFocus: onFocus, onBlur: onBlur, onKeyPress: onKeyPress, ref: ref }))),

package/build/esm/packages/aurora/src/components/controls/types.d.ts

@@ -21,7 +21,7 @@ export interface IControlComposition {
     Textarea: React.FC<ITextareaProps>;
     Errors: React.FC;
     AdditionalInfo: React.FC;
-    Helper: React.FC<React.ReactNode>;
+    Helper: React.FC<IControlHelperProps>;
 }
 export interface IControlProps {
     children: ReactNode;
@@ -179,4 +179,7 @@ export interface IControlCellSelector extends ICellSelector, IControlCommonProps
     id?: string;
     isRequired?: boolean;
 }
+export interface IControlHelperProps {
+    hasError?: boolean;
+}
 export {};

package/build/esm/packages/aurora/src/components/date_picker/components/label.js

@@ -1,6 +1,6 @@
 import React, { useContext } from 'react';
-import DatepickerContext from '../context/value_controller_context.js';
 import InputWrapper from '../../controls/components/input_wrapper.js';
+import DatepickerContext from '../context/value_controller_context.js';
 import IconCalendar from '../../../assets/icon_calendar.js';
 import cssClasses from '../../../css/date_picker/main.module.less.js';
 import { cssDatePickerLabelIcon } from '../css_classes.js';

package/build/esm/packages/aurora/src/components/date_picker/components/month_controller.js

@@ -1,6 +1,6 @@
 import React, { useContext, useRef } from 'react';
-import MonthYearNavigationContext from '../context/month_year_navigation_context.js';
 import Dropdown from '../../dropdown/index.js';
+import MonthYearNavigationContext from '../context/month_year_navigation_context.js';
 import cssClasses from '../../../css/date_picker/main.module.less.js';
 import { cssDatePickerController, cssDatePickerControllerArrow, cssDatePickerControllerArrowLeft, cssDatePickerControllerTitle, cssDatePickerControllerArrowRight } from '../css_classes.js';
 import { DATE_PICKER_TEST_ID } from '../constants.js';

package/build/esm/packages/aurora/src/components/date_picker/hooks/use_keyboard_navigation.js

@@ -1,8 +1,8 @@
 import { useContext } from 'react';
 import { DropdownContext } from '../../dropdown/context/index.js';
+import { useKeyDown } from '../../../hooks/use_key_down.js';
 import DatepickerContext from '../context/value_controller_context.js';
 import MonthYearNavigationContext from '../context/month_year_navigation_context.js';
-import { useKeyDown } from '../../../hooks/use_key_down.js';
 
 /**
  * Hook to bind keyboard keys to navigate date

package/build/esm/packages/aurora/src/components/dropdown/components/content.js

@@ -1,11 +1,12 @@
 import React, { useRef, useState, useEffect } from 'react';
 import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
+import { classNames } from '../../../utilities/styles/classNames.js';
+import { createPortal } from 'react-dom';
 import { useDropdownContext } from '../context/index.js';
 import { SCREEN_XS } from '../../../constants/responsive_breakpoints.js';
 import { useScreenDetect } from '../../../hooks/use_screen_detect.js';
 import withTranslation from '../../../utilities/translation/with_translation.js';
 import iconCssClasses from '../../../css/icons/main.module.less.js';
-import { classNames } from '../../../utilities/styles/classNames.js';
 import { TransitionGroup, CSSTransition } from 'react-transition-group';
 import { DROPDOWN_Z_INDEX, DROPDOWN_ON_MODAL_Z_INDEX } from '../constants.js';
 import { cssDropdownContent, cssDropdownArrowHorizontalDirectionRight, cssDropdownArrowVerticalDirectionBottom, cssDropdownHeader, cssDropdownHeaderContent, cssDropdownHeaderTitle } from '../css_classes.js';
@@ -13,7 +14,6 @@ import cssClasses from '../../../css/dropdown/main.module.less.js';
 import { getXYModifiersForNestedDropdowns, isChildOfModal } from '../utilities.js';
 import { useClickOutside } from '../../../hooks/use_click_outside.js';
 import IconArrow from '../../../assets/icon_arrow.js';
-import { createPortal } from 'react-dom';
 
 /**
  * Dropdown.Content component. This togglable part of dropdown.

package/build/esm/packages/aurora/src/components/dropdown/components/list.d.ts

@@ -1,5 +1,5 @@
-import { IDropdownListProps } from '../types';
 import React from 'react';
+import { IDropdownListProps } from '../types';
 /**
  * Dropdown.List component. Displays list.
  * @component

package/build/esm/packages/aurora/src/components/dropdown/components/list.js

@@ -19,11 +19,11 @@ isWithGroups,
 /**
  * Children nodes
  */
-children, onScroll }) => {
+children }) => {
     const listClasses = classnames(cssClasses[cssDropdownList], cssClasses[cssDropdownWithScroll], {
         [cssClasses[cssDropdownListWithGroup]]: isWithGroups
     });
-    return (React.createElement("ul", { role: "listbox", className: listClasses, onScroll: onScroll }, children));
+    return (React.createElement("ul", { role: "listbox", className: listClasses }, children));
 };
 
 export default List;

package/build/esm/packages/aurora/src/components/dropdown/components/select.js

@@ -1,8 +1,8 @@
 import React, { useRef } from 'react';
 import { useDropdownContext } from '../context/index.js';
+import InputWrapper from '../../controls/components/input_wrapper.js';
 import cssClasses from '../../../css/dropdown/main.module.less.js';
 import { useKeyboardOpenClose } from '../hooks/use_keyboard_open_close.js';
-import InputWrapper from '../../controls/components/input_wrapper.js';
 
 /**
  * Dropdown.Select component. Displays select like control. Use it only if you have selectable values.

package/build/esm/packages/aurora/src/components/dropdown/hoc/select/index.js

@@ -75,7 +75,7 @@ onChange,
  * Place where portal should be placed, by default to body
  * this can be used to put modal inside modal
  */
-portalContainer, onScroll }) => {
+portalContainer }) => {
     /**
      * reference to dropdown wrapper element
      */
@@ -108,7 +108,7 @@ portalContainer, onScroll }) => {
             React.createElement(Dropdown.Select, { name: name, isReadonly: isReadonly, isDisabled: isDisabled, selectedOptions: selectedValues }),
             React.createElement(Dropdown.Content, { portalContainer: portalContainer },
                 isWithSearch && React.createElement(Dropdown.Search, { onKeyUp: (ev) => handleSearchKeyUp(ev, options, setOptionsList) }),
-                React.createElement(Dropdown.List, { isWithGroups: isWithGroups, onScroll: onScroll }, optionsList === null || optionsList === void 0 ? void 0 : optionsList.map((option) => {
+                React.createElement(Dropdown.List, { isWithGroups: isWithGroups }, optionsList === null || optionsList === void 0 ? void 0 : optionsList.map((option) => {
                     var _a, _b;
                     return option.isHeader ? (React.createElement(Dropdown.Header, { key: option.text, text: option.text })) : (React.createElement(Dropdown.Option, { key: option.value, option: option, isSelected: isSelected(option, selectedValues), isDisabled: (_a = option.isDisabled) !== null && _a !== void 0 ? _a : isDisabled, isReadonly: (_b = option.isReadonly) !== null && _b !== void 0 ? _b : isReadonly, onClick: (option) => handleItemClick(option, defaultCloseOnClick, setSelectedValues, toggleDropdown) }));
                 }))))));

package/build/esm/packages/aurora/src/components/dropdown/types.d.ts

@@ -57,7 +57,6 @@ export interface IDropdownSearchProps {
 export interface IDropdownListProps {
     isWithGroups?: boolean;
     children?: ReactNode;
-    onScroll?: (event: React.UIEvent<HTMLElement>) => void;
 }
 export interface IDropdownOptionProps {
     option: ISelectOption;
@@ -93,7 +92,6 @@ export interface ISelectProps extends IDropdownProps {
     isDisabled?: boolean;
     isWithSearch?: boolean;
     onChange?: (selectedOption: ISelectOption) => void;
-    onScroll?: (event: React.UIEvent<HTMLElement>) => void;
 }
 export interface ISelectOption {
     text: string;

package/build/esm/packages/aurora/src/components/dropdown/utilities.js

@@ -1,8 +1,8 @@
 import 'react';
+import cssClasses$1 from '../../css/modal/main.module.less.js';
 import { cssDropdownContent } from './css_classes.js';
 import { fuzzySearch } from '../../utilities/fuzzy_search/fuzzy_search.js';
 import cssClasses from '../../css/dropdown/main.module.less.js';
-import cssClasses$1 from '../../css/modal/main.module.less.js';
 
 /**
  * checks if the given option is selected within array of selectedValues array

package/build/esm/packages/aurora/src/components/flash_messenger/components/flash_message.js

@@ -1,10 +1,10 @@
 import React, { useEffect } from 'react';
 import { CSSTransition } from 'react-transition-group';
-import Grid from '../../grid/index.js';
-import IconClose from '../../../assets/icon_close.js';
 import cssClasses from '../../../css/flash_message/main.module.less.js';
 import { useFlashMessenger } from '../context.js';
 import MessageBox from '../../message-box/index.js';
+import IconClose from '../../../assets/icon_close.js';
+import Grid from '../../grid/index.js';
 
 const FlashMessage = ({ message }) => {
     const { removeMessage, hideMessage } = useFlashMessenger();

package/build/esm/packages/aurora/src/components/link/css_classes.js

@@ -1,3 +1,4 @@
-export const cssLink = 'link';
-export const cssLinkIcon = `${cssLink}__icon`;
-//# sourceMappingURL=css_classes.js.map
+const cssLink = 'link';
+
+export { cssLink };
+//# sourceMappingURL=css_classes.js.map

package/build/esm/packages/aurora/src/components/link/css_classes.js.map

@@ -1 +1 @@
-{"version":3,"file":"css_classes.js","sourceRoot":"","sources":["../../../../../../../src/components/link/css_classes.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC;AAC9B,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,OAAO,QAAQ,CAAC"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/link/index.js

@@ -1,11 +1,12 @@
 import React from 'react';
-import './types';
-import classNames from 'classnames';
-import { cssLink } from './css_classes';
-import linkStyles from '@auroraCss/link/main.module.less';
-const Link = ({ href, id, className, onClick, children, ...props }) => {
-    const linkClass = classNames(linkStyles[cssLink]);
-    return (React.createElement("a", { ...props, id: id, className: `${linkClass}`, href: href, onClick: onClick }, children));
+import classnames from 'classnames';
+import { cssLink } from './css_classes.js';
+import linkStyles from '../../css/link/main.module.less.js';
+
+const Link = ({ href, id, className, onClick, children, ...props }) => {
+    const linkClass = classnames(linkStyles[cssLink]);
+    return (React.createElement("a", { ...props, id: id, className: `${linkClass}`, href: href, onClick: onClick }, children));
 };
+
 export default Link;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/build/esm/packages/aurora/src/components/link/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/link/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAA6B,SAAS,CAAC;AACvC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,UAAU,MAAM,kCAAkC,CAAC;AAE1D,MAAM,IAAI,GAA2B,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAe,EAAE;IACvG,MAAM,SAAS,GAAG,UAAU,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;IAElD,OAAO,CACH,8BAAO,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,IACxE,QAAQ,CACT,CACP,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/loader/index.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import classnames from 'classnames';
-import cssClasses from '../../css/loader/main.module.less.js';
 import { cssLoader } from './css_classes.js';
 import { LOADER_SIZE_CSS_CLASS_MAP, LOADER_SIZE } from './constants.js';
+import cssClasses from '../../css/loader/main.module.less.js';
 
 const Loader = ({ size }) => {
     const loaderClasses = classnames(cssClasses[cssLoader], size ? cssClasses[LOADER_SIZE_CSS_CLASS_MAP[size]] : '');

package/build/esm/packages/aurora/src/components/modal/hoc/absolute_modal/index.js

@@ -1,11 +1,11 @@
 import React, { useRef, useState, useEffect } from 'react';
-import { useResize } from '../../../../hooks/use_resize.js';
+import { createPortal } from 'react-dom';
 import { createUseStyles } from '../../../../../../../external/react-jss/dist/react-jss.esm.js';
 import cssClasses from '../../../../css/modal/main.module.less.js';
-import { createPortal } from 'react-dom';
 import Modal from '../../components/modal.js';
 import { calculateAbsolutePosition, getTransformFromAnimationDirection } from '../../utilities.js';
 import { DEFAULT_TRANSLATE_MOVE } from '../../constants.js';
+import { useResize } from '../../../../hooks/use_resize.js';
 
 const useStyles = createUseStyles({
     modal: {

package/build/esm/packages/aurora/src/components/modal/hoc/relative_modal/index.js

@@ -1,11 +1,11 @@
 import React, { useRef, useState, useEffect } from 'react';
-import { useResize } from '../../../../hooks/use_resize.js';
+import { createPortal } from 'react-dom';
 import { createUseStyles } from '../../../../../../../external/react-jss/dist/react-jss.esm.js';
 import cssClasses from '../../../../css/modal/main.module.less.js';
-import { createPortal } from 'react-dom';
 import Modal from '../../components/modal.js';
 import { calculateRelativePosition, getTransformFromAnimationDirection } from '../../utilities.js';
 import { DEFAULT_TRANSLATE_MOVE } from '../../constants.js';
+import { useResize } from '../../../../hooks/use_resize.js';
 
 const useStyles = createUseStyles({
     modal: {