@monolith-forensics/monolith-ui 1.8.1 → 1.9.0

package/dist/SuperDatePicker/components/EndpointPopover.d.ts

@@ -1,18 +0,0 @@
-import type { SuperDatePickerProps } from "../SuperDatePicker.types";
-type EndpointPopoverProps = {
-    opened: boolean;
-    disabled: boolean;
-    label: string;
-    value?: string | null;
-    onOpenChange: (opened: boolean) => void;
-    onInputChange: (value?: string | null) => void;
-    onCalendarChange: (date: Date | null) => void;
-    format: NonNullable<SuperDatePickerProps["format"]>;
-    size: NonNullable<SuperDatePickerProps["size"]>;
-    utc: boolean;
-    min?: Date;
-    max?: Date;
-    timeIntervalMinutes?: number;
-};
-declare const EndpointPopover: ({ opened, disabled, label, value, onOpenChange, onInputChange, onCalendarChange, format, size, utc, min, max, timeIntervalMinutes, }: EndpointPopoverProps) => import("react/jsx-runtime").JSX.Element;
-export default EndpointPopover;

package/dist/SuperDatePicker/components/EndpointPopover.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Popover } from "../../Popover";
-import EndpointCalendarDropdown from "./EndpointCalendarDropdown";
-import EndpointDateInput from "./EndpointDateInput";
-const EndpointPopover = ({ opened, disabled, label, value, onOpenChange, onInputChange, onCalendarChange, format, size, utc, min, max, timeIntervalMinutes, }) => {
-    return (_jsxs(Popover, { opened: opened, onChange: (nextOpened) => onOpenChange(!disabled && nextOpened), position: "bottom-start", offset: 5, withinPortal: true, children: [_jsx(Popover.Target, { children: _jsx(EndpointDateInput, { active: opened, ariaLabel: label, value: value, onChange: onInputChange, onOpen: () => onOpenChange(true), format: format, size: size, disabled: disabled, utc: utc, min: min, max: max }) }), _jsx(Popover.Dropdown, { style: {
-                    border: "none",
-                    padding: 0,
-                }, children: _jsx(EndpointCalendarDropdown, { value: value, onChange: onCalendarChange, min: min, max: max, timeIntervalMinutes: timeIntervalMinutes, utc: utc }) })] }));
-};
-export default EndpointPopover;

package/dist/SuperDatePicker/components/QuickRangeDropdown.d.ts

@@ -1,14 +0,0 @@
-import type { CommonRangeGroupConfig, QuickDirection, QuickUnit, SuperDatePickerPreset } from "../SuperDatePicker.types";
-type QuickRangeDropdownProps = {
-    commonRangeGroups: CommonRangeGroupConfig[];
-    quickDirection: QuickDirection;
-    quickAmount: string;
-    quickUnit: QuickUnit;
-    onQuickDirectionChange: (direction: QuickDirection) => void;
-    onQuickAmountChange: (amount: string) => void;
-    onQuickAmountSubmit: () => void;
-    onQuickUnitChange: (unit: QuickUnit) => void;
-    onPresetClick: (preset: SuperDatePickerPreset) => void;
-};
-declare const QuickRangeDropdown: ({ commonRangeGroups, quickDirection, quickAmount, quickUnit, onQuickDirectionChange, onQuickAmountChange, onQuickAmountSubmit, onQuickUnitChange, onPresetClick, }: QuickRangeDropdownProps) => import("react/jsx-runtime").JSX.Element;
-export default QuickRangeDropdown;

package/dist/SuperDatePicker/components/QuickRangeDropdown.js

@@ -1,19 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { SelectBox } from "../../SelectBox";
-import { TextInput } from "../../TextInput";
-import { StyledContent } from "../../core";
-import { QUICK_DIRECTION_OPTIONS, QUICK_UNITS, } from "../SuperDatePicker.constants";
-import { CommonRangesSection, PanelTitle, QuickRangePanel, QuickRangeSection, QuickSelectRow, } from "../SuperDatePicker.styled";
-import CommonPresetGroups from "./CommonPresetGroups";
-const QuickRangeDropdown = ({ commonRangeGroups, quickDirection, quickAmount, quickUnit, onQuickDirectionChange, onQuickAmountChange, onQuickAmountSubmit, onQuickUnitChange, onPresetClick, }) => {
-    const handleAmountKeyDown = (event) => {
-        if (event.key === "Enter") {
-            onQuickAmountSubmit();
-        }
-    };
-    const handleAmountChange = (event) => {
-        onQuickAmountChange(event.target.value);
-    };
-    return (_jsx(StyledContent, { maxDropdownHeight: "fit-content", children: _jsxs(QuickRangePanel, { children: [_jsxs(QuickRangeSection, { children: [_jsx(PanelTitle, { children: "Quick select" }), _jsxs(QuickSelectRow, { children: [_jsx(SelectBox, { data: QUICK_DIRECTION_OPTIONS, value: quickDirection, onChange: (value) => onQuickDirectionChange(value), size: "xs", variant: "outlined", width: "100%", openOnFocus: false, arrow: true }), _jsx(TextInput, { type: "number", min: 1, value: quickAmount, onChange: handleAmountChange, onKeyDown: handleAmountKeyDown, size: "xs", variant: "outlined" }), _jsx(SelectBox, { data: QUICK_UNITS, value: quickUnit, onChange: (value) => onQuickUnitChange(value), size: "xs", variant: "outlined", width: "100%", openOnFocus: false, arrow: true })] })] }), _jsxs(CommonRangesSection, { children: [_jsx(PanelTitle, { children: "Presets" }), _jsx(CommonPresetGroups, { groups: commonRangeGroups, onPresetClick: onPresetClick })] })] }) }));
-};
-export default QuickRangeDropdown;

package/dist/SuperDatePicker/components/QuickRangePopover.d.ts

@@ -1,18 +0,0 @@
-import type { CommonRangeGroupConfig, QuickDirection, QuickUnit, SuperDatePickerPreset, SuperDatePickerProps } from "../SuperDatePicker.types";
-type QuickRangePopoverProps = {
-    opened: boolean;
-    disabled: boolean;
-    size: NonNullable<SuperDatePickerProps["size"]>;
-    commonRangeGroups: CommonRangeGroupConfig[];
-    quickDirection: QuickDirection;
-    quickAmount: string;
-    quickUnit: QuickUnit;
-    onOpenChange: (opened: boolean) => void;
-    onQuickDirectionChange: (direction: QuickDirection) => void;
-    onQuickAmountChange: (amount: string) => void;
-    onQuickAmountSubmit: () => void;
-    onQuickUnitChange: (unit: QuickUnit) => void;
-    onPresetClick: (preset: SuperDatePickerPreset) => void;
-};
-declare const QuickRangePopover: ({ opened, disabled, size, commonRangeGroups, quickDirection, quickAmount, quickUnit, onOpenChange, onQuickDirectionChange, onQuickAmountChange, onQuickAmountSubmit, onQuickUnitChange, onPresetClick, }: QuickRangePopoverProps) => import("react/jsx-runtime").JSX.Element;
-export default QuickRangePopover;

package/dist/SuperDatePicker/components/QuickRangePopover.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CalendarDaysIcon } from "lucide-react";
-import { Popover } from "../../Popover";
-import { SegmentButton, TriggerIcon, } from "../SuperDatePicker.styled";
-import QuickRangeDropdown from "./QuickRangeDropdown";
-const QuickRangePopover = ({ opened, disabled, size, commonRangeGroups, quickDirection, quickAmount, quickUnit, onOpenChange, onQuickDirectionChange, onQuickAmountChange, onQuickAmountSubmit, onQuickUnitChange, onPresetClick, }) => {
-    return (_jsxs(Popover, { opened: opened, onChange: (nextOpened) => onOpenChange(!disabled && nextOpened), position: "bottom-start", offset: 5, withinPortal: true, children: [_jsx(Popover.Target, { children: _jsx(SegmentButton, { type: "button", size: size, "$iconOnly": true, disabled: disabled, "aria-label": "Open quick date ranges", title: "Open quick date ranges", "data-active": opened, children: _jsx(TriggerIcon, { size: size, children: _jsx(CalendarDaysIcon, {}) }) }) }), _jsx(Popover.Dropdown, { style: {
-                    border: "none",
-                    padding: 0,
-                }, children: _jsx(QuickRangeDropdown, { commonRangeGroups: commonRangeGroups, quickDirection: quickDirection, quickAmount: quickAmount, quickUnit: quickUnit, onQuickDirectionChange: onQuickDirectionChange, onQuickAmountChange: onQuickAmountChange, onQuickAmountSubmit: onQuickAmountSubmit, onQuickUnitChange: onQuickUnitChange, onPresetClick: onPresetClick }) })] }));
-};
-export default QuickRangePopover;

package/dist/SuperDatePicker/components/index.d.ts

@@ -1,6 +0,0 @@
-export { default as CommonPresetGroups } from "./CommonPresetGroups";
-export { default as EndpointCalendarDropdown } from "./EndpointCalendarDropdown";
-export { default as EndpointDateInput } from "./EndpointDateInput";
-export { default as EndpointPopover } from "./EndpointPopover";
-export { default as QuickRangeDropdown } from "./QuickRangeDropdown";
-export { default as QuickRangePopover } from "./QuickRangePopover";

package/dist/SuperDatePicker/components/index.js

@@ -1,6 +0,0 @@
-export { default as CommonPresetGroups } from "./CommonPresetGroups";
-export { default as EndpointCalendarDropdown } from "./EndpointCalendarDropdown";
-export { default as EndpointDateInput } from "./EndpointDateInput";
-export { default as EndpointPopover } from "./EndpointPopover";
-export { default as QuickRangeDropdown } from "./QuickRangeDropdown";
-export { default as QuickRangePopover } from "./QuickRangePopover";

package/dist/SuperDatePicker/index.d.ts

@@ -1,3 +0,0 @@
-export { default } from "./SuperDatePicker";
-export * from "./SuperDatePicker";
-export * from "./SuperDatePicker.types";

package/dist/SuperDatePicker/index.js

@@ -1,3 +0,0 @@
-export { default } from "./SuperDatePicker";
-export * from "./SuperDatePicker";
-export * from "./SuperDatePicker.types";

package/dist/SuperDatePicker/useSuperDatePicker.d.ts

@@ -1,32 +0,0 @@
-import type { MouseEvent } from "react";
-import type { CommonRangeGroupConfig, Endpoint, OpenSegment, QuickDirection, QuickUnit, SuperDatePickerPreset, SuperDatePickerProps, SuperDatePickerValue } from "./SuperDatePicker.types";
-type UseSuperDatePickerOptions = {
-    defaultValue: SuperDatePickerValue;
-    value?: SuperDatePickerValue;
-    onChange: NonNullable<SuperDatePickerProps["onChange"]>;
-    disabled: boolean;
-    min?: Date;
-    max?: Date;
-    utc: boolean;
-    presets?: SuperDatePickerPreset[];
-};
-declare const useSuperDatePicker: ({ defaultValue, value, onChange, disabled, min, max, utc, presets, }: UseSuperDatePickerOptions) => {
-    value: SuperDatePickerValue;
-    openSegment: OpenSegment;
-    quickDirection: QuickDirection;
-    quickAmount: string;
-    quickUnit: QuickUnit;
-    commonRangeGroups: CommonRangeGroupConfig[];
-    handleOpenSegmentChange: (segment: Endpoint | "quick", opened: boolean) => void;
-    handleClear: (event?: MouseEvent) => void;
-    handlePreset: (preset: SuperDatePickerPreset) => void;
-    handleQuickDirectionChange: (nextDirection: QuickDirection) => void;
-    handleQuickAmountChange: (nextAmount: string) => void;
-    handleQuickAmountSubmit: () => void;
-    handleQuickUnitChange: (nextUnit: QuickUnit) => void;
-    handleEndpointChange: (endpoint: Endpoint, nextValue?: string | null) => void;
-    handleCalendarChange: (endpoint: Endpoint, date: Date | null) => void;
-    getEndpointMin: (endpoint: Endpoint) => Date | undefined;
-    getEndpointMax: (endpoint: Endpoint) => Date | undefined;
-};
-export default useSuperDatePicker;

package/dist/SuperDatePicker/useSuperDatePicker.js

@@ -1,125 +0,0 @@
-import { useCallback, useMemo, useRef, useState } from "react";
-import { DEFAULT_QUICK_AMOUNT, DEFAULT_QUICK_DIRECTION, DEFAULT_QUICK_UNIT, } from "./SuperDatePicker.constants";
-import { calendarDateToMoment, createRange, getAdditionalCommonRangeGroups, getDefaultCommonRangeGroups, parseRangeMoment, resolveNow, serializeMoment, } from "./SuperDatePicker.lib";
-const useSuperDatePicker = ({ defaultValue, value, onChange, disabled, min, max, utc, presets, }) => {
-    const isControlled = useRef(value !== undefined);
-    const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);
-    const pickerValue = isControlled.current ? value || {} : uncontrolledValue;
-    const [openSegment, setOpenSegment] = useState(null);
-    const [quickDirection, setQuickDirection] = useState(DEFAULT_QUICK_DIRECTION);
-    const [quickAmount, setQuickAmount] = useState(DEFAULT_QUICK_AMOUNT);
-    const [quickUnit, setQuickUnit] = useState(DEFAULT_QUICK_UNIT);
-    const commonRangeGroups = useMemo(() => presets
-        ? [
-            {
-                label: "Presets",
-                ranges: presets,
-            },
-        ]
-        : [
-            ...getDefaultCommonRangeGroups(utc),
-            ...getAdditionalCommonRangeGroups(utc),
-        ], [presets, utc]);
-    const commitValue = useCallback((nextValue, meta) => {
-        if (!isControlled.current) {
-            setUncontrolledValue(nextValue);
-        }
-        onChange(nextValue, meta);
-    }, [onChange]);
-    const commitPartial = (patch, source) => {
-        commitValue(Object.assign(Object.assign({}, pickerValue), patch), { source });
-    };
-    const commitQuickRange = (direction = quickDirection, amountInput = quickAmount, unit = quickUnit) => {
-        if (disabled)
-            return;
-        const amount = Number(amountInput);
-        if (!Number.isFinite(amount) || amount <= 0)
-            return;
-        const now = resolveNow(utc);
-        const nextValue = direction === "last"
-            ? createRange(now.clone().subtract(amount, unit), now, utc)
-            : createRange(now, now.clone().add(amount, unit), utc);
-        commitValue(nextValue, { source: "apply" });
-    };
-    const handleOpenSegmentChange = (segment, opened) => {
-        setOpenSegment((currentSegment) => {
-            if (opened)
-                return segment;
-            return currentSegment === segment ? null : currentSegment;
-        });
-    };
-    const handleClear = (event) => {
-        event === null || event === void 0 ? void 0 : event.preventDefault();
-        event === null || event === void 0 ? void 0 : event.stopPropagation();
-        commitValue({ start: null, end: null }, { source: "clear" });
-        setOpenSegment(null);
-    };
-    const handlePreset = (preset) => {
-        if (disabled)
-            return;
-        const nextValue = preset.getRange();
-        commitValue(nextValue, { source: "preset", preset });
-        setOpenSegment(null);
-    };
-    const handleQuickDirectionChange = (nextDirection) => {
-        setQuickDirection(nextDirection);
-        commitQuickRange(nextDirection);
-    };
-    const handleQuickAmountChange = (nextAmount) => {
-        setQuickAmount(nextAmount);
-        commitQuickRange(quickDirection, nextAmount, quickUnit);
-    };
-    const handleQuickAmountSubmit = () => {
-        commitQuickRange();
-    };
-    const handleQuickUnitChange = (nextUnit) => {
-        setQuickUnit(nextUnit);
-        commitQuickRange(quickDirection, quickAmount, nextUnit);
-    };
-    const handleEndpointChange = (endpoint, nextValue) => {
-        if (disabled)
-            return;
-        commitPartial({ [endpoint]: nextValue }, "apply");
-    };
-    const handleCalendarChange = (endpoint, date) => {
-        if (disabled)
-            return;
-        if (!date) {
-            handleEndpointChange(endpoint, null);
-            return;
-        }
-        handleEndpointChange(endpoint, serializeMoment(calendarDateToMoment(date, utc), utc));
-    };
-    const getEndpointMin = (endpoint) => {
-        var _a;
-        return endpoint === "end"
-            ? ((_a = parseRangeMoment(pickerValue.start, utc)) === null || _a === void 0 ? void 0 : _a.toDate()) || min
-            : min;
-    };
-    const getEndpointMax = (endpoint) => {
-        var _a;
-        return endpoint === "start"
-            ? ((_a = parseRangeMoment(pickerValue.end, utc)) === null || _a === void 0 ? void 0 : _a.toDate()) || max
-            : max;
-    };
-    return {
-        value: pickerValue,
-        openSegment,
-        quickDirection,
-        quickAmount,
-        quickUnit,
-        commonRangeGroups,
-        handleOpenSegmentChange,
-        handleClear,
-        handlePreset,
-        handleQuickDirectionChange,
-        handleQuickAmountChange,
-        handleQuickAmountSubmit,
-        handleQuickUnitChange,
-        handleEndpointChange,
-        handleCalendarChange,
-        getEndpointMin,
-        getEndpointMax,
-    };
-};
-export default useSuperDatePicker;