@norges-domstoler/dds-components 0.0.23 → 0.0.24

package/dist/components/Popover/Popover.d.ts

@@ -0,0 +1,33 @@
+import { HTMLAttributes, ReactNode, RefObject } from 'react';
+import { Placement } from '../../hooks';
+import * as CSS from 'csstype';
+export declare type PopoverSizeProps = {
+    width?: CSS.WidthProperty<string>;
+    height?: CSS.HeightProperty<string>;
+    minWidth?: CSS.MinWidthProperty<string>;
+    minHeight?: CSS.MinHeightProperty<string>;
+    maxWidth?: CSS.MaxWidthProperty<string>;
+    maxHeight?: CSS.MaxHeightProperty<string>;
+};
+export declare type PopoverProps = {
+    title?: string | ReactNode;
+    onCloseButtonClick?: () => void;
+    onCloseButtonBlur?: () => void;
+    isOpen?: boolean;
+    withCloseButton?: boolean;
+    anchorElement?: RefObject<HTMLElement>;
+    placement?: Placement;
+    offset?: number;
+    sizeProps?: PopoverSizeProps;
+} & HTMLAttributes<HTMLDivElement>;
+export declare const Popover: import("react").ForwardRefExoticComponent<{
+    title?: string | ReactNode;
+    onCloseButtonClick?: (() => void) | undefined;
+    onCloseButtonBlur?: (() => void) | undefined;
+    isOpen?: boolean | undefined;
+    withCloseButton?: boolean | undefined;
+    anchorElement?: RefObject<HTMLElement> | undefined;
+    placement?: Placement | undefined;
+    offset?: number | undefined;
+    sizeProps?: PopoverSizeProps | undefined;
+} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Popover/Popover.tokens.d.ts

@@ -0,0 +1,15 @@
+import { CSSObject } from 'styled-components';
+export declare const popoverTokens: {
+    wrapper: {
+        base: CSSObject;
+    };
+    button: {
+        base: CSSObject;
+    };
+    title: {
+        base: CSSObject;
+    };
+    content: {
+        spaceTopNoTitle: string;
+    };
+};

package/dist/components/Popover/PopoverGroup.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export declare type PopoverGroupProps = {
+    onCloseButtonClick?: () => void;
+    onTriggerClick?: () => void;
+    isOpen?: boolean;
+    popoverId?: string;
+    children: ReactNode;
+};
+export declare const PopoverGroup: ({ isOpen, onCloseButtonClick, onTriggerClick, children, popoverId }: PopoverGroupProps) => JSX.Element;

package/dist/components/Popover/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Popover';
+export * from './PopoverGroup';

package/dist/hooks/index.d.ts

@@ -0,0 +1,4 @@
+export * from './useCombinedRefs';
+export * from './useOnClickOutside';
+export * from './useOnKeyDown';
+export * from './useReactPopper';

package/dist/hooks/useCombinedRefs.d.ts

@@ -0,0 +1,2 @@
+import type { RefCallback } from 'react';
+export declare function useCombinedRef<T>(...refs: React.Ref<T>[]): RefCallback<T>;

package/dist/hooks/useOnClickOutside.d.ts

@@ -0,0 +1 @@
+export declare function useOnClickOutside(element: HTMLElement | null | (HTMLElement | null)[], handler: (event: MouseEvent | TouchEvent) => void): void;

package/dist/hooks/useOnKeyDown.d.ts

@@ -0,0 +1 @@
+export declare const useOnKeyDown: (key: string | string[], handler: (event: KeyboardEvent) => void) => void;

package/dist/hooks/useReactPopper.d.ts

@@ -0,0 +1,12 @@
+import { CSSProperties } from 'react';
+export declare type Placement = 'auto' | 'auto-start' | 'auto-end' | 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';
+export declare const useReactPopper: (referenceElement: HTMLElement, popperElement: HTMLElement, arrowRef?: string | HTMLElement | undefined, placement?: Placement, offset?: number) => {
+    styles: {
+        [key: string]: CSSProperties;
+    };
+    attributes: {
+        [key: string]: {
+            [key: string]: string;
+        } | undefined;
+    };
+};

package/dist/index.d.ts

@@ -21,3 +21,4 @@ export * from './components/Card';
 export * from './components/InternalHeader';
 export * from './components/Datepicker';
 export * from './components/SkipToContent';
+export * from './components/Popover';