@bsol-oss/react-datatable5 13.0.1-beta.9 → 13.0.1

package/dist/types/components/DataTable/context/DataTableContext.d.ts

@@ -17,6 +17,9 @@ export interface DataTableLabel {
     globalFilterPlaceholder: string;
     trueLabel: string;
     falseLabel: string;
+    noFiltersMatchText: string;
+    filterByLabel: string;
+    filterLabelsPlaceholder: string;
 }
 export interface DataTableContextProps<TData = unknown> extends Omit<DataTableProps, 'translate'> {
     table: Table<TData>;

package/dist/types/components/DataTable/controls/ColumnFilterMenu.d.ts

@@ -0,0 +1,20 @@
+export interface ColumnFilterMenuLabels {
+    filterByLabel?: string;
+    filterLabelsPlaceholder?: string;
+    noFiltersMatchText?: string;
+}
+export interface ColumnFilterMenuProps {
+    displayName: string;
+    filterOptions: {
+        label: string;
+        value: string;
+    }[];
+    filterVariant?: 'select' | 'tag';
+    colorPalette: string;
+    value?: string[] | string | undefined;
+    onChange?: (value: string[] | string | undefined) => void;
+    labels?: ColumnFilterMenuLabels;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}
+export declare const ColumnFilterMenu: ({ displayName, filterOptions, filterVariant, colorPalette, value: controlledValue, onChange, labels, open: controlledOpen, onOpenChange, }: ColumnFilterMenuProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataTable/controls/MobileTableControls.d.ts

@@ -26,4 +26,4 @@ export interface MobileTableControlsProps {
     hasError?: boolean;
     gridProps?: GridProps;
 }
-export declare const MobileTableControls: ({ fitTableWidth, fitTableHeight, children, showGlobalFilter, showFilter, showFilterName, showFilterTags, showReload, showPagination, showPageSizeControl, showPageCountText, showView, filterTagsOptions, extraItems, loading, hasError, gridProps, }: MobileTableControlsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MobileTableControls: ({ fitTableWidth, fitTableHeight, children, showGlobalFilter, showFilter, showFilterTags, showReload, showPagination, showPageSizeControl, showPageCountText, showView, filterTagsOptions, extraItems, loading, hasError, gridProps, }: MobileTableControlsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataTable/controls/TableControls.d.ts

@@ -7,8 +7,6 @@ export interface TableControlsProps {
     children?: ReactNode;
     showGlobalFilter?: boolean;
     showFilter?: boolean;
-    showFilterName?: boolean;
-    showFilterTags?: boolean;
     showReload?: boolean;
     showPagination?: boolean;
     showPageSizeControl?: boolean;
@@ -26,4 +24,4 @@ export interface TableControlsProps {
     hasError?: boolean;
     gridProps?: GridProps;
 }
-export declare const TableControls: ({ fitTableWidth, fitTableHeight, children, showGlobalFilter, showFilter, showFilterName, showFilterTags, showReload, showPagination, showPageSizeControl, showPageCountText, showView, filterTagsOptions, extraItems, loading, hasError, gridProps, }: TableControlsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TableControls: ({ fitTableWidth, fitTableHeight, children, showGlobalFilter, showFilter, showReload, showPagination, showPageSizeControl, showPageCountText, showView, filterTagsOptions, extraItems, loading, hasError, gridProps, }: TableControlsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataTable/controls/TableFilterTags.d.ts

@@ -1 +1,10 @@
-export declare const TableFilterTags: () => import("react/jsx-runtime").JSX.Element;
+export interface TableFilterTagsProps {
+    filterTagsOptions?: {
+        column: string;
+        options: {
+            label: string;
+            value: string;
+        }[];
+    }[];
+}
+export declare const TableFilterTags: ({ filterTagsOptions, }?: TableFilterTagsProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/types/components/DataTable/display/DataDisplay.d.ts

@@ -1,4 +1,4 @@
 export interface DataDisplayProps {
     variant?: 'horizontal' | 'stats' | '';
 }
-export declare const DataDisplay: ({ variant }: DataDisplayProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DataDisplay: ({}: DataDisplayProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataTable/display/TableCardContainer.d.ts

@@ -1,10 +1,10 @@
-import { BoxProps, FlexProps } from "@chakra-ui/react";
-import { ReactNode } from "react";
-export interface TableCardContainerProps extends BoxProps {
+import { FlexProps, GridProps } from '@chakra-ui/react';
+import { ReactNode } from 'react';
+export interface TableCardContainerProps extends Omit<GridProps, 'direction'> {
     children: ReactNode;
-    variant?: "carousel" | "";
+    variant?: 'carousel' | '';
     gap?: string;
     gridTemplateColumns?: string;
-    direction?: FlexProps["direction"];
+    direction?: FlexProps['direction'];
 }
 export declare const TableCardContainer: ({ children, variant, gap, gridTemplateColumns, direction, ...props }: TableCardContainerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataTable/hooks/useResponsiveColumnVisibility.d.ts

@@ -1,6 +1,6 @@
 import { RefObject } from 'react';
 interface UseResponsiveColumnVisibilityOptions {
-    containerRef: RefObject<HTMLElement>;
+    containerRef: RefObject<HTMLElement | null>;
     enabled: boolean;
     showSelector?: boolean;
 }

package/dist/types/components/DataTable/useDataTableServer.d.ts

@@ -1,7 +1,7 @@
 import { UseQueryResult } from '@tanstack/react-query';
 import { ColumnFiltersState, SortingState } from '@tanstack/react-table';
 import { UseDataTableProps, UseDataTableReturn } from './useDataTable';
-export interface UseDataTableServerProps<TData> extends Omit<UseDataTableProps, 'keyPrefix'> {
+export interface UseDataTableServerProps<TData> extends UseDataTableProps {
     /**
      * Delay to send the request if the `refreshData` called multiple times
      *

package/dist/types/components/DataTable/utils/selectors.d.ts

@@ -34,7 +34,7 @@ export declare function areSomePageRowsSelected<TData>(table: Table<TData>, rowS
 /**
  * Create a toggle handler for a specific row
  */
-export declare function createRowToggleHandler<TData>(row: Row<TData>, rowSelection: RowSelectionState, setRowSelection: OnChangeFn<RowSelectionState>): () => void;
+export declare function createRowToggleHandler<TData>(row: Row<TData>, _rowSelection: RowSelectionState, setRowSelection: OnChangeFn<RowSelectionState>): () => void;
 /**
  * Create a toggle handler for all rows
  */

package/dist/types/components/DatePicker/Calendar.d.ts

@@ -0,0 +1,2 @@
+import type { CalendarProps } from './datePickerTypes';
+export declare const Calendar: ({ calendars, getBackProps, getForwardProps, getDateProps, firstDayOfWeek, }: CalendarProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/types/components/DatePicker/DatePicker.d.ts

@@ -1,50 +1,10 @@
 import React from 'react';
-import { type CalendarRenderProps } from './useCalendar';
-export interface CalendarProps extends CalendarRenderProps {
-    firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
-}
-export interface GetDateColorProps {
-    today: boolean;
-    selected: boolean;
-    selectable: boolean;
-}
-export interface GetVariantProps {
-    today: boolean;
-    selected: boolean;
-    selectable: boolean;
-}
-export interface DatePickerProps {
-    onDateSelected?: (obj: {
-        date: Date;
-        selected: Date | Date[];
-    }) => void;
-    selected: Date | Date[];
-    firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
-    showOutsideDays?: boolean;
-    date?: Date;
-    minDate?: Date;
-    maxDate?: Date;
-    monthsToDisplay?: number;
-    labels?: {
-        monthNamesShort: string[];
-        weekdayNamesShort: string[];
-        backButtonLabel?: string;
-        forwardButtonLabel?: string;
-        todayLabel?: string;
-        yesterdayLabel?: string;
-        tomorrowLabel?: string;
-    };
-    render?: (calendarData: CalendarRenderProps) => React.ReactNode;
-}
-export interface DatePickerLabels {
-    monthNamesShort: string[];
-    weekdayNamesShort: string[];
-    backButtonLabel?: string;
-    forwardButtonLabel?: string;
-    todayLabel?: string;
-    yesterdayLabel?: string;
-    tomorrowLabel?: string;
-}
+import type { DatePickerLabels, DatePickerProps } from './datePickerTypes';
+export type { CalendarProps, GetDateColorProps, GetVariantProps, DatePickerLabels, DatePickerProps, } from './datePickerTypes';
+export { DatePickerContext } from './datePickerContext';
+/**
+ * Inline single-date calendar (Chakra DatePicker). Used by UniversalPicker and stories.
+ */
 declare const DatePicker: React.FC<DatePickerProps>;
 export default DatePicker;
 export interface DatePickerInputProps {
@@ -64,4 +24,4 @@ export interface DatePickerInputProps {
     readOnly?: boolean;
     showHelperButtons?: boolean;
 }
-export declare function DatePickerInput({ value, onChange, placeholder, dateFormat, displayFormat, labels, timezone, minDate, maxDate, firstDayOfWeek, showOutsideDays, monthsToDisplay, insideDialog, readOnly, showHelperButtons, }: DatePickerInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function DatePickerInput({ value, onChange, placeholder, dateFormat, displayFormat, timezone, minDate, maxDate, insideDialog, readOnly, }: DatePickerInputProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DatePicker/DateTimePicker.d.ts

@@ -10,6 +10,7 @@ interface DateTimePickerProps {
     startTime?: string;
     minDate?: Date;
     maxDate?: Date;
+    /** When true, calendar portal attaches to document (recommended outside dialogs). */
     portalled?: boolean;
     defaultDate?: string;
     defaultTime?: {
@@ -26,6 +27,8 @@ interface DateTimePickerProps {
         plus7Days?: string;
     };
     showTimezoneSelector?: boolean;
+    timezoneOffset?: string;
+    onTimezoneOffsetChange?: (offset: string) => void;
 }
-export declare function DateTimePicker({ value, onChange, format, showSeconds, labels, timePickerLabels, timezone: tz, startTime, minDate, maxDate, portalled, defaultDate, defaultTime, showQuickActions, quickActionLabels, showTimezoneSelector, }: DateTimePickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function DateTimePicker({ value, onChange, format, showSeconds, timezone: tz, minDate, maxDate, portalled, }: DateTimePickerProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/DatePicker/RangeDatePicker.d.ts

@@ -1,15 +1,4 @@
 import React from 'react';
-import { CalendarRenderProps } from './useCalendar';
-export interface RangeCalendarProps extends CalendarRenderProps {
-    firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
-    selected?: Date[];
-}
-export interface GetStyleProps {
-    today: boolean;
-    selected: boolean;
-    unavailable: boolean;
-    isInRange: boolean;
-}
 export interface RangeDatePickerLabels {
     monthNamesFull: string[];
     weekdayNamesShort: string[];
@@ -24,51 +13,26 @@ export interface RangeDatePickerProps {
     }) => void;
     selected?: Date[];
     firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    /** @deprecated No-op; kept for story compatibility */
     showOutsideDays?: boolean;
+    /** @deprecated No-op; kept for story compatibility */
     date?: Date;
     minDate?: Date;
     maxDate?: Date;
     monthsToDisplay?: number;
     labels?: RangeDatePickerLabels;
-    /**
-     * Whether to render the calendar in a popover with a trigger button.
-     * @default true
-     */
     withPopover?: boolean;
-    /**
-     * Controlled open state for the popover.
-     */
     open?: boolean;
-    /**
-     * Callback when the popover open state changes.
-     */
     onOpenChange?: (details: {
         open: boolean;
     }) => void;
-    /**
-     * The trigger button element. If not provided, a default button will be rendered.
-     */
     trigger?: React.ReactNode;
-    /**
-     * Format string for displaying the selected date range in the trigger button.
-     * @default "YYYY-MM-DD"
-     */
     displayFormat?: string;
-    /**
-     * Placeholder text for the trigger button when no dates are selected.
-     */
     placeholder?: string;
-    /**
-     * Whether to close the popover when clicking outside.
-     * @default true
-     */
     closeOnInteractOutside?: boolean;
-    /**
-     * Whether to portal the popover content.
-     * @default true
-     */
     portalled?: boolean;
-    render?: (calendarData: CalendarRenderProps) => React.ReactNode;
+    /** IANA timezone for wall dates */
+    timezone?: string;
 }
 declare const RangeDatePicker: React.FC<RangeDatePickerProps>;
 export default RangeDatePicker;

package/dist/types/components/DatePicker/TimeRangeZoom.d.ts

@@ -0,0 +1,255 @@
+import dayjs from 'dayjs';
+import { type ReactNode } from 'react';
+type TimeInput = Date | string | number;
+export interface ViewableTimeRange {
+    start: TimeInput;
+    end: TimeInput;
+}
+export interface TimeRangeZoomLabels {
+    zoomIn?: string;
+    zoomOut?: string;
+    reset?: string;
+    visibleRange?: string;
+    duration?: string;
+    daysShort?: string;
+    hoursShort?: string;
+    minutesShort?: string;
+    secondsShort?: string;
+    invalidRange?: string;
+    dateTimeFormat?: string;
+}
+export interface TimeRangeZoomProps {
+    range: ViewableTimeRange;
+    onRangeChange: (range: {
+        start: Date;
+        end: Date;
+    }) => void;
+    minDurationMs?: number;
+    maxDurationMs?: number;
+    zoomFactor?: number;
+    resetDurationMs?: number;
+    showResetButton?: boolean;
+    disabled?: boolean;
+    labels?: TimeRangeZoomLabels;
+}
+export interface TimeViewportBlockProps {
+    start: TimeInput;
+    end: TimeInput;
+    viewportStart?: TimeInput;
+    viewportEnd?: TimeInput;
+    height?: string | number;
+    minWidthPx?: number;
+    borderRadius?: string | number;
+    colorPalette?: string;
+    background?: string;
+    label?: string;
+    showLabel?: boolean;
+    hideWhenOutOfView?: boolean;
+    onClick?: () => void;
+}
+export interface TimeViewportBlockItem {
+    id: string;
+    start?: TimeInput;
+    end?: TimeInput;
+    label?: string;
+    colorPalette?: string;
+    background?: string;
+    track?: string | number;
+    children?: TimeViewportBlockItem[];
+    onClick?: (block: TimeViewportBlockItem) => void;
+}
+export interface TimeViewportMarkerLineProps {
+    timestamp: TimeInput;
+    viewportStart?: TimeInput;
+    viewportEnd?: TimeInput;
+    height?: string | number;
+    colorPalette?: string;
+    color?: string;
+    lineWidthPx?: number;
+    label?: string;
+    showLabel?: boolean;
+    hideWhenOutOfView?: boolean;
+}
+export interface TimeViewportHeaderProps {
+    viewportStart?: TimeInput;
+    viewportEnd?: TimeInput;
+    tickCount?: number;
+    tickStrategy?: 'count' | 'timeUnit';
+    tickUnit?: 'minute' | 'hour' | 'day';
+    tickStep?: number;
+    format?: string;
+    height?: string | number;
+    color?: string;
+    borderColor?: string;
+    showBottomBorder?: boolean;
+    animationDurationMs?: number;
+    animationEasing?: string;
+}
+export interface TimeViewportHeaderTick {
+    index: number;
+    percent: number;
+    label: string;
+}
+export interface UseTimeViewportTicksResult {
+    isValidViewport: boolean;
+    getTicksByCount: (tickCount?: number) => TimeViewportHeaderTick[];
+    getTicksByTimeUnit: (tickUnit?: TimeViewportHeaderProps['tickUnit'], tickStep?: number) => TimeViewportHeaderTick[];
+    getTicks: (options?: {
+        tickStrategy?: TimeViewportHeaderProps['tickStrategy'];
+        tickCount?: number;
+        tickUnit?: TimeViewportHeaderProps['tickUnit'];
+        tickStep?: number;
+    }) => TimeViewportHeaderTick[];
+}
+export interface TimeViewportGridProps {
+    viewportStart?: TimeInput;
+    viewportEnd?: TimeInput;
+    tickCount?: number;
+    tickStrategy?: 'count' | 'timeUnit';
+    tickUnit?: 'minute' | 'hour' | 'day';
+    tickStep?: number;
+    format?: string;
+    minorDivisions?: number;
+    majorLineColor?: string;
+    minorLineColor?: string;
+    showMinorLines?: boolean;
+    zIndex?: number;
+    animationDurationMs?: number;
+    animationEasing?: string;
+}
+export interface TimeViewportBlockRenderArgs {
+    block: TimeViewportBlockItem;
+    geometry: {
+        leftPercent: number;
+        widthPercent: number;
+    };
+    index: number;
+}
+export interface TimeViewportTrackRenderArgs {
+    trackIndex: number;
+    trackKey?: string | number;
+    trackBlocks: TimeViewportBlockItem[];
+    defaultContent: ReactNode;
+}
+export interface TimeViewportBlocksProps {
+    blocks: TimeViewportBlockItem[];
+    viewportStart?: TimeInput;
+    viewportEnd?: TimeInput;
+    height?: string | number;
+    minWidthPx?: number;
+    borderRadius?: string | number;
+    defaultColorPalette?: string;
+    showLabel?: boolean;
+    hideWhenOutOfView?: boolean;
+    hideEmptyTracks?: boolean;
+    gap?: number;
+    allowOverlap?: boolean;
+    overlapOpacity?: number;
+    renderTrackPrefix?: (args: {
+        trackIndex: number;
+        trackBlocks: TimeViewportBlockItem[];
+        trackKey?: string | number;
+    }) => ReactNode;
+    renderTrackSuffix?: (args: {
+        trackIndex: number;
+        trackBlocks: TimeViewportBlockItem[];
+        trackKey?: string | number;
+    }) => ReactNode;
+    /** Custom render function for block content. The returned node is placed inside a positioning wrapper that handles translateX and transitions. */
+    renderBlock?: (args: TimeViewportBlockRenderArgs) => ReactNode;
+    /** Custom render function for an entire track row. Receives the default rendered content so you can wrap or replace it. */
+    renderTrack?: (args: TimeViewportTrackRenderArgs) => ReactNode;
+    onBlockClick?: (block: TimeViewportBlockItem) => void;
+    /** Enable virtual scrolling for large track lists. */
+    virtualize?: boolean;
+    /** Fixed pixel height of the scroll container when virtualize is true. Defaults to 400. */
+    virtualHeight?: number;
+    /** Number of off-screen rows to render above/below the visible area. Defaults to 5. */
+    overscan?: number;
+}
+export interface TimeViewportRootProps {
+    viewportStart: TimeInput;
+    viewportEnd: TimeInput;
+    children: ReactNode;
+    onViewportChange?: (range: {
+        start: Date;
+        end: Date;
+    }) => void;
+    enableDragPan?: boolean;
+    enableCtrlWheelZoom?: boolean;
+    wheelZoomFactor?: number;
+    minDurationMs?: number;
+    maxDurationMs?: number;
+}
+export declare function TimeViewportRoot({ viewportStart, viewportEnd, children, onViewportChange, enableDragPan, enableCtrlWheelZoom, wheelZoomFactor, minDurationMs, maxDurationMs, }: TimeViewportRootProps): import("react/jsx-runtime").JSX.Element;
+export interface UseTimeRangeZoomResult {
+    labels: Required<TimeRangeZoomLabels>;
+    start: dayjs.Dayjs;
+    end: dayjs.Dayjs;
+    durationMs: number;
+    canZoomIn: boolean;
+    canZoomOut: boolean;
+    hasValidDisplayRange: boolean;
+    visibleRangeText: string;
+    durationText: string;
+    zoomIn: () => void;
+    zoomOut: () => void;
+    reset: () => void;
+}
+export interface UseTimeViewportBlockGeometryResult {
+    hasValidViewport: boolean;
+    getGeometry: (start?: TimeInput, end?: TimeInput) => {
+        valid: boolean;
+        leftPercent: number;
+        widthPercent: number;
+    };
+    toTimeMs: (value?: TimeInput) => number | null;
+}
+export interface UseTimeViewportDerivedResult {
+    isValidViewport: boolean;
+    toTimeMs: (value?: TimeInput) => number | null;
+    getGeometry: (start?: TimeInput, end?: TimeInput) => {
+        valid: boolean;
+        leftPercent: number;
+        widthPercent: number;
+    };
+    getTimestampPercent: (timestamp?: TimeInput) => {
+        valid: boolean;
+        percent: number;
+        inView: boolean;
+    };
+    getTicksByCount: (tickCount?: number) => TimeViewportHeaderTick[];
+    getTicksByTimeUnit: (tickUnit?: TimeViewportHeaderProps['tickUnit'], tickStep?: number) => TimeViewportHeaderTick[];
+    getTicks: (options?: {
+        tickStrategy?: TimeViewportHeaderProps['tickStrategy'];
+        tickCount?: number;
+        tickUnit?: TimeViewportHeaderProps['tickUnit'];
+        tickStep?: number;
+    }) => TimeViewportHeaderTick[];
+}
+export declare function useTimeViewport(viewportStart?: TimeInput, viewportEnd?: TimeInput, format?: string): UseTimeViewportDerivedResult;
+export declare function useTimeViewportBlockGeometry(viewportStart?: TimeInput, viewportEnd?: TimeInput): UseTimeViewportBlockGeometryResult;
+export declare function useTimeViewportTicks({ viewportStart, viewportEnd, format, }: Pick<TimeViewportHeaderProps, 'viewportStart' | 'viewportEnd' | 'format'>): UseTimeViewportTicksResult;
+export declare const useTimeViewportHeader: typeof useTimeViewportTicks;
+/**
+ * A resizable timeline block based on block time range and viewport time range.
+ * Width and offset are automatically derived from datetime overlap.
+ */
+export declare function TimeViewportBlock({ start, end, viewportStart, viewportEnd, height, minWidthPx, borderRadius, colorPalette, background, label, showLabel, hideWhenOutOfView, onClick, }: TimeViewportBlockProps): import("react/jsx-runtime").JSX.Element | null;
+/**
+ * Vertical marker line for a timestamp in the current viewport.
+ */
+export declare function TimeViewportMarkerLine({ timestamp, viewportStart, viewportEnd, height, colorPalette, color, lineWidthPx, label, showLabel, hideWhenOutOfView, }: TimeViewportMarkerLineProps): import("react/jsx-runtime").JSX.Element | null;
+/**
+ * Header labels for timeline viewport time scale.
+ */
+export declare function TimeViewportHeader({ viewportStart, viewportEnd, tickCount, tickStrategy, tickUnit, tickStep, format, height, color, borderColor, showBottomBorder, animationDurationMs, animationEasing, }: TimeViewportHeaderProps): import("react/jsx-runtime").JSX.Element | null;
+/**
+ * Vertical grid lines for measuring block positions in the viewport.
+ * Render inside a relative container that also contains blocks.
+ */
+export declare function TimeViewportGrid({ viewportStart, viewportEnd, tickCount, tickStrategy, tickUnit, tickStep, format, minorDivisions, majorLineColor, minorLineColor, showMinorLines, zIndex, animationDurationMs, animationEasing, }: TimeViewportGridProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function TimeViewportBlocks({ blocks, viewportStart, viewportEnd, height, minWidthPx, borderRadius, defaultColorPalette, showLabel, hideWhenOutOfView, hideEmptyTracks, gap, allowOverlap, overlapOpacity, renderTrackPrefix, renderTrackSuffix, renderBlock, renderTrack, onBlockClick, virtualize, virtualHeight, overscan, }: TimeViewportBlocksProps): import("react/jsx-runtime").JSX.Element;
+export declare function TimeRangeZoom({ range, onRangeChange, minDurationMs, maxDurationMs, zoomFactor, resetDurationMs, showResetButton, disabled, labels, }: TimeRangeZoomProps): import("react/jsx-runtime").JSX.Element;
+export declare function useTimeRangeZoom({ range, onRangeChange, minDurationMs, maxDurationMs, zoomFactor, resetDurationMs, disabled, labels, }: TimeRangeZoomProps): UseTimeRangeZoomResult;
+export {};

package/dist/types/components/DatePicker/datePickerContext.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { DatePickerLabels } from './datePickerTypes';
+export declare const DatePickerContext: import("react").Context<{
+    labels: DatePickerLabels;
+}>;

package/dist/types/components/DatePicker/datePickerTypes.d.ts

@@ -0,0 +1,39 @@
+import type { CalendarRenderProps } from './useCalendar';
+export interface CalendarProps extends CalendarRenderProps {
+    firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+}
+export interface GetDateColorProps {
+    today: boolean;
+    selected: boolean;
+    selectable: boolean;
+}
+export interface GetVariantProps {
+    today: boolean;
+    selected: boolean;
+    selectable: boolean;
+}
+export interface DatePickerLabels {
+    monthNamesShort: string[];
+    weekdayNamesShort: string[];
+    backButtonLabel?: string;
+    forwardButtonLabel?: string;
+    todayLabel?: string;
+    yesterdayLabel?: string;
+    tomorrowLabel?: string;
+}
+export interface DatePickerProps {
+    onDateSelected?: (obj: {
+        date: Date;
+        selected: Date | Date[];
+    }) => void;
+    selected: Date | Date[];
+    firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    /** @deprecated No-op; kept for story compatibility */
+    showOutsideDays?: boolean;
+    /** @deprecated No-op; kept for story compatibility */
+    date?: Date;
+    minDate?: Date;
+    maxDate?: Date;
+    monthsToDisplay?: number;
+    labels?: DatePickerLabels;
+}

package/dist/types/components/DatePicker/dateValueUtils.d.ts

@@ -0,0 +1,10 @@
+import { CalendarDate } from '@internationalized/date';
+import type { DateValue } from '@chakra-ui/react';
+/** Wall calendar date in timezone → CalendarDate for Chakra DatePicker */
+export declare function toCalendarDate(d: Date, tz: string): CalendarDate;
+export declare function stringToCalendarDateValue(str: string | undefined, tz: string): DateValue[];
+export declare function stringsToRangeValue(strs: string[] | undefined, tz: string, dateFormat: string): DateValue[];
+export declare function calendarDateValueToString(v: DateValue | undefined, tz: string, format: string): string | undefined;
+export declare function rangeValueToDateStrings(values: DateValue[], tz: string, format: string): string[];
+/** CalendarDate at midnight in tz as JS Date (for filters using Date[]) */
+export declare function dateValueToFilterDate(v: DateValue, tz: string): Date;

package/dist/types/components/DatePicker/index.d.ts

@@ -2,6 +2,8 @@ export { default as DatePicker } from './DatePicker';
 export { TimePicker } from '../TimePicker/TimePicker';
 export { DateTimePicker } from './DateTimePicker';
 export { DurationPicker } from './DurationPicker';
+export { TimeRangeZoom, TimeViewportRoot, TimeViewportBlock, TimeViewportBlocks, TimeViewportGrid, TimeViewportHeader, TimeViewportMarkerLine, } from './TimeRangeZoom';
 export { UniversalPicker } from './UniversalPicker';
 export { DatePickerInput } from './DatePicker';
 export type { DatePickerProps, CalendarProps, GetDateColorProps, GetVariantProps, } from './DatePicker';
+export type { ViewableTimeRange, TimeRangeZoomLabels, TimeRangeZoomProps, TimeViewportRootProps, TimeViewportBlockProps, TimeViewportBlockItem, TimeViewportBlocksProps, TimeViewportBlockRenderArgs, TimeViewportTrackRenderArgs, TimeViewportGridProps, TimeViewportHeaderProps, TimeViewportMarkerLineProps, } from './TimeRangeZoom';

package/dist/types/components/Form/SchemaFormContext.d.ts

@@ -1,52 +1,18 @@
-import { AxiosRequestConfig } from 'axios';
-import { JSONSchema7 } from 'json-schema';
-import { Dispatch, ReactNode, SetStateAction } from 'react';
-import { FieldValues, Resolver } from 'react-hook-form';
-import { Translate } from './useForm';
-import { DateTimePickerLabels, IdPickerLabels, EnumPickerLabels, FilePickerLabels, FormButtonLabels, TimePickerLabels } from './components/types/CustomJSONSchema7';
+import { Dispatch, SetStateAction } from 'react';
+import { FieldValues } from 'react-hook-form';
+import { CustomJSONSchema7, DateTimePickerLabels, EnumPickerLabels, FilePickerLabels, FormButtonLabels, IdPickerLabels, TimePickerLabels } from './components/types/CustomJSONSchema7';
 export interface SchemaFormContext<TData extends FieldValues> {
-    schema: JSONSchema7;
-    requestUrl: string;
-    order: string[];
-    ignore: string[];
-    include: string[];
+    schema: CustomJSONSchema7;
     onSubmit?: (data: TData) => Promise<void>;
-    rowNumber?: number | string;
-    idMap: Record<string, object>;
-    setIdMap: Dispatch<SetStateAction<Record<string, object>>>;
-    /** Translate object for fallback text (components prefer label objects) */
-    translate: Translate;
-    requestOptions: AxiosRequestConfig;
-    isSuccess: boolean;
-    setIsSuccess: Dispatch<SetStateAction<boolean>>;
-    isError: boolean;
-    setIsError: Dispatch<SetStateAction<boolean>>;
-    isSubmiting: boolean;
-    setIsSubmiting: Dispatch<SetStateAction<boolean>>;
-    isConfirming: boolean;
-    setIsConfirming: Dispatch<SetStateAction<boolean>>;
-    validatedData: TData | undefined;
-    setValidatedData: Dispatch<SetStateAction<TData>>;
-    error: unknown;
-    setError: Dispatch<SetStateAction<unknown>>;
-    getUpdatedData: () => TData | Promise<TData>;
-    customErrorRenderer?: (error: unknown) => ReactNode;
-    customSuccessRenderer?: (resetHandler: () => void | Promise<void>) => ReactNode;
+    idMap: Record<string, unknown>;
+    setIdMap: Dispatch<SetStateAction<Record<string, unknown>>>;
     timezone?: string;
-    displayConfig: {
-        showSubmitButton?: boolean;
-        showResetButton?: boolean;
-        showTitle?: boolean;
-    };
-    requireConfirmation: boolean;
-    onFormSubmit: (data: TData) => Promise<void>;
     dateTimePickerLabels?: DateTimePickerLabels;
     idPickerLabels?: IdPickerLabels;
     enumPickerLabels?: EnumPickerLabels;
     filePickerLabels?: FilePickerLabels;
     formButtonLabels?: FormButtonLabels;
     timePickerLabels?: TimePickerLabels;
-    ajvResolver: Resolver<FieldValues>;
     insideDialog?: boolean;
 }
 export declare const SchemaFormContext: import("react").Context<SchemaFormContext<unknown>>;