@cognite/aura 0.3.3 → 0.3.4

package/dist/components/ui/core/date-time-pickers/time-range-picker/types.d.ts

@@ -0,0 +1,40 @@
+import { Dayjs } from 'dayjs';
+import { RangeSelectionStep } from '../shared/hooks/use-range-step-manager';
+import { ShortcutItem, ShortcutValueDayjs } from '../shared/shortcuts-panel/shortcuts-panel';
+import { AmPm, TimeFormat } from '../utils/format-utils';
+export interface UseTimeRangePickerProps {
+    value: [Dayjs | null, Dayjs | null];
+    onChange: (range: [Dayjs | null, Dayjs | null]) => void;
+    timeFormat?: TimeFormat;
+    defaultDate?: Dayjs;
+}
+export interface UseTimeRangePickerReturn {
+    isOpen: boolean;
+    step: RangeSelectionStep;
+    tempStartHour: number;
+    tempStartMinute: number;
+    tempEndHour: number;
+    tempEndMinute: number;
+    startAmPm: AmPm;
+    endAmPm: AmPm;
+    displayValue: [Dayjs | null, Dayjs | null];
+    handleOpenChange: (open: boolean) => void;
+    handleSetStep: (step: RangeSelectionStep) => void;
+    handleStartHourChange: (hour: number) => void;
+    handleStartMinuteChange: (minute: number) => void;
+    handleEndHourChange: (hour: number) => void;
+    handleEndMinuteChange: (minute: number) => void;
+    handleStartAmPmChange: (amPm: AmPm) => void;
+    handleEndAmPmChange: (amPm: AmPm) => void;
+    handleNext: () => void;
+    handleApply: () => void;
+    handleApplyShortcut: (shortcutValue: ShortcutValueDayjs) => void;
+    inputRef: React.RefObject<HTMLDivElement>;
+    popoverRef: React.RefObject<HTMLDivElement>;
+}
+export interface TimeRangePickerProps extends UseTimeRangePickerProps {
+    format?: string;
+    placeholder?: string;
+    shortcuts?: ShortcutItem[];
+    className?: string;
+}

package/dist/components/ui/core/date-time-pickers/time-range-picker/use-time-range-picker.d.ts

@@ -0,0 +1,3 @@
+import { UseTimeRangePickerProps, UseTimeRangePickerReturn } from './types';
+export type { UseTimeRangePickerProps, UseTimeRangePickerReturn };
+export declare const useTimeRangePicker: ({ value, onChange, timeFormat, defaultDate, }: UseTimeRangePickerProps) => UseTimeRangePickerReturn;

package/dist/components/ui/core/date-time-pickers/utils/format-utils.d.ts

@@ -1,5 +1,6 @@
 import { Dayjs } from 'dayjs';
 export type TimeFormat = '12h' | '24h';
+export type AmPm = 'AM' | 'PM';
 /**
  * Formats a date for display
  * @param date - Dayjs date object

package/dist/components/ui/core/date-time-pickers/utils/time-utils.d.ts

@@ -1,4 +1,4 @@
-import { TimeFormat } from './format-utils';
+import { AmPm, TimeFormat } from './format-utils';
 /**
  * Generates an array of hours.
  * If timeFormat is '12h', generates hours from 1 to 12.
@@ -30,11 +30,11 @@ export declare const parseTime: (timeString: string) => {
 /**
  * Gets AM/PM period from a 24-hour format hour.
  */
-export declare const getAmPmFromHour: (hour: number) => "AM" | "PM";
+export declare const getAmPmFromHour: (hour: number) => AmPm;
 /**
  * Converts a 12-hour format hour and AM/PM period to a 24-hour format hour.
  */
-export declare const convert12HourTo24Hour: (hour: number, ampm: "AM" | "PM") => number;
+export declare const convert12HourTo24Hour: (hour: number, ampm: AmPm) => number;
 /**
  * Converts a 24-hour format hour to a 12-hour display value (1-12).
  * Used when displaying time in 12-hour format.

package/dist/components/ui/core/overflow-list/overflow-list.utils.d.ts

@@ -0,0 +1,52 @@
+import { ComponentType, ReactElement, ReactNode } from 'react';
+export type OverflowComponent = ComponentType<{
+    items: ReactElement[];
+}>;
+export type ItemElement = ReactElement<Record<string, unknown>>;
+export type CollapseStrategy = 'asc' | 'desc' | 'innerAscFirstKeepLast' | 'innerDescFirstKeepLast';
+export type CollapseUnit = number | number[];
+export declare function resolveCollapseOrder(order: CollapseUnit[] | CollapseStrategy, itemCount: number): CollapseUnit[];
+export type CollapseState = {
+    hiddenIndices: number[];
+    overflowAt: number;
+};
+export declare const INITIAL_STATE: CollapseState;
+export declare function arraysEqual(a: number[], b: number[]): boolean;
+export declare function totalWidth(itemWidths: number[], gap: number): number;
+export declare const FIT_EPSILON = 0.5;
+export declare function getMeasurements(measureEl: HTMLElement, overflowEl: HTMLElement, hasSep: boolean, orientation?: 'horizontal' | 'vertical', lastItemFlexibleSelector?: string): {
+    itemWidths: number[];
+    gap: number;
+    overflowWidth: number;
+    outerMarginLeft: number;
+    outerMarginRight: number;
+    lastItemFlexibleWidth?: number;
+};
+export declare function hideUntilFit(total: number, itemWidths: number[], gap: number, overflowCost: number, hideOrder: CollapseUnit[], containerWidth: number): {
+    hidden: Set<number>;
+    firstHidden: number | null;
+};
+export declare function computeCollapseState({ containerSize, itemWidths, gap, overflowWidth, outerMarginLeft, outerMarginRight, collapseOrder, }: {
+    containerSize: number;
+    itemWidths: number[];
+    gap: number;
+    overflowWidth: number;
+    outerMarginLeft?: number;
+    outerMarginRight?: number;
+    collapseOrder: CollapseUnit[];
+}): CollapseState;
+export declare function computeCollapsedMinWidth({ itemWidths, gap, overflowWidth, outerMarginLeft, outerMarginRight, collapseOrder, lastItemMinVisible, lastItemFlexibleWidth, }: {
+    itemWidths: number[];
+    gap: number;
+    overflowWidth: number;
+    outerMarginLeft?: number;
+    outerMarginRight?: number;
+    collapseOrder: CollapseUnit[];
+    lastItemMinVisible?: number;
+    lastItemFlexibleWidth?: number;
+}): number;
+export declare function collapseStatesEqual(a: CollapseState, b: CollapseState): boolean;
+export declare function buildVisibleTokens(items: ReactElement[], hiddenSet: Set<number>, overflowAt: number, hiddenItems: ReactElement[], Overflow: OverflowComponent): Array<{
+    key: string | number;
+    node: ReactNode;
+}>;

package/dist/components/ui/core/slider/slider.d.ts

@@ -0,0 +1,9 @@
+import { ComponentRef, ForwardRefExoticComponent, RefAttributes } from 'react';
+import { Slider as SliderPrimitive } from '@base-ui/react/slider';
+type SliderProps = Omit<SliderPrimitive.Root.Props<readonly number[]>, 'value' | 'defaultValue' | 'onValueChange'> & {
+    value?: number[];
+    defaultValue?: number[];
+    onValueChange?: (value: number[]) => void;
+};
+declare const Slider: ForwardRefExoticComponent<Omit<SliderProps, 'ref'> & RefAttributes<ComponentRef<typeof SliderPrimitive.Root>>>;
+export { Slider };

package/dist/components/ui/core/slider/slider.js

@@ -0,0 +1,40 @@
+import { cn as e } from "../../../../lib/utils.js";
+import { forwardRef as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Slider as i } from "@base-ui/react/slider";
+//#region libs/aura/src/components/ui/core/slider/slider.tsx
+var a = t(({ className: t, defaultValue: a, value: o, min: s = 0, max: c = 100, onValueChange: l, ...u }, d) => {
+	let f = Array.isArray(o) ? o : Array.isArray(a) ? a : [s];
+	return /* @__PURE__ */ n(i.Root, {
+		ref: d,
+		"data-slot": "slider",
+		"data-range": f.length > 1 ? "" : void 0,
+		defaultValue: a,
+		value: o,
+		min: s,
+		max: c,
+		className: e("group/slider data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full", t),
+		thumbAlignment: "edge",
+		onValueChange: (e) => {
+			l && l(Array.isArray(e) ? [...e] : [e]);
+		},
+		...u,
+		children: /* @__PURE__ */ r(i.Control, {
+			className: "relative flex w-full touch-none items-center select-none data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col",
+			children: [/* @__PURE__ */ n(i.Track, {
+				"data-slot": "slider-track",
+				className: "relative z-0 grow overflow-hidden rounded-full bg-transparent ring-1 ring-border-emphasized ring-inset data-[orientation=horizontal]:h-3 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-3",
+				children: /* @__PURE__ */ n(i.Indicator, {
+					"data-slot": "slider-range",
+					className: e("relative z-10 bg-transparent select-none", "after:absolute after:rounded-full after:bg-secondary-background", "group-data-[range]/slider:after:rounded-none", "group-data-[range]/slider:group-data-[orientation=horizontal]/slider:after:left-0", "group-data-[range]/slider:group-data-[orientation=vertical]/slider:after:bottom-0", "group-data-[disabled]/slider:after:bg-disabled-background", "group-data-[orientation=horizontal]/slider:after:inset-e-0 group-data-[orientation=horizontal]/slider:after:left-0.5 group-data-[orientation=horizontal]/slider:after:top-1/2 group-data-[orientation=horizontal]/slider:after:h-2 group-data-[orientation=horizontal]/slider:after:-translate-y-1/2", "group-data-[orientation=vertical]/slider:after:inset-bs-0 group-data-[orientation=vertical]/slider:after:bottom-0.5 group-data-[orientation=vertical]/slider:after:left-1/2 group-data-[orientation=vertical]/slider:after:w-2 group-data-[orientation=vertical]/slider:after:-translate-x-1/2")
+				})
+			}), f.map((t, r) => /* @__PURE__ */ n(i.Thumb, {
+				"data-slot": "slider-thumb",
+				className: e("relative block size-3 shrink-0 rounded-full outline-none", "before:absolute before:top-1/2 before:left-1/2 before:size-2 before:-translate-x-1/2 before:-translate-y-1/2 before:rounded-full before:bg-foreground before:transition-[width,height]", "hover:before:size-3", "focus-visible:before:size-3 focus-visible:ring-ring-muted focus-visible:ring-4", "active:before:size-3", "data-disabled:pointer-events-none data-disabled:before:bg-disabled-foreground")
+			}, r))]
+		})
+	});
+});
+a.displayName = "Slider";
+//#endregion
+export { a as Slider };

package/dist/index.d.ts

@@ -1 +1 @@
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActionToolbar, ActionToolbarAction, ActionToolbarActionClear, ActionToolbarActions, ActionToolbarPrimaryAction, ActionToolbarSelection, ActionToolbarSelectionSummary, Alert, AlertActions, AlertButton, AlertClose, AlertDescription, AlertTitle, EmptyState, EmptyStateIcon, EmptyStateTitle, EmptyStateDescription, EmptyStateActions, Avatar, AvatarFallback, AvatarIcon, AvatarImage, Badge, Banner, BannerAction, BannerActions, BannerClose, BannerIcon, BannerStatus, BannerTitle, badgeVariants, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants, buttonVariants, Card, CardActions, CardContent, CardDescription, CardFooter, CardFooterEnd, CardFooterStart, CardHeader, CardHeaderCenter, CardHeaderEnd, CardHeaderStart, CardTitle, CheckboxGroup, CheckboxItem, CheckboxItemControl, CheckboxItemDescription, CheckboxItemLabel, CheckboxMetadata, CodeBlock, CodeBlockCollapseButton, CodeBlockCopyButton, CodeBlockDownloadButton, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Count, countVariants, DateRangePicker, DateTimeRangePicker, type DateRangePickerProps, type DateTimeRangePickerProps, type ShortcutItem, type TimeFormat, type ComponentMeta, type ComponentStatusType, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuHeader, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSectionLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, HelperText, HoverCard, HoverCardContent, HoverCardTrigger, InlineCitation, InlineCitationCard, InlineCitationCardBody, InlineCitationCardTrigger, InlineCitationGroup, InlineCitationLink, type InlineCitationLinkProps, InlineCitationQuote, InlineCitationSource, InlineCitationText, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Kbd, KbdGroup, Label, Loader, Message, MessageAction, MessageActions, MessageContent, MessageResponse, Pagination, PaginationContent, PaginationEllipsis, PaginationFirst, PaginationItem, PaginationLast, PaginationLink, PaginationNext, PaginationPrevious, PaginationResultsPerPage, PaginationResultsPerPageLabel, PaginationSelectTrigger, PaginationStatus, PaginationTeleport, Popover, PopoverClose, PopoverContent, PopoverDescription, PopoverHeader, PopoverHeaderContent, PopoverSlot, PopoverTitle, PopoverTrigger, PortalContainerContext, PromptInput, PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuItem, PromptInputActionMenuTrigger, PromptInputBody, PromptInputButton, PromptInputCommand, PromptInputCommandEmpty, PromptInputCommandGroup, PromptInputCommandInput, PromptInputCommandItem, PromptInputCommandList, PromptInputCommandSeparator, PromptInputFooter, PromptInputHeader, PromptInputHoverCard, PromptInputHoverCardContent, PromptInputHoverCardTrigger, PromptInputModelSelect, PromptInputModelSelectContent, PromptInputModelSelectItem, PromptInputModelSelectTrigger, PromptInputModelSelectValue, PromptInputProvider, PromptInputSubmit, PromptInputTab, PromptInputTabBody, PromptInputTabItem, PromptInputTabLabel, PromptInputTabsList, PromptInputTextarea, PromptInputTools, Reasoning, ReasoningContent, ReasoningHeader, ReasoningItem, RadioGroup, RadioGroupItem, RadioGroupItemControl, RadioGroupItemDescription, RadioGroupItemLabel, ScrollArea, ScrollBar, Search, SegmentedControl, SegmentedControlButton, SegmentedControlContent, SegmentedControlList, segmentedControlButtonVariants, segmentedControlListVariants, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Shimmer, Skeleton, Source, Sources, SourcesTitle, toast, Toaster, Tabs, TabsLabel, TabsList, TabsPanel, TabsTrigger, tabsListVariants, tabsTriggerVariants, Textarea, Topbar, TopbarAction, TopbarBreadcrumbs, TopbarCenter, TopbarIcon, TopbarLeft, TopbarMetadata, TopbarRight, type TopbarTheme, TopbarThemeSwitcher, Toggle, toggleVariants, Tool, ToolContent, ToolHeader, ToolInput, ToolOutput, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, usePromptInputController, } from './components';
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActionToolbar, ActionToolbarAction, ActionToolbarActionClear, ActionToolbarActions, ActionToolbarPrimaryAction, ActionToolbarSelection, ActionToolbarSelectionSummary, Alert, AlertActions, AlertButton, AlertClose, AlertDescription, AlertTitle, EmptyState, EmptyStateIcon, EmptyStateTitle, EmptyStateDescription, EmptyStateActions, Avatar, AvatarFallback, AvatarIcon, AvatarImage, Badge, Banner, BannerAction, BannerActions, BannerClose, BannerIcon, BannerStatus, BannerTitle, badgeVariants, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants, buttonVariants, Card, CardActions, CardContent, CardDescription, CardFooter, CardFooterEnd, CardFooterStart, CardHeader, CardHeaderCenter, CardHeaderEnd, CardHeaderStart, CardTitle, CheckboxGroup, CheckboxItem, CheckboxItemControl, CheckboxItemDescription, CheckboxItemLabel, CheckboxMetadata, CodeBlock, CodeBlockCollapseButton, CodeBlockCopyButton, CodeBlockDownloadButton, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Combobox, Count, countVariants, DatePicker, type DatePickerProps, DateRangePicker, DateTimeRangePicker, type DateRangePickerProps, type DateTimeRangePickerProps, type ShortcutItem, TimePicker, type TimePickerProps, type TimeFormat, type AmPm, type ComponentMeta, type ComponentStatusType, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuHeader, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSectionLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, HelperText, HoverCard, HoverCardContent, HoverCardTrigger, InlineCitation, InlineCitationCard, InlineCitationCardBody, InlineCitationCardTrigger, InlineCitationGroup, InlineCitationLink, type InlineCitationLinkProps, InlineCitationQuote, InlineCitationSource, InlineCitationText, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Kbd, KbdGroup, Label, Loader, Message, MessageAction, MessageActions, MessageContent, MessageResponse, Pagination, PaginationContent, PaginationEllipsis, PaginationFirst, PaginationItem, PaginationLast, PaginationLink, PaginationNext, PaginationPrevious, PaginationResultsPerPage, PaginationResultsPerPageLabel, PaginationSelectTrigger, PaginationStatus, PaginationTeleport, Popover, PopoverClose, PopoverContent, PopoverDescription, PopoverHeader, PopoverHeaderContent, PopoverSlot, PopoverTitle, PopoverTrigger, PortalContainerContext, PromptInput, PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuItem, PromptInputActionMenuTrigger, PromptInputBody, PromptInputButton, PromptInputCommand, PromptInputCommandEmpty, PromptInputCommandGroup, PromptInputCommandInput, PromptInputCommandItem, PromptInputCommandList, PromptInputCommandSeparator, PromptInputFooter, PromptInputHeader, PromptInputHoverCard, PromptInputHoverCardContent, PromptInputHoverCardTrigger, PromptInputModelSelect, PromptInputModelSelectContent, PromptInputModelSelectItem, PromptInputModelSelectTrigger, PromptInputModelSelectValue, PromptInputProvider, PromptInputSubmit, PromptInputTab, PromptInputTabBody, PromptInputTabItem, PromptInputTabLabel, PromptInputTabsList, PromptInputTextarea, PromptInputTools, Reasoning, ReasoningContent, ReasoningHeader, ReasoningItem, RadioGroup, RadioGroupItem, RadioGroupItemControl, RadioGroupItemDescription, RadioGroupItemLabel, ScrollArea, ScrollBar, Search, SegmentedControl, SegmentedControlButton, SegmentedControlContent, SegmentedControlList, segmentedControlButtonVariants, segmentedControlListVariants, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Shimmer, Skeleton, Slider, Source, Sources, SourcesTitle, Switch, toast, Toaster, Tabs, TabsLabel, TabsList, TabsPanel, TabsTrigger, tabsListVariants, tabsTriggerVariants, Textarea, Topbar, TopbarAction, TopbarBreadcrumbs, TopbarCenter, TopbarIcon, TopbarLeft, TopbarMetadata, TopbarRight, type TopbarTheme, TopbarThemeSwitcher, Toggle, toggleVariants, Tool, ToolContent, ToolHeader, ToolInput, ToolOutput, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, usePromptInputController, } from './components';