@dreamcommerce/aurora 2.4.0-8 → 2.4.0

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

@@ -25,7 +25,7 @@ const DatepickerViews = {
  *  />
  * )
  */
-const ControlDatepicker = ({ onChange, label, name, isRequired, id = 'datepicker-id', type = 'single', defaultDate, defaultRange, maxDate, minDate, maxRange, minRange, className, showDefaultRanges = true, showButtons = true, errors, hint }) => {
+const ControlDatepicker = ({ onChange, label, name, isRequired, id = 'datepicker-id', type = 'single', defaultDate, defaultRange, maxDate, minDate, maxRange, minRange, className, showDefaultRanges = true, showButtons = true, errors, hint, labelAdditionalInfo }) => {
     const valueController = useValueController({
         type,
         defaultDate,
@@ -44,7 +44,7 @@ const ControlDatepicker = ({ onChange, label, name, isRequired, id = 'datepicker
     return (React.createElement(DatepickerContext.Provider, { value: valueController },
         React.createElement(Dropdown.CustomLabel, null,
             React.createElement(Control, { errors: errors, name: name, id: id },
-                (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
+                (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
                     label,
                     hint && React.createElement(Hint, { fixed: true, spacingLeft: true, hint: hint }))),
                 React.createElement(Control.Content, null,

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

@@ -3,9 +3,9 @@ import Control from '../../index.js';
 import Hint from '../../../hint/index.js';
 import FilePicker from '../../../file_picker/index.js';
 
-const ControlFilePicker = ({ label, isRequired, id, name, onChange, allowedExtensions, initialFile, className, errors, hint, hintOptions = { isFixed: true } }) => {
+const ControlFilePicker = ({ label, isRequired, id, name, onChange, allowedExtensions, initialFile, className, errors, hint, hintOptions = { isFixed: true }, labelAdditionalInfo }) => {
     return (React.createElement(Control, { errors: errors, name: name, id: id },
-        (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
+        (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
             label,
             hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
         React.createElement(Control.Content, null,

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

@@ -17,12 +17,11 @@ import Hint from '../../../hint/index.js';
  *  />
  * )
  */
-const ControlInput = ({ label, isRequired, id, name, value, placeholder, prefix, postfix, disabled, onChange, onKeyPress, onKeyUp, hint, hintOptions = { isFixed: true }, errors, helperText, additionalInfo, ...props }) => {
+const ControlInput = ({ label, isRequired, id, name, value, placeholder, prefix, postfix, disabled, onChange, onKeyPress, onKeyUp, hint, hintOptions = { isFixed: true }, errors, labelAdditionalInfo, additionalInfo, ...props }) => {
     return (React.createElement(Control, { errors: errors, name: name, id: id },
-        (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
+        (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
             label,
             hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
-        helperText && React.createElement(Control.HelperText, { hasError: !!(errors === null || errors === void 0 ? void 0 : errors.length) }, helperText),
         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_input/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;"}
+{"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;"}

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

@@ -3,9 +3,9 @@ import Control from '../../index.js';
 import Hint from '../../../hint/index.js';
 import Multiple from '../../../dropdown/hoc/multiselect/index.js';
 
-const ControlMultiSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true }, hasCloseIcon }) => {
+const ControlMultiSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true }, hasCloseIcon, labelAdditionalInfo }) => {
     return (React.createElement(Control, { errors: errors, name: name, id: id },
-        (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
+        (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
             label,
             hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
         React.createElement(Control.Content, null,

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

@@ -16,16 +16,15 @@ import Hint from '../../../hint/index.js';
  *  />
  * )
  */
-const ControlRadio = ({ id, label, hint, hintOptions = { isFixed: true }, name, value, defaultChecked, checked, disabled, onClick, errors, additionalInfo }) => {
+const ControlRadio = ({ id, label, hint, hintOptions = { isFixed: true }, name, value, defaultChecked, checked, disabled, onClick, errors, labelAdditionalInfo }) => {
     return (React.createElement(Control, { errors: errors, name: name, id: id },
         React.createElement(Control.Content, null,
-            React.createElement(Control.Element, { type: "radio", verticalPosition: additionalInfo ? VERTICAL_POSITION.top : undefined },
+            React.createElement(Control.Element, { type: "radio", verticalPosition: labelAdditionalInfo ? VERTICAL_POSITION.top : undefined },
                 React.createElement(Control.Radio, { id: id, name: name, value: value, defaultChecked: defaultChecked, checked: checked, disabled: disabled, onClick: onClick }),
-                React.createElement(Label, { htmlFor: id },
+                React.createElement(Label, { additionalInfo: labelAdditionalInfo, htmlFor: id },
                     label,
                     " ",
-                    hint && React.createElement(Hint, { fixed: hintOptions.isFixed, hint: hint, spacingLeft: true }),
-                    additionalInfo && React.createElement(Control.AdditionalInfo, null, additionalInfo)))),
+                    hint && React.createElement(Hint, { fixed: hintOptions.isFixed, hint: hint, spacingLeft: true })))),
         React.createElement(Control.Errors, null)));
 };
 

package/build/esm/packages/aurora/src/components/controls/hoc/control_radio/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;"}
+{"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;"}

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

@@ -3,9 +3,9 @@ import Control from '../../index.js';
 import Hint from '../../../hint/index.js';
 import ControlRadio from '../control_radio/index.js';
 
-const ControlRadioGroup = ({ id, name, onClick, checkedValue, defaultCheckedValue, label, hint, hintOptions = { isFixed: true }, options, errors, isRequired }) => {
+const ControlRadioGroup = ({ id, name, onClick, checkedValue, defaultCheckedValue, label, hint, hintOptions = { isFixed: true }, options, errors, isRequired, labelAdditionalInfo }) => {
     return (React.createElement(Control, { errors: errors, name: name, id: id },
-        (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
+        (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
             label,
             hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
         options.map(({ value, label, hint, disabled }) => (React.createElement(ControlRadio, { key: `RadioGroup${id}-RadioElement-${value}`, label: label, id: `RadioGroup${id}-Radio-${value}`, value: value, hint: hint, disabled: disabled, name: name, defaultChecked: defaultCheckedValue ? defaultCheckedValue === value : undefined, checked: checkedValue ? checkedValue === value : undefined, onClick: onClick }))),

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

@@ -3,9 +3,9 @@ import Control from '../../index.js';
 import Hint from '../../../hint/index.js';
 import Range from '../../../range/index.js';
 
-const ControlRange = ({ label, hint, hintOptions = { isFixed: true }, isRequired, id, name, isDisabled, onChange, initialValue, step, max, min, errors }) => {
+const ControlRange = ({ label, hint, hintOptions = { isFixed: true }, isRequired, id, name, isDisabled, onChange, initialValue, step, max, min, errors, labelAdditionalInfo }) => {
     return (React.createElement(Control, { errors: errors, name: name, id: id },
-        (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
+        (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
             label,
             hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
         React.createElement(Control.Content, null,

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

@@ -18,9 +18,9 @@ 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 }, placeholder, additionalInfo, onScroll, innerAdditionalContent, hasCloseIcon }) => {
+const ControlSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true }, placeholder, additionalInfo, onScroll, innerAdditionalContent, hasCloseIcon, labelAdditionalInfo }) => {
     return (React.createElement(Control, { errors: errors, name: name, id: id },
-        (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
+        (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
             label,
             hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
         React.createElement(Control.Content, null,

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

@@ -3,9 +3,9 @@ import Control from '../../index.js';
 import Hint from '../../../hint/index.js';
 import TagsSelector from '../../../tags_selector/index.js';
 
-const ControlTagsSelector = ({ id, name, label, isRequired, placeholder, minTagLength, withList, defaultTags, defaultListTags, onChange, onListItemClick, errors, hint, hintOptions = { isFixed: true } }) => {
+const ControlTagsSelector = ({ id, name, label, isRequired, placeholder, minTagLength, withList, defaultTags, defaultListTags, onChange, onListItemClick, errors, hint, hintOptions = { isFixed: true }, labelAdditionalInfo }) => {
     return (React.createElement(Control, { errors: errors, name: name, id: id },
-        (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
+        (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
             label,
             hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
         React.createElement(Control.Content, null,

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

@@ -17,12 +17,11 @@ import Hint from '../../../hint/index.js';
  *  />
  * )
  */
-const ControlTextarea = React.forwardRef(({ label, isRequired, id, name, value, defaultValue, placeholder, disabled, readOnly, onChange, onFocus, onBlur, onKeyPress, errors, hint, hintOptions = { isFixed: true }, helperText }, ref) => {
+const ControlTextarea = React.forwardRef(({ label, isRequired, id, name, value, defaultValue, placeholder, disabled, readOnly, onChange, onFocus, onBlur, onKeyPress, errors, hint, hintOptions = { isFixed: true }, labelAdditionalInfo }, ref) => {
     return (React.createElement(Control, { errors: errors, name: name, id: id },
-        (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
+        (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
             label,
             hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
-        helperText && React.createElement(Control.HelperText, { hasError: !!(errors === null || errors === void 0 ? void 0 : errors.length) }, helperText),
         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/hoc/control_textarea/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;"}
+{"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;"}

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

@@ -10,13 +10,12 @@ import Content from './components/content.js';
 import ControlLabel from './components/label.js';
 import Element from './components/element.js';
 import Errors from './components/errors.js';
-import LabelAdditionalInfo from './components/helper_text.js';
 import Radio from './components/radio.js';
 import Textarea from './components/textarea.js';
 
-const Control = ({ children, errors, name, id }) => {
+const Control = ({ children, errors, name, id, onClick }) => {
     return (React.createElement(ControlContext.Provider, { value: { errors, name, id } },
-        React.createElement("div", { className: `${cssStyles[cssControls]} ${errors ? cssStyles[cssControlsError] : ''}` }, children)));
+        React.createElement("div", { onClick: onClick, className: `${cssStyles[cssControls]} ${errors ? cssStyles[cssControlsError] : ''}` }, children)));
 };
 Control.Label = ControlLabel;
 Control.Input = Input;
@@ -27,8 +26,7 @@ Control.Content = Content;
 Control.Element = Element;
 Control.Textarea = Textarea;
 Control.Errors = Errors;
-Control.AdditionalInfo = AdditionalInfo;
-Control.HelperText = LabelAdditionalInfo;
+Control.AdditionalInfo = AdditionalInfo;
 
 export default Control;
 //# sourceMappingURL=index.js.map

package/build/esm/packages/aurora/src/components/controls/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;"}
+{"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;"}

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

@@ -22,13 +22,13 @@ export interface IControlComposition {
     Textarea: React.FC<ITextareaProps>;
     Errors: React.FC;
     AdditionalInfo: React.FC;
-    HelperText: React.FC<IControlHelperTextProps>;
 }
 export interface IControlProps {
     children: ReactNode;
     errors?: TControlErrors;
     name?: string;
     id?: string;
+    onClick?: (event: React.MouseEvent) => void;
 }
 interface IControlCommonProps {
     errors?: TControlErrors;
@@ -54,6 +54,7 @@ export interface IControlTagsSelectorProps extends IControlCommonProps {
     id?: string;
     name?: string;
     label?: string;
+    labelAdditionalInfo?: string | ReactNode;
     isRequired?: boolean;
     placeholder?: string;
     minTagLength?: number;
@@ -92,6 +93,7 @@ export interface IControlLabelProps {
     id?: string;
     isRequired?: boolean;
     children: any;
+    additionalInfo?: string | ReactNode;
 }
 export interface ICheckboxProps extends InputHTMLAttributes<HTMLInputElement> {
     id?: string;
@@ -103,11 +105,11 @@ export interface IControlInputProps extends IInputProps, IControlCommonProps {
     postfix?: string;
     label?: string;
     isRequired?: boolean;
-    helperText?: string;
+    labelAdditionalInfo?: string | ReactNode;
 }
 export interface IControlCheckboxProps extends ICheckboxProps, IControlCommonProps {
     label: string;
-    helperText?: string;
+    labelAdditionalInfo?: string | ReactNode;
 }
 export interface IRadioProps extends InputHTMLAttributes<HTMLInputElement> {
     id: string;
@@ -115,6 +117,7 @@ export interface IRadioProps extends InputHTMLAttributes<HTMLInputElement> {
 }
 export interface IControlRadioProps extends IRadioProps, IControlCommonProps {
     label: string;
+    labelAdditionalInfo?: string | ReactNode;
 }
 export interface IControlRadioGroupOption {
     value: string;
@@ -130,6 +133,7 @@ export interface IControlRadioGroup extends IControlCommonProps {
     id: string;
     name: string;
     label: string;
+    labelAdditionalInfo?: string | ReactNode;
 }
 export interface IControlColorPickerProps extends IColorPickerProps, IControlCommonProps {
     id: string;
@@ -137,33 +141,37 @@ export interface IControlColorPickerProps extends IColorPickerProps, IControlCom
     label?: string;
     isRequired?: boolean;
     hideChooseCancelButtons?: boolean;
-    helperText?: React.ReactNode;
+    labelAdditionalInfo?: string | React.ReactNode;
 }
 export interface IControlTextareaProps extends ITextareaProps, IControlCommonProps {
     label?: string;
     isRequired?: boolean;
-    helperText?: React.ReactNode;
+    labelAdditionalInfo?: string | ReactNode;
 }
 export interface IControlSelectProps extends ISelectProps, IControlCommonProps {
     id?: string;
     label?: string;
     isRequired?: boolean;
+    labelAdditionalInfo?: string | ReactNode;
 }
 export interface IControlMultiSelectProps extends IMultiSelectProps, IControlCommonProps {
     id?: string;
     label?: string;
     isRequired?: boolean;
+    labelAdditionalInfo?: string | ReactNode;
 }
 export interface IControlRange extends IRange, IControlCommonProps {
     id?: string;
     label?: string;
     isRequired?: boolean;
     name?: string;
+    labelAdditionalInfo?: string | ReactNode;
 }
 export interface IControlFilePicker extends IFilePicker, IControlCommonProps {
     label?: string;
     isRequired?: boolean;
     name?: string;
+    labelAdditionalInfo?: string | ReactNode;
 }
 export interface ICellSelector {
     rows?: number;
@@ -178,9 +186,6 @@ export interface IControlCellSelector extends ICellSelector, IControlCommonProps
     label?: string;
     id?: string;
     isRequired?: boolean;
-}
-export interface IControlHelperTextProps {
-    hasError?: boolean;
-    cssClasses?: string;
+    labelAdditionalInfo?: string | ReactNode;
 }
 export {};

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

@@ -1,4 +1,4 @@
-import { Dispatch, SetStateAction } from 'react';
+import React, { Dispatch, SetStateAction } from 'react';
 import { TControlErrors } from "../controls/types";
 export interface IMonthYear {
     month: number;
@@ -70,6 +70,7 @@ export interface IDatepickerProps {
     showButtons?: boolean;
     hint?: string;
     errors?: TControlErrors;
+    labelAdditionalInfo?: string | React.ReactNode;
 }
 export interface IDatepickerLabelProps {
     id: string;

package/build/esm/packages/aurora/src/components/date_picker/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/date_picker/types.ts"],"names":[],"mappings":"AAAA,OAAyC,OAAO,CAAC;AACjD,OAA+B,kCAAkC,CAAC"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/date_picker/types.ts"],"names":[],"mappings":"AAAA,OAAgD,OAAO,CAAC;AACxD,OAA+B,kCAAkC,CAAC"}

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

@@ -14,6 +14,7 @@ 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 { UiDomUtils } from '@dreamcommerce/utilities';
 
 /**
  * Dropdown.Content component. This togglable part of dropdown.
@@ -24,7 +25,7 @@ import IconArrow from '../../../assets/icon_arrow.js';
 const Content = ({ headerComponent, headerGoBackText, headerGoBackIcon, children, arrowSide = 'left', portalContainer }) => {
     const [t] = useTranslation();
     const contentRef = useRef(null);
-    const { wrapperRef, toggleDropdown, isOpen } = useDropdownContext();
+    const { wrapperRef, toggleDropdown, isOpen, closeDropdown } = useDropdownContext();
     const [styles, setStyles] = useState({
         left: '0px',
         top: '0px',
@@ -69,6 +70,18 @@ const Content = ({ headerComponent, headerGoBackText, headerGoBackIcon, children
                 : setStyles({ left: `${positionLeft}px`, top: topPositionValue, bottom: bottomPositionValue, zIndex });
         }
     }, [portalContainer, screenWidthName, wrapperRef, isOpen, dropdownIsOutsideBottomViewport]);
+    useEffect(() => {
+        var _a;
+        if (!(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current) || !isOpen)
+            return;
+        const scrollableParent = (_a = UiDomUtils.getFirstScrollableParent(wrapperRef.current)) !== null && _a !== void 0 ? _a : document.body;
+        const handleWindowScroll = () => {
+            if (typeof closeDropdown === 'function') {
+                closeDropdown();
+            }
+        };
+        scrollableParent.addEventListener('scroll', handleWindowScroll, { once: true });
+    }, [isOpen]);
     return createPortal(React.createElement(TransitionGroup, { component: null }, isOpen === true ? (React.createElement(CSSTransition, { timeout: 200, classNames: {
             enter: cssClasses['dropdown-enter'],
             enterActive: cssClasses['dropdown-enter-active'],

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/dropdown/context/types.d.ts

@@ -3,4 +3,6 @@ export interface IDropdownContext {
     wrapperRef?: React.RefObject<HTMLDivElement>;
     isOpen?: boolean;
     toggleDropdown?: () => void;
+    openDropdown?: () => void;
+    closeDropdown?: () => void;
 }

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

@@ -79,7 +79,7 @@ onChange, hasCloseIcon }) => {
     /**
      * isOpen provides state if dropdown is open(visible), toggleDropdown is a function which toggles dropdown content
      */
-    const [isOpen, toggleDropdown] = useToggle(defaultIsOpen, onToggle);
+    const [isOpen, toggleDropdown, openDropdown, closeDropdown] = useToggle(defaultIsOpen, onToggle);
     /**
      * hook with option list state, and method to change option list
      */
@@ -91,7 +91,7 @@ onChange, hasCloseIcon }) => {
     /**
      * context values, they may be used with useContext in any component which is part of Dropdown composition
      */
-    const value = React.useMemo(() => ({ wrapperRef, isOpen, toggleDropdown }), [isOpen, toggleDropdown]);
+    const value = React.useMemo(() => ({ wrapperRef, isOpen, toggleDropdown, openDropdown, closeDropdown }), [isOpen, toggleDropdown, openDropdown, closeDropdown]);
     /**
      * hook which resets options list to default on close if select has search and it was used
      */

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

@@ -4,4 +4,4 @@
  * @param onToggleCb callback onToggle
  * @returns {Array} tuple - open state and and method to change open state
  */
-export declare function useToggle(defaultIsOpen?: boolean, onToggleCb?: (isOpen: boolean) => void): [boolean, () => void];
+export declare function useToggle(defaultIsOpen?: boolean, onToggleCb?: (isOpen: boolean) => void): [boolean, () => void, () => void, () => void];

package/build/esm/packages/aurora/src/components/dropdown/hooks/use_toggle.js

@@ -10,12 +10,14 @@ import { useEffectAfterMount } from '../../../hooks/use_effect_after_mount.js';
 function useToggle(defaultIsOpen = false, onToggleCb) {
     const [isOpen, setIsOpen] = useState(defaultIsOpen);
     const onToggle = useCallback(() => setIsOpen((oldIsOpen) => !oldIsOpen), []);
+    const open = useCallback(() => setIsOpen(true), []);
+    const close = useCallback(() => setIsOpen(false), []);
     useEffectAfterMount(() => {
         if (typeof onToggleCb === 'function') {
             onToggleCb(isOpen);
         }
     }, [isOpen]);
-    return [isOpen, onToggle];
+    return [isOpen, onToggle, open, close];
 }
 
 export { useToggle };

package/build/esm/packages/aurora/src/components/dropdown/hooks/use_toggle.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;"}
+{"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;"}

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

@@ -36,11 +36,11 @@ import { useToggle } from './hooks/use_toggle.js';
  */
 const Dropdown = ({ defaultIsOpen = false, onToggle, children }) => {
     const wrapperRef = useRef(null);
-    const [isOpen, toggleDropdown] = useToggle(defaultIsOpen, onToggle);
+    const [isOpen, toggleDropdown, openDropdown, closeDropdown] = useToggle(defaultIsOpen, onToggle);
     /**
      * context values, they may be used with useContext in any component which is part of Dropdown composition
      */
-    const value = React.useMemo(() => ({ wrapperRef, isOpen, toggleDropdown }), [isOpen, toggleDropdown]);
+    const value = React.useMemo(() => ({ wrapperRef, isOpen, toggleDropdown, openDropdown, closeDropdown }), [isOpen, toggleDropdown, openDropdown, closeDropdown]);
     return (React.createElement(DropdownContext.Provider, { value: value },
         React.createElement("div", { ref: wrapperRef, className: cssClasses.dropdown }, children)));
 };

package/build/esm/packages/aurora/src/components/file_picker/components/selected_file_preview.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
+import { FileUtils } from '@dreamcommerce/utilities';
 import styles from '../../../css/file_picker/main.module.less.js';
 import CSS_CLASSES from '../css_classes.js';
-import { FileUtils } from '../../../../../utilities/build/esm/packages/utilities/src/file_utils.js';
 import IconDelete from '../../../assets/icon_delete.js';
 
 const SelectedFilePreview = ({ file, isPreview, onPreviewError, onFileDelete }) => {

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

@@ -1,10 +1,10 @@
 import React, { useEffect } from 'react';
+import Stack from '../../stack/index.js';
 import { CSSTransition } from 'react-transition-group';
 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 Grid from '../../grid/index.js';
 
 const FlashMessage = ({ message }) => {
     const { removeMessage, hideMessage } = useFlashMessenger();
@@ -19,11 +19,9 @@ const FlashMessage = ({ message }) => {
             exitActive: cssClasses['flash-messenger__list_exit-active']
         } },
         React.createElement(MessageBox, { type: message.type, className: `${cssClasses['flash-messenger__message']} ${cssClasses['flash-messenger__list-item']}` },
-            React.createElement(Grid.Row, null,
-                React.createElement(Grid.Col, { auto: "grow" },
-                    React.createElement("div", null, message.content)),
-                React.createElement(Grid.Col, { auto: "auto" },
-                    React.createElement(IconClose, { onClick: () => hideMessage(message.id), className: cssClasses['flash-messenger__icon-close'] }))))));
+            React.createElement(Stack, { spacing: 8, align: "center", justify: "space-between" },
+                React.createElement("div", null, message.content),
+                React.createElement(IconClose, { onClick: () => hideMessage(message.id), className: cssClasses['flash-messenger__icon-close'] })))));
 };
 
 export default FlashMessage;

package/build/esm/packages/aurora/src/components/flash_messenger/components/flash_message.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;"}
+{"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;"}

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

@@ -6,9 +6,9 @@ import { Typography } from '../typography/index.js';
 const Heading = ({ as = 'h1', isSubheading, withHeadline, children }) => {
     const classes = classnames(withHeadline && cssClasses.head_line);
     if (!isSubheading) {
-        return (React.createElement(Typography, { as: as, cssClasses: classes }, children));
+        return (React.createElement(Typography, { as: as, variant: as, cssClasses: classes }, children));
     }
-    return (React.createElement(Typography, { as: "span", variant: as }, children));
+    return (React.createElement(Typography, { cssClasses: classes, as: "span", variant: "span" }, children));
 };
 
 export default Heading;

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

@@ -1,3 +1,4 @@
 export declare const cssLabel = "label";
 export declare const cssLabelRequired: string;
 export declare const cssLabelError: string;
+export declare const cssLabelAdditionalInfo: string;

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

@@ -1,6 +1,7 @@
 const cssLabel = 'label';
 const cssLabelRequired = `${cssLabel}_required`;
-const cssLabelError = `${cssLabel}_error`;
+const cssLabelError = `${cssLabel}_error`;
+const cssLabelAdditionalInfo = `${cssLabel}__additional-info`;
 
-export { cssLabel, cssLabelError, cssLabelRequired };
+export { cssLabel, cssLabelAdditionalInfo, cssLabelError, cssLabelRequired };
 //# sourceMappingURL=css_classes.js.map

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

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

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

@@ -2,15 +2,18 @@ import React from 'react';
 import classnames from 'classnames';
 import { useControlContext } from '../controls/context.js';
 import cssClasses from '../../css/label/main.module.less.js';
-import { cssLabel, cssLabelRequired, cssLabelError } from './css_classes.js';
+import { cssLabel, cssLabelRequired, cssLabelError, cssLabelAdditionalInfo } from './css_classes.js';
+import Stack from '../stack/index.js';
 
-const Label = ({ isRequired = false, children, ...props }) => {
+const Label = ({ isRequired = false, children, additionalInfo, ...props }) => {
     const { errors } = useControlContext();
     const labelClasses = classnames(cssClasses[cssLabel], {
         [cssClasses[cssLabelRequired]]: isRequired,
         [cssClasses[cssLabelError]]: errors
     });
-    return (React.createElement("label", { className: labelClasses, ...props }, children));
+    return (React.createElement("label", { className: labelClasses, ...props },
+        React.createElement(Stack, { align: "center" }, children),
+        additionalInfo && React.createElement("span", { className: cssClasses[cssLabelAdditionalInfo] }, additionalInfo)));
 };
 
 export default Label;

package/build/esm/packages/aurora/src/components/label/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;"}
+{"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;"}

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

@@ -1,4 +1,5 @@
-import { LabelHTMLAttributes } from 'react';
+import { LabelHTMLAttributes, ReactNode } from 'react';
 export interface ILabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
     isRequired?: boolean;
+    additionalInfo?: string | ReactNode;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/label/types.ts"],"names":[],"mappings":"AAAA,OAAoC,OAAO,CAAC"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/label/types.ts"],"names":[],"mappings":"AAAA,OAA+C,OAAO,CAAC"}

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

@@ -4,9 +4,9 @@ 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 Loader = ({ size, style }) => {
     const loaderClasses = classnames(cssClasses[cssLoader], size ? cssClasses[LOADER_SIZE_CSS_CLASS_MAP[size]] : '');
-    return React.createElement("span", { className: loaderClasses });
+    return React.createElement("span", { style: style, className: loaderClasses });
 };
 Loader.SIZE = LOADER_SIZE;
 

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

@@ -2,6 +2,7 @@ import { LOADER_SIZE } from "./constants";
 import { EnumLiteralsOf } from "../../typings/general";
 export interface ILoaderProps {
     size?: TLoaderSize;
+    style?: Record<any, any>;
 }
 export interface ILoaderConstants {
     SIZE: typeof LOADER_SIZE;

package/build/esm/packages/aurora/src/components/slide/components/slide_header.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ISlideCloseBtn } from '../types';
+export declare const SlideHeader: FC<ISlideCloseBtn>;
+export default SlideHeader;