@trackunit/react-components 0.1.17 → 0.1.18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-components",
-  "version": "0.1.17",
+  "version": "0.1.18",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "dependencies": {
@@ -9,7 +9,7 @@
     "@trackunit/tailwind-styled-components": "0.0.51",
     "react": "18.2.0",
     "@trackunit/ui-design-tokens": "0.0.53",
-    "@trackunit/react-core-contexts-test": "0.1.16",
+    "@trackunit/react-core-contexts-test": "0.1.17",
     "echarts-for-react": "3.0.2",
     "echarts": "5.4.0",
     "uuid": "8.3.2",

package/src/common/CommonProps.d.ts

@@ -8,5 +8,5 @@ export interface CommonProps {
      */
     dataTestId?: string;
 }
-export declare type Density = "none" | "compact" | "comfortable" | "spacious" | "auto";
-export declare type Size = "small" | "medium" | "large";
+export type Density = "none" | "compact" | "comfortable" | "spacious" | "auto";
+export type Size = "small" | "medium" | "large";

package/src/components/ActionButton/ActionButton.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { CommonProps } from "../../common";
-declare type ActionType = "PHONE_NUMBER" | "WEB_ADDRESS" | "EMAIL";
-declare type FieldSize = "small" | "medium";
+type ActionType = "PHONE_NUMBER" | "WEB_ADDRESS" | "EMAIL";
+type FieldSize = "small" | "medium";
 interface ActionButtonProps extends CommonProps {
     /**
      * The type of action performed when clicking the button.

package/src/components/Alert/Alert.d.ts

@@ -1,8 +1,8 @@
 import { IntentColors } from "@trackunit/ui-design-tokens";
 import * as React from "react";
 import { CommonProps } from "../../common/CommonProps";
-export declare type AlertActionType = "primary" | "secondary";
-export declare type AlertAction = {
+export type AlertActionType = "primary" | "secondary";
+export type AlertAction = {
     label: string;
     onClick: () => void;
     loading?: boolean;

package/src/components/Badge/Badge.d.ts

@@ -31,7 +31,7 @@ interface BaseBadgeProps extends CommonProps {
      */
     hideZero?: boolean;
 }
-export declare type BadgeProps = BaseBadgeProps;
+export type BadgeProps = BaseBadgeProps;
 /**
  * The Badge component is used to display a notification badge with an optional number value.
  *

package/src/components/BaseInput/BaseInput.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { CommonProps } from "../../common";
-declare type FilteredInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "prefix" | "suffix">;
-declare type FieldSize = "small" | "medium";
+type FilteredInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "prefix" | "suffix">;
+type FieldSize = "small" | "medium";
 export interface BaseInputProps extends FilteredInputProps, CommonProps {
     /**
      * A React element to render before the text in the input.

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

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { CommonProps } from "../../common/CommonProps";
 export declare const ROLE_CARD = "region";
-declare type Overflow = "visible" | "hidden" | "scroll" | "auto";
+type Overflow = "visible" | "hidden" | "scroll" | "auto";
 export interface CardProps extends CommonProps, React.InputHTMLAttributes<HTMLDivElement> {
     /**
      * Whether the card should have full height or not.

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

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { CommonProps, Density } from "../../common/CommonProps";
-declare type Overflow = "visible" | "hidden" | "scroll" | "auto" | "inherit";
+type Overflow = "visible" | "hidden" | "scroll" | "auto" | "inherit";
 export interface CardBodyProps extends CommonProps {
     /**
      * Tells the body how to handle overflowing elements.

package/src/components/DateField/DateField.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { DateInputProps } from "../DateInput/DateInput";
 import { FormGroupProps } from "../FormGroup/FormGroup";
-declare type FormGroupExposedProps = Pick<FormGroupProps, "label" | "tip" | "helpText" | "helpAddon">;
+type FormGroupExposedProps = Pick<FormGroupProps, "label" | "tip" | "helpText" | "helpAddon">;
 export interface DateFieldProps extends DateInputProps, FormGroupExposedProps {
     /**
      * If a value is set, the field is rendered in its invalid state.

package/src/components/DateInput/DateInput.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { BaseInputProps } from "../BaseInput";
-declare type BaseInputExposedProps = Omit<BaseInputProps, "defaultValue" | "min" | "max" | "value">;
+type BaseInputExposedProps = Omit<BaseInputProps, "defaultValue" | "min" | "max" | "value">;
 export interface DateInputProps extends BaseInputExposedProps {
     /**
      * A min value with type Date added

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { DateRange, Matcher } from "react-day-picker";
 import { CommonProps } from "../../common/CommonProps";
-export declare type IDateRange = DateRange;
+export type IDateRange = DateRange;
 export interface DayRangePickerProps extends CommonProps {
     /**
      * A callback function for when a range is selected

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

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { CommonProps } from "../../common";
-export declare type Position = "left" | "right" | "top" | "bottom";
+export type Position = "left" | "right" | "top" | "bottom";
 export interface DrawerProps extends CommonProps {
     /**
      * Specifies whether the drawer is open or not.

package/src/components/Heading/Heading.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { CommonProps } from "../../common/CommonProps";
-export declare type HeadingVariant = "primary" | "secondary" | "tertiary" | "subtitle";
+export type HeadingVariant = "primary" | "secondary" | "tertiary" | "subtitle";
 export interface HeadingProps extends CommonProps {
     /**
      * Child Nodes.

package/src/components/Menu/MoreMenu/MoreMenu.d.ts

@@ -3,10 +3,10 @@ import { CommonProps } from "../../../common/CommonProps";
 import { IconButtonProps } from "../../buttons";
 import { IconProps } from "../../Icon/Icon";
 import { PopoverPlacement } from "../../Popover";
-export declare type DotsDirection = "horizontal" | "vertical";
-export declare type MenuPlacement = "above" | "below";
-declare type FilteredIconProps = Omit<IconProps, "name">;
-declare type FilteredIconButtonProps = Omit<IconButtonProps, "icon" | "onClick">;
+export type DotsDirection = "horizontal" | "vertical";
+export type MenuPlacement = "above" | "below";
+type FilteredIconProps = Omit<IconProps, "name">;
+type FilteredIconButtonProps = Omit<IconButtonProps, "icon" | "onClick">;
 export interface MoreMenuProps extends CommonProps {
     children: JSX.Element;
     dotsDirection?: DotsDirection;

package/src/components/Modal/Modal.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { CommonProps } from "../../common/CommonProps";
-declare type ModalWidth = "slim" | "narrow" | "normal" | "wide" | "full";
+type ModalWidth = "slim" | "narrow" | "normal" | "wide" | "full";
 export interface ModalProps extends CommonProps {
     /**
      * Whether modal is open or not.

package/src/components/NumberField/NumberField.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { FormGroupProps } from "../FormGroup/FormGroup";
 import { NumberInputProps } from "../NumberInput/NumberInput";
-declare type FormGroupExposedProps = Pick<FormGroupProps, "label" | "tip" | "helpText" | "helpAddon">;
+type FormGroupExposedProps = Pick<FormGroupProps, "label" | "tip" | "helpText" | "helpAddon">;
 export interface NumberFieldProps extends NumberInputProps, FormGroupExposedProps {
     /**
      * If a value is set, the field is rendered in its invalid state.

package/src/components/NumberInput/NumberInput.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { BaseInputProps } from "../BaseInput";
-declare type BaseInputExposedProps = Omit<BaseInputProps, "type">;
+type BaseInputExposedProps = Omit<BaseInputProps, "type">;
 export interface NumberInputProps extends BaseInputExposedProps {
 }
 /**

package/src/components/PieChart/PieChart.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { CommonProps } from "../../common/CommonProps";
-declare type Size = "compact" | "full";
+type Size = "compact" | "full";
 export interface ChartData<T extends object = object> {
     /**
      * Unique ID for this entry. Not visibile for the user

package/src/components/Popover/Popover.d.ts

@@ -1,11 +1,11 @@
 import { Placement } from "@floating-ui/react";
 import { ReactElement } from "react";
 import { CommonProps } from "../../common";
-declare type Render = (data: {
+type Render = (data: {
     close: () => void;
 }) => ReactElement;
-export declare type PopoverPlacement = Placement;
-export declare type PopoverActivation = {
+export type PopoverPlacement = Placement;
+export type PopoverActivation = {
     click?: boolean;
     hover?: boolean;
 };

package/src/components/Select/CreatableSelect.d.ts

@@ -27,7 +27,7 @@ interface CreateableSelectProps<Option, IsAsync extends boolean = false, IsMulti
      */
     size?: SelectSize;
 }
-export declare type SelectSize = "small" | "default";
+export type SelectSize = "small" | "default";
 /**
  * The CreatableSelect component.
  *

package/src/components/Select/TagWithWidth.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { TagProps } from "../Tag";
-declare type TagsPropsNoRef = Omit<TagProps, "ref">;
+type TagsPropsNoRef = Omit<TagProps, "ref">;
 interface TagWithWidthProps extends TagsPropsNoRef {
     onWidthKnown?: ({ width }: {
         width: number;

package/src/components/Sidebar/Sidebar.d.ts

@@ -8,7 +8,7 @@ export interface SidebarItemProps extends CommonProps {
      */
     id: string;
 }
-export declare type Breakpoints = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl";
+export type Breakpoints = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl";
 export interface SidebarProps extends CommonProps {
     /**
      * The breakpoint at which the menu will go from Horizontal to vertical stacked

package/src/components/Sidebar/useOverflowItems.d.ts

@@ -23,7 +23,7 @@ export interface OverflowItemsOptions {
      */
     childUniqueIdentifierAttribute?: keyof HTMLAttributes<HTMLElement> | `data-${string}`;
 }
-export declare type OverflowMap = {
+export type OverflowMap = {
     [key: string]: boolean;
 };
 /**

package/src/components/Tag/Tag.d.ts

@@ -1,7 +1,7 @@
 import { ThemeColors } from "@trackunit/ui-design-tokens";
 import * as React from "react";
 import { CommonProps } from "../../common/CommonProps";
-export declare type TagSize = "small" | "medium";
+export type TagSize = "small" | "medium";
 export interface TagProps extends CommonProps {
     /**
      * The color of the tag.

package/src/components/Text/Text.d.ts

@@ -1,8 +1,8 @@
 import * as React from "react";
 import { CommonProps, Size } from "../../common/CommonProps";
-export declare type TextType = "p" | "span" | "div";
-export declare type TextAlign = "left" | "center" | "right";
-export declare type TextWeight = "normal" | "thick" | "bold";
+export type TextType = "p" | "span" | "div";
+export type TextAlign = "left" | "center" | "right";
+export type TextWeight = "normal" | "thick" | "bold";
 export interface TextProps extends CommonProps {
     /**
      * Child nodes.

package/src/components/TextArea/TextArea.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { CommonProps } from "../../common";
-export declare type TextAreaResize = "none" | "vertical" | "horizontal" | "both";
-declare type FilteredInputProps = Omit<React.InputHTMLAttributes<HTMLTextAreaElement>, "prefix" | "suffix">;
+export type TextAreaResize = "none" | "vertical" | "horizontal" | "both";
+type FilteredInputProps = Omit<React.InputHTMLAttributes<HTMLTextAreaElement>, "prefix" | "suffix">;
 export interface TextAreaProps extends FilteredInputProps, CommonProps {
     /**
      * Number of rows in the text area.

package/src/components/TextAreaField/TextAreaField.d.ts

@@ -2,7 +2,7 @@ import * as React from "react";
 import { CommonProps } from "../../common";
 import { FormGroupProps } from "../FormGroup/FormGroup";
 import { TextAreaProps } from "../TextArea/TextArea";
-declare type FormGroupExposedProps = Pick<FormGroupProps, "label" | "tip" | "helpText" | "helpAddon">;
+type FormGroupExposedProps = Pick<FormGroupProps, "label" | "tip" | "helpText" | "helpAddon">;
 export interface TextAreaFieldProps extends TextAreaProps, FormGroupExposedProps, CommonProps {
     /**
      * Set the Maximal length of the value for the input.

package/src/components/TextField/TextField.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { FormGroupProps } from "../FormGroup/FormGroup";
 import { TextInputProps } from "../TextInput/TextInput";
-declare type FormGroupExposedProps = Pick<FormGroupProps, "label" | "tip" | "helpText" | "helpAddon">;
+type FormGroupExposedProps = Pick<FormGroupProps, "label" | "tip" | "helpText" | "helpAddon">;
 export interface TextFieldProps extends TextInputProps, FormGroupExposedProps {
     /**
      * Set the Maximal length of the value for the input.

package/src/components/TextInput/TextInput.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { BaseInputProps } from "../BaseInput/BaseInput";
-declare type BaseInputExposedProps = Omit<BaseInputProps, "type">;
+type BaseInputExposedProps = Omit<BaseInputProps, "type">;
 export interface TextInputProps extends BaseInputExposedProps {
 }
 /**

package/src/components/Toggle/Toggle.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { CommonProps } from "../../common/CommonProps";
 import "./Toggle.css";
-export declare type ToggleSize = "small" | "medium";
+export type ToggleSize = "small" | "medium";
 export interface ToggleProps extends CommonProps {
     /**
      * ID of the toggle.

package/src/components/buttons/shared/ButtonProps.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import { GeneralColors, IntentColors } from "@trackunit/ui-design-tokens";
 import { CommonProps, Size } from "../../../common/CommonProps";
-export declare type ButtonVariant = "filled" | "transparent";
-export declare type ButtonColor = Extract<GeneralColors, "primary" | "secondary"> | Extract<IntentColors, "info" | "warning" | "danger"> | "tertiary";
-export declare type ButtonType = "button" | "submit";
+export type ButtonVariant = "filled" | "transparent";
+export type ButtonColor = Extract<GeneralColors, "primary" | "secondary"> | Extract<IntentColors, "info" | "warning" | "danger"> | "tertiary";
+export type ButtonType = "button" | "submit";
 export interface ButtonCommonProps extends CommonProps {
     onClick?: (event: React.MouseEvent<HTMLElement>) => void;
     /**

package/src/layout/responsive/FullWidthRepeatingLayout.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare type RowSizing = "Equal" | "MinContent" | "Unmanaged";
+type RowSizing = "Equal" | "MinContent" | "Unmanaged";
 interface FullWidthRepeatingLayoutProps {
     children: React.ReactNode;
     rowSizing?: RowSizing;

package/src/layout/responsive/IntrinsicallyResponsiveGrid.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { CommonProps } from "../../common/CommonProps";
-declare type ColumnWidth = "xs" | "sm" | "md" | "lg" | "xl";
-declare type Space = "inherit" | "auto" | "none" | "tiny" | "mini" | "small" | "medium" | "large" | "giant" | "enormous";
-declare type Occupation = "auto-fill" | "auto-fit";
+type ColumnWidth = "xs" | "sm" | "md" | "lg" | "xl";
+type Space = "inherit" | "auto" | "none" | "tiny" | "mini" | "small" | "medium" | "large" | "giant" | "enormous";
+type Occupation = "auto-fill" | "auto-fit";
 interface IntrinsicallyResponsiveGridProps extends CommonProps {
     /**
      * The children to be laid out