grep-components 1.16.0-grepf-1693.2 → 1.16.0

package/dist/assets/index.d.ts

@@ -0,0 +1,2 @@
+import UdirLogo from './utdanningsdirektoratet-logo-rgb-neg.png';
+export { UdirLogo };

package/dist/components/AppBar/AppBar.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { IAuthorizedPage, UserMenuItem, v0colors } from './types';
+declare type AppBarProps = {
+    isProd: boolean;
+    username: string;
+    currentPath: string;
+    appTitle: string;
+    userMenuItems: UserMenuItem[];
+    menuItems: IAuthorizedPage[];
+    userRole?: string;
+    colors: v0colors;
+};
+declare const AppBar: React.FunctionComponent<AppBarProps>;
+export default AppBar;

package/dist/components/AppBar/MainAppStyles.d.ts

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+import { Theme, MUIStyledCommonProps } from '@mui/system';
+import { v0colors } from './types';
+export declare const dimensions: {
+    breadcrumbsFontSize: number;
+    contentWidth: number;
+    footerHeight: number;
+    inputBoxHeight: number;
+    toolbarHeight: number;
+    toolbarHeightMobile: number;
+    toolbarWidth: number;
+    toolbarMenuWidth: number;
+    toolbarMenuHeight: number;
+};
+export declare const ToolbarTitle: import("@emotion/styled").StyledComponent<import("react-router-dom").NavLinkProps<unknown> & import("react").RefAttributes<HTMLAnchorElement> & MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const EnvironmentTitle: import("@emotion/styled").StyledComponent<MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Toolbar: import("@emotion/styled").StyledComponent<MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ToolbarFixer: import("@emotion/styled").StyledComponent<MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ToolbarInner: import("@emotion/styled").StyledComponent<MUIStyledCommonProps<import("@mui/material").Theme> & {
+    colors: v0colors;
+} & MUIStyledCommonProps<Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ToolbarLeft: import("@emotion/styled").StyledComponent<MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ToolbarRight: import("@emotion/styled").StyledComponent<MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const UserContainer: import("@emotion/styled").StyledComponent<MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const AccountName: import("@emotion/styled").StyledComponent<MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const ToolbarMenu: import("@emotion/styled").StyledComponent<MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const MobileToolbarMenu: import("@emotion/styled").StyledComponent<MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ToolbarMenuInner: import("@emotion/styled").StyledComponent<MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ToolbarMenuItem: import("@emotion/styled").StyledComponent<import("react-router-dom").NavLinkProps<unknown> & import("react").RefAttributes<HTMLAnchorElement> & MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const MobileToolbarMenuItem: import("@emotion/styled").StyledComponent<import("react-router-dom").NavLinkProps<unknown> & import("react").RefAttributes<HTMLAnchorElement> & MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/components/AppBar/MobileAppBar.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { IAuthorizedPage, UserMenuItem, v0colors } from './types';
+declare type Props = {
+    userMenuItems: UserMenuItem[];
+    menuItems: IAuthorizedPage[];
+    colors: v0colors;
+};
+declare const MobileAppBar: React.FunctionComponent<Props>;
+export default MobileAppBar;

package/dist/components/AppBar/stories/AppBarStory.stories.d.ts

@@ -0,0 +1,15 @@
+export declare const v0colors: {
+    primary: string;
+    secondary: string;
+    body: string;
+    headerBackgroundColor: string;
+    borderColor: string;
+    primaryFade: string;
+    greyText: string;
+    placeholderText: string;
+    textColor: string;
+    textColorFade: string;
+    textColorMoreFade: string;
+    white: string;
+    lightGrey: string;
+};

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

@@ -0,0 +1,32 @@
+export declare type UserMenuItem = {
+    id: string;
+    label: string;
+    action?: () => void;
+    isAnchor?: boolean;
+    href?: string;
+};
+export interface IAuthorizedPage {
+    name: string;
+    translatedTextRef?: string;
+    accessTextRef?: string;
+    redirectUrl?: string;
+    path: string;
+    exact?: boolean;
+    link?: boolean;
+    accessLink?: boolean;
+}
+export declare type v0colors = {
+    body: string;
+    headerBackgroundColor: string;
+    borderColor: string;
+    primaryFade: string;
+    greyText: string;
+    placeholderText: string;
+    textColor: string;
+    textColorFade: string;
+    textColorMoreFade: string;
+    white: string;
+    lightGrey: string;
+    primary: string;
+    secondary: string;
+};

package/dist/components/AppBarNavList/stories/AppBarNavList.stories.d.ts

@@ -3,4 +3,6 @@ export declare const navbarPages: {
     label: string;
     onClick: (url: string) => void;
     toUrl: string;
+    name: string;
+    path: string;
 }[];

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

@@ -6,6 +6,9 @@ export interface FooterItem {
 }
 interface FooterProps {
     items: FooterItem[];
+    serviceNameText: string;
+    udirLink: string;
+    udirLogo: string;
 }
 declare const _default: React.ComponentType<FooterProps>;
 export default _default;

package/dist/components/Footer/styles/index.d.ts

@@ -4,7 +4,7 @@ export declare const useFooterStyles: (params: void, styleOverrides?: {
     } & Record<string, unknown>;
     ownerState?: Record<string, unknown> | undefined;
 } | undefined) => {
-    classes: Record<"footer" | "list" | "item" | "itemText" | "itemBtn", string>;
+    classes: Record<"footer" | "content" | "serviceNameText" | "list" | "item" | "itemText" | "itemBtn", string>;
     theme: import("@mui/material").Theme;
     css: import("tss-react").Css;
     cx: import("tss-react").Cx;

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

@@ -4,7 +4,7 @@ import { DatePickerProps } from '@mui/x-date-pickers';
 import { TextFieldProps } from '@mui/material';
 import '../../utils/dateHelper';
 import { ParseableDate } from '../../utils/dateHelper';
-declare type InputProps = Pick<TextFieldProps, 'id' | 'variant' | 'label' | 'fullWidth' | 'placeholder' | 'helperText' | 'required' | 'onFocus' | 'margin' | 'sx'>;
+declare type InputProps = Pick<TextFieldProps, 'id' | 'variant' | 'label' | 'fullWidth' | 'placeholder' | 'helperText' | 'required' | 'onFocus'>;
 export interface GrepDatePickerProps extends Omit<DatePickerProps<Dayjs, Dayjs>, 'value' | 'renderInput'>, InputProps {
     value?: ParseableDate | null;
     errorMessage?: string;

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

@@ -2,7 +2,7 @@ import React from 'react';
 import { GridSpacing } from '@mui/material';
 import { DateRangeValue } from '../../utils/dateHelper';
 import { GrepDatePickerProps } from '../GrepDatePicker';
-declare type CommonProperties = Pick<GrepDatePickerProps, 'variant' | 'margin' | 'sx'>;
+declare type CommonProperties = Pick<GrepDatePickerProps, 'variant'>;
 interface Props extends CommonProperties {
     from: Omit<GrepDatePickerProps, 'onChange'>;
     to: Omit<GrepDatePickerProps, 'onChange'>;

package/dist/components/index.d.ts

@@ -1,4 +1,4 @@
-export * from './AppBar';
+export * from './AppBar/AppBar';
 export * from './AppBarProfile';
 export * from './AppBarNavList';
 export * from './BodyLayout';
@@ -28,7 +28,7 @@ export * from './GrepEditor';
 export * from './ConfirmationDialog';
 export * from './GrepDialog';
 export * from './ToC';
-export { default as AppBar } from './AppBar';
+export { default as AppBar } from './AppBar/AppBar';
 export { default as AppBarProfile } from './AppBarProfile';
 export { default as AppBarNavList } from './AppBarNavList';
 export { default as BodyLayout } from './BodyLayout';

package/dist/index.d.ts

@@ -1,6 +1,5 @@
 import * as Utils from './utils';
 export { default as Colors } from './styling/Colors';
-export { default as AppBar } from './components/AppBar';
 export { default as AppBarProfile } from './components/AppBarProfile';
 export { default as AppBarNavList } from './components/AppBarNavList';
 export { default as BodyLayout } from './components/BodyLayout';
@@ -28,8 +27,10 @@ export { default as Sidebar } from './components/Sidebar';
 export { default as ServiceMessage } from './components/ServiceMessage';
 export { default as SortableTable } from './components/SortableTable';
 export { default as GrepEditor } from './components/GrepEditor';
+export { default as AppBar } from './components/AppBar/AppBar';
 export { ParseableDate } from './utils/dateHelper';
 export { Utils };
 export * from './components';
 export * from './hooks';
 export * from './styling';
+export * from './assets';