@monolith-forensics/monolith-ui 1.8.1-dev.4 → 1.9.0

package/dist/QueryFilter/components/Rules.js

@@ -1,41 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useTheme } from "styled-components";
-import { DropDownMenu } from "../../DropDownMenu";
-import { QUERY_FILTER_COMBINATOR_OPTIONS, QUERY_FILTER_COMBINATOR_TITLE, } from "../QueryFilter.constants";
-import { updateRuleOperator } from "../QueryFilter.lib";
-import { RuleChip } from "./RuleChip";
-import { UnavailableRuleChip } from "./UnavailableRuleChip";
-export const Rules = ({ rules = [], combinator, showCombinator, filterDefinitions, onDelete, onUpdate, onUpdateRootCombinator, }) => {
-    const theme = useTheme();
-    const handleCombinatorChange = (e) => {
-        onUpdateRootCombinator(e);
-    };
-    const handleOperatorChange = (rule, operator) => {
-        onUpdate(updateRuleOperator(rule, operator));
-    };
-    return (_jsxs(_Fragment, { children: [showCombinator === true && (_jsx(DropDownMenu, { variant: "outlined", data: QUERY_FILTER_COMBINATOR_OPTIONS, size: "xs", buttonProps: {
-                    title: QUERY_FILTER_COMBINATOR_TITLE,
-                    variant: "contained",
-                    color: "secondary",
-                    style: {
-                        fontFamily: theme.typography.fontFamily,
-                        fontWeight: 400,
-                        fontSize: 11,
-                        letterSpacing: 0,
-                        lineHeight: 1,
-                        padding: "3px 8px",
-                        height: 24,
-                        borderRadius: 5,
-                        borderColor: "transparent",
-                        color: theme.palette.text.secondary,
-                    },
-                }, onItemSelect: (e) => handleCombinatorChange(e.value), dropDownProps: {
-                    style: { width: 75 },
-                }, children: combinator.toUpperCase() })), rules.map((rule, index) => {
-                const filterDef = filterDefinitions.find((f) => f.dataField === rule.dataField);
-                if (!filterDef) {
-                    return (_jsx(UnavailableRuleChip, { rule: rule, onDelete: onDelete }, rule.id || `${rule.dataField}-${index}`));
-                }
-                return (_jsx(RuleChip, { rule: rule, filterDef: filterDef, onDelete: onDelete, onOperatorChange: handleOperatorChange, onUpdate: onUpdate }, rule.id || `${rule.dataField}-${index}`));
-            })] }));
-};

package/dist/QueryFilter/components/UnavailableRuleChip.d.ts

@@ -1,5 +0,0 @@
-import { Rule } from "../QueryFilter.types";
-export declare const UnavailableRuleChip: React.FC<{
-    rule: Rule;
-    onDelete: (rule: Rule) => void;
-}>;

package/dist/QueryFilter/components/UnavailableRuleChip.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { XIcon } from "lucide-react";
-import { QUERY_FILTER_UNAVAILABLE_FILTER_LABEL } from "../QueryFilter.constants";
-import { CloseLabel, FieldLabel, UnavailableRuleContainer, ValueLabel, } from "../QueryFilter.styled";
-export const UnavailableRuleChip = ({ rule, onDelete }) => {
-    return (_jsxs(UnavailableRuleContainer, { "data-rule-id": rule.id, children: [_jsx(FieldLabel, { title: rule.dataField, children: rule.label || rule.dataField }), _jsx(ValueLabel, { children: QUERY_FILTER_UNAVAILABLE_FILTER_LABEL }), _jsx(CloseLabel, { variant: "contained", onClick: () => onDelete(rule), children: _jsx(XIcon, { size: 16 }) })] }));
-};

package/dist/QueryFilter/components/ValueEditor.d.ts

@@ -1,7 +0,0 @@
-import { FilterDefinition, InputType, Rule } from "../QueryFilter.types";
-export declare const ValueEditor: React.FC<{
-    rule: Rule;
-    inputType: InputType;
-    filterDef: FilterDefinition;
-    onChange?: (e: Rule) => void;
-}>;

package/dist/QueryFilter/components/ValueEditor.js

@@ -1,45 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
-import { useDebouncedCallback } from "use-debounce";
-import { QUERY_FILTER_DATE_FORMATS, QUERY_FILTER_VALUE_PLACEHOLDER, } from "../QueryFilter.constants";
-import { dateFormatResolver, formatRuleTimestampValue, } from "../QueryFilter.lib";
-import { StyledDateInput, StyledInput } from "../QueryFilter.styled";
-import { MultiSelectEditor } from "./MultiSelectEditor";
-export const ValueEditor = ({ rule, inputType, filterDef, onChange }) => {
-    var _a, _b, _c;
-    const editorValue = ((_a = rule.value) === null || _a === void 0 ? void 0 : _a[0]) || "";
-    const dateEditorValue = ((_b = rule.value) === null || _b === void 0 ? void 0 : _b[0]) === "" ? undefined : (_c = rule.value) === null || _c === void 0 ? void 0 : _c[0];
-    const [draftValue, setDraftValue] = useState(editorValue);
-    useEffect(() => {
-        setDraftValue(editorValue);
-    }, [editorValue]);
-    const handleInputChange = useDebouncedCallback((value) => {
-        onChange === null || onChange === void 0 ? void 0 : onChange(Object.assign(Object.assign({}, rule), { value: value ? [value] : undefined }));
-    }, 250);
-    const handleDraftInputChange = (e) => {
-        const value = e.target.value;
-        setDraftValue(value);
-        handleInputChange(value);
-    };
-    const handleMultiSelectChange = useDebouncedCallback((selected) => {
-        onChange === null || onChange === void 0 ? void 0 : onChange(Object.assign(Object.assign({}, rule), { value: selected.map((s) => s.value), options: selected }));
-    }, 100);
-    const handleTimestampChange = useDebouncedCallback((timestamp) => {
-        const formattedValue = formatRuleTimestampValue(timestamp, filterDef);
-        onChange === null || onChange === void 0 ? void 0 : onChange(Object.assign(Object.assign({}, rule), { value: formattedValue ? [formattedValue] : undefined }));
-    }, 100);
-    switch (inputType) {
-        case "text":
-            return (_jsx(StyledInput, { placeholder: filterDef.placeholder || QUERY_FILTER_VALUE_PLACEHOLDER, value: draftValue, onChange: handleDraftInputChange }));
-        case "number":
-            return (_jsx(StyledInput, { type: "number", placeholder: filterDef.placeholder || QUERY_FILTER_VALUE_PLACEHOLDER, value: draftValue, onChange: handleDraftInputChange }));
-        case "date":
-            return (_jsx(StyledDateInput, { arrow: false, enableCalendar: true, format: QUERY_FILTER_DATE_FORMATS.day, value: dateEditorValue, onChange: handleTimestampChange }));
-        case "datetime":
-            return (_jsx(StyledDateInput, { arrow: false, enableCalendar: true, format: dateFormatResolver(filterDef === null || filterDef === void 0 ? void 0 : filterDef.resolution), value: dateEditorValue, onChange: handleTimestampChange }));
-        case "multiselect":
-            return (_jsx(MultiSelectEditor, { rule: rule, filterDef: filterDef, onChange: handleMultiSelectChange }));
-        default:
-            return (_jsx(StyledInput, { placeholder: filterDef.placeholder || QUERY_FILTER_VALUE_PLACEHOLDER, value: draftValue, onChange: handleDraftInputChange }));
-    }
-};

package/dist/QueryFilter/components/ValueSelector.d.ts

@@ -1,7 +0,0 @@
-import { FilterDefinition, InputType, Rule } from "../QueryFilter.types";
-export declare const ValueSelector: React.FC<{
-    rule: Rule;
-    inputType: InputType;
-    filterDef: FilterDefinition;
-    onChange?: (e: Rule) => void;
-}>;

package/dist/QueryFilter/components/ValueSelector.js

@@ -1,34 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import styled from "styled-components";
-import SuperDatePicker from "../../SuperDatePicker";
-import { QUERY_FILTER_DATE_FORMATS } from "../QueryFilter.constants";
-import { dateFormatResolver, getRuleDateRangeValue, getSecondaryRuleValue, isDateInputType, isBetweenOperator, updateRuleDateRangeValue, updateRulePrimaryValue, updateRuleSecondaryValue, } from "../QueryFilter.lib";
-import { FieldLabel } from "../QueryFilter.styled";
-import { ValueEditor } from "./ValueEditor";
-const BetweenAndLabel = styled(FieldLabel) `
-  &:hover {
-    background-color: transparent;
-  }
-`;
-export const ValueSelector = ({ rule, inputType, filterDef, onChange }) => {
-    var _a, _b;
-    const isBetween = isBetweenOperator(rule.operator);
-    const useSuperDatePicker = isBetween &&
-        isDateInputType(inputType) &&
-        filterDef.betweenEditor === "superDatePicker";
-    const handleValueChange = (nextRule) => {
-        onChange === null || onChange === void 0 ? void 0 : onChange(updateRulePrimaryValue(rule, nextRule));
-    };
-    const handleSecondaryValueChange = (nextRule) => {
-        onChange === null || onChange === void 0 ? void 0 : onChange(updateRuleSecondaryValue(rule, nextRule));
-    };
-    const handleDateRangeChange = (value) => {
-        onChange === null || onChange === void 0 ? void 0 : onChange(updateRuleDateRangeValue(rule, value, filterDef));
-    };
-    if (useSuperDatePicker) {
-        return (_jsx(SuperDatePicker, Object.assign({}, filterDef.superDatePickerProps, { clearable: (_b = (_a = filterDef.superDatePickerProps) === null || _a === void 0 ? void 0 : _a.clearable) !== null && _b !== void 0 ? _b : false, format: inputType === "date"
-                ? QUERY_FILTER_DATE_FORMATS.day
-                : dateFormatResolver(filterDef.resolution), size: "xxs", value: getRuleDateRangeValue(rule), variant: "text", width: "auto", onChange: handleDateRangeChange })));
-    }
-    return (_jsxs(_Fragment, { children: [_jsx(ValueEditor, { rule: rule, inputType: inputType, filterDef: filterDef, onChange: handleValueChange }), isBetween && (_jsxs(_Fragment, { children: [_jsx(BetweenAndLabel, { children: "and" }), _jsx(ValueEditor, { rule: Object.assign(Object.assign({}, rule), { value: [getSecondaryRuleValue(rule)] }), inputType: inputType, filterDef: filterDef, onChange: handleSecondaryValueChange })] }))] }));
-};

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

@@ -1,6 +0,0 @@
-export * from "./MultiSelectEditor";
-export * from "./RuleChip";
-export * from "./Rules";
-export * from "./UnavailableRuleChip";
-export * from "./ValueEditor";
-export * from "./ValueSelector";

package/dist/QueryFilter/components/index.js

@@ -1,6 +0,0 @@
-export * from "./MultiSelectEditor";
-export * from "./RuleChip";
-export * from "./Rules";
-export * from "./UnavailableRuleChip";
-export * from "./ValueEditor";
-export * from "./ValueSelector";

package/dist/RichTextEditor/Plugins/ImageActionsPlugin.d.ts

@@ -1,3 +0,0 @@
-import { Editor } from "@tiptap/core";
-import { Plugin } from "@tiptap/pm/state";
-export declare const ImageActionsPlugin: (editor: Editor) => Plugin<any>;

package/dist/RichTextEditor/Plugins/ImageActionsPlugin.js

@@ -1,241 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Plugin, PluginKey } from "@tiptap/pm/state";
-import { ReactRenderer } from "@tiptap/react";
-import { CopyIcon, DownloadIcon, FullscreenIcon } from "lucide-react";
-import styled from "styled-components";
-import { Button } from "../../Button";
-import { FileViewer } from "../../FileViewer";
-import { useState } from "react";
-const imageActionsKey = new PluginKey("image-actions");
-const ImageActionsMenuRoot = styled.div `
-  display: flex;
-  gap: 4px;
-  padding: 4px;
-  border-radius: 5px;
-
-  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.16);
-
-  button {
-    width: 24px;
-    padding: 0;
-  }
-`;
-const ImageActionsMenu = ({ onCopy, onDownload, getFile, onMouseEnter, onMouseLeave, }) => {
-    const [viewerFile, setViewerFile] = useState(null);
-    const keepEditorFocus = (event) => {
-        event.preventDefault();
-    };
-    return (_jsxs(_Fragment, { children: [_jsxs(ImageActionsMenuRoot, { onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, children: [_jsx(Button, { type: "button", size: "xxs", variant: "outlined", "aria-label": "Copy image", title: "Copy image", onMouseDown: keepEditorFocus, onClick: onCopy, children: _jsx(CopyIcon, { size: 14 }) }), _jsx(Button, { type: "button", size: "xxs", variant: "outlined", "aria-label": "Download image", title: "Download image", onMouseDown: keepEditorFocus, onClick: onDownload, children: _jsx(DownloadIcon, { size: 14 }) }), _jsx(Button, { type: "button", size: "xxs", variant: "outlined", "aria-label": "View image fullscreen", title: "View image fullscreen", onMouseDown: keepEditorFocus, onClick: () => {
-                            const file = getFile();
-                            if (file) {
-                                setViewerFile(file);
-                            }
-                        }, children: _jsx(FullscreenIcon, { size: 14 }) })] }), _jsx(FileViewer, { file: viewerFile || undefined, open: Boolean(viewerFile), onClose: () => setViewerFile(null) })] }));
-};
-const getImageFilename = (image) => {
-    var _a, _b;
-    const fromTitle = (_b = (_a = image.title) === null || _a === void 0 ? void 0 : _a.match(/Filename:\s*(.+)$/)) === null || _b === void 0 ? void 0 : _b[1];
-    if (fromTitle)
-        return fromTitle;
-    if (image.alt)
-        return image.alt;
-    try {
-        const url = new URL(image.src);
-        const pathname = url.pathname.split("/").filter(Boolean).pop();
-        if (pathname)
-            return pathname;
-    }
-    catch (_c) {
-        // Data URLs and blob URLs are fine; fall back to a generated filename.
-    }
-    return "image.png";
-};
-const getImageBlob = (src) => __awaiter(void 0, void 0, void 0, function* () {
-    const response = yield fetch(src);
-    if (!response.ok) {
-        throw new Error("Unable to load image.");
-    }
-    return response.blob();
-});
-const copyImage = (image) => __awaiter(void 0, void 0, void 0, function* () {
-    var _a;
-    const ClipboardItemCtor = window.ClipboardItem;
-    if (!((_a = navigator.clipboard) === null || _a === void 0 ? void 0 : _a.write) || !ClipboardItemCtor) {
-        throw new Error("Image copying is not supported by this browser.");
-    }
-    const blob = yield getImageBlob(image.src);
-    const type = blob.type || "image/png";
-    yield navigator.clipboard.write([
-        new ClipboardItemCtor({
-            [type]: blob,
-        }),
-    ]);
-});
-const downloadImage = (image) => __awaiter(void 0, void 0, void 0, function* () {
-    const filename = getImageFilename(image);
-    let href = image.src;
-    let objectUrl = null;
-    try {
-        const blob = yield getImageBlob(image.src);
-        objectUrl = URL.createObjectURL(blob);
-        href = objectUrl;
-    }
-    catch (_a) {
-        // Cross-origin images may not be fetchable, but the browser can still try
-        // the original URL as the download target.
-    }
-    const link = document.createElement("a");
-    link.href = href;
-    link.download = filename;
-    document.body.appendChild(link);
-    link.click();
-    link.remove();
-    if (objectUrl) {
-        URL.revokeObjectURL(objectUrl);
-    }
-});
-const getImageViewerFile = (image) => {
-    var _a;
-    const name = getImageFilename(image);
-    const ext = ((_a = name.split(".").pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || "png";
-    const url = image.currentSrc || image.src;
-    return {
-        name,
-        ext,
-        type: "image",
-        url,
-    };
-};
-class ImageActionsView {
-    constructor(view, editor) {
-        this.component = null;
-        this.toolbar = null;
-        this.activeImage = null;
-        this.hideTimer = null;
-        this.handleMouseOver = (event) => {
-            var _a;
-            const target = event.target;
-            const image = (_a = target === null || target === void 0 ? void 0 : target.closest) === null || _a === void 0 ? void 0 : _a.call(target, "img");
-            if (!(image instanceof HTMLImageElement) ||
-                image.classList.contains("uploading") ||
-                !this.view.dom.contains(image)) {
-                return;
-            }
-            this.activeImage = image;
-            this.cancelHide();
-            this.show();
-        };
-        this.handleMouseOut = (event) => {
-            var _a, _b;
-            const relatedTarget = event.relatedTarget;
-            if (relatedTarget &&
-                (((_a = this.toolbar) === null || _a === void 0 ? void 0 : _a.contains(relatedTarget)) ||
-                    ((_b = this.activeImage) === null || _b === void 0 ? void 0 : _b.contains(relatedTarget)))) {
-                return;
-            }
-            this.scheduleHide();
-        };
-        this.handleCopy = () => __awaiter(this, void 0, void 0, function* () {
-            if (!this.activeImage)
-                return;
-            try {
-                yield copyImage(this.activeImage);
-            }
-            catch (error) {
-                alert(error.message || "Unable to copy image.");
-            }
-        });
-        this.handleDownload = () => __awaiter(this, void 0, void 0, function* () {
-            if (!this.activeImage)
-                return;
-            yield downloadImage(this.activeImage);
-        });
-        this.getFile = () => {
-            if (!this.activeImage)
-                return null;
-            return getImageViewerFile(this.activeImage);
-        };
-        this.hide = () => {
-            if (this.toolbar) {
-                this.toolbar.style.display = "none";
-            }
-            this.activeImage = null;
-        };
-        this.cancelHide = () => {
-            if (!this.hideTimer)
-                return;
-            clearTimeout(this.hideTimer);
-            this.hideTimer = null;
-        };
-        this.scheduleHide = () => {
-            this.cancelHide();
-            this.hideTimer = setTimeout(this.hide, 120);
-        };
-        this.updatePosition = () => {
-            if (!this.activeImage ||
-                !this.toolbar ||
-                this.toolbar.style.display === "none")
-                return;
-            const rect = this.activeImage.getBoundingClientRect();
-            const top = Math.max(8, rect.top + 8);
-            const left = Math.min(window.innerWidth - this.toolbar.offsetWidth - 8, Math.max(8, rect.right - this.toolbar.offsetWidth - 8));
-            this.toolbar.style.top = `${top}px`;
-            this.toolbar.style.left = `${left}px`;
-        };
-        this.view = view;
-        this.editor = editor;
-        this.view.dom.addEventListener("mouseover", this.handleMouseOver);
-        this.view.dom.addEventListener("mouseout", this.handleMouseOut);
-        window.addEventListener("scroll", this.updatePosition, true);
-        window.addEventListener("resize", this.updatePosition);
-    }
-    ensureToolbar() {
-        if (this.toolbar)
-            return this.toolbar;
-        this.component = new ReactRenderer(ImageActionsMenu, {
-            editor: this.editor,
-            props: {
-                onCopy: this.handleCopy,
-                onDownload: this.handleDownload,
-                getFile: this.getFile,
-                onMouseEnter: this.cancelHide,
-                onMouseLeave: this.scheduleHide,
-            },
-            className: "monolith-image-actions",
-        });
-        this.toolbar = this.component.element;
-        this.toolbar.style.position = "fixed";
-        this.toolbar.style.display = "none";
-        this.toolbar.style.zIndex = "16000";
-        this.view.dom.ownerDocument.body.appendChild(this.toolbar);
-        return this.toolbar;
-    }
-    show() {
-        const toolbar = this.ensureToolbar();
-        toolbar.style.display = "block";
-        this.updatePosition();
-    }
-    destroy() {
-        var _a, _b;
-        this.cancelHide();
-        this.view.dom.removeEventListener("mouseover", this.handleMouseOver);
-        this.view.dom.removeEventListener("mouseout", this.handleMouseOut);
-        window.removeEventListener("scroll", this.updatePosition, true);
-        window.removeEventListener("resize", this.updatePosition);
-        (_a = this.toolbar) === null || _a === void 0 ? void 0 : _a.remove();
-        (_b = this.component) === null || _b === void 0 ? void 0 : _b.destroy();
-    }
-}
-export const ImageActionsPlugin = (editor) => new Plugin({
-    key: imageActionsKey,
-    view: (view) => new ImageActionsView(view, editor),
-});

package/dist/SuperDatePicker/SuperDatePicker.constants.d.ts

@@ -1,24 +0,0 @@
-import type { QuickDirection, QuickUnit, SuperDatePickerProps, SuperDatePickerValue } from "./SuperDatePicker.types";
-export declare const DEFAULT_VALUE: SuperDatePickerValue;
-export declare const DEFAULT_ON_CHANGE: NonNullable<SuperDatePickerProps["onChange"]>;
-export declare const DEFAULT_PLACEHOLDER = "Select date/time range";
-export declare const DEFAULT_START_LABEL = "Start";
-export declare const DEFAULT_END_LABEL = "End";
-export declare const DEFAULT_FORMAT: NonNullable<SuperDatePickerProps["format"]>;
-export declare const DEFAULT_SIZE: NonNullable<SuperDatePickerProps["size"]>;
-export declare const DEFAULT_VARIANT: NonNullable<SuperDatePickerProps["variant"]>;
-export declare const DEFAULT_REQUIRED = false;
-export declare const DEFAULT_CLEARABLE = true;
-export declare const DEFAULT_DISABLED = false;
-export declare const DEFAULT_UTC = false;
-export declare const DEFAULT_QUICK_DIRECTION: QuickDirection;
-export declare const DEFAULT_QUICK_AMOUNT = "15";
-export declare const DEFAULT_QUICK_UNIT: QuickUnit;
-export declare const QUICK_UNITS: Array<{
-    label: string;
-    value: QuickUnit;
-}>;
-export declare const QUICK_DIRECTION_OPTIONS: Array<{
-    label: string;
-    value: QuickDirection;
-}>;

package/dist/SuperDatePicker/SuperDatePicker.constants.js

@@ -1,30 +0,0 @@
-export const DEFAULT_VALUE = {
-    start: null,
-    end: null,
-};
-export const DEFAULT_ON_CHANGE = () => { };
-export const DEFAULT_PLACEHOLDER = "Select date/time range";
-export const DEFAULT_START_LABEL = "Start";
-export const DEFAULT_END_LABEL = "End";
-export const DEFAULT_FORMAT = "YYYY-MM-DD HH:mm:ss";
-export const DEFAULT_SIZE = "sm";
-export const DEFAULT_VARIANT = "outlined";
-export const DEFAULT_REQUIRED = false;
-export const DEFAULT_CLEARABLE = true;
-export const DEFAULT_DISABLED = false;
-export const DEFAULT_UTC = false;
-export const DEFAULT_QUICK_DIRECTION = "last";
-export const DEFAULT_QUICK_AMOUNT = "15";
-export const DEFAULT_QUICK_UNIT = "minutes";
-export const QUICK_UNITS = [
-    { label: "Minutes", value: "minutes" },
-    { label: "Hours", value: "hours" },
-    { label: "Days", value: "days" },
-    { label: "Weeks", value: "weeks" },
-    { label: "Months", value: "months" },
-    { label: "Years", value: "years" },
-];
-export const QUICK_DIRECTION_OPTIONS = [
-    { label: "Last", value: "last" },
-    { label: "Next", value: "next" },
-];

package/dist/SuperDatePicker/SuperDatePicker.d.ts

@@ -1,3 +0,0 @@
-import type { SuperDatePickerProps } from "./SuperDatePicker.types";
-declare const SuperDatePicker: import("react").ForwardRefExoticComponent<SuperDatePickerProps & import("react").RefAttributes<HTMLElement>>;
-export default SuperDatePicker;

package/dist/SuperDatePicker/SuperDatePicker.js

@@ -1,31 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { FieldLabel } from "..";
-import { ClearButton } from "../core";
-import { DEFAULT_DISABLED, DEFAULT_END_LABEL, DEFAULT_FORMAT, DEFAULT_ON_CHANGE, DEFAULT_PLACEHOLDER, DEFAULT_REQUIRED, DEFAULT_SIZE, DEFAULT_START_LABEL, DEFAULT_UTC, DEFAULT_VALUE, DEFAULT_VARIANT, } from "./SuperDatePicker.constants";
-import useSuperDatePicker from "./useSuperDatePicker";
-import { EndpointPopover, QuickRangePopover, } from "./components";
-import { RangeSeparator, StyledContainer, StyledInput, TriggerActions, } from "./SuperDatePicker.styled";
-const SuperDatePicker = forwardRef(({ className, style, defaultValue = DEFAULT_VALUE, value, onChange = DEFAULT_ON_CHANGE, label, description, placeholder = DEFAULT_PLACEHOLDER, startLabel = DEFAULT_START_LABEL, endLabel = DEFAULT_END_LABEL, format = DEFAULT_FORMAT, size = DEFAULT_SIZE, variant = DEFAULT_VARIANT, required = DEFAULT_REQUIRED, clearable, disabled = DEFAULT_DISABLED, error, width, min, max, timeIntervalMinutes, utc = DEFAULT_UTC, presets, }, ref) => {
-    const isClearable = clearable === true;
-    const picker = useSuperDatePicker({
-        defaultValue,
-        value,
-        onChange,
-        disabled,
-        min,
-        max,
-        utc,
-        presets,
-    });
-    return (_jsxs(StyledContainer, { ref: (node) => {
-            if (typeof ref === "function") {
-                ref(node);
-            }
-            else if (ref) {
-                ref.current = node;
-            }
-        }, className: className, "$width": width, children: [label && (_jsx(FieldLabel, { error: error, asterisk: required, size: size, description: description, children: label })), _jsxs(StyledInput, { size: size, variant: variant, "$disabled": disabled, "$active": picker.openSegment !== null, "$clearable": isClearable, style: style, children: [_jsx(QuickRangePopover, { opened: picker.openSegment === "quick", disabled: disabled, size: size, commonRangeGroups: picker.commonRangeGroups, quickDirection: picker.quickDirection, quickAmount: picker.quickAmount, quickUnit: picker.quickUnit, onOpenChange: (opened) => picker.handleOpenSegmentChange("quick", opened), onQuickDirectionChange: picker.handleQuickDirectionChange, onQuickAmountChange: picker.handleQuickAmountChange, onQuickAmountSubmit: picker.handleQuickAmountSubmit, onQuickUnitChange: picker.handleQuickUnitChange, onPresetClick: picker.handlePreset }), _jsx(EndpointPopover, { opened: picker.openSegment === "start", disabled: disabled, label: startLabel, value: picker.value.start, onOpenChange: (opened) => picker.handleOpenSegmentChange("start", opened), onInputChange: (next) => picker.handleEndpointChange("start", next), onCalendarChange: (date) => picker.handleCalendarChange("start", date), format: format, size: size, utc: utc, min: min, max: picker.getEndpointMax("start"), timeIntervalMinutes: timeIntervalMinutes }), _jsx(RangeSeparator, { size: size, children: "\u2192" }), _jsx(EndpointPopover, { opened: picker.openSegment === "end", disabled: disabled, label: endLabel, value: picker.value.end, onOpenChange: (opened) => picker.handleOpenSegmentChange("end", opened), onInputChange: (next) => picker.handleEndpointChange("end", next), onCalendarChange: (date) => picker.handleCalendarChange("end", date), format: format, size: size, utc: utc, min: picker.getEndpointMin("end"), max: max, timeIntervalMinutes: timeIntervalMinutes }), _jsx(TriggerActions, { children: isClearable && (picker.value.start || picker.value.end) ? (_jsx(ClearButton, { size: size, onClick: picker.handleClear })) : null })] })] }));
-});
-SuperDatePicker.displayName = "SuperDatePicker";
-export default SuperDatePicker;

package/dist/SuperDatePicker/SuperDatePicker.lib.d.ts

@@ -1,17 +0,0 @@
-import moment from "moment";
-import type { CommonRangeGroupConfig, SuperDatePickerPreset } from "./SuperDatePicker.types";
-export declare const resolveNow: (utc: boolean) => moment.Moment;
-export declare const serializeMoment: (value: moment.Moment, utc: boolean) => string;
-export declare const createRange: (start: moment.Moment, end: moment.Moment, utc: boolean) => {
-    start: string;
-    end: string;
-};
-export declare const makeCommonRange: (utc: boolean, label: string, getRange: (now: moment.Moment) => {
-    start: moment.Moment;
-    end: moment.Moment;
-}) => SuperDatePickerPreset;
-export declare const getDefaultCommonRangeGroups: (utc: boolean) => CommonRangeGroupConfig[];
-export declare const getAdditionalCommonRangeGroups: (utc: boolean) => CommonRangeGroupConfig[];
-export declare const parseRangeMoment: (value: string | null | undefined, utc: boolean) => moment.Moment | null;
-export declare const momentToCalendarDate: (value: string | null | undefined, utc: boolean) => Date | undefined;
-export declare const calendarDateToMoment: (value: Date, utc: boolean) => moment.Moment;