@trackunit/react-components 0.1.117 → 0.1.124

package/src/components/Card/CardHeader.d.ts

@@ -1,47 +1,47 @@
-import * as React from "react";
-import { CommonProps, Density } from "../../common/CommonProps";
-import { HeadingVariant } from "../Heading/Heading";
-export interface CardHeaderProps extends CommonProps {
-    /**
-     * The text to show in the Cards main heading
-     */
-    heading?: string;
-    /**
-     * The variant/size of the heading.
-     * Same as the `Heading` component.
-     *
-     * @default "primary"
-     */
-    headingVariant?: HeadingVariant;
-    /** Adds an extra heading below the main heading. */
-    subHeading?: string | React.ReactNode;
-    /**
-     * Items to render next to the heading
-     */
-    accessories?: React.ReactNode;
-    /**
-     * Sets gap, padding and margin.
-     */
-    density?: Density;
-    /**
-     * Wether or not a seperator line should be rendered
-     */
-    hideSeparator?: boolean;
-    /** Function to call when the close button is clicked */
-    onClose?: () => void;
-    /**
-     * Children to render in the header
-     */
-    children?: React.ReactNode | null;
-    /**
-     * Extra className for div container
-     */
-    extraClassName?: string | undefined;
-}
-/**
- * Header for Cards and Modals.
- *
- * @param {CardHeaderProps} props - The props for the CardHeader component
- * @returns {JSX.Element} CardHeader component
- */
-export declare const CardHeader: ({ heading, headingVariant, subHeading, onClose, dataTestId, className, children, accessories, density, extraClassName, hideSeparator, }: CardHeaderProps) => JSX.Element;
+import * as React from "react";
+import { CommonProps, Density } from "../../common/CommonProps";
+import { HeadingVariant } from "../Heading/Heading";
+export interface CardHeaderProps extends CommonProps {
+    /**
+     * The text to show in the Cards main heading
+     */
+    heading?: string;
+    /**
+     * The variant/size of the heading.
+     * Same as the `Heading` component.
+     *
+     * @default "primary"
+     */
+    headingVariant?: HeadingVariant;
+    /** Adds an extra heading below the main heading. */
+    subHeading?: string | React.ReactNode;
+    /**
+     * Items to render next to the heading
+     */
+    accessories?: React.ReactNode;
+    /**
+     * Sets gap, padding and margin.
+     */
+    density?: Density;
+    /**
+     * Wether or not a seperator line should be rendered
+     */
+    hideSeparator?: boolean;
+    /** Function to call when the close button is clicked */
+    onClose?: () => void;
+    /**
+     * Children to render in the header
+     */
+    children?: React.ReactNode | null;
+    /**
+     * Extra className for div container
+     */
+    extraClassName?: string | undefined;
+}
+/**
+ * Header for Cards and Modals.
+ *
+ * @param {CardHeaderProps} props - The props for the CardHeader component
+ * @returns {JSX.Element} CardHeader component
+ */
+export declare const CardHeader: ({ heading, headingVariant, subHeading, onClose, dataTestId, className, children, accessories, density, extraClassName, hideSeparator, }: CardHeaderProps) => JSX.Element;

package/src/components/Card/DensityContainer.d.ts

@@ -1,30 +1,30 @@
-import * as React from "react";
-import { CommonProps, Density } from "../../common/CommonProps";
-interface ContainerProps extends CommonProps {
-    /**
-     * The density of the card components.
-     * "compact" = 12px gap and padding.
-     * "comfortable" = 16px gap and padding.
-     * "spacious" = 16px gap, 26px padding.
-     */
-    density?: Density;
-    /**
-     * Set gap to be 0px (not preferable)
-     */
-    disableGap?: boolean;
-    /**
-     * The flex direction of the Card. Defaults to "column".
-     */
-    direction?: "row" | "row-reverse" | "column" | "column-reverse";
-    children?: React.ReactNode;
-}
-/**
- * The DensityContainer component applies gap and padding.
- * The padding should live here, and not on the Card itself, as to not inset the scrollbar in case of overflow.
- *
- * @summary For applying auto padding and gap to a Card or Modal or whatever.
- * @param {ContainerProps} props - The props for the DensityContainer component
- * @returns {JSX.Element} DensityContainer component
- */
-export declare const DensityContainer: ({ children, className, dataTestId, density, disableGap, direction, }: ContainerProps) => JSX.Element;
-export {};
+import * as React from "react";
+import { CommonProps, Density } from "../../common/CommonProps";
+interface ContainerProps extends CommonProps {
+    /**
+     * The density of the card components.
+     * "compact" = 12px gap and padding.
+     * "comfortable" = 16px gap and padding.
+     * "spacious" = 16px gap, 26px padding.
+     */
+    density?: Density;
+    /**
+     * Set gap to be 0px (not preferable)
+     */
+    disableGap?: boolean;
+    /**
+     * The flex direction of the Card. Defaults to "column".
+     */
+    direction?: "row" | "row-reverse" | "column" | "column-reverse";
+    children?: React.ReactNode;
+}
+/**
+ * The DensityContainer component applies gap and padding.
+ * The padding should live here, and not on the Card itself, as to not inset the scrollbar in case of overflow.
+ *
+ * @summary For applying auto padding and gap to a Card or Modal or whatever.
+ * @param {ContainerProps} props - The props for the DensityContainer component
+ * @returns {JSX.Element} DensityContainer component
+ */
+export declare const DensityContainer: ({ children, className, dataTestId, density, disableGap, direction, }: ContainerProps) => JSX.Element;
+export {};

package/src/components/Card/index.d.ts

@@ -1,5 +1,5 @@
-export * from "./Card";
-export * from "./CardBody";
-export * from "./CardFooter";
-export * from "./CardHeader";
-export * from "./DensityContainer";
+export * from "./Card";
+export * from "./CardBody";
+export * from "./CardFooter";
+export * from "./CardHeader";
+export * from "./DensityContainer";

package/src/components/Clickable/Clickable.variants.d.ts

@@ -1,3 +1,3 @@
-export declare const cvaClickable: (props?: ({
-    disabled?: boolean | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const cvaClickable: (props?: ({
+    disabled?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/src/components/Collapse/Collapse.d.ts

@@ -1,28 +1,28 @@
-import * as React from "react";
-import { CommonProps } from "../../common/CommonProps";
-export interface CollapseProps extends CommonProps {
-    id: string;
-    /**
-     * Expands the collapse component during initialization.
-     */
-    initialExpanded?: boolean;
-    /**
-     * onToggle event.
-     */
-    onToggle?: (event: React.MouseEvent<HTMLDivElement>, expanded: boolean) => void;
-    /**
-     * Child nodes.
-     */
-    children: React.ReactNode;
-    /**
-     * Label to be displayed.
-     */
-    label: React.ReactNode;
-}
-/**
- * The Collapse component is used to condense non-important information.
- *
- * @param {CollapseProps} props - The props for the Collapse component
- * @returns {JSX.Element} Collapse component
- */
-export declare const Collapse: ({ id, initialExpanded, onToggle, label, children, className, dataTestId, }: CollapseProps) => JSX.Element;
+import * as React from "react";
+import { CommonProps } from "../../common/CommonProps";
+export interface CollapseProps extends CommonProps {
+    id: string;
+    /**
+     * Expands the collapse component during initialization.
+     */
+    initialExpanded?: boolean;
+    /**
+     * onToggle event.
+     */
+    onToggle?: (event: React.MouseEvent<HTMLDivElement>, expanded: boolean) => void;
+    /**
+     * Child nodes.
+     */
+    children: React.ReactNode;
+    /**
+     * Label to be displayed.
+     */
+    label: React.ReactNode;
+}
+/**
+ * The Collapse component is used to condense non-important information.
+ *
+ * @param {CollapseProps} props - The props for the Collapse component
+ * @returns {JSX.Element} Collapse component
+ */
+export declare const Collapse: ({ id, initialExpanded, onToggle, label, children, className, dataTestId, }: CollapseProps) => JSX.Element;

package/src/components/Collapse/Collapse.variants.d.ts

@@ -1,8 +1,8 @@
-export declare const cvaCollapse: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
-export declare const cvaCollapseLabel: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
-export declare const cvaCollapseLabelContainer: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
-export declare const cvaCollapsible: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
-export declare const cvaCollapseAnimated: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
-export declare const cvaCollapseIcon: (props?: ({
-    expanded?: boolean | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const cvaCollapse: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+export declare const cvaCollapseLabel: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+export declare const cvaCollapseLabelContainer: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+export declare const cvaCollapsible: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+export declare const cvaCollapseAnimated: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+export declare const cvaCollapseIcon: (props?: ({
+    expanded?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/src/components/Collapse/index.d.ts

@@ -1 +1 @@
-export * from "./Collapse";
+export * from "./Collapse";

package/src/components/CopyableText/CopyableText.d.ts

@@ -1,21 +1,21 @@
-/// <reference types="react" />
-import { CommonProps } from "../../common";
-export interface CopyableTextProps extends CommonProps {
-    /**
-     * The text shown in the ui.
-     * By default this is also the text that gets copied when component is clicked.
-     */
-    text?: string;
-    /**
-     * Alternative text to get copied to on click.
-     * This text is not visible in the ui.
-     */
-    alternativeText?: string;
-}
-/**
- * The CopyableText component is used where the user should have easy access to copy information.
- *
- * @param {CopyableTextProps} props - The props for the CopyableText component
- * @returns {JSX.Element} CopyableText component
- */
-export declare const CopyableText: ({ text, alternativeText, dataTestId, className }: CopyableTextProps) => JSX.Element;
+/// <reference types="react" />
+import { CommonProps } from "../../common";
+export interface CopyableTextProps extends CommonProps {
+    /**
+     * The text shown in the ui.
+     * By default this is also the text that gets copied when component is clicked.
+     */
+    text?: string;
+    /**
+     * Alternative text to get copied to on click.
+     * This text is not visible in the ui.
+     */
+    alternativeText?: string;
+}
+/**
+ * The CopyableText component is used where the user should have easy access to copy information.
+ *
+ * @param {CopyableTextProps} props - The props for the CopyableText component
+ * @returns {JSX.Element} CopyableText component
+ */
+export declare const CopyableText: ({ text, alternativeText, dataTestId, className }: CopyableTextProps) => JSX.Element;

package/src/components/CopyableText/CopyableText.variants.d.ts

@@ -1,3 +1,3 @@
-export declare const cvaCopyableText: (props?: ({
-    animating?: boolean | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const cvaCopyableText: (props?: ({
+    animating?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/src/components/CopyableText/index.d.ts

@@ -1 +1 @@
-export * from "./CopyableText";
+export * from "./CopyableText";

package/src/components/DayPicker/DayPicker.d.ts

@@ -1,32 +1,32 @@
-/// <reference types="react" />
-import { Matcher } from "react-day-picker";
-import { CommonProps } from "../../common/CommonProps";
-export interface DayPickerProps extends CommonProps {
-    /**
-     * A callback function for when a date is selected
-     */
-    onDaySelect?: (day: Date) => void;
-    /**
-     * Define any days which may not be selected
-     */
-    disabledDays?: Matcher | Matcher[];
-    /**
-     * Set any days which are selected
-     */
-    selectedDays?: Matcher | Matcher[];
-    /**
-     * Set the language
-     */
-    language: string;
-    /**
-     * The maximum amount of days that can be selected
-     */
-    max?: number;
-}
-/**
- * The DayPicker component is used when the user needs to select a date.
- *
- * @param {DayPickerProps} props - The props for the DayPicker component
- * @returns {JSX.Element} DayPicker component
- */
-export declare const DayPicker: ({ onDaySelect, disabledDays, selectedDays, language, className, dataTestId, max, }: DayPickerProps) => JSX.Element;
+/// <reference types="react" />
+import { Matcher } from "react-day-picker";
+import { CommonProps } from "../../common/CommonProps";
+export interface DayPickerProps extends CommonProps {
+    /**
+     * A callback function for when a date is selected
+     */
+    onDaySelect?: (day: Date) => void;
+    /**
+     * Define any days which may not be selected
+     */
+    disabledDays?: Matcher | Matcher[];
+    /**
+     * Set any days which are selected
+     */
+    selectedDays?: Matcher | Matcher[];
+    /**
+     * Set the language
+     */
+    language: string;
+    /**
+     * The maximum amount of days that can be selected
+     */
+    max?: number;
+}
+/**
+ * The DayPicker component is used when the user needs to select a date.
+ *
+ * @param {DayPickerProps} props - The props for the DayPicker component
+ * @returns {JSX.Element} DayPicker component
+ */
+export declare const DayPicker: ({ onDaySelect, disabledDays, selectedDays, language, className, dataTestId, max, }: DayPickerProps) => JSX.Element;

package/src/components/DayPicker/DayPickerPopover.d.ts

@@ -1,22 +1,22 @@
-/// <reference types="react" />
-import { Matcher } from "react-day-picker";
-import { CommonProps, Size } from "../../common/CommonProps";
-import { ButtonColor } from "../buttons";
-import { PopoverPlacement } from "../Popover";
-export interface DayPickerPopoverProps extends CommonProps {
-    disabledDays?: Matcher | Matcher[] | undefined;
-    onDaySelect: (day: Date) => void;
-    selectedDay?: Date;
-    color?: ButtonColor;
-    size?: Size;
-    placement?: PopoverPlacement;
-    buttonContent: JSX.Element;
-    language: string;
-}
-/**
- * The DayPickerPopover component returns a button which when clicked shows the daypicker.
- *
- * @param {DayPickerPopoverProps} props - The props for the DayPickerPopover component
- * @returns {JSX.Element} DayPickerPopover component
- */
-export declare const DayPickerPopover: ({ disabledDays, className, dataTestId, selectedDay, onDaySelect, color, placement, size, buttonContent, language, }: DayPickerPopoverProps) => JSX.Element;
+/// <reference types="react" />
+import { Matcher } from "react-day-picker";
+import { CommonProps, Size } from "../../common/CommonProps";
+import { ButtonColor } from "../buttons";
+import { PopoverPlacement } from "../Popover";
+export interface DayPickerPopoverProps extends CommonProps {
+    disabledDays?: Matcher | Matcher[] | undefined;
+    onDaySelect: (day: Date) => void;
+    selectedDay?: Date;
+    color?: ButtonColor;
+    size?: Size;
+    placement?: PopoverPlacement;
+    buttonContent: JSX.Element;
+    language: string;
+}
+/**
+ * The DayPickerPopover component returns a button which when clicked shows the daypicker.
+ *
+ * @param {DayPickerPopoverProps} props - The props for the DayPickerPopover component
+ * @returns {JSX.Element} DayPickerPopover component
+ */
+export declare const DayPickerPopover: ({ disabledDays, className, dataTestId, selectedDay, onDaySelect, color, placement, size, buttonContent, language, }: DayPickerPopoverProps) => JSX.Element;

package/src/components/DayPicker/DayRangePicker.d.ts

@@ -1,33 +1,33 @@
-/// <reference types="react" />
-import { DateRange, Matcher } from "react-day-picker";
-import { CommonProps } from "../../common/CommonProps";
-export type IDateRange = DateRange;
-export interface DayRangePickerProps extends CommonProps {
-    /**
-     * A callback function for when a range is selected
-     */
-    onRangeSelect?: (range: IDateRange | undefined) => void;
-    /**
-     * Define any days which may not be selected
-     */
-    disabledDays?: Matcher | Matcher[];
-    /**
-     * Set any days which are selected
-     */
-    selectedDays: IDateRange;
-    /**
-     * Set the language
-     */
-    language: string;
-    /**
-     * The maximum amount of days that can be selected
-     */
-    max?: number;
-}
-/**
- * The DayRangePicker component should be used when the user needs to select a range of dates.
- *
- * @param {DayRangePickerProps} props - The props for the DayRangePicker component
- * @returns {JSX.Element} DayRangePicker component
- */
-export declare const DayRangePicker: ({ onRangeSelect, selectedDays, disabledDays, dataTestId, language, className, max, }: DayRangePickerProps) => JSX.Element;
+/// <reference types="react" />
+import { DateRange, Matcher } from "react-day-picker";
+import { CommonProps } from "../../common/CommonProps";
+export type IDateRange = DateRange;
+export interface DayRangePickerProps extends CommonProps {
+    /**
+     * A callback function for when a range is selected
+     */
+    onRangeSelect?: (range: IDateRange | undefined) => void;
+    /**
+     * Define any days which may not be selected
+     */
+    disabledDays?: Matcher | Matcher[];
+    /**
+     * Set any days which are selected
+     */
+    selectedDays: IDateRange;
+    /**
+     * Set the language
+     */
+    language: string;
+    /**
+     * The maximum amount of days that can be selected
+     */
+    max?: number;
+}
+/**
+ * The DayRangePicker component should be used when the user needs to select a range of dates.
+ *
+ * @param {DayRangePickerProps} props - The props for the DayRangePicker component
+ * @returns {JSX.Element} DayRangePicker component
+ */
+export declare const DayRangePicker: ({ onRangeSelect, selectedDays, disabledDays, dataTestId, language, className, max, }: DayRangePickerProps) => JSX.Element;

package/src/components/DayPicker/index.d.ts

@@ -1,21 +1,21 @@
-export interface TimeZone {
-    /**
-     * The unique id of the timezone
-     *
-     * @example "America/Denver"
-     */
-    id: string;
-    /**
-     * The human-readable name of the timezone. Combines id and offset.
-     *
-     * @example "America/Denver (-06:00 MDT)"
-     */
-    name: string;
-    /**
-     * @example "-06:00 MDT"
-     */
-    offset: string;
-}
-export * from "./DayPicker";
-export * from "./DayPickerPopover";
-export * from "./DayRangePicker";
+export interface TimeZone {
+    /**
+     * The unique id of the timezone
+     *
+     * @example "America/Denver"
+     */
+    id: string;
+    /**
+     * The human-readable name of the timezone. Combines id and offset.
+     *
+     * @example "America/Denver (-06:00 MDT)"
+     */
+    name: string;
+    /**
+     * @example "-06:00 MDT"
+     */
+    offset: string;
+}
+export * from "./DayPicker";
+export * from "./DayPickerPopover";
+export * from "./DayRangePicker";

package/src/components/DayPicker/useLocale.d.ts

@@ -1,8 +1,8 @@
-import { Locale } from "date-fns";
-/**
- * A helper function to get the matching Locale object for a given language.
- *
- * @param {string} language The language to match
- * @returns {Locale} The corresponding Locale object
- */
-export declare const useLocale: (language: string) => Locale;
+import { Locale } from "date-fns";
+/**
+ * A helper function to get the matching Locale object for a given language.
+ *
+ * @param {string} language The language to match
+ * @returns {Locale} The corresponding Locale object
+ */
+export declare const useLocale: (language: string) => Locale;

package/src/components/Drawer/Drawer.d.ts

@@ -1,32 +1,32 @@
-import * as React from "react";
-import { CommonProps } from "../../common";
-export type Position = "left" | "right" | "top" | "bottom";
-export interface DrawerProps extends CommonProps {
-    /**
-     * Specifies whether the drawer is open or not.
-     */
-    open: boolean;
-    /**
-     * The onClose handler for the drawer.
-     */
-    onClose?: () => void;
-    /**
-     * The position of the drawer.
-     */
-    position?: Position;
-    /**
-     * The child node that will be rendered inside the drawer.
-     */
-    children?: React.ReactNode;
-    /**
-     * Whether the drawer needs an overlay or not. Without the overlay, user will have to handle mechanism for closing the drawer.
-     */
-    disableOverlay?: boolean;
-}
-/**
- * The drawer provides a slideover which can be used to provide access to different locations in the application.
- *
- * @param {DrawerProps} props - The props for the Drawer component
- * @returns {JSX.Element} Drawer component
- */
-export declare const Drawer: ({ open, onClose, children, disableOverlay, position, className, dataTestId, }: DrawerProps) => JSX.Element;
+import * as React from "react";
+import { CommonProps } from "../../common";
+export type Position = "left" | "right" | "top" | "bottom";
+export interface DrawerProps extends CommonProps {
+    /**
+     * Specifies whether the drawer is open or not.
+     */
+    open: boolean;
+    /**
+     * The onClose handler for the drawer.
+     */
+    onClose?: () => void;
+    /**
+     * The position of the drawer.
+     */
+    position?: Position;
+    /**
+     * The child node that will be rendered inside the drawer.
+     */
+    children?: React.ReactNode;
+    /**
+     * Whether the drawer needs an overlay or not. Without the overlay, user will have to handle mechanism for closing the drawer.
+     */
+    disableOverlay?: boolean;
+}
+/**
+ * The drawer provides a slideover which can be used to provide access to different locations in the application.
+ *
+ * @param {DrawerProps} props - The props for the Drawer component
+ * @returns {JSX.Element} Drawer component
+ */
+export declare const Drawer: ({ open, onClose, children, disableOverlay, position, className, dataTestId, }: DrawerProps) => JSX.Element;

package/src/components/Drawer/Drawer.variants.d.ts

@@ -1,4 +1,4 @@
-export declare const cvaDrawerOverlay: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
-export declare const cvaDrawerCard: (props?: ({
-    position?: "left" | "right" | "bottom" | "top" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const cvaDrawerOverlay: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+export declare const cvaDrawerCard: (props?: ({
+    position?: "left" | "right" | "bottom" | "top" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;