@dreamcommerce/aurora 0.3.18 → 0.3.19

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/components/dropdown/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAElE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,oBAAoB,EAAE,CAAC"}

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

@@ -0,0 +1,2 @@
+import { RefObject } from 'react';
+export declare const useKeyboardOpenClose: (toggleDropdown?: (() => void) | undefined, isOpen?: boolean | undefined, ref?: RefObject<HTMLElement> | undefined) => void;

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

@@ -0,0 +1,10 @@
+import 'react';
+import { useKeyDown } from '../../../hooks/use_key_down.js';
+
+var useKeyboardOpenClose = function (toggleDropdown, isOpen, ref) {
+    useKeyDown([' '], function () { return !isOpen && (toggleDropdown === null || toggleDropdown === void 0 ? void 0 : toggleDropdown()); }, ref);
+    useKeyDown(['Esc|Escape'], function () { return isOpen && (toggleDropdown === null || toggleDropdown === void 0 ? void 0 : toggleDropdown()); }, ref);
+};
+
+export { useKeyboardOpenClose };
+//# sourceMappingURL=use_keyboard_open_close.js.map

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

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

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ISelectOption } from '../types';
+/**
+ * hook used to reset filtered options list to default on dropdown hide
+ * @param isWithSearch indicates if dropdown use search (searchable items)
+ * @param isOpen indicates if dropdown is open
+ * @param setOptionsList state setter for options list
+ * @param options default options list
+ * @returns {void} nothing
+ */
+export declare function useSetOptionsOnClose(isWithSearch: boolean, isOpen: boolean, setOptionsList: (value: React.SetStateAction<Array<ISelectOption>>) => void, options: Array<ISelectOption>): void;

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

@@ -0,0 +1,20 @@
+import { useEffect } from 'react';
+
+/**
+ * hook used to reset filtered options list to default on dropdown hide
+ * @param isWithSearch indicates if dropdown use search (searchable items)
+ * @param isOpen indicates if dropdown is open
+ * @param setOptionsList state setter for options list
+ * @param options default options list
+ * @returns {void} nothing
+ */
+function useSetOptionsOnClose(isWithSearch, isOpen, setOptionsList, options) {
+    useEffect(function () {
+        if (isWithSearch === true && isOpen === false) {
+            setOptionsList(function () { return options; });
+        }
+    }, [isOpen, isWithSearch, options, setOptionsList]);
+}
+
+export { useSetOptionsOnClose };
+//# sourceMappingURL=use_set_options_on_close.js.map

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

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

@@ -0,0 +1,7 @@
+/**
+ * Hook used for toggling dropdown
+ * @param defaultIsOpen should dropdown be opened at render
+ * @param onToggleCb callback onToggle
+ * @returns {Array} tuple - open state and and method to change open state
+ */
+export declare function useToggle(defaultIsOpen?: boolean, onToggleCb?: (isOpen: boolean) => void): [boolean, () => void];

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

@@ -0,0 +1,25 @@
+import { useState, useCallback } from 'react';
+import '../../../../../../external/lodash/_root.js';
+import '../../../../../../external/lodash/_baseGetTag.js';
+import { useEffectAfterMount } from '../../../hooks/use_effect_after_mount.js';
+
+/**
+ * Hook used for toggling dropdown
+ * @param defaultIsOpen should dropdown be opened at render
+ * @param onToggleCb callback onToggle
+ * @returns {Array} tuple - open state and and method to change open state
+ */
+function useToggle(defaultIsOpen, onToggleCb) {
+    if (defaultIsOpen === void 0) { defaultIsOpen = false; }
+    var _a = useState(defaultIsOpen), isOpen = _a[0], setIsOpen = _a[1];
+    var onToggle = useCallback(function () { return setIsOpen(function (oldIsOpen) { return !oldIsOpen; }); }, []);
+    useEffectAfterMount(function () {
+        if (typeof onToggleCb === 'function') {
+            onToggleCb(isOpen);
+        }
+    }, [isOpen]);
+    return [isOpen, onToggle];
+}
+
+export { useToggle };
+//# sourceMappingURL=use_toggle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,OAAO,4CAAgD;AACvD,OAAO,kDAAsD;AAC7D;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/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,45 @@
+import { useState, useCallback, useEffect } from 'react';
+
+/**
+ * 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
+ */
+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
+ */
+
+export { useValue };
+//# sourceMappingURL=use_value.js.map

package/build/esm/packages/aurora/src/components/dropdown/hooks/use_value.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;AACA;AACA;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/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,65 @@
+import { useState, useCallback } from 'react';
+import { __spreadArray } from '../../../../../../_virtual/_tslib.js';
+
+/**
+ * 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
+ */
+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
+ */
+
+export { useValues };
+//# sourceMappingURL=use_values.js.map

package/build/esm/packages/aurora/src/components/dropdown/hooks/use_values.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/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,62 @@
+import React, { useRef } from 'react';
+import { DropdownContext } from './context/index.js';
+import cssClasses from '../../css/dropdown/main.module.less.js';
+import Content from './components/content.js';
+import CustomLabel from './components/custom_label.js';
+import Header from './components/header.js';
+import Item from './components/item.js';
+import ItemWithHover from './components/item_with_hover.js';
+import Label from './components/label.js';
+import Link from './components/link.js';
+import List from './components/list.js';
+import Option from './components/option.js';
+import OptionMultiple from './components/option_multiple.js';
+import Search from './components/search.js';
+import Select from './components/select.js';
+import { useToggle } from './hooks/use_toggle.js';
+
+/**
+ * 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":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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,71 @@
+import 'react';
+import { cssDropdownContent } from './css_classes.js';
+import cssClasses from '../../css/dropdown/main.module.less.js';
+import { fuzzySearch } from '../../utilities/fuzzy_search/fuzzy_search.js';
+import cssClasses$1 from '../../css/modal/main.module.less.js';
+
+/**
+ * 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}
+ */
+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
+ */
+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
+ */
+var handleSearchKeyUp = function (ev, options, setOptionsList) {
+    var $input = ev.target;
+    var searchQuery = $input.value;
+    var filteredOptions = fuzzySearch(searchQuery, options, 'text');
+    setOptionsList(function () { return filteredOptions; });
+};
+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
+    };
+};
+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(cssClasses$1['modal-window'])) {
+            return true;
+        }
+        currentParent = currentParent === null || currentParent === void 0 ? void 0 : currentParent.parentElement;
+    }
+    return false;
+};
+
+export { getXYModifiersForNestedDropdowns, handleItemClick, handleSearchKeyUp, isChildOfModal, isSelected };
+//# sourceMappingURL=utilities.js.map

package/build/esm/packages/aurora/src/components/dropdown/utilities.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/file_picker/components/file_input.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IFileInput } from '../types';
+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,50 @@
+import React from 'react';
+import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
+import { createUseStyles } from '../../../../../../external/react-jss/dist/react-jss.esm.js';
+import withTranslation from '../../../utilities/translation/with_translation.js';
+import styles from '../../../css/file_picker/main.module.less.js';
+import CSS_CLASSES from '../css_classes.js';
+import IconUpload from '../../../assets/icon_upload.js';
+
+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(', '),
+                ")"))));
+};
+var FileInput$1 = withTranslation(FileInput);
+
+export default FileInput$1;
+//# 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":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG,gCAAgC,4DAAgE;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/file_picker/components/selected_file_preview.d.ts

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