@norges-domstoler/dds-components 14.3.0 → 14.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +37 -76
- package/dist/index.d.ts +37 -76
- package/dist/index.js +2698 -2864
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +2504 -2672
- package/dist/index.mjs.map +1 -1
- package/package.json +5 -7
- package/src/index.ts +52 -0
package/dist/index.d.mts
CHANGED
|
@@ -14,7 +14,6 @@ import { DateValue, AriaCalendarProps } from '@react-aria/calendar';
|
|
|
14
14
|
import { DateValue as DateValue$1, CalendarDate, Time } from '@internationalized/date';
|
|
15
15
|
import { AriaDatePickerProps } from '@react-types/datepicker';
|
|
16
16
|
import { AriaDateFieldOptions, useDatePicker, AriaTimeFieldProps } from '@react-aria/datepicker';
|
|
17
|
-
import { InputProps as InputProps$1 } from '@norges-domstoler/dds-components';
|
|
18
17
|
|
|
19
18
|
interface SvgChevronProps {
|
|
20
19
|
isUp?: boolean;
|
|
@@ -30,7 +29,7 @@ declare const StatefulInput: styled_components.IStyledComponent<"web", styled_co
|
|
|
30
29
|
ref?: ((instance: HTMLInputElement | null) => void) | react.RefObject<HTMLInputElement> | null | undefined;
|
|
31
30
|
}, StyledInputProps>> & Omit<styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>>, keyof react.Component<any, {}, any>>;
|
|
32
31
|
interface OuterInputContainerProps {
|
|
33
|
-
width?: Property.Width;
|
|
32
|
+
$width?: Property.Width;
|
|
34
33
|
}
|
|
35
34
|
declare const OuterInputContainer: styled_components.IStyledComponent<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, OuterInputContainerProps>>;
|
|
36
35
|
/**Brukes som container til input og ikon for posisjonering. */
|
|
@@ -190,6 +189,15 @@ declare const focusVisibleLinkOnDark: {
|
|
|
190
189
|
textDecoration: string;
|
|
191
190
|
};
|
|
192
191
|
declare const focusVisibleLinkTransitionValue = "background-color 0.2s, text-decoration 0.2s, color 0.2s";
|
|
192
|
+
declare const getAdditionalFontStyle: (bold?: boolean, italic?: boolean, underline?: boolean) => styled_components.RuleSet<object>;
|
|
193
|
+
declare const getMarginStyling: (typographyType: TypographyType, element: ElementType, withMargins?: boolean) => styled_components.RuleSet<object>;
|
|
194
|
+
declare const getAnchorStyling: (external?: boolean, interactionStyling?: TypographyInteractionStyling, typographyType?: StaticTypographyType, withMargins?: boolean) => styled_components.RuleSet<object>;
|
|
195
|
+
|
|
196
|
+
declare const defaultTypographyType: TypographyBodyType;
|
|
197
|
+
declare const getElementType: (element: string) => ElementType;
|
|
198
|
+
declare const isHeading: (type: TypographyType) => type is TypographyHeadingType;
|
|
199
|
+
declare const inlineElements: Array<ElementType>;
|
|
200
|
+
declare const isInlineElement: (as: ElementType) => as is InlineElement;
|
|
193
201
|
declare const getFontStyling: (type: StaticTypographyType, withColor?: boolean) => {
|
|
194
202
|
lineHeight: string;
|
|
195
203
|
fontSize: string;
|
|
@@ -199,15 +207,6 @@ declare const getFontStyling: (type: StaticTypographyType, withColor?: boolean)
|
|
|
199
207
|
fontStyle: string;
|
|
200
208
|
color: string | undefined;
|
|
201
209
|
};
|
|
202
|
-
declare const getAdditionalFontStyle: (bold?: boolean, italic?: boolean, underline?: boolean) => styled_components.RuleSet<object>;
|
|
203
|
-
declare const getMarginStyling: (typographyType: TypographyType, element: ElementType, withMargins?: boolean) => styled_components.RuleSet<object>;
|
|
204
|
-
declare const getAnchorStyling: (external?: boolean, interactionStyling?: TypographyInteractionStyling, typographyType?: StaticTypographyType, withMargins?: boolean) => styled_components.RuleSet<object>;
|
|
205
|
-
|
|
206
|
-
declare const defaultTypographyType: TypographyBodyType;
|
|
207
|
-
declare const getElementType: (element: string) => ElementType;
|
|
208
|
-
declare const isHeading: (type: TypographyType) => type is TypographyHeadingType;
|
|
209
|
-
declare const inlineElements: ElementType[];
|
|
210
|
-
declare const isInlineElement: (as: ElementType) => as is InlineElement;
|
|
211
210
|
|
|
212
211
|
type CaptionProps = BaseComponentPropsWithChildren<HTMLTableCaptionElement, BaseTypographyProps>;
|
|
213
212
|
declare const Caption: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLTableCaptionElement>, "className" | "id"> & {
|
|
@@ -355,12 +354,9 @@ declare const inputTokens: {
|
|
|
355
354
|
gap: number;
|
|
356
355
|
};
|
|
357
356
|
};
|
|
358
|
-
container: {
|
|
359
|
-
gap: string;
|
|
360
|
-
};
|
|
361
357
|
};
|
|
362
358
|
|
|
363
|
-
declare function getDefaultText(value?: string | number |
|
|
359
|
+
declare function getDefaultText(value?: string | number | ReadonlyArray<string>, defaultValue?: string | number | ReadonlyArray<string>): string;
|
|
364
360
|
|
|
365
361
|
type Elevation = 1 | 2 | 3 | 4;
|
|
366
362
|
type Border = 'light' | 'dark';
|
|
@@ -390,7 +386,7 @@ declare const RequiredMarker: () => react_jsx_runtime.JSX.Element;
|
|
|
390
386
|
*
|
|
391
387
|
* {@link useCombinedRef}
|
|
392
388
|
*/
|
|
393
|
-
declare function useCombinedRef<T>(...refs: React.Ref<T
|
|
389
|
+
declare function useCombinedRef<T>(...refs: Array<React.Ref<T>>): RefCallback<T>;
|
|
394
390
|
|
|
395
391
|
type Placement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';
|
|
396
392
|
interface UseFloatPositionOptions {
|
|
@@ -502,7 +498,7 @@ declare const useMountTransition: (isMounted: boolean, unmountDelay: number) =>
|
|
|
502
498
|
* @param element HTML elementet man klikker utenfor.
|
|
503
499
|
* @param handler funksjonen som kjøres ved klikk utenfor.
|
|
504
500
|
*/
|
|
505
|
-
declare function useOnClickOutside(element: HTMLElement | null |
|
|
501
|
+
declare function useOnClickOutside(element: HTMLElement | null | Array<HTMLElement | null>, handler: (event: MouseEvent | TouchEvent) => void): void;
|
|
506
502
|
|
|
507
503
|
/**
|
|
508
504
|
* Kjører logikk når en spesifisert tast blir trykt ned.
|
|
@@ -517,7 +513,7 @@ declare function useOnClickOutside(element: HTMLElement | null | (HTMLElement |
|
|
|
517
513
|
* @param key tasten som trykkes.
|
|
518
514
|
* @param handler funksjonen som skal kjøres.
|
|
519
515
|
*/
|
|
520
|
-
declare const useOnKeyDown: (key: string | string
|
|
516
|
+
declare const useOnKeyDown: (key: string | Array<string>, handler: (event: KeyboardEvent) => void) => void;
|
|
521
517
|
|
|
522
518
|
/**
|
|
523
519
|
* Returnerer fokus til et element når første eller siste barn i en container mister fokus ved tastaturnavigasjon. Typisk bruk:
|
|
@@ -1173,7 +1169,7 @@ declare namespace index {
|
|
|
1173
1169
|
* Join class names together.
|
|
1174
1170
|
* Will filter out all falsy values.
|
|
1175
1171
|
*/
|
|
1176
|
-
declare function cn(...classNames: unknown
|
|
1172
|
+
declare function cn(...classNames: Array<unknown>): string;
|
|
1177
1173
|
|
|
1178
1174
|
type EmbeteType = 'jordskifterett' | 'tingrett' | 'lagmannsrett' | 'høyesterett';
|
|
1179
1175
|
|
|
@@ -1191,11 +1187,11 @@ type UserProps = {
|
|
|
1191
1187
|
} & (AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>);
|
|
1192
1188
|
type OverflowMenuProps = BaseComponentProps<HTMLDivElement, {
|
|
1193
1189
|
/**Lenker eller knapper som skal vises i menyen. Støtter ikon i tillegg til tekst. */
|
|
1194
|
-
items?: OverflowMenuContextItem
|
|
1190
|
+
items?: Array<OverflowMenuContextItem>;
|
|
1195
1191
|
/**Eget element for brukernavn, kan være interaktivt eller statisk. Ligger alltid på toppen av menyen. */
|
|
1196
1192
|
userProps?: UserProps;
|
|
1197
1193
|
/**Navigasjonslenker, brukes hvis navigasjonen skal ligge i menyen (f.eks. ved liten skjerm o.l.). */
|
|
1198
|
-
navItems?: OverflowMenuNavItem
|
|
1194
|
+
navItems?: Array<OverflowMenuNavItem>;
|
|
1199
1195
|
/**Spesifiserer om menyen skal vises. **OBS!** nødvendig kun hvis `<OverflowMenuGroup />` ikke brukes. */
|
|
1200
1196
|
isOpen?: boolean;
|
|
1201
1197
|
/**Callback for å lukke menyen. **OBS!** nødvendig kun hvis `<OverflowMenuGroup />` ikke brukes. */
|
|
@@ -1291,11 +1287,11 @@ interface AppShellNavigationProps {
|
|
|
1291
1287
|
/**
|
|
1292
1288
|
* Interne lenker i navigasjonen.
|
|
1293
1289
|
*/
|
|
1294
|
-
internal?: ReactElement
|
|
1290
|
+
internal?: Array<ReactElement>;
|
|
1295
1291
|
/**
|
|
1296
1292
|
* Eksterne lenker i navigasjonen.
|
|
1297
1293
|
*/
|
|
1298
|
-
external?: ReactElement
|
|
1294
|
+
external?: Array<ReactElement>;
|
|
1299
1295
|
}
|
|
1300
1296
|
declare const AppShell$1: {
|
|
1301
1297
|
({ children, version, navigation: { internal, external }, user, userMenuItems, environment, title, }: AppShellProps): react_jsx_runtime.JSX.Element;
|
|
@@ -1668,11 +1664,11 @@ interface WeightedValue {
|
|
|
1668
1664
|
relevance: number;
|
|
1669
1665
|
}
|
|
1670
1666
|
interface WeightedSearchData {
|
|
1671
|
-
array: WeightedValue
|
|
1667
|
+
array: Array<WeightedValue>;
|
|
1672
1668
|
sortFunction?: (a: WeightedValue, b: WeightedValue) => number;
|
|
1673
1669
|
}
|
|
1674
1670
|
interface SearchData {
|
|
1675
|
-
array: string
|
|
1671
|
+
array: Array<string>;
|
|
1676
1672
|
sortFunction?: (a: string, b: string) => number;
|
|
1677
1673
|
}
|
|
1678
1674
|
interface SearchAutocompleteWrapperProps {
|
|
@@ -1698,7 +1694,7 @@ declare const SearchAutocompleteWrapper: {
|
|
|
1698
1694
|
|
|
1699
1695
|
type SearchSuggestionsProps = BaseComponentProps<HTMLDivElement, Pick<SearchProps, 'componentSize'> & {
|
|
1700
1696
|
/**Forslag som vises i listen. */
|
|
1701
|
-
suggestions?: string
|
|
1697
|
+
suggestions?: Array<string>;
|
|
1702
1698
|
/** Om listen skal vises. */
|
|
1703
1699
|
showSuggestions?: boolean;
|
|
1704
1700
|
/**Callback når et forslag blir valgt, inkludert søkefunksjon. */
|
|
@@ -1750,6 +1746,12 @@ type TableCellProps = {
|
|
|
1750
1746
|
} & (TdHTMLAttributes<HTMLTableCellElement> | ThHTMLAttributes<HTMLTableCellElement>);
|
|
1751
1747
|
declare const Cell: react.ForwardRefExoticComponent<TableCellProps & react.RefAttributes<HTMLTableCellElement>>;
|
|
1752
1748
|
|
|
1749
|
+
type TableFootProps = HTMLAttributes<HTMLTableSectionElement>;
|
|
1750
|
+
declare const Foot: react.ForwardRefExoticComponent<TableFootProps & react.RefAttributes<HTMLTableSectionElement>>;
|
|
1751
|
+
|
|
1752
|
+
type TableHeadProps = HTMLAttributes<HTMLTableSectionElement>;
|
|
1753
|
+
declare const Head: react.ForwardRefExoticComponent<TableHeadProps & react.RefAttributes<HTMLTableSectionElement>>;
|
|
1754
|
+
|
|
1753
1755
|
type TableDensity = 'normal' | 'compact' | 'extraCompact';
|
|
1754
1756
|
type TableProps = {
|
|
1755
1757
|
/**Spesifiserer hvor romslige cellene i tabellen skal være. */
|
|
@@ -1759,21 +1761,6 @@ type TableProps = {
|
|
|
1759
1761
|
/**Legger skillelinjer mellom radene. */
|
|
1760
1762
|
withDividers?: boolean;
|
|
1761
1763
|
} & HTMLAttributes<HTMLTableElement>;
|
|
1762
|
-
type HeaderValues = {
|
|
1763
|
-
key: string;
|
|
1764
|
-
content: ReactNode;
|
|
1765
|
-
}[];
|
|
1766
|
-
type CollapsibleTableProps = {
|
|
1767
|
-
/**Om tabellen skal kollapse. */
|
|
1768
|
-
isCollapsed?: boolean;
|
|
1769
|
-
/**Innhold i headere (`content`) og deres `key`. `headerValues.content` må være den samme som faktisk innhold i `<Table.Cell type='head'>`. */
|
|
1770
|
-
headerValues: HeaderValues;
|
|
1771
|
-
/**
|
|
1772
|
-
* Indeksen(e) til kolonnen(e) som skal synes når tabellen er kollapset. Rekkefølgen i array avgjør rekkefølgen i render.
|
|
1773
|
-
* @default [0]
|
|
1774
|
-
* */
|
|
1775
|
-
definingColumnIndex?: number[];
|
|
1776
|
-
} & TableProps;
|
|
1777
1764
|
type TableRowType = 'body' | 'head';
|
|
1778
1765
|
type RowMode = 'normal' | 'sum';
|
|
1779
1766
|
type TableRowProps = {
|
|
@@ -1790,29 +1777,6 @@ type TableRowProps = {
|
|
|
1790
1777
|
hoverable?: boolean;
|
|
1791
1778
|
} & HTMLAttributes<HTMLTableRowElement>;
|
|
1792
1779
|
|
|
1793
|
-
declare const CollapsibleRow: react.ForwardRefExoticComponent<{
|
|
1794
|
-
type?: TableRowType | undefined;
|
|
1795
|
-
mode?: RowMode | undefined;
|
|
1796
|
-
selected?: boolean | undefined;
|
|
1797
|
-
hoverable?: boolean | undefined;
|
|
1798
|
-
} & react.HTMLAttributes<HTMLTableRowElement> & react.RefAttributes<HTMLTableRowElement>>;
|
|
1799
|
-
|
|
1800
|
-
declare const CollapsibleTable$1: react.ForwardRefExoticComponent<{
|
|
1801
|
-
isCollapsed?: boolean | undefined;
|
|
1802
|
-
headerValues: HeaderValues;
|
|
1803
|
-
definingColumnIndex?: number[] | undefined;
|
|
1804
|
-
} & {
|
|
1805
|
-
density?: TableDensity | undefined;
|
|
1806
|
-
stickyHeader?: boolean | undefined;
|
|
1807
|
-
withDividers?: boolean | undefined;
|
|
1808
|
-
} & react.HTMLAttributes<HTMLTableElement> & react.RefAttributes<HTMLTableElement>>;
|
|
1809
|
-
|
|
1810
|
-
type TableFootProps = HTMLAttributes<HTMLTableSectionElement>;
|
|
1811
|
-
declare const Foot: react.ForwardRefExoticComponent<TableFootProps & react.RefAttributes<HTMLTableSectionElement>>;
|
|
1812
|
-
|
|
1813
|
-
type TableHeadProps = HTMLAttributes<HTMLTableSectionElement>;
|
|
1814
|
-
declare const Head: react.ForwardRefExoticComponent<TableHeadProps & react.RefAttributes<HTMLTableSectionElement>>;
|
|
1815
|
-
|
|
1816
1780
|
declare const Row: react.ForwardRefExoticComponent<{
|
|
1817
1781
|
type?: TableRowType | undefined;
|
|
1818
1782
|
mode?: RowMode | undefined;
|
|
@@ -1860,10 +1824,6 @@ type TableCompoundProps = typeof Table$1 & {
|
|
|
1860
1824
|
SortCell: typeof SortCell;
|
|
1861
1825
|
};
|
|
1862
1826
|
declare const Table: TableCompoundProps;
|
|
1863
|
-
type CollapsibleTableCompoundProps = typeof CollapsibleTable$1 & {
|
|
1864
|
-
Row: typeof CollapsibleRow;
|
|
1865
|
-
};
|
|
1866
|
-
declare const CollapsibleTable: CollapsibleTableCompoundProps;
|
|
1867
1827
|
|
|
1868
1828
|
type BreadcrumbProps = HTMLAttributes<HTMLSpanElement> | AnchorHTMLAttributes<HTMLAnchorElement>;
|
|
1869
1829
|
declare const Breadcrumb: react.ForwardRefExoticComponent<BreadcrumbProps & react.RefAttributes<HTMLElement>>;
|
|
@@ -1893,7 +1853,7 @@ type PaginationProps = BaseComponentProps<HTMLElement, {
|
|
|
1893
1853
|
/**Spesifiserer om `<Select />` til å velge antall resultater per side skal vises. */
|
|
1894
1854
|
withSelect?: boolean;
|
|
1895
1855
|
/**Custom options for `<Select />`. **OBS!** hvis det settes custom `selectOptions` bør "alle"-alternativet inkluderes der det er relevant, da brukere ofte liker å ha muligheten. */
|
|
1896
|
-
selectOptions?: PaginationOption
|
|
1856
|
+
selectOptions?: Array<PaginationOption>;
|
|
1897
1857
|
/**Brukes til å hente side og eventuelt annen logikk ved endring av side. */
|
|
1898
1858
|
onChange?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>, page: number) => void;
|
|
1899
1859
|
/**Brukes til å hente `selectedOption` og eventuelt kjøre annen logikk når `withSelect=true` ved endring av alternativ. */
|
|
@@ -2118,9 +2078,9 @@ type InternalHeaderProps = BaseComponentProps<HTMLDivElement, {
|
|
|
2118
2078
|
/**Info om brukeren. Dukker opp som punkt på toppen av kontekstmenyen med tekst oppgitt i name. Blir en lenke hvis href er oppgitt. */
|
|
2119
2079
|
userProps?: InternaHeaderUserProps;
|
|
2120
2080
|
/**Lenker som skal vises i navigasjonsmenyen. */
|
|
2121
|
-
navigationElements?: NavigationLinkProps
|
|
2081
|
+
navigationElements?: Array<NavigationLinkProps>;
|
|
2122
2082
|
/**Lenker eller knapper som skal vises i kontekstmenyen. Støtter ikon i tillegg til tekst. */
|
|
2123
|
-
contextMenuElements?: ContextMenuElementProps
|
|
2083
|
+
contextMenuElements?: Array<ContextMenuElementProps>;
|
|
2124
2084
|
/**URL til siden i navigasjonen brukeren er på. Gir highlight til navigasjonselementet i navigationElements med samme URL. */
|
|
2125
2085
|
currentPageHref?: string;
|
|
2126
2086
|
/**Ekstra logikk som kjøres når currentPage endres. */
|
|
@@ -2305,11 +2265,12 @@ declare namespace Calendar {
|
|
|
2305
2265
|
type DateFieldProps<T extends DateValue$1 = CalendarDate> = AriaDateFieldOptions<T> & {
|
|
2306
2266
|
className?: string;
|
|
2307
2267
|
buttonProps?: ReturnType<typeof useDatePicker>['buttonProps'];
|
|
2268
|
+
groupProps?: ReturnType<typeof useDatePicker>['groupProps'];
|
|
2308
2269
|
/**
|
|
2309
2270
|
* For å sette en egendefinert bredde på komponenten.
|
|
2310
2271
|
*/
|
|
2311
2272
|
width?: CSS.Properties['width'];
|
|
2312
|
-
} & Pick<InputProps
|
|
2273
|
+
} & Pick<InputProps, 'componentSize' | 'errorMessage' | 'tip' | 'disabled' | 'style'>;
|
|
2313
2274
|
|
|
2314
2275
|
interface DatePickerProps extends Omit<AriaDatePickerProps<CalendarDate>, 'granularity'>, Pick<DateFieldProps<CalendarDate>, 'componentSize' | 'tip' | 'style'> {
|
|
2315
2276
|
label?: string;
|
|
@@ -2807,7 +2768,7 @@ interface SplitButtonProps {
|
|
|
2807
2768
|
/**Props for primær handling. Samme props som for `<Button />` unntatt `size`, `purpose`, og `appearance`. */
|
|
2808
2769
|
primaryAction: Omit<ButtonProps$1, 'size' | 'apperance' | 'purpose'>;
|
|
2809
2770
|
/**Props for sekunære handlinger. */
|
|
2810
|
-
secondaryActions: OverflowMenuButtonItem
|
|
2771
|
+
secondaryActions: Array<OverflowMenuButtonItem>;
|
|
2811
2772
|
/**Formål med knappen */
|
|
2812
2773
|
purpose?: SplitButtonPurpose;
|
|
2813
2774
|
}
|
|
@@ -2874,7 +2835,7 @@ type AudioMimeType = 'aac' | 'midi' | 'x-midi' | 'mpeg' | 'ogg' | 'opus' | 'wav'
|
|
|
2874
2835
|
type ApplicationMimeType = 'octet-stream' | 'msword' | 'vnd.openxmlformats-officedocument.wordprocessingml.document' | 'epub+zip' | 'gzip' | 'java-archive' | 'json' | 'vnd.oasis.opendocument.presentation' | 'vnd.oasis.opendocument.spreadsheet' | 'vnd.oasis.opendocument.text' | 'pdf' | 'vnd.ms-powerpoint' | 'vnd.openxmlformats-officedocument.presentationml.presentation' | 'rtf' | 'x-sh' | 'x-tar' | 'vnd.visio' | 'xhtml+xml' | 'vnd.ms-excel' | 'vnd.openxmlformats-officedocument.spreadsheetml.sheet' | 'xml' | 'vnd.mozilla.xul+xml' | 'zip';
|
|
2875
2836
|
type MimeType = `image/${ImageMimeType | AnyMimeType}` | `video/${VideoMimeType | AnyMimeType}` | `audio/${AudioMimeType | AnyMimeType}` | `application/${ApplicationMimeType}`;
|
|
2876
2837
|
type Accept = MimeType | FileExtensionAccept;
|
|
2877
|
-
type FileList = File
|
|
2838
|
+
type FileList = Array<File>;
|
|
2878
2839
|
|
|
2879
2840
|
interface FileUploaderHookProps {
|
|
2880
2841
|
id: string | undefined;
|
|
@@ -2885,7 +2846,7 @@ interface FileUploaderHookProps {
|
|
|
2885
2846
|
/**Callback for når fil-listen endres. */
|
|
2886
2847
|
onChange: (newFiles: FileList) => void;
|
|
2887
2848
|
/**Hvilke filendelser eller mime-typer som filopplasteren skal akseptere. */
|
|
2888
|
-
accept: Accept
|
|
2849
|
+
accept: Array<Accept> | undefined;
|
|
2889
2850
|
/**Om filopplasteren er avslått eller ikke */
|
|
2890
2851
|
disabled: boolean | undefined;
|
|
2891
2852
|
/**Maks antall filer som tillates. */
|
|
@@ -2967,4 +2928,4 @@ type Layout = 'vertical' | 'horizontal';
|
|
|
2967
2928
|
|
|
2968
2929
|
declare const Feedback: ({ layout, ratingLabel, positiveFeedbackLabel, negativeFeedbackLabel, ratingSubmittedTitle, submittedTitle, ratingValue: ratingProp, feedbackTextValue: feedbackTextProp, thumbUpTooltip, thumbDownTooltip, feedbackTextAreaExcluded, loading, isSubmitted: isSubmittedProp, onRating, onFeedbackTextChange, onSubmit, }: FeedbackProps) => react_jsx_runtime.JSX.Element;
|
|
2969
2930
|
|
|
2970
|
-
export { AddressShieldedIcon, AgreementIcon, type AnchorTypographyType, AnimatedChevronUpDown, AppShell, type AppShellProps, AppsIcon, ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, type As, AttachmentIcon, BackLink, type BackLinkProps, BarChartBoxedIcon, BarChartIcon, type BaseComponentProps, type BaseComponentPropsWithChildren, type BaseTypographyProps, BlockIcon, BookIcon, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, type BreakpointBasedProps, BuildCircledIcon, BuildIcon, Button, type ButtonAppearance, type ButtonProps$1 as ButtonProps, type ButtonPurpose, type ButtonSize, Calendar, CalendarIcon, CalendarMonthIcon, type CalendarProps, CalendarViewDayIcon, CalendarViewMonthIcon, CalendarViewWeekIcon, CallIcon, type Callback, Caption, type CaptionProps, Card, CardAccordion, CardAccordionBody, type CardAccordionBodyProps, CardAccordionHeader, type CardAccordionHeaderProps, type CardAccordionProps, type CardColor, type CardProps, type CardType, CaringIcon, ChatIcon, CheckCircledIcon, CheckIcon, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxPickedHTMLAttributes, type CheckboxProps, ChecklistIcon, ChevronDownIcon, ChevronFirstIcon, ChevronLargeLeftIcon, ChevronLargeRightIcon, ChevronLastIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, Chip, ChipGroup, type ChipGroupProps, type ChipProps, CloseCircledIcon, CloseIcon, CloseSmallIcon, CloudIcon, CollapseIcon,
|
|
2931
|
+
export { AddressShieldedIcon, AgreementIcon, type AnchorTypographyType, AnimatedChevronUpDown, AppShell, type AppShellProps, AppsIcon, ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, type As, AttachmentIcon, BackLink, type BackLinkProps, BarChartBoxedIcon, BarChartIcon, type BaseComponentProps, type BaseComponentPropsWithChildren, type BaseTypographyProps, BlockIcon, BookIcon, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, type BreakpointBasedProps, BuildCircledIcon, BuildIcon, Button, type ButtonAppearance, type ButtonProps$1 as ButtonProps, type ButtonPurpose, type ButtonSize, Calendar, CalendarIcon, CalendarMonthIcon, type CalendarProps, CalendarViewDayIcon, CalendarViewMonthIcon, CalendarViewWeekIcon, CallIcon, type Callback, Caption, type CaptionProps, Card, CardAccordion, CardAccordionBody, type CardAccordionBodyProps, CardAccordionHeader, type CardAccordionHeaderProps, type CardAccordionProps, type CardColor, type CardProps, type CardType, CaringIcon, ChatIcon, CheckCircledIcon, CheckIcon, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxPickedHTMLAttributes, type CheckboxProps, ChecklistIcon, ChevronDownIcon, ChevronFirstIcon, ChevronLargeLeftIcon, ChevronLargeRightIcon, ChevronLastIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, Chip, ChipGroup, type ChipGroupProps, type ChipProps, CloseCircledIcon, CloseIcon, CloseSmallIcon, CloudIcon, CollapseIcon, type ColumnsOccupied, CommentIcon, type CommonInputProps, Container, CopyIcon, CourtIcon, DatePicker, type DatePickerProps, DateRangeIcon, DeathsIcon, DescriptionList, type DescriptionListAppearance, DescriptionListDesc, type DescriptionListDescProps, DescriptionListGroup, type DescriptionListGroupProps, type DescriptionListProps, DescriptionListTerm, type DescriptionListTermProps, type Direction$1 as Direction, Divider, type DividerColor, type DividerProps, DoubleChevronLeftIcon, DoubleChevronRightIcon, DownloadDoneIcon, DownloadIcon, DragHandleIcon, Drawer, DrawerGroup, type DrawerGroupProps, type DrawerPlacement, type DrawerProps, type DrawerSize, EditIcon, EmptyContent, type EmptyContentProps, ErrorIcon, ExclaimIcon, ExpandIcon, type ExpandableCardProps, type ExtractStrict, FacebookIcon, FamilyIcon, Feedback, FeedbackIcon, type FeedbackProps, FileAddIcon, FileIcon, FileShieldedIcon, FileTextIcon, FileUploader, FilterIcon, FilterListIcon, FilterListOffIcon, FilterOffIcon, FindInPageIcon, FlickrIcon, FolderAddIcon, FolderIcon, FolderShieldedIcon, FullscreenExitIcon, FullscreenIcon, GavelIcon, GlobalMessage, type GlobalMessageProps, type GlobalMessagePurpose, Grid, GridChild, type GridChildProps, type GridProps, HStack, Heading, type HeadingLevel, type HeadingProps, HelpFilledIcon, HelpIcon, HiddenInput, HomeIcon, HourglassBottom, HourglassDisabled, HourglassEmpty, HourglassFull, HourglassTop, Icon, type IconPosition, type IconProps, type IconSize, ImageIcon, type InfoCardProps, InfoIcon, InlineEditInput, type InlineEditInputProps, InlineEditTextArea, type InlineEditTextAreaProps, type InlineElement, Input, InputAffixContainer, InputContainer, InputMessage, type InputMessageProps, type InputMessageType, type InputProps, type InputSize, type InputTypographyTypes, InstagramIcon, InternalHeader, type InternalHeaderProps, JordskifterettIcon, KeyIcon, Label, type LabelProps, type LabelTypographyType, LagmannsrettIcon, LanguageIcon, type Layout, Legend, type LegendProps, LibraryAddIcon, LineChartIcon, Link, LinkIcon, LinkOffIcon, type LinkProps, LinkedInIcon, List, ListAltIcon, ListIcon, ListItem, type ListItemProps, type ListProps, type ListType, type ListTypographyType, LocalMessage, type LocalMessageLayout, type LocalMessageProps, type LocalMessagePurpose, LocationIcon, LockIcon, LockOpenIcon, LoginIcon, LogoutIcon, MailIcon, MailOpenIcon, MenuIcon, MinusCirledIcon, MinusIcon, Modal, ModalActions, type ModalActionsProps, ModalBody, type ModalBodyProps, type ModalProps, MoreHorizontalIcon, MoreVerticalIcon, type NavigationCardProps, NotarialIcon, NotificationsIcon, NotificationsOffIcon, type Nullable, OnlineMeetingIcon, OpenExternalIcon, type OtherTypographyType, OuterInputContainer, OverflowMenu, type OverflowMenuButtonItem, type OverflowMenuContextItem, OverflowMenuGroup, type OverflowMenuGroupProps, type OverflowMenuLinkItem, OverflowMenuList, type OverflowMenuNavItem, type OverflowMenuProps, Pagination, type PaginationOption, type PaginationProps, Paper, type PaperProps, Paragraph, type ParagraphProps, PayoutIcon, PdfIcon, PersonAddIcon, PersonIcon, PersonShieldedIcon, PinIcon, type Placement, PlusCircledIcon, PlusIcon, Popover, PopoverGroup, type PopoverGroupProps, type PopoverProps, type PopoverSizeProps, PrintIcon, ProgressTracker, PropertyIcon, type PropsOf, PublishIcon, QuestionAnswerIcon, RadioButton, RadioButtonGroup, type RadioButtonGroupProps, type RadioButtonProps, type Rating, ReceiptIcon, RedoIcon, RefreshIcon, ReplayIcon, RequiredMarker, ScreenSize, type ScreenSizeLiteral, ScrollableContainer, type ScrollableContainerProps, Scrollbar, type ScrollbarProps, Search, type SearchAutocompleteWrapperProps, type SearchData, SearchIcon, type SearchProps, type SearchSize, type SearchSuggestionsProps, Select, type SelectOption, type SelectProps, SettingsIcon, SkipToContent, type SkipToContentProps, SmsIcon, type SortOrder, Spinner, type SpinnerProps, SplitButton, type SplitButtonProps, type SplitButtonPurpose, type StackProps, type StackStyleProps, StarFilledIcon, StarHalfFilled, StarIcon, StatefulInput, type StaticTypographyType, type StyledCommonInputProps, type StyledInputProps, StyledSvg, StyledTextArea, type SvgIcon, type SvgProps, SyncIcon, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, TabPanels, type TabPanelsProps, type TabProps, Table, type TableBodyProps, type TableCellLayout, type TableCellProps, type TableCellType, type TableDensity, type TableFootProps, type TableHeadProps, type TableProps, type TableRowProps, type TableRowType, type TableSortCellProps, Tabs, type TabsProps, Tag, type TagProps, type TagPurpose, type TextAffixProps, TextArea, type TextAreaProps, TextInput, type TextInputProps, TextOverflowEllipsisInner, TextOverflowEllipsisWrapper, Thumbdown, ThumbdownFilled, Thumbup, ThumbupFilled, TimeIcon, TimePicker, type TimePickerProps, TingrettIcon, TipIcon, ToggleBar, type ToggleBarProps, type ToggleBarSize, type ToggleBarValue, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, ToggleRadio, type ToggleRadioProps, Tooltip, type TooltipProps, TrashIcon, TrendingDownIcon, TrendingUpIcon, TwitterIcon, Typography, type TypographyBodyType, type TypographyComponentProps, type TypographyHeadingType, type TypographyInteractionStyling, type TypographyLeadType, type TypographyProps, type TypographyType, UndoIcon, UnfoldLessIcon, UnfoldMoreIcon, UploadIcon, VStack, VisibilityOffIcon, VisibilityOnIcon, VisuallyHidden, type VisuallyHiddenProps, WarningIcon, type WeightedSearchData, type WidthProps, type WithRequiredIf, ZoomInIcon, ZoomOutIcon, calendarDateToNativeDate, cn, createSelectOptions, dangerInputfield, dateValueToNativeDate, defaultTypographyType, focusDangerInputfield, focusInputfield, focusVisible, focusVisibleInset, focusVisibleLink, focusVisibleLinkOnDark, focusVisibleLinkTransitionValue, focusVisibleOnDark, focusVisibleThickWithBorderOnDark, focusVisibleTransitionValue, focusVisibleWithBorder, getAdditionalFontStyle, getAnchorStyling, getBaseHTMLProps, getDefaultText, getElementType, getFontStyling, getLiteralScreenSize, getMarginStyling, hideInput, hoverDangerInputfield, hoverInputfield, hoverWithBorder, index as icons, inlineElements, inputTokens, inputTypographyTypes, isGridColumn, isHeading, isInlineElement, isKeyboardEvent, isRelativeGridColumn, nativeDateToCalendarDate, nativeDateToDateValue, nativeDateToTime, normalizeButton, outlineOffset, removeButtonStyling, removeListStyling, scrollbarStyling, selection, useCombinedRef, useFloatPosition, useFocusTrap, useIsMounted, useMountTransition, useOnClickOutside, useOnKeyDown, useReturnFocusOnBlur, useRoveFocus, useScreenSize, visibilityTransition };
|
package/dist/index.d.ts
CHANGED
|
@@ -14,7 +14,6 @@ import { DateValue, AriaCalendarProps } from '@react-aria/calendar';
|
|
|
14
14
|
import { DateValue as DateValue$1, CalendarDate, Time } from '@internationalized/date';
|
|
15
15
|
import { AriaDatePickerProps } from '@react-types/datepicker';
|
|
16
16
|
import { AriaDateFieldOptions, useDatePicker, AriaTimeFieldProps } from '@react-aria/datepicker';
|
|
17
|
-
import { InputProps as InputProps$1 } from '@norges-domstoler/dds-components';
|
|
18
17
|
|
|
19
18
|
interface SvgChevronProps {
|
|
20
19
|
isUp?: boolean;
|
|
@@ -30,7 +29,7 @@ declare const StatefulInput: styled_components.IStyledComponent<"web", styled_co
|
|
|
30
29
|
ref?: ((instance: HTMLInputElement | null) => void) | react.RefObject<HTMLInputElement> | null | undefined;
|
|
31
30
|
}, StyledInputProps>> & Omit<styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>>, keyof react.Component<any, {}, any>>;
|
|
32
31
|
interface OuterInputContainerProps {
|
|
33
|
-
width?: Property.Width;
|
|
32
|
+
$width?: Property.Width;
|
|
34
33
|
}
|
|
35
34
|
declare const OuterInputContainer: styled_components.IStyledComponent<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, OuterInputContainerProps>>;
|
|
36
35
|
/**Brukes som container til input og ikon for posisjonering. */
|
|
@@ -190,6 +189,15 @@ declare const focusVisibleLinkOnDark: {
|
|
|
190
189
|
textDecoration: string;
|
|
191
190
|
};
|
|
192
191
|
declare const focusVisibleLinkTransitionValue = "background-color 0.2s, text-decoration 0.2s, color 0.2s";
|
|
192
|
+
declare const getAdditionalFontStyle: (bold?: boolean, italic?: boolean, underline?: boolean) => styled_components.RuleSet<object>;
|
|
193
|
+
declare const getMarginStyling: (typographyType: TypographyType, element: ElementType, withMargins?: boolean) => styled_components.RuleSet<object>;
|
|
194
|
+
declare const getAnchorStyling: (external?: boolean, interactionStyling?: TypographyInteractionStyling, typographyType?: StaticTypographyType, withMargins?: boolean) => styled_components.RuleSet<object>;
|
|
195
|
+
|
|
196
|
+
declare const defaultTypographyType: TypographyBodyType;
|
|
197
|
+
declare const getElementType: (element: string) => ElementType;
|
|
198
|
+
declare const isHeading: (type: TypographyType) => type is TypographyHeadingType;
|
|
199
|
+
declare const inlineElements: Array<ElementType>;
|
|
200
|
+
declare const isInlineElement: (as: ElementType) => as is InlineElement;
|
|
193
201
|
declare const getFontStyling: (type: StaticTypographyType, withColor?: boolean) => {
|
|
194
202
|
lineHeight: string;
|
|
195
203
|
fontSize: string;
|
|
@@ -199,15 +207,6 @@ declare const getFontStyling: (type: StaticTypographyType, withColor?: boolean)
|
|
|
199
207
|
fontStyle: string;
|
|
200
208
|
color: string | undefined;
|
|
201
209
|
};
|
|
202
|
-
declare const getAdditionalFontStyle: (bold?: boolean, italic?: boolean, underline?: boolean) => styled_components.RuleSet<object>;
|
|
203
|
-
declare const getMarginStyling: (typographyType: TypographyType, element: ElementType, withMargins?: boolean) => styled_components.RuleSet<object>;
|
|
204
|
-
declare const getAnchorStyling: (external?: boolean, interactionStyling?: TypographyInteractionStyling, typographyType?: StaticTypographyType, withMargins?: boolean) => styled_components.RuleSet<object>;
|
|
205
|
-
|
|
206
|
-
declare const defaultTypographyType: TypographyBodyType;
|
|
207
|
-
declare const getElementType: (element: string) => ElementType;
|
|
208
|
-
declare const isHeading: (type: TypographyType) => type is TypographyHeadingType;
|
|
209
|
-
declare const inlineElements: ElementType[];
|
|
210
|
-
declare const isInlineElement: (as: ElementType) => as is InlineElement;
|
|
211
210
|
|
|
212
211
|
type CaptionProps = BaseComponentPropsWithChildren<HTMLTableCaptionElement, BaseTypographyProps>;
|
|
213
212
|
declare const Caption: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLTableCaptionElement>, "className" | "id"> & {
|
|
@@ -355,12 +354,9 @@ declare const inputTokens: {
|
|
|
355
354
|
gap: number;
|
|
356
355
|
};
|
|
357
356
|
};
|
|
358
|
-
container: {
|
|
359
|
-
gap: string;
|
|
360
|
-
};
|
|
361
357
|
};
|
|
362
358
|
|
|
363
|
-
declare function getDefaultText(value?: string | number |
|
|
359
|
+
declare function getDefaultText(value?: string | number | ReadonlyArray<string>, defaultValue?: string | number | ReadonlyArray<string>): string;
|
|
364
360
|
|
|
365
361
|
type Elevation = 1 | 2 | 3 | 4;
|
|
366
362
|
type Border = 'light' | 'dark';
|
|
@@ -390,7 +386,7 @@ declare const RequiredMarker: () => react_jsx_runtime.JSX.Element;
|
|
|
390
386
|
*
|
|
391
387
|
* {@link useCombinedRef}
|
|
392
388
|
*/
|
|
393
|
-
declare function useCombinedRef<T>(...refs: React.Ref<T
|
|
389
|
+
declare function useCombinedRef<T>(...refs: Array<React.Ref<T>>): RefCallback<T>;
|
|
394
390
|
|
|
395
391
|
type Placement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';
|
|
396
392
|
interface UseFloatPositionOptions {
|
|
@@ -502,7 +498,7 @@ declare const useMountTransition: (isMounted: boolean, unmountDelay: number) =>
|
|
|
502
498
|
* @param element HTML elementet man klikker utenfor.
|
|
503
499
|
* @param handler funksjonen som kjøres ved klikk utenfor.
|
|
504
500
|
*/
|
|
505
|
-
declare function useOnClickOutside(element: HTMLElement | null |
|
|
501
|
+
declare function useOnClickOutside(element: HTMLElement | null | Array<HTMLElement | null>, handler: (event: MouseEvent | TouchEvent) => void): void;
|
|
506
502
|
|
|
507
503
|
/**
|
|
508
504
|
* Kjører logikk når en spesifisert tast blir trykt ned.
|
|
@@ -517,7 +513,7 @@ declare function useOnClickOutside(element: HTMLElement | null | (HTMLElement |
|
|
|
517
513
|
* @param key tasten som trykkes.
|
|
518
514
|
* @param handler funksjonen som skal kjøres.
|
|
519
515
|
*/
|
|
520
|
-
declare const useOnKeyDown: (key: string | string
|
|
516
|
+
declare const useOnKeyDown: (key: string | Array<string>, handler: (event: KeyboardEvent) => void) => void;
|
|
521
517
|
|
|
522
518
|
/**
|
|
523
519
|
* Returnerer fokus til et element når første eller siste barn i en container mister fokus ved tastaturnavigasjon. Typisk bruk:
|
|
@@ -1173,7 +1169,7 @@ declare namespace index {
|
|
|
1173
1169
|
* Join class names together.
|
|
1174
1170
|
* Will filter out all falsy values.
|
|
1175
1171
|
*/
|
|
1176
|
-
declare function cn(...classNames: unknown
|
|
1172
|
+
declare function cn(...classNames: Array<unknown>): string;
|
|
1177
1173
|
|
|
1178
1174
|
type EmbeteType = 'jordskifterett' | 'tingrett' | 'lagmannsrett' | 'høyesterett';
|
|
1179
1175
|
|
|
@@ -1191,11 +1187,11 @@ type UserProps = {
|
|
|
1191
1187
|
} & (AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>);
|
|
1192
1188
|
type OverflowMenuProps = BaseComponentProps<HTMLDivElement, {
|
|
1193
1189
|
/**Lenker eller knapper som skal vises i menyen. Støtter ikon i tillegg til tekst. */
|
|
1194
|
-
items?: OverflowMenuContextItem
|
|
1190
|
+
items?: Array<OverflowMenuContextItem>;
|
|
1195
1191
|
/**Eget element for brukernavn, kan være interaktivt eller statisk. Ligger alltid på toppen av menyen. */
|
|
1196
1192
|
userProps?: UserProps;
|
|
1197
1193
|
/**Navigasjonslenker, brukes hvis navigasjonen skal ligge i menyen (f.eks. ved liten skjerm o.l.). */
|
|
1198
|
-
navItems?: OverflowMenuNavItem
|
|
1194
|
+
navItems?: Array<OverflowMenuNavItem>;
|
|
1199
1195
|
/**Spesifiserer om menyen skal vises. **OBS!** nødvendig kun hvis `<OverflowMenuGroup />` ikke brukes. */
|
|
1200
1196
|
isOpen?: boolean;
|
|
1201
1197
|
/**Callback for å lukke menyen. **OBS!** nødvendig kun hvis `<OverflowMenuGroup />` ikke brukes. */
|
|
@@ -1291,11 +1287,11 @@ interface AppShellNavigationProps {
|
|
|
1291
1287
|
/**
|
|
1292
1288
|
* Interne lenker i navigasjonen.
|
|
1293
1289
|
*/
|
|
1294
|
-
internal?: ReactElement
|
|
1290
|
+
internal?: Array<ReactElement>;
|
|
1295
1291
|
/**
|
|
1296
1292
|
* Eksterne lenker i navigasjonen.
|
|
1297
1293
|
*/
|
|
1298
|
-
external?: ReactElement
|
|
1294
|
+
external?: Array<ReactElement>;
|
|
1299
1295
|
}
|
|
1300
1296
|
declare const AppShell$1: {
|
|
1301
1297
|
({ children, version, navigation: { internal, external }, user, userMenuItems, environment, title, }: AppShellProps): react_jsx_runtime.JSX.Element;
|
|
@@ -1668,11 +1664,11 @@ interface WeightedValue {
|
|
|
1668
1664
|
relevance: number;
|
|
1669
1665
|
}
|
|
1670
1666
|
interface WeightedSearchData {
|
|
1671
|
-
array: WeightedValue
|
|
1667
|
+
array: Array<WeightedValue>;
|
|
1672
1668
|
sortFunction?: (a: WeightedValue, b: WeightedValue) => number;
|
|
1673
1669
|
}
|
|
1674
1670
|
interface SearchData {
|
|
1675
|
-
array: string
|
|
1671
|
+
array: Array<string>;
|
|
1676
1672
|
sortFunction?: (a: string, b: string) => number;
|
|
1677
1673
|
}
|
|
1678
1674
|
interface SearchAutocompleteWrapperProps {
|
|
@@ -1698,7 +1694,7 @@ declare const SearchAutocompleteWrapper: {
|
|
|
1698
1694
|
|
|
1699
1695
|
type SearchSuggestionsProps = BaseComponentProps<HTMLDivElement, Pick<SearchProps, 'componentSize'> & {
|
|
1700
1696
|
/**Forslag som vises i listen. */
|
|
1701
|
-
suggestions?: string
|
|
1697
|
+
suggestions?: Array<string>;
|
|
1702
1698
|
/** Om listen skal vises. */
|
|
1703
1699
|
showSuggestions?: boolean;
|
|
1704
1700
|
/**Callback når et forslag blir valgt, inkludert søkefunksjon. */
|
|
@@ -1750,6 +1746,12 @@ type TableCellProps = {
|
|
|
1750
1746
|
} & (TdHTMLAttributes<HTMLTableCellElement> | ThHTMLAttributes<HTMLTableCellElement>);
|
|
1751
1747
|
declare const Cell: react.ForwardRefExoticComponent<TableCellProps & react.RefAttributes<HTMLTableCellElement>>;
|
|
1752
1748
|
|
|
1749
|
+
type TableFootProps = HTMLAttributes<HTMLTableSectionElement>;
|
|
1750
|
+
declare const Foot: react.ForwardRefExoticComponent<TableFootProps & react.RefAttributes<HTMLTableSectionElement>>;
|
|
1751
|
+
|
|
1752
|
+
type TableHeadProps = HTMLAttributes<HTMLTableSectionElement>;
|
|
1753
|
+
declare const Head: react.ForwardRefExoticComponent<TableHeadProps & react.RefAttributes<HTMLTableSectionElement>>;
|
|
1754
|
+
|
|
1753
1755
|
type TableDensity = 'normal' | 'compact' | 'extraCompact';
|
|
1754
1756
|
type TableProps = {
|
|
1755
1757
|
/**Spesifiserer hvor romslige cellene i tabellen skal være. */
|
|
@@ -1759,21 +1761,6 @@ type TableProps = {
|
|
|
1759
1761
|
/**Legger skillelinjer mellom radene. */
|
|
1760
1762
|
withDividers?: boolean;
|
|
1761
1763
|
} & HTMLAttributes<HTMLTableElement>;
|
|
1762
|
-
type HeaderValues = {
|
|
1763
|
-
key: string;
|
|
1764
|
-
content: ReactNode;
|
|
1765
|
-
}[];
|
|
1766
|
-
type CollapsibleTableProps = {
|
|
1767
|
-
/**Om tabellen skal kollapse. */
|
|
1768
|
-
isCollapsed?: boolean;
|
|
1769
|
-
/**Innhold i headere (`content`) og deres `key`. `headerValues.content` må være den samme som faktisk innhold i `<Table.Cell type='head'>`. */
|
|
1770
|
-
headerValues: HeaderValues;
|
|
1771
|
-
/**
|
|
1772
|
-
* Indeksen(e) til kolonnen(e) som skal synes når tabellen er kollapset. Rekkefølgen i array avgjør rekkefølgen i render.
|
|
1773
|
-
* @default [0]
|
|
1774
|
-
* */
|
|
1775
|
-
definingColumnIndex?: number[];
|
|
1776
|
-
} & TableProps;
|
|
1777
1764
|
type TableRowType = 'body' | 'head';
|
|
1778
1765
|
type RowMode = 'normal' | 'sum';
|
|
1779
1766
|
type TableRowProps = {
|
|
@@ -1790,29 +1777,6 @@ type TableRowProps = {
|
|
|
1790
1777
|
hoverable?: boolean;
|
|
1791
1778
|
} & HTMLAttributes<HTMLTableRowElement>;
|
|
1792
1779
|
|
|
1793
|
-
declare const CollapsibleRow: react.ForwardRefExoticComponent<{
|
|
1794
|
-
type?: TableRowType | undefined;
|
|
1795
|
-
mode?: RowMode | undefined;
|
|
1796
|
-
selected?: boolean | undefined;
|
|
1797
|
-
hoverable?: boolean | undefined;
|
|
1798
|
-
} & react.HTMLAttributes<HTMLTableRowElement> & react.RefAttributes<HTMLTableRowElement>>;
|
|
1799
|
-
|
|
1800
|
-
declare const CollapsibleTable$1: react.ForwardRefExoticComponent<{
|
|
1801
|
-
isCollapsed?: boolean | undefined;
|
|
1802
|
-
headerValues: HeaderValues;
|
|
1803
|
-
definingColumnIndex?: number[] | undefined;
|
|
1804
|
-
} & {
|
|
1805
|
-
density?: TableDensity | undefined;
|
|
1806
|
-
stickyHeader?: boolean | undefined;
|
|
1807
|
-
withDividers?: boolean | undefined;
|
|
1808
|
-
} & react.HTMLAttributes<HTMLTableElement> & react.RefAttributes<HTMLTableElement>>;
|
|
1809
|
-
|
|
1810
|
-
type TableFootProps = HTMLAttributes<HTMLTableSectionElement>;
|
|
1811
|
-
declare const Foot: react.ForwardRefExoticComponent<TableFootProps & react.RefAttributes<HTMLTableSectionElement>>;
|
|
1812
|
-
|
|
1813
|
-
type TableHeadProps = HTMLAttributes<HTMLTableSectionElement>;
|
|
1814
|
-
declare const Head: react.ForwardRefExoticComponent<TableHeadProps & react.RefAttributes<HTMLTableSectionElement>>;
|
|
1815
|
-
|
|
1816
1780
|
declare const Row: react.ForwardRefExoticComponent<{
|
|
1817
1781
|
type?: TableRowType | undefined;
|
|
1818
1782
|
mode?: RowMode | undefined;
|
|
@@ -1860,10 +1824,6 @@ type TableCompoundProps = typeof Table$1 & {
|
|
|
1860
1824
|
SortCell: typeof SortCell;
|
|
1861
1825
|
};
|
|
1862
1826
|
declare const Table: TableCompoundProps;
|
|
1863
|
-
type CollapsibleTableCompoundProps = typeof CollapsibleTable$1 & {
|
|
1864
|
-
Row: typeof CollapsibleRow;
|
|
1865
|
-
};
|
|
1866
|
-
declare const CollapsibleTable: CollapsibleTableCompoundProps;
|
|
1867
1827
|
|
|
1868
1828
|
type BreadcrumbProps = HTMLAttributes<HTMLSpanElement> | AnchorHTMLAttributes<HTMLAnchorElement>;
|
|
1869
1829
|
declare const Breadcrumb: react.ForwardRefExoticComponent<BreadcrumbProps & react.RefAttributes<HTMLElement>>;
|
|
@@ -1893,7 +1853,7 @@ type PaginationProps = BaseComponentProps<HTMLElement, {
|
|
|
1893
1853
|
/**Spesifiserer om `<Select />` til å velge antall resultater per side skal vises. */
|
|
1894
1854
|
withSelect?: boolean;
|
|
1895
1855
|
/**Custom options for `<Select />`. **OBS!** hvis det settes custom `selectOptions` bør "alle"-alternativet inkluderes der det er relevant, da brukere ofte liker å ha muligheten. */
|
|
1896
|
-
selectOptions?: PaginationOption
|
|
1856
|
+
selectOptions?: Array<PaginationOption>;
|
|
1897
1857
|
/**Brukes til å hente side og eventuelt annen logikk ved endring av side. */
|
|
1898
1858
|
onChange?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>, page: number) => void;
|
|
1899
1859
|
/**Brukes til å hente `selectedOption` og eventuelt kjøre annen logikk når `withSelect=true` ved endring av alternativ. */
|
|
@@ -2118,9 +2078,9 @@ type InternalHeaderProps = BaseComponentProps<HTMLDivElement, {
|
|
|
2118
2078
|
/**Info om brukeren. Dukker opp som punkt på toppen av kontekstmenyen med tekst oppgitt i name. Blir en lenke hvis href er oppgitt. */
|
|
2119
2079
|
userProps?: InternaHeaderUserProps;
|
|
2120
2080
|
/**Lenker som skal vises i navigasjonsmenyen. */
|
|
2121
|
-
navigationElements?: NavigationLinkProps
|
|
2081
|
+
navigationElements?: Array<NavigationLinkProps>;
|
|
2122
2082
|
/**Lenker eller knapper som skal vises i kontekstmenyen. Støtter ikon i tillegg til tekst. */
|
|
2123
|
-
contextMenuElements?: ContextMenuElementProps
|
|
2083
|
+
contextMenuElements?: Array<ContextMenuElementProps>;
|
|
2124
2084
|
/**URL til siden i navigasjonen brukeren er på. Gir highlight til navigasjonselementet i navigationElements med samme URL. */
|
|
2125
2085
|
currentPageHref?: string;
|
|
2126
2086
|
/**Ekstra logikk som kjøres når currentPage endres. */
|
|
@@ -2305,11 +2265,12 @@ declare namespace Calendar {
|
|
|
2305
2265
|
type DateFieldProps<T extends DateValue$1 = CalendarDate> = AriaDateFieldOptions<T> & {
|
|
2306
2266
|
className?: string;
|
|
2307
2267
|
buttonProps?: ReturnType<typeof useDatePicker>['buttonProps'];
|
|
2268
|
+
groupProps?: ReturnType<typeof useDatePicker>['groupProps'];
|
|
2308
2269
|
/**
|
|
2309
2270
|
* For å sette en egendefinert bredde på komponenten.
|
|
2310
2271
|
*/
|
|
2311
2272
|
width?: CSS.Properties['width'];
|
|
2312
|
-
} & Pick<InputProps
|
|
2273
|
+
} & Pick<InputProps, 'componentSize' | 'errorMessage' | 'tip' | 'disabled' | 'style'>;
|
|
2313
2274
|
|
|
2314
2275
|
interface DatePickerProps extends Omit<AriaDatePickerProps<CalendarDate>, 'granularity'>, Pick<DateFieldProps<CalendarDate>, 'componentSize' | 'tip' | 'style'> {
|
|
2315
2276
|
label?: string;
|
|
@@ -2807,7 +2768,7 @@ interface SplitButtonProps {
|
|
|
2807
2768
|
/**Props for primær handling. Samme props som for `<Button />` unntatt `size`, `purpose`, og `appearance`. */
|
|
2808
2769
|
primaryAction: Omit<ButtonProps$1, 'size' | 'apperance' | 'purpose'>;
|
|
2809
2770
|
/**Props for sekunære handlinger. */
|
|
2810
|
-
secondaryActions: OverflowMenuButtonItem
|
|
2771
|
+
secondaryActions: Array<OverflowMenuButtonItem>;
|
|
2811
2772
|
/**Formål med knappen */
|
|
2812
2773
|
purpose?: SplitButtonPurpose;
|
|
2813
2774
|
}
|
|
@@ -2874,7 +2835,7 @@ type AudioMimeType = 'aac' | 'midi' | 'x-midi' | 'mpeg' | 'ogg' | 'opus' | 'wav'
|
|
|
2874
2835
|
type ApplicationMimeType = 'octet-stream' | 'msword' | 'vnd.openxmlformats-officedocument.wordprocessingml.document' | 'epub+zip' | 'gzip' | 'java-archive' | 'json' | 'vnd.oasis.opendocument.presentation' | 'vnd.oasis.opendocument.spreadsheet' | 'vnd.oasis.opendocument.text' | 'pdf' | 'vnd.ms-powerpoint' | 'vnd.openxmlformats-officedocument.presentationml.presentation' | 'rtf' | 'x-sh' | 'x-tar' | 'vnd.visio' | 'xhtml+xml' | 'vnd.ms-excel' | 'vnd.openxmlformats-officedocument.spreadsheetml.sheet' | 'xml' | 'vnd.mozilla.xul+xml' | 'zip';
|
|
2875
2836
|
type MimeType = `image/${ImageMimeType | AnyMimeType}` | `video/${VideoMimeType | AnyMimeType}` | `audio/${AudioMimeType | AnyMimeType}` | `application/${ApplicationMimeType}`;
|
|
2876
2837
|
type Accept = MimeType | FileExtensionAccept;
|
|
2877
|
-
type FileList = File
|
|
2838
|
+
type FileList = Array<File>;
|
|
2878
2839
|
|
|
2879
2840
|
interface FileUploaderHookProps {
|
|
2880
2841
|
id: string | undefined;
|
|
@@ -2885,7 +2846,7 @@ interface FileUploaderHookProps {
|
|
|
2885
2846
|
/**Callback for når fil-listen endres. */
|
|
2886
2847
|
onChange: (newFiles: FileList) => void;
|
|
2887
2848
|
/**Hvilke filendelser eller mime-typer som filopplasteren skal akseptere. */
|
|
2888
|
-
accept: Accept
|
|
2849
|
+
accept: Array<Accept> | undefined;
|
|
2889
2850
|
/**Om filopplasteren er avslått eller ikke */
|
|
2890
2851
|
disabled: boolean | undefined;
|
|
2891
2852
|
/**Maks antall filer som tillates. */
|
|
@@ -2967,4 +2928,4 @@ type Layout = 'vertical' | 'horizontal';
|
|
|
2967
2928
|
|
|
2968
2929
|
declare const Feedback: ({ layout, ratingLabel, positiveFeedbackLabel, negativeFeedbackLabel, ratingSubmittedTitle, submittedTitle, ratingValue: ratingProp, feedbackTextValue: feedbackTextProp, thumbUpTooltip, thumbDownTooltip, feedbackTextAreaExcluded, loading, isSubmitted: isSubmittedProp, onRating, onFeedbackTextChange, onSubmit, }: FeedbackProps) => react_jsx_runtime.JSX.Element;
|
|
2969
2930
|
|
|
2970
|
-
export { AddressShieldedIcon, AgreementIcon, type AnchorTypographyType, AnimatedChevronUpDown, AppShell, type AppShellProps, AppsIcon, ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, type As, AttachmentIcon, BackLink, type BackLinkProps, BarChartBoxedIcon, BarChartIcon, type BaseComponentProps, type BaseComponentPropsWithChildren, type BaseTypographyProps, BlockIcon, BookIcon, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, type BreakpointBasedProps, BuildCircledIcon, BuildIcon, Button, type ButtonAppearance, type ButtonProps$1 as ButtonProps, type ButtonPurpose, type ButtonSize, Calendar, CalendarIcon, CalendarMonthIcon, type CalendarProps, CalendarViewDayIcon, CalendarViewMonthIcon, CalendarViewWeekIcon, CallIcon, type Callback, Caption, type CaptionProps, Card, CardAccordion, CardAccordionBody, type CardAccordionBodyProps, CardAccordionHeader, type CardAccordionHeaderProps, type CardAccordionProps, type CardColor, type CardProps, type CardType, CaringIcon, ChatIcon, CheckCircledIcon, CheckIcon, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxPickedHTMLAttributes, type CheckboxProps, ChecklistIcon, ChevronDownIcon, ChevronFirstIcon, ChevronLargeLeftIcon, ChevronLargeRightIcon, ChevronLastIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, Chip, ChipGroup, type ChipGroupProps, type ChipProps, CloseCircledIcon, CloseIcon, CloseSmallIcon, CloudIcon, CollapseIcon,
|
|
2931
|
+
export { AddressShieldedIcon, AgreementIcon, type AnchorTypographyType, AnimatedChevronUpDown, AppShell, type AppShellProps, AppsIcon, ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, type As, AttachmentIcon, BackLink, type BackLinkProps, BarChartBoxedIcon, BarChartIcon, type BaseComponentProps, type BaseComponentPropsWithChildren, type BaseTypographyProps, BlockIcon, BookIcon, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, type BreakpointBasedProps, BuildCircledIcon, BuildIcon, Button, type ButtonAppearance, type ButtonProps$1 as ButtonProps, type ButtonPurpose, type ButtonSize, Calendar, CalendarIcon, CalendarMonthIcon, type CalendarProps, CalendarViewDayIcon, CalendarViewMonthIcon, CalendarViewWeekIcon, CallIcon, type Callback, Caption, type CaptionProps, Card, CardAccordion, CardAccordionBody, type CardAccordionBodyProps, CardAccordionHeader, type CardAccordionHeaderProps, type CardAccordionProps, type CardColor, type CardProps, type CardType, CaringIcon, ChatIcon, CheckCircledIcon, CheckIcon, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxPickedHTMLAttributes, type CheckboxProps, ChecklistIcon, ChevronDownIcon, ChevronFirstIcon, ChevronLargeLeftIcon, ChevronLargeRightIcon, ChevronLastIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, Chip, ChipGroup, type ChipGroupProps, type ChipProps, CloseCircledIcon, CloseIcon, CloseSmallIcon, CloudIcon, CollapseIcon, type ColumnsOccupied, CommentIcon, type CommonInputProps, Container, CopyIcon, CourtIcon, DatePicker, type DatePickerProps, DateRangeIcon, DeathsIcon, DescriptionList, type DescriptionListAppearance, DescriptionListDesc, type DescriptionListDescProps, DescriptionListGroup, type DescriptionListGroupProps, type DescriptionListProps, DescriptionListTerm, type DescriptionListTermProps, type Direction$1 as Direction, Divider, type DividerColor, type DividerProps, DoubleChevronLeftIcon, DoubleChevronRightIcon, DownloadDoneIcon, DownloadIcon, DragHandleIcon, Drawer, DrawerGroup, type DrawerGroupProps, type DrawerPlacement, type DrawerProps, type DrawerSize, EditIcon, EmptyContent, type EmptyContentProps, ErrorIcon, ExclaimIcon, ExpandIcon, type ExpandableCardProps, type ExtractStrict, FacebookIcon, FamilyIcon, Feedback, FeedbackIcon, type FeedbackProps, FileAddIcon, FileIcon, FileShieldedIcon, FileTextIcon, FileUploader, FilterIcon, FilterListIcon, FilterListOffIcon, FilterOffIcon, FindInPageIcon, FlickrIcon, FolderAddIcon, FolderIcon, FolderShieldedIcon, FullscreenExitIcon, FullscreenIcon, GavelIcon, GlobalMessage, type GlobalMessageProps, type GlobalMessagePurpose, Grid, GridChild, type GridChildProps, type GridProps, HStack, Heading, type HeadingLevel, type HeadingProps, HelpFilledIcon, HelpIcon, HiddenInput, HomeIcon, HourglassBottom, HourglassDisabled, HourglassEmpty, HourglassFull, HourglassTop, Icon, type IconPosition, type IconProps, type IconSize, ImageIcon, type InfoCardProps, InfoIcon, InlineEditInput, type InlineEditInputProps, InlineEditTextArea, type InlineEditTextAreaProps, type InlineElement, Input, InputAffixContainer, InputContainer, InputMessage, type InputMessageProps, type InputMessageType, type InputProps, type InputSize, type InputTypographyTypes, InstagramIcon, InternalHeader, type InternalHeaderProps, JordskifterettIcon, KeyIcon, Label, type LabelProps, type LabelTypographyType, LagmannsrettIcon, LanguageIcon, type Layout, Legend, type LegendProps, LibraryAddIcon, LineChartIcon, Link, LinkIcon, LinkOffIcon, type LinkProps, LinkedInIcon, List, ListAltIcon, ListIcon, ListItem, type ListItemProps, type ListProps, type ListType, type ListTypographyType, LocalMessage, type LocalMessageLayout, type LocalMessageProps, type LocalMessagePurpose, LocationIcon, LockIcon, LockOpenIcon, LoginIcon, LogoutIcon, MailIcon, MailOpenIcon, MenuIcon, MinusCirledIcon, MinusIcon, Modal, ModalActions, type ModalActionsProps, ModalBody, type ModalBodyProps, type ModalProps, MoreHorizontalIcon, MoreVerticalIcon, type NavigationCardProps, NotarialIcon, NotificationsIcon, NotificationsOffIcon, type Nullable, OnlineMeetingIcon, OpenExternalIcon, type OtherTypographyType, OuterInputContainer, OverflowMenu, type OverflowMenuButtonItem, type OverflowMenuContextItem, OverflowMenuGroup, type OverflowMenuGroupProps, type OverflowMenuLinkItem, OverflowMenuList, type OverflowMenuNavItem, type OverflowMenuProps, Pagination, type PaginationOption, type PaginationProps, Paper, type PaperProps, Paragraph, type ParagraphProps, PayoutIcon, PdfIcon, PersonAddIcon, PersonIcon, PersonShieldedIcon, PinIcon, type Placement, PlusCircledIcon, PlusIcon, Popover, PopoverGroup, type PopoverGroupProps, type PopoverProps, type PopoverSizeProps, PrintIcon, ProgressTracker, PropertyIcon, type PropsOf, PublishIcon, QuestionAnswerIcon, RadioButton, RadioButtonGroup, type RadioButtonGroupProps, type RadioButtonProps, type Rating, ReceiptIcon, RedoIcon, RefreshIcon, ReplayIcon, RequiredMarker, ScreenSize, type ScreenSizeLiteral, ScrollableContainer, type ScrollableContainerProps, Scrollbar, type ScrollbarProps, Search, type SearchAutocompleteWrapperProps, type SearchData, SearchIcon, type SearchProps, type SearchSize, type SearchSuggestionsProps, Select, type SelectOption, type SelectProps, SettingsIcon, SkipToContent, type SkipToContentProps, SmsIcon, type SortOrder, Spinner, type SpinnerProps, SplitButton, type SplitButtonProps, type SplitButtonPurpose, type StackProps, type StackStyleProps, StarFilledIcon, StarHalfFilled, StarIcon, StatefulInput, type StaticTypographyType, type StyledCommonInputProps, type StyledInputProps, StyledSvg, StyledTextArea, type SvgIcon, type SvgProps, SyncIcon, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, TabPanels, type TabPanelsProps, type TabProps, Table, type TableBodyProps, type TableCellLayout, type TableCellProps, type TableCellType, type TableDensity, type TableFootProps, type TableHeadProps, type TableProps, type TableRowProps, type TableRowType, type TableSortCellProps, Tabs, type TabsProps, Tag, type TagProps, type TagPurpose, type TextAffixProps, TextArea, type TextAreaProps, TextInput, type TextInputProps, TextOverflowEllipsisInner, TextOverflowEllipsisWrapper, Thumbdown, ThumbdownFilled, Thumbup, ThumbupFilled, TimeIcon, TimePicker, type TimePickerProps, TingrettIcon, TipIcon, ToggleBar, type ToggleBarProps, type ToggleBarSize, type ToggleBarValue, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, ToggleRadio, type ToggleRadioProps, Tooltip, type TooltipProps, TrashIcon, TrendingDownIcon, TrendingUpIcon, TwitterIcon, Typography, type TypographyBodyType, type TypographyComponentProps, type TypographyHeadingType, type TypographyInteractionStyling, type TypographyLeadType, type TypographyProps, type TypographyType, UndoIcon, UnfoldLessIcon, UnfoldMoreIcon, UploadIcon, VStack, VisibilityOffIcon, VisibilityOnIcon, VisuallyHidden, type VisuallyHiddenProps, WarningIcon, type WeightedSearchData, type WidthProps, type WithRequiredIf, ZoomInIcon, ZoomOutIcon, calendarDateToNativeDate, cn, createSelectOptions, dangerInputfield, dateValueToNativeDate, defaultTypographyType, focusDangerInputfield, focusInputfield, focusVisible, focusVisibleInset, focusVisibleLink, focusVisibleLinkOnDark, focusVisibleLinkTransitionValue, focusVisibleOnDark, focusVisibleThickWithBorderOnDark, focusVisibleTransitionValue, focusVisibleWithBorder, getAdditionalFontStyle, getAnchorStyling, getBaseHTMLProps, getDefaultText, getElementType, getFontStyling, getLiteralScreenSize, getMarginStyling, hideInput, hoverDangerInputfield, hoverInputfield, hoverWithBorder, index as icons, inlineElements, inputTokens, inputTypographyTypes, isGridColumn, isHeading, isInlineElement, isKeyboardEvent, isRelativeGridColumn, nativeDateToCalendarDate, nativeDateToDateValue, nativeDateToTime, normalizeButton, outlineOffset, removeButtonStyling, removeListStyling, scrollbarStyling, selection, useCombinedRef, useFloatPosition, useFocusTrap, useIsMounted, useMountTransition, useOnClickOutside, useOnKeyDown, useReturnFocusOnBlur, useRoveFocus, useScreenSize, visibilityTransition };
|