npm - @salt-ds/lab - Versions diffs - 1.0.0-alpha.70 → 1.0.0-alpha.72 - Mend

@salt-ds/lab 1.0.0-alpha.70 → 1.0.0-alpha.72

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (861) hide show

package/dist-es/window/ElectronWindow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ElectronWindow.js","sources":["../src/window/ElectronWindow.tsx"],"sourcesContent":["import {\n SaltProvider,\n useForkRef,\n useIsomorphicLayoutEffect,\n} from \"@salt-ds/core\";\nimport { ~~forwardRef,~~ ~~useCallback, useEffect, useRef, useState~~ } from \"~~react~~\";\nimport ~~ReactDOM~~ from \"~~react~~-~~dom~~\";\nimport {~~\n Window~~ as ~~SaltWindow,\n type~~ ~~WindowProps,\n isDesktop,\n~~} from \"~~./WindowContext~~\";\n\nimport { ~~useComponentCssInjection }~~ from \"~~@salt~~-~~ds/styles~~\";\nimport { ~~useWindow~~ } from \"~~@salt~~-~~ds/window~~\";\nimport electronWindowCss from \"./ElectronWindow.css\";\nimport { ~~WindowParentContext,~~ ~~useWindowParentContext~~ } from \"./~~desktop-utils~~\";\n\nconst Window = forwardRef<HTMLDivElement, WindowProps>(function ElectronWindow(\n { className, children, id = \"dialog\", open = true, style = {}, ...rest },\n forwardedRef,\n): JSX.Element \| null {\n const { top, left, position, ...styleRest } = style;\n\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-electron-window\",\n css: electronWindowCss,\n window: targetWindow,\n });\n\n const [mountNode, setMountNode] = useState<Element \| null>(null);\n const windowRoot = useRef<HTMLDivElement>(null);\n\n const forkedRef = useForkRef(forwardedRef, windowRoot);\n\n if (!mountNode) {\n const win = window.open(\"\", id);\n win?.document.write(\n `<html lang=\"en\"><head><title>${id}</title><base href=\"${location.origin}\"><style>body {margin: 0;}</style></head><body></body></html>`,\n );\n document.head.querySelectorAll(\"style\").forEach((htmlElement) => {\n (win as Window).document.head.appendChild(htmlElement.cloneNode(true));\n });\n const bodyElement = (win as Window).document.body;\n setMountNode(bodyElement);\n }\n\n const parentWindow = useWindowParentContext();\n\n const closeWindow = useCallback(() => {\n // biome-ignore lint/suspicious/noExplicitAny: any is simpler here.\n const { ipcRenderer } = global as any;\n if (ipcRenderer) {\n ipcRenderer.send(\"window-close\", { id: id });\n }\n }, [id]);\n\n // The timeout is required to give the Dialog component time to report the correct height\n // otherwise the window will be smaller than expected\n useEffect(() => {\n setTimeout(() => {\n if (windowRoot.current) {\n const { scrollHeight: height, scrollWidth: width } = windowRoot.current;\n // biome-ignore lint/suspicious/noExplicitAny: any is simpler here.\n const { ipcRenderer } = global as any;\n if (ipcRenderer) {\n ipcRenderer.send(\"window-size\", {\n id: id,\n height: Math.ceil(height + 1),\n width: Math.ceil(width + 1),\n });\n }\n }\n }, 80);\n });\n\n // The timeout is required to allow the window time to be moved into position and scaled\n // before being shown to the user,\n useEffect(() => {\n // biome-ignore lint/suspicious/noExplicitAny: any is simpler here.\n const { ipcRenderer } = global as any;\n if (ipcRenderer) {\n setTimeout(() => {\n ipcRenderer.send(\"window-ready\", { id: id });\n }, 100);\n }\n\n return () => {\n closeWindow();\n };\n }, [closeWindow, id]);\n\n // The timeout is required to give the Dialog component time to report the correct height\n // otherwise the window will be smaller than expected\n useIsomorphicLayoutEffect(() => {\n setTimeout(() => {\n // biome-ignore lint/suspicious/noExplicitAny: any is simpler here.\n const { ipcRenderer } = global as any;\n if (ipcRenderer) {\n ipcRenderer.send(\"window-position\", {\n id: id,\n parentWindowID: parentWindow.id,\n left: style.left,\n top: style.top,\n });\n }\n }, 90);\n }, [style, id, parentWindow.id]);\n\n return mountNode\n ? ReactDOM.createPortal(\n <SaltProvider>\n <WindowParentContext.Provider\n value={{\n top: (style.top as number) + parentWindow.top,\n left: (style.left as number) + parentWindow.left,\n id: id,\n }}\n >\n <div className=\"saltWindow\" ref={forkedRef}>\n <div className={className} style={{ ...styleRest }} {...rest}>\n {children}\n </div>\n </div>\n </WindowParentContext.Provider>\n </SaltProvider>,\n mountNode,\n )\n : null;\n});\n\nexport const ElectronWindow = isDesktop ? Window : SaltWindow;\n"],"names":["ElectronWindow","electronWindowCss","SaltWindow"],"mappings":";;;;;;;;;;~~AAkBA~~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"}
1	+ {"version":3,"file":"ElectronWindow.js","sources":["../src/window/ElectronWindow.tsx"],"sourcesContent":["import {\n SaltProvider,\n useForkRef,\n useIsomorphicLayoutEffect,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { forwardRef, useCallback, useEffect, useRef, useState } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { useWindowParentContext, WindowParentContext } from \"./desktop-utils\";\nimport electronWindowCss from \"./ElectronWindow.css\";\nimport {\n isDesktop,\n Window as SaltWindow,\n type WindowProps,\n} from \"./WindowContext\";\n\nconst Window = forwardRef<HTMLDivElement, WindowProps>(function ElectronWindow(\n { className, children, id = \"dialog\", open = true, style = {}, ...rest },\n forwardedRef,\n): JSX.Element \| null {\n const { top, left, position, ...styleRest } = style;\n\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-electron-window\",\n css: electronWindowCss,\n window: targetWindow,\n });\n\n const [mountNode, setMountNode] = useState<Element \| null>(null);\n const windowRoot = useRef<HTMLDivElement>(null);\n\n const forkedRef = useForkRef(forwardedRef, windowRoot);\n\n if (!mountNode) {\n const win = window.open(\"\", id);\n win?.document.write(\n `<html lang=\"en\"><head><title>${id}</title><base href=\"${location.origin}\"><style>body {margin: 0;}</style></head><body></body></html>`,\n );\n document.head.querySelectorAll(\"style\").forEach((htmlElement) => {\n (win as Window).document.head.appendChild(htmlElement.cloneNode(true));\n });\n const bodyElement = (win as Window).document.body;\n setMountNode(bodyElement);\n }\n\n const parentWindow = useWindowParentContext();\n\n const closeWindow = useCallback(() => {\n // biome-ignore lint/suspicious/noExplicitAny: any is simpler here.\n const { ipcRenderer } = global as any;\n if (ipcRenderer) {\n ipcRenderer.send(\"window-close\", { id: id });\n }\n }, [id]);\n\n // The timeout is required to give the Dialog component time to report the correct height\n // otherwise the window will be smaller than expected\n useEffect(() => {\n setTimeout(() => {\n if (windowRoot.current) {\n const { scrollHeight: height, scrollWidth: width } = windowRoot.current;\n // biome-ignore lint/suspicious/noExplicitAny: any is simpler here.\n const { ipcRenderer } = global as any;\n if (ipcRenderer) {\n ipcRenderer.send(\"window-size\", {\n id: id,\n height: Math.ceil(height + 1),\n width: Math.ceil(width + 1),\n });\n }\n }\n }, 80);\n });\n\n // The timeout is required to allow the window time to be moved into position and scaled\n // before being shown to the user,\n useEffect(() => {\n // biome-ignore lint/suspicious/noExplicitAny: any is simpler here.\n const { ipcRenderer } = global as any;\n if (ipcRenderer) {\n setTimeout(() => {\n ipcRenderer.send(\"window-ready\", { id: id });\n }, 100);\n }\n\n return () => {\n closeWindow();\n };\n }, [closeWindow, id]);\n\n // The timeout is required to give the Dialog component time to report the correct height\n // otherwise the window will be smaller than expected\n useIsomorphicLayoutEffect(() => {\n setTimeout(() => {\n // biome-ignore lint/suspicious/noExplicitAny: any is simpler here.\n const { ipcRenderer } = global as any;\n if (ipcRenderer) {\n ipcRenderer.send(\"window-position\", {\n id: id,\n parentWindowID: parentWindow.id,\n left: style.left,\n top: style.top,\n });\n }\n }, 90);\n }, [style, id, parentWindow.id]);\n\n return mountNode\n ? ReactDOM.createPortal(\n <SaltProvider>\n <WindowParentContext.Provider\n value={{\n top: (style.top as number) + parentWindow.top,\n left: (style.left as number) + parentWindow.left,\n id: id,\n }}\n >\n <div className=\"saltWindow\" ref={forkedRef}>\n <div className={className} style={{ ...styleRest }} {...rest}>\n {children}\n </div>\n </div>\n </WindowParentContext.Provider>\n </SaltProvider>,\n mountNode,\n )\n : null;\n});\n\nexport const ElectronWindow = isDesktop ? Window : SaltWindow;\n"],"names":["ElectronWindow","electronWindowCss","SaltWindow"],"mappings":"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"}

package/dist-types/app-header/AppHeader.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
 import { type HTMLAttributes } from "react";
-export declare type AppHeaderProps = HTMLAttributes<HTMLDivElement>;
+export type AppHeaderProps = HTMLAttributes<HTMLDivElement>;
 export declare const AppHeader: import("react").ForwardRefExoticComponent<AppHeaderProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/button-bar/ButtonBar.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
-import { type HTMLAttributes, type ReactNode } from "react";
 import { type ButtonVariant } from "@salt-ds/core";
-export declare type PartialRecord<K extends keyof any, T> = Partial<Record<K, T>>;
-declare type ButtonBarOrderKey = "order" | "alignLeftOrder" | "stackOrder";
-export declare type ButtonBarSortOrder = "asc" | "desc";
+import { type HTMLAttributes, type ReactNode } from "react";
+export type PartialRecord<K extends keyof any, T> = Partial<Record<K, T>>;
+type ButtonBarOrderKey = "order" | "alignLeftOrder" | "stackOrder";
+export type ButtonBarSortOrder = "asc" | "desc";
 export declare const DefaultButtonsOrderByVariant: Record<ButtonVariant, Record<ButtonBarOrderKey, number>>;
 export interface ButtonBarProps extends HTMLAttributes<HTMLDivElement> {
     /**

package/dist-types/calendar/Calendar.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import { type ResponsiveProp } from "@salt-ds/core";
-import { type ComponentPropsWithoutRef, type ReactNode } from "react";
-import { type UseCalendarMultiSelectProps, type UseCalendarOffsetProps, type UseCalendarRangeProps, type UseCalendarSingleProps } from "./useCalendar";
 import type { DateFrameworkType, Timezone } from "@salt-ds/date-adapters";
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
+import { type UseCalendarMultiselectOffsetProps, type UseCalendarMultiselectRangeProps, type UseCalendarMultiselectSingleProps, type UseCalendarOffsetProps, type UseCalendarRangeProps, type UseCalendarSingleProps } from "./useCalendar";
 /**
  * Base props for the Calendar component.
  */
@@ -31,6 +31,10 @@ export interface CalendarBaseProps extends ComponentPropsWithoutRef<"div"> {
      * - If set to a valid IANA timezone identifier, the time will be returned for that specific timezone.
      */
     timezone?: Timezone;
+    /**
+     * If `true`, the calendar will be multiselect.
+     */
+    multiselect?: boolean;
 }
 /**
  * Props for the Calendar component with single date selection.
@@ -42,6 +46,20 @@ export interface CalendarSingleProps<TDate extends DateFrameworkType> extends Ca
      */
     selectionVariant: "single";
 }
+/**
+ * Props for the Calendar component with multi-select, date selection.
+ * @template TDate - The type of the date object.
+ */
+export interface CalendarMultiselectSingleProps<TDate extends DateFrameworkType> extends CalendarBaseProps, UseCalendarMultiselectSingleProps<TDate> {
+    /**
+     * The selection variant, set to "single".
+     */
+    selectionVariant: "single";
+    /**
+     * Multiple selection
+     */
+    multiselect: true;
+}
 /**
  * Props for the Calendar component with date range selection.
  * @template TDate - The type of the date object.
@@ -53,14 +71,18 @@ export interface CalendarRangeProps<TDate extends DateFrameworkType> extends Cal
     selectionVariant: "range";
 }
 /**
- * Props for the Calendar component with multi-select date selection.
+ * Props for the Calendar component with multi-select, date range selection.
  * @template TDate - The type of the date object.
  */
-export interface CalendarMultiSelectProps<TDate extends DateFrameworkType> extends CalendarBaseProps, UseCalendarMultiSelectProps<TDate> {
+export interface CalendarMultiselectRangeProps<TDate extends DateFrameworkType> extends CalendarBaseProps, UseCalendarMultiselectRangeProps<TDate> {
     /**
-     * The selection variant, set to "multiselect".
+     * The selection variant, set to "single".
+     */
+    selectionVariant: "range";
+    /**
+     * Multiple selection
      */
-    selectionVariant: "multiselect";
+    multiselect: true;
 }
 /**
  * Props for the Calendar component with offset date selection.
@@ -72,9 +94,23 @@ export interface CalendarOffsetProps<TDate extends DateFrameworkType> extends Ca
      */
     selectionVariant: "offset";
 }
+/**
+ * Props for the Calendar component with multi-select, offset date selection.
+ * @template TDate - The type of the date object.
+ */
+export interface CalendarMultiselectOffsetProps<TDate extends DateFrameworkType> extends CalendarBaseProps, UseCalendarMultiselectOffsetProps<TDate> {
+    /**
+     * The selection variant, set to "offset".
+     */
+    selectionVariant: "offset";
+    /**
+     * Multiple selection
+     */
+    multiselect: true;
+}
 /**
  * Type representing the props for the Calendar component with various selection variants.
  * @template TDate - The type of the date object.
  */
-export declare type CalendarProps<TDate extends DateFrameworkType> = CalendarSingleProps<TDate> | CalendarRangeProps<TDate> | CalendarMultiSelectProps<TDate> | CalendarOffsetProps<TDate>;
+export type CalendarProps<TDate extends DateFrameworkType> = CalendarSingleProps<TDate> | CalendarMultiselectSingleProps<TDate> | CalendarRangeProps<TDate> | CalendarMultiselectRangeProps<TDate> | CalendarOffsetProps<TDate> | CalendarMultiselectOffsetProps<TDate>;
 export declare const Calendar: import("react").ForwardRefExoticComponent<CalendarProps<any> & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/calendar/CalendarGrid.d.ts CHANGED Viewed

@@ -1,9 +1,9 @@
 import { type ResponsiveProp } from "@salt-ds/core";
-import { type ComponentPropsWithoutRef } from "react";
-import type { CalendarDayProps } from "./internal/CalendarDay";
 import type { DateFrameworkType } from "@salt-ds/date-adapters";
+import { type ComponentPropsWithoutRef } from "react";
 import { type CalendarMonthHeaderProps } from "./CalendarMonthHeader";
 import { type CalendarWeekHeaderProps } from "./CalendarWeekHeader";
+import type { CalendarDayProps } from "./internal/CalendarDay";
 /**
  * Props for the CalendarGrid component.
  * @template TDate - The type of the date object.

package/dist-types/calendar/CalendarMonthHeader.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { type ComponentPropsWithRef } from "react";
 import type { DateFrameworkType } from "@salt-ds/date-adapters";
+import { type ComponentPropsWithRef } from "react";
 /**
  * Props for the CalendarMonthHeader component.
  * @template TDate - The type of the date object.

package/dist-types/calendar/CalendarWeekHeader.d.ts CHANGED Viewed

@@ -2,5 +2,5 @@ import { type ComponentPropsWithRef } from "react";
 /**
  * Props for the CalendarWeekHeader component.
  */
-export declare type CalendarWeekHeaderProps = ComponentPropsWithRef<"div"> & {};
+export type CalendarWeekHeaderProps = ComponentPropsWithRef<"div"> & {};
 export declare const CalendarWeekHeader: import("react").ForwardRefExoticComponent<Omit<CalendarWeekHeaderProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/calendar/index.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
 export * from "./Calendar";
+export * from "./CalendarGrid";
 export * from "./CalendarNavigation";
 export * from "./CalendarWeekHeader";
-export * from "./CalendarGrid";
-export * from "./useCalendarDay";
+export type { CalendarDayProps, renderCalendarDayProps, } from "./internal/CalendarDay";
 export * from "./useCalendar";
+export * from "./useCalendarDay";
 export * from "./useCalendarSelection";
-export type { renderCalendarDayProps, CalendarDayProps, } from "./internal/CalendarDay";

package/dist-types/calendar/useCalendar.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import { type ResponsiveProp } from "@salt-ds/core";
 import type { DateFrameworkType, Timezone } from "@salt-ds/date-adapters";
 import { type SyntheticEvent } from "react";
-import { type UseCalendarSelectionBaseProps, type UseCalendarSelectionMultiSelectProps, type UseCalendarSelectionOffsetProps, type UseCalendarSelectionRangeProps, type UseCalendarSelectionSingleProps } from "./useCalendarSelection";
+import { type UseCalendarSelectionBaseProps, type UseCalendarSelectionMultiselectOffsetProps, type UseCalendarSelectionMultiselectRangeProps, type UseCalendarSelectionMultiselectSingleProps, type UseCalendarSelectionOffsetProps, type UseCalendarSelectionRangeProps, type UseCalendarSelectionSingleProps } from "./useCalendarSelection";
 /**
  * Base properties for the UseCalendar hook.
  * @template TDate - The type of the date object.
@@ -51,51 +51,50 @@ interface UseCalendarBaseProps<TDate> extends UseCalendarSelectionBaseProps<TDat
      * Number of visible months, maximum 12, defaults to 1.
      */
     numberOfVisibleMonths?: ResponsiveProp<1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12>;
+    /**
+     * If `true`, the calendar will be multiselect.
+     */
+    multiselect?: boolean;
 }
 /**
- * UseCalendar hook props for a single date selection Calendar.
+ * UseCalendar hook props for a single date selection.
  */
 export interface UseCalendarSingleProps<TDate extends DateFrameworkType> extends UseCalendarSelectionSingleProps<TDate>, UseCalendarBaseProps<TDate> {
-    /**
-     * The selection variant, set to "single".
-     */
-    selectionVariant: "single";
 }
 /**
- * UseCalendar hook props for a date range selection Calendar.
+ * UseCalendar hook props for a multi-select, single date selection.
+ */
+export interface UseCalendarMultiselectSingleProps<TDate extends DateFrameworkType> extends UseCalendarSelectionMultiselectSingleProps<TDate>, Omit<UseCalendarBaseProps<TDate>, "multiselect"> {
+}
+/**
+ * UseCalendar hook props for a date range selection.
  * @template TDate - The type of the date object.
  */
 export interface UseCalendarRangeProps<TDate extends DateFrameworkType> extends UseCalendarSelectionRangeProps<TDate>, UseCalendarBaseProps<TDate> {
-    /**
-     * The selection variant, set to "range".
-     */
-    selectionVariant: "range";
 }
 /**
- * UseCalendar hook props for a multi-select Calendar.
+ * UseCalendar hook props for a multi-select, date range selection.
  * @template TDate - The type of the date object.
  */
-export interface UseCalendarMultiSelectProps<TDate extends DateFrameworkType> extends UseCalendarSelectionMultiSelectProps<TDate>, UseCalendarBaseProps<TDate> {
-    /**
-     * The selection variant, set to "multiselect".
-     */
-    selectionVariant: "multiselect";
+export interface UseCalendarMultiselectRangeProps<TDate extends DateFrameworkType> extends UseCalendarSelectionMultiselectRangeProps<TDate>, Omit<UseCalendarBaseProps<TDate>, "multiselect"> {
 }
 /**
- * UseCalendar hook props for an offset date selection Calendar.
+ * UseCalendar hook props for an offset date selection.
  * @template TDate - The type of the date object.
  */
 export interface UseCalendarOffsetProps<TDate extends DateFrameworkType> extends UseCalendarSelectionOffsetProps<TDate>, UseCalendarBaseProps<TDate> {
-    /**
-     * The selection variant, set to "offset".
-     */
-    selectionVariant: "offset";
+}
+/**
+ * UseCalendar hook props for a multi-select, offset selection.
+ * @template TDate - The type of the date object.
+ */
+export interface UseCalendarMultiselectOffsetProps<TDate extends DateFrameworkType> extends UseCalendarSelectionMultiselectOffsetProps<TDate>, Omit<UseCalendarBaseProps<TDate>, "multiselect"> {
 }
 /**
  * UseCalendar hook props, wth the selection variant determining the return type of the date selection
  * @template TDate - The type of the date object.
  */
-export declare type UseCalendarProps<TDate extends DateFrameworkType> = UseCalendarSingleProps<TDate> | UseCalendarRangeProps<TDate> | UseCalendarMultiSelectProps<TDate> | UseCalendarOffsetProps<TDate>;
+export type UseCalendarProps<TDate extends DateFrameworkType> = UseCalendarSingleProps<TDate> | UseCalendarMultiselectSingleProps<TDate> | UseCalendarRangeProps<TDate> | UseCalendarMultiselectRangeProps<TDate> | UseCalendarOffsetProps<TDate> | UseCalendarMultiselectOffsetProps<TDate>;
 /**
  * Represents the return type of the useCalendar hook.
  * @template TDate - The type of the date object.
@@ -128,7 +127,7 @@ export interface UseCalendarReturn<TDate extends DateFrameworkType> {
         /**
          * The selection variant of the calendar, indicating the type of selection allowed.
          */
-        selectionVariant: "single" | "range" | "multiselect" | "offset";
+        selectionVariant: "single" | "range" | "offset";
         /**
          * Whether to hide dates that are out of the selectable range.
          */

package/dist-types/calendar/useCalendarDay.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
 import type { DateFrameworkType } from "@salt-ds/date-adapters";
+import type { ComponentPropsWithoutRef } from "react";
 /**
  * Interface representing the status of a day in the Calendar.
  */
@@ -52,7 +53,7 @@ export interface useCalendarDayProps<TDate> {
 }
 export declare function useCalendarDay<TDate extends DateFrameworkType>(props: useCalendarDayProps<TDate>): {
     status: DayStatus;
-    dayProps: Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">;
+    dayProps: ComponentPropsWithoutRef<"button">;
     focusedDateRef: any;
     unselectableReason: string | false | undefined;
     highlightedReason: string | false | undefined;

package/dist-types/calendar/useCalendarSelection.d.ts CHANGED Viewed

@@ -4,17 +4,12 @@ import type { KeyboardEventHandler, MouseEventHandler, SyntheticEvent } from "re
  * Type representing a single date selection.
  * @template TDate - The type of the date object.
  */
-export declare type SingleDateSelection<TDate extends DateFrameworkType> = TDate;
-/**
- * Type representing multiple date selections.
- * @template TDate - The type of the date object.
- */
-export declare type MultipleDateSelection<TDate extends DateFrameworkType> = TDate[];
+export type SingleDateSelection<TDate extends DateFrameworkType> = TDate;
 /**
  * Type representing a date range selection.
  * @template TDate - The type of the date object.
  */
-export declare type DateRangeSelection<TDate extends DateFrameworkType> = {
+export type DateRangeSelection<TDate extends DateFrameworkType> = {
     /**
      * The start date of the range.
      */
@@ -24,18 +19,6 @@ export declare type DateRangeSelection<TDate extends DateFrameworkType> = {
      */
     endDate?: TDate | null;
 };
-/**
- * Type representing all possible selection value types.
- * @template TDate - The type of the date object.
- */
-export declare type AllSelectionValueType<TDate extends DateFrameworkType> = SingleDateSelection<TDate> | MultipleDateSelection<TDate> | DateRangeSelection<TDate> | null;
-/**
- * Checks if a value is a single date selection.
- * @template TDate - The type of the date object.
- * @param value - The value to check.
- * @returns `true` if the value is a single date selection, otherwise `false`.
- */
-export declare function isSingleSelectionValueType<TDate extends DateFrameworkType>(value: any): value is TDate;
 /**
  * Checks if a value is a date range selection.
  * @template TDate - The type of the date object.
@@ -43,13 +26,6 @@ export declare function isSingleSelectionValueType<TDate extends DateFrameworkTy
  * @returns `true` if the value is a date range selection, otherwise `false`.
  */
 export declare function isDateRangeSelection<TDate extends DateFrameworkType>(value: any): value is DateRangeSelection<TDate>;
-/**
- * Checks if a value is a multiple date selection.
- * @template TDate - The type of the date object.
- * @param value - The value to check.
- * @returns `true` if the value is a multiple date selection, otherwise `false`.
- */
-export declare function isMultipleDateSelection<TDate extends DateFrameworkType>(value: any): value is MultipleDateSelection<TDate>;
 /**
  * Base properties for calendar UseCalendarSelection hook.
  * @template TDate - The type of the date object.
@@ -110,45 +86,79 @@ export interface UseCalendarSelectionBaseProps<TDate extends DateFrameworkType>
      * The currently visible month.
      */
     visibleMonth?: TDate;
+    /**
+     * If `true`, the calendar will be multiselect.
+     */
+    multiselect?: boolean;
 }
 /**
- * UseCalendar hook props to return a calendar day's status
+ * Properties for the single date selection hook.
  * @template TDate - The type of the date object.
  */
-export interface UseCalendarSelectionOffsetProps<TDate extends DateFrameworkType> extends Omit<UseCalendarSelectionBaseProps<TDate>, "startDateOffset" | "endDateOffset"> {
+export interface UseCalendarSelectionSingleProps<TDate extends DateFrameworkType> extends UseCalendarSelectionBaseProps<TDate> {
     /**
-     * The selection variant, set to "offset".
+     * The selection variant, set to "single".
      */
-    selectionVariant: "offset";
+    selectionVariant: "single";
     /**
      * The currently selected date.
      */
-    selectedDate?: DateRangeSelection<TDate>;
+    selectedDate?: SingleDateSelection<TDate> | null;
     /**
      * The default selected date.
      */
-    defaultSelectedDate?: DateRangeSelection<TDate>;
+    defaultSelectedDate?: SingleDateSelection<TDate> | null;
     /**
      * Callback fired when the selected date changes.
      * @param event - The synthetic event.
      * @param selectedDate - The new selected date.
      */
-    onSelectionChange?: (event: SyntheticEvent, selectedDate: DateRangeSelection<TDate>) => void;
+    onSelectionChange?: (event: SyntheticEvent, selectedDate: SingleDateSelection<TDate> | null) => void;
     /**
-     * Function to calculate the start date offset.
-     * @param date - The date to offset.
-     * @returns The offset start date.
+     * A pure function to manage the selected date for uncontrolled use-cases.
+     * Return the selection based on the previous selection and the new date.
+     * @param previousSelectedDate
+     * @param newDate
      */
-    startDateOffset?: (date: TDate) => TDate;
+    select?: (previousSelectedDate: SingleDateSelection<TDate> | null, newDate: SingleDateSelection<TDate> | null) => SingleDateSelection<TDate> | null;
+}
+/**
+ * Properties for the single date selection hook.
+ * @template TDate - The type of the date object.
+ */
+export interface UseCalendarSelectionMultiselectSingleProps<TDate extends DateFrameworkType> extends UseCalendarSelectionBaseProps<TDate> {
     /**
-     * Function to calculate the end date offset.
-     * @param date - The date to offset.
-     * @returns The offset end date.
+     * The selection variant, set to "single".
      */
-    endDateOffset?: (date: TDate) => TDate;
+    selectionVariant: "single";
+    /**
+     * Multiple selection
+     */
+    multiselect: true;
+    /**
+     * The currently selected date.
+     */
+    selectedDate?: Array<SingleDateSelection<TDate>>;
+    /**
+     * The default selected date.
+     */
+    defaultSelectedDate?: Array<SingleDateSelection<TDate>>;
+    /**
+     * Callback fired when the selected date changes.
+     * @param event - The synthetic event.
+     * @param selectedDate - The new selected date.
+     */
+    onSelectionChange?: (event: SyntheticEvent, selectedDate: Array<SingleDateSelection<TDate>>) => void;
+    /**
+     * A pure function to manage the selected date for uncontrolled use-cases.
+     * Return the selection based on the previous selection and the new date.
+     * @param previousSelectedDate
+     @param newDate
+     */
+    select?: (previousSelectedDate: Array<SingleDateSelection<TDate>>, newDate: TDate) => Array<SingleDateSelection<TDate>>;
 }
 /**
- * Properties for the range date selection hook.
+ * UseCalendar hook props to return a calendar day's status for single date range selection.
  * @template TDate - The type of the date object.
  */
 export interface UseCalendarSelectionRangeProps<TDate extends DateFrameworkType> extends UseCalendarSelectionBaseProps<TDate> {
@@ -170,73 +180,157 @@ export interface UseCalendarSelectionRangeProps<TDate extends DateFrameworkType>
      * @param selectedDate - The new selected date.
      */
     onSelectionChange?: (event: SyntheticEvent, selectedDate: DateRangeSelection<TDate>) => void;
+    /**
+     * A pure function to manage the selected date for uncontrolled use-cases.
+     * Return the selection based on the previous selection and the new date.
+     * @param previousSelectedDate
+     * @param newDate
+     */
+    select?: (previousSelectedDate: DateRangeSelection<TDate>, newDate: TDate) => DateRangeSelection<TDate>;
 }
 /**
- * Properties for the multi-select date selection hook.
+ * UseCalendar hook props to return a calendar day's status for multiselect date range selection.
  * @template TDate - The type of the date object.
  */
-export interface UseCalendarSelectionMultiSelectProps<TDate extends DateFrameworkType> extends UseCalendarSelectionBaseProps<TDate> {
+export interface UseCalendarSelectionMultiselectRangeProps<TDate extends DateFrameworkType> extends UseCalendarSelectionBaseProps<TDate> {
+    /**
+     * The selection variant, set to "range".
+     */
+    selectionVariant: "range";
     /**
-     * The selection variant, set to "multiselect".
+     * Multiple selection
      */
-    selectionVariant: "multiselect";
+    multiselect: true;
     /**
      * The currently selected date.
      */
-    selectedDate?: MultipleDateSelection<TDate>;
+    selectedDate?: Array<DateRangeSelection<TDate>>;
     /**
      * The default selected date.
      */
-    defaultSelectedDate?: MultipleDateSelection<TDate>;
+    defaultSelectedDate?: Array<DateRangeSelection<TDate>>;
     /**
      * Callback fired when the selected date changes.
      * @param event - The synthetic event.
      * @param selectedDate - The new selected date.
      */
-    onSelectionChange?: (event: SyntheticEvent, selectedDate: MultipleDateSelection<TDate>) => void;
+    onSelectionChange?: (event: SyntheticEvent, selectedDate: Array<DateRangeSelection<TDate>>) => void;
+    /**
+     * A pure function to manage the selected date for uncontrolled use-cases.
+     * Return the selection based on the previous selection and the new date.
+     * @param previousSelectedDate
+     * @param newDate
+     */
+    select?: (previousSelectedDate: Array<DateRangeSelection<TDate>>, newDate: TDate) => Array<DateRangeSelection<TDate>>;
 }
 /**
- * Properties for the single date selection hook.
+ * UseCalendar hook props to return a calendar day's status for single offset selection.
  * @template TDate - The type of the date object.
  */
-export interface UseCalendarSelectionSingleProps<TDate extends DateFrameworkType> extends UseCalendarSelectionBaseProps<TDate> {
+export interface UseCalendarSelectionOffsetProps<TDate extends DateFrameworkType> extends UseCalendarSelectionBaseProps<TDate> {
     /**
-     * The selection variant, set to "single".
+     * The selection variant, set to "offset".
      */
-    selectionVariant: "single";
+    selectionVariant: "offset";
     /**
      * The currently selected date.
      */
-    selectedDate?: SingleDateSelection<TDate> | null;
+    selectedDate?: DateRangeSelection<TDate>;
     /**
      * The default selected date.
      */
-    defaultSelectedDate?: SingleDateSelection<TDate> | null;
+    defaultSelectedDate?: DateRangeSelection<TDate>;
     /**
      * Callback fired when the selected date changes.
      * @param event - The synthetic event.
      * @param selectedDate - The new selected date.
      */
-    onSelectionChange?: (event: SyntheticEvent, selectedDate: SingleDateSelection<TDate> | null) => void;
+    onSelectionChange?: (event: SyntheticEvent, selectedDate: DateRangeSelection<TDate>) => void;
+    /**
+     * A pure function to manage the selected date for uncontrolled use-cases.
+     * Return the selection based on the previous selection and the new date.
+     * @param previousSelectedDate
+     * @param newDate
+     */
+    select?: (previousSelectedDate: DateRangeSelection<TDate>, newDate: TDate) => DateRangeSelection<TDate>;
+    /**
+     * Function to calculate the start date offset.
+     * @param date - The date to offset.
+     * @returns The offset start date.
+     */
+    startDateOffset?: (date: TDate) => TDate;
+    /**
+     * Function to calculate the end date offset.
+     * @param date - The date to offset.
+     * @returns The offset end date.
+     */
+    endDateOffset?: (date: TDate) => TDate;
+}
+/**
+ * UseCalendar hook props to return a calendar day's status for multiselect offset selection.
+ * @template TDate - The type of the date object.
+ */
+export interface UseCalendarSelectionMultiselectOffsetProps<TDate extends DateFrameworkType> extends UseCalendarSelectionBaseProps<TDate> {
+    /**
+     * The selection variant, set to "offset".
+     */
+    selectionVariant: "offset";
+    /**
+     * Multiple selection
+     */
+    multiselect: true;
+    /**
+     * The currently selected date.
+     */
+    selectedDate?: Array<DateRangeSelection<TDate>>;
+    /**
+     * The default selected date.
+     */
+    defaultSelectedDate?: Array<DateRangeSelection<TDate>>;
+    /**
+     * Callback fired when the selected date changes.
+     * @param event - The synthetic event.
+     * @param selectedDate - The new selected date.
+     */
+    onSelectionChange?: (event: SyntheticEvent, selectedDate: Array<DateRangeSelection<TDate>>) => void;
+    /**
+     * A pure function to manage the selected date for uncontrolled use-cases.
+     * Return the selection based on the previous selection and the new date.
+     * @param previousSelectedDat
+     * @param newDate
+     */
+    select?: (previousSelectedDate: Array<DateRangeSelection<TDate>>, newDate: TDate) => Array<DateRangeSelection<TDate>>;
+    /**
+     * Function to calculate the start date offset.
+     * @param date - The date to offset.
+     * @returns The offset start date.
+     */
+    startDateOffset?: (date: TDate) => TDate;
+    /**
+     * Function to calculate the end date offset.
+     * @param date - The date to offset.
+     * @returns The offset end date.
+     */
+    endDateOffset?: (date: TDate) => TDate;
 }
 /**
  * UseCalendarSelection hook props, wth the selection variant determining the return type of the date selection
  * @template TDate - The type of the date object.
  */
-export declare type UseCalendarSelectionProps<TDate extends DateFrameworkType> = UseCalendarSelectionSingleProps<TDate> | UseCalendarSelectionMultiSelectProps<TDate> | UseCalendarSelectionRangeProps<TDate> | UseCalendarSelectionOffsetProps<TDate>;
+export type UseCalendarSelectionProps<TDate extends DateFrameworkType> = UseCalendarSelectionSingleProps<TDate> | UseCalendarSelectionMultiselectSingleProps<TDate> | UseCalendarSelectionRangeProps<TDate> | UseCalendarSelectionMultiselectRangeProps<TDate> | UseCalendarSelectionOffsetProps<TDate> | UseCalendarSelectionMultiselectOffsetProps<TDate>;
 export declare function useCalendarSelection<TDate extends DateFrameworkType>(props: UseCalendarSelectionProps<TDate>): {
     state: {
         focusedDate: TDate | null;
         focusedDateRef: import("react").MutableRefObject<HTMLElement | null> | undefined;
         hoveredDate: TDate | null | undefined;
-        selectedDate: TDate | MultipleDateSelection<TDate> | DateRangeSelection<TDate> | null | undefined;
+        selectedDate: TDate | TDate[] | DateRangeSelection<TDate> | DateRangeSelection<TDate>[] | null | undefined;
         focusableDates: TDate[];
     };
     helpers: {
+        isSelected: (date: TDate) => boolean | null | undefined;
         setSelectedDate: (event: SyntheticEvent<HTMLButtonElement>, newSelectedDate: TDate) => void;
-        isSelected: (date: TDate) => boolean;
-        setHoveredDate: (event: SyntheticEvent, date: TDate | null) => void;
         isHovered: (date: TDate) => boolean;
+        setHoveredDate: (event: SyntheticEvent, date: TDate | null) => void;
         isSelectedSpan: (date: TDate) => boolean;
         isHoveredSpan: (date: TDate) => boolean;
         isSelectedStart: (date: TDate) => boolean;

package/dist-types/cascading-menu/internal/CascadingMenuAction.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import type { stateChangeCause } from "../stateChangeTypes";
-export declare type menuActionType = "setCurrentInteractedItem" | "resetMenu" | "openMenu" | "closeMenu" | "closeCascadingMenu" | "setFlipped";
-export declare type menuAction = {
+export type menuActionType = "setCurrentInteractedItem" | "resetMenu" | "openMenu" | "closeMenu" | "closeCascadingMenu" | "setFlipped";
+export type menuAction = {
     type: menuActionType;
     cause: stateChangeCause;
     flipped?: boolean;

package/dist-types/cascading-menu/internal/menuPositioning.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-export declare type screenBounds = {
+export type screenBounds = {
     clientHeight: number;
     clientWidth: number;
 };