@geotab/zenith 3.6.0 → 3.6.1

package/dist/filtersBar/components/filtersBarDropdownWithCheckbox/filtersBarDropdownWithCheckbox.js

@@ -1,83 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TRANSLATIONS = exports.FiltersBarDropdownWithCheckbox = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const sidePanelCell_1 = require("../../../sidePanel/sidePanelCell/sidePanelCell");
-const dropdown_1 = require("../../../dropdown/dropdown");
-const pillBox_1 = require("../../../pillBox/pillBox");
-const classNames_1 = require("../../../commonHelpers/classNames/classNames");
-const useMobile_1 = require("../../../commonHelpers/hooks/useMobile");
-const useUniqueId_1 = require("../../../commonHelpers/useUniqueId");
-const filtersBarSidePanelDropdownWithCheckbox_1 = require("../../filtersBarSidePanel/components/filtersBarSidePanelDropdownWithCheckbox/filtersBarSidePanelDropdownWithCheckbox");
-const focusableSelector_1 = require("../../../utils/focusableSelector");
-const FiltersBarDropdownWithCheckbox = ({ sidePanelTitle, className, props, state, useSidePanelView, onChange }) => {
-    const isFullSelectionMode = (0, react_1.useMemo)(() => "isAllSelected" in state && typeof (state).isAllSelected === "boolean", [state]);
-    const selection = (0, react_1.useMemo)(() => new Set(state.selected), [state]);
-    const isMobile = (0, useMobile_1.useMobile)();
-    const isCurrentAllSelected = (0, react_1.useMemo)(() => isFullSelectionMode ? state.isAllSelected : undefined, [isFullSelectionMode, state]);
-    const isCurrentChecked = (0, react_1.useMemo)(() => state.isChecked, [state.isChecked]);
-    const [_, setNamedFnReady] = (0, react_1.useState)(false);
-    const namedItemsFnRef = (0, react_1.useRef)(items => items.map(el => ({ id: el, name: "..." })));
-    const dropdownLabelledId = (0, useUniqueId_1.useUniqueId)();
-    const sidePanelCellRef = (0, react_1.useRef)(null);
-    const handleFocusOnRemove = (0, react_1.useCallback)((newSelectedFirstItem) => {
-        var _a, _b, _c;
-        if (newSelectedFirstItem) {
-            const pillBoxElement = (_a = sidePanelCellRef.current) === null || _a === void 0 ? void 0 : _a.querySelector(`.zen-filters-bar-dropdown-with-checkbox__pill-box .zen-pill-box__pill[data-id="${newSelectedFirstItem}"]`);
-            const focusable = pillBoxElement ?
-                [...Array.from(pillBoxElement.querySelectorAll(focusableSelector_1.FOCUSABLE_SELECTOR))] : undefined;
-            (_b = focusable === null || focusable === void 0 ? void 0 : focusable[0]) === null || _b === void 0 ? void 0 : _b.focus();
-        }
-        else {
-            const focusable = sidePanelCellRef.current ? [...Array.from(sidePanelCellRef.current.querySelectorAll(focusableSelector_1.FOCUSABLE_SELECTOR))] : undefined;
-            (_c = focusable === null || focusable === void 0 ? void 0 : focusable[0]) === null || _c === void 0 ? void 0 : _c.focus();
-        }
-    }, []);
-    const handleRemove = (0, react_1.useCallback)((removedId) => {
-        const newSelection = Array.from(selection).filter(el => el !== removedId);
-        if (isFullSelectionMode) {
-            onChange({ selected: newSelection,
-                isAllSelected: false, isChecked: state.isChecked });
-        }
-        else {
-            onChange({ selected: newSelection,
-                isChecked: state.isChecked });
-        }
-        handleFocusOnRemove(newSelection[0]);
-    }, [handleFocusOnRemove, isFullSelectionMode, onChange, selection, state]);
-    const componentWidth = (0, react_1.useMemo)(() => useSidePanelView ? undefined : props.width, [useSidePanelView, props.width]);
-    const onChangeFullSelectionWithCheckbox = (0, react_1.useCallback)((newValue) => {
-        onChange({ selected: newValue.selected.map(el => el.id), isAllSelected: newValue.isAllSelected || false, isChecked: newValue.isChecked });
-    }, [onChange]);
-    const onChangeWithCheckbox = (0, react_1.useCallback)((newValue) => {
-        onChange({ selected: newValue.selected.map(el => el.id), isChecked: newValue.isChecked });
-    }, [onChange]);
-    const { getData } = props, restProps = __rest(props, ["getData"]);
-    const memoizedGetData = (0, react_1.useMemo)(() => getData, [getData]);
-    const commonProps = (0, react_1.useMemo)(() => (Object.assign(Object.assign({}, restProps), { width: componentWidth, inputId: props.inputId && useSidePanelView ? `${props.inputId}-side-panel` : props.inputId, className: (0, classNames_1.classNames)([className || "", useSidePanelView ? "zen-filters-bar-dropdown-with-checkbox--side-panel" : "",
-            !useSidePanelView && !props.width ? "zen-filters-bar-dropdown-with-checkbox--toolbar" : ""]), classNamePopup: (0, classNames_1.classNames)(["zen-filters-bar-dropdown-with-checkbox-popup", props.classNamePopup || ""]), fullWidthTriggerButton: useSidePanelView ? true : props.fullWidthTriggerButton, error: undefined, hasApplyButton: useSidePanelView ? false : props.hasApplyButton, getNamedItems: useSidePanelView ? (fn) => {
-            namedItemsFnRef.current = fn;
-            setNamedFnReady(val => !val);
-        } : undefined })), [className, componentWidth, props.classNamePopup, props.fullWidthTriggerButton, props.hasApplyButton, props.inputId, props.width, restProps, useSidePanelView]);
-    const componentWithSeparateCheckbox = isFullSelectionMode ? ((0, jsx_runtime_1.jsx)(filtersBarSidePanelDropdownWithCheckbox_1.FiltersBarSidePanelDropdownWithCheckbox, { props: Object.assign({}, commonProps), state: state, onChange: onChange, getData: memoizedGetData })) : (0, jsx_runtime_1.jsx)(filtersBarSidePanelDropdownWithCheckbox_1.FiltersBarSidePanelDropdownWithCheckbox, { props: Object.assign({}, commonProps), state: state, onChange: onChange, getData: memoizedGetData });
-    const component = isFullSelectionMode ? ((0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, Object.assign({}, commonProps, { checkboxLabel: props.checkboxLabel, getData: props.getData, value: { selected: Array.from(selection), isAllSelected: isCurrentAllSelected || false, isChecked: isCurrentChecked }, onChange: onChangeFullSelectionWithCheckbox, defaultValue: props.defaultValue, multiselect: true, selectAllButton: true }))) : ((0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, Object.assign({}, commonProps, { checkboxLabel: props.checkboxLabel, getData: props.getData, value: { selected: Array.from(selection), isChecked: isCurrentChecked }, onChange: onChangeWithCheckbox, defaultValue: props.defaultValue })));
-    if (!useSidePanelView) {
-        return component;
-    }
-    const namedPills = namedItemsFnRef.current(Array.from(selection)).map(el => (el.name ? el : Object.assign(Object.assign({}, el), { name: "..." })));
-    return (0, jsx_runtime_1.jsx)(sidePanelCell_1.SidePanelCell, { title: sidePanelTitle, role: "group", labelledBy: dropdownLabelledId, titleId: dropdownLabelledId, children: (0, jsx_runtime_1.jsxs)("div", { ref: sidePanelCellRef, children: [isMobile ? component : componentWithSeparateCheckbox, props.multiselect || props.multiselect === undefined ? (0, jsx_runtime_1.jsx)(pillBox_1.PillBox, { className: "zen-filters-bar-dropdown-with-checkbox__pill-box", selectedPills: namedPills, onRemove: handleRemove }) : null] }) });
-};
-exports.FiltersBarDropdownWithCheckbox = FiltersBarDropdownWithCheckbox;
-exports.TRANSLATIONS = [...new Set([...dropdown_1.TRANSLATIONS])];

package/dist/filtersBar/components/filtersBarGroupButton/filtersBarGroupButton.d.ts

@@ -1,13 +0,0 @@
-import { IGroupButton } from "../../../groupButton/groupButton";
-import { IFiltersBarItem } from "../interfaces";
-export interface IFiltersBarGroupButtonState {
-    selectedValue: string;
-}
-interface IFiltersBarGroupButtonProps extends Pick<IGroupButton, "className" | "disabled" | "groupData"> {
-}
-export interface IFiltersBarGroupButton extends IFiltersBarItem<IFiltersBarGroupButtonState, IFiltersBarGroupButtonProps> {
-    className?: string;
-    props: IFiltersBarGroupButtonProps;
-}
-export declare const FiltersBarGroupButton: ({ className, state, props, onChange: onChangeState, useSidePanelView, sidePanelTitle }: IFiltersBarGroupButton) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/filtersBar/components/filtersBarGroupButton/filtersBarGroupButton.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FiltersBarGroupButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const classNames_1 = require("../../../commonHelpers/classNames/classNames");
-const groupButton_1 = require("../../../groupButton/groupButton");
-const sidePanelCell_1 = require("../../../sidePanel/sidePanelCell/sidePanelCell");
-const FiltersBarGroupButton = ({ className, state, props, onChange: onChangeState, useSidePanelView, sidePanelTitle }) => {
-    const groupData = props.groupData;
-    const groupButtonLabelledId = (0, react_1.useId)();
-    const fullGroupData = groupData.map(item => (Object.assign(Object.assign({}, item), { selected: item.value === state.selectedValue })));
-    const onChangeEvent = (event) => {
-        const value = event.target.value;
-        onChangeState({ selectedValue: value });
-    };
-    const component = (0, jsx_runtime_1.jsx)(groupButton_1.GroupButton, Object.assign({}, props, { fullWidth: useSidePanelView, className: (0, classNames_1.classNames)([className !== null && className !== void 0 ? className : ""]), groupData: fullGroupData, onChange: onChangeEvent }));
-    if (!useSidePanelView) {
-        return component;
-    }
-    return (0, jsx_runtime_1.jsx)(sidePanelCell_1.SidePanelCell, { role: "group", title: sidePanelTitle, titleId: groupButtonLabelledId, labelledBy: groupButtonLabelledId, children: component });
-};
-exports.FiltersBarGroupButton = FiltersBarGroupButton;

package/dist/filtersBar/components/filtersBarGroupsFilter/filtersBarGroupsFilter.d.ts

@@ -1,15 +0,0 @@
-import "./filtersBarGroupsFilter.less";
-import { IGroupsFilter } from "../../../groupsFilter/groupsFilter";
-import { IFiltersBarItem } from "../interfaces";
-import { IGroupsFilterTotalState } from "../../../groupsFilterRaw/groupsFilterInterfaces";
-export interface IFiltersBarSearchState {
-    value: IGroupsFilterTotalState;
-}
-interface IFiltersBarGroupsFilterProps extends Pick<IGroupsFilter, "dataLoader" | "isWithColor" | "errorHandler" | "options" | "listLimit"> {
-}
-export interface IFiltersBarGroupsFilter extends IFiltersBarItem<IFiltersBarSearchState, IFiltersBarGroupsFilterProps> {
-    props: IFiltersBarGroupsFilterProps;
-    className?: string;
-}
-export declare const FiltersBarGroupsFilter: ({ props, state, sidePanelTitle, useSidePanelView, onChange: onChangeState }: IFiltersBarGroupsFilter) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/filtersBar/components/filtersBarGroupsFilter/filtersBarGroupsFilter.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FiltersBarGroupsFilter = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const groupsFilter_1 = require("../../../groupsFilter/groupsFilter");
-const sidePanelCell_1 = require("../../../sidePanel/sidePanelCell/sidePanelCell");
-const react_1 = require("react");
-const FiltersBarGroupsFilter = ({ props, state, sidePanelTitle, useSidePanelView, onChange: onChangeState }) => {
-    const component = (0, jsx_runtime_1.jsx)(groupsFilter_1.GroupsFilter, Object.assign({}, props, { fullSize: useSidePanelView, initialFilterState: state.value, onChange: (value) => onChangeState({ value }) }));
-    const groupFilterLabelledId = (0, react_1.useId)();
-    if (!useSidePanelView) {
-        return component;
-    }
-    return (0, jsx_runtime_1.jsx)(sidePanelCell_1.SidePanelCell, { title: sidePanelTitle, role: "group", labelledBy: groupFilterLabelledId, titleId: groupFilterLabelledId, className: "zen-filters-bar-groups-filter--side-panel", children: component });
-};
-exports.FiltersBarGroupsFilter = FiltersBarGroupsFilter;

package/dist/filtersBar/components/filtersBarPeriodPicker/filtersBarPeriodPicker.d.ts

@@ -1,62 +0,0 @@
-import "./filtersBarPeriodPicker.less";
-import { IFiltersBarItem } from "../interfaces";
-import { IDateRangeValue, IDateRangeValueOptionalLabel, TDateRangeOption } from "../../../dateRange/dateRangeUtils";
-import { IButton } from "../../../button/button";
-import { TDateDeformatter, TDateFormatter } from "../../../dateInputInner/dateInputInner";
-interface IFiltersBarDateRangePickerBase extends Pick<IButton, "type" | "disabled"> {
-    options: TDateRangeOption[];
-    dropDownTitle?: string;
-    triggerLabel?: string;
-    dateFormatter?: TDateFormatter;
-    dateDeformatter?: TDateDeformatter;
-    dateFormat?: string;
-    withCalendar?: boolean;
-    timeSelect?: boolean;
-    disableFutureDates?: boolean;
-    disablePastDates?: boolean;
-    lockEndDate?: string;
-    lockStartDate?: string;
-    hasApplyButton?: boolean;
-    classNamePopup?: string;
-    disableDatesBefore?: string;
-    disableDatesAfter?: string;
-    stepper?: boolean;
-}
-interface IFiltersBarDateRangePicker extends IFiltersBarDateRangePickerBase {
-    allowUnsetValue?: false;
-}
-interface IFiltersBarDateRangePickerUnsetValue extends IFiltersBarDateRangePickerBase {
-    allowUnsetValue: true;
-}
-interface IFiltersBarPeriodPickerImp extends IFiltersBarItem<IDateRangeValueOptionalLabel | IDateRangeValue, IFiltersBarDateRangePicker> {
-    props: IFiltersBarDateRangePicker;
-    defaultState: IDateRangeValue;
-    className?: string;
-    checkError?: (isError: boolean) => void;
-    sidePanelMaxGroupedItemsLength?: number;
-    /**
-     * @deprecated - will be removed in future releases
-     */
-    hasApplyButton?: boolean;
-}
-export interface IFiltersBarPeriodPicker extends Omit<IFiltersBarPeriodPickerImp, "onChange"> {
-    onChange: (state: IDateRangeValue) => void;
-}
-export type IPeriodPickerUnsetValue = IDateRangeValueOptionalLabel | IDateRangeValue | undefined;
-interface IFiltersBarPeriodPickerUnsetValueImp extends IFiltersBarItem<IPeriodPickerUnsetValue, IFiltersBarDateRangePickerUnsetValue> {
-    props: IFiltersBarDateRangePickerUnsetValue;
-    defaultState: IDateRangeValue | undefined;
-    className?: string;
-    checkError?: (isError: boolean) => void;
-    sidePanelMaxGroupedItemsLength?: number;
-    /**
-     * @deprecated - will be removed in future releases
-     */
-    hasApplyButton?: boolean;
-}
-export interface IFiltersBarPeriodPickerUnsetValue extends Omit<IFiltersBarPeriodPickerUnsetValueImp, "onChange"> {
-    onChange: (state: IDateRangeValue | undefined) => void;
-}
-export declare const FiltersBarPeriodPicker: ({ props, hasApplyButton, className, useSidePanelView, sidePanelTitle, state, defaultState, onChange, checkError, sidePanelMaxGroupedItemsLength }: IFiltersBarPeriodPicker | IFiltersBarPeriodPickerUnsetValue) => import("react/jsx-runtime").JSX.Element | "";
-export declare const TRANSLATIONS: string[];
-export {};

package/dist/filtersBar/components/filtersBarPeriodPicker/filtersBarPeriodPicker.js

@@ -1,142 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TRANSLATIONS = exports.FiltersBarPeriodPicker = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const sidePanelCell_1 = require("../../../sidePanel/sidePanelCell/sidePanelCell");
-const classNames_1 = require("../../../commonHelpers/classNames/classNames");
-const dateRangeInner_1 = require("../../../dateRangeInner/dateRangeInner");
-const useLanguage_1 = require("../../../utils/localization/useLanguage");
-const getRangeOption_1 = require("./getRangeOption");
-const userFormatContext_1 = require("../../../utils/userFormat/userFormatContext");
-const normalizeDates_1 = require("./normalizeDates");
-const dateRangeRaw_1 = require("../../../dateRangeRaw/dateRangeRaw");
-const DateRangeInnerMemo = (0, react_1.memo)(dateRangeInner_1.DateRangeInner);
-const FiltersBarPeriodPicker = ({ props, hasApplyButton, className, useSidePanelView, sidePanelTitle, state, defaultState, onChange, checkError, sidePanelMaxGroupedItemsLength = 5 }) => {
-    const { options: optionsArg, withCalendar, timeSelect, disableFutureDates, disablePastDates, disableDatesBefore, disableDatesAfter, lockStartDate, lockEndDate, classNamePopup } = props;
-    const { translate } = (0, useLanguage_1.useLanguage)();
-    const { toLocalDateTime, toReverseOffsetDateTime, weekStartsOnSunday } = (0, react_1.useContext)(userFormatContext_1.userFormatContext);
-    const id = (0, react_1.useId)();
-    const optionsMap = (0, react_1.useMemo)(() => (0, getRangeOption_1.getOptionsPeriodMap)(optionsArg, translate, toLocalDateTime, weekStartsOnSunday ? "Sunday" : "Monday", toReverseOffsetDateTime), [optionsArg, toLocalDateTime, toReverseOffsetDateTime, translate, weekStartsOnSunday]);
-    const [selectedRange, setSelectedRange] = (0, react_1.useState)((0, getRangeOption_1.getSelectedRangeFromValue)(optionsMap, state));
-    const filterBarLabelledId = (0, react_1.useId)();
-    const [prevSelection, setPrevSelection] = (0, react_1.useState)((0, getRangeOption_1.getSelectedRangeFromValue)(optionsMap, state));
-    const datesValidation = (0, react_1.useMemo)(() => (0, getRangeOption_1.isValidDateFn)(props.allowUnsetValue || false), [props.allowUnsetValue]);
-    const isDatesValid = (0, react_1.useRef)(datesValidation(state));
-    const getCustomRange = (0, react_1.useCallback)(() => ({ from: (prevSelection === null || prevSelection === void 0 ? void 0 : prevSelection.from) || new Date(), to: (prevSelection === null || prevSelection === void 0 ? void 0 : prevSelection.to) || new Date() }), [prevSelection]);
-    const options = (0, react_1.useMemo)(() => (0, getRangeOption_1.getRangeOptionsArray)(optionsArg, translate, toLocalDateTime, weekStartsOnSunday ? "Sunday" : "Monday", toReverseOffsetDateTime, withCalendar || false, prevSelection && prevSelection.label === dateRangeInner_1.CUSTOM_CALENDAR_ID, prevSelection ? getCustomRange : undefined), [optionsArg, translate, toLocalDateTime, weekStartsOnSunday, toReverseOffsetDateTime, withCalendar, prevSelection, getCustomRange]);
-    const hasCustomOption = (0, react_1.useMemo)(() => options.find(option => option.id === dateRangeInner_1.CUSTOM_CALENDAR_ID) !== undefined, [options]);
-    const [customDate, setCustomDate] = (0, react_1.useState)((0, normalizeDates_1.normalizeDates)((0, getRangeOption_1.isDateValid)(state === null || state === void 0 ? void 0 : state.from) ? state.from.toISOString() : undefined, (0, getRangeOption_1.isDateValid)(state === null || state === void 0 ? void 0 : state.to) ? state.to.toISOString() : undefined, disableFutureDates, disablePastDates, disableDatesBefore, disableDatesAfter));
-    const handleDateRangeSelection = (0, react_1.useCallback)(
-    // eslint-disable-next-line complexity
-    (val) => {
-        var _a, _b;
-        const selection = options.find(option => option.id === val);
-        if (selection && val !== dateRangeInner_1.CUSTOM_CALENDAR_ID && selection.getRange) {
-            const range = selection.getRange();
-            const normalizedDates = (0, normalizeDates_1.normalizeDates)(range.from.toISOString(), range.to.toISOString(), disableFutureDates, disablePastDates, disableDatesBefore, disableDatesAfter);
-            const newRange = val === dateRangeInner_1.CUSTOM_CALENDAR_ID ? { from: new Date(normalizedDates.from), to: new Date(normalizedDates.to) } : range;
-            setCustomDate({ from: newRange.from.toISOString(), to: newRange.to.toISOString() });
-            // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-            checkError && checkError(!range.from || !range.to);
-            onChange(Object.assign({ label: selection.id }, newRange));
-        }
-        else {
-            const startDateForNormalize = ((_a = selection === null || selection === void 0 ? void 0 : selection.getRange) === null || _a === void 0 ? void 0 : _a.call(selection)) && (selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.label) !== val ? selection.getRange().from : state === null || state === void 0 ? void 0 : state.from;
-            const endDateForNormalize = ((_b = selection === null || selection === void 0 ? void 0 : selection.getRange) === null || _b === void 0 ? void 0 : _b.call(selection)) && (selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.label) !== val ? selection.getRange().to : state === null || state === void 0 ? void 0 : state.to;
-            if (!datesValidation(startDateForNormalize === undefined && endDateForNormalize === undefined ? undefined : { from: startDateForNormalize, to: endDateForNormalize })) {
-                console.error("Invalid Date objects provided to DateRange", { from: startDateForNormalize, to: endDateForNormalize });
-                return;
-            }
-            const normalizedDates = (0, normalizeDates_1.normalizeDates)(startDateForNormalize === null || startDateForNormalize === void 0 ? void 0 : startDateForNormalize.toISOString(), endDateForNormalize === null || endDateForNormalize === void 0 ? void 0 : endDateForNormalize.toISOString(), disableFutureDates, disablePastDates, disableDatesBefore, disableDatesAfter);
-            const newRange = val === dateRangeInner_1.CUSTOM_CALENDAR_ID ? { from: new Date(normalizedDates.from), to: new Date(normalizedDates.to) } : undefined;
-            const newValueFrom = (newRange === null || newRange === void 0 ? void 0 : newRange.from) || new Date();
-            const newValueTo = (newRange === null || newRange === void 0 ? void 0 : newRange.to) || new Date();
-            setSelectedRange({ label: val, from: newValueFrom, to: newValueTo });
-            setCustomDate({ from: newValueFrom.toISOString(), to: newValueTo.toISOString() });
-            onChange({ label: val, from: newValueFrom, to: newValueTo });
-        }
-    }, [options, disableFutureDates, disablePastDates, disableDatesBefore, disableDatesAfter, checkError, onChange, selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.label, state === null || state === void 0 ? void 0 : state.from, state === null || state === void 0 ? void 0 : state.to, datesValidation]);
-    (0, react_1.useEffect)(() => {
-        const currentState = (0, getRangeOption_1.getSelectedRangeFromValue)(optionsMap, state);
-        isDatesValid.current = datesValidation(state);
-        if (!datesValidation(state)) {
-            console.error("Invalid Date objects provided to DateRange", { from: state === null || state === void 0 ? void 0 : state.from, to: state === null || state === void 0 ? void 0 : state.to });
-            return;
-        }
-        if ((prevSelection === null || prevSelection === void 0 ? void 0 : prevSelection.label) !== (currentState === null || currentState === void 0 ? void 0 : currentState.label)) {
-            setSelectedRange(currentState);
-            setPrevSelection(currentState);
-        }
-        if (useSidePanelView &&
-            (defaultState === null || defaultState === void 0 ? void 0 : defaultState.label) === dateRangeInner_1.CUSTOM_CALENDAR_ID &&
-            (currentState === null || currentState === void 0 ? void 0 : currentState.label) === dateRangeInner_1.CUSTOM_CALENDAR_ID &&
-            (prevSelection === null || prevSelection === void 0 ? void 0 : prevSelection.label) === dateRangeInner_1.CUSTOM_CALENDAR_ID &&
-            defaultState.from.toISOString() === currentState.from.toISOString() &&
-            defaultState.to.toISOString() === currentState.to.toISOString() &&
-            customDate.from &&
-            customDate.to &&
-            (customDate.from !== defaultState.from.toISOString() || customDate.to !== defaultState.to.toISOString())) {
-            const normalizedDates = (0, normalizeDates_1.normalizeDates)(defaultState.from.toISOString(), defaultState.to.toISOString(), disableFutureDates, disablePastDates, disableDatesBefore, disableDatesAfter);
-            const newRange = { from: new Date(normalizedDates.from), to: new Date(normalizedDates.to) };
-            const updatedState = { label: dateRangeInner_1.CUSTOM_CALENDAR_ID, from: newRange.from, to: newRange.to };
-            setSelectedRange(updatedState);
-            setPrevSelection(updatedState);
-            setCustomDate({ from: newRange.from.toISOString(), to: newRange.to.toISOString() });
-        }
-    }, [
-        prevSelection === null || prevSelection === void 0 ? void 0 : prevSelection.label,
-        state,
-        defaultState,
-        useSidePanelView,
-        customDate.from,
-        customDate.to,
-        disableFutureDates,
-        disablePastDates,
-        disableDatesBefore,
-        disableDatesAfter,
-        optionsMap,
-        datesValidation
-    ]);
-    const handleCustomDate = (0, react_1.useCallback)(value => {
-        const isHasError = !value.from || !value.to;
-        checkError && checkError(isHasError);
-        setSelectedRange({ label: dateRangeInner_1.CUSTOM_CALENDAR_ID, from: lockStartDate || value.from, to: lockEndDate || (lockStartDate ? value.to || value.from : value.to) });
-        setCustomDate({ from: lockStartDate || value.from, to: lockEndDate || (lockStartDate ? value.to || value.from : value.to) });
-        !isHasError &&
-            onChange({
-                label: dateRangeInner_1.CUSTOM_CALENDAR_ID,
-                from: new Date((lockStartDate || value.from)),
-                to: new Date((lockEndDate || (lockStartDate ? value.to || value.from : value.to)))
-            });
-    }, [checkError, lockEndDate, lockStartDate, onChange]);
-    const range = (0, react_1.useMemo)(() => ({ from: customDate.from, to: customDate.to }), [customDate.from, customDate.to]);
-    const component = (0, react_1.useMemo)(() => ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(DateRangeInnerMemo, { id: `${id}-daterange`, options: options, onOptionSelect: handleDateRangeSelection, onCalendarSelect: hasCustomOption ? handleCustomDate : undefined, selection: selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.label, range: range, timeSelect: timeSelect, disableFutureDates: disableFutureDates, disablePastDates: disablePastDates, disableDatesBefore: disableDatesBefore, disableDatesAfter: disableDatesAfter }) })), [
-        id,
-        options,
-        handleDateRangeSelection,
-        hasCustomOption,
-        handleCustomDate,
-        selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.label,
-        range,
-        timeSelect,
-        disableFutureDates,
-        disablePastDates,
-        disableDatesBefore,
-        disableDatesAfter
-    ]);
-    const popup = (0, react_1.useMemo)(() => {
-        const commonProps = Object.assign(Object.assign({}, props), { hasApplyButton: useSidePanelView ? false : props.hasApplyButton || hasApplyButton, id: id, className: (0, classNames_1.classNames)(["zen-filters-bar-period-picker", useSidePanelView ? "zen-filters-bar-period-picker--full-width" : "", className !== null && className !== void 0 ? className : ""]), classNamePopup: (0, classNames_1.classNames)(["zen-filters-bar-period-picker__popup", useSidePanelView ? "zen-filters-bar-period-picker__popup--full-width" : "", classNamePopup || ""]), classNameWrapper: (0, classNames_1.classNames)([useSidePanelView ? "zen-filters-bar-period-picker-wrapper" : ""]), options: optionsArg });
-        return props.allowUnsetValue ? ((0, jsx_runtime_1.jsx)(dateRangeRaw_1.DateRangeRaw, Object.assign({}, commonProps, { value: state, onChange: onChange, defaultValue: defaultState, allowUnsetValue: true }))) : ((0, jsx_runtime_1.jsx)(dateRangeRaw_1.DateRangeRaw, Object.assign({}, commonProps, { value: state, onChange: onChange, defaultValue: defaultState, allowUnsetValue: false })));
-    }, [props, useSidePanelView, id, className, classNamePopup, optionsArg, state, onChange, defaultState, hasApplyButton]);
-    if (!options.length && !hasCustomOption) {
-        return "";
-    }
-    if (!useSidePanelView) {
-        return popup;
-    }
-    const isUsePopup = options.length > sidePanelMaxGroupedItemsLength;
-    return ((0, jsx_runtime_1.jsx)(sidePanelCell_1.SidePanelCell, { role: "group", labelledBy: filterBarLabelledId, titleId: filterBarLabelledId, title: sidePanelTitle, withoutSidePaddings: !isUsePopup, children: isUsePopup ? popup : component }));
-};
-exports.FiltersBarPeriodPicker = FiltersBarPeriodPicker;
-exports.TRANSLATIONS = ["Clear", "Reset", "Apply", "Date range filter", "The start date cannot be empty.", "The end date cannot be empty."];

package/dist/filtersBar/components/filtersBarPeriodPicker/getRangeOption.d.ts

@@ -1,84 +0,0 @@
-import { TDayName } from "../../../calendar/dateUtils";
-import { IDateRangeOption, TDateRangeOption, IDateRangeValueOptionalLabel } from "../../../dateRange/dateRangeUtils";
-export interface IDateRangeOptionId extends IDateRangeOption {
-    id: string;
-}
-interface IDateRange {
-    from: Date;
-    to: Date;
-}
-declare const options: {
-    Today: (translate: (s: string) => string, toLocalDateTime?: (date: Date | string) => Date, _firstDayOfWeek?: TDayName, toReverseOffsetDateTime?: (date: Date | string) => Date) => IDateRangeOption;
-    Yesterday: (translate: (s: string) => string, toLocalDateTime?: (date: Date | string) => Date, _firstDayOfWeek?: TDayName, toReverseOffsetDateTime?: (date: Date | string) => Date) => IDateRangeOption;
-    ThisWeek: (translate: (s: string) => string, toLocalDateTime?: (date: Date | string) => Date, firstDayOfWeek?: TDayName, toReverseOffsetDateTime?: (date: Date | string) => Date) => IDateRangeOption;
-    NextWeek: (translate: (s: string) => string, toLocalDateTime: (date: Date | string) => Date, firstDayOfWeek?: TDayName, toReverseOffsetDateTime?: (date: Date | string) => Date) => IDateRangeOption;
-    LastWeek: (translate: (s: string) => string, toLocalDateTime: (date: Date | string) => Date, firstDayOfWeek?: TDayName, toReverseOffsetDateTime?: (date: Date | string) => Date) => IDateRangeOption;
-    ThisMonth: (translate: (s: string) => string, toLocalDateTime: (date: Date | string) => Date, _firstDayOfWeek?: TDayName, toReverseOffsetDateTime?: (date: Date | string) => Date) => IDateRangeOption;
-    NextMonth: (translate: (s: string) => string, toLocalDateTime: (date: Date | string) => Date, _firstDayOfWeek?: TDayName, toReverseOffsetDateTime?: (date: Date | string) => Date) => IDateRangeOption;
-    LastMonth: (translate: (s: string) => string, toLocalDateTime: (date: Date | string) => Date, _firstDayOfWeek?: TDayName, toReverseOffsetDateTime?: (date: Date | string) => Date) => IDateRangeOption;
-    LastSevenDays: (translate: (s: string) => string, toLocalDateTime: (date: Date | string) => Date, _firstDayOfWeek?: TDayName, toReverseOffsetDateTime?: (date: Date | string) => Date) => IDateRangeOption;
-    LastThirtyDays: (translate: (s: string) => string, toLocalDateTime: (date: Date | string) => Date, _firstDayOfWeek?: TDayName, toReverseOffsetDateTime?: (date: Date | string) => Date) => IDateRangeOption;
-    LastTwelveMonths: (translate: (s: string) => string, toLocalDateTime: (date: Date | string) => Date, _firstDayOfWeek?: TDayName, toReverseOffsetDateTime?: (date: Date | string) => Date) => IDateRangeOption;
-    LastThreeMonths: (translate: (s: string) => string, toLocalDateTime: (date: Date | string) => Date, _firstDayOfWeek?: TDayName, toReverseOffsetDateTime?: (date: Date | string) => Date) => IDateRangeOption;
-    ThisQuarter: (translate: (s: string) => string, toLocalDateTime: (date: Date | string) => Date, _firstDayOfWeek?: TDayName, toReverseOffsetDateTime?: (date: Date | string) => Date) => IDateRangeOption;
-    LastQuarter: (translate: (s: string) => string, toLocalDateTime: (date: Date | string) => Date, _firstDayOfWeek?: TDayName, toReverseOffsetDateTime?: (date: Date | string) => Date) => IDateRangeOption;
-    LastYear: (translate: (s: string) => string, toLocalDateTime: (date: Date | string) => Date, _firstDayOfWeek?: TDayName, toReverseOffsetDateTime?: (date: Date | string) => Date) => IDateRangeOption;
-    ThisYear: (translate: (s: string) => string, toLocalDateTime: (date: Date | string) => Date, _firstDayOfWeek?: TDayName, toReverseOffsetDateTime?: (date: Date | string) => Date) => IDateRangeOption;
-    YearToDate: (translate: (s: string) => string, toLocalDateTime: (date: Date | string) => Date, _firstDayOfWeek?: TDayName, toReverseOffsetDateTime?: (date: Date | string) => Date) => IDateRangeOption;
-};
-export type TDateRangeName = keyof typeof options | "Custom";
-export declare function getRangeOption(option: TDateRangeOption, translate: (s: string) => string, toLocalDateTime?: (date: Date | string) => Date, firstDayOfWeek?: TDayName, toReverseOffsetDateTime?: (date: Date | string) => Date): IDateRangeOptionId | undefined;
-export interface IDateRangeOptionsItem {
-    id: string;
-    label: string;
-    getRange?: () => IDateRange;
-    hasSecondaryLabel: boolean;
-}
-export declare const getRangeOptionsArray: (initialOptions: TDateRangeOption[], translate: (s: string) => string, toLocalDateTime: (date: Date | string) => Date, firstDayOfWeek?: TDayName, toReverseOffsetDateTime?: (date: Date | string) => Date, customLabel?: boolean, isPrevRangeCustom?: boolean, customGetRangeOptions?: () => IDateRange) => IDateRangeOptionsItem[];
-export declare const getOptionsPeriodMap: (initialOptions: TDateRangeOption[], translate: (s: string) => string, toLocalDateTime: (date: Date | string) => Date, firstDayOfWeek?: TDayName, toReverseOffsetDateTime?: (date: Date | string) => Date) => Map<string, IDateRangeOptionId>;
-export declare const isDateValid: (value: unknown) => value is Date;
-export declare const isValidDateFn: (allowUnsetVal: boolean) => (val: any) => boolean;
-export declare const getSelectedRangeFromValue: (optionsMap: Map<string, IDateRangeOptionId>, value?: IDateRangeValueOptionalLabel) => {
-    label: string;
-    from: Date;
-    to: Date;
-} | undefined;
-export declare const MONTH_STEP_OPTION = "month_step_option";
-export declare const DEFAULT_STEP_OPTION = "default_step_option";
-export declare const YEAR_STEP_OPTION = "year_step_option";
-export declare const QUARTER_STEP_OPTION = "quarter_step_option";
-export declare const PERIOD_ONE_DAY_STEP_OPTION = "period_one_day_step_option";
-export declare const PERIOD_SEVEN_DAYS_STEP_OPTION = "period_seven_days_step_option";
-export declare const PERIOD_THIRTY_DAYS_STEP_OPTION = "period_thirty_days_step_option";
-export declare const getDateRangeAdjustedStep: (translate: (s: string) => string, label?: string) => "default_step_option" | "month_step_option" | "quarter_step_option" | "year_step_option" | "period_one_day_step_option" | "period_seven_days_step_option" | "period_thirty_days_step_option";
-export declare const dateRangeAdjustedFn: {
-    month_step_option: (dateRange: IDateRange, increase: boolean, toLocalDateTime: (date: Date | string) => Date, toReverseOffsetDateTime: (d: Date | string) => Date) => {
-        from: Date;
-        to: Date;
-    };
-    year_step_option: (dateRange: IDateRange, increase: boolean, _: any, _1: any) => {
-        from: Date;
-        to: Date;
-    };
-    quarter_step_option: (dateRange: IDateRange, increase: boolean, toLocalDateTime: (date: Date | string) => Date, toReverseOffsetDateTime: (d: Date | string) => Date) => {
-        from: Date;
-        to: Date;
-    };
-    period_one_day_step_option: (dateRange: IDateRange, increase: boolean, toLocalDateTime: (date: Date | string) => Date, toReverseOffsetDateTime: (d: Date | string) => Date) => {
-        from: Date;
-        to: Date;
-    };
-    period_seven_days_step_option: (dateRange: IDateRange, increase: boolean, toLocalDateTime: (date: Date | string) => Date, toReverseOffsetDateTime: (d: Date | string) => Date) => {
-        from: Date;
-        to: Date;
-    };
-    period_thirty_days_step_option: (dateRange: IDateRange, increase: boolean, toLocalDateTime: (date: Date | string) => Date, toReverseOffsetDateTime: (d: Date | string) => Date) => {
-        from: Date;
-        to: Date;
-    };
-    default_step_option: (dateRange: IDateRange, increase: boolean, toLocalDateTime: (date: Date | string) => Date, toReverseOffsetDateTime: (d: Date | string) => Date) => {
-        from: Date;
-        to: Date;
-    };
-};
-export {};