@dreamcommerce/aurora 0.3.4-99 → 0.3.7

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

@@ -0,0 +1,205 @@
+import { useState, useEffect, useContext } from 'react';
+import { __assign } from '../../../../../../_virtual/_tslib.js';
+import { DropdownContext } from '../../dropdown/context/index.js';
+import '../../../../../../external/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 = "".concat(formatDate(startDate), " - ").concat(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/packages/aurora/src/components/date_picker/hooks/use_value_controller.js.map

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

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { IDatepickerProps } from './types';
+import RangePicker from './hoc/range_picker';
+import SingleDatepicker from './hoc/single_date_picker';
+export { RangePicker, SingleDatepicker };
+declare const _default: ({ defaultDate, defaultRange, type, name, onChange, maxDate, minDate, maxRange, minRange, className, showButtons, showDefaultRanges }: IDatepickerProps) => JSX.Element;
+export default _default;

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

@@ -0,0 +1,31 @@
+import React, { useEffect } from 'react';
+import DatepickerContext from './context/value_controller_context.js';
+import './context/month_year_navigation_context.js';
+import useValueController from './hooks/use_value_controller.js';
+import { RangePicker } from './hoc/range_picker.js';
+export { RangePicker } from './hoc/range_picker.js';
+import { SingleDatepicker } from './hoc/single_date_picker.js';
+export { SingleDatepicker } from './hoc/single_date_picker.js';
+
+var index = (function (_a) {
+    var defaultDate = _a.defaultDate, defaultRange = _a.defaultRange, _b = _a.type, type = _b === void 0 ? 'single' : _b, name = _a.name, onChange = _a.onChange, maxDate = _a.maxDate, minDate = _a.minDate, maxRange = _a.maxRange, minRange = _a.minRange, className = _a.className, showButtons = _a.showButtons, showDefaultRanges = _a.showDefaultRanges;
+    var valueController = useValueController({
+        type: type,
+        defaultRange: defaultRange,
+        defaultDate: defaultDate,
+        maxDate: maxDate,
+        minDate: minDate,
+        maxRange: maxRange,
+        minRange: minRange
+    });
+    var value = valueController.value, inputValue = valueController.inputValue;
+    useEffect(function () {
+        onChange === null || onChange === void 0 ? void 0 : onChange(value);
+    }, [value, onChange]);
+    return (React.createElement(DatepickerContext.Provider, { value: valueController },
+        React.createElement("input", { value: inputValue, type: "hidden", name: name }),
+        type === 'single' ? (React.createElement(SingleDatepicker, { className: className, showButtons: showButtons })) : (React.createElement(RangePicker, { className: className, showButtons: showButtons, showDefaultRanges: showDefaultRanges }))));
+});
+
+export default index;
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,108 @@
+import { Dispatch, SetStateAction } from 'react';
+import { TControlErrors } from "../controls/types";
+export interface IMonthYear {
+    month: number;
+    year: number;
+}
+export interface IDatepickerRange {
+    startDate?: Date;
+    endDate?: Date;
+}
+export interface IMonthYearNavigation extends IMonthYear {
+    animationClassName: string;
+    previousMonth(): void;
+    nextMonth(): void;
+    setYear(year: number): void;
+    setMonth(year: number): void;
+}
+export interface IControllerProps extends IMonthYear {
+}
+export interface IDaysGridProps {
+}
+export interface IValueController {
+    navigationDate?: Date;
+    setNavigationDate: (date: Date) => void;
+    setHoverDate: (date: Date | undefined) => void;
+    updateDate: (date: Date) => void;
+    inputValue: string;
+    readable: string;
+    isNavigation: (date: Date) => boolean;
+    isSelected: (date: Date) => boolean;
+    isInRange: (date: Date) => boolean;
+    isToday: (date: Date) => boolean;
+    isBlocked: (date: Date) => boolean;
+    isProposed: (date: Date) => boolean;
+    maxDate?: Date;
+    minDate?: Date;
+    maxRange?: number;
+    minRange?: number;
+    value: Date | IDatepickerRange | undefined;
+    setValue: Dispatch<SetStateAction<Date | undefined>> | Dispatch<SetStateAction<IDatepickerRange | undefined>>;
+    defaultDate?: Date;
+    defaultRange?: IDatepickerRange;
+    restoreDefaultValue?: () => void;
+}
+export interface IValueControllerProps {
+    type: 'single' | 'range';
+    defaultDate?: Date;
+    defaultRange?: IDatepickerRange;
+    maxDate?: Date;
+    minDate?: Date;
+    maxRange?: number;
+    showButtons?: boolean;
+    minRange?: number;
+}
+export interface IDatepickerProps {
+    name: string;
+    className?: string;
+    type?: 'single' | 'range';
+    id?: string;
+    defaultDate?: Date;
+    label?: string;
+    isRequired?: boolean;
+    defaultRange?: IDatepickerRange;
+    onChange?: (date?: Date | IDatepickerRange) => void;
+    maxDate?: Date;
+    minDate?: Date;
+    maxRange?: number;
+    minRange?: number;
+    showDefaultRanges?: boolean;
+    showButtons?: boolean;
+    hint?: string;
+    errors?: TControlErrors;
+}
+export interface IDatepickerLabelProps {
+    id: string;
+    name: string;
+    isRequired?: boolean;
+}
+export interface IMonthYearPickerProps extends IMonthYear {
+}
+export interface ISingleDayProps {
+    date: number;
+    month: number;
+    year: number;
+    updateDate: (date: Date) => void;
+}
+export interface ISingleDatepickerProps {
+    className?: string;
+    showButtons?: boolean;
+}
+export interface IRangePickerProps {
+    className?: string;
+    showButtons?: boolean;
+    showDefaultRanges?: boolean;
+}
+export interface IPureDatepickerProps extends ISingleDatepickerProps {
+    setMonthYear: Dispatch<SetStateAction<IMonthYear>>;
+    month: number;
+    year: number;
+}
+export interface IDatepickerLabelProps {
+    isRequired?: boolean;
+    label?: string;
+    id: string;
+    name: string;
+}
+export interface IMonthYearPickerController {
+}

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

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

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

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

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

@@ -0,0 +1,41 @@
+/**
+ * @return ArrayOf available ranges in rangepicker
+ */
+var getRanges = function () {
+    var currentDate = new Date(Date.now());
+    var _a = [currentDate.getDate(), currentDate.getMonth(), currentDate.getFullYear()], date = _a[0], month = _a[1], year = _a[2];
+    var today = new Date(year, month, date);
+    var yesterday = { startDate: new Date(year, month, date - 1), endDate: today };
+    var last3Days = { startDate: new Date(year, month, date - 3), endDate: today };
+    var last7Days = { startDate: new Date(year, month, date - 7), endDate: today };
+    var currentWeek = { startDate: new Date(year, month, date - today.getDay() + 1), endDate: today };
+    var lastWeek = {
+        startDate: new Date(year, month, date - 6 - today.getDay()),
+        endDate: new Date(year, month, date - today.getDay())
+    };
+    var currentMonth = { startDate: new Date(year, month, 1), endDate: new Date(year, month, date) };
+    var lastMonth = { startDate: new Date(year, month - 1, 1), endDate: new Date(year, month, 0) };
+    var currentQuarter = { startDate: new Date(year, month - (month % 3), 1), endDate: new Date(year, month, date) };
+    var lastQuarter = {
+        startDate: new Date(year, month - (month % 3) - 3, 1),
+        endDate: new Date(year, month - (month % 3), 0)
+    };
+    var currentYear = { startDate: new Date(year, 0, 1), endDate: new Date(year, month, date) };
+    var lastYear = { startDate: new Date(year - 1, 0, 1), endDate: new Date(year, 12, 0) };
+    return {
+        Yesterday: yesterday,
+        'Last 3 days': last3Days,
+        'Last 7 days': last7Days,
+        'Current Week': currentWeek,
+        'Last Week': lastWeek,
+        'Current Month': currentMonth,
+        'Last Month': lastMonth,
+        'Current Quarter': currentQuarter,
+        'Last Quarter': lastQuarter,
+        'Current Year': currentYear,
+        'Last Year': lastYear
+    };
+};
+
+export { getRanges };
+//# sourceMappingURL=utilities.js.map

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

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

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

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

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

@@ -0,0 +1,75 @@
+import React, { useRef, useState, useEffect } from 'react';
+import { useTranslation } from '../../../../../../external/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 withTranslation from '../../../utilities/translation/with_translation.js';
+import iconCssClasses from '../../../css/icons/main.module.less.js';
+import { classNames } from '../../../utilities/styles/classNames.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, cssDropdownContentRight, 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, _b = _a.arrowSide, arrowSide = _b === void 0 ? 'left' : _b, portalContainer = _a.portalContainer;
+    var t = useTranslation()[0];
+    var contentRef = useRef(null);
+    var _c = useDropdownContext(), wrapperRef = _c.wrapperRef, toggleDropdown = _c.toggleDropdown, isOpen = _c.isOpen;
+    var _d = useState({
+        left: '0px',
+        top: '0px',
+        zIndex: DROPDOWN_Z_INDEX
+    }), styles = _d[0], setStyles = _d[1];
+    var contentClassName = classNames([cssDropdownContent, arrowSide === 'right' && cssDropdownContentRight], cssClasses);
+    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: "".concat(positionTop, "px"), left: "".concat(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: contentClassName },
+            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);
+};
+var Content$1 = withTranslation(Content);
+
+export default Content$1;
+//# sourceMappingURL=content.js.map

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,29 @@
+import React, { useRef } from 'react';
+import { useDropdownContext } from '../context/index.js';
+import { useKeyboardOpenClose } from '../hooks/use_keyboard_open_close.js';
+import { DROPDOWN_TEST_ID } from '../constants.js';
+
+/**
+ * Dropdown.Label component. Use it for togglable element, if You dont need selectable values
+ * @component
+ * @example
+ * <Dropdown.Label label="More options" />
+ */
+var Label = function (_a) {
+    var 
+    /**
+     * label text
+     */
+    label = _a.label, 
+    /**
+     * Custom className
+     */
+    cssClass = _a.cssClass;
+    var _b = useDropdownContext(), toggleDropdown = _b.toggleDropdown, isOpen = _b.isOpen;
+    var ref = useRef(null);
+    useKeyboardOpenClose(toggleDropdown, isOpen, ref);
+    return (React.createElement("span", { onClick: toggleDropdown, tabIndex: 0, ref: ref, className: cssClass, "data-test-id": DROPDOWN_TEST_ID.label }, label));
+};
+
+export default Label;
+//# sourceMappingURL=label.js.map

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

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

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

@@ -0,0 +1,12 @@
+import { IDropdownLinkProps } from '../types';
+import React from 'react';
+/**
+ * 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>
+ */
+declare const Link: React.FC<IDropdownLinkProps>;
+export default Link;

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

@@ -0,0 +1,31 @@
+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 = "".concat(cssClasses[cssDropdownListItem], " ").concat(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/packages/aurora/src/components/dropdown/components/link.js.map

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

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

@@ -0,0 +1,32 @@
+import React from 'react';
+import classnames from 'classnames';
+import cssClasses from '../../../css/dropdown/main.module.less.js';
+import { cssDropdownList, cssDropdownWithScroll, cssDropdownListWithGroup } from '../css_classes.js';
+
+/**
+ * Dropdown.List component. Displays list.
+ * @component
+ * @example
+ * <Dropdown.List isWithGroups={false}>
+ *  <Dropdown.Item>Test</Dropdown.Item>
+ * </Dropdown.List>
+ */
+var List = function (_a) {
+    var _b;
+    var 
+    /**
+     * indicates if list should render with padding to make groups
+     */
+    isWithGroups = _a.isWithGroups, 
+    /**
+     * Children nodes
+     */
+    children = _a.children;
+    var listClasses = classnames(cssClasses[cssDropdownList], cssClasses[cssDropdownWithScroll], (_b = {},
+        _b[cssClasses[cssDropdownListWithGroup]] = isWithGroups,
+        _b));
+    return (React.createElement("ul", { role: "listbox", className: listClasses }, children));
+};
+
+export default List;
+//# sourceMappingURL=list.js.map

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

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