@dreamcommerce/aurora 0.3.18 → 0.3.21

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

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { ISelectOption } from '../types';
+/**
+ * Hook used to allow use single selectable value, returns array of selected values and method to set value as selected
+ * You can use is for select or any other form of control which needs single selectable value
+ * @param {React.RefObject<HTMLElement>} wrapperRef
+ * @param {Array<ISelectOption>} options
+ * @param {Array<string>} defaultValues
+ * @param {Function} onChangeCb
+ *
+ * @fires dropdown:change
+ *
+ * @returns {Array} Tuple - selected values and state setter for them
+ */
+export declare function useValue(wrapperRef: React.RefObject<HTMLElement>, options: Array<ISelectOption>, defaultValues?: Array<string>, onChangeCb?: (selectedOption: ISelectOption) => void): [ISelectOption[], (selectedOption: ISelectOption) => void];
+/**
+ * dropdown:change event
+ *
+ * @event dropdown:change
+ * @type {object}
+ * @property {ISelectOption} selectedOption selected option
+ */

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

@@ -0,0 +1,43 @@
+import { useState, useCallback, useEffect } from 'react';
+import '../types';
+/**
+ * Hook used to allow use single selectable value, returns array of selected values and method to set value as selected
+ * You can use is for select or any other form of control which needs single selectable value
+ * @param {React.RefObject<HTMLElement>} wrapperRef
+ * @param {Array<ISelectOption>} options
+ * @param {Array<string>} defaultValues
+ * @param {Function} onChangeCb
+ *
+ * @fires dropdown:change
+ *
+ * @returns {Array} Tuple - selected values and state setter for them
+ */
+export function useValue(wrapperRef, options, defaultValues, onChangeCb) {
+    var _a = useState([]), selectedValues = _a[0], setSelectedValue = _a[1];
+    var setSelectedValues = useCallback(function (selectedOption) {
+        var _a;
+        setSelectedValue(function () { return [selectedOption]; });
+        if (typeof onChangeCb === 'function') {
+            onChangeCb(selectedOption);
+            var event_1 = new CustomEvent('dropdown:change', {
+                detail: {
+                    selectedOption: selectedOption
+                }
+            });
+            (_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.dispatchEvent(event_1);
+        }
+    }, [onChangeCb, wrapperRef]);
+    useEffect(function () {
+        var defaultSelectedOptions = options === null || options === void 0 ? void 0 : options.filter(function (option) { return defaultValues && defaultValues.indexOf(option.value) >= 0; });
+        setSelectedValue(defaultSelectedOptions);
+    }, [defaultValues, options]);
+    return [selectedValues, setSelectedValues];
+}
+/**
+ * dropdown:change event
+ *
+ * @event dropdown:change
+ * @type {object}
+ * @property {ISelectOption} selectedOption selected option
+ */
+//# sourceMappingURL=use_value.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use_value.js","sourceRoot":"","sources":["../../../../../../../../src/components/dropdown/hooks/use_value.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzD,OAA8B,UAAU,CAAC;AAEzC;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,QAAQ,CACpB,UAAwC,EACxC,OAA6B,EAC7B,aAA6B,EAC7B,UAAoD;IAE9C,IAAA,KAAqC,QAAQ,CAAC,EAAqB,CAAC,EAAnE,cAAc,QAAA,EAAE,gBAAgB,QAAmC,CAAC;IAE3E,IAAM,iBAAiB,GAAG,WAAW,CACjC,UAAC,cAA6B;;QAC1B,gBAAgB,CAAC,cAAM,OAAA,CAAC,cAAc,CAAC,EAAhB,CAAgB,CAAC,CAAC;QAEzC,IAAI,OAAO,UAAU,KAAK,UAAU,EAAE;YAClC,UAAU,CAAC,cAAc,CAAC,CAAC;YAC3B,IAAM,OAAK,GAAG,IAAI,WAAW,CAAC,iBAAiB,EAAE;gBAC7C,MAAM,EAAE;oBACJ,cAAc,gBAAA;iBACjB;aACJ,CAAC,CAAC;YACH,MAAA,UAAU,CAAC,OAAO,0CAAE,aAAa,CAAC,OAAK,CAAC,CAAC;SAC5C;IACL,CAAC,EACD,CAAC,UAAU,EAAE,UAAU,CAAC,CAC3B,CAAC;IAEF,SAAS,CAAC;QACN,IAAM,sBAAsB,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAC,UAAC,MAAM,IAAK,OAAA,aAAa,IAAI,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,EAAzD,CAAyD,CAAC,CAAC;QAEtH,gBAAgB,CAAC,sBAAsB,CAAC,CAAC;IAC7C,CAAC,EAAE,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC,CAAC;IAE7B,OAAO,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;AAC/C,CAAC;AAED;;;;;;GAMG"}

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

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import { ISelectOption } from '../types';
+/**
+ * Hook used to allow use multiple selectable values, returns array of selected values and method to set value as
+ * selected/unselected You can use is for multiselect or any other form of control which needs multiple selectable
+ * values
+ * @param {React.RefObject<HTMLElement>} wrapperRef
+ * @param {Array<ISelectOption>} options
+ * @param {Array<string>} defaultValues
+ * @param {Function} onChangeCb
+ *
+ * @fires dropdown:change
+ *
+ * @returns {Array} Tuple - selected values and state setter for them
+ */
+export declare function useValues(wrapperRef: React.RefObject<HTMLElement>, options: Array<ISelectOption>, defaultValues: Array<string>, onChangeCb?: (selectedOption: ISelectOption, isChecked: boolean, selectedOptions: Array<ISelectOption>) => void): [ISelectOption[], (selectedOption: ISelectOption) => void];
+/**
+ * dropdown:change event
+ *
+ * @event dropdown:change
+ * @type {object}
+ * @property {ISelectOption} selectedOption selected option
+ * @property {boolean} isChecked indicates whether the current option is selected
+ * @property {Array<ISelectOption>} allSelectedOptions array of all selected options
+ */

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

@@ -0,0 +1,63 @@
+import { __spreadArray } from "tslib";
+import { useState, useCallback } from 'react';
+import '../types';
+/**
+ * Hook used to allow use multiple selectable values, returns array of selected values and method to set value as
+ * selected/unselected You can use is for multiselect or any other form of control which needs multiple selectable
+ * values
+ * @param {React.RefObject<HTMLElement>} wrapperRef
+ * @param {Array<ISelectOption>} options
+ * @param {Array<string>} defaultValues
+ * @param {Function} onChangeCb
+ *
+ * @fires dropdown:change
+ *
+ * @returns {Array} Tuple - selected values and state setter for them
+ */
+export function useValues(wrapperRef, options, defaultValues, onChangeCb) {
+    var defaultSelectedOptions = options === null || options === void 0 ? void 0 : options.filter(function (option) { return defaultValues && (defaultValues === null || defaultValues === void 0 ? void 0 : defaultValues.indexOf(option.value)) >= 0; });
+    var _a = useState(defaultSelectedOptions), selectedValues = _a[0], setSelectedValue = _a[1];
+    /**
+     * updates the state of selected options, emits custom event(dropdown:change) on dropdown reference(wrapperRef) for
+     * not only react projects
+     * @param {ISelectOption} selectedOption choosen option
+     */
+    var setSelectedValues = useCallback(function (selectedOption) {
+        setSelectedValue(function (previousSelectedOptions) {
+            var _a;
+            var allSelectedOptions;
+            var isChecked;
+            if (previousSelectedOptions && (previousSelectedOptions === null || previousSelectedOptions === void 0 ? void 0 : previousSelectedOptions.indexOf(selectedOption)) >= 0) {
+                allSelectedOptions = previousSelectedOptions.filter(function (option) { return option.value !== selectedOption.value; });
+                isChecked = false;
+            }
+            else {
+                allSelectedOptions = __spreadArray(__spreadArray([], previousSelectedOptions, true), [selectedOption], false);
+                isChecked = true;
+            }
+            if (typeof onChangeCb === 'function') {
+                onChangeCb(selectedOption, isChecked, allSelectedOptions);
+                var event_1 = new CustomEvent('dropdown:change', {
+                    detail: {
+                        selectedOption: selectedOption,
+                        isChecked: isChecked,
+                        allSelectedOptions: allSelectedOptions
+                    }
+                });
+                (_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.dispatchEvent(event_1);
+            }
+            return allSelectedOptions;
+        });
+    }, [onChangeCb, wrapperRef]);
+    return [selectedValues, setSelectedValues];
+}
+/**
+ * dropdown:change event
+ *
+ * @event dropdown:change
+ * @type {object}
+ * @property {ISelectOption} selectedOption selected option
+ * @property {boolean} isChecked indicates whether the current option is selected
+ * @property {Array<ISelectOption>} allSelectedOptions array of all selected options
+ */
+//# sourceMappingURL=use_values.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use_values.js","sourceRoot":"","sources":["../../../../../../../../src/components/dropdown/hooks/use_values.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC9C,OAA8B,UAAU,CAAC;AAEzC;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,SAAS,CACrB,UAAwC,EACxC,OAA6B,EAC7B,aAA4B,EAC5B,UAA+G;IAE/G,IAAM,sBAAsB,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAC,UAAC,MAAM,IAAK,OAAA,aAAa,IAAI,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,KAAI,CAAC,EAA1D,CAA0D,CAAC,CAAC;IACjH,IAAA,KAAqC,QAAQ,CAAC,sBAAsB,CAAC,EAApE,cAAc,QAAA,EAAE,gBAAgB,QAAoC,CAAC;IAE5E;;;;OAIG;IACH,IAAM,iBAAiB,GAAG,WAAW,CACjC,UAAC,cAA6B;QAC1B,gBAAgB,CAAC,UAAC,uBAAuB;;YACrC,IAAI,kBAAwC,CAAC;YAC7C,IAAI,SAAkB,CAAC;YAEvB,IAAI,uBAAuB,IAAI,CAAA,uBAAuB,aAAvB,uBAAuB,uBAAvB,uBAAuB,CAAE,OAAO,CAAC,cAAc,CAAC,KAAI,CAAC,EAAE;gBAClF,kBAAkB,GAAG,uBAAuB,CAAC,MAAM,CAAC,UAAC,MAAM,IAAK,OAAA,MAAM,CAAC,KAAK,KAAK,cAAc,CAAC,KAAK,EAArC,CAAqC,CAAC,CAAC;gBACvG,SAAS,GAAG,KAAK,CAAC;aACrB;iBAAM;gBACH,kBAAkB,mCAAO,uBAAwB,UAAE,cAAc,SAAC,CAAC;gBACnE,SAAS,GAAG,IAAI,CAAC;aACpB;YAED,IAAI,OAAO,UAAU,KAAK,UAAU,EAAE;gBAClC,UAAU,CAAC,cAAc,EAAE,SAAS,EAAE,kBAAkB,CAAC,CAAC;gBAC1D,IAAM,OAAK,GAAG,IAAI,WAAW,CAAC,iBAAiB,EAAE;oBAC7C,MAAM,EAAE;wBACJ,cAAc,gBAAA;wBACd,SAAS,WAAA;wBACT,kBAAkB,oBAAA;qBACrB;iBACJ,CAAC,CAAC;gBACH,MAAA,UAAU,CAAC,OAAO,0CAAE,aAAa,CAAC,OAAK,CAAC,CAAC;aAC5C;YAED,OAAO,kBAAkB,CAAC;QAC9B,CAAC,CAAC,CAAC;IACP,CAAC,EACD,CAAC,UAAU,EAAE,UAAU,CAAC,CAC3B,CAAC;IAEF,OAAO,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;AAC/C,CAAC;AAED;;;;;;;;GAQG"}

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

@@ -0,0 +1,23 @@
+import { IDropdownComposition, IDropdownProps } from './types';
+import React from 'react';
+/**
+ * Dropdown composition component. Provides several Dropdown dependant components which can be composed to create
+ * selects, multiselects or dropdowns.
+ *
+ * @component
+ * @example
+ * return (
+ *  <Dropdown>
+ *      <Dropdown.Label label="Wybierz link" />
+ *      <Dropdown.Content>
+ *          <Dropdown.List>
+ *              <Dropdown.Link text="shoper.pl" href="https://shoper.pl" />
+ *              <Dropdown.Link text="forum.shoper.pl" href="https://forum.shoper.pl" />
+ *              <Dropdown.Link text="shoper.pl/help" href="https://shoper.pl/help" />
+ *          </Dropdown.List>
+ *      </Dropdown.Content>
+ *  <Dropdown>
+ * )
+ */
+declare const Dropdown: React.FC<IDropdownProps> & IDropdownComposition;
+export default Dropdown;

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

@@ -0,0 +1,61 @@
+import './types';
+import React, { useRef } from 'react';
+import Content from './components/content';
+import CustomLabel from './components/custom_label';
+import { DropdownContext } from './context';
+import Header from './components/header';
+import Item from './components/item';
+import ItemWithHover from './components/item_with_hover';
+import Label from './components/label';
+import Link from './components/link';
+import List from './components/list';
+import Option from './components/option';
+import OptionMultiple from './components/option_multiple';
+import Search from './components/search';
+import Select from './components/select';
+import cssClasses from '@auroraCss/dropdown/main.module.less';
+import { useToggle } from './hooks';
+/**
+ * Dropdown composition component. Provides several Dropdown dependant components which can be composed to create
+ * selects, multiselects or dropdowns.
+ *
+ * @component
+ * @example
+ * return (
+ *  <Dropdown>
+ *      <Dropdown.Label label="Wybierz link" />
+ *      <Dropdown.Content>
+ *          <Dropdown.List>
+ *              <Dropdown.Link text="shoper.pl" href="https://shoper.pl" />
+ *              <Dropdown.Link text="forum.shoper.pl" href="https://forum.shoper.pl" />
+ *              <Dropdown.Link text="shoper.pl/help" href="https://shoper.pl/help" />
+ *          </Dropdown.List>
+ *      </Dropdown.Content>
+ *  <Dropdown>
+ * )
+ */
+var Dropdown = function (_a) {
+    var _b = _a.defaultIsOpen, defaultIsOpen = _b === void 0 ? false : _b, onToggle = _a.onToggle, children = _a.children;
+    var wrapperRef = useRef(null);
+    var _c = useToggle(defaultIsOpen, onToggle), isOpen = _c[0], toggleDropdown = _c[1];
+    /**
+     * context values, they may be used with useContext in any component which is part of Dropdown composition
+     */
+    var value = React.useMemo(function () { return ({ wrapperRef: wrapperRef, isOpen: isOpen, toggleDropdown: toggleDropdown }); }, [isOpen, toggleDropdown]);
+    return (React.createElement(DropdownContext.Provider, { value: value },
+        React.createElement("div", { ref: wrapperRef, className: cssClasses.dropdown }, children)));
+};
+Dropdown.Select = Select;
+Dropdown.Content = Content;
+Dropdown.ItemWithHover = ItemWithHover;
+Dropdown.Search = Search;
+Dropdown.List = List;
+Dropdown.Header = Header;
+Dropdown.Option = Option;
+Dropdown.OptionMultiple = OptionMultiple;
+Dropdown.Link = Link;
+Dropdown.Label = Label;
+Dropdown.CustomLabel = CustomLabel;
+Dropdown.Item = Item;
+export default Dropdown;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/dropdown/index.tsx"],"names":[],"mappings":"AAAA,OAAqD,SAAS,CAAC;AAC/D,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,OAAO,MAAM,sBAAsB,CAAC;AAC3C,OAAO,WAAW,MAAM,2BAA2B,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,IAAI,MAAM,mBAAmB,CAAC;AACrC,OAAO,aAAa,MAAM,8BAA8B,CAAC;AACzD,OAAO,KAAK,MAAM,oBAAoB,CAAC;AACvC,OAAO,IAAI,MAAM,mBAAmB,CAAC;AACrC,OAAO,IAAI,MAAM,mBAAmB,CAAC;AACrC,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAC1D,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,UAAU,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC;;;;;;;;;;;;;;;;;;GAkBG;AACH,IAAM,QAAQ,GAAoD,UAAC,EAA6C;QAA3C,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAAA;IAC1G,IAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC1C,IAAA,KAA2B,SAAS,CAAC,aAAa,EAAE,QAAQ,CAAC,EAA5D,MAAM,QAAA,EAAE,cAAc,QAAsC,CAAC;IAEpE;;OAEG;IACH,IAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,cAAM,OAAA,CAAC,EAAE,UAAU,YAAA,EAAE,MAAM,QAAA,EAAE,cAAc,gBAAA,EAAE,CAAC,EAAxC,CAAwC,EAAE,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC;IAEtG,OAAO,CACH,oBAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK;QAClC,6BAAK,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,CAAC,QAAQ,IAC/C,QAAQ,CACP,CACiB,CAC9B,CAAC;AACN,CAAC,CAAC;AAEF,QAAQ,CAAC,MAAM,GAAG,MAAM,CAAC;AACzB,QAAQ,CAAC,OAAO,GAAG,OAAO,CAAC;AAC3B,QAAQ,CAAC,aAAa,GAAG,aAAa,CAAC;AACvC,QAAQ,CAAC,MAAM,GAAG,MAAM,CAAC;AACzB,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC;AACrB,QAAQ,CAAC,MAAM,GAAG,MAAM,CAAC;AACzB,QAAQ,CAAC,MAAM,GAAG,MAAM,CAAC;AACzB,QAAQ,CAAC,cAAc,GAAG,cAAc,CAAC;AACzC,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC;AACrB,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAC;AACvB,QAAQ,CAAC,WAAW,GAAG,WAAW,CAAC;AACnC,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC;AAErB,eAAe,QAAQ,CAAC"}

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

@@ -0,0 +1,109 @@
+import { ReactNode, RefObject } from 'react';
+export interface IDropdownProps {
+    isWithGroups?: boolean;
+    defaultIsOpen?: boolean;
+    defaultCloseOnClick?: boolean;
+    portalContainer?: RefObject<HTMLElement>;
+    children?: ReactNode;
+    onToggle?: (isOpen: boolean) => void;
+}
+export interface IDropdownComposition {
+    Select: React.FC<IDropdownSelectProps>;
+    Label: React.FC<IDropdownLabelProps>;
+    CustomLabel: React.FC<IDropdownCustomLabelProps>;
+    Content: React.FC<IDropdownContentProps>;
+    ItemWithHover: React.FC<IDropdownItemWithHover>;
+    Search: React.FC<IDropdownSearchProps>;
+    Header: React.FC<IDropdownHeaderProps>;
+    List: React.FC<IDropdownListProps>;
+    Item: React.FC<IDropdownItemProps>;
+    Option: React.FC<IDropdownOptionProps>;
+    OptionMultiple: React.FC<IDropdownOptionMultipleProps>;
+    Link: React.FC<IDropdownLinkProps>;
+}
+export interface IDropdownSelectProps {
+    name: string | undefined;
+    selectedOptions: Array<ISelectOption>;
+    isDisabled?: boolean;
+    isReadonly?: boolean;
+}
+export interface IDropdownLabelProps {
+    label: string;
+    cssClass?: string;
+}
+export interface IDropdownCustomLabelProps {
+}
+export interface IDropdownContentProps {
+    search?: ReactNode;
+    children?: ReactNode;
+    headerComponent?: string | ReactNode;
+    headerGoBackText?: string;
+    headerGoBackIcon?: JSX.Element;
+    portalContainer?: RefObject<HTMLElement>;
+    arrowSide?: 'left' | 'right';
+}
+export interface IDropdownItemWithHover {
+    children?: ReactNode;
+    cssClass?: string;
+    onClick?: (obj: {
+        ev: React.MouseEvent;
+        toggleDropdown: undefined | (() => void);
+    }) => void;
+}
+export interface IDropdownSearchProps {
+    onKeyUp: (ev: React.KeyboardEvent<Element>) => void;
+}
+export interface IDropdownListProps {
+    isWithGroups?: boolean;
+    children?: ReactNode;
+}
+export interface IDropdownOptionProps {
+    option: ISelectOption;
+    isSelected: boolean;
+    isDisabled?: boolean;
+    isReadonly?: boolean;
+    onClick: (option: ISelectOption) => void;
+}
+export interface IDropdownOptionMultipleProps extends IDropdownOptionProps {
+}
+export interface IDropdownHeaderProps {
+    text: string;
+}
+export interface IDropdownItemProps {
+    children: ReactNode;
+    isSelected?: boolean;
+    onClick?: (obj: {
+        ev: React.MouseEvent;
+        toggleDropdown: undefined | (() => void);
+    }) => void;
+}
+export interface IDropdownLinkProps {
+    text: string;
+    href: string;
+    target?: string;
+    rel?: string;
+}
+export interface ISelectProps extends IDropdownProps {
+    name?: string;
+    options: Array<ISelectOption>;
+    defaultValues?: Array<string>;
+    isReadonly?: boolean;
+    isDisabled?: boolean;
+    isWithSearch?: boolean;
+    onChange?: (selectedOption: ISelectOption) => void;
+}
+export interface ISelectOption {
+    text: string;
+    value: string;
+    isHeader?: boolean;
+    isDisabled?: boolean;
+    isReadonly?: boolean;
+}
+export interface IMultiSelectProps extends Omit<ISelectProps, 'onChange'> {
+    onChange?: (selectedOption: ISelectOption, isChecked: boolean, allSelectedOptions: Array<ISelectOption>) => void;
+}
+export interface ISelectOptionAttributes {
+    isSelected: boolean;
+    isDisabled?: boolean;
+    isReadonly?: boolean;
+}

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

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

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

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

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

@@ -0,0 +1,32 @@
+import { RefObject } from 'react';
+import { ISelectOption } from './types';
+/**
+ * checks if the given option is selected within array of selectedValues array
+ * @param {ISelectOption} option select/multiselect option
+ * @param {Array<ISelectOption>} selectedValues array of selected values
+ * @returns {Boolean}
+ */
+export declare const isSelected: (option: ISelectOption, selectedValues: Array<ISelectOption>) => boolean;
+/**
+ * Called on Dropdown.Option(Dropdown.MultiOption) click. Marks given option as selected, option value is added do
+ * selectedValues array, closes dropdown if defaultCloseOnClick is true
+ * @param {ISelectOption} option - option that was clicked
+ * @param {boolean} defaultCloseOnClick - determines if dropdown should hide after choosing option
+ * @param {Function} setSelectedValues - selected values state setter
+ * @param {Function} toggleDropdown - method which toggles dropdown
+ */
+export declare const handleItemClick: (option: ISelectOption, defaultCloseOnClick: boolean, setSelectedValues: (selectedOption: any) => void, toggleDropdown: () => void) => void;
+/**
+ * function called on keypress on Dropdown.Search control_input, filters dropdown options and sets new list with
+ * filtered results
+ * @param {React.KeyboardEvent} ev react keyboard event
+ * @param {Array<ISelectOption>} options list of dropdown options to filter
+ * @param {Function} setOptionsList method to set new state of options list
+ * @returns {void} nothing
+ */
+export declare const handleSearchKeyUp: (ev: React.KeyboardEvent, options: Array<ISelectOption>, setOptionsList: (value: React.SetStateAction<ISelectOption[]>) => void) => void;
+export declare const getXYModifiersForNestedDropdowns: (portalContainer: HTMLElement | null | undefined) => {
+    xModifier: number;
+    yModifier: number;
+};
+export declare const isChildOfModal: (ref: RefObject<HTMLElement>) => boolean;

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

@@ -0,0 +1,69 @@
+import 'react';
+import { fuzzySearch } from '@auroraUtilities/fuzzy_search/fuzzy_search';
+import './types';
+import { cssDropdownContent } from './css_classes';
+import cssClasses from '@auroraCss/dropdown/main.module.less';
+import modalCssClasses from '@auroraCss/modal/main.module.less';
+/**
+ * checks if the given option is selected within array of selectedValues array
+ * @param {ISelectOption} option select/multiselect option
+ * @param {Array<ISelectOption>} selectedValues array of selected values
+ * @returns {Boolean}
+ */
+export var isSelected = function (option, selectedValues) { return selectedValues.indexOf(option) >= 0; };
+/**
+ * Called on Dropdown.Option(Dropdown.MultiOption) click. Marks given option as selected, option value is added do
+ * selectedValues array, closes dropdown if defaultCloseOnClick is true
+ * @param {ISelectOption} option - option that was clicked
+ * @param {boolean} defaultCloseOnClick - determines if dropdown should hide after choosing option
+ * @param {Function} setSelectedValues - selected values state setter
+ * @param {Function} toggleDropdown - method which toggles dropdown
+ */
+export var handleItemClick = function (option, defaultCloseOnClick, setSelectedValues, toggleDropdown) {
+    setSelectedValues(option);
+    if (defaultCloseOnClick === true) {
+        toggleDropdown();
+    }
+};
+/**
+ * function called on keypress on Dropdown.Search control_input, filters dropdown options and sets new list with
+ * filtered results
+ * @param {React.KeyboardEvent} ev react keyboard event
+ * @param {Array<ISelectOption>} options list of dropdown options to filter
+ * @param {Function} setOptionsList method to set new state of options list
+ * @returns {void} nothing
+ */
+export var handleSearchKeyUp = function (ev, options, setOptionsList) {
+    var $input = ev.target;
+    var searchQuery = $input.value;
+    var filteredOptions = fuzzySearch(searchQuery, options, 'text');
+    setOptionsList(function () { return filteredOptions; });
+};
+export var getXYModifiersForNestedDropdowns = function (portalContainer) {
+    var xModifier = 0;
+    var yModifier = 0;
+    if (portalContainer) {
+        var $parentDropdownContent = portalContainer.closest(".".concat(cssClasses[cssDropdownContent]));
+        if ($parentDropdownContent) {
+            var _a = $parentDropdownContent.getBoundingClientRect(), portalX = _a.x, portalY = _a.y;
+            xModifier = portalX;
+            yModifier = portalY;
+        }
+    }
+    return {
+        xModifier: xModifier,
+        yModifier: yModifier
+    };
+};
+export var isChildOfModal = function (ref) {
+    var _a;
+    var currentParent = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.parentElement;
+    while (currentParent) {
+        if (currentParent.classList.contains(modalCssClasses['modal-window'])) {
+            return true;
+        }
+        currentParent = currentParent === null || currentParent === void 0 ? void 0 : currentParent.parentElement;
+    }
+    return false;
+};
+//# sourceMappingURL=utilities.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utilities.js","sourceRoot":"","sources":["../../../../../../../src/components/dropdown/utilities.ts"],"names":[],"mappings":"AAAA,OAA0B,OAAO,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,4CAA4C,CAAC;AACzE,OAA8B,SAAS,CAAC;AACxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,UAAU,MAAM,sCAAsC,CAAC;AAC9D,OAAO,eAAe,MAAM,mCAAmC,CAAC;AAEhE;;;;;GAKG;AACH,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,MAAqB,EAAE,cAAoC,IAAc,OAAA,cAAc,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,EAAnC,CAAmC,CAAC;AAExI;;;;;;;GAOG;AACH,MAAM,CAAC,IAAM,eAAe,GAAG,UAC3B,MAAqB,EACrB,mBAA4B,EAC5B,iBAAgD,EAChD,cAA0B;IAE1B,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAE1B,IAAI,mBAAmB,KAAK,IAAI,EAAE;QAC9B,cAAc,EAAE,CAAC;KACpB;AACL,CAAC,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAC7B,EAAuB,EACvB,OAA6B,EAC7B,cAAsE;IAEtE,IAAM,MAAM,GAAqB,EAAE,CAAC,MAA0B,CAAC;IAC/D,IAAM,WAAW,GAAW,MAAM,CAAC,KAAK,CAAC;IAEzC,IAAM,eAAe,GAAG,WAAW,CAAC,WAAW,EAAE,OAAO,EAAE,MAAM,CAAyB,CAAC;IAC1F,cAAc,CAAC,cAAM,OAAA,eAAe,EAAf,CAAe,CAAC,CAAC;AAC1C,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,gCAAgC,GAAG,UAAC,eAA+C;IAC5F,IAAI,SAAS,GAAG,CAAC,CAAC;IAClB,IAAI,SAAS,GAAG,CAAC,CAAC;IAElB,IAAI,eAAe,EAAE;QACjB,IAAM,sBAAsB,GAAG,eAAe,CAAC,OAAO,CAAC,WAAI,UAAU,CAAC,kBAAkB,CAAC,CAAE,CAAC,CAAC;QAE7F,IAAI,sBAAsB,EAAE;YAClB,IAAA,KAA6B,sBAAsB,CAAC,qBAAqB,EAAE,EAAtE,OAAO,OAAA,EAAK,OAAO,OAAmD,CAAC;YAElF,SAAS,GAAG,OAAO,CAAC;YACpB,SAAS,GAAG,OAAO,CAAC;SACvB;KACJ;IAED,OAAO;QACH,SAAS,WAAA;QACT,SAAS,WAAA;KACZ,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,GAA2B;;IACtD,IAAI,aAAa,GAAG,MAAA,GAAG,CAAC,OAAO,0CAAE,aAAa,CAAC;IAE/C,OAAO,aAAa,EAAE;QAClB,IAAI,aAAa,CAAC,SAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC,EAAE;YACnE,OAAO,IAAI,CAAC;SACf;QACD,aAAa,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,aAAa,CAAC;KAChD;IAED,OAAO,KAAK,CAAC;AACjB,CAAC,CAAC"}

package/build/esm/packages/aurora/src/components/file_picker/components/file_input.d.ts

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

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

@@ -0,0 +1,48 @@
+import CSS_CLASSES from '@auroraComponents/file_picker/css_classes';
+import '../types';
+import IconUpload from '@auroraAssets/icon_upload';
+import React from 'react';
+import { createUseStyles } from 'react-jss';
+import styles from '@auroraCss/file_picker/main.module.less';
+import { useTranslation } from 'react-i18next';
+import withTranslation from '@auroraUtilities/translation/with_translation';
+var useStyles = createUseStyles({
+    filePicker: {
+        borderColor: function (_a) {
+            var isDragOver = _a.isDragOver;
+            return (isDragOver ? '#ffffff' : '#6fb9f7');
+        },
+        backgroundColor: function (_a) {
+            var isDragOver = _a.isDragOver;
+            return (isDragOver ? '#6fb9f7' : '#ffffff');
+        },
+        '& *': {
+            color: function (_a) {
+                var isDragOver = _a.isDragOver;
+                return (isDragOver ? '#ffffff' : '#6fb9f7');
+            },
+            // @ts-ignore
+            fill: function (_a) {
+                var isDragOver = _a.isDragOver;
+                return (isDragOver ? '#ffffff' : '#6fb9f7');
+            }
+        }
+    }
+});
+var FileInput = function (_a) {
+    var id = _a.id, onDropFile = _a.onDropFile, onDragOver = _a.onDragOver, onDragLeave = _a.onDragLeave, allowedExtensions = _a.allowedExtensions, isDragOver = _a.isDragOver;
+    var t = useTranslation()[0];
+    var classes = useStyles({ isDragOver: isDragOver });
+    return (React.createElement("label", { htmlFor: id, onDrop: onDropFile, onDragOver: onDragOver, onDragLeave: onDragLeave },
+        React.createElement("div", { className: "".concat(styles[CSS_CLASSES.filePicker], " ").concat(classes.filePicker) },
+            React.createElement(IconUpload, { className: styles[CSS_CLASSES.filePickerUploadIcon] }),
+            React.createElement("div", { className: styles[CSS_CLASSES.filePickerDescription] },
+                t('Drag file or select'),
+                " (",
+                t('format'),
+                " ",
+                allowedExtensions.join(', '),
+                ")"))));
+};
+export default withTranslation(FileInput);
+//# sourceMappingURL=file_input.js.map

package/build/esm/packages/aurora/src/components/file_picker/components/file_input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file_input.js","sourceRoot":"","sources":["../../../../../../../../src/components/file_picker/components/file_input.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,2CAA2C,CAAC;AACpE,OAA2B,UAAU,CAAC;AACtC,OAAO,UAAU,MAAM,2BAA2B,CAAC;AACnD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,MAAM,MAAM,yCAAyC,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,eAAe,MAAM,+CAA+C,CAAC;AAE5E,IAAM,SAAS,GAAG,eAAe,CAAC;IAC9B,UAAU,EAAE;QACR,WAAW,EAAE,UAAC,EAAc;gBAAZ,UAAU,gBAAA;YAAO,OAAA,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;QAApC,CAAoC;QACrE,eAAe,EAAE,UAAC,EAAc;gBAAZ,UAAU,gBAAA;YAAO,OAAA,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;QAApC,CAAoC;QACzE,KAAK,EAAE;YACH,KAAK,EAAE,UAAC,EAAc;oBAAZ,UAAU,gBAAA;gBAAO,OAAA,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;YAApC,CAAoC;YAC/D,aAAa;YACb,IAAI,EAAE,UAAC,EAAc;oBAAZ,UAAU,gBAAA;gBAAO,OAAA,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;YAApC,CAAoC;SACjE;KACJ;CACJ,CAAC,CAAC;AAEH,IAAM,SAAS,GAAyB,UAAC,EAA0E;QAAxE,EAAE,QAAA,EAAE,UAAU,gBAAA,EAAE,UAAU,gBAAA,EAAE,WAAW,iBAAA,EAAE,iBAAiB,uBAAA,EAAE,UAAU,gBAAA;IACtG,IAAA,CAAC,GAAI,cAAc,EAAE,GAApB,CAAqB;IAC7B,IAAM,OAAO,GAAG,SAAS,CAAC,EAAE,UAAU,YAAA,EAAE,CAAC,CAAC;IAE1C,OAAO,CACH,+BAAO,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW;QACpF,6BAAK,SAAS,EAAE,UAAG,MAAM,CAAC,WAAW,CAAC,UAAU,CAAC,cAAI,OAAO,CAAC,UAAU,CAAE;YACrE,oBAAC,UAAU,IAAC,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,oBAAoB,CAAC,GAAI;YACnE,6BAAK,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,qBAAqB,CAAC;gBACpD,CAAC,CAAC,qBAAqB,CAAC;;gBAAI,CAAC,CAAC,QAAQ,CAAC;;gBAAG,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC;oBACrE,CACJ,CACF,CACX,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC,SAAS,CAAC,CAAC"}

package/build/esm/packages/aurora/src/components/file_picker/components/selected_file_preview.d.ts

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

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import styles from '@auroraCss/file_picker/main.module.less';
+import IconDelete from '@auroraAssets/icon_delete';
+import CSS_CLASSES from '../css_classes';
+import '@auroraComponents/file_picker/types';
+import { useTranslation } from 'react-i18next';
+var SelectedFilePreview = function (_a) {
+    var file = _a.file, isPreview = _a.isPreview, onPreviewError = _a.onPreviewError, onFileDelete = _a.onFileDelete;
+    var t = useTranslation()[0];
+    return (React.createElement("div", { className: styles[CSS_CLASSES.filePicker] },
+        isPreview ? (React.createElement("img", { alt: "", src: (file === null || file === void 0 ? void 0 : file.fileUrl) || '', onError: onPreviewError, className: styles[CSS_CLASSES.filePickerImagePreview] })) : (React.createElement("div", null, t('No preview'))),
+        React.createElement("div", { className: styles[CSS_CLASSES.filePickerSelectedFile] },
+            React.createElement("p", { className: styles[CSS_CLASSES.filePickerSelectedFileDescription] }, file === null || file === void 0 ? void 0 : file.fileName),
+            React.createElement(IconDelete, { className: styles[CSS_CLASSES.filePickerDeleteIcon], onClick: onFileDelete }))));
+};
+export default SelectedFilePreview;
+//# sourceMappingURL=selected_file_preview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"selected_file_preview.js","sourceRoot":"","sources":["../../../../../../../../src/components/file_picker/components/selected_file_preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,yCAAyC,CAAC;AAC7D,OAAO,UAAU,MAAM,2BAA2B,CAAC;AACnD,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAqC,qCAAqC,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,IAAM,mBAAmB,GAAmC,UAAC,EAAiD;QAA/C,IAAI,UAAA,EAAE,SAAS,eAAA,EAAE,cAAc,oBAAA,EAAE,YAAY,kBAAA;IACjG,IAAA,CAAC,GAAI,cAAc,EAAE,GAApB,CAAqB;IAE7B,OAAO,CACH,6BAAK,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,UAAU,CAAC;QACzC,SAAS,CAAC,CAAC,CAAC,CACT,6BAAK,GAAG,EAAC,EAAE,EAAC,GAAG,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,KAAI,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,sBAAsB,CAAC,GAAI,CAC3H,CAAC,CAAC,CAAC,CACA,iCAAM,CAAC,CAAC,YAAY,CAAC,CAAO,CAC/B;QACD,6BAAK,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,sBAAsB,CAAC;YACtD,2BAAG,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,iCAAiC,CAAC,IAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,CAAK;YACzF,oBAAC,UAAU,IAAC,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,oBAAoB,CAAC,EAAE,OAAO,EAAE,YAAY,GAAI,CACxF,CACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

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

@@ -0,0 +1,11 @@
+declare const _default: {
+    filePicker: string;
+    filePickerDescription: string;
+    filePickerImagePreview: string;
+    filePickerUploadIcon: string;
+    filePickerDeleteIcon: string;
+    filePickerInput: string;
+    filePickerSelectedFile: string;
+    filePickerSelectedFileDescription: string;
+};
+export default _default;

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

@@ -0,0 +1,11 @@
+export default {
+    filePicker: 'file-picker',
+    filePickerDescription: 'file-picker__description',
+    filePickerImagePreview: 'file-picker__image-preview',
+    filePickerUploadIcon: 'file-picker__upload-icon',
+    filePickerDeleteIcon: 'file-picker__delete-icon',
+    filePickerInput: 'file-picker__input',
+    filePickerSelectedFile: 'file-picker__selected-file',
+    filePickerSelectedFileDescription: 'file-picker__selected-file-description'
+};
+//# sourceMappingURL=css_classes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"css_classes.js","sourceRoot":"","sources":["../../../../../../../src/components/file_picker/css_classes.ts"],"names":[],"mappings":"AAAA,eAAe;IACX,UAAU,EAAE,aAAa;IACzB,qBAAqB,EAAE,0BAA0B;IACjD,sBAAsB,EAAE,4BAA4B;IACpD,oBAAoB,EAAE,0BAA0B;IAChD,oBAAoB,EAAE,0BAA0B;IAChD,eAAe,EAAE,oBAAoB;IACrC,sBAAsB,EAAE,4BAA4B;IACpD,iCAAiC,EAAE,wCAAwC;CAC9E,CAAC"}

package/build/esm/packages/aurora/src/components/file_picker/index.d.ts

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

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import styles from '@auroraCss/file_picker/main.module.less';
+import SelectedFilePreview from '@auroraComponents/file_picker/components/selected_file_preview';
+import CSS_CLASSES from './css_classes';
+import FileInput from '@auroraComponents/file_picker/components/file_input';
+import { useFilePicker } from '@auroraComponents/file_picker/use_file_picker';
+import '@auroraComponents/file_picker/types';
+import { getAcceptFilesParametersFromAllowedExtensions } from '@auroraComponents/file_picker/utils';
+var FilePicker = function (_a) {
+    var id = _a.id, onChange = _a.onChange, _b = _a.allowedExtensions, allowedExtensions = _b === void 0 ? ['WEBP', 'JPG', 'PNG', 'GIF'] : _b, initialFile = _a.initialFile, name = _a.name, _c = _a.className, className = _c === void 0 ? '' : _c;
+    var _d = useFilePicker({
+        initialFile: initialFile,
+        onChange: onChange
+    }), onDropFile = _d.onDropFile, onFileChange = _d.onFileChange, onDragOver = _d.onDragOver, onDragLeave = _d.onDragLeave, onFileDelete = _d.onFileDelete, onPreviewError = _d.onPreviewError, file = _d.file, isPreview = _d.isPreview, isDragOver = _d.isDragOver;
+    var acceptFiles = getAcceptFilesParametersFromAllowedExtensions(allowedExtensions);
+    return (React.createElement("div", { className: className },
+        file ? (React.createElement(SelectedFilePreview, { file: file, onFileDelete: onFileDelete, onPreviewError: onPreviewError, isPreview: isPreview })) : (React.createElement(FileInput, { onDragLeave: onDragLeave, onDragOver: onDragOver, isDragOver: isDragOver, allowedExtensions: allowedExtensions, id: id, onDropFile: onDropFile })),
+        React.createElement("input", { onChange: onFileChange, id: id, type: "file", name: name, className: styles[CSS_CLASSES.filePickerInput], accept: acceptFiles })));
+};
+export default FilePicker;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/file_picker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,yCAAyC,CAAC;AAC7D,OAAO,mBAAmB,MAAM,gEAAgE,CAAC;AACjG,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,SAAS,MAAM,qDAAqD,CAAC;AAC5E,OAAO,EAAE,aAAa,EAAE,MAAM,+CAA+C,CAAC;AAC9E,OAA4B,qCAAqC,CAAC;AAClE,OAAO,EAAE,6CAA6C,EAAE,MAAM,qCAAqC,CAAC;AAEpG,IAAM,UAAU,GAA0B,UAAC,EAO1C;QANG,EAAE,QAAA,EACF,QAAQ,cAAA,EACR,yBAAiD,EAAjD,iBAAiB,mBAAG,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,KAAA,EACjD,WAAW,iBAAA,EACX,IAAI,UAAA,EACJ,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA;IAER,IAAA,KAAmH,aAAa,CAAC;QACnI,WAAW,aAAA;QACX,QAAQ,UAAA;KACX,CAAC,EAHM,UAAU,gBAAA,EAAE,YAAY,kBAAA,EAAE,UAAU,gBAAA,EAAE,WAAW,iBAAA,EAAE,YAAY,kBAAA,EAAE,cAAc,oBAAA,EAAE,IAAI,UAAA,EAAE,SAAS,eAAA,EAAE,UAAU,gBAGlH,CAAC;IAEH,IAAM,WAAW,GAAG,6CAA6C,CAAC,iBAAiB,CAAC,CAAC;IAErF,OAAO,CACH,6BAAK,SAAS,EAAE,SAAS;QACpB,IAAI,CAAC,CAAC,CAAC,CACJ,oBAAC,mBAAmB,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,GAAI,CACxH,CAAC,CAAC,CAAC,CACA,oBAAC,SAAS,IACN,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,iBAAiB,EAAE,iBAAiB,EACpC,EAAE,EAAE,EAAE,EACN,UAAU,EAAE,UAAU,GACxB,CACL;QACD,+BACI,QAAQ,EAAE,YAAY,EACtB,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,eAAe,CAAC,EAC9C,MAAM,EAAE,WAAW,GACrB,CACA,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}