@dreamcommerce/aurora 2.1.9 → 2.1.10-2

package/build/esm/packages/aurora/src/assets/types.d.ts

@@ -1,8 +1,12 @@
 import React, { ReactNode } from 'react';
+import { Any } from 'ts-toolbelt';
+import { ICON_SIZES } from './icon_constants';
 export declare type TIcon = {
     children: ReactNode;
 };
+export declare type TIconSize = Any.Keys<typeof ICON_SIZES>;
 export interface IIconProps extends Partial<SVGElement> {
     className?: string;
     onClick?: (event: React.MouseEvent<SVGSVGElement, MouseEvent>) => void;
+    size?: TIconSize;
 }

package/build/esm/packages/aurora/src/assets/types.js

@@ -1,2 +1,4 @@
 import 'react';
+import 'ts-toolbelt';
+import './icon_constants';
 //# sourceMappingURL=types.js.map

package/build/esm/packages/aurora/src/assets/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/assets/types.ts"],"names":[],"mappings":"AAAA,OAAiC,OAAO,CAAC"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/assets/types.ts"],"names":[],"mappings":"AAAA,OAAiC,OAAO,CAAC;AAEzC,OAAoB,aAAa,CAAC;AAClC,OAA2B,kBAAkB,CAAC"}

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

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

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

@@ -0,0 +1,15 @@
+import React, { useContext, useEffect } 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 ContentTabs = ({ initialActiveTabId, children }) => {
+    const { setActiveId } = useContext(ContentTabsContext);
+    useEffect(() => {
+        setActiveId(initialActiveTabId);
+    }, [setActiveId, initialActiveTabId]);
+    return React.createElement("div", { className: cssClasses[CSS_CLASSES.contentTabs] }, children);
+};
+
+export default ContentTabs;
+//# sourceMappingURL=content_tabs.js.map

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

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

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

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

@@ -0,0 +1,14 @@
+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 ContentTabsItem = ({ id, children }) => {
+    const { activeId, setActiveId } = useContext(ContentTabsContext);
+    const activeItem = activeId === id;
+    return (React.createElement("button", { className: `${cssClasses[CSS_CLASSES.contentTabsItem]} ${activeItem ? cssClasses[CSS_CLASSES.contentTabsItemActive] : ''}`, role: "tab", tabIndex: activeItem ? 1 : -1, "aria-selected": activeItem, "aria-controls": id, onClick: () => setActiveId(id) }, children));
+};
+
+export default ContentTabsItem;
+export { ContentTabsItem };
+//# sourceMappingURL=content_tabs_item.js.map

package/build/esm/packages/aurora/src/components/content_tabs/components/content_tabs_item.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/components/content_tabs_item_list.d.ts

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

package/build/esm/packages/aurora/src/components/content_tabs/components/content_tabs_item_list.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 ContentTabsItemList = ({ children }) => {
+    return (React.createElement("div", { role: "tablist", className: cssClasses[CSS_CLASSES.contentTabsItemList] }, children));
+};
+
+export default ContentTabsItemList;
+export { ContentTabsItemList };
+//# sourceMappingURL=content_tabs_item_list.js.map

package/build/esm/packages/aurora/src/components/content_tabs/components/content_tabs_item_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;"}

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

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

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/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/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;

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`;
@@ -42,5 +43,5 @@ const cellSelectorCellActive = `${cellSelectorCell}_active`;
 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, cssHelperError, 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;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_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, innerAdditionalInfo }) => {
     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, innerAdditionalInfo: innerAdditionalInfo }))),
         React.createElement(Control.Errors, null),
         additionalInfo && React.createElement(Control.AdditionalInfo, null, additionalInfo)));
 };

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

@@ -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;

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

@@ -2,8 +2,8 @@ import React, { useContext } from 'react';
 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 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 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/dropdown/components/additional_info.d.ts

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

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

@@ -0,0 +1,8 @@
+import React from 'react';
+
+const AdditionalInfo = ({ className, children }) => {
+    return React.createElement("div", { className: className }, children);
+};
+
+export default AdditionalInfo;
+//# sourceMappingURL=additional_info.js.map

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

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

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

@@ -6,7 +6,7 @@ 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 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';
@@ -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;

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

@@ -3,6 +3,7 @@ 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 IconClose from '../../../assets/icon_close.js';
 
 /**
  * Dropdown.Select component. Displays select like control. Use it only if you have selectable values.
@@ -26,7 +27,7 @@ isReadonly = false,
 /**
  * array of selected options
  */
-selectedOptions }) => {
+selectedOptions, placeholder, onRemoveOptions }) => {
     const ref = useRef(null);
     /**
      * get values from dropdown context
@@ -43,7 +44,7 @@ selectedOptions }) => {
     const $hiddenInputs = notDisabled.map((option) => (React.createElement("input", { key: option.value, type: "hidden", name: name, value: option.value, disabled: isDisabled, readOnly: isReadonly })));
     useKeyboardOpenClose(toggleDropdown, isOpen, ref);
     return (React.createElement("div", { className: cssClasses['select'], "aria-expanded": isOpen, "aria-haspopup": "listbox", ref: ref },
-        React.createElement(InputWrapper, { value: value, isFocused: Boolean(isOpen), isDisabled: isDisabled, isReadOnly: isReadonly, onClick: toggleDropdown }),
+        React.createElement(InputWrapper, { value: value, isFocused: Boolean(isOpen), isDisabled: isDisabled, isReadOnly: isReadonly, onClick: toggleDropdown, placeholder: placeholder, onRemoveOptions: onRemoveOptions, shouldShowRemoveButton: !!selectedOptions.length, removeButtonContent: React.createElement(IconClose, { size: "s" }) }),
         $hiddenInputs));
 };
 

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

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

@@ -9,6 +9,9 @@ export declare const cssDropdownHeaderContent: string;
 export declare const cssDropdownItemWithHover: string;
 export declare const cssDropdownInput: string;
 export declare const cssDropdownList: string;
+export declare const cssDropdownError: string;
+export declare const cssDropdownErrorIcon: string;
+export declare const cssDropdownAdditionalInfo: string;
 export declare const cssDropdownSearch: string;
 export declare const cssDropdownWithScroll: string;
 export declare const cssDropdownListWithGroup: string;