@dreamcommerce/aurora 2.1.8 → 2.1.10-1

package/build/esm/packages/aurora/src/components/content_tabs/components/content_tabs_panel.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import CSS_CLASSES from '../css_classes.js';
+import cssClasses from '../../../css/content_tabs/main.module.less.js';
+
+const ContentTabsPanel = ({ id, children }) => {
+    return (React.createElement("div", { role: "tabpanel", tabIndex: 0, "aria-labelledby": id, className: cssClasses[CSS_CLASSES.contentTabsPanel] }, children));
+};
+
+export default ContentTabsPanel;
+export { ContentTabsPanel };
+//# sourceMappingURL=content_tabs_panel.js.map

package/build/esm/packages/aurora/src/components/content_tabs/components/content_tabs_panel.js.map

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

package/build/esm/packages/aurora/src/components/content_tabs/components/content_tabs_panel_list.d.ts

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

package/build/esm/packages/aurora/src/components/content_tabs/components/content_tabs_panel_list.js

@@ -0,0 +1,19 @@
+import React, { useContext } from 'react';
+import CSS_CLASSES from '../css_classes.js';
+import { ContentTabsContext } from '../context.js';
+import cssClasses from '../../../css/content_tabs/main.module.less.js';
+
+const ContentTabsPanelList = ({ children }) => {
+    const { activeId } = useContext(ContentTabsContext);
+    return (React.createElement("div", { className: cssClasses[CSS_CLASSES.contentTabsPanelList] }, children &&
+        React.Children.map(children, (child) => {
+            if (child.type.name !== 'ContentTabsPanel') {
+                throw new Error('The child components should be of type ContentTabsPanel');
+            }
+            return child.props.id === activeId ? child : null;
+        })));
+};
+
+export default ContentTabsPanelList;
+export { ContentTabsPanelList };
+//# sourceMappingURL=content_tabs_panel_list.js.map

package/build/esm/packages/aurora/src/components/content_tabs/components/content_tabs_panel_list.js.map

@@ -0,0 +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;"}

package/build/esm/packages/aurora/src/components/content_tabs/components/content_tabs_wrapper.d.ts

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

package/build/esm/packages/aurora/src/components/content_tabs/components/content_tabs_wrapper.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ContentTabsContextProvider } from '../context.js';
+
+const ContentTabsWrapper = ({ children }) => {
+    return React.createElement(ContentTabsContextProvider, null, children);
+};
+
+export default ContentTabsWrapper;
+//# sourceMappingURL=content_tabs_wrapper.js.map

package/build/esm/packages/aurora/src/components/content_tabs/components/content_tabs_wrapper.js.map

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

package/build/esm/packages/aurora/src/components/content_tabs/context.d.ts

@@ -0,0 +1,5 @@
+import { IContentTabsContextProps, IContentTabsContextProviderProps } from './types';
+import React, { FC } from 'react';
+export declare const ContentTabsContext: React.Context<IContentTabsContextProps>;
+export declare const ContentTabsContextProvider: FC<IContentTabsContextProviderProps>;
+export default ContentTabsContextProvider;

package/build/esm/packages/aurora/src/components/content_tabs/context.js

@@ -0,0 +1,14 @@
+import React, { useState } from 'react';
+
+const ContentTabsContext = React.createContext({
+    activeId: null,
+    setActiveId: () => { }
+});
+const ContentTabsContextProvider = ({ children }) => {
+    const [activeId, setActiveId] = useState(null);
+    return React.createElement(ContentTabsContext.Provider, { value: { activeId, setActiveId } }, children);
+};
+
+export default ContentTabsContextProvider;
+export { ContentTabsContext, ContentTabsContextProvider };
+//# sourceMappingURL=context.js.map

package/build/esm/packages/aurora/src/components/content_tabs/context.js.map

@@ -0,0 +1 @@
+{"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/content_tabs/css_classes.d.ts

@@ -0,0 +1,9 @@
+declare const _default: {
+    contentTabs: string;
+    contentTabsItemList: string;
+    contentTabsItem: string;
+    contentTabsItemActive: string;
+    contentTabsPanelList: string;
+    contentTabsPanel: string;
+};
+export default _default;

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

@@ -0,0 +1,11 @@
+var CSS_CLASSES = {
+    contentTabs: 'content-tabs',
+    contentTabsItemList: 'content-tabs__item-list',
+    contentTabsItem: 'content-tabs__item',
+    contentTabsItemActive: 'content-tabs__item_active',
+    contentTabsPanelList: 'content-tabs__panel-list',
+    contentTabsPanel: 'content-tabs__panel'
+};
+
+export default CSS_CLASSES;
+//# sourceMappingURL=css_classes.js.map

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

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

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

@@ -0,0 +1,29 @@
+import { Dispatch, ReactNode, SetStateAction } from 'react';
+export interface IContentTabsContextProps {
+    activeId: string | null;
+    setActiveId: Dispatch<SetStateAction<any>>;
+}
+export interface IContentTabsContextProviderProps {
+    children: ReactNode;
+}
+export interface IContentTabsItemListProps {
+    children: ReactNode;
+}
+export interface IContentTabsItemProps {
+    id: string;
+    children: ReactNode;
+}
+export interface IContentTabsPanelListProps {
+    children: ReactNode;
+}
+export interface IContentTabsPanelProps {
+    id: string;
+    children: ReactNode;
+}
+export interface IContentTabsWrapperProps {
+    children: ReactNode;
+}
+export interface IContentTabsProps {
+    children: ReactNode;
+    initialActiveTabId: string;
+}

package/build/esm/packages/aurora/src/components/content_tabs/types.js

@@ -0,0 +1,2 @@
+import 'react';
+//# sourceMappingURL=types.js.map

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

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

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/input_wrapper.d.ts

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

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

@@ -1,10 +1,10 @@
 import React from 'react';
 import classnames from 'classnames';
-import { cssControl, cssControlWrapper, cssControlS, cssControlFocus, cssControlDisabled, cssControlReadonly, cssControlError, cssControlInput } from '../css_classes.js';
+import { cssControl, cssControlWrapper, cssControlS, cssControlFocus, cssControlDisabled, cssControlReadonly, cssControlError, cssControlInput, cssControlRemoveButton } from '../css_classes.js';
 import cssClasses from '../../../css/input/main.module.less.js';
 import { useControlContext } from '../context.js';
 
-const InputWrapper = ({ value, size, isFocused, isDisabled, isReadOnly, preElements, postElements, ...props }) => {
+const InputWrapper = ({ value, size, isFocused, isDisabled, isReadOnly, preElements, postElements, placeholder, shouldShowRemoveButton, onRemoveOptions, removeButtonContent, ...props }) => {
     const { errors } = useControlContext();
     const classes = classnames(cssClasses[cssControl], cssClasses[cssControlWrapper], {
         [cssClasses[cssControlS]]: size === 'small',
@@ -13,9 +13,14 @@ const InputWrapper = ({ value, size, isFocused, isDisabled, isReadOnly, preEleme
         [cssClasses[cssControlReadonly]]: isReadOnly,
         [cssClasses[cssControlError]]: errors
     });
+    const handleOnClick = (ev) => {
+        ev.stopPropagation();
+        onRemoveOptions && onRemoveOptions();
+    };
     return (React.createElement("div", { ...props, className: classes },
         preElements,
-        React.createElement("input", { type: "text", className: cssClasses[cssControlInput], value: value, readOnly: true }),
+        React.createElement("input", { type: "text", className: cssClasses[cssControlInput], value: value, placeholder: placeholder, readOnly: true }),
+        shouldShowRemoveButton && (React.createElement("button", { className: cssClasses[cssControlRemoveButton], onClick: handleOnClick }, removeButtonContent)),
         postElements));
 };
 

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

@@ -20,6 +20,7 @@ export declare const cssControlDisabled = "control_disabled";
 export declare const cssControlReadonly = "control_readonly";
 export declare const cssControlError = "control_error";
 export declare const cssControlInput = "control__input";
+export declare const cssControlRemoveButton = "control__remove-button";
 export declare const checkbox = "checkbox";
 export declare const checkboxDisabled: string;
 export declare const checkboxControl: string;
@@ -41,3 +42,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

@@ -20,6 +20,7 @@ const cssControlDisabled = 'control_disabled';
 const cssControlReadonly = 'control_readonly';
 const cssControlError = 'control_error';
 const cssControlInput = 'control__input';
+const cssControlRemoveButton = 'control__remove-button';
 const checkbox = 'checkbox';
 const checkboxDisabled = `${checkbox}_disabled`;
 const checkboxControl = `${checkbox}__control`;
@@ -39,7 +40,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, cssControlRemoveButton, 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;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 }) => {
+const ControlSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true }, placeholder, additionalInfo, onScroll, scrollErrors }) => {
     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 }))),
+                React.createElement(Select, { key: name, name: name, options: options, defaultValues: defaultValues, isWithGroups: isWithGroups, isWithSearch: isWithSearch, defaultIsOpen: defaultIsOpen, defaultCloseOnClick: defaultCloseOnClick, isReadonly: isReadonly, isDisabled: isDisabled, placeholder: placeholder, onChange: onChange, onToggle: onToggle, onScroll: onScroll, scrollErrors: scrollErrors }))),
         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;
@@ -85,6 +85,10 @@ export interface IInputWrapperProps extends HTMLAttributes<HTMLDivElement> {
     isReadOnly?: boolean;
     preElements?: ReactNode;
     postElements?: ReactNode;
+    placeholder?: string;
+    shouldShowRemoveButton?: boolean;
+    removeButtonContent?: JSX.Element;
+    onRemoveOptions?: (...args: any[]) => any;
 }
 export interface IControlLabelProps {
     id?: string;
@@ -179,4 +183,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/common_ranges.js

@@ -1,8 +1,8 @@
 import React, { useContext, useRef } from 'react';
 import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
 import DatepickerContext from '../context/value_controller_context.js';
-import cssClasses from '../../../css/date_picker/main.module.less.js';
 import { cssDatePickerCommonRanges } from '../css_classes.js';
+import cssClasses from '../../../css/date_picker/main.module.less.js';
 import Select from '../../dropdown/hoc/select/index.js';
 import { getRanges } from '../utilities.js';
 

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

@@ -1,8 +1,8 @@
 import React, { useContext } from 'react';
 import DatepickerContext from '../context/value_controller_context.js';
 import MonthYearNavigationContext from '../context/month_year_navigation_context.js';
-import cssClasses from '../../../css/date_picker/main.module.less.js';
 import { cssDatePickerDaysGrid, cssDatePickerDaysGridRow, cssDatePickerDaysGridWeekName } from '../css_classes.js';
+import cssClasses from '../../../css/date_picker/main.module.less.js';
 import SingleDay from './single_day.js';
 import useDateNames from '../hooks/use_date_names.js';
 

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

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

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

@@ -1,9 +1,9 @@
 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';
+import cssClasses from '../../../css/date_picker/main.module.less.js';
 
 const DatepickerLabel = ({ name }) => {
     const { readable, inputValue } = useContext(DatepickerContext);

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

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

package/build/esm/packages/aurora/src/components/date_picker/components/month_year_picker/components/month_view.js

@@ -1,8 +1,8 @@
 import React, { useContext } from 'react';
 import { DropdownContext } from '../../../../dropdown/context/index.js';
 import MonthYearNavigationContext from '../../../context/month_year_navigation_context.js';
-import cssClasses from '../../../../../css/date_picker/main.module.less.js';
 import { cssDatePickerMonthTable, cssDatePickerMonthTableItem, cssDatePickerMonthTableItemSelected } from '../../../css_classes.js';
+import cssClasses from '../../../../../css/date_picker/main.module.less.js';
 import { MONTHS_IN_YEAR } from '../../../constants.js';
 import useDateNames from '../../../hooks/use_date_names.js';
 

package/build/esm/packages/aurora/src/components/date_picker/components/month_year_picker/components/month_year_controller.js

@@ -1,6 +1,6 @@
 import React, { useContext } from 'react';
-import cssClasses from '../../../../../css/date_picker/main.module.less.js';
 import { cssDatePickerController, cssDatePickerControllerArrow, cssDatePickerControllerArrowLeft, cssDatePickerControllerTitle, cssDatePickerControllerArrowRight } from '../../../css_classes.js';
+import cssClasses from '../../../../../css/date_picker/main.module.less.js';
 import { MonthYearPickerContext } from '../context.js';
 
 const MonthYearPickerController = () => {

package/build/esm/packages/aurora/src/components/date_picker/components/month_year_picker/components/years_view.js

@@ -1,7 +1,7 @@
 import React, { useContext } from 'react';
 import MonthYearNavigationContext from '../../../context/month_year_navigation_context.js';
-import cssClasses from '../../../../../css/date_picker/main.module.less.js';
 import { cssDatePickerMonthTable, cssDatePickerMonthTableItem, cssDatePickerMonthTableItemSelected } from '../../../css_classes.js';
+import cssClasses from '../../../../../css/date_picker/main.module.less.js';
 import { YEARS_IN_VIEW } from '../../../constants.js';
 import { MonthYearPickerContext } from '../context.js';
 import { MONTH_VIEW } from '../constants.js';

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import MonthYearNavigationContext from '../context/month_year_navigation_context.js';
-import cssClasses from '../../../css/date_picker/main.module.less.js';
 import { cssDatePickerContainer } from '../css_classes.js';
+import cssClasses from '../../../css/date_picker/main.module.less.js';
 import { MAX_MONTH, MIN_MONTH } from '../constants.js';
 import useAnimation from '../hooks/use_animation.js';
 import DaysGrid from './days_grid.js';

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

@@ -1,8 +1,8 @@
 import React, { useContext, useMemo } from 'react';
 import { classNames } from '../../../utilities/styles/classNames.js';
 import DatepickerContext from '../context/value_controller_context.js';
-import cssClasses from '../../../css/date_picker/main.module.less.js';
 import { cssDatePickerDay, cssDatePickerDayNavigation, cssDatePickerDaySelected, cssDatePickerDayBlocked, cssDatePickerDayProposed, cssDatePickerDayRangeEndLeft, cssDatePickerDayRangeEndLeftProposed, cssDatePickerDayRangeEndRight, cssDatePickerDayRangeEndRightProposed, cssDatePickerDayInRange, cssDatePickerDayText, cssDatePickerDayTextRoundedBorders, cssDatePickerDayTextNavigation, cssDatePickerDayTextToday, cssDatePickerDayTextSelected } from '../css_classes.js';
+import cssClasses from '../../../css/date_picker/main.module.less.js';
 import { DATE_PICKER_TEST_ID } from '../constants.js';
 
 const SingleDay = ({ date, month, year }) => {

package/build/esm/packages/aurora/src/components/date_picker/hoc/range_picker.js

@@ -1,7 +1,7 @@
 import React, { useContext, useState, useEffect } from 'react';
 import DatepickerContext from '../context/value_controller_context.js';
-import cssClasses from '../../../css/date_picker/main.module.less.js';
 import { cssRangePicker, cssRangePickerContainer } from '../css_classes.js';
+import cssClasses from '../../../css/date_picker/main.module.less.js';
 import { useKeyboardNavigation } from '../hooks/use_keyboard_navigation.js';
 import { PureDatepicker } from '../components/pure_date_picker.js';
 import CommonRanges from '../components/common_ranges.js';

package/build/esm/packages/aurora/src/components/date_picker/hoc/single_date_picker.js

@@ -1,7 +1,7 @@
 import React, { useContext, useState } from 'react';
 import DatepickerContext from '../context/value_controller_context.js';
-import cssClasses from '../../../css/date_picker/main.module.less.js';
 import { cssDatePicker } from '../css_classes.js';
+import cssClasses from '../../../css/date_picker/main.module.less.js';
 import { PureDatepicker } from '../components/pure_date_picker.js';
 import Buttons from '../components/buttons.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 cssClasses$1 from '../../../css/icons/main.module.less.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.
@@ -78,7 +78,7 @@ const Content = ({ headerComponent, headerGoBackText, headerGoBackIcon, children
         React.createElement("div", { ref: contentRef, style: styles, className: contentClassName },
             React.createElement("div", { className: cssClasses[cssDropdownHeader] },
                 React.createElement("div", { onClick: () => typeof toggleDropdown === 'function' && toggleDropdown() }, headerComponent !== null && headerComponent !== void 0 ? headerComponent : (React.createElement("div", { className: cssClasses[cssDropdownHeaderContent] },
-                    headerGoBackIcon || React.createElement(IconArrow, { className: iconCssClasses['icon_rotate-180'] }),
+                    headerGoBackIcon || React.createElement(IconArrow, { className: cssClasses$1['icon_rotate-180'] }),
                     React.createElement("span", { className: cssClasses[cssDropdownHeaderTitle] }, headerGoBackText !== null && headerGoBackText !== void 0 ? headerGoBackText : t('Go back')))))),
             children))) : null), (portalContainer === null || portalContainer === void 0 ? void 0 : portalContainer.current) || document.body);
 };

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { IDropdownListProps } from '../types';
+import React from 'react';
 /**
  * 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 }) => {
+children, onScroll }) => {
     const listClasses = classnames(cssClasses[cssDropdownList], cssClasses[cssDropdownWithScroll], {
         [cssClasses[cssDropdownListWithGroup]]: isWithGroups
     });
-    return (React.createElement("ul", { role: "listbox", className: listClasses }, children));
+    return (React.createElement("ul", { role: "listbox", className: listClasses, onScroll: onScroll }, children));
 };
 
 export default List;