@norges-domstoler/dds-components 0.0.19 → 0.0.20

package/README.md

@@ -40,11 +40,14 @@ Tilgjengelige komponenter:
 
 - Breadcrumbs
 - Button
+- Card (inkludert CardAccordion)
 - Checkbox
+- Datepicker
 - DescriptionList
 - Divider
 - GlobalMessage
 - IconWrapper
+- InternaHeader
 - List
 - LocalMessage
 - Pagination

package/dist/components/InternalHeader/InternalHeader.d.ts

@@ -0,0 +1,2 @@
+import { InternalHeaderProps } from './InternalHeader.types';
+export declare const InternalHeader: ({ applicationName, smallScreen, navigationElements, contextMenuElements, currentPageHref, userProps, onCurrentPageChange, ...rest }: InternalHeaderProps) => JSX.Element;

package/dist/components/InternalHeader/InternalHeader.styles.d.ts

@@ -0,0 +1,28 @@
+import { InternalHeaderProps } from './InternalHeader.types';
+import { IconWrapper } from '../../helpers/IconWrapper';
+export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const BannerWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const BannerLeftWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ApplicationNameWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const LovisaWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Navigation: import("styled-components").StyledComponent<"nav", any, {}, never>;
+declare type NavListProps = Pick<InternalHeaderProps, 'smallScreen'>;
+export declare const NavigationList: import("styled-components").StyledComponent<"ul", any, NavListProps, never>;
+export declare const NavigationListItem: import("styled-components").StyledComponent<"li", any, {}, never>;
+declare type StyledNavigationListProps = {
+    isCurrent?: boolean;
+};
+export declare const NavigationLink: import("styled-components").StyledComponent<"a", any, StyledNavigationListProps, never>;
+declare type ContextMenuWrapperProps = {
+    closed?: boolean;
+};
+export declare const ContextMenuWrapper: import("styled-components").StyledComponent<"div", any, ContextMenuWrapperProps, never>;
+export declare const ContextMenuList: import("styled-components").StyledComponent<"ul", any, {}, never>;
+export declare const ContextMenuListItem: import("styled-components").StyledComponent<"li", any, {}, never>;
+export declare const ContextMenuElement: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const ContextMenuLink: import("styled-components").StyledComponent<"a", any, {}, never>;
+export declare const StyledDivider: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
+    color?: import("../Divider").DividerColor | undefined;
+} & import("react").HTMLAttributes<HTMLHRElement> & import("react").RefAttributes<HTMLHRElement>>, any, {}, never>;
+export declare const StyledIconWrapper: import("styled-components").StyledComponent<typeof IconWrapper, any, {}, never>;
+export {};

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

@@ -0,0 +1,58 @@
+import { CSSObject } from 'styled-components';
+export declare const internalHeaderTokens: {
+    wrapper: {
+        base: CSSObject;
+    };
+    applicationNameWrapper: {
+        base: CSSObject;
+    };
+    lovisaWrapper: {
+        base: CSSObject;
+    };
+    banner: {
+        base: CSSObject;
+    };
+    bannerLeft: {
+        base: CSSObject;
+    };
+    navigation: {
+        base: CSSObject;
+    };
+    navigationLink: {
+        base: CSSObject;
+        hover: {
+            base: CSSObject;
+        };
+        active: {
+            base: CSSObject;
+        };
+        focus: {
+            base: CSSObject;
+        };
+        current: {
+            base: CSSObject;
+        };
+    };
+    contextMenu: {
+        base: CSSObject;
+        spaceFromButtonTop: string;
+    };
+    contextMenuLink: {
+        base: CSSObject;
+        hover: {
+            base: CSSObject;
+        };
+        active: {
+            base: CSSObject;
+        };
+        focus: {
+            base: CSSObject;
+        };
+    };
+    contextMenuDivider: {
+        base: CSSObject;
+    };
+    icon: {
+        base: CSSObject;
+    };
+};

package/dist/components/InternalHeader/InternalHeader.types.d.ts

@@ -0,0 +1,26 @@
+import { OverridableComponent } from '@material-ui/core/OverridableComponent';
+import { SvgIconTypeMap } from '@material-ui/core/SvgIcon';
+import { AnchorHTMLAttributes, ButtonHTMLAttributes, HTMLAttributes } from 'react';
+export declare type NavigationLinkProps = {
+    href: string;
+    title: string;
+} & HTMLAttributes<HTMLAnchorElement>;
+export declare type ContextMenuElementProps = {
+    title: string;
+    href?: string;
+    Icon?: OverridableComponent<SvgIconTypeMap<Record<string, unknown>, 'svg'>>;
+    onClick?: () => void;
+} & (AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>);
+export declare type InternaHeaderUserProps = {
+    name: string;
+    href?: string;
+};
+export declare type InternalHeaderProps = {
+    applicationName?: string;
+    smallScreen?: boolean;
+    userProps?: InternaHeaderUserProps;
+    navigationElements?: NavigationLinkProps[];
+    contextMenuElements?: ContextMenuElementProps[];
+    currentPageHref?: string;
+    onCurrentPageChange?: () => void;
+} & HTMLAttributes<HTMLDivElement>;

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

@@ -0,0 +1,2 @@
+export * from './InternalHeader';
+export * from './InternalHeader.types';

package/dist/components/Table/SortCell.d.ts

@@ -1,10 +1,13 @@
+import { MouseEvent } from 'react';
 import { TableCellProps } from './Cell';
 export declare type SortOrder = 'ascending' | 'descending' | 'none';
 export declare type SortCellProps = {
     isSorted?: boolean;
     sortOrder?: SortOrder;
+    onClick: (event: MouseEvent<HTMLButtonElement>) => void;
 } & Omit<TableCellProps, 'type'>;
 export declare const SortCell: import("react").ForwardRefExoticComponent<{
     isSorted?: boolean | undefined;
     sortOrder?: SortOrder | undefined;
+    onClick: (event: MouseEvent<HTMLButtonElement>) => void;
 } & Omit<TableCellProps, "type"> & import("react").RefAttributes<HTMLTableHeaderCellElement>>;

package/dist/helpers/inputFieldStylingBase.d.ts

@@ -0,0 +1 @@
+export declare const inputFieldStylingBase: () => import("styled-components").FlattenSimpleInterpolation;

package/dist/index.d.ts

@@ -18,4 +18,5 @@ export * from './components/List';
 export * from './components/DescriptionList';
 export * from './components/Spinner';
 export * from './components/Card';
+export * from './components/InternalHeader';
 export * from './components/Datepicker';