@dreamcommerce/aurora 0.3.4-97 → 0.3.5

package/build/cjs/src/components/date_picker/hooks/use_keyboard_navigation.js

@@ -1,56 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var index = require('../../dropdown/context/index.js');
-var use_key_down = require('../../../hooks/use_key_down.js');
-var datepicker_context = require('../context/datepicker_context.js');
-var month_year_navigation_context = require('../context/month_year_navigation_context.js');
-
-/**
- * Hook to bind keyboard keys to navigate date
- */
-var useKeyboardNavigation = function () {
-    var _a = React.useContext(month_year_navigation_context['default']), setMonth = _a.setMonth, setYear = _a.setYear, year = _a.year, month = _a.month;
-    var _b = React.useContext(datepicker_context['default']), updateDate = _b.updateDate, _c = _b.navigationDate, navigationDate = _c === void 0 ? new Date(year, month, 1) : _c, setNavigationDate = _b.setNavigationDate;
-    var toggleDropdown = React.useContext(index.DropdownContext).toggleDropdown;
-    var moveDate = function (days) {
-        var newDate = new Date(navigationDate.toISOString());
-        if (navigationDate.getMonth() !== month || navigationDate.getFullYear() !== year) {
-            newDate.setMonth(month);
-            newDate.setFullYear(year);
-            setNavigationDate(newDate);
-        }
-        else {
-            newDate.setDate(newDate.getDate() + days);
-            setNavigationDate(newDate);
-            if (month !== newDate.getMonth()) {
-                setMonth(newDate.getMonth());
-            }
-            if (year !== newDate.getFullYear()) {
-                setYear(newDate.getFullYear());
-            }
-        }
-    };
-    var leftArrow = function () { return moveDate(-1); };
-    var rightArrow = function () { return moveDate(+1); };
-    var upArrow = function () { return moveDate(-7); };
-    var downArrow = function () { return moveDate(7); };
-    var chooseDate = function () {
-        updateDate(navigationDate);
-    };
-    var chooseDateClose = function () {
-        updateDate(navigationDate);
-        toggleDropdown === null || toggleDropdown === void 0 ? void 0 : toggleDropdown();
-    };
-    use_key_down.useKeyDown(['ArrowLeft'], leftArrow);
-    use_key_down.useKeyDown(['ArrowUp'], upArrow);
-    use_key_down.useKeyDown(['ArrowDown'], downArrow);
-    use_key_down.useKeyDown(['ArrowRight'], rightArrow);
-    use_key_down.useKeyDown([' '], chooseDate);
-    use_key_down.useKeyDown(['Enter'], chooseDateClose);
-};
-
-exports.useKeyboardNavigation = useKeyboardNavigation;
-//# sourceMappingURL=use_keyboard_navigation.js.map

package/build/cjs/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, DatepickerContext } 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(DatepickerContext);\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    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":["useKeyDown"],"mappings":";;;;;;;;;;AAMA;;;IAGa,qBAAqB,GAAG;IAC3B,IAAA,+DAA2E,EAAzE,sBAAQ,EAAE,oBAAO,EAAE,cAAI,EAAE,gBAAgD,CAAC;IAC5E,IAAA,oDAA4G,EAA1G,0BAAU,EAAE,sBAAyC,EAAzC,8DAAyC,EAAE,wCAAmD,CAAC;IAC3G,IAAA,uEAAc,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;IAEFA,uBAAU,CAAC,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC,CAAC;IACrCA,uBAAU,CAAC,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC,CAAC;IACjCA,uBAAU,CAAC,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC,CAAC;IACrCA,uBAAU,CAAC,CAAC,YAAY,CAAC,EAAE,UAAU,CAAC,CAAC;IACvCA,uBAAU,CAAC,CAAC,GAAG,CAAC,EAAE,UAAU,CAAC,CAAC;IAC9BA,uBAAU,CAAC,CAAC,OAAO,CAAC,EAAE,eAAe,CAAC,CAAC;AAC3C;;;;"}

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

@@ -1,173 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var _tslib = require('../../../../_virtual/_tslib.js');
-require('lodash');
-var formats = require('../../../utilities/dates/formats.js');
-var constants = require('../constants.js');
-
-var getDateDiffInDays = function (dateA, dateB) {
-    var timeA = dateA.getTime();
-    var timeB = dateB.getTime();
-    return Math.abs((timeA - timeB) / constants.MILLIS_IN_DAY);
-};
-/**
- * Hook to operate on single-date-picker
- */
-var useSingleValueController = function (_a) {
-    var defaultDate = _a.defaultDate, maxDate = _a.maxDate, minDate = _a.minDate;
-    var _b = React.useState(defaultDate), value = _b[0], setValue = _b[1];
-    var inputValue = (value === null || value === void 0 ? void 0 : value.toISOString()) || '';
-    var isSelected = function (date) { return (value === null || value === void 0 ? void 0 : value.getTime()) === date.getTime(); };
-    var restoreDefaultValue = function () { return setValue(defaultDate); };
-    var isInRange = function () { return false; };
-    var isProposed = function () { return false; };
-    var isBlocked = function (date) {
-        if (maxDate && maxDate.getTime() <= date.getTime()) {
-            return true;
-        }
-        if (minDate && minDate.getTime() >= date.getTime()) {
-            return true;
-        }
-        return false;
-    };
-    var updateDate = function (date) {
-        if (!isBlocked(date)) {
-            setValue(date);
-        }
-    };
-    return {
-        updateDate: updateDate,
-        inputValue: inputValue,
-        readable: formats.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 = React.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 && ((startDate === null || startDate === void 0 ? void 0 : startDate.getTime()) || 0) > date.getTime()) {
-            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 = formats.formatDate(startDate) + " - " + formats.formatDate(endDate);
-    var inputValue = JSON.stringify([startDate, endDate]); //@TODO once it will be defined how to send range to BE
-    var isSelected = function (date) {
-        var dateTime = date.getTime();
-        return (startDate === null || startDate === void 0 ? void 0 : startDate.getTime()) === dateTime || (endDate === null || endDate === void 0 ? void 0 : endDate.getTime()) === date.getTime() || (hoverDate === null || hoverDate === void 0 ? void 0 : hoverDate.getTime()) === dateTime;
-    };
-    var isInRange = function (date) {
-        if (!startDate) {
-            return false;
-        }
-        if (!endDate) {
-            if (!hoverDate) {
-                return false;
-            }
-            if (hoverDate.getTime() > startDate.getTime()) {
-                return startDate.getTime() <= date.getTime() && hoverDate.getTime() >= date.getTime();
-            }
-            return startDate.getTime() >= date.getTime() && hoverDate.getTime() <= date.getTime();
-        }
-        return startDate.getTime() <= date.getTime() && endDate.getTime() >= date.getTime();
-    };
-    var isBlocked = function (date) {
-        if (maxDate && maxDate.getTime() <= date.getTime()) {
-            return true;
-        }
-        if (minDate && minDate.getTime() >= date.getTime()) {
-            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;
-    var _b = React.useState(defaultDate), navigationDate = _b[0], setNavigationDate = _b[1];
-    var _c = React.useState(), hoverDate = _c[0], setHoverDate = _c[1];
-    var singleValueController = useSingleValueController({ defaultDate: defaultDate, maxDate: maxDate, minDate: minDate });
-    var rangeValueController = useRangeValueController({ defaultRange: defaultRange, defaultDate: defaultDate, maxDate: maxDate, minDate: minDate, minRange: minRange, maxRange: maxRange, hoverDate: hoverDate });
-    var isNavigation = function (date) { return (navigationDate === null || navigationDate === void 0 ? void 0 : navigationDate.getTime()) === date.getTime() || false; };
-    var isToday = function (date) {
-        var currentDate = new Date();
-        if (currentDate.getDate() !== date.getDate()) {
-            return false;
-        }
-        if (currentDate.getMonth() !== date.getMonth()) {
-            return false;
-        }
-        if (currentDate.getFullYear() !== date.getFullYear()) {
-            return false;
-        }
-        return true;
-    };
-    return _tslib.__assign(_tslib.__assign({}, (type === 'single' ? singleValueController : rangeValueController)), { navigationDate: navigationDate,
-        setNavigationDate: setNavigationDate,
-        isNavigation: isNavigation,
-        setHoverDate: setHoverDate,
-        isToday: isToday });
-};
-
-exports.default = useValueController;
-//# sourceMappingURL=use_value_controller.js.map

package/build/cjs/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 { useState } from 'react';\nimport { formatDate } from '@utilities/index';\nimport { IDatepickerRange, IValueControllerProps } from '../types';\nimport { MILLIS_IN_DAY } from '../constants';\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/**\n * Hook to operate on single-date-picker\n */\nconst useSingleValueController = ({ defaultDate, maxDate, minDate }: { defaultDate?: Date; maxDate?: Date; minDate?: Date }) => {\n    const [value, setValue] = useState<Date | undefined>(defaultDate);\n    const inputValue = value?.toISOString() || '';\n    const isSelected = (date: Date) => value?.getTime() === date.getTime();\n    const restoreDefaultValue = () => setValue(defaultDate);\n    const isInRange = () => false;\n    const isProposed = () => false;\n    const isBlocked = (date: Date) => {\n        if (maxDate && maxDate.getTime() <= date.getTime()) {\n            return true;\n        }\n        if (minDate && minDate.getTime() >= date.getTime()) {\n            return true;\n        }\n        return false;\n    };\n\n    const updateDate = (date: Date) => {\n        if (!isBlocked(date)) {\n            setValue(date);\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    const { startDate, endDate } = value || {};\n    const updateDate = (date: Date) => {\n        if (isBlocked(date)) {\n            return;\n        }\n        if (!endDate && (startDate?.getTime() || 0) > date.getTime()) {\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    const readable = `${formatDate(startDate)} - ${formatDate(endDate)}`;\n    const inputValue = JSON.stringify([startDate, endDate]); //@TODO once it will be defined how to send range to BE\n    const isSelected = (date: Date) => {\n        const dateTime = date.getTime();\n        return startDate?.getTime() === dateTime || endDate?.getTime() === date.getTime() || hoverDate?.getTime() === dateTime;\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 startDate.getTime() <= date.getTime() && hoverDate.getTime() >= date.getTime();\n            }\n            return startDate.getTime() >= date.getTime() && hoverDate.getTime() <= date.getTime();\n        }\n        return startDate.getTime() <= date.getTime() && endDate.getTime() >= date.getTime();\n    };\n    const isBlocked = (date: Date) => {\n        if (maxDate && maxDate.getTime() <= date.getTime()) {\n            return true;\n        }\n        if (minDate && minDate.getTime() >= date.getTime()) {\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 }: IValueControllerProps) => {\n    const [navigationDate, setNavigationDate] = useState(defaultDate);\n    const [hoverDate, setHoverDate] = useState<Date>();\n    const singleValueController = useSingleValueController({ defaultDate, maxDate, minDate });\n    const rangeValueController = useRangeValueController({ defaultRange, defaultDate, maxDate, minDate, minRange, maxRange, hoverDate });\n    const isNavigation = (date: Date) => navigationDate?.getTime() === date.getTime() || false;\n    const isToday = (date: Date) => {\n        const currentDate = new Date();\n\n        if (currentDate.getDate() !== date.getDate()) {\n            return false;\n        }\n        if (currentDate.getMonth() !== date.getMonth()) {\n            return false;\n        }\n        if (currentDate.getFullYear() !== date.getFullYear()) {\n            return false;\n        }\n\n        return true;\n    };\n\n    return {\n        ...(type === 'single' ? singleValueController : rangeValueController),\n        navigationDate,\n        setNavigationDate,\n        isNavigation,\n        setHoverDate,\n        isToday\n    };\n};\n\nexport default useValueController;\n"],"names":["MILLIS_IN_DAY","formatDate"],"mappings":"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"}

package/build/cjs/src/components/date_picker/index.js

@@ -1,39 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var use_value_controller = require('./hooks/use_value_controller.js');
-var datepicker_context = require('./context/datepicker_context.js');
-require('./context/month_year_navigation_context.js');
-var range_picker = require('./components/range_picker.js');
-var single_date_picker = require('./components/single_date_picker.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-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 = use_value_controller['default']({
-        type: type,
-        defaultRange: defaultRange,
-        defaultDate: defaultDate,
-        maxDate: maxDate,
-        minDate: minDate,
-        maxRange: maxRange,
-        minRange: minRange
-    });
-    var value = valueController.value;
-    React.useEffect(function () {
-        onChange === null || onChange === void 0 ? void 0 : onChange(value);
-    }, [value, onChange]);
-    return (React__default['default'].createElement(datepicker_context['default'].Provider, { value: valueController },
-        React__default['default'].createElement("input", { value: valueController.inputValue, type: "hidden", name: name }),
-        type === 'single' ? (React__default['default'].createElement(single_date_picker.SingleDatepicker, { className: className, showButtons: showButtons })) : (React__default['default'].createElement(range_picker.RangePicker, { className: className, showButtons: showButtons, showDefaultRanges: showDefaultRanges }))));
-});
-
-exports.RangePicker = range_picker.RangePicker;
-exports.SingleDatepicker = single_date_picker.SingleDatepicker;
-exports.default = index;
-//# sourceMappingURL=index.js.map

package/build/cjs/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 { DatepickerContext } from './context';\nimport RangePicker from './components/range_picker';\nimport SingleDatepicker from './components/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 } = valueController;\n    useEffect(() => {\n        onChange?.(value);\n    }, [value, onChange]);\n\n    return (\n        <DatepickerContext.Provider value={valueController}>\n            <input value={valueController.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        </DatepickerContext.Provider>\n    );\n};\n"],"names":["useValueController","useEffect","React","DatepickerContext","SingleDatepicker","RangePicker"],"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,GAAGA,+BAAkB,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,CAAqB;IAClCC,eAAS,CAAC;QACN,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,KAAK,EAAE;KACrB,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtB,QACIC,wCAACC,6BAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,eAAe;QAC9CD,mDAAO,KAAK,EAAE,eAAe,CAAC,UAAU,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,GAAI;QACrE,IAAI,KAAK,QAAQ,IACdA,wCAACE,mCAAgB,IAAC,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,GAAI,KAEpEF,wCAACG,wBAAW,IAAC,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,iBAAiB,EAAE,iBAAiB,GAAI,CACxG,CACwB,EAC/B;AACN,CAAC;;;;;;"}

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

@@ -1,39 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-/**
- * @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
-    };
-};
-
-exports.getRanges = getRanges;
-//# sourceMappingURL=utilities.js.map

package/build/cjs/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/cjs/src/components/dropdown/components/content.js

@@ -1,103 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var useTranslation = require('../../../../node_modules/react-i18next/dist/es/useTranslation.js');
-var main_module = require('../../../css/dropdown/main.module.less.js');
-var use_click_outside = require('../../../hooks/use_click_outside.js');
-var responsive_breakpoints = require('../../../constants/responsive_breakpoints.js');
-var use_screen_detect = require('../../../hooks/use_screen_detect.js');
-var index = require('../context/index.js');
-var reactDom = require('react-dom');
-var reactTransitionGroup = require('react-transition-group');
-var css_classes = require('../css_classes.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-/**
- * 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.useTranslation()[0];
-    var contentRef = React.useRef(null);
-    var _b = index.useDropdownContext(), wrapperRef = _b.wrapperRef, toggleDropdown = _b.toggleDropdown, isOpen = _b.isOpen;
-    var _c = React.useState({
-        left: '0px',
-        top: '0px'
-    }), styles = _c[0], setStyles = _c[1];
-    var screenWidthName = use_screen_detect.useScreenDetect();
-    var refs = [contentRef];
-    if (wrapperRef) {
-        refs.push(wrapperRef);
-    }
-    /**
-     * closes dropdown on click outside of the component
-     */
-    use_click_outside.useClickOutside(refs, function () {
-        if (typeof toggleDropdown === 'function') {
-            toggleDropdown();
-        }
-    });
-    /**
-     * since its portaled to document.body position of the content must be absolute, relative to wrapperRef
-     */
-    React.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 === responsive_breakpoints.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 reactDom.createPortal(React__default['default'].createElement(reactTransitionGroup.TransitionGroup, { component: null }, isOpen === true ? (React__default['default'].createElement(reactTransitionGroup.CSSTransition, { timeout: 200, classNames: css_classes.cssDropdown },
-        React__default['default'].createElement("div", { ref: contentRef, style: styles, className: main_module['default'][css_classes.cssDropdownContent] },
-            React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssDropdownHeader] },
-                React__default['default'].createElement("div", { onClick: function () { return typeof toggleDropdown === 'function' && toggleDropdown(); } }, headerComponent !== null && headerComponent !== void 0 ? headerComponent : (React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssDropdownHeaderContent] },
-                    React__default['default'].createElement("span", { className: main_module['default'][css_classes.cssIcon] + " " + main_module['default'][css_classes.cssDropdownHeaderIcon] + " " + main_module['default'][headerIcon || css_classes.cssIconBack] }),
-                    React__default['default'].createElement("span", { className: main_module['default'][css_classes.cssDropdownHeaderTitle] }, headerText !== null && headerText !== void 0 ? headerText : t('Go back')))))),
-            children))) : null), (portalContainer === null || portalContainer === void 0 ? void 0 : portalContainer.current) || document.body);
-};
-
-exports.default = Content;
-//# sourceMappingURL=content.js.map

package/build/cjs/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":["useRef","useScreenDetect","useClickOutside","useEffect","SCREEN_XS","createPortal","React","TransitionGroup","CSSTransition","cssDropdown","cssClasses","cssDropdownContent","cssDropdownHeader","cssDropdownHeaderContent","cssIcon","cssDropdownHeaderIcon","cssIconBack","cssDropdownHeaderTitle"],"mappings":";;;;;;;;;;;;;;;;;;;AAuBA;;;;;;IAMM,OAAO,GAAoC,UAAC,EAkCjD;;;;;;;;;;;;;IAtBG,oCAAe;;;;IAKf,0BAAU;;;;IAKV,0BAAU;;;;IAKV,sBAAQ;;;;;IAMR,oCAAe;IAER,IAAA,sCAAC,CAAqB;IAC7B,IAAM,UAAU,GAAGA,YAAM,CAAiB,IAAI,CAAC,CAAC;IAC1C,IAAA,+BAA+E,EAA7E,0BAAU,EAAE,kCAAc,EAAE,kBAAiD,CAAC;IAChF,IAAA;;;MAGJ,EAHK,cAAM,EAAE,iBAGb,CAAC;IACH,IAAM,eAAe,GAAGC,iCAAe,EAAE,CAAC;IAE1C,IAAM,IAAI,GAAG,CAAC,UAAU,CAAC,CAAC;IAC1B,IAAI,UAAU,EAAE;QACZ,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;KACzB;;;;IAKDC,iCAAe,CAAC,IAAI,EAAE;QAClB,IAAI,OAAO,cAAc,KAAK,UAAU,EAAE;YACtC,cAAc,EAAE,CAAC;SACpB;KACJ,CAAC,CAAC;;;;IAKHC,eAAS,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,KAAKC,gCAAS;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,OAAOC,qBAAY,CACfC,wCAACC,oCAAe,IAAC,SAAS,EAAE,IAAI,IAC3B,MAAM,KAAK,IAAI,IACZD,wCAACE,kCAAa,IAAC,OAAO,EAAE,GAAG,EAAE,UAAU,EAAEC,uBAAW;QAChDH,iDAAK,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAEI,sBAAU,CAACC,8BAAkB,CAAC;YAC1EL,iDAAK,SAAS,EAAEI,sBAAU,CAACE,6BAAiB,CAAC;gBACzCN,iDAAK,OAAO,EAAE,cAAM,OAAA,OAAO,cAAc,KAAK,UAAU,IAAI,cAAc,EAAE,GAAA,IACvE,eAAe,aAAf,eAAe,cAAf,eAAe,IACZA,iDAAK,SAAS,EAAEI,sBAAU,CAACG,oCAAwB,CAAC;oBAChDP,kDACI,SAAS,EAAKI,sBAAU,CAACI,mBAAO,CAAC,SAAIJ,sBAAU,CAACK,iCAAqB,CAAC,SAClEL,sBAAU,CAAC,UAAU,IAAIM,uBAAW,CACtC,GACJ;oBACFV,kDAAM,SAAS,EAAEI,sBAAU,CAACO,kCAAsB,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/cjs/src/components/dropdown/components/custom_label.js

@@ -1,22 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var index = require('../context/index.js');
-var use_keyboard_open_close = require('../hooks/use_keyboard_open_close.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var CustomLabel = function (_a) {
-    var children = _a.children;
-    var _b = index.useDropdownContext(), toggleDropdown = _b.toggleDropdown, isOpen = _b.isOpen;
-    var ref = React.useRef(null);
-    use_keyboard_open_close.useKeyboardOpenClose(toggleDropdown, isOpen, ref);
-    return (React__default['default'].createElement("div", { onClick: toggleDropdown, ref: ref, tabIndex: 0 }, children));
-};
-
-exports.default = CustomLabel;
-//# sourceMappingURL=custom_label.js.map

package/build/cjs/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":["useRef","useKeyboardOpenClose","React"],"mappings":";;;;;;;;;;;;IAMM,WAAW,GAAwC,UAAC,EAAY;QAAV,sBAAQ;IAC1D,IAAA,+BAAmE,EAAjE,kCAAc,EAAE,kBAAiD,CAAC;IAC1E,IAAM,GAAG,GAAGA,YAAM,CAAC,IAAI,CAAC,CAAC;IACzBC,4CAAoB,CAAC,cAAc,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC;IAElD,QACIC,iDAAK,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,IAC9C,QAAQ,CACP,EACR;AACN;;;;"}

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

@@ -1,28 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var main_module = require('../../../css/dropdown/main.module.less.js');
-var css_classes = require('../css_classes.js');
-var main_module$1 = require('../../../css/heading/main.module.less.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-/**
- * 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__default['default'].createElement("li", null,
-        React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssDropdownListHead] },
-            React__default['default'].createElement("span", { className: main_module$1['default']['head_line'] }, text))));
-};
-
-exports.default = Header;
-//# sourceMappingURL=header.js.map

package/build/cjs/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":["React","cssClasses","cssDropdownListHead","cssHeadingClasses"],"mappings":";;;;;;;;;;;;;AAMA;;;;;;IAMM,MAAM,GAAmC,UAAC,EAAQ;QAAN,cAAI;IAClD,QACIA;QACIA,iDAAK,SAAS,EAAEC,sBAAU,CAACC,+BAAmB,CAAC;YAC3CF,kDAAM,SAAS,EAAEG,wBAAiB,CAAC,WAAW,CAAC,IAAG,IAAI,CAAQ,CAC5D,CACL,EACP;AACN;;;;"}

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

@@ -1,37 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var index = require('../context/index.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-/**
- * 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 = index.useDropdownContext().toggleDropdown;
-    return (React__default['default'].createElement("li", { role: "option", "aria-selected": isSelected, onClick: function (ev) { return onClick && onClick({ ev: ev, toggleDropdown: toggleDropdown }); } }, children));
-};
-
-exports.default = Item;
-//# sourceMappingURL=item.js.map

package/build/cjs/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":["React"],"mappings":";;;;;;;;;;;AAKA;;;;;;IAMM,IAAI,GAAiC,UAAC,EAe3C;;;;;IAXG,sBAAQ;;;;IAKR,0BAAU;;;;IAKV,oBAAO;IAEC,IAAA,0DAAc,CAA4C;IAElE,QACIA,gDAAI,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/cjs/src/components/dropdown/components/label.js

@@ -1,36 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var index = require('../context/index.js');
-var use_keyboard_open_close = require('../hooks/use_keyboard_open_close.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-/**
- * 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 = index.useDropdownContext(), toggleDropdown = _b.toggleDropdown, isOpen = _b.isOpen;
-    var ref = React.useRef(null);
-    use_keyboard_open_close.useKeyboardOpenClose(toggleDropdown, isOpen, ref);
-    return (React__default['default'].createElement("span", { onClick: toggleDropdown, tabIndex: 0, ref: ref, className: cssClass }, label));
-};
-
-exports.default = Label;
-//# sourceMappingURL=label.js.map

package/build/cjs/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":["useRef","useKeyboardOpenClose","React"],"mappings":";;;;;;;;;;;;AAMA;;;;;;IAMM,KAAK,GAAkC,UAAC,EAS7C;;;;;IALG,gBAAK;;;;IAIL,sBAAQ;IAEF,IAAA,+BAAmE,EAAjE,kCAAc,EAAE,kBAAiD,CAAC;IAC1E,IAAM,GAAG,GAAGA,YAAM,CAAC,IAAI,CAAC,CAAC;IACzBC,4CAAoB,CAAC,cAAc,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC;IAElD,QACIC,kDAAM,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,IACpE,KAAK,CACH,EACT;AACN;;;;"}