@norges-domstoler/dds-components 10.2.1 → 10.3.1
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/_virtual/_rollupPluginBabelHelpers.js +104 -76
- package/dist/cjs/components/Breadcrumbs/Breadcrumb.d.ts +1 -1
- package/dist/cjs/components/Breadcrumbs/Breadcrumbs.d.ts +1 -1
- package/dist/cjs/components/Button/Button.styles.d.ts +3 -3
- package/dist/cjs/components/Button/Button.types.d.ts +6 -6
- package/dist/cjs/components/Card/Card.d.ts +7 -7
- package/dist/cjs/components/Card/CardAccordion/CardAccordion.d.ts +1 -1
- package/dist/cjs/components/Card/CardAccordion/CardAccordionBody.d.ts +1 -1
- package/dist/cjs/components/Card/CardAccordion/CardAccordionHeader.d.ts +1 -1
- package/dist/cjs/components/Checkbox/Checkbox.types.d.ts +1 -1
- package/dist/cjs/components/Checkbox/CheckboxGroup.d.ts +1 -1
- package/dist/cjs/components/Chip/Chip.d.ts +1 -1
- package/dist/cjs/components/Chip/ChipGroup.d.ts +1 -1
- package/dist/cjs/components/Datepicker/Datepicker.d.ts +2 -2
- package/dist/cjs/components/DescriptionList/DescriptionList.d.ts +2 -2
- package/dist/cjs/components/DescriptionList/DescriptionListDesc.d.ts +1 -1
- package/dist/cjs/components/DescriptionList/DescriptionListGroup.d.ts +1 -1
- package/dist/cjs/components/DescriptionList/DescriptionListTerm.d.ts +1 -1
- package/dist/cjs/components/Divider/Divider.d.ts +2 -2
- package/dist/cjs/components/Drawer/Drawer.d.ts +4 -4
- package/dist/cjs/components/Drawer/DrawerGroup.d.ts +1 -1
- package/dist/cjs/components/FileUploader/ErrorList.d.ts +1 -1
- package/dist/cjs/components/FileUploader/File.d.ts +1 -1
- package/dist/cjs/components/FileUploader/FileUploader.d.ts +2 -2
- package/dist/cjs/components/FileUploader/FileUploader.stories.d.ts +1 -1
- package/dist/cjs/components/FileUploader/fileUploaderReducer.d.ts +8 -5
- package/dist/cjs/components/FileUploader/types.d.ts +9 -9
- package/dist/cjs/components/FileUploader/useFileUploader.d.ts +8 -6
- package/dist/cjs/components/FormGenerator/FormGenerator.types.d.ts +33 -33
- package/dist/cjs/components/GlobalMessage/GlobalMessage.d.ts +2 -2
- package/dist/cjs/components/Grid/Grid.context.d.ts +1 -1
- package/dist/cjs/components/Grid/Grid.d.ts +6 -6
- package/dist/cjs/components/Grid/Grid.utils.d.ts +2 -2
- package/dist/cjs/components/Grid/GridChild.d.ts +4 -4
- package/dist/cjs/components/Icon/Icon.d.ts +2 -2
- package/dist/cjs/components/InlineEdit/InlineEdit.styles.d.ts +1 -1
- package/dist/cjs/components/InlineEdit/InlineEdit.types.d.ts +5 -5
- package/dist/cjs/components/InlineEdit/InlineInput.d.ts +1 -1
- package/dist/cjs/components/InlineEdit/InlineTextArea.d.ts +1 -1
- package/dist/cjs/components/InputMessage/InputMessage.d.ts +2 -2
- package/dist/cjs/components/InternalHeader/InternalHeader.styles.d.ts +2 -2
- package/dist/cjs/components/InternalHeader/InternalHeader.types.d.ts +4 -4
- package/dist/cjs/components/InternalHeader/InternalHeaderListItem.d.ts +1 -1
- package/dist/cjs/components/InternalHeader/NavigationItem.d.ts +2 -2
- package/dist/cjs/components/List/List.d.ts +3 -3
- package/dist/cjs/components/List/List.stories.d.ts +3 -3
- package/dist/cjs/components/List/ListItem.d.ts +1 -1
- package/dist/cjs/components/LocalMessage/LocalMessage.d.ts +3 -3
- package/dist/cjs/components/Modal/Modal.d.ts +1 -1
- package/dist/cjs/components/Modal/ModalActions.d.ts +1 -1
- package/dist/cjs/components/Modal/ModalBody.d.ts +1 -1
- package/dist/cjs/components/OverflowMenu/OverflowMenu.d.ts +1 -1
- package/dist/cjs/components/OverflowMenu/OverflowMenu.types.d.ts +7 -7
- package/dist/cjs/components/OverflowMenu/OverflowMenuGroup.d.ts +1 -1
- package/dist/cjs/components/OverflowMenu/OverflowMenuItem.d.ts +5 -5
- package/dist/cjs/components/Pagination/Pagination.d.ts +2 -2
- package/dist/cjs/components/Popover/Popover.d.ts +2 -2
- package/dist/cjs/components/Popover/PopoverGroup.d.ts +1 -1
- package/dist/cjs/components/ProgressTracker/ProgressTracker.context.d.ts +1 -1
- package/dist/cjs/components/ProgressTracker/ProgressTracker.d.ts +2 -2
- package/dist/cjs/components/ProgressTracker/ProgressTrackerItem.d.ts +2 -2
- package/dist/cjs/components/RadioButton/RadioButton.types.d.ts +2 -2
- package/dist/cjs/components/RadioButton/RadioButtonGroup.d.ts +1 -1
- package/dist/cjs/components/ScrollableContainer/ScrollableContainer.d.ts +1 -1
- package/dist/cjs/components/ScrollableContainer/Scrollbar.d.ts +1 -1
- package/dist/cjs/components/Search/AutocompleteSearch.context.d.ts +1 -1
- package/dist/cjs/components/Search/Search.d.ts +3 -3
- package/dist/cjs/components/Search/SearchAutocompleteWrapper.d.ts +4 -4
- package/dist/cjs/components/Search/SearchSuggestions.d.ts +1 -1
- package/dist/cjs/components/Search/index.d.ts +1 -1
- package/dist/cjs/components/Select/CustomSelect.stories.d.ts +1 -1
- package/dist/cjs/components/Select/MultiSelect.stories.d.ts +2 -2
- package/dist/cjs/components/Select/Select.d.ts +4 -4
- package/dist/cjs/components/Select/Select.stories.d.ts +1 -1
- package/dist/cjs/components/Select/Select.styles.d.ts +1 -1
- package/dist/cjs/components/SkipToContent/SkipToContent.d.ts +1 -1
- package/dist/cjs/components/Spinner/Spinner.d.ts +1 -1
- package/dist/cjs/components/SplitButton/SplitButton.d.ts +2 -2
- package/dist/cjs/components/Stack/Stack.d.ts +3 -3
- package/dist/cjs/components/Table/Body.d.ts +1 -1
- package/dist/cjs/components/Table/Cell.d.ts +4 -4
- package/dist/cjs/components/Table/Foot.d.ts +1 -1
- package/dist/cjs/components/Table/Head.d.ts +1 -1
- package/dist/cjs/components/Table/SortCell.d.ts +2 -2
- package/dist/cjs/components/Table/Table.styles.d.ts +1 -1
- package/dist/cjs/components/Table/Table.types.d.ts +7 -7
- package/dist/cjs/components/Table/TableWrapper.d.ts +1 -1
- package/dist/cjs/components/Table/collapsible/Table.context.d.ts +1 -1
- package/dist/cjs/components/Table/index.d.ts +2 -2
- package/dist/cjs/components/Table/tableData.d.ts +2 -2
- package/dist/cjs/components/Tabs/Tab.d.ts +1 -1
- package/dist/cjs/components/Tabs/TabList.d.ts +1 -1
- package/dist/cjs/components/Tabs/TabPanel.d.ts +1 -1
- package/dist/cjs/components/Tabs/TabPanels.d.ts +1 -1
- package/dist/cjs/components/Tabs/Tabs.context.d.ts +1 -1
- package/dist/cjs/components/Tabs/Tabs.d.ts +1 -1
- package/dist/cjs/components/Tag/Tag.d.ts +2 -2
- package/dist/cjs/components/TextArea/TextArea.d.ts +1 -1
- package/dist/cjs/components/TextInput/CharCounter.d.ts +1 -1
- package/dist/cjs/components/TextInput/TextInput.styles.d.ts +2 -2
- package/dist/cjs/components/TextInput/TextInput.types.d.ts +1 -1
- package/dist/cjs/components/ToggleBar/ToggleBar.context.d.ts +1 -1
- package/dist/cjs/components/ToggleBar/ToggleBar.types.d.ts +3 -3
- package/dist/cjs/components/ToggleBar/ToggleRadio.d.ts +2 -2
- package/dist/cjs/components/ToggleBar/ToggleRadio.styles.d.ts +2 -2
- package/dist/cjs/components/ToggleButton/ToggleButton.types.d.ts +1 -1
- package/dist/cjs/components/ToggleButton/ToggleButtonGroup.d.ts +2 -2
- package/dist/cjs/components/Tooltip/Tooltip.d.ts +3 -3
- package/dist/cjs/components/Tooltip/Tooltip.styles.d.ts +1 -1
- package/dist/cjs/components/Typography/Caption/Caption.d.ts +1 -1
- package/dist/cjs/components/Typography/Caption/Caption.stories.d.ts +1 -1
- package/dist/cjs/components/Typography/Heading/Heading.d.ts +2 -2
- package/dist/cjs/components/Typography/Heading/Heading.stories.d.ts +1 -1
- package/dist/cjs/components/Typography/Label/Label.d.ts +3 -3
- package/dist/cjs/components/Typography/Label/Label.stories.d.ts +1 -1
- package/dist/cjs/components/Typography/Legend/Legend.d.ts +1 -1
- package/dist/cjs/components/Typography/Legend/Legend.stories.d.ts +1 -1
- package/dist/cjs/components/Typography/Link/Link.d.ts +2 -2
- package/dist/cjs/components/Typography/Link/Link.stories.d.ts +1 -1
- package/dist/cjs/components/Typography/Paragraph/Paragraph.d.ts +1 -1
- package/dist/cjs/components/Typography/Paragraph/Paragraph.stories.d.ts +1 -1
- package/dist/cjs/components/Typography/Typography/Typography.d.ts +4 -4
- package/dist/cjs/components/Typography/Typography/Typography.stories.d.ts +1 -1
- package/dist/cjs/components/Typography/Typography/Typography.types.d.ts +14 -14
- package/dist/cjs/components/VisuallyHidden/VisuallyHidden.d.ts +3 -3
- package/dist/cjs/helpers/Backdrop/Backdrop.d.ts +1 -1
- package/dist/cjs/helpers/Chevron/AnimatedChevronUpDown.d.ts +1 -1
- package/dist/cjs/helpers/Chevron/AnimatedChevronUpDown.styles.d.ts +1 -1
- package/dist/cjs/helpers/Input/Input.styles.d.ts +1 -1
- package/dist/cjs/helpers/Input/Input.types.d.ts +6 -6
- package/dist/cjs/helpers/Paper/Paper.d.ts +3 -3
- package/dist/cjs/helpers/SelectionControl/SelectionControl.styles.d.ts +3 -3
- package/dist/cjs/hooks/useFloatPosition.d.ts +1 -1
- package/dist/cjs/icons/utils/StyledSvg.d.ts +1 -1
- package/dist/cjs/icons/utils/propTypes.d.ts +2 -2
- package/dist/cjs/index.js +318 -280
- package/dist/cjs/types/BaseComponentProps.d.ts +3 -3
- package/dist/cjs/types/CheckboxPickedHTMLAttributes.d.ts +1 -1
- package/dist/cjs/types/Direction.d.ts +1 -1
- package/dist/cjs/types/utils.d.ts +2 -2
- package/dist/cjs/utils/color.d.ts +3 -3
- package/dist/components/Breadcrumbs/Breadcrumb.d.ts +1 -1
- package/dist/components/Breadcrumbs/Breadcrumbs.d.ts +1 -1
- package/dist/components/Button/Button.styles.d.ts +3 -3
- package/dist/components/Button/Button.types.d.ts +6 -6
- package/dist/components/Card/Card.d.ts +7 -7
- package/dist/components/Card/CardAccordion/CardAccordion.d.ts +1 -1
- package/dist/components/Card/CardAccordion/CardAccordionBody.d.ts +1 -1
- package/dist/components/Card/CardAccordion/CardAccordionHeader.d.ts +1 -1
- package/dist/components/Checkbox/Checkbox.types.d.ts +1 -1
- package/dist/components/Checkbox/CheckboxGroup.d.ts +1 -1
- package/dist/components/Chip/Chip.d.ts +1 -1
- package/dist/components/Chip/ChipGroup.d.ts +1 -1
- package/dist/components/Datepicker/Datepicker.d.ts +2 -2
- package/dist/components/DescriptionList/DescriptionList.d.ts +2 -2
- package/dist/components/DescriptionList/DescriptionListDesc.d.ts +1 -1
- package/dist/components/DescriptionList/DescriptionListGroup.d.ts +1 -1
- package/dist/components/DescriptionList/DescriptionListTerm.d.ts +1 -1
- package/dist/components/Divider/Divider.d.ts +2 -2
- package/dist/components/Drawer/Drawer.d.ts +4 -4
- package/dist/components/Drawer/DrawerGroup.d.ts +1 -1
- package/dist/components/FileUploader/ErrorList.d.ts +1 -1
- package/dist/components/FileUploader/File.d.ts +1 -1
- package/dist/components/FileUploader/FileUploader.d.ts +2 -2
- package/dist/components/FileUploader/FileUploader.js +5 -3
- package/dist/components/FileUploader/FileUploader.stories.d.ts +1 -1
- package/dist/components/FileUploader/fileUploaderReducer.d.ts +8 -5
- package/dist/components/FileUploader/fileUploaderReducer.js +4 -0
- package/dist/components/FileUploader/types.d.ts +9 -9
- package/dist/components/FileUploader/useFileUploader.d.ts +8 -6
- package/dist/components/FileUploader/useFileUploader.js +27 -14
- package/dist/components/FormGenerator/FormGenerator.types.d.ts +33 -33
- package/dist/components/GlobalMessage/GlobalMessage.d.ts +2 -2
- package/dist/components/Grid/Grid.context.d.ts +1 -1
- package/dist/components/Grid/Grid.d.ts +6 -6
- package/dist/components/Grid/Grid.utils.d.ts +2 -2
- package/dist/components/Grid/GridChild.d.ts +4 -4
- package/dist/components/Icon/Icon.d.ts +2 -2
- package/dist/components/InlineEdit/InlineEdit.styles.d.ts +1 -1
- package/dist/components/InlineEdit/InlineEdit.types.d.ts +5 -5
- package/dist/components/InlineEdit/InlineInput.d.ts +1 -1
- package/dist/components/InlineEdit/InlineTextArea.d.ts +1 -1
- package/dist/components/InputMessage/InputMessage.d.ts +2 -2
- package/dist/components/InternalHeader/InternalHeader.styles.d.ts +2 -2
- package/dist/components/InternalHeader/InternalHeader.types.d.ts +4 -4
- package/dist/components/InternalHeader/InternalHeaderListItem.d.ts +1 -1
- package/dist/components/InternalHeader/NavigationItem.d.ts +2 -2
- package/dist/components/List/List.d.ts +3 -3
- package/dist/components/List/List.stories.d.ts +3 -3
- package/dist/components/List/ListItem.d.ts +1 -1
- package/dist/components/LocalMessage/LocalMessage.d.ts +3 -3
- package/dist/components/Modal/Modal.d.ts +1 -1
- package/dist/components/Modal/ModalActions.d.ts +1 -1
- package/dist/components/Modal/ModalBody.d.ts +1 -1
- package/dist/components/OverflowMenu/OverflowMenu.d.ts +1 -1
- package/dist/components/OverflowMenu/OverflowMenu.types.d.ts +7 -7
- package/dist/components/OverflowMenu/OverflowMenuGroup.d.ts +1 -1
- package/dist/components/OverflowMenu/OverflowMenuItem.d.ts +5 -5
- package/dist/components/Pagination/Pagination.d.ts +2 -2
- package/dist/components/Popover/Popover.d.ts +2 -2
- package/dist/components/Popover/PopoverGroup.d.ts +1 -1
- package/dist/components/ProgressTracker/ProgressTracker.context.d.ts +1 -1
- package/dist/components/ProgressTracker/ProgressTracker.d.ts +2 -2
- package/dist/components/ProgressTracker/ProgressTrackerItem.d.ts +2 -2
- package/dist/components/RadioButton/RadioButton.types.d.ts +2 -2
- package/dist/components/RadioButton/RadioButtonGroup.d.ts +1 -1
- package/dist/components/ScrollableContainer/ScrollableContainer.d.ts +1 -1
- package/dist/components/ScrollableContainer/Scrollbar.d.ts +1 -1
- package/dist/components/Search/AutocompleteSearch.context.d.ts +1 -1
- package/dist/components/Search/Search.d.ts +3 -3
- package/dist/components/Search/SearchAutocompleteWrapper.d.ts +4 -4
- package/dist/components/Search/SearchSuggestions.d.ts +1 -1
- package/dist/components/Search/index.d.ts +1 -1
- package/dist/components/Select/CustomSelect.stories.d.ts +1 -1
- package/dist/components/Select/MultiSelect.stories.d.ts +2 -2
- package/dist/components/Select/Select.d.ts +4 -4
- package/dist/components/Select/Select.stories.d.ts +1 -1
- package/dist/components/Select/Select.styles.d.ts +1 -1
- package/dist/components/SkipToContent/SkipToContent.d.ts +1 -1
- package/dist/components/Spinner/Spinner.d.ts +1 -1
- package/dist/components/SplitButton/SplitButton.d.ts +2 -2
- package/dist/components/Stack/Stack.d.ts +3 -3
- package/dist/components/Table/Body.d.ts +1 -1
- package/dist/components/Table/Cell.d.ts +4 -4
- package/dist/components/Table/Foot.d.ts +1 -1
- package/dist/components/Table/Head.d.ts +1 -1
- package/dist/components/Table/SortCell.d.ts +2 -2
- package/dist/components/Table/Table.styles.d.ts +1 -1
- package/dist/components/Table/Table.types.d.ts +7 -7
- package/dist/components/Table/TableWrapper.d.ts +1 -1
- package/dist/components/Table/collapsible/Table.context.d.ts +1 -1
- package/dist/components/Table/index.d.ts +2 -2
- package/dist/components/Table/tableData.d.ts +2 -2
- package/dist/components/Tabs/Tab.d.ts +1 -1
- package/dist/components/Tabs/TabList.d.ts +1 -1
- package/dist/components/Tabs/TabPanel.d.ts +1 -1
- package/dist/components/Tabs/TabPanels.d.ts +1 -1
- package/dist/components/Tabs/Tabs.context.d.ts +1 -1
- package/dist/components/Tabs/Tabs.d.ts +1 -1
- package/dist/components/Tag/Tag.d.ts +2 -2
- package/dist/components/TextArea/TextArea.d.ts +1 -1
- package/dist/components/TextInput/CharCounter.d.ts +1 -1
- package/dist/components/TextInput/TextInput.styles.d.ts +2 -2
- package/dist/components/TextInput/TextInput.types.d.ts +1 -1
- package/dist/components/ToggleBar/ToggleBar.context.d.ts +1 -1
- package/dist/components/ToggleBar/ToggleBar.types.d.ts +3 -3
- package/dist/components/ToggleBar/ToggleRadio.d.ts +2 -2
- package/dist/components/ToggleBar/ToggleRadio.styles.d.ts +2 -2
- package/dist/components/ToggleButton/ToggleButton.types.d.ts +1 -1
- package/dist/components/ToggleButton/ToggleButtonGroup.d.ts +2 -2
- package/dist/components/Tooltip/Tooltip.d.ts +3 -3
- package/dist/components/Tooltip/Tooltip.styles.d.ts +1 -1
- package/dist/components/Typography/Caption/Caption.d.ts +1 -1
- package/dist/components/Typography/Caption/Caption.stories.d.ts +1 -1
- package/dist/components/Typography/Heading/Heading.d.ts +2 -2
- package/dist/components/Typography/Heading/Heading.stories.d.ts +1 -1
- package/dist/components/Typography/Label/Label.d.ts +3 -3
- package/dist/components/Typography/Label/Label.stories.d.ts +1 -1
- package/dist/components/Typography/Legend/Legend.d.ts +1 -1
- package/dist/components/Typography/Legend/Legend.stories.d.ts +1 -1
- package/dist/components/Typography/Link/Link.d.ts +2 -2
- package/dist/components/Typography/Link/Link.stories.d.ts +1 -1
- package/dist/components/Typography/Paragraph/Paragraph.d.ts +1 -1
- package/dist/components/Typography/Paragraph/Paragraph.stories.d.ts +1 -1
- package/dist/components/Typography/Typography/Typography.d.ts +4 -4
- package/dist/components/Typography/Typography/Typography.stories.d.ts +1 -1
- package/dist/components/Typography/Typography/Typography.types.d.ts +14 -14
- package/dist/components/VisuallyHidden/VisuallyHidden.d.ts +3 -3
- package/dist/helpers/Backdrop/Backdrop.d.ts +1 -1
- package/dist/helpers/Chevron/AnimatedChevronUpDown.d.ts +1 -1
- package/dist/helpers/Chevron/AnimatedChevronUpDown.styles.d.ts +1 -1
- package/dist/helpers/Input/Input.styles.d.ts +1 -1
- package/dist/helpers/Input/Input.types.d.ts +6 -6
- package/dist/helpers/Paper/Paper.d.ts +3 -3
- package/dist/helpers/SelectionControl/SelectionControl.styles.d.ts +3 -3
- package/dist/hooks/useFloatPosition.d.ts +1 -1
- package/dist/icons/utils/StyledSvg.d.ts +1 -1
- package/dist/icons/utils/propTypes.d.ts +2 -2
- package/dist/types/BaseComponentProps.d.ts +3 -3
- package/dist/types/CheckboxPickedHTMLAttributes.d.ts +1 -1
- package/dist/types/Direction.d.ts +1 -1
- package/dist/types/utils.d.ts +2 -2
- package/dist/utils/color.d.ts +3 -3
- package/package.json +19 -17
|
@@ -17,174 +17,174 @@ import { TextInputProps } from '../TextInput';
|
|
|
17
17
|
import { ToggleButtonProps, ToggleButtonGroupProps } from '../ToggleButton';
|
|
18
18
|
import { HeadingProps, LabelProps, LinkProps, ParagraphProps, TypographyProps } from '../Typography';
|
|
19
19
|
import { VisuallyHiddenProps } from '../VisuallyHidden';
|
|
20
|
-
export
|
|
20
|
+
export type FormGeneratorProps = BaseComponentPropsWithChildren<HTMLElement, {
|
|
21
21
|
/** Definere liste med felt/komponenter og/eller rader med felt/komponenter */
|
|
22
22
|
fields: (FormGeneratorField | FormGeneratorRow)[];
|
|
23
23
|
/** For å hente ut state etter endringer */
|
|
24
24
|
stateOnChange: (newState: object) => void;
|
|
25
25
|
}>;
|
|
26
|
-
export
|
|
26
|
+
export type FormGeneratorRow = {
|
|
27
27
|
rowType: 'button' | 'standard';
|
|
28
28
|
breakpoint?: ScreenSize;
|
|
29
29
|
fields: FormGeneratorField[];
|
|
30
30
|
};
|
|
31
|
-
export
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
31
|
+
export type FormGeneratorField = FieldWithChildren | FieldWithoutChildren;
|
|
32
|
+
type FieldWithChildren = CheckboxGroupField | DescriptionListField | DescriptionListGroupField | ListField | RadioButtonGroupField | ToggleButtonGroupField;
|
|
33
|
+
type FieldWithoutChildren = ButtonField | CardField | CheckboxField | DatepickerField | DescriptionListTermField | DescriptionListDescField | DividerField | GlobalMessageField | HeadingField | InputMessageField | LabelField | LinkField | ListItemField | LocalMessageField | ParagraphField | RadioButtonField | SelectField | SpinnerField | TextInputField | ToggleButtonField | TypographyField | VisuallyHiddenField;
|
|
34
|
+
type ButtonField = {
|
|
35
35
|
component: 'Button';
|
|
36
36
|
props: ButtonProps;
|
|
37
37
|
hide?: boolean;
|
|
38
38
|
};
|
|
39
|
-
|
|
39
|
+
type CardField = {
|
|
40
40
|
component: 'Card';
|
|
41
41
|
props: CardProps;
|
|
42
42
|
hide?: boolean;
|
|
43
43
|
innerHTML: JSX.Element | string;
|
|
44
44
|
};
|
|
45
|
-
|
|
45
|
+
type CheckboxField = {
|
|
46
46
|
component: 'Checkbox';
|
|
47
47
|
props: CheckboxProps;
|
|
48
48
|
hide?: boolean;
|
|
49
49
|
};
|
|
50
|
-
|
|
50
|
+
type CheckboxGroupField = {
|
|
51
51
|
component: 'CheckboxGroup';
|
|
52
52
|
props: CheckboxGroupProps;
|
|
53
53
|
hide?: boolean;
|
|
54
54
|
children: CheckboxField[];
|
|
55
55
|
};
|
|
56
|
-
|
|
56
|
+
type DatepickerField = {
|
|
57
57
|
component: 'Datepicker';
|
|
58
58
|
props: DatepickerProps;
|
|
59
59
|
hide?: boolean;
|
|
60
60
|
};
|
|
61
|
-
|
|
61
|
+
type DescriptionListField = {
|
|
62
62
|
component: 'DescriptionList';
|
|
63
63
|
props: DescriptionListProps;
|
|
64
64
|
hide?: boolean;
|
|
65
65
|
children: DescriptionListGroupField[];
|
|
66
66
|
};
|
|
67
|
-
|
|
67
|
+
type DescriptionListGroupField = {
|
|
68
68
|
component: 'DescriptionListGroup';
|
|
69
69
|
props: DescriptionListGroupProps;
|
|
70
70
|
hide?: boolean;
|
|
71
71
|
children: (DescriptionListTermField | DescriptionListDescField)[];
|
|
72
72
|
};
|
|
73
|
-
|
|
73
|
+
type DescriptionListTermField = {
|
|
74
74
|
component: 'DescriptionListTerm';
|
|
75
75
|
props: DescriptionListTermProps;
|
|
76
76
|
hide?: boolean;
|
|
77
77
|
innerHTML: JSX.Element | string;
|
|
78
78
|
};
|
|
79
|
-
|
|
79
|
+
type DescriptionListDescField = {
|
|
80
80
|
component: 'DescriptionListDesc';
|
|
81
81
|
props: DescriptionListDescProps;
|
|
82
82
|
hide?: boolean;
|
|
83
83
|
innerHTML: JSX.Element | string;
|
|
84
84
|
};
|
|
85
|
-
|
|
85
|
+
type DividerField = {
|
|
86
86
|
component: 'Divider';
|
|
87
87
|
props: DividerProps;
|
|
88
88
|
hide?: boolean;
|
|
89
89
|
};
|
|
90
|
-
|
|
90
|
+
type GlobalMessageField = {
|
|
91
91
|
component: 'GlobalMessage';
|
|
92
92
|
props: GlobalMessageProps;
|
|
93
93
|
hide?: boolean;
|
|
94
94
|
innerHTML?: JSX.Element | string;
|
|
95
95
|
};
|
|
96
|
-
|
|
96
|
+
type HeadingField = {
|
|
97
97
|
component: 'Heading';
|
|
98
98
|
props: HeadingProps;
|
|
99
99
|
hide?: boolean;
|
|
100
100
|
innerHTML?: JSX.Element | string;
|
|
101
101
|
};
|
|
102
|
-
|
|
102
|
+
type InputMessageField = {
|
|
103
103
|
component: 'InputMessage';
|
|
104
104
|
props: InputMessageProps;
|
|
105
105
|
hide?: boolean;
|
|
106
106
|
};
|
|
107
|
-
|
|
107
|
+
type LabelField = {
|
|
108
108
|
component: 'Label';
|
|
109
109
|
props: LabelProps;
|
|
110
110
|
hide?: boolean;
|
|
111
111
|
innerHTML?: JSX.Element | string;
|
|
112
112
|
};
|
|
113
|
-
|
|
113
|
+
type LinkField = {
|
|
114
114
|
component: 'Link';
|
|
115
115
|
props: LinkProps;
|
|
116
116
|
hide?: boolean;
|
|
117
117
|
innerHTML?: JSX.Element | string;
|
|
118
118
|
};
|
|
119
|
-
|
|
119
|
+
type ListItemField = {
|
|
120
120
|
component: 'ListItem';
|
|
121
121
|
props?: ListItemProps;
|
|
122
122
|
hide?: boolean;
|
|
123
123
|
innerHTML?: JSX.Element | string;
|
|
124
124
|
};
|
|
125
|
-
|
|
125
|
+
type ListField = {
|
|
126
126
|
component: 'List';
|
|
127
127
|
props?: ListProps;
|
|
128
128
|
hide?: boolean;
|
|
129
129
|
children: ListItemField[];
|
|
130
130
|
};
|
|
131
|
-
|
|
131
|
+
type LocalMessageField = {
|
|
132
132
|
component: 'LocalMessage';
|
|
133
133
|
props: LocalMessageProps;
|
|
134
134
|
hide?: boolean;
|
|
135
135
|
innerHTML?: JSX.Element | string;
|
|
136
136
|
};
|
|
137
|
-
|
|
137
|
+
type ParagraphField = {
|
|
138
138
|
component: 'Paragraph';
|
|
139
139
|
props: ParagraphProps;
|
|
140
140
|
hide?: boolean;
|
|
141
141
|
innerHTML?: JSX.Element | string;
|
|
142
142
|
};
|
|
143
|
-
|
|
143
|
+
type RadioButtonField = {
|
|
144
144
|
component: 'RadioButton';
|
|
145
145
|
props: RadioButtonProps;
|
|
146
146
|
hide?: boolean;
|
|
147
147
|
};
|
|
148
|
-
|
|
148
|
+
type RadioButtonGroupField = {
|
|
149
149
|
component: 'RadioButtonGroup';
|
|
150
150
|
props: RadioButtonGroupProps<string | number>;
|
|
151
151
|
hide?: boolean;
|
|
152
152
|
children: RadioButtonField[];
|
|
153
153
|
};
|
|
154
|
-
|
|
154
|
+
type SelectField = {
|
|
155
155
|
component: 'Select';
|
|
156
156
|
props: SelectProps<SelectOption<unknown>, boolean>;
|
|
157
157
|
name: string;
|
|
158
158
|
hide?: boolean;
|
|
159
159
|
};
|
|
160
|
-
|
|
160
|
+
type SpinnerField = {
|
|
161
161
|
component: 'Spinner';
|
|
162
162
|
props: SpinnerProps;
|
|
163
163
|
hide?: boolean;
|
|
164
164
|
};
|
|
165
|
-
|
|
165
|
+
type TextInputField = {
|
|
166
166
|
component: 'TextInput';
|
|
167
167
|
props: TextInputProps;
|
|
168
168
|
hide?: boolean;
|
|
169
169
|
};
|
|
170
|
-
|
|
170
|
+
type ToggleButtonField = {
|
|
171
171
|
component: 'ToggleButton';
|
|
172
172
|
props: ToggleButtonProps;
|
|
173
173
|
hide?: boolean;
|
|
174
174
|
};
|
|
175
|
-
|
|
175
|
+
type ToggleButtonGroupField = {
|
|
176
176
|
component: 'ToggleButtonGroup';
|
|
177
177
|
props: ToggleButtonGroupProps;
|
|
178
178
|
hide?: boolean;
|
|
179
179
|
children: ToggleButtonField[];
|
|
180
180
|
};
|
|
181
|
-
|
|
181
|
+
type TypographyField = {
|
|
182
182
|
component: 'Typography';
|
|
183
183
|
props: TypographyProps;
|
|
184
184
|
hide?: boolean;
|
|
185
185
|
innerHTML: JSX.Element | string;
|
|
186
186
|
};
|
|
187
|
-
|
|
187
|
+
type VisuallyHiddenField = {
|
|
188
188
|
component: 'VisuallyHidden';
|
|
189
189
|
props: VisuallyHiddenProps;
|
|
190
190
|
hide?: boolean;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { BaseComponentPropsWithChildren } from '../../types';
|
|
2
|
-
export
|
|
3
|
-
export
|
|
2
|
+
export type GlobalMessagePurpose = 'info' | 'warning' | 'danger';
|
|
3
|
+
export type GlobalMessageProps = BaseComponentPropsWithChildren<HTMLDivElement, {
|
|
4
4
|
/**Meldingen som vises til brukeren. Brukes kun når meldingen er en `string`. */
|
|
5
5
|
message?: string;
|
|
6
6
|
/**Formålet med meldingen. Påvirker styling. */
|
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
import { BaseComponentPropsWithChildren } from '../../types';
|
|
2
2
|
import { BreakpointBasedProps } from './Grid.utils';
|
|
3
3
|
import { HTMLAttributes } from 'react';
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
4
|
+
type RowGapGrid = BreakpointBasedProps<'rowGap'>;
|
|
5
|
+
type MaxWidthGrid = BreakpointBasedProps<'maxWidth'>;
|
|
6
|
+
type BaseGridProps = {
|
|
7
7
|
/**Maksimal bredde. Gjøres per brekkepunkt. */
|
|
8
8
|
maxWidth?: MaxWidthGrid;
|
|
9
9
|
/** CSS `row-gap`. Gjøres per brekkepunkt. */
|
|
10
10
|
rowGap?: RowGapGrid;
|
|
11
11
|
} & Pick<HTMLAttributes<HTMLElement>, 'style'>;
|
|
12
|
-
|
|
12
|
+
type GridDivProps = BaseComponentPropsWithChildren<HTMLDivElement, {
|
|
13
13
|
/**HTML tag som returneres. */
|
|
14
14
|
as: 'div';
|
|
15
15
|
} & BaseGridProps>;
|
|
16
|
-
|
|
16
|
+
type GridFormProps = BaseComponentPropsWithChildren<HTMLFormElement, {
|
|
17
17
|
as: 'form';
|
|
18
18
|
} & BaseGridProps>;
|
|
19
|
-
export
|
|
19
|
+
export type GridProps = GridDivProps | GridFormProps;
|
|
20
20
|
export declare const Grid: (props: GridProps) => JSX.Element;
|
|
21
21
|
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ScreenSize } from '../../hooks';
|
|
2
2
|
import { StandardProperties } from 'csstype';
|
|
3
|
-
export
|
|
3
|
+
export type ScreenSizeLiteral = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
4
4
|
export declare const getLiteralScreenSize: (screenSize: ScreenSize) => ScreenSizeLiteral;
|
|
5
|
-
export
|
|
5
|
+
export type BreakpointBasedProps<T extends keyof StandardProperties> = {
|
|
6
6
|
[k in ScreenSizeLiteral]?: StandardProperties[T];
|
|
7
7
|
};
|
|
@@ -4,10 +4,10 @@ import { BreakpointBasedProps } from './Grid.utils';
|
|
|
4
4
|
import { HTMLAttributes } from 'react';
|
|
5
5
|
export declare const isRelativeGridColumn: (type: ColumnsOccupied | undefined) => type is RelativeColumnsOccupied;
|
|
6
6
|
export declare const isGridColumn: (type: ColumnsOccupied | undefined) => type is GridColumnPerScreenSize;
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
export
|
|
10
|
-
export
|
|
7
|
+
type RelativeColumnsOccupied = 'all' | 'firstHalf' | 'secondHalf';
|
|
8
|
+
type GridColumnPerScreenSize = BreakpointBasedProps<'gridColumn'>;
|
|
9
|
+
export type ColumnsOccupied = RelativeColumnsOccupied | GridColumnPerScreenSize;
|
|
10
|
+
export type GridChildProps = BaseComponentPropsWithChildren<HTMLDivElement, {
|
|
11
11
|
/**hvilke kolonner innholdet skal okkupere. Tar inn enten en string med relativ definisjon eller et objekt med egentilpassede `grid-column` CSS verdi definert for hver brekkepunkt. */
|
|
12
12
|
columnsOccupied?: ColumnsOccupied;
|
|
13
13
|
/**Plassering av innholdet på x-aksen. */
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { Property } from 'csstype';
|
|
2
2
|
import { BaseComponentProps } from '../../types';
|
|
3
3
|
import { SvgIcon } from '../../icons/utils/propTypes';
|
|
4
|
-
export
|
|
5
|
-
export
|
|
4
|
+
export type IconSize = 'small' | 'medium' | 'large' | 'inherit';
|
|
5
|
+
export type IconProps = BaseComponentProps<SVGSVGElement, {
|
|
6
6
|
/**Ikonet importert fra `@norges-domstoler/dds-components`. */
|
|
7
7
|
icon: SvgIcon;
|
|
8
8
|
/**Størrelsen på ikonet. */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Property } from 'csstype';
|
|
2
2
|
import { InputHTMLAttributes, ReactNode, RefObject, TextareaHTMLAttributes } from 'react';
|
|
3
|
-
export
|
|
3
|
+
export type BaseInlineInputProps = {
|
|
4
4
|
/**Spesifiserer error state. Hvis `errorMessage` ikke brukes må inputfeltet knyttes med ARIA til en feilmelding som vises andre steder i applikasjonen. */
|
|
5
5
|
error?: boolean;
|
|
6
6
|
/**Feilmelding. Setter også error state. */
|
|
@@ -14,7 +14,7 @@ export declare type BaseInlineInputProps = {
|
|
|
14
14
|
/** **OBS!** settes automatisk av forelder. Spesifiserer om komponenten er i redigeringsmodus. */
|
|
15
15
|
isEditing?: boolean;
|
|
16
16
|
};
|
|
17
|
-
export
|
|
17
|
+
export type InlineEditProps = {
|
|
18
18
|
/**Callback for når verdien blir lagret. */
|
|
19
19
|
onSetValue?: (value: string) => void;
|
|
20
20
|
/** Ref til barnet. */
|
|
@@ -30,6 +30,6 @@ export declare type InlineEditProps = {
|
|
|
30
30
|
/**Ekstra callback ved `onBlur`-event. */
|
|
31
31
|
onBlur?: () => void;
|
|
32
32
|
} & Pick<InputHTMLAttributes<HTMLInputElement>, 'value'>;
|
|
33
|
-
export
|
|
34
|
-
export
|
|
35
|
-
export
|
|
33
|
+
export type CommonInlineEditWrapperProps = Pick<InlineEditProps, 'onSetValue' | 'emptiable' | 'onBlur' | 'onFocus' | 'onChange'> & Pick<BaseInlineInputProps, 'error' | 'errorMessage' | 'width' | 'hideIcon'>;
|
|
34
|
+
export type InlineEditTextAreaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange' | 'onFocus' | 'onBlur'> & CommonInlineEditWrapperProps;
|
|
35
|
+
export type InlineEditInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'width' | 'onChange' | 'onFocus' | 'onBlur'> & CommonInlineEditWrapperProps;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { InputHTMLAttributes } from 'react';
|
|
2
2
|
import { BaseInlineInputProps } from './InlineEdit.types';
|
|
3
|
-
export
|
|
3
|
+
export type InlineInputProps = BaseInlineInputProps & InputHTMLAttributes<HTMLInputElement>;
|
|
4
4
|
export declare const InlineInput: import("react").ForwardRefExoticComponent<BaseInlineInputProps & InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { TextareaHTMLAttributes } from 'react';
|
|
2
2
|
import { BaseInlineInputProps } from './InlineEdit.types';
|
|
3
|
-
export
|
|
3
|
+
export type InlineTextAreaProps = BaseInlineInputProps & TextareaHTMLAttributes<HTMLTextAreaElement>;
|
|
4
4
|
export declare const InlineTextArea: import("react").ForwardRefExoticComponent<BaseInlineInputProps & TextareaHTMLAttributes<HTMLTextAreaElement> & import("react").RefAttributes<HTMLTextAreaElement>>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { BaseComponentProps } from '../../types';
|
|
2
|
-
export
|
|
3
|
-
export
|
|
2
|
+
export type InputMessageType = 'error' | 'tip';
|
|
3
|
+
export type InputMessageProps = BaseComponentProps<HTMLDivElement, {
|
|
4
4
|
/** Meldingen som vises til brukeren. */
|
|
5
5
|
message: string;
|
|
6
6
|
/** Formålet med meldingen. Påvirker styling. */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { InternalHeaderProps } from './InternalHeader.types';
|
|
2
2
|
export declare const OuterContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
3
|
-
|
|
3
|
+
type BannerProps = {
|
|
4
4
|
hasContextMenu?: boolean;
|
|
5
5
|
};
|
|
6
6
|
export declare const BannerWrapper: import("styled-components").StyledComponent<"div", any, BannerProps, never>;
|
|
@@ -8,7 +8,7 @@ export declare const BannerLeftWrapper: import("styled-components").StyledCompon
|
|
|
8
8
|
export declare const ApplicationNameWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
9
9
|
export declare const LovisaWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
10
10
|
export declare const Navigation: import("styled-components").StyledComponent<"nav", any, {}, never>;
|
|
11
|
-
|
|
11
|
+
type NavListProps = Pick<InternalHeaderProps, 'smallScreen'>;
|
|
12
12
|
export declare const NavigationList: import("styled-components").StyledComponent<"ul", any, NavListProps, never>;
|
|
13
13
|
export declare const ContextMenuGroup: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
14
14
|
export declare const StyledOverflowMenu: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
|
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
import { AnchorHTMLAttributes, ButtonHTMLAttributes } from 'react';
|
|
2
2
|
import { SvgIcon } from '../../icons/utils';
|
|
3
3
|
import { BaseComponentProps } from '../../types';
|
|
4
|
-
|
|
4
|
+
type NavigationLinkProps = {
|
|
5
5
|
href: string;
|
|
6
6
|
title: string;
|
|
7
7
|
} & AnchorHTMLAttributes<HTMLAnchorElement>;
|
|
8
|
-
|
|
8
|
+
type ContextMenuElementProps = {
|
|
9
9
|
title: string;
|
|
10
10
|
href?: string;
|
|
11
11
|
icon?: SvgIcon;
|
|
12
12
|
onClick?: () => void;
|
|
13
13
|
} & (AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>);
|
|
14
|
-
|
|
14
|
+
type InternaHeaderUserProps = {
|
|
15
15
|
name: string;
|
|
16
16
|
href?: string;
|
|
17
17
|
};
|
|
18
|
-
export
|
|
18
|
+
export type InternalHeaderProps = BaseComponentProps<HTMLDivElement, {
|
|
19
19
|
/**Navn på applikasjonen. */
|
|
20
20
|
applicationName?: string;
|
|
21
21
|
/**Beskrivelse på applikasjonen ellen tittel på en underside. Tilgjengelig fram til Lovisa Next kommer. */
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { HTMLAttributes } from 'react';
|
|
2
|
-
export
|
|
2
|
+
export type InternalHeaderListItemProps = HTMLAttributes<HTMLLIElement>;
|
|
3
3
|
export declare const InternalHeaderListItem: import("react").ForwardRefExoticComponent<InternalHeaderListItemProps & import("react").RefAttributes<HTMLLIElement>>;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { AnchorHTMLAttributes } from 'react';
|
|
2
|
-
|
|
2
|
+
type LinkProps = {
|
|
3
3
|
isCurrent?: boolean;
|
|
4
4
|
};
|
|
5
5
|
export declare const Link: import("styled-components").StyledComponent<"a", any, LinkProps, never>;
|
|
6
|
-
export
|
|
6
|
+
export type NavigationItemProps = {
|
|
7
7
|
title: string;
|
|
8
8
|
isCurrent?: boolean;
|
|
9
9
|
} & AnchorHTMLAttributes<HTMLAnchorElement>;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { TypographyBodyType } from '../Typography';
|
|
2
2
|
import { BaseComponentPropsWithChildren } from '../../types';
|
|
3
|
-
export
|
|
4
|
-
export
|
|
5
|
-
export
|
|
3
|
+
export type ListType = 'ordered' | 'unordered';
|
|
4
|
+
export type ListTypographyType = TypographyBodyType | 'inherit';
|
|
5
|
+
export type ListProps = BaseComponentPropsWithChildren<HTMLUListElement | HTMLOListElement, {
|
|
6
6
|
/**Spesifiserer om komponenten skal returnere `<ul />` (punktliste) eller `<ol />` (nummerert liste). */
|
|
7
7
|
listType?: ListType;
|
|
8
8
|
/**Spesifiserer typografi for listen. Komponenten arver i utgangspunktet fra forelder, men hvis forelder stiller ikke med relevant styling må det velges `TypographyBodyType` som brukes i `<body>` ellers på siden. */
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { ListProps } from '.';
|
|
2
2
|
declare const _default: {
|
|
3
3
|
title: string;
|
|
4
|
-
component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<
|
|
4
|
+
component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLUListElement | HTMLOListElement>, "id" | "className"> & {
|
|
5
5
|
listType?: import("./List").ListType | undefined;
|
|
6
6
|
typographyType?: import("./List").ListTypographyType | undefined;
|
|
7
7
|
} & {
|
|
8
8
|
children?: import("react").ReactNode;
|
|
9
9
|
} & {
|
|
10
|
-
htmlProps?: import("react").HTMLAttributes<
|
|
11
|
-
} & import("react").RefAttributes<
|
|
10
|
+
htmlProps?: import("react").HTMLAttributes<HTMLUListElement | HTMLOListElement> | undefined;
|
|
11
|
+
} & import("react").RefAttributes<HTMLUListElement | HTMLOListElement>>;
|
|
12
12
|
};
|
|
13
13
|
export default _default;
|
|
14
14
|
export declare const Overview: (args: ListProps) => JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { HTMLAttributes } from 'react';
|
|
2
|
-
export
|
|
2
|
+
export type ListItemProps = HTMLAttributes<HTMLLIElement>;
|
|
3
3
|
export declare const ListItem: import("react").ForwardRefExoticComponent<ListItemProps & import("react").RefAttributes<HTMLLIElement>>;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { Property } from 'csstype';
|
|
2
2
|
import { BaseComponentPropsWithChildren } from '../../types';
|
|
3
|
-
export
|
|
4
|
-
export
|
|
5
|
-
export
|
|
3
|
+
export type LocalMessagePurpose = 'info' | 'warning' | 'danger' | 'confidential' | 'success' | 'tips';
|
|
4
|
+
export type LocalMessageLayout = 'horisontal' | 'vertical';
|
|
5
|
+
export type LocalMessageProps = BaseComponentPropsWithChildren<HTMLDivElement, {
|
|
6
6
|
/**Meldingen som vises til brukeren. Brukes kun når meldingen er string. */
|
|
7
7
|
message?: string;
|
|
8
8
|
/**Formålet med meldingen. Påvirker styling. */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ReactNode, RefObject } from 'react';
|
|
2
2
|
import { BaseComponentPropsWithChildren } from '../../types';
|
|
3
|
-
export
|
|
3
|
+
export type ModalProps = BaseComponentPropsWithChildren<HTMLDivElement, {
|
|
4
4
|
/**Spesifiserer om modal skal vises. */
|
|
5
5
|
isOpen?: boolean;
|
|
6
6
|
/**Funksjon kjørt ved lukking; Settes hvis modal skal være lukkbar. Legger en lukkeknapp i hjørnet og kjøres ved Esc-trykk, lukkeknappklikk og museklikk utenfor. */
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { HTMLAttributes } from 'react';
|
|
2
|
-
export
|
|
2
|
+
export type ModalActionsProps = HTMLAttributes<HTMLDivElement>;
|
|
3
3
|
export declare const ModalActions: import("react").ForwardRefExoticComponent<ModalActionsProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { BaseComponentPropsWithChildren } from '../../types';
|
|
2
2
|
import { Property } from 'csstype';
|
|
3
|
-
export
|
|
3
|
+
export type ModalBodyProps = BaseComponentPropsWithChildren<HTMLDivElement, {
|
|
4
4
|
/**Gjør at innholdet kan scrolles. Det må eventuelt settes (max)bredde og (max)høyde styling på både denne subkomponenten og `<Modal />`. */
|
|
5
5
|
scrollable?: boolean;
|
|
6
6
|
/**Høyde på container. */
|
|
@@ -2,19 +2,19 @@ import { Placement } from '../../hooks/useFloatPosition';
|
|
|
2
2
|
import { AnchorHTMLAttributes, ButtonHTMLAttributes, RefObject } from 'react';
|
|
3
3
|
import { BaseComponentProps } from '../../types';
|
|
4
4
|
import { SvgIcon } from '../../icons/utils';
|
|
5
|
-
|
|
5
|
+
type OverflowMenuItemBase = {
|
|
6
6
|
title: string;
|
|
7
7
|
icon?: SvgIcon;
|
|
8
8
|
};
|
|
9
|
-
export
|
|
10
|
-
export
|
|
11
|
-
export
|
|
12
|
-
export
|
|
13
|
-
|
|
9
|
+
export type OverflowMenuButtonItem = OverflowMenuItemBase & ButtonHTMLAttributes<HTMLButtonElement>;
|
|
10
|
+
export type OverflowMenuLinkItem = OverflowMenuItemBase & AnchorHTMLAttributes<HTMLAnchorElement>;
|
|
11
|
+
export type OverflowMenuContextItem = OverflowMenuButtonItem | OverflowMenuLinkItem;
|
|
12
|
+
export type OverflowMenuNavItem = OverflowMenuLinkItem;
|
|
13
|
+
type UserProps = {
|
|
14
14
|
name: string;
|
|
15
15
|
href?: string;
|
|
16
16
|
} & (AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>);
|
|
17
|
-
export
|
|
17
|
+
export type OverflowMenuProps = BaseComponentProps<HTMLDivElement, {
|
|
18
18
|
/**Lenker eller knapper som skal vises i menyen. Støtter ikon i tillegg til tekst. */
|
|
19
19
|
items?: OverflowMenuContextItem[];
|
|
20
20
|
/**Eget element for brukernavn, kan være interaktivt eller statisk. Ligger alltid på toppen av menyen. */
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
export
|
|
2
|
+
export type OverflowMenuGroupProps = {
|
|
3
3
|
/**Ekstra logikk som kjøres når `<OverflowMenu />` åpnes og lukkes. */
|
|
4
4
|
onToggle?: () => void;
|
|
5
5
|
/**Ekstra logikk som kjøres når `<OverflowMenu />` åpnes. */
|
|
@@ -3,7 +3,7 @@ import { BaseComponentProps } from '../../types';
|
|
|
3
3
|
import { SvgIcon } from '../../icons/utils';
|
|
4
4
|
export declare const Span: import("styled-components").StyledComponent<"span", any, {}, never>;
|
|
5
5
|
export declare const Link: import("styled-components").StyledComponent<"a", any, {}, never>;
|
|
6
|
-
|
|
6
|
+
type BaseOverflowMenuItemProps = {
|
|
7
7
|
title: string;
|
|
8
8
|
icon?: SvgIcon;
|
|
9
9
|
focus?: boolean;
|
|
@@ -11,11 +11,11 @@ declare type BaseOverflowMenuItemProps = {
|
|
|
11
11
|
index?: number;
|
|
12
12
|
isMenuClosed?: boolean;
|
|
13
13
|
};
|
|
14
|
-
|
|
14
|
+
type AnchorOverflowMenuItemProps = BaseOverflowMenuItemProps & BaseComponentProps<HTMLAnchorElement, {
|
|
15
15
|
href?: string;
|
|
16
16
|
}, AnchorHTMLAttributes<HTMLAnchorElement>>;
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
export
|
|
17
|
+
type ButtonOverflowMenuItemProps = BaseOverflowMenuItemProps & BaseComponentProps<HTMLButtonElement, Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick'>, ButtonHTMLAttributes<HTMLButtonElement>>;
|
|
18
|
+
type OtherOverflowMenuItemProps = BaseOverflowMenuItemProps & BaseComponentProps<HTMLSpanElement>;
|
|
19
|
+
export type OverflowMenuItemProps = AnchorOverflowMenuItemProps | ButtonOverflowMenuItemProps | OtherOverflowMenuItemProps;
|
|
20
20
|
export declare const OverflowMenuItem: import("react").ForwardRefExoticComponent<(AnchorOverflowMenuItemProps | ButtonOverflowMenuItemProps | Pick<OtherOverflowMenuItemProps, string>) & import("react").RefAttributes<HTMLAnchorElement>>;
|
|
21
21
|
export {};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { HTMLAttributes } from 'react';
|
|
2
2
|
import { BaseComponentProps } from '../../types';
|
|
3
|
-
export
|
|
3
|
+
export type PaginationOption = {
|
|
4
4
|
label: string;
|
|
5
5
|
value: number;
|
|
6
6
|
};
|
|
7
|
-
export
|
|
7
|
+
export type PaginationProps = BaseComponentProps<HTMLElement, {
|
|
8
8
|
/**Totalt antall elementer å paginere. */
|
|
9
9
|
itemsAmount: number;
|
|
10
10
|
/**Antall elementer per side ved innlastning av komponenten. */
|
|
@@ -2,7 +2,7 @@ import { Property } from 'csstype';
|
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
3
|
import { Placement } from '../../hooks';
|
|
4
4
|
import { BaseComponentPropsWithChildren } from '../../types';
|
|
5
|
-
export
|
|
5
|
+
export type PopoverSizeProps = {
|
|
6
6
|
width?: Property.Width<string>;
|
|
7
7
|
height?: Property.Height<string>;
|
|
8
8
|
minWidth?: Property.MinWidth<string>;
|
|
@@ -10,7 +10,7 @@ export declare type PopoverSizeProps = {
|
|
|
10
10
|
maxWidth?: Property.MaxWidth<string>;
|
|
11
11
|
maxHeight?: Property.MaxHeight<string>;
|
|
12
12
|
};
|
|
13
|
-
export
|
|
13
|
+
export type PopoverProps = BaseComponentPropsWithChildren<HTMLDivElement, {
|
|
14
14
|
/**Tittel. */
|
|
15
15
|
title?: string | ReactNode;
|
|
16
16
|
/** **OBS!** Propen settes automatisk av `<PopoverGroup />`. Spesifiserer om `<Popover />` skal vises. */
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
export
|
|
2
|
+
export type PopoverGroupProps = {
|
|
3
3
|
/**Callback når det trykkes på lukkeknappen. */
|
|
4
4
|
onCloseButtonClick?: () => void;
|
|
5
5
|
/** Callback når det trykkes på anchor-elementet (trigger-elementet). */
|