@trackunit/react-components 0.1.117 → 0.1.124

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

@@ -1,32 +1,32 @@
-/// <reference types="react" />
-import { CommonProps } from "../../common/CommonProps";
-export type ColumnWidth = "xs" | "sm" | "md" | "lg" | "xl";
-export type RowHeight = "auto" | "1fr";
-export type Space = "inherit" | "auto" | "none" | "tiny" | "mini" | "small" | "medium" | "large" | "giant" | "enormous";
-export type Occupation = "auto-fill" | "auto-fit";
-interface IntrinsicallyResponsiveGridProps extends CommonProps {
-    /**
-     * The children to be laid out
-     */
-    children: React.ReactNode;
-    /**
-     * Default "auto-fill" stretch a little, till there's room for another column.
-     * Optionally set "auto-fit" to stretch children to fit entire container width,
-     */
-    occupation?: Occupation;
-    minColumnWidth?: ColumnWidth;
-    rowHeight?: RowHeight;
-    /**
-     * The gap size between children
-     */
-    gap?: Space;
-}
-/**
- * A grid container that has a flexible number of columns.
- * Adds more columns if constraints allow it, otherwise wraps to next row
- *
- * @param {IntrinsicallyResponsiveGridProps} props - The props for the IntrinsicallyResponsiveGrid component
- * @returns {JSX.Element} IntrinsicallyResponsiveGrid component
- */
-export declare const IntrinsicallyResponsiveGrid: ({ children, occupation, minColumnWidth, rowHeight, gap, dataTestId, className, }: IntrinsicallyResponsiveGridProps) => JSX.Element;
-export {};
+/// <reference types="react" />
+import { CommonProps } from "../../common/CommonProps";
+export type ColumnWidth = "xs" | "sm" | "md" | "lg" | "xl";
+export type RowHeight = "auto" | "1fr";
+export type Space = "inherit" | "auto" | "none" | "tiny" | "mini" | "small" | "medium" | "large" | "giant" | "enormous";
+export type Occupation = "auto-fill" | "auto-fit";
+interface IntrinsicallyResponsiveGridProps extends CommonProps {
+    /**
+     * The children to be laid out
+     */
+    children: React.ReactNode;
+    /**
+     * Default "auto-fill" stretch a little, till there's room for another column.
+     * Optionally set "auto-fit" to stretch children to fit entire container width,
+     */
+    occupation?: Occupation;
+    minColumnWidth?: ColumnWidth;
+    rowHeight?: RowHeight;
+    /**
+     * The gap size between children
+     */
+    gap?: Space;
+}
+/**
+ * A grid container that has a flexible number of columns.
+ * Adds more columns if constraints allow it, otherwise wraps to next row
+ *
+ * @param {IntrinsicallyResponsiveGridProps} props - The props for the IntrinsicallyResponsiveGrid component
+ * @returns {JSX.Element} IntrinsicallyResponsiveGrid component
+ */
+export declare const IntrinsicallyResponsiveGrid: ({ children, occupation, minColumnWidth, rowHeight, gap, dataTestId, className, }: IntrinsicallyResponsiveGridProps) => JSX.Element;
+export {};

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

@@ -1,28 +1,28 @@
-/// <reference types="react" />
-import { CommonProps } from "../../common";
-interface TitleNavContentLayoutProps extends CommonProps {
-    children: React.ReactNode;
-}
-/**
- * The TitleNavContentLayout.
- * Use the `TitleGridArea`, `NavGridArea` and `ContentGridArea` components to define the layout elements.
- *
- * @param {TitleNavContentLayoutProps} props - The props for the TitleNavContentLayout component
- * @returns {JSX.Element} TitleNavContentLayout component
- */
-export declare const TitleNavContentLayout: ({ children, className }: TitleNavContentLayoutProps) => JSX.Element;
-/**
- * A component to define the title area of the TitleNavContentLayout.
- */
-export declare const TitleGridArea: import("dist/libs/ui/tailwind-styled-components/src/lib/types").TailwindComponent<import("dist/libs/ui/tailwind-styled-components/src/lib/types").TailwindHtmlComponent<"header">, {}>;
-/**
- * A component to define the navigation area of the TitleNavContentLayout.
- * Adds the needed left padding on large screens.
- */
-export declare const NavGridArea: import("dist/libs/ui/tailwind-styled-components/src/lib/types").TailwindComponent<import("dist/libs/ui/tailwind-styled-components/src/lib/types").TailwindHtmlComponent<"aside">, {}>;
-/**
- * A component to define the content area of the TitleNavContentLayout.
- * Adds the needed right padding on large screens.
- */
-export declare const ContentGridArea: import("dist/libs/ui/tailwind-styled-components/src/lib/types").TailwindComponent<import("dist/libs/ui/tailwind-styled-components/src/lib/types").TailwindHtmlComponent<"article">, {}>;
-export {};
+/// <reference types="react" />
+import { CommonProps } from "../../common";
+interface TitleNavContentLayoutProps extends CommonProps {
+    children: React.ReactNode;
+}
+/**
+ * The TitleNavContentLayout.
+ * Use the `TitleGridArea`, `NavGridArea` and `ContentGridArea` components to define the layout elements.
+ *
+ * @param {TitleNavContentLayoutProps} props - The props for the TitleNavContentLayout component
+ * @returns {JSX.Element} TitleNavContentLayout component
+ */
+export declare const TitleNavContentLayout: ({ children, className }: TitleNavContentLayoutProps) => JSX.Element;
+/**
+ * A component to define the title area of the TitleNavContentLayout.
+ */
+export declare const TitleGridArea: import("dist/libs/ui/tailwind-styled-components/src/lib/types").TailwindComponent<import("dist/libs/ui/tailwind-styled-components/src/lib/types").TailwindHtmlComponent<"header">, {}>;
+/**
+ * A component to define the navigation area of the TitleNavContentLayout.
+ * Adds the needed left padding on large screens.
+ */
+export declare const NavGridArea: import("dist/libs/ui/tailwind-styled-components/src/lib/types").TailwindComponent<import("dist/libs/ui/tailwind-styled-components/src/lib/types").TailwindHtmlComponent<"aside">, {}>;
+/**
+ * A component to define the content area of the TitleNavContentLayout.
+ * Adds the needed right padding on large screens.
+ */
+export declare const ContentGridArea: import("dist/libs/ui/tailwind-styled-components/src/lib/types").TailwindComponent<import("dist/libs/ui/tailwind-styled-components/src/lib/types").TailwindHtmlComponent<"article">, {}>;
+export {};

package/src/test-utils/hooks.d.ts

@@ -1,4 +1,4 @@
-import { RenderHookOptions } from "@testing-library/react";
-declare const customRenderHook: <T, K>(callback: (props: T) => K, options?: RenderHookOptions<T, typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement> | undefined) => import("@testing-library/react").RenderHookResult<K, T>;
-export * from "@testing-library/react";
-export { customRenderHook as renderHook };
+import { RenderHookOptions } from "@testing-library/react";
+declare const customRenderHook: <T, K>(callback: (props: T) => K, options?: RenderHookOptions<T, typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement> | undefined) => import("@testing-library/react").RenderHookResult<K, T>;
+export * from "@testing-library/react";
+export { customRenderHook as renderHook };

package/src/test-utils/test-utils.d.ts

@@ -1,5 +1,5 @@
-import { RenderOptions } from "@testing-library/react";
-import * as React from "react";
-declare const customRender: (ui: React.ReactElement, options?: Omit<RenderOptions, "queries">) => import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>;
-export * from "@testing-library/react";
-export { customRender as render };
+import { RenderOptions } from "@testing-library/react";
+import * as React from "react";
+declare const customRender: (ui: React.ReactElement, options?: Omit<RenderOptions, "queries">) => import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>;
+export * from "@testing-library/react";
+export { customRender as render };

package/src/hooks/useLocalStorage.d.ts

@@ -1,9 +0,0 @@
-import { Dispatch, SetStateAction } from "react";
-/**
- * The useLocalStorage hook works like useState, but saves to localstorage.
- *
- * @param {string} key - The key the values is saved under.
- * @param {string | null | undefined} initialValue - The initial value for the state/local storage item
- * @returns {string | null | undefined} value
- */
-export declare const useLocalStorage: <TValue = string | null | undefined>(key: string, initialValue?: TValue | undefined) => [TValue | null, Dispatch<SetStateAction<TValue | null>>, () => void];

package/src/hooks/useLocalStorageReducer.d.ts

@@ -1,7 +0,0 @@
-import { Dispatch } from "react";
-/**
- * Wraps a normal useReducer with local storage functionality
- *
- * @param {string} key - The key the state is saved with in local storage.
- */
-export declare const useLocalStorageReducer: <State, Action>(key: string, reducer: (state: State, action: Action) => State, initialState: State) => [State, Dispatch<Action>];