@kystverket/styrbord 1.2.9 → 1.3.0

package/dist/src/components/kystverket/FileUploader/FileUploader.d.ts

@@ -12,5 +12,15 @@ export interface FileUploaderProps {
     allowedFileTypes?: string[];
     required?: boolean | string;
     optional?: boolean | string;
+    existingFilesConfig?: {
+        files: FileInfo[];
+        translations?: {
+            buttonOpen?: string;
+            dialogTitle?: string;
+            dialogCancel?: string;
+            dialogConfirm?: string;
+            noFilesAvailable?: string;
+        };
+    };
 }
-export declare const FileUploader: ({ label, required, optional, buttonLabel, description, error, multiple, files, maxFiles, onChange, allowedFileTypes, }: FileUploaderProps) => React.JSX.Element;
+export declare const FileUploader: ({ label, required, optional, buttonLabel, description, error, multiple, files, maxFiles, onChange, allowedFileTypes, existingFilesConfig, }: FileUploaderProps) => React.JSX.Element;

package/dist/src/components/kystverket/FileUploader/FileUploader.stories.d.ts

@@ -15,3 +15,4 @@ export declare const OptionalText: Story;
 export declare const Required: Story;
 export declare const RequiredText: Story;
 export declare const WithError: Story;
+export declare const WithExistingFiles: Story;

package/dist/src/components/kystverket/FileUploader/FileUploader.types.d.ts

@@ -4,6 +4,7 @@ export type FileInfo = {
     fileName: string;
     storageId?: string;
     contentType: string;
+    thumbnailUri?: string;
     status: FileStatus;
     exif?: Exif;
     error?: string;

package/dist/src/components/kystverket/Footer/Footer.d.ts

@@ -1,16 +1,14 @@
-import { SupportedLanguage } from '~/utils/types';
 import { ReactNode } from 'react';
 interface LinkToSite {
     text: string;
     url: string;
 }
 export type FooterProps = {
-    language: SupportedLanguage;
     additionalLogo?: ReactNode;
     text?: string;
     copyright?: string;
     contacts?: LinkToSite[];
     links?: LinkToSite[] | LinkToSite[][];
 };
-export declare function Footer({ language, additionalLogo, text, copyright, contacts, links, }: FooterProps): React.JSX.Element;
+export declare function Footer({ additionalLogo, text, copyright, contacts, links, }: FooterProps): React.JSX.Element;
 export {};

package/dist/src/components/kystverket/Header/Header.d.ts

@@ -1,4 +1,4 @@
-import { LogoVariant, SupportedLanguage } from '~/main';
+import { LogoVariant } from '~/main';
 import { ReactNode } from 'react';
 import { IconId } from '../Icon/icon.types';
 export type HeaderLinkComponentProps = {
@@ -13,10 +13,6 @@ export interface HeaderProps {
      * @default undefined
      */
     children?: ReactNode;
-    /**
-     * Spesifiserer språk for headeren.
-     */
-    language: SupportedLanguage;
     /**
      * Spesifiserer logovarianten som brukes (standard: Kystverket) med en eventuell ekstra undertittel og navigeringslenke ved klikk
      */
@@ -91,4 +87,4 @@ export interface HeaderProps {
     };
     linkComponent?: React.FC<HeaderLinkComponentProps>;
 }
-export declare function Header({ children, language, logo: { title, variant, url }, links, profile, linkComponent: LinkComponent, }: HeaderProps): React.JSX.Element;
+export declare function Header({ children, logo: { title, variant, url }, links, profile, linkComponent: LinkComponent, }: HeaderProps): React.JSX.Element;

package/dist/src/components/kystverket/Header/Header.stories.d.ts

@@ -1,6 +1,5 @@
 import type { StoryObj } from '@storybook/react';
 import { Header } from './Header';
-import { SupportedLanguage } from '~/main';
 declare const meta: {
     title: string;
     component: typeof Header;
@@ -12,12 +11,6 @@ declare const meta: {
                 type: "object";
             };
         };
-        language: {
-            control: {
-                type: "select";
-                options: SupportedLanguage[];
-            };
-        };
         logo: {
             control: {
                 type: "object";

package/dist/src/components/kystverket/StyrbordTranslationContext/StyrbordTranslationContext.stories.d.ts

@@ -0,0 +1,14 @@
+import type { StoryObj } from '@storybook/react';
+import { BoxProps } from '~/main';
+declare const meta: {
+    title: string;
+    component: ({ className, radius, width, gap, wrap, align, grow, shrink, basis, show, hide, container, children, ...props }: BoxProps) => React.JSX.Element;
+    decorators: ((Story: import("@storybook/types").PartialStoryFn) => React.JSX.Element)[];
+    tags: string[];
+    argTypes: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Norsk: Story;
+export declare const Nynorsk: Story;
+export declare const Engelsk: Story;

package/dist/src/i18n/translations.d.ts

@@ -1,2 +1,10 @@
 import { SupportedLanguage } from '~/utils/types';
-export declare function useTranslation(language: SupportedLanguage): (key: string) => string;
+export interface TranslationContextProps {
+    language: SupportedLanguage;
+}
+export declare const StyrbordTranslationContext: React.Context<TranslationContextProps>;
+export declare const useStyrbordTranslation: () => {
+    language: "nb-NO" | "nn-NO" | "en-US";
+    t: (key: string) => string;
+    at: (prefix: string | null | undefined, alternativeTranslationData: Record<string, unknown> | null | undefined, key: string) => string;
+};

package/dist/src/main.d.ts

@@ -38,6 +38,7 @@ export { FileUploader, type FileUploaderProps } from './components/kystverket/Fi
 export { FileUploaderContext, type FileUploaderContextProps, } from './components/kystverket/FileUploader/FileUploader.context';
 export type * from './components/kystverket/FileUploader/FileUploader.types';
 export { default as CardTitle, type CardTitleProps } from './components/designsystemet/CardTitle/CardTitle';
+export { StyrbordTranslationContext } from './i18n/translations';
 export { Button } from './components/designsystemet/Button/Button';
 export type { ButtonProps } from './components/designsystemet/Button/Button';
 export { TextInput } from './components/designsystemet/TextInput/TextInput';

package/dist/src/utils/types.d.ts

@@ -1,2 +1,3 @@
 export type ScreenSize = 'screen-xxs' | 'screen-xs' | 'screen-sm' | 'screen-md' | 'screen-lg';
-export type SupportedLanguage = 'nb-NO' | 'nn-NO' | 'en-US';
+export declare const supportedLanguages: readonly ["nb-NO", "nn-NO", "en-US"];
+export type SupportedLanguage = (typeof supportedLanguages)[number];