@kystverket/styrbord 1.1.14 → 1.1.23

package/dist/src/components/designsystemet/Checkbox/Checkbox.stories.d.ts

@@ -328,16 +328,16 @@ export declare const Disabled: {
         list?: string | undefined | undefined;
         step?: number | string | undefined | undefined;
         src?: string | undefined | undefined;
-        accept?: string | undefined | undefined;
-        alt?: string | undefined | undefined;
-        autoComplete?: React.HTMLInputAutoCompleteAttribute | undefined;
-        capture?: boolean | "user" | "environment" | undefined | undefined;
-        checked?: boolean | undefined | undefined;
         formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
         formEncType?: string | undefined | undefined;
         formMethod?: string | undefined | undefined;
         formNoValidate?: boolean | undefined | undefined;
         formTarget?: string | undefined | undefined;
+        accept?: string | undefined | undefined;
+        alt?: string | undefined | undefined;
+        autoComplete?: React.HTMLInputAutoCompleteAttribute | undefined;
+        capture?: boolean | "user" | "environment" | undefined | undefined;
+        checked?: boolean | undefined | undefined;
         maxLength?: number | undefined | undefined;
         minLength?: number | undefined | undefined;
         multiple?: boolean | undefined | undefined;
@@ -643,16 +643,16 @@ export declare const Disabled: {
         list?: string | undefined | undefined;
         step?: number | string | undefined | undefined;
         src?: string | undefined | undefined;
-        accept?: string | undefined | undefined;
-        alt?: string | undefined | undefined;
-        autoComplete?: React.HTMLInputAutoCompleteAttribute | undefined;
-        capture?: boolean | "user" | "environment" | undefined | undefined;
-        checked?: boolean | undefined | undefined;
         formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
         formEncType?: string | undefined | undefined;
         formMethod?: string | undefined | undefined;
         formNoValidate?: boolean | undefined | undefined;
         formTarget?: string | undefined | undefined;
+        accept?: string | undefined | undefined;
+        alt?: string | undefined | undefined;
+        autoComplete?: React.HTMLInputAutoCompleteAttribute | undefined;
+        capture?: boolean | "user" | "environment" | undefined | undefined;
+        checked?: boolean | undefined | undefined;
         maxLength?: number | undefined | undefined;
         minLength?: number | undefined | undefined;
         multiple?: boolean | undefined | undefined;
@@ -958,16 +958,16 @@ export declare const Disabled: {
         list?: string | undefined | undefined;
         step?: number | string | undefined | undefined;
         src?: string | undefined | undefined;
-        accept?: string | undefined | undefined;
-        alt?: string | undefined | undefined;
-        autoComplete?: React.HTMLInputAutoCompleteAttribute | undefined;
-        capture?: boolean | "user" | "environment" | undefined | undefined;
-        checked?: boolean | undefined | undefined;
         formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
         formEncType?: string | undefined | undefined;
         formMethod?: string | undefined | undefined;
         formNoValidate?: boolean | undefined | undefined;
         formTarget?: string | undefined | undefined;
+        accept?: string | undefined | undefined;
+        alt?: string | undefined | undefined;
+        autoComplete?: React.HTMLInputAutoCompleteAttribute | undefined;
+        capture?: boolean | "user" | "environment" | undefined | undefined;
+        checked?: boolean | undefined | undefined;
         maxLength?: number | undefined | undefined;
         minLength?: number | undefined | undefined;
         multiple?: boolean | undefined | undefined;

package/dist/src/components/kystverket/FilePreviewer/FilePreviewer-context.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode, Ref } from 'react';
+import { FilePreviewRef } from './FilePreviewer-dialog';
+import { FileInfo } from './FilePreviewer.types';
+export declare const FPContext: React.Context<{
+    files: FileInfo[];
+    ref: Ref<FilePreviewRef> | null;
+    setFiles: React.Dispatch<React.SetStateAction<FileInfo[]>>;
+}>;
+export interface FilePreviewerContextProps {
+    children?: ReactNode;
+    ref?: Ref<FilePreviewRef>;
+    files?: FileInfo[];
+}
+export declare const FilePreviewerContext: ({ children, ref, files }: FilePreviewerContextProps) => React.JSX.Element;

package/dist/src/components/kystverket/FilePreviewer/FilePreviewer-dialog.d.ts

@@ -0,0 +1,11 @@
+import { FileInfo } from './FilePreviewer.types';
+export type FilePreviewRef = {
+    close: () => void;
+    showModal: (idx?: number) => void;
+};
+export interface FilePreviewerProps {
+    files: FileInfo[];
+    startIndex?: number;
+    onClose?: () => void;
+}
+export declare const FilePreviewerDialog: React.ForwardRefExoticComponent<FilePreviewerProps & React.RefAttributes<FilePreviewRef>>;

package/dist/src/components/kystverket/FilePreviewer/FilePreviewer-thumbnail.d.ts

@@ -0,0 +1,10 @@
+import { FileInfo } from './FilePreviewer.types';
+export interface FilePreviewerThumbnailProps {
+    file: FileInfo;
+    /**
+     * The index of the file in the array
+     * Needed if it's a child of <FilePreviewer>
+     */
+    index: number;
+}
+export declare const FilePreviewerThumbnail: ({ file, index }: FilePreviewerThumbnailProps) => React.JSX.Element | undefined;

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

@@ -0,0 +1,17 @@
+import type { StoryFn } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: (({ children, ref, files }: import("~/main").FilePreviewerProps) => React.JSX.Element) & {
+        Thumbnail: typeof import("./FilePreviewer-thumbnail").FilePreviewerThumbnail & {
+            displayName?: string;
+        };
+        displayName?: string;
+    };
+    decorators: ((Story: import("@storybook/types").PartialStoryFn) => React.JSX.Element)[];
+    tags: string[];
+    argTypes: {};
+};
+export default meta;
+export declare const withCustomAlignment: StoryFn;
+export declare const withContextAndThumbnails: StoryFn;
+export declare const customWithRef: StoryFn;

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

@@ -0,0 +1,32 @@
+type ButtonOptions = {
+    showDownload?: boolean;
+    showOpenInNew?: boolean;
+};
+export type PdfFile = {
+    contentType: 'pdf';
+    src: string;
+    fileName: string;
+    fileSize?: string;
+    buttons?: ButtonOptions;
+};
+export type ImageFile = {
+    contentType: 'image';
+    src: string;
+    fileName: string;
+    fileSize?: string;
+    buttons?: ButtonOptions;
+};
+export type JsonFile = {
+    contentType: 'json';
+    data: Record<string, unknown>;
+    fileName: string;
+    fileSize?: string;
+    buttons?: ButtonOptions;
+};
+export declare const defaultButtonsByType: {
+    pdf: ButtonOptions;
+    image: ButtonOptions;
+    json: ButtonOptions;
+};
+export type FileInfo = PdfFile | ImageFile | JsonFile;
+export {};

package/dist/src/components/kystverket/FilePreviewer/FileRenderer.d.ts

@@ -0,0 +1,6 @@
+import { FileInfo } from './FilePreviewer.types';
+export declare const FileRenderer: ({ file, className, mode, }: {
+    file: FileInfo;
+    mode?: "thumbnail" | "full";
+    className?: string;
+}) => React.JSX.Element | undefined;

package/dist/src/components/kystverket/FilePreviewer/index.d.ts

@@ -0,0 +1,12 @@
+import { FilePreviewerContext } from './FilePreviewer-context';
+import { FilePreviewerThumbnail } from './FilePreviewer-thumbnail';
+type FilePreviewerCompound = typeof FilePreviewerContext & {
+    Thumbnail: typeof FilePreviewerThumbnail & {
+        displayName?: string;
+    };
+    displayName?: string;
+};
+declare const FilePreviewer: FilePreviewerCompound;
+export type { FilePreviewerContextProps as FilePreviewerProps } from './FilePreviewer-context';
+export type { FilePreviewerThumbnailProps } from './FilePreviewer-thumbnail';
+export { FilePreviewer };

package/dist/src/components/kystverket/Icon/icon.types.d.ts

@@ -1,2 +1,2 @@
-export declare const iconIdList: readonly ["add_location_alt", "add_location", "add", "adjust", "anchor", "archive", "arrow_back", "arrow_forward", "arrow_right_alt", "article", "calendar_month", "change_history", "chat", "check_circle", "check", "chevron_left", "chevron_right", "circle", "close", "cloud_alert", "cloud_done", "content_copy", "data_table", "delete", "description", "directions_boat", "distance", "domain", "download", "edit_document", "edit_location_alt", "edit_location", "edit_square", "edit", "error", "event", "explore_nearby", "explore", "favorite", "file_map", "file_save", "format_align_center", "format_align_left", "format_align_right", "globe_uk", "inbox", "info", "keyboard_arrow_down", "keyboard_arrow_up", "layers", "lightbulb", "link", "location_chip", "lock", "login", "logout", "mail", "map_pin_heart", "map", "menu", "mode_cool", "more_vert", "move", "numbers", "open_in_new", "pending_actions", "person_add", "person_pin_circle", "person_pin", "person", "pin_drop", "radio_button_checked", "radio_button_unchecked", "sailing", "send", "settings_input_antenna", "settings", "severe_cold", "source_environment", "stylus", "timeline", "video_library", "videocam", "view_list", "warning", "zoom_in_map", "zoom_out_map"];
+export declare const iconIdList: readonly ["add_location_alt", "add_location", "add", "adjust", "anchor", "archive", "arrow_back", "arrow_forward", "arrow_right_alt", "article", "calendar_month", "change_history", "chat", "check_circle", "check", "chevron_left", "chevron_right", "circle", "close", "cloud_alert", "cloud_done", "content_copy", "data_table", "delete", "description", "directions_boat", "distance", "domain", "download", "edit_document", "edit_location_alt", "edit_location", "edit_square", "edit", "error", "event", "explore_nearby", "explore", "favorite", "file_map", "file_save", "format_align_center", "format_align_left", "format_align_right", "globe_uk", "inbox", "info", "keyboard_arrow_down", "keyboard_arrow_up", "layers", "lightbulb", "link", "location_chip", "lock", "login", "logout", "mail", "map_pin_heart", "map", "menu", "mode_cool", "more_vert", "move", "numbers", "open_in_new", "pending_actions", "person_add", "person_pin_circle", "person_pin", "person", "pin_drop", "radio_button_checked", "radio_button_unchecked", "sailing", "send", "settings_input_antenna", "settings", "severe_cold", "source_environment", "stylus", "timeline", "video_library", "videocam", "view_list", "warning", "zoom_in_map", "zoom_out_map", "picture_as_pdf", "pan_zoom"];
 export type IconId = (typeof iconIdList)[number];

package/dist/src/hooks/useHorizontalDragScroll.d.ts

@@ -0,0 +1,10 @@
+export declare const useHorizontalDragScroll: () => {
+    scrollRef: React.RefObject<HTMLDivElement | null>;
+    hasMovedRef: React.RefObject<boolean>;
+    handlers: {
+        onMouseDown: (e: React.MouseEvent) => void;
+        onMouseMove: (e: React.MouseEvent) => void;
+        onMouseUp: () => void;
+        onMouseLeave: () => void;
+    };
+};

package/dist/src/main.d.ts

@@ -5,6 +5,7 @@ export { default as DeprecatedErrorLabel, type ErrorLabelProps as DeprecatedErro
 export { default as DeprecatedInputLabel, type InputLabelProps as DeprecatedInputLabelProps, } from './components/deprecated/InputLabel/inputLabel';
 export { Details as DeprecatedDetails, type DetailsProps as DeprecatedDetailsProps, } from './components/deprecated/Details/Details';
 export { default as DeprecatedCard, type CardProps as DeprecatedCardProps } from './components/deprecated/Card/Card';
+export { FilePreviewer, type FilePreviewerProps } from './components/kystverket/FilePreviewer';
 export { default as KyvDivider } from './components/kystverket/KyvDivider/kyvDivider';
 export { default as Alert } from './components/kystverket/Alert/alert';
 export type { AlertLevel } from './components/kystverket/Alert/alert.types';

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

@@ -0,0 +1,2 @@
+import { FileInfo } from '~/components/kystverket/FilePreviewer/FilePreviewer.types';
+export declare const handleDownload: (selectedFile: FileInfo) => void;