@norges-domstoler/dds-components 13.8.2 → 13.8.4

package/dist/cjs/components/ScrollableContainer/ScrollableContainer.tokens.d.ts

@@ -1,25 +0,0 @@
-export declare const scrollbarWidthNumberPx = 10;
-export declare const scrollbarTokens: {
-    minThumbHeightPx: number;
-    track: {
-        backgroundColor: string;
-        borderRadius: string;
-        width: string;
-    };
-    thumb: {
-        base: {
-            backgroundColor: string;
-            borderRadius: string;
-            width: string;
-        };
-        hover: {
-            backgroundColor: string;
-        };
-    };
-    content: {
-        paddingRight: string;
-    };
-    outerContainer: {
-        padding: string;
-    };
-};

package/dist/cjs/components/ScrollableContainer/Scrollbar.d.ts

@@ -1,10 +0,0 @@
-import { RefObject } from 'react';
-import { BaseComponentProps } from '@norges-domstoler/dds-core';
-export type ScrollbarProps = BaseComponentProps<HTMLDivElement, {
-    /** Ref til container med innholdet som skal scrolles. */
-    contentRef?: RefObject<HTMLDivElement>;
-}>;
-export declare const Scrollbar: {
-    (props: ScrollbarProps): import("react/jsx-runtime").JSX.Element | null;
-    displayName: string;
-};

package/dist/cjs/components/ScrollableContainer/index.d.ts

@@ -1,3 +0,0 @@
-export * from './Scrollbar';
-export * from './ScrollableContainer';
-export * from './scrollbarStyling';

package/dist/cjs/components/ScrollableContainer/scrollbarStyling.d.ts

@@ -1,26 +0,0 @@
-/**
- * CSS-in-JS scrollbar styling til bruk der det ikke passer å bruke dedikerte komponenter. Inkluderer styling for webkit pseudo-elementer og for Firefox.
- */
-export declare const scrollbarStyling: {
-    webkit: {
-        '&::-webkit-scrollbar': {
-            width: string;
-            height: string;
-        };
-        '&::-webkit-scrollbar-track': {
-            background: string;
-            borderRadius: string;
-        };
-        '&::-webkit-scrollbar-thumb': {
-            background: string;
-            borderRadius: string;
-        };
-    };
-    '&::-webkit-scrollbar-thumb:hover': {
-        background: string;
-    };
-    firefox: {
-        scrollbarColor: string;
-        scrollbarWidth: "thin";
-    };
-};

package/dist/cjs/components/Search/AutocompleteSearch.context.d.ts

@@ -1,12 +0,0 @@
-import { ChangeEvent, MouseEvent, RefObject } from 'react';
-export type AutocompleteSearchContextType = {
-    onValueChange?: (e: ChangeEvent<HTMLInputElement>) => void;
-    onSugggestionClick?: (e: MouseEvent<HTMLButtonElement>) => void;
-    suggestions?: string[];
-    showSuggestions?: boolean;
-    inputValue?: string;
-    inputRef?: RefObject<HTMLInputElement> | null;
-    suggestionsRef?: RefObject<HTMLDivElement> | null;
-};
-export declare const AutocompleteSearchContext: import("react").Context<AutocompleteSearchContextType>;
-export declare const useAutocompleteSearch: () => AutocompleteSearchContextType;

package/dist/cjs/components/Search/Search.d.ts

@@ -1,22 +0,0 @@
-import { InputProps as BaseInputProps } from '@norges-domstoler/dds-form';
-import { ButtonHTMLAttributes, InputHTMLAttributes, MouseEvent } from 'react';
-export type SearchSize = 'small' | 'medium' | 'large';
-type ButtonProps = {
-    onClick: (event: MouseEvent<HTMLButtonElement>) => void;
-    label?: string;
-    loading?: boolean;
-    purpose?: 'primary' | 'secondary';
-} & ButtonHTMLAttributes<HTMLButtonElement>;
-export type SearchProps = Pick<BaseInputProps, 'tip' | 'label'> & {
-    /**Størrelsen på komponenten. */
-    componentSize?: SearchSize;
-    /**Props for søkeknappen. */
-    buttonProps?: ButtonProps;
-} & InputHTMLAttributes<HTMLInputElement>;
-export declare const Search: import("react").ForwardRefExoticComponent<Pick<BaseInputProps, "label" | "tip"> & {
-    /**Størrelsen på komponenten. */
-    componentSize?: SearchSize | undefined;
-    /**Props for søkeknappen. */
-    buttonProps?: ButtonProps | undefined;
-} & InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;
-export {};

package/dist/cjs/components/Search/Search.stories.d.ts

@@ -1,52 +0,0 @@
-/// <reference types="react" />
-import { SearchProps } from '.';
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("@norges-domstoler/dds-form").InputProps, "label" | "tip"> & {
-        componentSize?: import("./Search").SearchSize | undefined;
-        buttonProps?: ({
-            onClick: (event: import("react").MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-            label?: string | undefined;
-            loading?: boolean | undefined;
-            purpose?: "secondary" | "primary" | undefined;
-        } & import("react").ButtonHTMLAttributes<HTMLButtonElement>) | undefined;
-    } & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>> & {
-        AutocompleteWrapper: {
-            (props: import("./SearchAutocompleteWrapper").SearchAutocompleteWrapperProps): import("react/jsx-runtime").JSX.Element;
-            displayName: string;
-        };
-        Suggestions: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & Pick<SearchProps, "componentSize"> & {
-            suggestions?: string[] | undefined;
-            showSuggestions?: boolean | undefined;
-            onSuggestionClick?: ((e: import("react").MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
-            maxSuggestions?: number | undefined;
-            searchId: string;
-        } & {
-            htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
-        } & import("react").RefAttributes<HTMLDivElement>>;
-    };
-    argTypes: {
-        tip: {
-            control: {
-                type: string;
-            };
-        };
-        label: {
-            control: {
-                type: string;
-            };
-        };
-    };
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-};
-export default _default;
-export declare const Overview: (args: SearchProps) => import("react/jsx-runtime").JSX.Element;
-export declare const OverviewSizes: (args: SearchProps) => import("react/jsx-runtime").JSX.Element;
-export declare const OverviewWithSuggestions: (args: SearchProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Default: (args: SearchProps) => import("react/jsx-runtime").JSX.Element;
-export declare const WithButton: (args: SearchProps) => import("react/jsx-runtime").JSX.Element;
-export declare const WithSuggestions: (args: SearchProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/Search/Search.tokens.d.ts

@@ -1,64 +0,0 @@
-import { StaticTypographyType } from '@norges-domstoler/dds-typography';
-import { SearchSize } from './Search';
-export declare const typographyTypes: {
-    [k in SearchSize]: StaticTypographyType;
-};
-export declare const searchTokens: {
-    input: {
-        base: {
-            paddingRight: string;
-            paddingLeft: string;
-        };
-        sizes: {
-            small: {
-                paddingTop: string;
-                paddingBottom: string;
-                paddingLeft: string;
-            };
-            medium: {
-                paddingTop: string;
-                paddingBottom: string;
-                paddingLeft: string;
-            };
-            large: {
-                paddingTop: string;
-                paddingBottom: string;
-                paddingLeft: string;
-            };
-        };
-    };
-    searchIcon: {
-        base: {
-            left: string;
-            color: string;
-        };
-        small: {
-            top: string;
-        };
-        medium: {
-            top: string;
-        };
-        large: {
-            top: string;
-        };
-    };
-    clearButton: {
-        right: string;
-        top: string;
-        color: string;
-    };
-    horisontalContainer: {
-        gap: string;
-    };
-    outerContainer: {
-        gap: string;
-    };
-    suggestionsContainer: {
-        marginTop: string;
-        border: string;
-        boxShadow: string;
-    };
-    suggestionsHeader: {
-        paddingLeft: string;
-    };
-};

package/dist/cjs/components/Search/Search.utils.d.ts

@@ -1,9 +0,0 @@
-import { ChangeEvent } from 'react';
-/**
- * Lager en change-event som kan resette verdien i et input-felt.
- * Dette vil resultere i en event som har: event.target.value = ''.
- *
- * @param inputElementId Id'en til et gitt input-felt
- * @returns En change-event som har en tom streng som target value
- */
-export declare function createEmptyChangeEvent(inputElementId: string): ChangeEvent<HTMLInputElement>;

package/dist/cjs/components/Search/SearchAutocompleteWrapper.d.ts

@@ -1,34 +0,0 @@
-import { ChangeEvent, ReactNode } from 'react';
-type WeightedValue = {
-    text: string;
-    relevance: number;
-};
-export type WeightedSearchData = {
-    array: WeightedValue[];
-    sortFunction?: (a: WeightedValue, b: WeightedValue) => number;
-};
-export type SearchData = {
-    array: string[];
-    sortFunction?: (a: string, b: string) => number;
-};
-export type SearchAutocompleteWrapperProps = {
-    /**Array med data som kan søkes på og eventuelt tilhørende sorteringsfunksjon. Array kan bestå av elementer av typen `string`  eller objekter med vekt og tekst.*/
-    data?: SearchData | WeightedSearchData;
-    /** Ekstra callback ved `onChange` i `<Search>`. */
-    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
-    /**Callback når et forslag blir valgt, inkludert søkefunksjon. */
-    onSuggestionSelection?: () => void;
-    /** Custom filter for forslag. */
-    filter?: (sugestion: string, query: string) => boolean;
-    /**Minst lengde på query når forslag skal vises. */
-    queryLength?: number;
-    /** Barnet til komponenten (`<Search />`). */
-    children?: ReactNode;
-    /**Initielle `value` i `<Search>`. */
-    value?: string;
-};
-export declare const SearchAutocompleteWrapper: {
-    (props: SearchAutocompleteWrapperProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export {};

package/dist/cjs/components/Search/SearchSuggestions.d.ts

@@ -1,29 +0,0 @@
-import { SearchProps } from './Search';
-import { BaseComponentProps } from '@norges-domstoler/dds-core';
-import { MouseEvent } from 'react';
-export type SearchSuggestionsProps = BaseComponentProps<HTMLDivElement, Pick<SearchProps, 'componentSize'> & {
-    /**Forslag som vises i listen. */
-    suggestions?: string[];
-    /** Om listen skal vises. */
-    showSuggestions?: boolean;
-    /**Callback når et forslag blir valgt, inkludert søkefunksjon. */
-    onSuggestionClick?: (e: MouseEvent<HTMLButtonElement>) => void;
-    /** Maks antall forslag vist i listen. */
-    maxSuggestions?: number;
-    /**Id til `<Search>`. */
-    searchId: string;
-}>;
-export declare const SearchSuggestions: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & Pick<SearchProps, "componentSize"> & {
-    /**Forslag som vises i listen. */
-    suggestions?: string[] | undefined;
-    /** Om listen skal vises. */
-    showSuggestions?: boolean | undefined;
-    /**Callback når et forslag blir valgt, inkludert søkefunksjon. */
-    onSuggestionClick?: ((e: MouseEvent<HTMLButtonElement>) => void) | undefined;
-    /** Maks antall forslag vist i listen. */
-    maxSuggestions?: number | undefined;
-    /**Id til `<Search>`. */
-    searchId: string;
-} & {
-    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
-} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/cjs/components/Search/index.d.ts

@@ -1,10 +0,0 @@
-import { Search as BaseSearch, SearchProps, SearchSize } from './Search';
-import { SearchAutocompleteWrapper, SearchAutocompleteWrapperProps, SearchData, WeightedSearchData } from './SearchAutocompleteWrapper';
-import { SearchSuggestions, SearchSuggestionsProps } from './SearchSuggestions';
-type SearchCompoundProps = typeof BaseSearch & {
-    AutocompleteWrapper: typeof SearchAutocompleteWrapper;
-    Suggestions: typeof SearchSuggestions;
-};
-declare const Search: SearchCompoundProps;
-export { Search };
-export type { SearchProps, SearchSize, SearchData, WeightedSearchData, SearchAutocompleteWrapperProps, SearchSuggestionsProps, };

package/dist/cjs/components/Select/CustomSelect.stories.d.ts

@@ -1,66 +0,0 @@
-import React from 'react';
-import { SelectOption, SelectProps } from '.';
-declare const _default: {
-    title: string;
-    component: <TOption extends Record<string, unknown>, IsMulti extends boolean = false>(props: SelectProps<TOption, IsMulti>, ref: ((instance: import("react-select").SelectInstance<TOption, IsMulti, import("react-select").GroupBase<TOption>> | null) => void) | React.MutableRefObject<import("react-select").SelectInstance<TOption, IsMulti, import("react-select").GroupBase<TOption>> | null> | null) => import("react/jsx-runtime").JSX.Element;
-    argTypes: {
-        label: {
-            control: {
-                type: string;
-            };
-        };
-        tip: {
-            control: {
-                type: string;
-            };
-        };
-        errorMessage: {
-            control: {
-                type: string;
-            };
-        };
-        width: {
-            control: {
-                type: string;
-            };
-        };
-        placeholder: {
-            control: {
-                type: string;
-            };
-        };
-        isDisabled: {
-            control: {
-                type: string;
-            };
-        };
-        isClearable: {
-            control: {
-                type: string;
-            };
-        };
-        required: {
-            control: {
-                type: string;
-            };
-        };
-        readOnly: {
-            control: {
-                type: string;
-            };
-        };
-        isLoading: {
-            control: {
-                type: string;
-            };
-        };
-    };
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-};
-export default _default;
-type SingleSelectProps = SelectProps<SelectOption, false>;
-export declare const Example: (args: SingleSelectProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/Select/MultiSelect.stories.d.ts

@@ -1,75 +0,0 @@
-/// <reference types="react" />
-import { SelectProps } from './Select';
-declare const _default: {
-    title: string;
-    component: <TOption extends Record<string, unknown>, IsMulti extends boolean = false>(props: SelectProps<TOption, IsMulti>, ref: ((instance: import("react-select").SelectInstance<TOption, IsMulti, import("react-select").GroupBase<TOption>> | null) => void) | import("react").MutableRefObject<import("react-select").SelectInstance<TOption, IsMulti, import("react-select").GroupBase<TOption>> | null> | null) => import("react/jsx-runtime").JSX.Element;
-    argTypes: {
-        label: {
-            control: {
-                type: string;
-            };
-        };
-        tip: {
-            control: {
-                type: string;
-            };
-        };
-        errorMessage: {
-            control: {
-                type: string;
-            };
-        };
-        width: {
-            control: {
-                type: string;
-            };
-        };
-        placeholder: {
-            control: {
-                type: string;
-            };
-        };
-        isDisabled: {
-            control: {
-                type: string;
-            };
-        };
-        isClearable: {
-            control: {
-                type: string;
-            };
-        };
-        required: {
-            control: {
-                type: string;
-            };
-        };
-        readOnly: {
-            control: {
-                type: string;
-            };
-        };
-        isLoading: {
-            control: {
-                type: string;
-            };
-        };
-    };
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-};
-export default _default;
-type Option = {
-    label: string;
-    value: string;
-};
-type MultiSelectProps = SelectProps<Option, true>;
-export declare const Overview: (args: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
-export declare const OverviewSizes: (args: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Default: (args: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
-export declare const WithLabel: (args: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
-export declare const WithDefaultValue: (args: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
-export declare const WithFitContent: (args: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/Select/Select.d.ts

@@ -1,37 +0,0 @@
-import { Property } from 'csstype';
-import React, { HTMLAttributes } from 'react';
-import { GroupBase, OptionProps, Props as ReactSelectProps, SelectInstance, SingleValueProps } from 'react-select';
-import { WithRequiredIf } from '@norges-domstoler/dds-core';
-import { SvgIcon } from '@norges-domstoler/dds-icons';
-import { InputSize } from '@norges-domstoler/dds-form';
-export type SelectOption<TValue = unknown> = {
-    label: string | number;
-    value: TValue;
-};
-export declare const createSelectOptions: <TValue extends string | number>(...args: TValue[]) => SelectOption<TValue>[];
-type WrappedReactSelectProps<TOption extends Record<string, unknown>, IsMulti extends boolean, Group extends GroupBase<TOption>> = WithRequiredIf<TOption extends SelectOption ? false : true, ReactSelectProps<TOption, IsMulti, Group>, 'getOptionLabel' | 'getOptionValue'>;
-export type SelectProps<TOption extends Record<string, unknown>, IsMulti extends boolean> = {
-    /**Ledetekst for nedtrekkslisten. */
-    label?: string;
-    /**Størrelsen på komponenten. */
-    componentSize?: InputSize;
-    /**Ikonet som vises i komponenten. */
-    icon?: SvgIcon;
-    /**Nedtrekkslisten blir disabled og får readOnly styling. */
-    readOnly?: boolean;
-    /**Meldingen som vises ved valideringsfeil. */
-    errorMessage?: string;
-    /**Hjelpetekst. */
-    tip?: string;
-    /**Custom bredde ved behov. */
-    width?: Property.Width<string>;
-    /** CSS klassenavn. */
-    className?: string;
-    /** Inline styling. */
-    style?: React.CSSProperties;
-    customOptionElement?: (props: OptionProps<TOption, IsMulti, GroupBase<TOption>>) => JSX.Element;
-    customSingleValueElement?: (props: SingleValueProps<TOption, IsMulti, GroupBase<TOption>>) => JSX.Element;
-} & Pick<HTMLAttributes<HTMLInputElement>, 'aria-required'> & WrappedReactSelectProps<TOption, IsMulti, GroupBase<TOption>>;
-type ForwardRefType<TOption, IsMulti extends boolean> = React.ForwardedRef<SelectInstance<TOption, IsMulti, GroupBase<TOption>>>;
-export declare const Select: <TOption extends Record<string, unknown>, IsMulti extends boolean = false>(props: SelectProps<TOption, IsMulti>, ref: ForwardRefType<TOption, IsMulti>) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/cjs/components/Select/Select.stories.d.ts

@@ -1,71 +0,0 @@
-/// <reference types="react" />
-import { SelectOption, SelectProps } from '.';
-declare const _default: {
-    title: string;
-    component: <TOption extends Record<string, unknown>, IsMulti extends boolean = false>(props: SelectProps<TOption, IsMulti>, ref: ((instance: import("react-select").SelectInstance<TOption, IsMulti, import("react-select").GroupBase<TOption>> | null) => void) | import("react").MutableRefObject<import("react-select").SelectInstance<TOption, IsMulti, import("react-select").GroupBase<TOption>> | null> | null) => import("react/jsx-runtime").JSX.Element;
-    argTypes: {
-        label: {
-            control: {
-                type: string;
-            };
-        };
-        tip: {
-            control: {
-                type: string;
-            };
-        };
-        errorMessage: {
-            control: {
-                type: string;
-            };
-        };
-        width: {
-            control: {
-                type: string;
-            };
-        };
-        placeholder: {
-            control: {
-                type: string;
-            };
-        };
-        isDisabled: {
-            control: {
-                type: string;
-            };
-        };
-        isClearable: {
-            control: {
-                type: string;
-            };
-        };
-        required: {
-            control: {
-                type: string;
-            };
-        };
-        readOnly: {
-            control: {
-                type: string;
-            };
-        };
-        isLoading: {
-            control: {
-                type: string;
-            };
-        };
-    };
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-};
-export default _default;
-type SingleSelectProps = SelectProps<SelectOption, false>;
-export declare const Overview: (args: SingleSelectProps) => import("react/jsx-runtime").JSX.Element;
-export declare const OverviewSizes: (args: SingleSelectProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Default: (args: SingleSelectProps) => import("react/jsx-runtime").JSX.Element;
-export declare const WithGroups: (args: SingleSelectProps) => import("react/jsx-runtime").JSX.Element;
-export declare const WithLabel: (args: SingleSelectProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ManyItems: (args: SingleSelectProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/Select/Select.styles.d.ts

@@ -1,18 +0,0 @@
-import { GroupBase, StylesConfig } from 'react-select';
-import { Property } from 'csstype';
-import { Icon } from '@norges-domstoler/dds-icons';
-import { InputSize } from '@norges-domstoler/dds-form';
-export declare const prefix = "dds-select";
-type StyledContainerProps = {
-    errorMessage?: string;
-    isDisabled?: boolean;
-    readOnly?: boolean;
-    width?: Property.Width;
-    componentSize: InputSize;
-    isMulti?: boolean;
-};
-export declare const Container: import("styled-components").StyledComponent<"div", any, StyledContainerProps, never>;
-export declare const InnerSingleValue: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledIcon: import("styled-components").StyledComponent<typeof Icon, any, {}, never>;
-export declare const getCustomStyles: <TOption>(size: InputSize) => Partial<StylesConfig<TOption, boolean, GroupBase<TOption>>>;
-export {};