chili-ui 0.0.1

package/dist/components/MultiSelect/index.js

@@ -0,0 +1,155 @@
+'use client';
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import * as React from 'react';
+import { isNil } from 'lodash';
+import { getClassNames, getIsEmptyAndRequired, useElement, useProps, useTheme, } from '../../utils';
+import { COMPONENTS_NAMESPACES } from '../../constants';
+import { useValidation } from '../Validation';
+import { SuggestionList } from '../../src/SuggestionList';
+import { createBlurHandler, createClearHandler, createFocusHandler, createKeyDownHandler, createMouseDownHandler, createResetHandler, createSelectHandler, } from './handlers';
+import { TagsContainer } from './TagsContainer';
+import { Div } from '../Div';
+import { LedaContext } from '../LedaProvider';
+import { Tag } from '../Tags';
+import { filterData, getShouldUniteTags, getSortedSuggestions, getValue, } from './helpers';
+import { createCheckBoxesRender } from './renders';
+import { selectAllSuggestion, SelectedState } from './constants';
+import { Icon, IconTypes } from '../..';
+import { useMessages } from '../../utils/useMessages';
+export const MultiSelect = React.forwardRef((props, ref) => {
+    const _a = useProps(props), { autoComplete = 'off', canSelectAll, className, compareObjectsBy, data, defaultValue, filterRule, form, groupBy, hasCheckBoxes, hasClearButton, inputRender, invalidMessage, invalidMessageRender, isDisabled, isLoading, isOpen, isRequired, isValid: isValidProp, itemRender, listRender, maxSelected, maxTags, messages, name, noSuggestionsRender, onBlur, onChange, onFocus, placeholder, requiredMessage, selectAllItemRender, shouldHideInput, shouldKeepSuggestions, shouldSelectedGoFirst, shouldValidateUnmounted, sortSuggestions, tagRender, tagsUnionRender, textField, theme: themeProp, validator, value: valueProp, wrapperRender } = _a, restProps = __rest(_a, ["autoComplete", "canSelectAll", "className", "compareObjectsBy", "data", "defaultValue", "filterRule", "form", "groupBy", "hasCheckBoxes", "hasClearButton", "inputRender", "invalidMessage", "invalidMessageRender", "isDisabled", "isLoading", "isOpen", "isRequired", "isValid", "itemRender", "listRender", "maxSelected", "maxTags", "messages", "name", "noSuggestionsRender", "onBlur", "onChange", "onFocus", "placeholder", "requiredMessage", "selectAllItemRender", "shouldHideInput", "shouldKeepSuggestions", "shouldSelectedGoFirst", "shouldValidateUnmounted", "sortSuggestions", "tagRender", "tagsUnionRender", "textField", "theme", "validator", "value", "wrapperRender"]);
+    React.useEffect(() => {
+        // Warn user about possible misused props
+        if (hasCheckBoxes && !shouldKeepSuggestions)
+            console.warn('Leda MultiSelect: you probably forgot using shouldKeepSuggestions with hasCheckBoxes prop.');
+        if (canSelectAll && !shouldKeepSuggestions)
+            console.warn('Leda MultiSelect: you probably forgot using shouldKeepSuggestions with canSelectAll prop.');
+    }, [canSelectAll, hasCheckBoxes, shouldKeepSuggestions]);
+    const [valueState, setValue] = React.useState(defaultValue || []);
+    const [filterValue, setFilterValue] = React.useState('');
+    const [highlightedSuggestion, setHighlightedSuggestion] = React.useState(null);
+    const value = getValue(valueProp, valueState);
+    const theme = useTheme(themeProp, COMPONENTS_NAMESPACES.multiSelect);
+    const msg = useMessages({
+        fieldName: COMPONENTS_NAMESPACES.multiSelect,
+        messages,
+    });
+    const { validateCurrent, isValid, InvalidMessage, } = useValidation(props, {
+        value: valueState,
+    }, {
+        reset: createResetHandler({
+            props, setValue, value: defaultValue || [],
+        }),
+    });
+    const [isFocused, setFocused] = React.useState(false);
+    const inputRef = React.useRef(null);
+    const handleFocus = createFocusHandler(props, {
+        value,
+        setFocused,
+    });
+    const handleBlur = createBlurHandler(props, {
+        value,
+        setFocused,
+        validateCurrent,
+        setFilterValue,
+    });
+    const handleSelect = createSelectHandler(props, {
+        data,
+        setFilterValue,
+        setFocused,
+        setValue,
+        value,
+    });
+    const handleKeyDown = createKeyDownHandler(props, {
+        filterValue,
+        handleSelect,
+        highlightedSuggestion,
+        setFocused,
+        setHighlightedSuggestion,
+        value,
+    });
+    const handleClear = createClearHandler(props, {
+        setValue,
+        value,
+    });
+    const handleMouseDown = createMouseDownHandler(props, {
+        inputRef,
+    });
+    const wrapperClassNames = getClassNames(className, theme.wrapper);
+    const inputWrapperClassNames = getClassNames(theme.inputWrapper, {
+        [theme.inputWrapperFocused]: isFocused,
+        [theme.inputWrapperDisabled]: isDisabled,
+        [theme.inputWrapperInvalid]: !isValid,
+        [theme.inputWrapperRequired]: getIsEmptyAndRequired(value, isRequired),
+    });
+    const { renders: { [COMPONENTS_NAMESPACES.multiSelect]: multiSelectRenders } } = React.useContext(LedaContext);
+    const state = {
+        value: valueState,
+        isFocused,
+        filterValue,
+    };
+    const Wrapper = useElement('Wrapper', Div, wrapperRender || multiSelectRenders.wrapperRender, props, state);
+    const Input = useElement('Input', 'input', inputRender || multiSelectRenders.inputRender, props, state);
+    const TagItem = useElement('TagItem', Tag, tagRender || multiSelectRenders.tagRender, props, state);
+    const TagsUnionElement = useElement('TagUnion', Div, tagsUnionRender || multiSelectRenders.tagsUnionRender, props, state);
+    const filteredData = filterData({
+        compareObjectsBy,
+        data,
+        filterRule,
+        filterValue,
+        shouldKeepSuggestions,
+        textField,
+        value,
+    });
+    const isMaxItemsSelected = !isNil(maxSelected) && value.length === maxSelected;
+    const selectedSuggestions = shouldKeepSuggestions ? value : undefined;
+    const shouldUniteTags = getShouldUniteTags({ maxTags, value });
+    const checkBoxesRender = createCheckBoxesRender({ itemRender, theme });
+    const selectAllState = (() => {
+        if (canSelectAll == null)
+            return undefined;
+        if (value.length === (data === null || data === void 0 ? void 0 : data.length))
+            return SelectedState.All;
+        if (value.length === 0)
+            return SelectedState.Nothing;
+        return SelectedState.Some;
+    })();
+    const suggestionListData = (() => {
+        const allSuggestions = getSortedSuggestions({
+            shouldSelectedGoFirst,
+            selectedSuggestions,
+            filteredData,
+            sortSuggestions,
+        });
+        if (canSelectAll) {
+            // todo: canSelectAll
+            return [selectAllSuggestion, ...allSuggestions];
+        }
+        return allSuggestions;
+    })();
+    return (_jsxs(Wrapper, { className: wrapperClassNames, ref: ref, children: [_jsxs(Div, { className: inputWrapperClassNames, onMouseDown: handleMouseDown, children: [shouldUniteTags && (_jsxs(_Fragment, { children: [_jsxs(TagsUnionElement, { className: theme.tagsUnion, children: ["\u0412\u044B\u0431\u0440\u0430\u043D\u043E ", value.length] }), hasClearButton && (_jsx(Icon, { icon: IconTypes.Icons.X, className: theme.clearIcon, onClick: handleClear }))] })), !shouldUniteTags && (_jsx(TagsContainer, { hasClearButton: hasClearButton, onClearIconClick: handleClear, onMouseDown: handleMouseDown, onTagClick: handleSelect, placeholder: placeholder, shouldHideInput: shouldHideInput, textField: textField, theme: theme, value: value, children: _jsx(TagItem, {}) })), _jsx(Input, Object.assign({}, restProps, { "aria-invalid": !isValid, "aria-required": isRequired, autoComplete: autoComplete, className: theme.input, disabled: isDisabled, form: form, name: name, onBlur: handleBlur, onChange: (ev) => {
+                            if (shouldHideInput)
+                                return;
+                            setFilterValue(ev.target.value);
+                        }, onFocus: handleFocus, onKeyDown: handleKeyDown, placeholder: placeholder, ref: inputRef, style: (isMaxItemsSelected || shouldHideInput)
+                            ? {
+                                position: 'absolute',
+                                opacity: 0,
+                                height: 0,
+                                width: 0,
+                            }
+                            : undefined, value: filterValue }))] }), !isMaxItemsSelected && (_jsx(SuggestionList, { compareObjectsBy: compareObjectsBy, data: suggestionListData, groupBy: groupBy, highlightedSuggestion: highlightedSuggestion, isLoading: isLoading, isOpen: isNil(isOpen) ? isFocused : isOpen, itemRender: hasCheckBoxes ? checkBoxesRender : itemRender, listRender: listRender, noSuggestionsText: msg.nothingFound, noSuggestionsRender: noSuggestionsRender, onClick: handleSelect, selectAllItemRender: selectAllItemRender, selectAllState: selectAllState, selectedSuggestion: selectedSuggestions, shouldAllowEmpty: false, textField: textField, theme: theme, value: value })), !isFocused && !isDisabled && (_jsx(InvalidMessage, {}))] }));
+});
+MultiSelect.displayName = 'MultiSelect';
+//# sourceMappingURL=index.js.map

package/dist/components/MultiSelect/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../leda/components/MultiSelect/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/MultiSelect/messages.d.ts

@@ -0,0 +1,2 @@
+import type { MultiSelectMessages } from './types';
+export declare const defaultMultiSelectMessages: MultiSelectMessages;

package/dist/components/MultiSelect/messages.js

@@ -0,0 +1,4 @@
+export const defaultMultiSelectMessages = {
+    nothingFound: 'Nothing found',
+};
+//# sourceMappingURL=messages.js.map

package/dist/components/MultiSelect/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../leda/components/MultiSelect/messages.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,0BAA0B,GAAwB;IAC7D,YAAY,EAAE,eAAe;CAC9B,CAAC"}

package/dist/components/MultiSelect/renders.d.ts

@@ -0,0 +1,6 @@
+import type { defaultMultiSelectTheme } from './theme';
+import type { SuggestionListProps } from '../../src/SuggestionList/types';
+export declare const createCheckBoxesRender: ({ theme, itemRender }: {
+    theme: typeof defaultMultiSelectTheme;
+    itemRender: SuggestionListProps['itemRender'];
+}) => SuggestionListProps['itemRender'];

package/dist/components/MultiSelect/renders.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable react/prop-types */
+import * as React from 'react';
+import { Div } from '../Div';
+import { CheckBox } from '../CheckBox';
+import { getClassNames, useElement } from '../../utils';
+import { selectAllSuggestion, SelectedState } from './constants';
+import { COMPONENTS_NAMESPACES } from '../../constants';
+import { LedaContext } from '../LedaProvider';
+import { Span } from '../Span';
+import { IconTypes } from '../..';
+// eslint-disable-next-line func-names
+export const createCheckBoxesRender = ({ theme, itemRender }) => function ({ componentProps, Element, elementProps }) {
+    const { isSelected, isSelectAllItem, selectAllState, selectAllItemRender, } = componentProps;
+    const checkBoxWrapperClassNames = getClassNames(theme.checkBoxContainer, elementProps.className);
+    const { renders: { [COMPONENTS_NAMESPACES.multiSelect]: multiSelectRenders } } = React.useContext(LedaContext);
+    const SelectAllItem = useElement('SelectAllItem', Span, selectAllItemRender || multiSelectRenders.selectAllItemRender, {}, {});
+    const ItemContent = useElement('ItemContent', Span, itemRender || multiSelectRenders.itemRender, componentProps, {});
+    const isCheckBoxSelected = (() => {
+        if (isSelectAllItem) {
+            if (selectAllState === SelectedState.Nothing)
+                return false;
+            return true;
+        }
+        return !!isSelected;
+    })();
+    const isSemi = isSelectAllItem && selectAllState === SelectedState.Some;
+    return (_jsxs(Element, Object.assign({}, elementProps, { className: checkBoxWrapperClassNames, children: [_jsx(CheckBox, { value: isCheckBoxSelected, 
+                // replaсe label with div so that the focus does not move from the multiselect and the list does not close when clicking on a checkbox
+                // eslint-disable-next-line react/no-unstable-nested-components
+                labelRender: ({ elementProps: labelElementProps }) => _jsx(Div, Object.assign({}, labelElementProps, { className: theme.checkBoxLabel })), checkboxIcon: isSemi && IconTypes.Icons.MinusSquare, className: theme.checkBoxWrapper }), isSelectAllItem && (
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
+            _jsx(SelectAllItem, { children: selectAllSuggestion.text })), !isSelectAllItem && (_jsx(ItemContent, { children: elementProps.children }))] })));
+};
+//# sourceMappingURL=renders.js.map

package/dist/components/MultiSelect/renders.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renders.js","sourceRoot":"","sources":["../../../leda/components/MultiSelect/renders.tsx"],"names":[],"mappings":";AAAA,qCAAqC;AACrC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAGxD,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,sCAAsC;AACtC,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EAAE,KAAK,EAAE,UAAU,EAA4F,EAAqC,EAAE,CAAC,UAAU,EAAE,cAAc,EAAE,OAAO,EAAE,YAAY,EAAE;IAC/O,MAAM,EACJ,UAAU,EAAE,eAAe,EAAE,cAAc,EAAE,mBAAmB,GACjE,GAAG,cAAc,CAAC;IAEnB,MAAM,yBAAyB,GAAG,aAAa,CAC7C,KAAK,CAAC,iBAAiB,EACvB,YAAY,CAAC,SAAS,CACvB,CAAC;IAEF,MAAM,EAAE,OAAO,EAAE,EAAE,CAAC,qBAAqB,CAAC,WAAW,CAAC,EAAE,kBAAkB,EAAE,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IAE/G,MAAM,aAAa,GAAG,UAAU,CAC9B,eAAe,EACf,IAAI,EACJ,mBAAmB,IAAI,kBAAkB,CAAC,mBAAmB,EAC7D,EAAE,EACF,EAAE,CACH,CAAC;IAEF,MAAM,WAAW,GAAG,UAAU,CAC5B,aAAa,EACb,IAAI,EACJ,UAAU,IAAI,kBAAkB,CAAC,UAAU,EAC3C,cAAc,EACd,EAAE,CACH,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,GAAG,EAAE;QAC/B,IAAI,eAAe,EAAE,CAAC;YACpB,IAAI,cAAc,KAAK,aAAa,CAAC,OAAO;gBAAE,OAAO,KAAK,CAAC;YAC3D,OAAO,IAAI,CAAC;QACd,CAAC;QACD,OAAO,CAAC,CAAC,UAAU,CAAC;IACtB,CAAC,CAAC,EAAE,CAAC;IAEL,MAAM,MAAM,GAAG,eAAe,IAAI,cAAc,KAAK,aAAa,CAAC,IAAI,CAAC;IACxE,OAAO,CACL,MAAC,OAAO,oBAAK,YAAY,IAAE,SAAS,EAAE,yBAAyB,aAC7D,KAAC,QAAQ,IACP,KAAK,EAAE,kBAAkB;gBACzB,sIAAsI;gBACtI,+DAA+D;gBAC/D,WAAW,EAAE,CAAC,EAAE,YAAY,EAAE,iBAAiB,EAAE,EAAE,EAAE,CAAC,KAAC,GAAG,oBAAK,iBAAiB,IAAE,SAAS,EAAE,KAAK,CAAC,aAAa,IAAI,EACpH,YAAY,EAAE,MAAM,IAAI,SAAS,CAAC,KAAK,CAAC,WAAW,EACnD,SAAS,EAAE,KAAK,CAAC,eAAe,GAChC,EACD,eAAe,IAAI;YAClB,6DAA6D;YAC7D,aAAa;YACb,KAAC,aAAa,cACX,mBAAmB,CAAC,IAAI,GACX,CACjB,EACA,CAAC,eAAe,IAAI,CACnB,KAAC,WAAW,cACT,YAAY,CAAC,QAAQ,GACV,CACf,KACO,CACX,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/MultiSelect/theme.d.ts

@@ -0,0 +1,27 @@
+export declare const defaultMultiSelectTheme: {
+    container: string;
+    containerVisible: string;
+    containerTop: string;
+    group: string;
+    groupLabel: string;
+    item: string;
+    itemHighlighted: string;
+    itemPlaceholder: string;
+    itemSelected: string;
+    list: string;
+    noSuggestions: string;
+    checkBoxWrapper: string;
+    checkBoxContainer: string;
+    checkBoxLabel: string;
+    clearIcon: string;
+    input: string;
+    inputWrapper: string;
+    inputWrapperDisabled: string;
+    inputWrapperFocused: string;
+    inputWrapperInvalid: string;
+    inputWrapperRequired: string;
+    placeholder: string;
+    tagsContainer: string;
+    tagsUnion: string;
+    wrapper: string;
+};

package/dist/components/MultiSelect/theme.js

@@ -0,0 +1,4 @@
+/* eslint-disable key-spacing */
+import { defaultSuggestionListTheme } from '../../src/SuggestionList/theme';
+export const defaultMultiSelectTheme = Object.assign({ checkBoxWrapper: 'ld-multiselect-checkbox-wrapper', checkBoxContainer: 'ld-multiselect-checkbox-container', checkBoxLabel: 'ld-multiselect-checkbox-label', clearIcon: 'ld-multiselect-clear-icon', input: 'ld-multiselect-input', inputWrapper: 'ld-multiselect-input-wrapper', inputWrapperDisabled: 'ld-disabled', inputWrapperFocused: 'ld-focused', inputWrapperInvalid: 'ld-danger', inputWrapperRequired: 'ld-required', placeholder: 'ld-multiselect-placeholder', tagsContainer: 'ld-multiselect-tags-container', tagsUnion: 'ld-multiselect-tags-union', wrapper: 'ld-multiselect-wrapper' }, defaultSuggestionListTheme);
+//# sourceMappingURL=theme.js.map

package/dist/components/MultiSelect/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../leda/components/MultiSelect/theme.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAE5E,MAAM,CAAC,MAAM,uBAAuB,mBAClC,eAAe,EAAY,iCAAiC,EAC5D,iBAAiB,EAAU,mCAAmC,EAC9D,aAAa,EAAc,+BAA+B,EAC1D,SAAS,EAAkB,2BAA2B,EACtD,KAAK,EAAsB,sBAAsB,EACjD,YAAY,EAAe,8BAA8B,EACzD,oBAAoB,EAAO,aAAa,EACxC,mBAAmB,EAAQ,YAAY,EACvC,mBAAmB,EAAQ,WAAW,EACtC,oBAAoB,EAAO,aAAa,EACxC,WAAW,EAAgB,4BAA4B,EACvD,aAAa,EAAc,+BAA+B,EAC1D,SAAS,EAAkB,2BAA2B,EACtD,OAAO,EAAoB,wBAAwB,IAEhD,0BAA0B,CAC9B,CAAC"}

package/dist/components/MultiSelect/types.d.ts

@@ -0,0 +1,214 @@
+import type React from 'react';
+import type { GlobalDefaultTheme, PartialGlobalDefaultTheme } from '../../utils/useTheme';
+import type { COMPONENTS_NAMESPACES } from '../../constants';
+import type { CustomEventHandler, CustomRender, SetState, SomeObject } from '../../commonTypes';
+import type { ValidationProps } from '../Validation/types';
+import type { FilterRules } from '../DropDownSelect/types';
+import type { NoSuggestionsProps, SuggestionListProps, SuggestionTarget } from '../../src/SuggestionList/types';
+import type { DivProps } from '../Div';
+import type { TagProps } from '../Tags/types';
+export type Value = SomeObject | string | number | null;
+export type MultiSelectValue = Value[];
+export interface MultiSelectComponent {
+    <T extends MultiSelectValue | null | undefined>(props: MultiSelectProps<T>): React.ReactElement;
+    displayName?: string;
+}
+export interface ClearEvent<T> extends React.MouseEvent {
+    component: {
+        deselectedValues: T[];
+        selectedValue: undefined;
+        name?: string;
+        value: T;
+    };
+}
+export interface MouseSelectEvent<T> extends React.MouseEvent {
+    component: {
+        deselectedValues?: T[];
+        name?: string;
+        selectedValue?: T;
+        value: T[];
+    };
+}
+export interface EnterSelectEvent<T> extends React.KeyboardEvent {
+    component: {
+        name?: string;
+        deselectedValues: undefined;
+        selectedValue: T;
+        value: T[];
+    };
+}
+export interface ResetEvent<T> {
+    component: {
+        deselectedValues: undefined;
+        selectedValue: undefined;
+        name?: string;
+        value: T[];
+    };
+}
+export interface BlurEvent<T = Value> extends React.FocusEvent<HTMLInputElement> {
+    component: {
+        isValid?: boolean;
+        name?: string;
+        value: T[];
+    };
+}
+export interface EnterPressEvent<T = Value> extends React.KeyboardEvent<HTMLInputElement> {
+    component: {
+        name?: string;
+        value: T[];
+    };
+}
+export interface FocusEvent<T = Value> extends React.FocusEvent<HTMLInputElement> {
+    component: {
+        name?: string;
+        value: T[];
+    };
+}
+export type ChangeEvent<T = Value> = MouseSelectEvent<T> | EnterSelectEvent<T> | ClearEvent<T> | ResetEvent<T>;
+export interface MultiSelectMessages {
+    nothingFound?: React.ReactNode;
+}
+export interface MultiSelectProps<T extends MultiSelectValue | null | undefined = MultiSelectValue | null | undefined> extends ValidationProps {
+    /** Browser autofill, off is the default value. Works as HTML autoComplete attribute */
+    autoComplete?: string;
+    /** Add "Select all" to the dropdown list */
+    canSelectAll?: boolean;
+    /** ... */
+    compareObjectsBy?: T extends object ? ((suggestionListItems: SomeObject) => unknown) | string : never;
+    /** Data for the dropdown list.
+      * If data is an array of objects, use textField to specify which object's field should be used as text for the dropdown items
+      * */
+    data?: MultiSelectValue;
+    /** Default value */
+    defaultValue?: T;
+    /** Search mode, smart is default, looks for one or several words regardless of their order, can be slow if data has thousands of elements or more */
+    filterRule?: FilterRules;
+    /** Grouping key */
+    groupBy?: (option: Value) => string | undefined;
+    /** Should show checkboxes in the dropdown list */
+    hasCheckBoxes?: boolean;
+    /** Whether or not to show a clear button inside the input element. Default is false */
+    hasClearButton?: boolean;
+    /** Input customizator */
+    inputRender?: CustomRender<MultiSelectProps, MultiSelectState, React.InputHTMLAttributes<HTMLInputElement> & {
+        ref?: React.Ref<HTMLInputElement | null>;
+    }>;
+    /** Disabled state */
+    isDisabled?: boolean;
+    /** Display a loading icon inside the dropdown */
+    isLoading?: boolean;
+    /** Control opened state */
+    isOpen?: boolean;
+    /** Suggestion item customizator */
+    itemRender?: SuggestionListProps['itemRender'];
+    /** Suggestion list customizator */
+    listRender?: SuggestionListProps['listRender'];
+    /** Limit the number of selected elements. Reaching the limit stops displaying the dropdown */
+    maxSelected?: number;
+    /** Max number of elements shown separately as tags. After exceeding this number the elements will be grouped as "n values selected" */
+    maxTags?: number;
+    /** Customize component texts */
+    messages?: MultiSelectMessages;
+    /** No suggestions test customizator */
+    noSuggestionsRender?: CustomRender<SuggestionListProps, Record<string, never>, NoSuggestionsProps>;
+    /** Blur handler */
+    onBlur?: (event: FocusEvent) => void;
+    /** Change handler */
+    onChange?: (event: ChangeEvent) => void;
+    /** Focus handler */
+    onFocus?: (event: FocusEvent) => void;
+    /** Placeholder */
+    placeholder?: string;
+    /** Ref */
+    ref?: React.Ref<HTMLElement>;
+    /** Select all text customizator */
+    selectAllItemRender?: SuggestionListProps['selectAllItemRender'];
+    /** Renders the component without an input field */
+    shouldHideInput?: boolean;
+    /** Suggestions do not disappear from the list on selection */
+    shouldKeepSuggestions?: boolean;
+    /** Selected values go first in the list */
+    shouldSelectedGoFirst?: boolean;
+    /** Sort dropdown list items */
+    sortSuggestions?: (a: Value, b: Value) => number;
+    /** Tags customizator */
+    tagRender?: CustomRender<MultiSelectProps, MultiSelectState, TagProps>;
+    /** Tags combined message customizator */
+    tagsUnionRender?: CustomRender<MultiSelectProps, MultiSelectState, DivProps>;
+    /** It is mandatory if data is an array of objects, textField specifies which object's field is used to get dropdown item text value.
+     * No effect if data is an array of strings
+     * */
+    textField?: T extends object ? string : never;
+    /** Theme */
+    theme?: PartialGlobalDefaultTheme[typeof COMPONENTS_NAMESPACES.multiSelect];
+    /** Value */
+    value?: T;
+    /** Wrapper customizator */
+    wrapperRender?: CustomRender<MultiSelectProps, MultiSelectState, DivProps>;
+    /** _css-classes */
+    [x: string]: unknown;
+}
+export interface MultiSelectState {
+    filterValue: string;
+    isFocused: boolean;
+    value: MultiSelectValue;
+}
+export interface TagsContainerProps {
+    children: React.ReactElement<TagProps>;
+    hasClearButton?: boolean;
+    onClearIconClick: React.MouseEventHandler<SVGElement>;
+    onMouseDown: React.MouseEventHandler<HTMLElement>;
+    onTagClick: CustomEventHandler<React.MouseEvent<SVGElement> & SuggestionTarget>;
+    placeholder?: MultiSelectProps['placeholder'];
+    shouldHideInput?: MultiSelectProps['shouldHideInput'];
+    textField?: string;
+    theme: GlobalDefaultTheme[typeof COMPONENTS_NAMESPACES.multiSelect];
+    value: MultiSelectValue;
+}
+export interface FocusData {
+    setFocused: SetState<boolean>;
+    value: MultiSelectValue;
+}
+export interface BlurData {
+    setFilterValue: SetState<string>;
+    setFocused: SetState<boolean>;
+    validateCurrent: () => boolean;
+    value: MultiSelectValue;
+}
+export interface SelectData {
+    data: MultiSelectProps['data'];
+    setFilterValue: SetState<string>;
+    setFocused: SetState<boolean>;
+    setValue: SetState<MultiSelectValue>;
+    value: MultiSelectValue;
+}
+export interface ClearData {
+    setValue: SetState<MultiSelectValue>;
+    value: MultiSelectValue;
+}
+export interface MouseDownData {
+    inputRef: React.MutableRefObject<HTMLInputElement | null>;
+}
+export interface FilterDataParams {
+    compareObjectsBy: MultiSelectProps['compareObjectsBy'];
+    data: MultiSelectProps['data'];
+    filterRule?: FilterRules;
+    filterValue: string;
+    shouldKeepSuggestions?: boolean;
+    textField?: string;
+    value: MultiSelectValue;
+}
+export interface KeyDownData {
+    filterValue: string;
+    handleSelect: CustomEventHandler<React.MouseEvent<HTMLElement> & SuggestionTarget>;
+    highlightedSuggestion: Value;
+    setFocused: SetState<boolean>;
+    setHighlightedSuggestion: SetState<Value>;
+    value: MultiSelectValue;
+}
+export interface GetSortedSuggestionsProps {
+    shouldSelectedGoFirst?: boolean;
+    selectedSuggestions?: Value[];
+    filteredData?: Value[];
+    sortSuggestions: MultiSelectProps['sortSuggestions'];
+}

package/dist/components/MultiSelect/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/components/MultiSelect/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../leda/components/MultiSelect/types.ts"],"names":[],"mappings":""}

package/dist/components/Nav/index.d.ts

@@ -0,0 +1,7 @@
+import type * as React from 'react';
+export interface NavProps extends React.HTMLAttributes<HTMLElement> {
+    ref?: React.Ref<HTMLElement>;
+    shouldRender?: boolean;
+    [x: string]: unknown;
+}
+export declare const Nav: React.FC<NavProps>;

package/dist/components/Nav/index.js

@@ -0,0 +1,3 @@
+import { htmlTagFactory } from '../../src/HTMLTagsFactory';
+export const Nav = htmlTagFactory('Nav');
+//# sourceMappingURL=index.js.map

package/dist/components/Nav/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../leda/components/Nav/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAQ3D,MAAM,CAAC,MAAM,GAAG,GAAG,cAAc,CAAC,KAAK,CAAuB,CAAC"}

package/dist/components/Notifications/NotificationItem.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { NotificationItemProps } from './types';
+export declare const NotificationItem: (props: NotificationItemProps) => React.ReactElement;

package/dist/components/Notifications/NotificationItem.js

@@ -0,0 +1,38 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { isNil } from 'lodash';
+import { Div } from '../Div';
+import { getClassNames, useElement } from '../../utils';
+import { COMPONENTS_NAMESPACES } from '../../constants';
+import { LedaContext } from '../LedaProvider';
+import { ChangeMethods, DEFAULT_NOTIFICATION_LIFETIME } from './constants';
+export const NotificationItem = (props) => {
+    const { item, onChange, theme, contentRender, iconRender, actionButtonRender, } = props;
+    const timeIdRef = React.useRef();
+    const handleChange = (method) => {
+        clearTimeout(timeIdRef.current);
+        onChange(item, method);
+    };
+    React.useEffect(() => {
+        const delay = (() => {
+            if (isNil(item.delay))
+                return DEFAULT_NOTIFICATION_LIFETIME;
+            return item.delay;
+        })();
+        // let the notification with zero delay stay until close icon is clicked
+        if (delay > 0) {
+            timeIdRef.current = setTimeout(() => handleChange(ChangeMethods.Delay), delay);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    const { renders: { [COMPONENTS_NAMESPACES.notifications]: notificationsRenders } } = React.useContext(LedaContext);
+    const Content = useElement('Content', Div, contentRender || notificationsRenders.contentRender, props);
+    const Icon = useElement('Icon', Div, iconRender || notificationsRenders.iconRender, props);
+    const ActionButton = useElement('ActionButton', 
+    // eslint-disable-next-line react/jsx-no-useless-fragment
+    (data) => _jsx(_Fragment, { children: data.children }), actionButtonRender || notificationsRenders.actionButtonRender, props);
+    const wrapperClassNames = getClassNames(theme.notificationWrapper, item.className);
+    const iconClassNames = getClassNames(theme.notificationIcon, item.iconClassName);
+    return (_jsxs(Div, { className: wrapperClassNames, children: [_jsx(Icon, { className: iconClassNames }), _jsxs(Content, { className: theme.notificationContent, children: [_jsx(Div, { dangerouslySetInnerHTML: { __html: item.text } }), _jsx(ActionButton, {})] }), _jsx(Div, { className: theme.notificationCloseIcon, onClick: () => handleChange(ChangeMethods.CloseIconClick) })] }));
+};
+//# sourceMappingURL=NotificationItem.js.map

package/dist/components/Notifications/NotificationItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationItem.js","sourceRoot":"","sources":["../../../leda/components/Notifications/NotificationItem.tsx"],"names":[],"mappings":"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"}

package/dist/components/Notifications/Notifications.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { NotificationsProps } from './types';
+export declare const Notifications: React.FC<NotificationsProps>;

package/dist/components/Notifications/Notifications.js

@@ -0,0 +1,30 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { NotificationItem } from './NotificationItem';
+import { Div } from '../Div';
+import { useTheme, getClassNames, useProps, } from '../../utils';
+import { COMPONENTS_NAMESPACES } from '../../constants';
+export const Notifications = React.forwardRef((props, ref) => {
+    const { className, maxItems = 3, onChange, value, contentRender, iconRender, theme: themeProp, actionButtonRender, } = useProps(props);
+    const theme = useTheme(themeProp, COMPONENTS_NAMESPACES.notifications);
+    const wrapperClassNames = getClassNames(theme.wrapper, className);
+    // getting the latest value in the change handler
+    const valueRef = React.useRef(value);
+    valueRef.current = value;
+    if (!value.length)
+        return null;
+    const items = value.slice(-maxItems);
+    const handleChange = (item, method) => {
+        const currentValue = valueRef.current;
+        onChange({
+            component: {
+                value: currentValue.filter((val) => (item.id !== val.id)),
+                method,
+            },
+        });
+    };
+    return (_jsx(Div, { className: wrapperClassNames, ref: ref, children: items.map((item) => (_jsx(NotificationItem, { contentRender: contentRender, actionButtonRender: actionButtonRender, iconRender: iconRender, item: item, onChange: handleChange, theme: theme }, item.id))) }));
+});
+Notifications.displayName = 'Notifications';
+//# sourceMappingURL=Notifications.js.map

package/dist/components/Notifications/Notifications.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notifications.js","sourceRoot":"","sources":["../../../leda/components/Notifications/Notifications.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EACL,QAAQ,EAAE,aAAa,EAAE,QAAQ,GAClC,MAAM,aAAa,CAAC;AAErB,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAGxD,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAyB,EAAE,GAA4B,EAA6B,EAAE;IACnI,MAAM,EACJ,SAAS,EACT,QAAQ,GAAG,CAAC,EACZ,QAAQ,EACR,KAAK,EACL,aAAa,EACb,UAAU,EACV,KAAK,EAAE,SAAS,EAChB,kBAAkB,GACnB,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpB,MAAM,KAAK,GAAG,QAAQ,CAAC,SAAS,EAAE,qBAAqB,CAAC,aAAa,CAAC,CAAC;IAEvE,MAAM,iBAAiB,GAAG,aAAa,CAAC,KAAK,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;IAClE,iDAAiD;IACjD,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAErC,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;IAEzB,IAAI,CAAC,KAAK,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAE/B,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC;IAErC,MAAM,YAAY,GAAG,CAAC,IAAU,EAAE,MAAqB,EAAQ,EAAE;QAC/D,MAAM,YAAY,GAAG,QAAQ,CAAC,OAAO,CAAC;QAEtC,QAAQ,CAAC;YACP,SAAS,EAAE;gBACT,KAAK,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC;gBACzD,MAAM;aACP;SACF,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,GAAG,IACF,SAAS,EAAE,iBAAiB,EAC5B,GAAG,EAAE,GAAG,YAEP,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,KAAC,gBAAgB,IACf,aAAa,EAAE,aAAa,EAC5B,kBAAkB,EAAE,kBAAkB,EACtC,UAAU,EAAE,UAAU,EAEtB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,KAAK,IAHP,IAAI,CAAC,EAAE,CAIZ,CACH,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAiC,CAAC;AAEnC,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}

package/dist/components/Notifications/Notifications.test.d.ts

@@ -0,0 +1 @@
+export {};