@trackunit/react-components 0.1.65 → 0.1.67

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

@@ -0,0 +1,56 @@
+/// <reference types="react" />
+import { PopoverProps } from "./PopoverTypes";
+/**
+ * The hook that powers the Popover component.
+ * It should not be used directly, but rather through the Popover component.
+ *
+ * @param {PopoverProps} options The options for the popover
+ * @returns {ReturnType<usePopover>} The data for the popover
+ */
+export declare const usePopover: ({ initialOpen, placement, isModal, isOpen: controlledIsOpen, activation, onOpenStateChange: setControlledIsOpen, ...restOptions }: PopoverProps) => {
+    isModal: boolean | undefined;
+    labelId: string | undefined;
+    descriptionId: string | undefined;
+    setLabelId: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
+    setDescriptionId: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
+    customProps: {
+        className?: string | undefined;
+        dataTestId?: string | undefined;
+    };
+    placement: import("@floating-ui/react").Placement;
+    strategy: import("@floating-ui/react").Strategy;
+    middlewareData: import("@floating-ui/react").MiddlewareData;
+    x: number | null;
+    y: number | null;
+    update: () => void;
+    reference: (node: import("@floating-ui/react").ReferenceType | null) => void;
+    floating: (node: HTMLElement | null) => void;
+    positionReference: (node: import("@floating-ui/react").ReferenceType | null) => void;
+    context: {
+        placement: import("@floating-ui/react").Placement;
+        strategy: import("@floating-ui/react").Strategy;
+        x: number | null;
+        y: number | null;
+        middlewareData: import("@floating-ui/react").MiddlewareData;
+        update: () => void;
+        reference: (node: import("@floating-ui/react").ReferenceType | null) => void;
+        floating: (node: HTMLElement | null) => void;
+        isPositioned: boolean;
+        open: boolean;
+        onOpenChange: (open: boolean) => void;
+        events: import("@floating-ui/react").FloatingEvents;
+        dataRef: import("react").MutableRefObject<import("@floating-ui/react").ContextData>;
+        nodeId: string | undefined;
+        floatingId: string;
+        refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
+        elements: import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
+    };
+    refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
+    elements: import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
+    isPositioned: boolean;
+    getReferenceProps: (userProps?: import("react").HTMLProps<Element> | undefined) => Record<string, unknown>;
+    getFloatingProps: (userProps?: import("react").HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
+    getItemProps: (userProps?: import("react").HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
+    isOpen: boolean;
+    setIsOpen: (open: boolean) => void;
+};

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

@@ -7,6 +7,8 @@ export interface SidebarItemProps extends CommonProps {
      * This is needed as it is used for the intersection observer to determine which items are visible and which are not.
      */
     id: string;
+    /** Optional onClick */
+    onClick?: () => void;
 }
 export type Breakpoints = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl";
 export interface SidebarProps extends CommonProps {

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

@@ -1,12 +0,0 @@
-import * as React from "react";
-import { CommonProps } from "../../common/CommonProps";
-export interface PopoverListProps extends CommonProps {
-    children: React.ReactNode;
-}
-/**
- * The PopoverList component.
- *
- * @param {PopoverListProps} props - The props for the PopoverList component
- * @returns {JSX.Element} PopoverList component
- */
-export declare const PopoverList: ({ className, children, dataTestId }: PopoverListProps) => JSX.Element;

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

@@ -1,30 +0,0 @@
-import * as React from "react";
-import { CommonProps } from "../../common/CommonProps";
-export interface PopoverListItemProps extends CommonProps {
-    selected?: boolean;
-    disabled?: boolean;
-    ariaLabel?: string;
-    /** Optional event handler for logging etc. Important: Please use the Url prop for navigation.  */
-    onClick?: (event: React.MouseEvent<HTMLLIElement, MouseEvent>) => void;
-    /** Navigation Url for this item */
-    url?: string;
-    /**
-     * The prefix to be displayed for the list item.
-     */
-    prefix?: React.ReactNode;
-    /**
-     * The suffix to be displayed for the list item.
-     */
-    suffix?: React.ReactNode;
-    /**
-     * The child nodes.
-     */
-    children: React.ReactNode;
-}
-/**
- * The PopoverListItem component.
- *
- * @param {PopoverListItemProps} props - The props for the PopoverListItem component
- * @returns {JSX.Element} PopoverListItem component
- */
-export declare const PopoverListItem: ({ selected, children, disabled, ariaLabel, url, onClick, prefix, suffix, dataTestId, className, }: PopoverListItemProps) => JSX.Element;