@dreamcommerce/aurora 0.3.4-97 → 0.3.5

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

@@ -1,102 +0,0 @@
-import { Dispatch, SetStateAction } from 'react';
-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) => 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;
-    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;
-}
-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;
-}

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

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

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"}

package/build/esm/src/components/date_picker/utilities.d.ts

@@ -1,49 +0,0 @@
-/**
- * @return ArrayOf available ranges in rangepicker
- */
-export declare const getRanges: () => {
-    Yesterday: {
-        startDate: Date;
-        endDate: Date;
-    };
-    'Last 3 days': {
-        startDate: Date;
-        endDate: Date;
-    };
-    'Last 7 days': {
-        startDate: Date;
-        endDate: Date;
-    };
-    'Current Week': {
-        startDate: Date;
-        endDate: Date;
-    };
-    'Last Week': {
-        startDate: Date;
-        endDate: Date;
-    };
-    'Current Month': {
-        startDate: Date;
-        endDate: Date;
-    };
-    'Last Month': {
-        startDate: Date;
-        endDate: Date;
-    };
-    'Current Quarter': {
-        startDate: Date;
-        endDate: Date;
-    };
-    'Last Quarter': {
-        startDate: Date;
-        endDate: Date;
-    };
-    'Current Year': {
-        startDate: Date;
-        endDate: Date;
-    };
-    'Last Year': {
-        startDate: Date;
-        endDate: Date;
-    };
-};

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

@@ -1,35 +0,0 @@
-/**
- * @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/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.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { IDropdownContentProps } from '../types';
-/**
- * Dropdown.Content component. This togglable part of dropdown.
- * @component
- * @example
- * <Dropdown.Content> ... </Dropdown.Content>
- */
-declare const Content: React.FC<IDropdownContentProps>;
-export default Content;

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

@@ -1,95 +0,0 @@
-import React, { useRef, useState, useEffect } from 'react';
-import { useTranslation } from '../../../../node_modules/react-i18next/dist/es/useTranslation.js';
-import cssClasses from '../../../css/dropdown/main.module.less.js';
-import { useClickOutside } from '../../../hooks/use_click_outside.js';
-import { SCREEN_XS } from '../../../constants/responsive_breakpoints.js';
-import { useScreenDetect } from '../../../hooks/use_screen_detect.js';
-import { useDropdownContext } from '../context/index.js';
-import { createPortal } from 'react-dom';
-import { TransitionGroup, CSSTransition } from 'react-transition-group';
-import { cssDropdown, cssDropdownContent, cssDropdownHeader, cssDropdownHeaderContent, cssIcon, cssDropdownHeaderIcon, cssIconBack, cssDropdownHeaderTitle } from '../css_classes.js';
-
-/**
- * Dropdown.Content component. This togglable part of dropdown.
- * @component
- * @example
- * <Dropdown.Content> ... </Dropdown.Content>
- */
-var Content = function (_a) {
-    var 
-    /**
-     * Custom header component
-     * Replaces icon and text in header
-     *
-     * i.e.
-     *  <div>
-     *      ...
-     *      <span>Hello Shoper!</span>
-     *      ...
-     *  </div>
-     */
-    headerComponent = _a.headerComponent, 
-    /**
-     * Custom header icon name i.e. icon-arrow
-     */
-    headerIcon = _a.headerIcon, 
-    /**
-     * Custom header text
-     */
-    headerText = _a.headerText, 
-    /**
-     * Children components
-     */
-    children = _a.children, 
-    /**
-     * Place where portal should be placed, by default to body
-     * this can be used to put modal inside modal
-     */
-    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'
-    }), styles = _c[0], setStyles = _c[1];
-    var screenWidthName = useScreenDetect();
-    var refs = [contentRef];
-    if (wrapperRef) {
-        refs.push(wrapperRef);
-    }
-    /**
-     * closes dropdown on click outside of the component
-     */
-    useClickOutside(refs, function () {
-        if (typeof toggleDropdown === 'function') {
-            toggleDropdown();
-        }
-    });
-    /**
-     * since its portaled to document.body position of the content must be absolute, relative to wrapperRef
-     */
-    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, width = _a.width;
-            var offset = 10;
-            var _b = (portalContainer === null || portalContainer === void 0 ? void 0 : portalContainer.current) ? [y - height + offset, width / 2] : [height + y + offset, x], positionTop = _b[0], positionLeft = _b[1];
-            screenWidthName === SCREEN_XS
-                ? setStyles({ top: "0px", left: "0px" })
-                : setStyles({ top: positionTop + "px", left: positionLeft + "px" });
-        }
-    }, [portalContainer, screenWidthName, wrapperRef]);
-    /**
-     * its portaled to document.body so there will be no problem with overflows
-     */
-    return createPortal(React.createElement(TransitionGroup, { component: null }, isOpen === true ? (React.createElement(CSSTransition, { timeout: 200, classNames: cssDropdown },
-        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] },
-                    React.createElement("span", { className: cssClasses[cssIcon] + " " + cssClasses[cssDropdownHeaderIcon] + " " + cssClasses[headerIcon || cssIconBack] }),
-                    React.createElement("span", { className: cssClasses[cssDropdownHeaderTitle] }, headerText !== null && headerText !== void 0 ? headerText : 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 {\n    cssDropdown,\n    cssDropdownContent,\n    cssDropdownHeader,\n    cssDropdownHeaderIcon,\n    cssDropdownHeaderTitle,\n    cssDropdownHeaderContent,\n    cssIcon,\n    cssIconBack\n} from '../css_classes';\nimport cssClasses from '@css/dropdown/main.module.less';\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> = ({\n    /**\n     * Custom header component\n     * Replaces icon and text in header\n     *\n     * i.e.\n     *  <div>\n     *      ...\n     *      <span>Hello Shoper!</span>\n     *      ...\n     *  </div>\n     */\n    headerComponent,\n\n    /**\n     * Custom header icon name i.e. icon-arrow\n     */\n    headerIcon,\n\n    /**\n     * Custom header text\n     */\n    headerText,\n\n    /**\n     * Children components\n     */\n    children,\n\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    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    });\n    const screenWidthName = useScreenDetect();\n\n    const refs = [contentRef];\n    if (wrapperRef) {\n        refs.push(wrapperRef);\n    }\n\n    /**\n     * closes dropdown on click outside of the component\n     */\n    useClickOutside(refs, () => {\n        if (typeof toggleDropdown === 'function') {\n            toggleDropdown();\n        }\n    });\n\n    /**\n     * since its portaled to document.body position of the content must be absolute, relative to wrapperRef\n     */\n    useEffect(() => {\n        if (wrapperRef?.current) {\n            const { x, y, height, width } = wrapperRef.current.getBoundingClientRect();\n            const offset = 10;\n\n            const [positionTop, positionLeft] = portalContainer?.current ? [y - height + offset, width / 2] : [height + y + offset, x];\n\n            screenWidthName === SCREEN_XS\n                ? setStyles({ top: `0px`, left: `0px` })\n                : setStyles({ top: `${positionTop}px`, left: `${positionLeft}px` });\n        }\n    }, [portalContainer, screenWidthName, wrapperRef]);\n\n    /**\n     * its portaled to document.body so there will be no problem with overflows\n     */\n    return createPortal(\n        <TransitionGroup component={null}>\n            {isOpen === true ? (\n                <CSSTransition timeout={200} classNames={cssDropdown}>\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                                        <span\n                                            className={`${cssClasses[cssIcon]} ${cssClasses[cssDropdownHeaderIcon]} ${\n                                                cssClasses[headerIcon || cssIconBack]\n                                            }`}\n                                        />\n                                        <span className={cssClasses[cssDropdownHeaderTitle]}>{headerText ?? 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":";;;;;;;;;;;AAuBA;;;;;;IAMM,OAAO,GAAoC,UAAC,EAkCjD;;;;;;;;;;;;;IAtBG,oCAAe;;;;IAKf,0BAAU;;;;IAKV,0BAAU;;;;IAKV,sBAAQ;;;;;IAMR,oCAAe;IAER,IAAA,uBAAC,CAAqB;IAC7B,IAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC1C,IAAA,yBAA+E,EAA7E,0BAAU,EAAE,kCAAc,EAAE,kBAAiD,CAAC;IAChF,IAAA;;;MAGJ,EAHK,cAAM,EAAE,iBAGb,CAAC;IACH,IAAM,eAAe,GAAG,eAAe,EAAE,CAAC;IAE1C,IAAM,IAAI,GAAG,CAAC,UAAU,CAAC,CAAC;IAC1B,IAAI,UAAU,EAAE;QACZ,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;KACzB;;;;IAKD,eAAe,CAAC,IAAI,EAAE;QAClB,IAAI,OAAO,cAAc,KAAK,UAAU,EAAE;YACtC,cAAc,EAAE,CAAC;SACpB;KACJ,CAAC,CAAC;;;;IAKH,SAAS,CAAC;QACN,IAAI,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,EAAE;YACf,IAAA,+CAAoE,EAAlE,QAAC,EAAE,QAAC,EAAE,kBAAM,EAAE,gBAAoD,CAAC;YAC3E,IAAM,MAAM,GAAG,EAAE,CAAC;YAEZ,IAAA,8JAAoH,EAAnH,mBAAW,EAAE,oBAAsG,CAAC;YAE3H,eAAe,KAAK,SAAS;kBACvB,SAAS,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;kBACtC,SAAS,CAAC,EAAE,GAAG,EAAK,WAAW,OAAI,EAAE,IAAI,EAAK,YAAY,OAAI,EAAE,CAAC,CAAC;SAC3E;KACJ,EAAE,CAAC,eAAe,EAAE,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC;;;;IAKnD,OAAO,YAAY,CACf,oBAAC,eAAe,IAAC,SAAS,EAAE,IAAI,IAC3B,MAAM,KAAK,IAAI,IACZ,oBAAC,aAAa,IAAC,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,WAAW;QAChD,6BAAK,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,CAAC,kBAAkB,CAAC;YAC1E,6BAAK,SAAS,EAAE,UAAU,CAAC,iBAAiB,CAAC;gBACzC,6BAAK,OAAO,EAAE,cAAM,OAAA,OAAO,cAAc,KAAK,UAAU,IAAI,cAAc,EAAE,GAAA,IACvE,eAAe,aAAf,eAAe,cAAf,eAAe,IACZ,6BAAK,SAAS,EAAE,UAAU,CAAC,wBAAwB,CAAC;oBAChD,8BACI,SAAS,EAAK,UAAU,CAAC,OAAO,CAAC,SAAI,UAAU,CAAC,qBAAqB,CAAC,SAClE,UAAU,CAAC,UAAU,IAAI,WAAW,CACtC,GACJ;oBACF,8BAAM,SAAS,EAAE,UAAU,CAAC,sBAAsB,CAAC,IAAG,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,CAAC,CAAC,SAAS,CAAC,CAAQ,CACtF,CACT,CACC,CACJ;YACL,QAAQ,CACP,CACM,IAChB,IAAI,CACM,EAClB,CAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,OAAO,KAAI,QAAQ,CAAC,IAAI,CAC5C,CAAC;AACN;;;;"}

package/build/esm/src/components/dropdown/components/custom_label.d.ts

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

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

@@ -1,14 +0,0 @@
-import React, { useRef } from 'react';
-import { useDropdownContext } from '../context/index.js';
-import { useKeyboardOpenClose } from '../hooks/use_keyboard_open_close.js';
-
-var CustomLabel = function (_a) {
-    var children = _a.children;
-    var _b = useDropdownContext(), toggleDropdown = _b.toggleDropdown, isOpen = _b.isOpen;
-    var ref = useRef(null);
-    useKeyboardOpenClose(toggleDropdown, isOpen, ref);
-    return (React.createElement("div", { onClick: toggleDropdown, ref: ref, tabIndex: 0 }, children));
-};
-
-export default CustomLabel;
-//# sourceMappingURL=custom_label.js.map

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.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { IDropdownHeaderProps } from '../types';
-/**
- * Dropdown.Header component. Header for options groups. Should be only used within Dropdown.List
- * @component
- * @example
- * <Dropdown.Header text="Some header" />
- */
-declare const Header: React.FC<IDropdownHeaderProps>;
-export default Header;

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

@@ -1,20 +0,0 @@
-import React from 'react';
-import cssClasses from '../../../css/dropdown/main.module.less.js';
-import { cssDropdownListHead } from '../css_classes.js';
-import cssClasses$1 from '../../../css/heading/main.module.less.js';
-
-/**
- * Dropdown.Header component. Header for options groups. Should be only used within Dropdown.List
- * @component
- * @example
- * <Dropdown.Header text="Some header" />
- */
-var Header = function (_a) {
-    var text = _a.text;
-    return (React.createElement("li", null,
-        React.createElement("div", { className: cssClasses[cssDropdownListHead] },
-            React.createElement("span", { className: cssClasses$1['head_line'] }, text))));
-};
-
-export default Header;
-//# sourceMappingURL=header.js.map

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.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { IDropdownItemProps } from '../types';
-/**
- * Dropdown.Item component. Generic dropdown item
- * @component
- * @example
- * <Dropdown.Item> ... </Dropdown.Item>
- */
-declare const Item: React.FC<IDropdownItemProps>;
-export default Item;

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

@@ -1,29 +0,0 @@
-import React from 'react';
-import { useDropdownContext } from '../context/index.js';
-
-/**
- * Dropdown.Item component. Generic dropdown item
- * @component
- * @example
- * <Dropdown.Item> ... </Dropdown.Item>
- */
-var Item = function (_a) {
-    var 
-    /**
-     * children nodes
-     */
-    children = _a.children, 
-    /**
-     * indicates if its selected
-     */
-    isSelected = _a.isSelected, 
-    /**
-     * on click callback
-     */
-    onClick = _a.onClick;
-    var toggleDropdown = useDropdownContext().toggleDropdown;
-    return (React.createElement("li", { role: "option", "aria-selected": isSelected, onClick: function (ev) { return onClick && onClick({ ev: ev, toggleDropdown: toggleDropdown }); } }, children));
-};
-
-export default Item;
-//# sourceMappingURL=item.js.map

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.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { IDropdownLabelProps } from '../types';
-/**
- * Dropdown.Label component. Use it for togglable element, if You dont need selectable values
- * @component
- * @example
- * <Dropdown.Label label="More options" />
- */
-declare const Label: React.FC<IDropdownLabelProps>;
-export default Label;

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

@@ -1,28 +0,0 @@
-import React, { useRef } from 'react';
-import { useDropdownContext } from '../context/index.js';
-import { useKeyboardOpenClose } from '../hooks/use_keyboard_open_close.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 }, label));
-};
-
-export default Label;
-//# sourceMappingURL=label.js.map

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';\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}>\n            {label}\n        </span>\n    );\n};\n\nexport default Label;\n"],"names":[],"mappings":";;;;AAMA;;;;;;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,IACpE,KAAK,CACH,EACT;AACN;;;;"}

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

@@ -1,12 +0,0 @@
-import React from 'react';
-import { IDropdownLinkProps } from '../types';
-/**
- * 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/src/components/dropdown/components/link.js

@@ -1,31 +0,0 @@
-import React from 'react';
-import cssClasses from '../../../css/dropdown/main.module.less.js';
-import { __rest, __assign } from '../../../../_virtual/_tslib.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", { role: "option" },
-        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 React from 'react';\nimport { IDropdownLinkProps } from '../types';\nimport { cssDropdownListItem } from '../css_classes';\nimport cssClasses from '@css/dropdown/main.module.less';\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    let itemCssClass = `${cssClasses[cssDropdownListItem]} ${cssClasses['link']}`;\n\n    return (\n        <li role=\"option\">\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,IAAI,YAAY,GAAM,UAAU,CAAC,mBAAmB,CAAC,SAAI,UAAU,CAAC,MAAM,CAAG,CAAC;IAE9E,QACI,4BAAI,IAAI,EAAC,QAAQ;QACb,sCAAO,UAAU,IAAE,SAAS,EAAE,YAAY;YACtC,kCAAO,IAAI,CAAQ,CACnB,CACH,EACP;AACN;;;;"}

package/build/esm/src/components/dropdown/components/list.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { IDropdownListProps } from '../types';
-/**
- * Dropdown.List component. Displays list.
- * @component
- * @example
- * <Dropdown.List isWithGroups={false}>
- *  <Dropdown.Item>Test</Dropdown.Item>
- * </Dropdown.List>
- */
-declare const List: React.FC<IDropdownListProps>;
-export default List;

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

@@ -1,32 +0,0 @@
-import React from 'react';
-import cssClasses from '../../../css/dropdown/main.module.less.js';
-import classnames from 'classnames';
-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/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.d.ts

@@ -1,22 +0,0 @@
-import React from 'react';
-import { IDropdownOptionProps } from '../types';
-/**
- * Dropdown.Option component. Should be only used within Dropdown.List
- * @component
- * @example
- * const option = {
- *  text: 'Option 1',
- *  value: '1'
- * }
- *
- * <Dropdown.Option
- *  key="id1"
- *  option={option}
- *  isSelected={false}
- *  isDisabled={false}
- *  isReadonly={false}
- *  onClick={(option) => console.log(option)}
- * />
- */
-declare const Option: React.FC<IDropdownOptionProps>;
-export default Option;