@sentropic/design-system-vue 0.36.56 → 0.36.58

package/dist/TimeRangePicker.d.ts

@@ -0,0 +1,231 @@
+import { type PropType } from "vue";
+import type { TimeRange, TimeRangePreset } from "./timeRange.js";
+export type { TimeRange, TimeRangeMode, TimeRangePreset } from "./timeRange.js";
+export type TimeRangePickerSize = "sm" | "md" | "lg";
+export type TimeRangePickerPlacement = "bottom-start" | "bottom-end" | "top-start" | "top-end";
+export type TimeRangePickerAlign = "start" | "end" | "center";
+export type TimeRangePickerTimeFormat = "24" | "12";
+export type TimeRangePickerProps = {
+    /** `v-model` value. */
+    modelValue?: TimeRange;
+    /** Svelte/React-canonical alias for `modelValue`. */
+    value?: TimeRange;
+    defaultValue?: TimeRange;
+    onChange?: (value: TimeRange) => void;
+    presets?: TimeRangePreset[];
+    min?: number;
+    max?: number;
+    locale?: string;
+    timeFormat?: TimeRangePickerTimeFormat;
+    timeStep?: number;
+    calendarMonths?: 1 | 2;
+    disabled?: boolean;
+    label?: string;
+    placement?: TimeRangePickerPlacement;
+    align?: TimeRangePickerAlign;
+    size?: TimeRangePickerSize;
+    class?: string;
+    formatRange?: (value: TimeRange, locale: string) => string;
+    formatPresetLabel?: (token: string, locale: string) => string;
+};
+/**
+ * New-Relic-style time range selector. Trigger button showing the current
+ * range → popover with two tabs (Relative | Custom). Relative = preset list,
+ * resolves+emits+closes immediately. Custom = absolute range editor (calendar
+ * range + a time picker per bound + typed inputs), STAGED behind Apply.
+ *
+ * Ported from TimeRangePicker.svelte. Composes EXISTING Vue DS primitives:
+ * ContentSwitcher, SelectableList/SelectableRow, Calendar, TimePicker, Input,
+ * Button. DEVIATION from the Svelte reference: MenuPopover.ts in this package
+ * is a self-contained trigger+dialog widget (no `trigger` prop, no
+ * JS-computed viewport positioning, no outside-click/Escape auto-dismiss, and
+ * it renders its role="dialog" wrapper unconditionally) — it does not support
+ * the "external trigger + positioned panel" shape this component needs. So,
+ * like DatePicker.ts and Dropdown.ts in this same package, TimeRangePicker
+ * owns its own open state, outside-pointerdown + Escape dismissal, and a
+ * CSS-positioned (position:absolute) panel — this mirrors MenuPopover's ROLE
+ * (dialog panel, placement classes) without depending on its component API.
+ * Focus trap + focus-return to the trigger are implemented here too (Vue's
+ * MenuPopover/Modal don't trap focus either, matching the Svelte doc note).
+ */
+export declare const TimeRangePicker: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: PropType<TimeRange>;
+        default: undefined;
+    };
+    value: {
+        type: PropType<TimeRange>;
+        default: undefined;
+    };
+    defaultValue: {
+        type: PropType<TimeRange>;
+        default: undefined;
+    };
+    onChange: {
+        type: PropType<(value: TimeRange) => void>;
+        default: undefined;
+    };
+    presets: {
+        type: PropType<TimeRangePreset[]>;
+        default: () => string[];
+    };
+    min: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    max: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    locale: {
+        type: StringConstructor;
+        default: string;
+    };
+    timeFormat: {
+        type: PropType<TimeRangePickerTimeFormat>;
+        default: string;
+    };
+    timeStep: {
+        type: NumberConstructor;
+        default: number;
+    };
+    calendarMonths: {
+        type: PropType<1 | 2>;
+        default: number;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    placement: {
+        type: PropType<TimeRangePickerPlacement>;
+        default: string;
+    };
+    align: {
+        type: PropType<TimeRangePickerAlign>;
+        default: undefined;
+    };
+    size: {
+        type: PropType<TimeRangePickerSize>;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    formatRange: {
+        type: PropType<(value: TimeRange, locale: string) => string>;
+        default: undefined;
+    };
+    formatPresetLabel: {
+        type: PropType<(token: string, locale: string) => string>;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: PropType<TimeRange>;
+        default: undefined;
+    };
+    value: {
+        type: PropType<TimeRange>;
+        default: undefined;
+    };
+    defaultValue: {
+        type: PropType<TimeRange>;
+        default: undefined;
+    };
+    onChange: {
+        type: PropType<(value: TimeRange) => void>;
+        default: undefined;
+    };
+    presets: {
+        type: PropType<TimeRangePreset[]>;
+        default: () => string[];
+    };
+    min: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    max: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    locale: {
+        type: StringConstructor;
+        default: string;
+    };
+    timeFormat: {
+        type: PropType<TimeRangePickerTimeFormat>;
+        default: string;
+    };
+    timeStep: {
+        type: NumberConstructor;
+        default: number;
+    };
+    calendarMonths: {
+        type: PropType<1 | 2>;
+        default: number;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    placement: {
+        type: PropType<TimeRangePickerPlacement>;
+        default: string;
+    };
+    align: {
+        type: PropType<TimeRangePickerAlign>;
+        default: undefined;
+    };
+    size: {
+        type: PropType<TimeRangePickerSize>;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    formatRange: {
+        type: PropType<(value: TimeRange, locale: string) => string>;
+        default: undefined;
+    };
+    formatPresetLabel: {
+        type: PropType<(token: string, locale: string) => string>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    align: TimeRangePickerAlign;
+    size: TimeRangePickerSize;
+    class: string;
+    onChange: (value: TimeRange) => void;
+    label: string;
+    disabled: boolean;
+    max: number;
+    min: number;
+    locale: string;
+    value: TimeRange;
+    modelValue: TimeRange;
+    placement: TimeRangePickerPlacement;
+    defaultValue: TimeRange;
+    presets: TimeRangePreset[];
+    timeFormat: TimeRangePickerTimeFormat;
+    timeStep: number;
+    calendarMonths: 1 | 2;
+    formatRange: (value: TimeRange, locale: string) => string;
+    formatPresetLabel: (token: string, locale: string) => string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=TimeRangePicker.d.ts.map

package/dist/TimeRangePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeRangePicker.d.ts","sourceRoot":"","sources":["../src/TimeRangePicker.ts"],"names":[],"mappings":"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"}