@dreamcommerce/aurora 0.3.4-151 → 0.3.4-155

package/build/esm/src/components/date_picker/hooks/use_animation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use_animation.js","sources":["../../../../../../src/components/date_picker/hooks/use_animation.ts"],"sourcesContent":["import { createUseStyles } from 'react-jss';\nimport { Dispatch, SetStateAction, useState } from 'react';\nimport { IMonthYear } from '@components/date_picker/types';\n\nconst ANIMATION_TYPE_RIGHT = 'ANIMATION_TYPE_RIGHT';\nconst ANIMATION_TYPE_LEFT = 'ANIMATION_TYPE_LEFT';\nconst ANIMATION_MOVEMENT = {\n    [ANIMATION_TYPE_RIGHT]: '0.5rem',\n    [ANIMATION_TYPE_LEFT]: '-0.5rem'\n};\n\nconst useStyles = createUseStyles({\n    animation: {\n        transition: ({ offset, animation }) => (animation ? `${offset}ms` : '0s'),\n        overflow: 'hidden',\n        opacity: ({ animation }) => +!animation,\n        marginLeft: ({ animationType, animation }) => (animation ? ANIMATION_MOVEMENT[animationType] : 0)\n    }\n});\n\n/**\n * Hook to animate datepicker from side to side\n * @param offset\n */\nconst useAnimation = ({ offset }: { offset: number }) => {\n    const [animation, setAnimation] = useState(false);\n    const [animationType, setAnimationType] = useState<string>();\n    const animationWrapper = (setState: Dispatch<SetStateAction<IMonthYear>>) => (state: SetStateAction<IMonthYear>) => {\n        setAnimation(true);\n        setTimeout(() => {\n            setState(state);\n            setAnimation(false);\n        }, offset);\n    };\n\n    const setRightAnimation = () => setAnimationType(ANIMATION_TYPE_RIGHT);\n    const setLeftAnimation = () => setAnimationType(ANIMATION_TYPE_LEFT);\n    const classes = useStyles({ animation, animationType, offset });\n\n    return {\n        animationWrapper,\n        setRightAnimation,\n        setLeftAnimation,\n        animationClassName: classes.animation\n    };\n};\n\nexport default useAnimation;\n"],"names":[],"mappings":";;;;AAIA,IAAM,oBAAoB,GAAG,sBAAsB,CAAC;AACpD,IAAM,mBAAmB,GAAG,qBAAqB,CAAC;AAClD,IAAM,kBAAkB;IACpB,GAAC,oBAAoB,IAAG,QAAQ;IAChC,GAAC,mBAAmB,IAAG,SAAS;OACnC,CAAC;AAEF,IAAM,SAAS,GAAG,eAAe,CAAC;IAC9B,SAAS,EAAE;QACP,UAAU,EAAE,UAAC,EAAqB;gBAAnB,kBAAM,EAAE,wBAAS;YAAO,QAAC,SAAS,GAAM,MAAM,OAAI,GAAG,IAAI;SAAC;QACzE,QAAQ,EAAE,QAAQ;QAClB,OAAO,EAAE,UAAC,EAAa;gBAAX,wBAAS;YAAO,OAAA,CAAC,CAAC,SAAS;SAAA;QACvC,UAAU,EAAE,UAAC,EAA4B;gBAA1B,gCAAa,EAAE,wBAAS;YAAO,QAAC,SAAS,GAAG,kBAAkB,CAAC,aAAa,CAAC,GAAG,CAAC;SAAC;KACpG;CACJ,CAAC,CAAC;AAEH;;;;IAIM,YAAY,GAAG,UAAC,EAA8B;QAA5B,kBAAM;IACpB,IAAA,oBAA2C,EAA1C,iBAAS,EAAE,oBAA+B,CAAC;IAC5C,IAAA,eAAsD,EAArD,qBAAa,EAAE,wBAAsC,CAAC;IAC7D,IAAM,gBAAgB,GAAG,UAAC,QAA8C,IAAK,OAAA,UAAC,KAAiC;QAC3G,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,UAAU,CAAC;YACP,QAAQ,CAAC,KAAK,CAAC,CAAC;YAChB,YAAY,CAAC,KAAK,CAAC,CAAC;SACvB,EAAE,MAAM,CAAC,CAAC;KACd,GAAA,CAAC;IAEF,IAAM,iBAAiB,GAAG,cAAM,OAAA,gBAAgB,CAAC,oBAAoB,CAAC,GAAA,CAAC;IACvE,IAAM,gBAAgB,GAAG,cAAM,OAAA,gBAAgB,CAAC,mBAAmB,CAAC,GAAA,CAAC;IACrE,IAAM,OAAO,GAAG,SAAS,CAAC,EAAE,SAAS,WAAA,EAAE,aAAa,eAAA,EAAE,MAAM,QAAA,EAAE,CAAC,CAAC;IAEhE,OAAO;QACH,gBAAgB,kBAAA;QAChB,iBAAiB,mBAAA;QACjB,gBAAgB,kBAAA;QAChB,kBAAkB,EAAE,OAAO,CAAC,SAAS;KACxC,CAAC;AACN;;;;"}

package/build/esm/src/components/date_picker/hooks/use_date_names.js

@@ -1,31 +0,0 @@
-import { useTranslation } from '../../../../node_modules/react-i18next/dist/es/useTranslation.js';
-
-/**
- * Hook to get monthNames and weekDays and their shortcuts by index
- */
-var useDateNames = function () {
-    var t = useTranslation()[0];
-    var monthIndexes = [
-        'january',
-        'february',
-        'march',
-        'april',
-        'may',
-        'june',
-        'july',
-        'august',
-        'september',
-        'october',
-        'november',
-        'december'
-    ];
-    var weekIndexes = ['monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'saturday', 'sunday'];
-    var monthNames = monthIndexes.map(function (item) { return t(item); });
-    var weekNames = weekIndexes.map(function (item) { return t(item); });
-    var monthNameShortcuts = monthNames.map(function (item) { return item.slice(0, 3); });
-    var weekNameShortcuts = weekNames.map(function (item) { return item.slice(0, 1); });
-    return { monthNames: monthNames, monthNameShortcuts: monthNameShortcuts, weekNames: weekNames, weekNameShortcuts: weekNameShortcuts };
-};
-
-export default useDateNames;
-//# sourceMappingURL=use_date_names.js.map

package/build/esm/src/components/date_picker/hooks/use_date_names.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use_date_names.js","sources":["../../../../../../src/components/date_picker/hooks/use_date_names.ts"],"sourcesContent":["import { useTranslation } from 'react-i18next';\n\n/**\n * Hook to get monthNames and weekDays and their shortcuts by index\n */\nconst useDateNames = () => {\n    const [t] = useTranslation();\n    const monthIndexes = [\n        'january',\n        'february',\n        'march',\n        'april',\n        'may',\n        'june',\n        'july',\n        'august',\n        'september',\n        'october',\n        'november',\n        'december'\n    ];\n    const weekIndexes = ['monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'saturday', 'sunday'];\n    const monthNames = monthIndexes.map((item) => t(item));\n    const weekNames = weekIndexes.map((item) => t(item));\n    const monthNameShortcuts = monthNames.map((item) => item.slice(0, 3));\n    const weekNameShortcuts = weekNames.map((item) => item.slice(0, 1));\n\n    return { monthNames, monthNameShortcuts, weekNames, weekNameShortcuts };\n};\n\nexport default useDateNames;\n"],"names":[],"mappings":";;AAEA;;;IAGM,YAAY,GAAG;IACV,IAAA,uBAAC,CAAqB;IAC7B,IAAM,YAAY,GAAG;QACjB,SAAS;QACT,UAAU;QACV,OAAO;QACP,OAAO;QACP,KAAK;QACL,MAAM;QACN,MAAM;QACN,QAAQ;QACR,WAAW;QACX,SAAS;QACT,UAAU;QACV,UAAU;KACb,CAAC;IACF,IAAM,WAAW,GAAG,CAAC,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC;IACnG,IAAM,UAAU,GAAG,YAAY,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC,CAAC,IAAI,CAAC,GAAA,CAAC,CAAC;IACvD,IAAM,SAAS,GAAG,WAAW,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC,CAAC,IAAI,CAAC,GAAA,CAAC,CAAC;IACrD,IAAM,kBAAkB,GAAG,UAAU,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAA,CAAC,CAAC;IACtE,IAAM,iBAAiB,GAAG,SAAS,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAA,CAAC,CAAC;IAEpE,OAAO,EAAE,UAAU,YAAA,EAAE,kBAAkB,oBAAA,EAAE,SAAS,WAAA,EAAE,iBAAiB,mBAAA,EAAE,CAAC;AAC5E;;;;"}

package/build/esm/src/components/date_picker/hooks/use_keyboard_navigation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use_keyboard_navigation.js","sources":["../../../../../../src/components/date_picker/hooks/use_keyboard_navigation.ts"],"sourcesContent":["import { useContext } from 'react';\nimport { useKeyDown } from '@hooks/use_key_down';\nimport { DropdownContext } from '@components/dropdown/context';\nimport { IDropdownContext } from '@components/dropdown/context/types';\nimport { MonthYearNavigationContext, ValueControllerContext } from '../context/';\n\n/**\n * Hook to bind keyboard keys to navigate date\n */\nexport const useKeyboardNavigation = () => {\n    const { setMonth, setYear, year, month } = useContext(MonthYearNavigationContext);\n    const { updateDate, navigationDate = new Date(year, month, 1), setNavigationDate } = useContext(ValueControllerContext);\n    const { toggleDropdown }: IDropdownContext = useContext(DropdownContext);\n\n    const moveDate = (days: number) => {\n        const newDate: Date = new Date(navigationDate.toISOString());\n        if (navigationDate.getMonth() !== month || navigationDate.getFullYear() !== year) {\n            newDate.setMonth(month);\n            newDate.setFullYear(year);\n            setNavigationDate(newDate);\n        } else {\n            newDate.setDate(newDate.getDate() + days);\n            setNavigationDate(newDate);\n            if (month !== newDate.getMonth()) {\n                setMonth(newDate.getMonth());\n            }\n            if (year !== newDate.getFullYear()) {\n                setYear(newDate.getFullYear());\n            }\n        }\n    };\n\n    const leftArrow = () => moveDate(-1);\n    const rightArrow = () => moveDate(+1);\n    const upArrow = () => moveDate(-7);\n    const downArrow = () => moveDate(7);\n    const chooseDate = () => {\n        updateDate(navigationDate);\n    };\n    const chooseDateClose = () => {\n        updateDate(navigationDate);\n        toggleDropdown?.();\n    };\n\n    //@todo darqwski\n    //This is probably broken because of missing ref\n    useKeyDown(['ArrowLeft'], leftArrow);\n    useKeyDown(['ArrowUp'], upArrow);\n    useKeyDown(['ArrowDown'], downArrow);\n    useKeyDown(['ArrowRight'], rightArrow);\n    useKeyDown([' '], chooseDate);\n    useKeyDown(['Enter'], chooseDateClose);\n};\n"],"names":[],"mappings":";;;;;;AAMA;;;IAGa,qBAAqB,GAAG;IAC3B,IAAA,2CAA2E,EAAzE,sBAAQ,EAAE,oBAAO,EAAE,cAAI,EAAE,gBAAgD,CAAC;IAC5E,IAAA,kCAAiH,EAA/G,0BAAU,EAAE,sBAAyC,EAAzC,8DAAyC,EAAE,wCAAwD,CAAC;IAChH,IAAA,2DAAc,CAAmD;IAEzE,IAAM,QAAQ,GAAG,UAAC,IAAY;QAC1B,IAAM,OAAO,GAAS,IAAI,IAAI,CAAC,cAAc,CAAC,WAAW,EAAE,CAAC,CAAC;QAC7D,IAAI,cAAc,CAAC,QAAQ,EAAE,KAAK,KAAK,IAAI,cAAc,CAAC,WAAW,EAAE,KAAK,IAAI,EAAE;YAC9E,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YACxB,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;YAC1B,iBAAiB,CAAC,OAAO,CAAC,CAAC;SAC9B;aAAM;YACH,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,CAAC;YAC1C,iBAAiB,CAAC,OAAO,CAAC,CAAC;YAC3B,IAAI,KAAK,KAAK,OAAO,CAAC,QAAQ,EAAE,EAAE;gBAC9B,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC;aAChC;YACD,IAAI,IAAI,KAAK,OAAO,CAAC,WAAW,EAAE,EAAE;gBAChC,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC;aAClC;SACJ;KACJ,CAAC;IAEF,IAAM,SAAS,GAAG,cAAM,OAAA,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAA,CAAC;IACrC,IAAM,UAAU,GAAG,cAAM,OAAA,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAA,CAAC;IACtC,IAAM,OAAO,GAAG,cAAM,OAAA,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAA,CAAC;IACnC,IAAM,SAAS,GAAG,cAAM,OAAA,QAAQ,CAAC,CAAC,CAAC,GAAA,CAAC;IACpC,IAAM,UAAU,GAAG;QACf,UAAU,CAAC,cAAc,CAAC,CAAC;KAC9B,CAAC;IACF,IAAM,eAAe,GAAG;QACpB,UAAU,CAAC,cAAc,CAAC,CAAC;QAC3B,cAAc,aAAd,cAAc,uBAAd,cAAc,GAAK;KACtB,CAAC;;;IAIF,UAAU,CAAC,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC,CAAC;IACrC,UAAU,CAAC,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC,CAAC;IACjC,UAAU,CAAC,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC,CAAC;IACrC,UAAU,CAAC,CAAC,YAAY,CAAC,EAAE,UAAU,CAAC,CAAC;IACvC,UAAU,CAAC,CAAC,GAAG,CAAC,EAAE,UAAU,CAAC,CAAC;IAC9B,UAAU,CAAC,CAAC,OAAO,CAAC,EAAE,eAAe,CAAC,CAAC;AAC3C;;;;"}

package/build/esm/src/components/date_picker/hooks/use_value_controller.js

@@ -1,201 +0,0 @@
-import { useState, useEffect, useContext } from 'react';
-import { __assign } from '../../../../_virtual/_tslib.js';
-import { DropdownContext } from '../../dropdown/context/index.js';
-import '../../../../node_modules/lodash/union.js';
-import { formatDate } from '../../../utilities/dates/formats.js';
-import { MILLIS_IN_DAY } from '../constants.js';
-
-var getDateDiffInDays = function (dateA, dateB) {
-    var timeA = dateA.getTime();
-    var timeB = dateB.getTime();
-    return Math.abs((timeA - timeB) / MILLIS_IN_DAY);
-};
-var isSameDate = function (dateA, dateB) {
-    if (!dateA || !dateB) {
-        return false;
-    }
-    if (dateA.getDate() !== dateB.getDate()) {
-        return false;
-    }
-    if (dateA.getMonth() !== dateB.getMonth()) {
-        return false;
-    }
-    if (dateA.getFullYear() !== dateB.getFullYear()) {
-        return false;
-    }
-    return true;
-};
-var isDateEarlierThan = function (dateA, dateB) {
-    if (!dateA || !dateB) {
-        return false;
-    }
-    return dateA.getTime() < dateB.getTime();
-};
-var isDateLaterThan = function (dateA, dateB) {
-    if (!dateA || !dateB) {
-        return false;
-    }
-    return dateA.getTime() > dateB.getTime();
-};
-var isDateEarlierOrSame = function (dateA, dateB) {
-    return isDateEarlierThan(dateA, dateB) || isSameDate(dateA, dateB);
-};
-var isDateLaterOrSame = function (dateA, dateB) {
-    return isDateLaterThan(dateA, dateB) || isSameDate(dateA, dateB);
-};
-/**
- * Hook to operate on single-date-picker
- */
-var useSingleValueController = function (_a) {
-    var defaultDate = _a.defaultDate, maxDate = _a.maxDate, minDate = _a.minDate, showButtons = _a.showButtons;
-    var _b = useState(defaultDate), value = _b[0], setValue = _b[1];
-    var toggleDropdown = useContext(DropdownContext).toggleDropdown;
-    var inputValue = (value === null || value === void 0 ? void 0 : value.toISOString()) || '';
-    var isSelected = function (date) {
-        return isSameDate(date, value);
-    };
-    var restoreDefaultValue = function () { return setValue(defaultDate); };
-    var isInRange = function () { return false; };
-    var isProposed = function () { return false; };
-    var isBlocked = function (date) {
-        if (isDateLaterOrSame(date, maxDate)) {
-            return true;
-        }
-        if (isDateEarlierOrSame(date, minDate)) {
-            return true;
-        }
-        return false;
-    };
-    var updateDate = function (date) {
-        if (!isBlocked(date)) {
-            setValue(date);
-            if (!showButtons) {
-                toggleDropdown === null || toggleDropdown === void 0 ? void 0 : toggleDropdown();
-            }
-        }
-    };
-    return {
-        updateDate: updateDate,
-        inputValue: inputValue,
-        readable: formatDate(value),
-        value: value,
-        setValue: setValue,
-        isSelected: isSelected,
-        defaultDate: defaultDate,
-        isInRange: isInRange,
-        isBlocked: isBlocked,
-        isProposed: isProposed,
-        restoreDefaultValue: restoreDefaultValue,
-    };
-};
-/**
- *
- * Hook to operate on range-picker
- */
-var useRangeValueController = function (_a) {
-    var defaultRange = _a.defaultRange, defaultDate = _a.defaultDate, maxDate = _a.maxDate, minDate = _a.minDate, minRange = _a.minRange, maxRange = _a.maxRange, hoverDate = _a.hoverDate;
-    var _b = useState(defaultRange), value = _b[0], setValue = _b[1];
-    var _c = value || {}, startDate = _c.startDate, endDate = _c.endDate;
-    var updateDate = function (date) {
-        if (isBlocked(date)) {
-            return;
-        }
-        if (!endDate && isDateEarlierThan(date, startDate)) {
-            setValue({ startDate: date, endDate: startDate });
-        }
-        else if (startDate && !(value === null || value === void 0 ? void 0 : value.endDate)) {
-            setValue({ endDate: date, startDate: startDate });
-        }
-        else {
-            setValue({ startDate: date });
-        }
-    };
-    var readable = formatDate(startDate) + " - " + formatDate(endDate);
-    var inputValue = JSON.stringify([startDate, endDate]);
-    var isSelected = function (date) {
-        return isSameDate(date, startDate) || isSameDate(date, endDate) || isSameDate(date, hoverDate);
-    };
-    var isInRange = function (date) {
-        if (!startDate) {
-            return false;
-        }
-        if (!endDate) {
-            if (!hoverDate) {
-                return false;
-            }
-            if (hoverDate.getTime() > startDate.getTime()) {
-                return isDateLaterOrSame(date, startDate) && isDateEarlierOrSame(date, hoverDate);
-            }
-            return isDateEarlierOrSame(date, startDate) && isDateLaterThan(date, hoverDate);
-        }
-        return isDateLaterOrSame(date, startDate) && isDateEarlierOrSame(date, endDate);
-    };
-    var isBlocked = function (date) {
-        if (isDateLaterThan(date, maxDate)) {
-            return true;
-        }
-        if (isDateEarlierThan(date, minDate)) {
-            return true;
-        }
-        if (!startDate) {
-            return false;
-        }
-        if (startDate && endDate) {
-            return false;
-        }
-        var diff = getDateDiffInDays(startDate, date);
-        if (diff === 0) {
-            return false;
-        }
-        if (minRange && minRange > diff) {
-            return true;
-        }
-        if (maxRange && maxRange < diff) {
-            return true;
-        }
-        return false;
-    };
-    var isProposed = function () { return (startDate && !endDate) || false; };
-    var restoreDefaultValue = function () { return setValue(defaultRange); };
-    return {
-        updateDate: updateDate,
-        inputValue: inputValue,
-        readable: readable,
-        setValue: setValue,
-        value: value,
-        isSelected: isSelected,
-        isInRange: isInRange,
-        defaultRange: defaultRange,
-        defaultDate: (defaultRange === null || defaultRange === void 0 ? void 0 : defaultRange.startDate) || defaultDate,
-        restoreDefaultValue: restoreDefaultValue,
-        isBlocked: isBlocked,
-        isProposed: isProposed,
-    };
-};
-/**
- *
- * Hook to operate on datepicker
- * @type, based on this value, proper controller is chosen
- */
-var useValueController = function (_a) {
-    var type = _a.type, defaultDate = _a.defaultDate, defaultRange = _a.defaultRange, maxDate = _a.maxDate, minDate = _a.minDate, minRange = _a.minRange, maxRange = _a.maxRange, showButtons = _a.showButtons;
-    var _b = useState(), navigationDate = _b[0], setNavigationDate = _b[1];
-    var _c = useState(), hoverDate = _c[0], setHoverDate = _c[1];
-    var singleValueController = useSingleValueController({ defaultDate: defaultDate, maxDate: maxDate, minDate: minDate, showButtons: showButtons });
-    var rangeValueController = useRangeValueController({ defaultRange: defaultRange, defaultDate: defaultDate, maxDate: maxDate, minDate: minDate, minRange: minRange, maxRange: maxRange, hoverDate: hoverDate });
-    var isNavigation = function (date) { return isSameDate(date, navigationDate); };
-    var isToday = function (date) { return isSameDate(date, new Date()); };
-    var valueController = type === 'single' ? singleValueController : rangeValueController;
-    var restoreDefaultValue = valueController.restoreDefaultValue;
-    useEffect(function () {
-        restoreDefaultValue();
-    }, [defaultDate, defaultRange]);
-    return __assign(__assign({}, valueController), { navigationDate: navigationDate,
-        setNavigationDate: setNavigationDate,
-        isNavigation: isNavigation,
-        setHoverDate: setHoverDate,
-        isToday: isToday });
-};
-
-export default useValueController;
-//# sourceMappingURL=use_value_controller.js.map

package/build/esm/src/components/date_picker/hooks/use_value_controller.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use_value_controller.js","sources":["../../../../../../src/components/date_picker/hooks/use_value_controller.ts"],"sourcesContent":["import { useContext, useEffect, useState } from 'react';\nimport { formatDate } from '@utilities/index';\nimport { IDatepickerRange, IValueControllerProps } from '../types';\nimport { MILLIS_IN_DAY } from '../constants';\nimport { DropdownContext } from '@components/dropdown/context';\nimport { IDropdownContext } from '@components/dropdown/context/types';\n\nconst getDateDiffInDays = (dateA: Date, dateB: Date) => {\n    const timeA = dateA.getTime();\n    const timeB = dateB.getTime();\n\n    return Math.abs((timeA - timeB) / MILLIS_IN_DAY);\n};\n\nconst isSameDate = (dateA?: Date, dateB?: Date): boolean => {\n    if (!dateA || !dateB) {\n        return false;\n    }\n    if (dateA.getDate() !== dateB.getDate()) {\n        return false;\n    }\n    if (dateA.getMonth() !== dateB.getMonth()) {\n        return false;\n    }\n    if (dateA.getFullYear() !== dateB.getFullYear()) {\n        return false;\n    }\n\n    return true;\n};\n\nconst isDateEarlierThan = (dateA?: Date, dateB?: Date): boolean => {\n    if (!dateA || !dateB) {\n        return false;\n    }\n\n    return dateA.getTime() < dateB.getTime();\n};\nconst isDateLaterThan = (dateA?: Date, dateB?: Date): boolean => {\n    if (!dateA || !dateB) {\n        return false;\n    }\n\n    return dateA.getTime() > dateB.getTime();\n};\n\nconst isDateEarlierOrSame = (dateA?: Date, dateB?: Date): boolean => {\n    return isDateEarlierThan(dateA, dateB) || isSameDate(dateA, dateB);\n};\nconst isDateLaterOrSame = (dateA?: Date, dateB?: Date): boolean => {\n    return isDateLaterThan(dateA, dateB) || isSameDate(dateA, dateB);\n};\n\n/**\n * Hook to operate on single-date-picker\n */\nconst useSingleValueController = ({\n    defaultDate,\n    maxDate,\n    minDate,\n    showButtons,\n}: {\n    defaultDate?: Date;\n    maxDate?: Date;\n    minDate?: Date;\n    showButtons?: boolean;\n}) => {\n    const [value, setValue] = useState<Date | undefined>(defaultDate);\n    const { toggleDropdown }: IDropdownContext = useContext(DropdownContext);\n    const inputValue = value?.toISOString() || '';\n    const isSelected = (date: Date) => {\n        return isSameDate(date, value);\n    };\n    const restoreDefaultValue = () => setValue(defaultDate);\n    const isInRange = () => false;\n    const isProposed = () => false;\n    const isBlocked = (date: Date) => {\n        if (isDateLaterOrSame(date, maxDate)) {\n            return true;\n        }\n        if (isDateEarlierOrSame(date, minDate)) {\n            return true;\n        }\n        return false;\n    };\n\n    const updateDate = (date: Date) => {\n        if (!isBlocked(date)) {\n            setValue(date);\n            if (!showButtons) {\n                toggleDropdown?.();\n            }\n        }\n    };\n\n    return {\n        updateDate,\n        inputValue,\n        readable: formatDate(value),\n        value,\n        setValue,\n        isSelected,\n        defaultDate,\n        isInRange,\n        isBlocked,\n        isProposed,\n        restoreDefaultValue,\n    };\n};\n\n/**\n *\n * Hook to operate on range-picker\n */\nconst useRangeValueController = ({\n    defaultRange,\n    defaultDate,\n    maxDate,\n    minDate,\n    minRange,\n    maxRange,\n    hoverDate,\n}: {\n    defaultRange?: IDatepickerRange;\n    defaultDate?: Date;\n    maxDate?: Date;\n    minDate?: Date;\n    hoverDate?: Date;\n    maxRange?: number;\n    minRange?: number;\n}) => {\n    const [value, setValue] = useState(defaultRange);\n\n    const { startDate, endDate } = value || {};\n\n    const updateDate = (date: Date) => {\n        if (isBlocked(date)) {\n            return;\n        }\n        if (!endDate && isDateEarlierThan(date, startDate)) {\n            setValue({ startDate: date, endDate: startDate });\n        } else if (startDate && !value?.endDate) {\n            setValue({ endDate: date, startDate: startDate });\n        } else {\n            setValue({ startDate: date });\n        }\n    };\n\n    const readable = `${formatDate(startDate)} - ${formatDate(endDate)}`;\n\n    const inputValue = JSON.stringify([startDate, endDate]);\n\n    const isSelected = (date: Date) => {\n        return isSameDate(date, startDate) || isSameDate(date, endDate) || isSameDate(date, hoverDate);\n    };\n\n    const isInRange = (date: Date) => {\n        if (!startDate) {\n            return false;\n        }\n        if (!endDate) {\n            if (!hoverDate) {\n                return false;\n            }\n            if (hoverDate.getTime() > startDate.getTime()) {\n                return isDateLaterOrSame(date, startDate) && isDateEarlierOrSame(date, hoverDate);\n            }\n            return isDateEarlierOrSame(date, startDate) && isDateLaterThan(date, hoverDate);\n        }\n        return isDateLaterOrSame(date, startDate) && isDateEarlierOrSame(date, endDate);\n    };\n\n    const isBlocked = (date: Date) => {\n        if (isDateLaterThan(date, maxDate)) {\n            return true;\n        }\n        if (isDateEarlierThan(date, minDate)) {\n            return true;\n        }\n        if (!startDate) {\n            return false;\n        }\n        if (startDate && endDate) {\n            return false;\n        }\n        const diff = getDateDiffInDays(startDate, date);\n        if (diff === 0) {\n            return false;\n        }\n        if (minRange && minRange > diff) {\n            return true;\n        }\n        if (maxRange && maxRange < diff) {\n            return true;\n        }\n\n        return false;\n    };\n    const isProposed = () => (startDate && !endDate) || false;\n    const restoreDefaultValue = () => setValue(defaultRange);\n\n    return {\n        updateDate,\n        inputValue,\n        readable,\n        setValue,\n        value,\n        isSelected,\n        isInRange,\n        defaultRange,\n        defaultDate: defaultRange?.startDate || defaultDate,\n        restoreDefaultValue,\n        isBlocked,\n        isProposed,\n    };\n};\n\n/**\n *\n * Hook to operate on datepicker\n * @type, based on this value, proper controller is chosen\n */\nconst useValueController = ({ type, defaultDate, defaultRange, maxDate, minDate, minRange, maxRange, showButtons }: IValueControllerProps) => {\n    const [navigationDate, setNavigationDate] = useState<Date | undefined>();\n    const [hoverDate, setHoverDate] = useState<Date>();\n    const singleValueController = useSingleValueController({ defaultDate, maxDate, minDate, showButtons });\n    const rangeValueController = useRangeValueController({ defaultRange, defaultDate, maxDate, minDate, minRange, maxRange, hoverDate });\n    const isNavigation = (date: Date) => isSameDate(date, navigationDate);\n    const isToday = (date: Date) => isSameDate(date, new Date());\n\n    const valueController = type === 'single' ? singleValueController : rangeValueController;\n    const { restoreDefaultValue } = valueController;\n\n    useEffect(() => {\n        restoreDefaultValue();\n    }, [defaultDate, defaultRange]);\n\n    return {\n        ...valueController,\n        navigationDate,\n        setNavigationDate,\n        isNavigation,\n        setHoverDate,\n        isToday,\n    };\n};\n\nexport default useValueController;\n"],"names":[],"mappings":"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"}

package/build/esm/src/components/date_picker/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/date_picker/index.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { IDatepickerProps } from './types';\nimport useValueController from './hooks/use_value_controller';\nimport { ValueControllerContext } from './context';\nimport RangePicker from './hoc/range_picker';\nimport SingleDatepicker from './hoc/single_date_picker';\n\nexport { RangePicker, SingleDatepicker };\n\nexport default ({\n    defaultDate,\n    defaultRange,\n    type = 'single',\n    name,\n    onChange,\n    maxDate,\n    minDate,\n    maxRange,\n    minRange,\n    className,\n    showButtons,\n    showDefaultRanges,\n}: IDatepickerProps) => {\n    const valueController = useValueController({\n        type,\n        defaultRange,\n        defaultDate,\n        maxDate,\n        minDate,\n        maxRange,\n        minRange,\n    });\n    const { value, inputValue } = valueController;\n    useEffect(() => {\n        onChange?.(value);\n    }, [value, onChange]);\n\n    return (\n        <ValueControllerContext.Provider value={valueController}>\n            <input value={inputValue} type=\"hidden\" name={name} />\n            {type === 'single' ? (\n                <SingleDatepicker className={className} showButtons={showButtons} />\n            ) : (\n                <RangePicker className={className} showButtons={showButtons} showDefaultRanges={showDefaultRanges} />\n            )}\n        </ValueControllerContext.Provider>\n    );\n};\n"],"names":["ValueControllerContext"],"mappings":";;;;;;;;;AASA,aAAe,UAAC,EAaG;QAZf,4BAAW,EACX,8BAAY,EACZ,YAAe,EAAf,oCAAe,EACf,cAAI,EACJ,sBAAQ,EACR,oBAAO,EACP,oBAAO,EACP,sBAAQ,EACR,sBAAQ,EACR,wBAAS,EACT,4BAAW,EACX,wCAAiB;IAEjB,IAAM,eAAe,GAAG,kBAAkB,CAAC;QACvC,IAAI,MAAA;QACJ,YAAY,cAAA;QACZ,WAAW,aAAA;QACX,OAAO,SAAA;QACP,OAAO,SAAA;QACP,QAAQ,UAAA;QACR,QAAQ,UAAA;KACX,CAAC,CAAC;IACK,IAAA,6BAAK,EAAE,uCAAU,CAAqB;IAC9C,SAAS,CAAC;QACN,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,KAAK,EAAE;KACrB,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtB,QACI,oBAACA,iBAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,eAAe;QACnD,+BAAO,KAAK,EAAE,UAAU,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,GAAI;QACrD,IAAI,KAAK,QAAQ,IACd,oBAAC,gBAAgB,IAAC,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,GAAI,KAEpE,oBAAC,WAAW,IAAC,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,iBAAiB,EAAE,iBAAiB,GAAI,CACxG,CAC6B,EACpC;AACN,CAAC;;;;"}

package/build/esm/src/components/date_picker/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/components/date_picker/types.ts"],"names":[],"mappings":"AAAA,OAAyC,OAAO,CAAC;AACjD,OAA+B,4BAA4B,CAAC"}

package/build/esm/src/components/date_picker/utilities.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utilities.js","sources":["../../../../../src/components/date_picker/utilities.ts"],"sourcesContent":["/**\n * @return ArrayOf available ranges in rangepicker\n */\nexport const getRanges = () => {\n    const currentDate = new Date(Date.now());\n    const [date, month, year] = [currentDate.getDate(), currentDate.getMonth(), currentDate.getFullYear()];\n\n    const today = new Date(year, month, date);\n    const yesterday = { startDate: new Date(year, month, date - 1), endDate: today };\n    const last3Days = { startDate: new Date(year, month, date - 3), endDate: today };\n    const last7Days = { startDate: new Date(year, month, date - 7), endDate: today };\n    const currentWeek = { startDate: new Date(year, month, date - today.getDay() + 1), endDate: today };\n    const lastWeek = { startDate: new Date(year, month, date - 6 - today.getDay()), endDate: new Date(year, month, date - today.getDay()) };\n    const currentMonth = { startDate: new Date(year, month, 1), endDate: new Date(year, month, date) };\n    const lastMonth = { startDate: new Date(year, month - 1, 1), endDate: new Date(year, month, 0) };\n    const currentQuarter = { startDate: new Date(year, month - (month % 3), 1), endDate: new Date(year, month, date) };\n    const lastQuarter = { startDate: new Date(year, month - (month % 3) - 3, 1), endDate: new Date(year, month - (month % 3), 0) };\n    const currentYear = { startDate: new Date(year, 0, 1), endDate: new Date(year, month, date) };\n    const lastYear = { startDate: new Date(year - 1, 0, 1), endDate: new Date(year, 12, 0) };\n\n    return {\n        Yesterday: yesterday,\n        'Last 3 days': last3Days,\n        'Last 7 days': last7Days,\n        'Current Week': currentWeek,\n        'Last Week': lastWeek,\n        'Current Month': currentMonth,\n        'Last Month': lastMonth,\n        'Current Quarter': currentQuarter,\n        'Last Quarter': lastQuarter,\n        'Current Year': currentYear,\n        'Last Year': lastYear\n    };\n};\n"],"names":[],"mappings":"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"}

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

@@ -1,71 +0,0 @@
-import React, { useRef, useState, useEffect } from 'react';
-import { useTranslation } from '../../../../node_modules/react-i18next/dist/es/useTranslation.js';
-import { useDropdownContext } from '../context/index.js';
-import { SCREEN_XS } from '../../../constants/responsive_breakpoints.js';
-import { useScreenDetect } from '../../../hooks/use_screen_detect.js';
-import iconCssClasses from '../../../css/icons/main.module.less.js';
-import cssClasses from '../../../css/dropdown/main.module.less.js';
-import { useClickOutside } from '../../../hooks/use_click_outside.js';
-import { createPortal } from 'react-dom';
-import { TransitionGroup, CSSTransition } from 'react-transition-group';
-import { cssDropdownContent, cssDropdownHeader, cssDropdownHeaderContent, cssDropdownHeaderTitle } from '../css_classes.js';
-import IconArrow from '../../../assets/icon_arrow.js';
-import { getXYModifiersForNestedDropdowns, isChildOfModal } from '../utilities.js';
-import { DROPDOWN_Z_INDEX, DROPDOWN_ON_MODAL_Z_INDEX } from '../constants.js';
-
-/**
- * Dropdown.Content component. This togglable part of dropdown.
- * @component
- * @example
- * <Dropdown.Content> ... </Dropdown.Content>
- */
-var Content = function (_a) {
-    var headerComponent = _a.headerComponent, headerGoBackText = _a.headerGoBackText, headerGoBackIcon = _a.headerGoBackIcon, children = _a.children, portalContainer = _a.portalContainer;
-    var t = useTranslation()[0];
-    var contentRef = useRef(null);
-    var _b = useDropdownContext(), wrapperRef = _b.wrapperRef, toggleDropdown = _b.toggleDropdown, isOpen = _b.isOpen;
-    var _c = useState({
-        left: '0px',
-        top: '0px',
-        zIndex: DROPDOWN_Z_INDEX,
-    }), styles = _c[0], setStyles = _c[1];
-    var screenWidthName = useScreenDetect();
-    var refs = [contentRef];
-    if (wrapperRef) {
-        refs.push(wrapperRef);
-    }
-    useClickOutside(refs, function () {
-        if (typeof toggleDropdown === 'function') {
-            toggleDropdown();
-        }
-    });
-    useEffect(function () {
-        if (wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current) {
-            var _a = wrapperRef.current.getBoundingClientRect(), x = _a.x, y = _a.y, height = _a.height;
-            var yOffset = 10;
-            var _b = getXYModifiersForNestedDropdowns(portalContainer === null || portalContainer === void 0 ? void 0 : portalContainer.current), xModifier = _b.xModifier, yModifier = _b.yModifier;
-            var positionTop = height + y + yOffset - yModifier;
-            var positionLeft = x - xModifier;
-            var isInModal = isChildOfModal(wrapperRef);
-            var zIndex = isInModal ? DROPDOWN_ON_MODAL_Z_INDEX : DROPDOWN_Z_INDEX;
-            screenWidthName === SCREEN_XS
-                ? setStyles({ top: "0px", left: "0px", zIndex: zIndex })
-                : setStyles({ top: positionTop + "px", left: positionLeft + "px", zIndex: zIndex });
-        }
-    }, [portalContainer, screenWidthName, wrapperRef, isOpen]);
-    return createPortal(React.createElement(TransitionGroup, { component: null }, isOpen === true ? (React.createElement(CSSTransition, { timeout: 200, classNames: {
-            enter: cssClasses['dropdown-enter'],
-            enterActive: cssClasses['dropdown-enter-active'],
-            exit: cssClasses['dropdown-exit'],
-            exitActive: cssClasses['dropdown-exit-active'],
-        } },
-        React.createElement("div", { ref: contentRef, style: styles, className: cssClasses[cssDropdownContent] },
-            React.createElement("div", { className: cssClasses[cssDropdownHeader] },
-                React.createElement("div", { onClick: function () { return typeof toggleDropdown === 'function' && toggleDropdown(); } }, headerComponent !== null && headerComponent !== void 0 ? headerComponent : (React.createElement("div", { className: cssClasses[cssDropdownHeaderContent] },
-                    headerGoBackIcon || React.createElement(IconArrow, { className: iconCssClasses['icon_rotate-180'] }),
-                    React.createElement("span", { className: cssClasses[cssDropdownHeaderTitle] }, headerGoBackText !== null && headerGoBackText !== void 0 ? headerGoBackText : t('Go back')))))),
-            children))) : null), (portalContainer === null || portalContainer === void 0 ? void 0 : portalContainer.current) || document.body);
-};
-
-export default Content;
-//# sourceMappingURL=content.js.map

package/build/esm/src/components/dropdown/components/content.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"content.js","sources":["../../../../../../src/components/dropdown/components/content.tsx"],"sourcesContent":["import React, { useRef, useState, useEffect } from 'react';\nimport { createPortal } from 'react-dom';\nimport { TransitionGroup, CSSTransition } from 'react-transition-group';\nimport { useTranslation } from 'react-i18next';\n\nimport { IDropdownContentProps } from '../types';\nimport { IDropdownContext } from '../context/types';\nimport { useDropdownContext } from '../context';\nimport { useClickOutside, useScreenDetect } from '../../../hooks';\nimport { SCREEN_XS } from '@constants/responsive_breakpoints';\n\nimport { cssDropdownContent, cssDropdownHeader, cssDropdownHeaderTitle, cssDropdownHeaderContent } from '../css_classes';\nimport cssClasses from '@css/dropdown/main.module.less';\nimport iconCssClasses from '@css/icons/main.module.less';\nimport IconArrow from '@assets/icon_arrow';\nimport { getXYModifiersForNestedDropdowns, isChildOfModal } from '../utilities';\nimport { DROPDOWN_ON_MODAL_Z_INDEX, DROPDOWN_Z_INDEX } from '@components/dropdown/constants';\n\n/**\n * Dropdown.Content component. This togglable part of dropdown.\n * @component\n * @example\n * <Dropdown.Content> ... </Dropdown.Content>\n */\nconst Content: React.FC<IDropdownContentProps> = ({ headerComponent, headerGoBackText, headerGoBackIcon, children, portalContainer }) => {\n    const [t] = useTranslation();\n    const contentRef = useRef<HTMLDivElement>(null);\n    const { wrapperRef, toggleDropdown, isOpen }: IDropdownContext = useDropdownContext();\n    const [styles, setStyles] = useState({\n        left: '0px',\n        top: '0px',\n        zIndex: DROPDOWN_Z_INDEX,\n    });\n    const screenWidthName = useScreenDetect();\n\n    const refs = [contentRef];\n    if (wrapperRef) {\n        refs.push(wrapperRef);\n    }\n\n    useClickOutside(refs, () => {\n        if (typeof toggleDropdown === 'function') {\n            toggleDropdown();\n        }\n    });\n\n    useEffect(() => {\n        if (wrapperRef?.current) {\n            const { x, y, height } = wrapperRef.current.getBoundingClientRect();\n            const yOffset = 10;\n\n            const { xModifier, yModifier } = getXYModifiersForNestedDropdowns(portalContainer?.current);\n            const positionTop = height + y + yOffset - yModifier;\n            const positionLeft = x - xModifier;\n            const isInModal = isChildOfModal(wrapperRef);\n            const zIndex = isInModal ? DROPDOWN_ON_MODAL_Z_INDEX : DROPDOWN_Z_INDEX;\n\n            screenWidthName === SCREEN_XS\n                ? setStyles({ top: `0px`, left: `0px`, zIndex })\n                : setStyles({ top: `${positionTop}px`, left: `${positionLeft}px`, zIndex });\n        }\n    }, [portalContainer, screenWidthName, wrapperRef, isOpen]);\n\n    return createPortal(\n        <TransitionGroup component={null}>\n            {isOpen === true ? (\n                <CSSTransition\n                    timeout={200}\n                    classNames={{\n                        enter: cssClasses['dropdown-enter'],\n                        enterActive: cssClasses['dropdown-enter-active'],\n                        exit: cssClasses['dropdown-exit'],\n                        exitActive: cssClasses['dropdown-exit-active'],\n                    }}\n                >\n                    <div ref={contentRef} style={styles} className={cssClasses[cssDropdownContent]}>\n                        <div className={cssClasses[cssDropdownHeader]}>\n                            <div onClick={() => typeof toggleDropdown === 'function' && toggleDropdown()}>\n                                {headerComponent ?? (\n                                    <div className={cssClasses[cssDropdownHeaderContent]}>\n                                        {headerGoBackIcon || <IconArrow className={iconCssClasses['icon_rotate-180']} />}\n                                        <span className={cssClasses[cssDropdownHeaderTitle]}>{headerGoBackText ?? t('Go back')}</span>\n                                    </div>\n                                )}\n                            </div>\n                        </div>\n                        {children}\n                    </div>\n                </CSSTransition>\n            ) : null}\n        </TransitionGroup>,\n        portalContainer?.current || document.body\n    );\n};\n\nexport default Content;\n"],"names":[],"mappings":"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"}

package/build/esm/src/components/dropdown/components/custom_label.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"custom_label.js","sources":["../../../../../../src/components/dropdown/components/custom_label.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { IDropdownContext } from '../context/types';\nimport { useDropdownContext } from '../context';\nimport { IDropdownCustomLabelProps } from '../types';\nimport { useKeyboardOpenClose } from '../hooks/use_keyboard_open_close';\n\nconst CustomLabel: React.FC<IDropdownCustomLabelProps> = ({ children }) => {\n    const { toggleDropdown, isOpen }: IDropdownContext = useDropdownContext();\n    const ref = useRef(null);\n    useKeyboardOpenClose(toggleDropdown, isOpen, ref);\n\n    return (\n        <div onClick={toggleDropdown} ref={ref} tabIndex={0}>\n            {children}\n        </div>\n    );\n};\n\nexport default CustomLabel;\n"],"names":[],"mappings":";;;;IAMM,WAAW,GAAwC,UAAC,EAAY;QAAV,sBAAQ;IAC1D,IAAA,yBAAmE,EAAjE,kCAAc,EAAE,kBAAiD,CAAC;IAC1E,IAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACzB,oBAAoB,CAAC,cAAc,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC;IAElD,QACI,6BAAK,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,IAC9C,QAAQ,CACP,EACR;AACN;;;;"}

package/build/esm/src/components/dropdown/components/header.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"header.js","sources":["../../../../../../src/components/dropdown/components/header.tsx"],"sourcesContent":["import React from 'react';\nimport { IDropdownHeaderProps } from '../types';\nimport { cssDropdownListHead } from '../css_classes';\nimport cssClasses from '@css/dropdown/main.module.less';\nimport cssHeadingClasses from '@css/heading/main.module.less';\n\n/**\n * Dropdown.Header component. Header for options groups. Should be only used within Dropdown.List\n * @component\n * @example\n * <Dropdown.Header text=\"Some header\" />\n */\nconst Header: React.FC<IDropdownHeaderProps> = ({ text }): JSX.Element => {\n    return (\n        <li>\n            <div className={cssClasses[cssDropdownListHead]}>\n                <span className={cssHeadingClasses['head_line']}>{text}</span>\n            </div>\n        </li>\n    );\n};\n\nexport default Header;\n"],"names":["cssHeadingClasses"],"mappings":";;;;;AAMA;;;;;;IAMM,MAAM,GAAmC,UAAC,EAAQ;QAAN,cAAI;IAClD,QACI;QACI,6BAAK,SAAS,EAAE,UAAU,CAAC,mBAAmB,CAAC;YAC3C,8BAAM,SAAS,EAAEA,YAAiB,CAAC,WAAW,CAAC,IAAG,IAAI,CAAQ,CAC5D,CACL,EACP;AACN;;;;"}

package/build/esm/src/components/dropdown/components/item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"item.js","sources":["../../../../../../src/components/dropdown/components/item.tsx"],"sourcesContent":["import React from 'react';\nimport { IDropdownItemProps } from '../types';\nimport { IDropdownContext } from '../context/types';\nimport { useDropdownContext } from '../context';\n\n/**\n * Dropdown.Item component. Generic dropdown item\n * @component\n * @example\n * <Dropdown.Item> ... </Dropdown.Item>\n */\nconst Item: React.FC<IDropdownItemProps> = ({\n    /**\n     * children nodes\n     */\n    children,\n\n    /**\n     * indicates if its selected\n     */\n    isSelected,\n\n    /**\n     * on click callback\n     */\n    onClick\n}): JSX.Element => {\n    const { toggleDropdown }: IDropdownContext = useDropdownContext();\n\n    return (\n        <li role=\"option\" aria-selected={isSelected} onClick={(ev: React.MouseEvent) => onClick && onClick({ ev, toggleDropdown })}>\n            {children}\n        </li>\n    );\n};\n\nexport default Item;\n"],"names":[],"mappings":";;;AAKA;;;;;;IAMM,IAAI,GAAiC,UAAC,EAe3C;;;;;IAXG,sBAAQ;;;;IAKR,0BAAU;;;;IAKV,oBAAO;IAEC,IAAA,oDAAc,CAA4C;IAElE,QACI,4BAAI,IAAI,EAAC,QAAQ,mBAAgB,UAAU,EAAE,OAAO,EAAE,UAAC,EAAoB,IAAK,OAAA,OAAO,IAAI,OAAO,CAAC,EAAE,EAAE,IAAA,EAAE,cAAc,gBAAA,EAAE,CAAC,GAAA,IACrH,QAAQ,CACR,EACP;AACN;;;;"}

package/build/esm/src/components/dropdown/components/label.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"label.js","sources":["../../../../../../src/components/dropdown/components/label.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { IDropdownLabelProps } from '../types';\nimport { IDropdownContext } from '../context/types';\nimport { useDropdownContext } from '../context';\nimport { useKeyboardOpenClose } from '../hooks/use_keyboard_open_close';\nimport { DROPDOWN_TEST_ID } from '@components/dropdown/constants';\n\n/**\n * Dropdown.Label component. Use it for togglable element, if You dont need selectable values\n * @component\n * @example\n * <Dropdown.Label label=\"More options\" />\n */\nconst Label: React.FC<IDropdownLabelProps> = ({\n    /**\n     * label text\n     */\n    label,\n    /**\n     * Custom className\n     */\n    cssClass\n}) => {\n    const { toggleDropdown, isOpen }: IDropdownContext = useDropdownContext();\n    const ref = useRef(null);\n    useKeyboardOpenClose(toggleDropdown, isOpen, ref);\n\n    return (\n        <span onClick={toggleDropdown} tabIndex={0} ref={ref} className={cssClass} data-test-id={DROPDOWN_TEST_ID.label}>\n            {label}\n        </span>\n    );\n};\n\nexport default Label;\n"],"names":[],"mappings":";;;;;AAOA;;;;;;IAMM,KAAK,GAAkC,UAAC,EAS7C;;;;;IALG,gBAAK;;;;IAIL,sBAAQ;IAEF,IAAA,yBAAmE,EAAjE,kCAAc,EAAE,kBAAiD,CAAC;IAC1E,IAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACzB,oBAAoB,CAAC,cAAc,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC;IAElD,QACI,8BAAM,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,kBAAgB,gBAAgB,CAAC,KAAK,IAC1G,KAAK,CACH,EACT;AACN;;;;"}

package/build/esm/src/components/dropdown/components/link.js

@@ -1,31 +0,0 @@
-import React from 'react';
-import { __rest, __assign } from '../../../../_virtual/_tslib.js';
-import cssClasses from '../../../css/dropdown/main.module.less.js';
-import { cssDropdownListItem } from '../css_classes.js';
-
-/**
- * Dropdown.Link component. Should be only used within Dropdown.List.
- * @component
- * @example
- * <Dropdown.List isWithGroups={false}>
- *  <Dropdown.Link text="shoper.pl" href="https://shoper.pl" target="_blank" />
- * </Dropdown.List>
- */
-var Link = function (_a) {
-    var 
-    /**
-     * link text
-     */
-    text = _a.text, 
-    /**
-     * HTMLLinkElement attributes (href, target, rel)
-     */
-    attributes = __rest(_a, ["text"]);
-    var itemCssClass = cssClasses[cssDropdownListItem] + " " + cssClasses['link'];
-    return (React.createElement("li", null,
-        React.createElement("a", __assign({}, attributes, { className: itemCssClass }),
-            React.createElement("span", null, text))));
-};
-
-export default Link;
-//# sourceMappingURL=link.js.map

package/build/esm/src/components/dropdown/components/link.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"link.js","sources":["../../../../../../src/components/dropdown/components/link.tsx"],"sourcesContent":["import { IDropdownLinkProps } from '../types';\nimport React from 'react';\nimport cssClasses from '@css/dropdown/main.module.less';\nimport { cssDropdownListItem } from '../css_classes';\n\n/**\n * Dropdown.Link component. Should be only used within Dropdown.List.\n * @component\n * @example\n * <Dropdown.List isWithGroups={false}>\n *  <Dropdown.Link text=\"shoper.pl\" href=\"https://shoper.pl\" target=\"_blank\" />\n * </Dropdown.List>\n */\nconst Link: React.FC<IDropdownLinkProps> = ({\n    /**\n     * link text\n     */\n    text,\n\n    /**\n     * HTMLLinkElement attributes (href, target, rel)\n     */\n    ...attributes\n}): JSX.Element => {\n    const itemCssClass = `${cssClasses[cssDropdownListItem]} ${cssClasses['link']}`;\n\n    return (\n        <li>\n            <a {...attributes} className={itemCssClass}>\n                <span>{text}</span>\n            </a>\n        </li>\n    );\n};\n\nexport default Link;\n"],"names":[],"mappings":";;;;;AAKA;;;;;;;;IAQM,IAAI,GAAiC,UAAC,EAU3C;IANG;;;;IAAA,cAAI;;;;IAKJ,iCAAa;IAEb,IAAM,YAAY,GAAM,UAAU,CAAC,mBAAmB,CAAC,SAAI,UAAU,CAAC,MAAM,CAAG,CAAC;IAEhF,QACI;QACI,sCAAO,UAAU,IAAE,SAAS,EAAE,YAAY;YACtC,kCAAO,IAAI,CAAQ,CACnB,CACH,EACP;AACN;;;;"}

package/build/esm/src/components/dropdown/components/list.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"list.js","sources":["../../../../../../src/components/dropdown/components/list.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\n\nimport cssClasses from '@css/dropdown/main.module.less';\n\nimport { IDropdownListProps } from '../types';\nimport { cssDropdownList, cssDropdownWithScroll, cssDropdownListWithGroup } from '../css_classes';\n\n/**\n * Dropdown.List component. Displays list.\n * @component\n * @example\n * <Dropdown.List isWithGroups={false}>\n *  <Dropdown.Item>Test</Dropdown.Item>\n * </Dropdown.List>\n */\nconst List: React.FC<IDropdownListProps> = ({\n    /**\n     * indicates if list should render with padding to make groups\n     */\n    isWithGroups,\n\n    /**\n     * Children nodes\n     */\n    children\n}) => {\n    const listClasses = classnames(cssClasses[cssDropdownList], cssClasses[cssDropdownWithScroll], {\n        [cssClasses[cssDropdownListWithGroup]]: isWithGroups\n    });\n\n    return (\n        <ul role=\"listbox\" className={listClasses}>\n            {children}\n        </ul>\n    );\n};\n\nexport default List;\n"],"names":[],"mappings":";;;;;AAQA;;;;;;;;IAQM,IAAI,GAAiC,UAAC,EAU3C;;;;;;IANG,8BAAY;;;;IAKZ,sBAAQ;IAER,IAAM,WAAW,GAAG,UAAU,CAAC,UAAU,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC,qBAAqB,CAAC;QACzF,GAAC,UAAU,CAAC,wBAAwB,CAAC,IAAG,YAAY;YACtD,CAAC;IAEH,QACI,4BAAI,IAAI,EAAC,SAAS,EAAC,SAAS,EAAE,WAAW,IACpC,QAAQ,CACR,EACP;AACN;;;;"}

package/build/esm/src/components/dropdown/components/option.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"option.js","sources":["../../../../../../src/components/dropdown/components/option.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\n\nimport cssClasses from '@css/dropdown/main.module.less';\n\nimport { IDropdownOptionProps } from '../types';\nimport Item from './item';\nimport { cssDropdownListItem, cssDropdownListItemDisabled, cssDropdownListItemReadonly, cssDropdownListItemSelected } from '../css_classes';\n\n/**\n * Dropdown.Option component. Should be only used within Dropdown.List\n * @component\n * @example\n * const option = {\n *  text: 'Option 1',\n *  value: '1'\n * }\n *\n * <Dropdown.Option\n *  key=\"id1\"\n *  option={option}\n *  isSelected={false}\n *  isDisabled={false}\n *  isReadonly={false}\n *  onClick={(option) => console.log(option)}\n * />\n */\nconst Option: React.FC<IDropdownOptionProps> = ({\n    /**\n     * select option\n     */\n    option,\n\n    /**\n     * indicates if option component is selected\n     */\n    isSelected,\n\n    /**\n     * indicates if option component is readonly\n     */\n    isReadonly,\n\n    /**\n     * indicates if option component is disabled\n     */\n    isDisabled,\n\n    /**\n     * onClick callback\n     */\n    onClick\n}): JSX.Element => {\n    const itemClasses = classnames(cssClasses[cssDropdownListItem], {\n        [cssClasses[cssDropdownListItemSelected]]: isSelected,\n        [cssClasses[cssDropdownListItemDisabled]]: isDisabled,\n        [cssClasses[cssDropdownListItemReadonly]]: isReadonly\n    });\n\n    /**\n     * click handler works only for options that are neither readonly nor disabled\n     */\n    const clickHandler = isReadonly || isDisabled ? undefined : () => onClick(option);\n\n    return (\n        <Item isSelected={isSelected} onClick={clickHandler}>\n            <div className={itemClasses}>{<span>{option?.text}</span>}</div>\n        </Item>\n    );\n};\n\nexport default Option;\n"],"names":[],"mappings":";;;;;;AASA;;;;;;;;;;;;;;;;;;IAkBM,MAAM,GAAmC,UAAC,EAyB/C;;;;;;IArBG,kBAAM;;;;IAKN,0BAAU;;;;IAKV,0BAAU;;;;IAKV,0BAAU;;;;IAKV,oBAAO;IAEP,IAAM,WAAW,GAAG,UAAU,CAAC,UAAU,CAAC,mBAAmB,CAAC;QAC1D,GAAC,UAAU,CAAC,2BAA2B,CAAC,IAAG,UAAU;QACrD,GAAC,UAAU,CAAC,2BAA2B,CAAC,IAAG,UAAU;QACrD,GAAC,UAAU,CAAC,2BAA2B,CAAC,IAAG,UAAU;YACvD,CAAC;;;;IAKH,IAAM,YAAY,GAAG,UAAU,IAAI,UAAU,GAAG,SAAS,GAAG,cAAM,OAAA,OAAO,CAAC,MAAM,CAAC,GAAA,CAAC;IAElF,QACI,oBAAC,IAAI,IAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,YAAY;QAC/C,6BAAK,SAAS,EAAE,WAAW,IAAG,kCAAO,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAQ,CAAO,CAC7D,EACT;AACN;;;;"}

package/build/esm/src/components/dropdown/components/option_multiple.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"option_multiple.js","sources":["../../../../../../src/components/dropdown/components/option_multiple.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\n\nimport cssClasses from '@css/dropdown/main.module.less';\nimport { IDropdownOptionMultipleProps } from '../types';\nimport Item from './item';\nimport { cssDropdownListItem, cssDropdownListItemDisabled, cssDropdownListItemReadonly, cssDropdownListItemSelected } from '../css_classes';\nimport ControlCheckbox from '@components/controls/hoc/control_checkbox';\n\n/**\n * Dropdown.OptionMultiple component. Should be only used within Dropdown.List\n * @component\n * @example\n * const option = {\n *  text: 'Option 1',\n *  value: '1'\n * }\n *\n * <Dropdown.OptionMultiple\n *  key=\"id1\"\n *  option={option}\n *  isSelected={false}\n *  isDisabled={false}\n *  isReadonly={false}\n *  onClick={(option) => console.log(option)}\n * />\n */\nconst OptionMultiple: React.FC<IDropdownOptionMultipleProps> = ({\n    /**\n     * select option\n     */\n    option,\n\n    /**\n     * indicates if option component is selected\n     */\n    isSelected,\n\n    /**\n     * indicates if option component is readonly\n     */\n    isReadonly,\n\n    /**\n     * indicates if option component is disabled\n     */\n    isDisabled,\n\n    /**\n     * onClick callback\n     */\n    onClick\n}): JSX.Element => {\n    const itemClasses = classnames(cssClasses[cssDropdownListItem], {\n        [cssClasses[cssDropdownListItemSelected]]: isSelected,\n        [cssClasses[cssDropdownListItemDisabled]]: isDisabled,\n        [cssClasses[cssDropdownListItemReadonly]]: isReadonly\n    });\n\n    /**\n     * click handler works only for options that are neither readonly nor disabled\n     */\n    const clickHandler = isReadonly || isDisabled ? undefined : () => onClick(option);\n\n    return (\n        <Item isSelected={isSelected} onClick={clickHandler}>\n            <div className={itemClasses}>\n                <ControlCheckbox initiallyChecked={isSelected} disabled={isReadonly || isDisabled} label={option?.text} />\n            </div>\n        </Item>\n    );\n};\n\nexport default OptionMultiple;\n"],"names":[],"mappings":";;;;;;;AASA;;;;;;;;;;;;;;;;;;IAkBM,cAAc,GAA2C,UAAC,EAyB/D;;;;;;IArBG,kBAAM;;;;IAKN,0BAAU;;;;IAKV,0BAAU;;;;IAKV,0BAAU;;;;IAKV,oBAAO;IAEP,IAAM,WAAW,GAAG,UAAU,CAAC,UAAU,CAAC,mBAAmB,CAAC;QAC1D,GAAC,UAAU,CAAC,2BAA2B,CAAC,IAAG,UAAU;QACrD,GAAC,UAAU,CAAC,2BAA2B,CAAC,IAAG,UAAU;QACrD,GAAC,UAAU,CAAC,2BAA2B,CAAC,IAAG,UAAU;YACvD,CAAC;;;;IAKH,IAAM,YAAY,GAAG,UAAU,IAAI,UAAU,GAAG,SAAS,GAAG,cAAM,OAAA,OAAO,CAAC,MAAM,CAAC,GAAA,CAAC;IAElF,QACI,oBAAC,IAAI,IAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,YAAY;QAC/C,6BAAK,SAAS,EAAE,WAAW;YACvB,oBAAC,eAAe,IAAC,gBAAgB,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,IAAI,UAAU,EAAE,KAAK,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,GAAI,CACxG,CACH,EACT;AACN;;;;"}

package/build/esm/src/components/dropdown/components/search.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"search.js","sources":["../../../../../../src/components/dropdown/components/search.tsx"],"sourcesContent":["import React from 'react';\nimport cssClasses from '@css/dropdown/main.module.less';\nimport { IDropdownSearchProps } from '../types';\nimport { cssDropdownSearch } from '../css_classes';\nimport Input from '@components/controls/components/input';\n\n/**\n * Dropdown.Search component. Displays search control.\n * @component\n * @example\n * <Dropdown.Search onKeyUp={(ev) => console.log(`${ev} is a keyboard event`)} />\n */\nconst Search: React.FC<IDropdownSearchProps> = ({\n    /**\n     * on key up callback\n     */\n    onKeyUp\n}) => (\n    <aside className={cssClasses[cssDropdownSearch]}>\n        <Input placeholder=\"Szukaj\" padding=\"small\" onKeyUp={onKeyUp} autoFocus />\n    </aside>\n);\n\nexport default Search;\n"],"names":[],"mappings":";;;;;AAMA;;;;;;IAMM,MAAM,GAAmC,UAAC,EAK/C;;;;;IADG,oBAAO;IACL,QACF,+BAAO,SAAS,EAAE,UAAU,CAAC,iBAAiB,CAAC;QAC3C,oBAAC,KAAK,IAAC,WAAW,EAAC,QAAQ,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,SAAG,CACtE;AAHN;;;;"}

package/build/esm/src/components/dropdown/components/select.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"select.js","sources":["../../../../../../src/components/dropdown/components/select.tsx"],"sourcesContent":["import React from 'react';\n\nimport InputWrapper from '@components/controls/components/input_wrapper';\n\nimport { IDropdownSelectProps } from '../types';\nimport { IDropdownContext } from '../context/types';\nimport { useDropdownContext } from '../context';\nimport { useKeyboardOpenClose } from '../hooks/use_keyboard_open_close';\nimport cssClasses from '@css/dropdown/main.module.less';\n\n/**\n * Dropdown.Select component. Displays select like control. Use it only if you have selectable values.\n * @component\n * @example\n * <Dropdown.Select name=\"select_name\" selectedOptions={['value1', 'value2']} />\n */\nconst Select: React.FC<IDropdownSelectProps> = ({\n    /**\n     * select name\n     */\n    name,\n\n    /**\n     * is select disabled, used for styling purposes\n     */\n    isDisabled = false,\n\n    /**\n     * is select readonly, used for styling purposes\n     */\n    isReadonly = false,\n\n    /**\n     * array of selected options\n     */\n    selectedOptions\n}) => {\n    /**\n     * get values from dropdown context\n     */\n    const { isOpen, toggleDropdown }: IDropdownContext = useDropdownContext();\n\n    /**\n     * value for display purposes, its texts not actual values from options\n     */\n    const value = selectedOptions.map((option) => option.text).join(', ');\n\n    /**\n     * disabled options should have hidden inputs with values rendered\n     */\n    const notDisabled = selectedOptions.filter((option) => !option.isDisabled);\n    const $hiddenInputs = notDisabled.map((option) => (\n        <input key={option.value} type=\"hidden\" name={name} value={option.value} disabled={isDisabled} readOnly={isReadonly} />\n    ));\n\n    useKeyboardOpenClose(toggleDropdown, isOpen);\n\n    return (\n        <div className={cssClasses['select']} aria-expanded={isOpen} aria-haspopup=\"listbox\">\n            <InputWrapper value={value} isFocused={Boolean(isOpen)} isDisabled={isDisabled} isReadOnly={isReadonly} onClick={toggleDropdown} />\n            {$hiddenInputs}\n        </div>\n    );\n};\n\nexport default Select;\n"],"names":[],"mappings":";;;;;;AAUA;;;;;;IAMM,MAAM,GAAmC,UAAC,EAoB/C;;;;;IAhBG,cAAI;;;;IAKJ,kBAAkB;;;;IAAlB,uCAAkB;;;;IAKlB,kBAAkB;;;;IAAlB,uCAAkB;;;;IAKlB,oCAAe;;;;IAKT,IAAA,yBAAmE,EAAjE,kBAAM,EAAE,kCAAyD,CAAC;;;;IAK1E,IAAM,KAAK,GAAG,eAAe,CAAC,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,MAAM,CAAC,IAAI,GAAA,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;;;IAKtE,IAAM,WAAW,GAAG,eAAe,CAAC,MAAM,CAAC,UAAC,MAAM,IAAK,OAAA,CAAC,MAAM,CAAC,UAAU,GAAA,CAAC,CAAC;IAC3E,IAAM,aAAa,GAAG,WAAW,CAAC,GAAG,CAAC,UAAC,MAAM,IAAK,QAC9C,+BAAO,GAAG,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,GAAI,IAC1H,CAAC,CAAC;IAEH,oBAAoB,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;IAE7C,QACI,6BAAK,SAAS,EAAE,UAAU,CAAC,QAAQ,CAAC,mBAAiB,MAAM,mBAAgB,SAAS;QAChF,oBAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,cAAc,GAAI;QAClI,aAAa,CACZ,EACR;AACN;;;;"}

package/build/esm/src/components/dropdown/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sources":["../../../../../src/components/dropdown/constants.ts"],"sourcesContent":["const DROPDOWN_MAIN_TEST_ID = 'dropdown';\nconst DROPDOWN_LABEL_TEST_ID = `${DROPDOWN_MAIN_TEST_ID}__label`;\n\nexport const DROPDOWN_TEST_ID = {\n    dropdown: DROPDOWN_MAIN_TEST_ID,\n    label: DROPDOWN_LABEL_TEST_ID,\n};\n\nexport const DROPDOWN_Z_INDEX = 1200;\nexport const DROPDOWN_ON_MODAL_Z_INDEX = 2200;\n"],"names":[],"mappings":"AAAA,IAAM,qBAAqB,GAAG,UAAU,CAAC;AACzC,IAAM,sBAAsB,GAAM,qBAAqB,YAAS,CAAC;IAEpD,gBAAgB,GAAG;IAC5B,QAAQ,EAAE,qBAAqB;IAC/B,KAAK,EAAE,sBAAsB;EAC/B;IAEW,gBAAgB,GAAG,KAAK;IACxB,yBAAyB,GAAG;;;;"}

package/build/esm/src/components/dropdown/context/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/components/dropdown/context/index.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport { IDropdownContext } from './types';\n\nexport const DropdownContext = createContext({});\n\n/**\n * drodown context\n */\nexport function useDropdownContext(): IDropdownContext {\n    const context: IDropdownContext = useContext(DropdownContext);\n    if (Object.keys(context).length === 0 && context.constructor === Object) {\n        throw new Error(`Dropdown compound components cannot be rendered outside the Dropdown component`);\n    }\n    return context;\n}\n"],"names":[],"mappings":";;IAGa,eAAe,GAAG,aAAa,CAAC,EAAE,EAAE;AAEjD;;;SAGgB,kBAAkB;IAC9B,IAAM,OAAO,GAAqB,UAAU,CAAC,eAAe,CAAC,CAAC;IAC9D,IAAI,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,KAAK,CAAC,IAAI,OAAO,CAAC,WAAW,KAAK,MAAM,EAAE;QACrE,MAAM,IAAI,KAAK,CAAC,gFAAgF,CAAC,CAAC;KACrG;IACD,OAAO,OAAO,CAAC;AACnB;;;;"}

package/build/esm/src/components/dropdown/context/types.js.map

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

package/build/esm/src/components/dropdown/css_classes.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"css_classes.js","sources":["../../../../../src/components/dropdown/css_classes.ts"],"sourcesContent":["export const cssDropdown = 'dropdown';\nexport const cssDropdownContent = `${cssDropdown}__content`;\nexport const cssDropdownHeader = `${cssDropdown}__header`;\nexport const cssDropdownHeaderIcon = `${cssDropdown}__header-icon`;\nexport const cssDropdownHeaderTitle = `${cssDropdown}__header-title`;\nexport const cssDropdownHeaderContent = `${cssDropdown}__header-content`;\nexport const cssDropdownInput = `${cssDropdown}__input`;\nexport const cssDropdownList = `${cssDropdown}__list`;\n\nexport const cssDropdownSearch = `${cssDropdown}__search`;\nexport const cssDropdownWithScroll = `${cssDropdown}__list_with-scroll`;\nexport const cssDropdownListWithGroup = `${cssDropdown}__list_with-group`;\nexport const cssDropdownListHead = `${cssDropdown}__list-head`;\nexport const cssDropdownListItem = `${cssDropdown}__list-item`;\nexport const cssDropdownListItemSelected = `${cssDropdown}__list-item_selected`;\nexport const cssDropdownListItemDisabled = `${cssDropdown}__list-item_disabled`;\nexport const cssDropdownListItemReadonly = `${cssDropdown}__list-item_readonly`;\n\nexport const cssIcon = `icon`;\nexport const cssIconBack = `${cssIcon}-back`;\n"],"names":[],"mappings":"IAAa,WAAW,GAAG,WAAW;IACzB,kBAAkB,GAAM,WAAW,eAAY;IAC/C,iBAAiB,GAAM,WAAW,cAAW;IAE7C,sBAAsB,GAAM,WAAW,oBAAiB;IACxD,wBAAwB,GAAM,WAAW,sBAAmB;IAE5D,eAAe,GAAM,WAAW,YAAS;IAEzC,iBAAiB,GAAM,WAAW,cAAW;IAC7C,qBAAqB,GAAM,WAAW,wBAAqB;IAC3D,wBAAwB,GAAM,WAAW,uBAAoB;IAC7D,mBAAmB,GAAM,WAAW,iBAAc;IAClD,mBAAmB,GAAM,WAAW,iBAAc;IAClD,2BAA2B,GAAM,WAAW,0BAAuB;IACnE,2BAA2B,GAAM,WAAW,0BAAuB;IACnE,2BAA2B,GAAM,WAAW;;;;"}

package/build/esm/src/components/dropdown/hoc/multiselect/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../src/components/dropdown/hoc/multiselect/index.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport cssClasses from '@css/dropdown/main.module.less';\nimport Dropdown from '../../index';\nimport { IMultiSelectProps, ISelectOption } from '../../types';\nimport { DropdownContext } from '../../context';\nimport { useToggle, useSetOptionsOnClose, useValues } from '../../hooks';\nimport { handleSearchKeyUp, handleItemClick, isSelected } from '../../utilities';\nimport { cssDropdown } from '../../css_classes';\n\n/**\n * MultiSelect component. Build with Dropdown composed components.\n *\n * @component\n * @example\n * const options = [{\n *  text: 'Option 1',\n *  value: 'value1'\n * }, {\n *  text: 'Option 2,,\n *  value: 'value2'\n * }];\n * return (\n *  <MultiSelect name=\"my_select_name\" options={options} onChange={(option) => console.log(option)} />\n * )\n */\nconst Multiple: React.FC<IMultiSelectProps> = ({\n    /**\n     * multiselect name, used also for hidden inputs\n     */\n    name,\n\n    /**\n     * array of multiselect options\n     */\n    options,\n\n    /**\n     * array of default values (for select its always one element), array is used to be compatible with multiselects\n     */\n    defaultValues = [],\n\n    /**\n     * indicates if select is readonly\n     */\n    isReadonly = false,\n\n    /**\n     * indicatse if select is disabled\n     */\n    isDisabled = false,\n\n    /**\n     * indicates if selects has groups (similiar to optgroup), options then have left-padding, and you should use options with isHeader set to true\n     */\n    isWithGroups = false,\n\n    /**\n     * indicates if select should have search to look for options\n     */\n    isWithSearch = false,\n\n    /**\n     * indicates if select should be opened at render\n     */\n    defaultIsOpen = false,\n\n    /**\n     * indicates if select should hide on option click\n     */\n    defaultCloseOnClick = false,\n\n    /**\n     * called on select toggle\n     */\n    onToggle,\n\n    /**\n     * called on option change\n     */\n    onChange\n}) => {\n    /**\n     * reference to dropdown wrapper element\n     */\n    const wrapperRef = useRef<HTMLDivElement>(null);\n\n    /**\n     * isOpen provides state if dropdown is open(visible), toggleDropdown is a function which toggles dropdown content\n     */\n    const [isOpen, toggleDropdown] = useToggle(defaultIsOpen, onToggle);\n\n    /**\n     * hook with option list state, and method to change option list\n     */\n    const [optionsList, setOptionsList] = useState(options);\n\n    /**\n     * hook with selected value, and method do change it\n     */\n    const [selectedValues, setSelectedValues] = useValues(wrapperRef, options, defaultValues, onChange);\n\n    /**\n     * context values, they may be used with useContext in any component which is part of Dropdown composition\n     */\n    const value = React.useMemo(() => ({ wrapperRef, isOpen, toggleDropdown }), [isOpen, toggleDropdown]);\n\n    /**\n     * hook which resets options list to default on close if select has search and it was used\n     */\n    useSetOptionsOnClose(isWithSearch, isOpen, setOptionsList, options);\n\n    return (\n        <DropdownContext.Provider value={value}>\n            <div ref={wrapperRef} className={cssClasses[cssDropdown]}>\n                <Dropdown.Select name={name} isReadonly={isReadonly} isDisabled={isDisabled} selectedOptions={selectedValues} />\n\n                <Dropdown.Content>\n                    {isWithSearch && <Dropdown.Search onKeyUp={(ev) => handleSearchKeyUp(ev, options, setOptionsList)} />}\n\n                    <Dropdown.List isWithGroups={isWithGroups}>\n                        {optionsList?.map((option: ISelectOption) =>\n                            option.isHeader ? (\n                                <Dropdown.Header key={option.text} text={option.text} />\n                            ) : (\n                                <Dropdown.OptionMultiple\n                                    key={option.value}\n                                    option={option}\n                                    isSelected={isSelected(option, selectedValues)}\n                                    isDisabled={option.isDisabled ?? isDisabled}\n                                    isReadonly={option.isReadonly ?? isReadonly}\n                                    onClick={(option) => handleItemClick(option, defaultCloseOnClick, setSelectedValues, toggleDropdown)}\n                                />\n                            )\n                        )}\n                    </Dropdown.List>\n                </Dropdown.Content>\n            </div>\n        </DropdownContext.Provider>\n    );\n};\n\nexport default Multiple;\n"],"names":[],"mappings":";;;;;;;;;;AASA;;;;;;;;;;;;;;;;IAgBM,QAAQ,GAAgC,UAAC,EAuD9C;;;;;IAnDG,cAAI;;;;IAKJ,oBAAO;;;;IAKP,qBAAkB;;;;IAAlB,uCAAkB;;;;IAKlB,kBAAkB;;;;IAAlB,uCAAkB;;;;IAKlB,kBAAkB;;;;IAAlB,uCAAkB;;;;IAKlB,oBAAoB;;;;IAApB,yCAAoB;;;;IAKpB,oBAAoB;;;;IAApB,yCAAoB;;;;IAKpB,qBAAqB;;;;IAArB,0CAAqB;;;;IAKrB,2BAA2B;;;;IAA3B,gDAA2B;;;;IAK3B,sBAAQ;;;;IAKR,sBAAQ;;;;IAKR,IAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;;;;IAK1C,IAAA,uCAA6D,EAA5D,cAAM,EAAE,sBAAoD,CAAC;;;;IAK9D,IAAA,sBAAiD,EAAhD,mBAAW,EAAE,sBAAmC,CAAC;;;;IAKlD,IAAA,4DAA6F,EAA5F,sBAAc,EAAE,yBAA4E,CAAC;;;;IAKpG,IAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,cAAM,QAAC,EAAE,UAAU,YAAA,EAAE,MAAM,QAAA,EAAE,cAAc,gBAAA,EAAE,IAAC,EAAE,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC;;;;IAKtG,oBAAoB,CAAC,YAAY,EAAE,MAAM,EAAE,cAAc,EAAE,OAAO,CAAC,CAAC;IAEpE,QACI,oBAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK;QAClC,6BAAK,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,CAAC,WAAW,CAAC;YACpD,oBAAC,QAAQ,CAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,eAAe,EAAE,cAAc,GAAI;YAEhH,oBAAC,QAAQ,CAAC,OAAO;gBACZ,YAAY,IAAI,oBAAC,QAAQ,CAAC,MAAM,IAAC,OAAO,EAAE,UAAC,EAAE,IAAK,OAAA,iBAAiB,CAAC,EAAE,EAAE,OAAO,EAAE,cAAc,CAAC,GAAA,GAAI;gBAErG,oBAAC,QAAQ,CAAC,IAAI,IAAC,YAAY,EAAE,YAAY,IACpC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,GAAG,CAAC,UAAC,MAAqB;;oBACpC,OAAA,MAAM,CAAC,QAAQ,IACX,oBAAC,QAAQ,CAAC,MAAM,IAAC,GAAG,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,GAAI,KAExD,oBAAC,QAAQ,CAAC,cAAc,IACpB,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,CAAC,MAAM,EAAE,cAAc,CAAC,EAC9C,UAAU,QAAE,MAAM,CAAC,UAAU,mCAAI,UAAU,EAC3C,UAAU,QAAE,MAAM,CAAC,UAAU,mCAAI,UAAU,EAC3C,OAAO,EAAE,UAAC,MAAM,IAAK,OAAA,eAAe,CAAC,MAAM,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,cAAc,CAAC,GAAA,GACtG,CACL,CAAA;iBAAA,EAEO,CACD,CACjB,CACiB,EAC7B;AACN;;;;"}

package/build/esm/src/components/dropdown/hoc/select/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../src/components/dropdown/hoc/select/index.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport cssClasses from '@css/dropdown/main.module.less';\nimport Dropdown from '../../index';\nimport { ISelectProps, ISelectOption } from '../../types';\nimport { DropdownContext } from '../../context';\nimport { useToggle, useSetOptionsOnClose, useValue } from '../../hooks';\nimport { handleSearchKeyUp, handleItemClick, isSelected } from '../../utilities';\nimport { cssDropdown } from '../../css_classes';\n/**\n * Select component. Build with Dropdown composed components.\n *\n * @component\n * @example\n * const options = [{\n *  text: 'Option 1',\n *  value: 'value1'\n * }, {\n *  text: 'Option 2,,\n *  value: 'value2'\n * }];\n * return (\n *  <Select name=\"my_select_name\" options={options} onChange={(option) => console.log(option)} />\n * )\n */\nconst Select: React.FC<ISelectProps> = ({\n    /**\n     * select name, used also for hidden inputs\n     */\n    name,\n\n    /**\n     * array of select options\n     */\n    options,\n\n    /**\n     * array of default values (for select its always one element), array is used to be compatible with multiselects\n     */\n    defaultValues = [],\n\n    /**\n     * indicates if select is readonly\n     */\n    isReadonly = false,\n\n    /**\n     * indicates if select is disabled\n     */\n    isDisabled = false,\n\n    /**\n     * indicates if selects has groups (similar to optgroup), options then have left-padding, and you should use options with isHeader set to true\n     */\n    isWithGroups = false,\n\n    /**\n     * indicates if select should have search to look for options\n     */\n    isWithSearch = false,\n\n    /**\n     * indicates if select should be opened at render\n     */\n    defaultIsOpen = false,\n\n    /**\n     * indicates if select should hide on option click\n     */\n    defaultCloseOnClick = true,\n\n    /**\n     * called on select toggle\n     */\n    onToggle,\n\n    /**\n     * called on option change\n     */\n    onChange,\n    /**\n     * Place where portal should be placed, by default to body\n     * this can be used to put modal inside modal\n     */\n    portalContainer,\n}) => {\n    /**\n     * reference to dropdown wrapper element\n     */\n    const wrapperRef = useRef<HTMLDivElement>(null);\n\n    /**\n     * isOpen provides state if dropdown is open(visible), toggleDropdown is a function which toggles dropdown content\n     */\n    const [isOpen, toggleDropdown] = useToggle(defaultIsOpen, onToggle);\n\n    /**\n     * hook with option list state, and method to change option list\n     */\n    const [optionsList, setOptionsList] = useState<ISelectOption[]>([]);\n\n    /**\n     * hook with selected value, and method do change it\n     */\n    const [selectedValues, setSelectedValues] = useValue(wrapperRef, options, defaultValues, onChange);\n\n    /**\n     * context values, they may be used with useContext in any component which is part of Dropdown composition\n     */\n    const value = React.useMemo(() => ({ wrapperRef, isOpen, toggleDropdown }), [isOpen, toggleDropdown]);\n\n    /**\n     * hook which resets options list to default on close if select has search and it was used\n     */\n    useSetOptionsOnClose(isWithSearch, isOpen, setOptionsList, options);\n\n    useEffect(() => {\n        setOptionsList(options);\n    }, [options]);\n\n    return (\n        <DropdownContext.Provider value={value}>\n            <div ref={wrapperRef} className={cssClasses[cssDropdown]}>\n                <Dropdown.Select name={name} isReadonly={isReadonly} isDisabled={isDisabled} selectedOptions={selectedValues} />\n\n                <Dropdown.Content portalContainer={portalContainer}>\n                    {isWithSearch && <Dropdown.Search onKeyUp={(ev) => handleSearchKeyUp(ev, options, setOptionsList)} />}\n\n                    <Dropdown.List isWithGroups={isWithGroups}>\n                        {optionsList?.map((option: ISelectOption) =>\n                            option.isHeader ? (\n                                <Dropdown.Header key={option.text} text={option.text} />\n                            ) : (\n                                <Dropdown.Option\n                                    key={option.value}\n                                    option={option}\n                                    isSelected={isSelected(option, selectedValues)}\n                                    isDisabled={option.isDisabled ?? isDisabled}\n                                    isReadonly={option.isReadonly ?? isReadonly}\n                                    onClick={(option) => handleItemClick(option, defaultCloseOnClick, setSelectedValues, toggleDropdown)}\n                                />\n                            )\n                        )}\n                    </Dropdown.List>\n                </Dropdown.Content>\n            </div>\n        </DropdownContext.Provider>\n    );\n};\n\nexport default Select;\n"],"names":[],"mappings":";;;;;;;;;;AAQA;;;;;;;;;;;;;;;;IAgBM,MAAM,GAA2B,UAAC,EA4DvC;;;;;IAxDG,cAAI;;;;IAKJ,oBAAO;;;;IAKP,qBAAkB;;;;IAAlB,uCAAkB;;;;IAKlB,kBAAkB;;;;IAAlB,uCAAkB;;;;IAKlB,kBAAkB;;;;IAAlB,uCAAkB;;;;IAKlB,oBAAoB;;;;IAApB,yCAAoB;;;;IAKpB,oBAAoB;;;;IAApB,yCAAoB;;;;IAKpB,qBAAqB;;;;IAArB,0CAAqB;;;;IAKrB,2BAA0B;;;;IAA1B,+CAA0B;;;;IAK1B,sBAAQ;;;;IAKR,sBAAQ;;;;;IAKR,oCAAe;;;;IAKf,IAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;;;;IAK1C,IAAA,uCAA6D,EAA5D,cAAM,EAAE,sBAAoD,CAAC;;;;IAK9D,IAAA,iBAA6D,EAA5D,mBAAW,EAAE,sBAA+C,CAAC;;;;IAK9D,IAAA,2DAA4F,EAA3F,sBAAc,EAAE,yBAA2E,CAAC;;;;IAKnG,IAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,cAAM,QAAC,EAAE,UAAU,YAAA,EAAE,MAAM,QAAA,EAAE,cAAc,gBAAA,EAAE,IAAC,EAAE,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC;;;;IAKtG,oBAAoB,CAAC,YAAY,EAAE,MAAM,EAAE,cAAc,EAAE,OAAO,CAAC,CAAC;IAEpE,SAAS,CAAC;QACN,cAAc,CAAC,OAAO,CAAC,CAAC;KAC3B,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,QACI,oBAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK;QAClC,6BAAK,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,CAAC,WAAW,CAAC;YACpD,oBAAC,QAAQ,CAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,eAAe,EAAE,cAAc,GAAI;YAEhH,oBAAC,QAAQ,CAAC,OAAO,IAAC,eAAe,EAAE,eAAe;gBAC7C,YAAY,IAAI,oBAAC,QAAQ,CAAC,MAAM,IAAC,OAAO,EAAE,UAAC,EAAE,IAAK,OAAA,iBAAiB,CAAC,EAAE,EAAE,OAAO,EAAE,cAAc,CAAC,GAAA,GAAI;gBAErG,oBAAC,QAAQ,CAAC,IAAI,IAAC,YAAY,EAAE,YAAY,IACpC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,GAAG,CAAC,UAAC,MAAqB;;oBACpC,OAAA,MAAM,CAAC,QAAQ,IACX,oBAAC,QAAQ,CAAC,MAAM,IAAC,GAAG,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,GAAI,KAExD,oBAAC,QAAQ,CAAC,MAAM,IACZ,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,CAAC,MAAM,EAAE,cAAc,CAAC,EAC9C,UAAU,QAAE,MAAM,CAAC,UAAU,mCAAI,UAAU,EAC3C,UAAU,QAAE,MAAM,CAAC,UAAU,mCAAI,UAAU,EAC3C,OAAO,EAAE,UAAC,MAAM,IAAK,OAAA,eAAe,CAAC,MAAM,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,cAAc,CAAC,GAAA,GACtG,CACL,CAAA;iBAAA,EAEO,CACD,CACjB,CACiB,EAC7B;AACN;;;;"}

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

@@ -1 +0,0 @@
-{"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/src/components/dropdown/hooks/use_keyboard_open_close.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use_keyboard_open_close.js","sources":["../../../../../../src/components/dropdown/hooks/use_keyboard_open_close.ts"],"sourcesContent":["import { useKeyDown } from '../../../hooks/use_key_down';\nimport { RefObject } from 'react';\n\nexport const useKeyboardOpenClose = (toggleDropdown?: () => void, isOpen?: boolean, ref?: RefObject<HTMLElement>) => {\n    useKeyDown([' '], () => !isOpen && toggleDropdown?.(), ref);\n    useKeyDown(['Esc|Escape'], () => isOpen && toggleDropdown?.(), ref);\n};\n"],"names":[],"mappings":";;;IAGa,oBAAoB,GAAG,UAAC,cAA2B,EAAE,MAAgB,EAAE,GAA4B;IAC5G,UAAU,CAAC,CAAC,GAAG,CAAC,EAAE,cAAM,OAAA,CAAC,MAAM,KAAI,cAAc,aAAd,cAAc,uBAAd,cAAc,GAAI,GAAA,EAAE,GAAG,CAAC,CAAC;IAC5D,UAAU,CAAC,CAAC,YAAY,CAAC,EAAE,cAAM,OAAA,MAAM,KAAI,cAAc,aAAd,cAAc,uBAAd,cAAc,GAAI,GAAA,EAAE,GAAG,CAAC,CAAC;AACxE;;;;"}

package/build/esm/src/components/dropdown/hooks/use_set_options_on_close.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use_set_options_on_close.js","sources":["../../../../../../src/components/dropdown/hooks/use_set_options_on_close.ts"],"sourcesContent":["import { ISelectOption } from '../types';\nimport { useEffect } from 'react';\n\n/**\n * hook used to reset filtered options list to default on dropdown hide\n * @param isWithSearch indicates if dropdown use search (searchable items)\n * @param isOpen indicates if dropdown is open\n * @param setOptionsList state setter for options list\n * @param options default options list\n * @returns {void} nothing\n */\nexport function useSetOptionsOnClose(\n    isWithSearch: boolean,\n    isOpen: boolean,\n    setOptionsList: (value: React.SetStateAction<Array<ISelectOption>>) => void,\n    options: Array<ISelectOption>\n): void {\n    useEffect(() => {\n        if (isWithSearch === true && isOpen === false) {\n            setOptionsList(() => options);\n        }\n    }, [isOpen, isWithSearch, options, setOptionsList]);\n}\n"],"names":[],"mappings":";;AAGA;;;;;;;;SAQgB,oBAAoB,CAChC,YAAqB,EACrB,MAAe,EACf,cAA2E,EAC3E,OAA6B;IAE7B,SAAS,CAAC;QACN,IAAI,YAAY,KAAK,IAAI,IAAI,MAAM,KAAK,KAAK,EAAE;YAC3C,cAAc,CAAC,cAAM,OAAA,OAAO,GAAA,CAAC,CAAC;SACjC;KACJ,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC;AACxD;;;;"}