@norges-domstoler/dds-components 13.4.0 → 13.5.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/cjs/icons/tsx/agreement.d.ts +2 -0
- package/dist/cjs/icons/tsx/caring.d.ts +2 -0
- package/dist/cjs/icons/tsx/index.d.ts +3 -0
- package/dist/cjs/icons/tsx/payout.d.ts +2 -0
- package/dist/cjs/index.js +319 -417
- package/dist/components/BackLink/BackLink.js +6 -8
- package/dist/components/Breadcrumbs/Breadcrumb.js +6 -8
- package/dist/components/Breadcrumbs/Breadcrumbs.js +1 -2
- package/dist/components/Button/Button.js +10 -14
- package/dist/components/Card/Card.js +2 -4
- package/dist/components/Card/CardAccordion/CardAccordionBody.js +2 -4
- package/dist/components/Card/CardAccordion/CardAccordionHeader.js +4 -6
- package/dist/components/Checkbox/Checkbox.js +4 -6
- package/dist/components/Checkbox/CheckboxGroup.js +8 -11
- package/dist/components/Chip/Chip.js +1 -2
- package/dist/components/Chip/ChipGroup.js +1 -2
- package/dist/components/Datepicker/Datepicker.js +3 -4
- package/dist/components/Drawer/Drawer.js +4 -6
- package/dist/components/EmptyContent/EmptyContent.js +5 -7
- package/dist/components/FileUploader/FileUploader.js +10 -14
- package/dist/components/GlobalMessage/GlobalMessage.js +6 -8
- package/dist/components/Grid/Grid.js +5 -8
- package/dist/components/Grid/GridChild.js +1 -2
- package/dist/components/InlineEdit/InlineEdit.utils.js +3 -4
- package/dist/components/InlineEdit/InlineEditInput.js +3 -4
- package/dist/components/InlineEdit/InlineEditTextArea.js +3 -4
- package/dist/components/InlineEdit/InlineInput.js +6 -8
- package/dist/components/InlineEdit/InlineTextArea.js +6 -8
- package/dist/components/InputMessage/InputMessage.js +3 -4
- package/dist/components/InternalHeader/InternalHeader.js +12 -16
- package/dist/components/InternalHeader/NavigationItem.js +1 -2
- package/dist/components/LocalMessage/LocalMessage.js +3 -4
- package/dist/components/Modal/Modal.js +4 -6
- package/dist/components/Modal/ModalBody.js +3 -4
- package/dist/components/OverflowMenu/OverflowMenu.js +4 -6
- package/dist/components/OverflowMenu/OverflowMenuItem.js +4 -7
- package/dist/components/Pagination/Pagination.js +18 -25
- package/dist/components/Popover/Popover.js +7 -10
- package/dist/components/ProgressTracker/ProgressTracker.js +3 -4
- package/dist/components/ProgressTracker/ProgressTrackerItem.js +8 -12
- package/dist/components/RadioButton/RadioButton.js +4 -6
- package/dist/components/RadioButton/RadioButtonGroup.js +9 -13
- package/dist/components/ScrollableContainer/ScrollableContainer.js +3 -4
- package/dist/components/Search/Search.js +6 -8
- package/dist/components/Search/SearchAutocompleteWrapper.js +3 -4
- package/dist/components/Search/SearchSuggestions.js +10 -14
- package/dist/components/Select/Select.js +6 -8
- package/dist/components/SkipToContent/SkipToContent.js +1 -2
- package/dist/components/Spinner/Spinner.js +3 -4
- package/dist/components/SplitButton/SplitButton.js +6 -8
- package/dist/components/Table/SortCell.js +3 -4
- package/dist/components/Table/collapsible/CollapsibleRow.js +16 -22
- package/dist/components/Table/collapsible/CollapsibleTable.js +3 -4
- package/dist/components/Tabs/Tabs.js +4 -6
- package/dist/components/Tag/Tag.js +1 -2
- package/dist/components/TextArea/TextArea.js +3 -4
- package/dist/components/TextInput/CharCounter.js +1 -2
- package/dist/components/TextInput/TextInput.js +9 -12
- package/dist/components/ToggleBar/ToggleBar.js +7 -10
- package/dist/components/ToggleBar/ToggleRadio.js +6 -8
- package/dist/components/ToggleButton/ToggleButton.js +3 -4
- package/dist/components/ToggleButton/ToggleButtonGroup.js +3 -4
- package/dist/components/Tooltip/Tooltip.js +1 -2
- package/dist/components/Typography/Caption/Caption.js +1 -2
- package/dist/components/Typography/Label/Label.js +1 -2
- package/dist/components/Typography/Legend/Legend.js +1 -2
- package/dist/components/VisuallyHidden/VisuallyHidden.js +1 -2
- package/dist/helpers/Chevron/AnimatedChevronUpDown.js +6 -8
- package/dist/icons/tsx/agreement.d.ts +2 -0
- package/dist/icons/tsx/agreement.js +12 -0
- package/dist/icons/tsx/caring.d.ts +2 -0
- package/dist/icons/tsx/caring.js +12 -0
- package/dist/icons/tsx/index.d.ts +3 -0
- package/dist/icons/tsx/jordskifterett.js +1 -2
- package/dist/icons/tsx/payout.d.ts +2 -0
- package/dist/icons/tsx/payout.js +12 -0
- package/dist/index.js +3 -0
- package/package.json +24 -24
package/dist/cjs/index.js
CHANGED
|
@@ -753,16 +753,14 @@ var AnimatedChevronUpDown = function AnimatedChevronUpDown(_ref) {
|
|
|
753
753
|
height = _ref$height === void 0 ? '5px' : _ref$height,
|
|
754
754
|
_ref$width = _ref.width,
|
|
755
755
|
width = _ref$width === void 0 ? '8px' : _ref$width;
|
|
756
|
-
return jsxRuntime.jsx(SvgChevron,
|
|
756
|
+
return jsxRuntime.jsx(SvgChevron, {
|
|
757
757
|
viewBox: "0 0 8 5",
|
|
758
758
|
width: width,
|
|
759
759
|
height: height,
|
|
760
760
|
fill: "currentColor",
|
|
761
|
-
isUp: isUp
|
|
762
|
-
|
|
763
|
-
|
|
764
|
-
isUp: isUp
|
|
765
|
-
}, {
|
|
761
|
+
isUp: isUp,
|
|
762
|
+
children: jsxRuntime.jsxs(SvgChevronlGroup, {
|
|
763
|
+
isUp: isUp,
|
|
766
764
|
children: [jsxRuntime.jsx(SvgChevronlLeft, {
|
|
767
765
|
d: svgChevronLeftPath,
|
|
768
766
|
isUp: isUp
|
|
@@ -770,8 +768,8 @@ var AnimatedChevronUpDown = function AnimatedChevronUpDown(_ref) {
|
|
|
770
768
|
d: svgChevronRightPath,
|
|
771
769
|
isUp: isUp
|
|
772
770
|
})]
|
|
773
|
-
})
|
|
774
|
-
})
|
|
771
|
+
})
|
|
772
|
+
});
|
|
775
773
|
};
|
|
776
774
|
|
|
777
775
|
var HiddenInput = styled__default.default.input.withConfig({
|
|
@@ -957,6 +955,14 @@ function SvgWrapper(props) {
|
|
|
957
955
|
}));
|
|
958
956
|
}
|
|
959
957
|
|
|
958
|
+
function AgreementIcon(props) {
|
|
959
|
+
return jsxRuntime.jsx(SvgWrapper, Object.assign({}, props, {
|
|
960
|
+
children: jsxRuntime.jsx("path", {
|
|
961
|
+
d: "M12.22 19.85c-.18.18-.5.21-.71 0-.18-.18-.21-.5 0-.71l3.39-3.39-1.41-1.41-3.39 3.39c-.19.2-.51.19-.71 0-.21-.21-.18-.53 0-.71l3.39-3.39-1.41-1.41-3.39 3.39c-.18.18-.5.21-.71 0-.19-.19-.19-.51 0-.71l3.39-3.39-1.42-1.41-3.39 3.39c-.18.18-.5.21-.71 0-.19-.2-.19-.51 0-.71L9.52 8.4l1.87 1.86c.95.95 2.59.94 3.54 0 .98-.98.98-2.56 0-3.54l-1.86-1.86.28-.28c.78-.78 2.05-.78 2.83 0l4.24 4.24c.78.78.78 2.05 0 2.83l-8.2 8.2zm9.61-6.78c1.56-1.56 1.56-4.09 0-5.66l-4.24-4.24c-1.56-1.56-4.09-1.56-5.66 0l-.28.28-.28-.28c-1.56-1.56-4.09-1.56-5.66 0L2.17 6.71C.75 8.13.62 10.34 1.77 11.9l1.45-1.45c-.39-.75-.26-1.7.37-2.33l3.54-3.54c.78-.78 2.05-.78 2.83 0l3.56 3.56c.18.18.21.5 0 .71-.21.21-.53.18-.71 0L9.52 5.57l-5.8 5.79c-.98.97-.98 2.56 0 3.54.39.39.89.63 1.42.7.07.52.3 1.02.7 1.42.4.4.9.63 1.42.7.07.52.3 1.02.7 1.42.4.4.9.63 1.42.7.07.54.31 1.03.7 1.42.47.47 1.1.73 1.77.73.67 0 1.3-.26 1.77-.73l8.21-8.19z"
|
|
962
|
+
})
|
|
963
|
+
}));
|
|
964
|
+
}
|
|
965
|
+
|
|
960
966
|
function AppsIcon(props) {
|
|
961
967
|
return jsxRuntime.jsx(SvgWrapper, Object.assign({}, props, {
|
|
962
968
|
children: jsxRuntime.jsx("path", {
|
|
@@ -1103,6 +1109,14 @@ function CallIcon(props) {
|
|
|
1103
1109
|
}));
|
|
1104
1110
|
}
|
|
1105
1111
|
|
|
1112
|
+
function CaringIcon(props) {
|
|
1113
|
+
return jsxRuntime.jsx(SvgWrapper, Object.assign({}, props, {
|
|
1114
|
+
children: jsxRuntime.jsx("path", {
|
|
1115
|
+
d: "M16 13c3.09-2.81 6-5.44 6-7.7C22 3.45 20.55 2 18.7 2c-1.04 0-2.05.49-2.7 1.25C15.34 2.49 14.34 2 13.3 2 11.45 2 10 3.45 10 5.3c0 2.26 2.91 4.89 6 7.7zm-2.7-9c.44 0 .89.21 1.18.55L16 6.34l1.52-1.79c.29-.34.74-.55 1.18-.55.74 0 1.3.56 1.3 1.3 0 1.12-2.04 3.17-4 4.99-1.96-1.82-4-3.88-4-4.99 0-.74.56-1.3 1.3-1.3zM19 16h-2c0-1.2-.75-2.28-1.87-2.7L8.97 11H1v11h6v-1.44l7 1.94 8-2.5v-1c0-1.66-1.34-3-3-3zM3 20v-7h2v7H3zm10.97.41L7 18.48V13h1.61l5.82 2.17c.34.13.57.46.57.83 0 0-1.99-.05-2.3-.15l-2.38-.79-.63 1.9 2.38.79c.51.17 1.04.26 1.58.26H19c.39 0 .74.23.9.56l-5.93 1.84z"
|
|
1116
|
+
})
|
|
1117
|
+
}));
|
|
1118
|
+
}
|
|
1119
|
+
|
|
1106
1120
|
function ChatIcon(props) {
|
|
1107
1121
|
return jsxRuntime.jsx(SvgWrapper, Object.assign({}, props, {
|
|
1108
1122
|
children: jsxRuntime.jsx("path", {
|
|
@@ -1581,8 +1595,7 @@ function JordskifterettIcon(props) {
|
|
|
1581
1595
|
height: "24"
|
|
1582
1596
|
}, rest, {
|
|
1583
1597
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1584
|
-
viewBox: "0 0 24 24"
|
|
1585
|
-
}, {
|
|
1598
|
+
viewBox: "0 0 24 24",
|
|
1586
1599
|
children: [title && jsxRuntime.jsx("title", {
|
|
1587
1600
|
children: title
|
|
1588
1601
|
}), jsxRuntime.jsx("circle", {
|
|
@@ -1795,6 +1808,14 @@ function OpenExternalIcon(props) {
|
|
|
1795
1808
|
}));
|
|
1796
1809
|
}
|
|
1797
1810
|
|
|
1811
|
+
function PayoutIcon(props) {
|
|
1812
|
+
return jsxRuntime.jsx(SvgWrapper, Object.assign({}, props, {
|
|
1813
|
+
children: jsxRuntime.jsx("path", {
|
|
1814
|
+
d: "M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zM6 20V4h7v4h5v12H6zm5-1h2v-1h1c.55 0 1-.45 1-1v-3c0-.55-.45-1-1-1h-3v-1h4v-2h-2V9h-2v1h-1c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1h3v1H9v2h2v1z"
|
|
1815
|
+
})
|
|
1816
|
+
}));
|
|
1817
|
+
}
|
|
1818
|
+
|
|
1798
1819
|
function PdfIcon(props) {
|
|
1799
1820
|
return jsxRuntime.jsx(SvgWrapper, Object.assign({}, props, {
|
|
1800
1821
|
children: jsxRuntime.jsx("path", {
|
|
@@ -2184,14 +2205,13 @@ var InputMessage = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
2184
2205
|
children: [isError && jsxRuntime.jsx(Icon, {
|
|
2185
2206
|
icon: ErrorIcon,
|
|
2186
2207
|
iconSize: "inherit"
|
|
2187
|
-
}), jsxRuntime.jsx(Typography,
|
|
2208
|
+
}), jsxRuntime.jsx(Typography, {
|
|
2188
2209
|
typographyType: isError ? 'supportingStyleLabel01' : 'supportingStyleHelperText01',
|
|
2189
2210
|
as: "span",
|
|
2190
2211
|
bold: isError ? true : undefined,
|
|
2191
|
-
color: isError ? inputMessageTokens.message.error.color : undefined
|
|
2192
|
-
}, {
|
|
2212
|
+
color: isError ? inputMessageTokens.message.error.color : undefined,
|
|
2193
2213
|
children: message
|
|
2194
|
-
})
|
|
2214
|
+
})]
|
|
2195
2215
|
}));
|
|
2196
2216
|
});
|
|
2197
2217
|
InputMessage.displayName = 'InputMessage';
|
|
@@ -3201,8 +3221,7 @@ var Label$2 = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
3201
3221
|
rest = tslib.__rest(props, ["showRequiredStyling", "id", "className", "htmlProps", "children"]);
|
|
3202
3222
|
return jsxRuntime.jsxs(Typography, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
|
|
3203
3223
|
ref: ref,
|
|
3204
|
-
typographyType: "supportingStyleLabel01"
|
|
3205
|
-
}, {
|
|
3224
|
+
typographyType: "supportingStyleLabel01",
|
|
3206
3225
|
children: [children, " ", showRequiredStyling && jsxRuntime.jsx(RequiredMarker, {})]
|
|
3207
3226
|
}));
|
|
3208
3227
|
});
|
|
@@ -3307,8 +3326,7 @@ var Legend = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
3307
3326
|
return jsxRuntime.jsx(Typography, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
|
|
3308
3327
|
ref: ref,
|
|
3309
3328
|
as: "legend",
|
|
3310
|
-
typographyType: "headingSans03"
|
|
3311
|
-
}, {
|
|
3329
|
+
typographyType: "headingSans03",
|
|
3312
3330
|
children: children
|
|
3313
3331
|
}));
|
|
3314
3332
|
});
|
|
@@ -3323,8 +3341,7 @@ var Caption = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
3323
3341
|
return jsxRuntime.jsx(Typography, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
|
|
3324
3342
|
ref: ref,
|
|
3325
3343
|
typographyType: "headingSans03",
|
|
3326
|
-
as: "caption"
|
|
3327
|
-
}, {
|
|
3344
|
+
as: "caption",
|
|
3328
3345
|
children: children
|
|
3329
3346
|
}));
|
|
3330
3347
|
});
|
|
@@ -3544,17 +3561,15 @@ var RadioButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
3544
3561
|
};
|
|
3545
3562
|
return jsxRuntime.jsxs(Container$f, Object.assign({}, containerProps, {
|
|
3546
3563
|
htmlFor: uniqueId,
|
|
3547
|
-
controlType: "radio"
|
|
3548
|
-
}, {
|
|
3564
|
+
controlType: "radio",
|
|
3549
3565
|
children: [jsxRuntime.jsx(HiddenInput, Object.assign({}, inputProps, {
|
|
3550
3566
|
ref: ref
|
|
3551
3567
|
})), jsxRuntime.jsx(CustomSelectionControl, {
|
|
3552
3568
|
controlType: "radio"
|
|
3553
|
-
}), jsxRuntime.jsx(Typography,
|
|
3554
|
-
as: "span"
|
|
3555
|
-
}, {
|
|
3569
|
+
}), jsxRuntime.jsx(Typography, {
|
|
3570
|
+
as: "span",
|
|
3556
3571
|
children: children !== null && children !== void 0 ? children : label
|
|
3557
|
-
})
|
|
3572
|
+
})]
|
|
3558
3573
|
}));
|
|
3559
3574
|
});
|
|
3560
3575
|
RadioButton.displayName = 'RadioButton';
|
|
@@ -3607,27 +3622,23 @@ var RadioButtonGroupInner = function RadioButtonGroupInner(props, ref) {
|
|
|
3607
3622
|
return jsxRuntime.jsxs(OuterGroupContainer, Object.assign({}, getBaseHTMLProps(id, className, Object.assign(Object.assign({}, htmlProps), {
|
|
3608
3623
|
'aria-required': ariaRequired
|
|
3609
3624
|
}), rest), {
|
|
3610
|
-
ref: ref
|
|
3611
|
-
|
|
3612
|
-
children: [jsxRuntime.jsxs(Typography, Object.assign({
|
|
3625
|
+
ref: ref,
|
|
3626
|
+
children: [jsxRuntime.jsxs(Typography, {
|
|
3613
3627
|
as: "span",
|
|
3614
3628
|
typographyType: "supportingStyleLabel01",
|
|
3615
|
-
id: uniqueGroupId
|
|
3616
|
-
}, {
|
|
3629
|
+
id: uniqueGroupId,
|
|
3617
3630
|
children: [label, " ", showRequiredMarker && jsxRuntime.jsx(RequiredMarker, {})]
|
|
3618
|
-
})
|
|
3619
|
-
value: Object.assign({}, contextProps)
|
|
3620
|
-
|
|
3621
|
-
children: jsxRuntime.jsx(GroupContainer, Object.assign({
|
|
3631
|
+
}), renderInputMessage(tip, tipId), jsxRuntime.jsx(RadioButtonGroupContext.Provider, {
|
|
3632
|
+
value: Object.assign({}, contextProps),
|
|
3633
|
+
children: jsxRuntime.jsx(GroupContainer, {
|
|
3622
3634
|
role: "radiogroup",
|
|
3623
3635
|
direction: direction,
|
|
3624
3636
|
"aria-labelledby": uniqueGroupId,
|
|
3625
3637
|
"aria-describedby": tipId,
|
|
3626
|
-
"aria-errormessage": errorMessageId
|
|
3627
|
-
}, {
|
|
3638
|
+
"aria-errormessage": errorMessageId,
|
|
3628
3639
|
children: children
|
|
3629
|
-
})
|
|
3630
|
-
})
|
|
3640
|
+
})
|
|
3641
|
+
}), renderInputMessage(undefined, undefined, errorMessage, errorMessageId)]
|
|
3631
3642
|
}));
|
|
3632
3643
|
};
|
|
3633
3644
|
var RadioButtonGroup = /*#__PURE__*/React.forwardRef(RadioButtonGroupInner);
|
|
@@ -3680,20 +3691,18 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
3680
3691
|
'aria-readonly': readOnly
|
|
3681
3692
|
});
|
|
3682
3693
|
return jsxRuntime.jsxs(Container$f, Object.assign({}, containerProps, {
|
|
3683
|
-
controlType: "checkbox"
|
|
3684
|
-
}, {
|
|
3694
|
+
controlType: "checkbox",
|
|
3685
3695
|
children: [jsxRuntime.jsx(HiddenInput, Object.assign({}, inputProps, {
|
|
3686
3696
|
type: "checkbox",
|
|
3687
3697
|
"data-indeterminate": indeterminate
|
|
3688
3698
|
})), jsxRuntime.jsx(CustomSelectionControl, {
|
|
3689
3699
|
controlType: "checkbox"
|
|
3690
|
-
}), hasLabel && jsxRuntime.jsx(Typography,
|
|
3700
|
+
}), hasLabel && jsxRuntime.jsx(Typography, {
|
|
3691
3701
|
color: "inherit",
|
|
3692
3702
|
as: "span",
|
|
3693
|
-
typographyType: "bodySans02"
|
|
3694
|
-
}, {
|
|
3703
|
+
typographyType: "bodySans02",
|
|
3695
3704
|
children: label
|
|
3696
|
-
})
|
|
3705
|
+
})]
|
|
3697
3706
|
}));
|
|
3698
3707
|
});
|
|
3699
3708
|
Checkbox.displayName = 'Checkbox';
|
|
@@ -3728,24 +3737,21 @@ var CheckboxGroup = function CheckboxGroup(props) {
|
|
|
3728
3737
|
return jsxRuntime.jsxs(OuterGroupContainer, Object.assign({}, getBaseHTMLProps(id, className, Object.assign(Object.assign({}, htmlProps), {
|
|
3729
3738
|
'aria-required': ariaRequired
|
|
3730
3739
|
}), rest), {
|
|
3731
|
-
children: [jsxRuntime.jsxs(Typography,
|
|
3740
|
+
children: [jsxRuntime.jsxs(Typography, {
|
|
3732
3741
|
as: "span",
|
|
3733
3742
|
typographyType: "supportingStyleLabel01",
|
|
3734
|
-
id: uniqueGroupId
|
|
3735
|
-
}, {
|
|
3743
|
+
id: uniqueGroupId,
|
|
3736
3744
|
children: [label, " ", showRequiredMarker && jsxRuntime.jsx(RequiredMarker, {})]
|
|
3737
|
-
})
|
|
3738
|
-
value: Object.assign({}, contextProps)
|
|
3739
|
-
|
|
3740
|
-
children: jsxRuntime.jsx(GroupContainer, Object.assign({
|
|
3745
|
+
}), renderInputMessage(tip, tipId), jsxRuntime.jsx(CheckboxGroupContext.Provider, {
|
|
3746
|
+
value: Object.assign({}, contextProps),
|
|
3747
|
+
children: jsxRuntime.jsx(GroupContainer, {
|
|
3741
3748
|
role: "group",
|
|
3742
3749
|
"aria-labelledby": uniqueGroupId,
|
|
3743
3750
|
"aria-describedby": tip ? tipId : undefined,
|
|
3744
|
-
direction: direction
|
|
3745
|
-
}, {
|
|
3751
|
+
direction: direction,
|
|
3746
3752
|
children: children
|
|
3747
|
-
})
|
|
3748
|
-
})
|
|
3753
|
+
})
|
|
3754
|
+
}), renderInputMessage(undefined, undefined, errorMessage, errorMessageId)]
|
|
3749
3755
|
}));
|
|
3750
3756
|
};
|
|
3751
3757
|
CheckboxGroup.displayName = 'CheckboxGroup';
|
|
@@ -4149,11 +4155,10 @@ function Spinner(props) {
|
|
|
4149
4155
|
role: "img",
|
|
4150
4156
|
"aria-labelledby": uniqueId
|
|
4151
4157
|
}, spinnerProps, {
|
|
4152
|
-
children: [tooltip && jsxRuntime.jsx("title",
|
|
4153
|
-
id: uniqueId
|
|
4154
|
-
}, {
|
|
4158
|
+
children: [tooltip && jsxRuntime.jsx("title", {
|
|
4159
|
+
id: uniqueId,
|
|
4155
4160
|
children: tooltip
|
|
4156
|
-
})
|
|
4161
|
+
}), jsxRuntime.jsx(Circle, Object.assign({}, circleProps, {
|
|
4157
4162
|
cx: "25",
|
|
4158
4163
|
cy: "25",
|
|
4159
4164
|
r: "20",
|
|
@@ -4293,36 +4298,32 @@ var Button$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
4293
4298
|
onBlur: onBlur
|
|
4294
4299
|
});
|
|
4295
4300
|
var isIconButton = !hasLabel && hasIcon;
|
|
4296
|
-
var iconElement = icon && jsxRuntime.jsx(StyledIconWrapperSpan,
|
|
4301
|
+
var iconElement = icon && jsxRuntime.jsx(StyledIconWrapperSpan, {
|
|
4297
4302
|
size: size,
|
|
4298
4303
|
isHidden: hasIcon && loading,
|
|
4299
|
-
justIcon: isIconButton
|
|
4300
|
-
}, {
|
|
4304
|
+
justIcon: isIconButton,
|
|
4301
4305
|
children: jsxRuntime.jsx(Icon, {
|
|
4302
4306
|
icon: icon,
|
|
4303
4307
|
iconSize: "inherit"
|
|
4304
4308
|
})
|
|
4305
|
-
})
|
|
4309
|
+
});
|
|
4306
4310
|
return jsxRuntime.jsxs(ButtonWrapper, Object.assign({}, wrapperProps, {
|
|
4307
|
-
"aria-disabled": loading
|
|
4308
|
-
}, {
|
|
4311
|
+
"aria-disabled": loading,
|
|
4309
4312
|
children: [!isIconButton && jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
4310
|
-
children: [iconPosition === 'left' && iconElement, jsxRuntime.jsx(Label$1,
|
|
4313
|
+
children: [iconPosition === 'left' && iconElement, jsxRuntime.jsx(Label$1, {
|
|
4311
4314
|
isHidden: loading,
|
|
4312
|
-
"aria-hidden": loading
|
|
4313
|
-
}, {
|
|
4315
|
+
"aria-hidden": loading,
|
|
4314
4316
|
children: label
|
|
4315
|
-
})
|
|
4316
|
-
}), isIconButton && iconElement, loading && jsxRuntime.jsx(StyledIconWrapperSpan,
|
|
4317
|
+
}), iconPosition === 'right' && iconElement]
|
|
4318
|
+
}), isIconButton && iconElement, loading && jsxRuntime.jsx(StyledIconWrapperSpan, {
|
|
4317
4319
|
size: size,
|
|
4318
|
-
absolutePosition: hasIcon || hasLabel
|
|
4319
|
-
}, {
|
|
4320
|
+
absolutePosition: hasIcon || hasLabel,
|
|
4320
4321
|
children: jsxRuntime.jsx(Spinner, {
|
|
4321
4322
|
color: appearances[appearance].purpose[purpose].base.color,
|
|
4322
4323
|
size: sizes[size].justIcon.icon.fontSize,
|
|
4323
4324
|
tooltip: loadingTooltip
|
|
4324
4325
|
})
|
|
4325
|
-
})
|
|
4326
|
+
})]
|
|
4326
4327
|
}));
|
|
4327
4328
|
});
|
|
4328
4329
|
Button$1.displayName = 'Button';
|
|
@@ -4343,8 +4344,7 @@ function CharCounter(props) {
|
|
|
4343
4344
|
return jsxRuntime.jsxs(Wrapper$7, Object.assign({}, getBaseHTMLProps(uniqueId, className, htmlProps, rest), {
|
|
4344
4345
|
forwardedAs: "div",
|
|
4345
4346
|
typographyType: "supportingStyleHelperText01",
|
|
4346
|
-
"aria-label": "".concat(current, " av ").concat(max, " tegn skrevet")
|
|
4347
|
-
}, {
|
|
4347
|
+
"aria-label": "".concat(current, " av ").concat(max, " tegn skrevet"),
|
|
4348
4348
|
children: [current, "/", max]
|
|
4349
4349
|
}));
|
|
4350
4350
|
}
|
|
@@ -4548,35 +4548,32 @@ var TextInput = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
4548
4548
|
});
|
|
4549
4549
|
} else if (hasAffix) {
|
|
4550
4550
|
extendedInput = jsxRuntime.jsxs(InputAffixContainer, {
|
|
4551
|
-
children: [prefix && jsxRuntime.jsx(Prefix,
|
|
4551
|
+
children: [prefix && jsxRuntime.jsx(Prefix, {
|
|
4552
4552
|
readOnly: readOnly,
|
|
4553
4553
|
ref: prefixRef,
|
|
4554
|
-
"aria-hidden": true
|
|
4555
|
-
}, {
|
|
4554
|
+
"aria-hidden": true,
|
|
4556
4555
|
children: prefix
|
|
4557
|
-
})
|
|
4556
|
+
}), jsxRuntime.jsx(StatefulInput, Object.assign({
|
|
4558
4557
|
ref: ref,
|
|
4559
4558
|
onChange: onChangeHandler,
|
|
4560
4559
|
type: type,
|
|
4561
4560
|
componentSize: componentSize,
|
|
4562
4561
|
prefixLength: prefixLength,
|
|
4563
4562
|
suffixLength: suffixLength
|
|
4564
|
-
}, generalInputProps)), suffix && jsxRuntime.jsx(Suffix,
|
|
4563
|
+
}, generalInputProps)), suffix && jsxRuntime.jsx(Suffix, {
|
|
4565
4564
|
readOnly: readOnly,
|
|
4566
4565
|
ref: suffixRef,
|
|
4567
|
-
"aria-hidden": true
|
|
4568
|
-
}, {
|
|
4566
|
+
"aria-hidden": true,
|
|
4569
4567
|
children: suffix
|
|
4570
|
-
})
|
|
4568
|
+
})]
|
|
4571
4569
|
});
|
|
4572
4570
|
}
|
|
4573
4571
|
return jsxRuntime.jsxs(OuterInputContainer, Object.assign({}, outerInputContainerProps, {
|
|
4574
|
-
children: [hasLabel && jsxRuntime.jsx(Label$2,
|
|
4572
|
+
children: [hasLabel && jsxRuntime.jsx(Label$2, {
|
|
4575
4573
|
htmlFor: uniqueId,
|
|
4576
|
-
showRequiredStyling: showRequiredStyling
|
|
4577
|
-
}, {
|
|
4574
|
+
showRequiredStyling: showRequiredStyling,
|
|
4578
4575
|
children: label
|
|
4579
|
-
})
|
|
4576
|
+
}), extendedInput ? extendedInput : jsxRuntime.jsx(StatefulInput, Object.assign({
|
|
4580
4577
|
ref: ref,
|
|
4581
4578
|
onChange: onChangeHandler,
|
|
4582
4579
|
type: type,
|
|
@@ -4804,13 +4801,12 @@ var ScrollableContainer = function ScrollableContainer(props) {
|
|
|
4804
4801
|
rest = tslib.__rest(props, ["children", "id", "className", "contentHeight", "htmlProps"]);
|
|
4805
4802
|
var ref = React.useRef(null);
|
|
4806
4803
|
return jsxRuntime.jsxs(StyledScrollableContainer, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
|
|
4807
|
-
children: [jsxRuntime.jsx(Content$2,
|
|
4804
|
+
children: [jsxRuntime.jsx(Content$2, {
|
|
4808
4805
|
height: contentHeight,
|
|
4809
4806
|
ref: ref,
|
|
4810
|
-
tabIndex: 0
|
|
4811
|
-
}, {
|
|
4807
|
+
tabIndex: 0,
|
|
4812
4808
|
children: children
|
|
4813
|
-
})
|
|
4809
|
+
}), jsxRuntime.jsx(Scrollbar, {
|
|
4814
4810
|
contentRef: ref
|
|
4815
4811
|
})]
|
|
4816
4812
|
}));
|
|
@@ -5266,11 +5262,10 @@ var CustomOption = function CustomOption(props, Element) {
|
|
|
5266
5262
|
};
|
|
5267
5263
|
var CustomSingleValue = function CustomSingleValue(props, id, Element) {
|
|
5268
5264
|
return jsxRuntime.jsx(SingleValue, Object.assign({}, props, {
|
|
5269
|
-
children: jsxRuntime.jsx(InnerSingleValue,
|
|
5270
|
-
id: id
|
|
5271
|
-
}, {
|
|
5265
|
+
children: jsxRuntime.jsx(InnerSingleValue, {
|
|
5266
|
+
id: id,
|
|
5272
5267
|
children: Element ? jsxRuntime.jsx(Element, Object.assign({}, props)) : props.children
|
|
5273
|
-
})
|
|
5268
|
+
})
|
|
5274
5269
|
}));
|
|
5275
5270
|
};
|
|
5276
5271
|
var DDSNoOptionsMessage = function DDSNoOptionsMessage(props) {
|
|
@@ -5412,12 +5407,11 @@ var SelectInner = function SelectInner(props, ref) {
|
|
|
5412
5407
|
required: required
|
|
5413
5408
|
}, rest);
|
|
5414
5409
|
return jsxRuntime.jsxs(Container$e, Object.assign({}, containerProps, {
|
|
5415
|
-
children: [hasLabel && jsxRuntime.jsx(Label$2,
|
|
5410
|
+
children: [hasLabel && jsxRuntime.jsx(Label$2, {
|
|
5416
5411
|
htmlFor: uniqueId,
|
|
5417
|
-
showRequiredStyling: showRequiredStyling
|
|
5418
|
-
}, {
|
|
5412
|
+
showRequiredStyling: showRequiredStyling,
|
|
5419
5413
|
children: label
|
|
5420
|
-
})
|
|
5414
|
+
}), jsxRuntime.jsx(ReactSelect__default.default, Object.assign({}, reactSelectProps, {
|
|
5421
5415
|
ref: ref
|
|
5422
5416
|
})), renderInputMessage(tip, tipId, errorMessage, errorMessageId)]
|
|
5423
5417
|
}));
|
|
@@ -5530,18 +5524,16 @@ var GlobalMessage = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
5530
5524
|
purpose: purpose
|
|
5531
5525
|
});
|
|
5532
5526
|
return !isClosed ? jsxRuntime.jsxs(Container$d, Object.assign({}, containerProps, {
|
|
5533
|
-
children: [jsxRuntime.jsxs(ContentContainer$3,
|
|
5534
|
-
closable: closable
|
|
5535
|
-
}, {
|
|
5527
|
+
children: [jsxRuntime.jsxs(ContentContainer$3, {
|
|
5528
|
+
closable: closable,
|
|
5536
5529
|
children: [jsxRuntime.jsx(MessageIconWrapper$1, {
|
|
5537
5530
|
icon: purposeVariants$2[purpose].icon,
|
|
5538
5531
|
color: icon$5[purpose].color
|
|
5539
|
-
}), children !== null && children !== void 0 ? children : jsxRuntime.jsx(Typography,
|
|
5540
|
-
as: "span"
|
|
5541
|
-
}, {
|
|
5532
|
+
}), children !== null && children !== void 0 ? children : jsxRuntime.jsx(Typography, {
|
|
5533
|
+
as: "span",
|
|
5542
5534
|
children: message
|
|
5543
|
-
})
|
|
5544
|
-
})
|
|
5535
|
+
})]
|
|
5536
|
+
}), jsxRuntime.jsx(ControlsContainer, {
|
|
5545
5537
|
children: closable && jsxRuntime.jsx(Button$1, {
|
|
5546
5538
|
icon: CloseIcon,
|
|
5547
5539
|
purpose: purposeVariants$2[purpose].closeButtonPurpose,
|
|
@@ -5738,11 +5730,10 @@ var LocalMessage = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
5738
5730
|
icon: purposeVariants[purpose].icon,
|
|
5739
5731
|
color: icon$3[purpose].color
|
|
5740
5732
|
}), jsxRuntime.jsx(TextContainer, {
|
|
5741
|
-
children: children !== null && children !== void 0 ? children : jsxRuntime.jsx(Typography,
|
|
5742
|
-
as: "span"
|
|
5743
|
-
}, {
|
|
5733
|
+
children: children !== null && children !== void 0 ? children : jsxRuntime.jsx(Typography, {
|
|
5734
|
+
as: "span",
|
|
5744
5735
|
children: message
|
|
5745
|
-
})
|
|
5736
|
+
})
|
|
5746
5737
|
}), closable && jsxRuntime.jsx(CloseButton, {
|
|
5747
5738
|
icon: CloseIcon,
|
|
5748
5739
|
purpose: purposeVariants[purpose].closeButtonPurpose,
|
|
@@ -5771,8 +5762,7 @@ var VisuallyHidden = function VisuallyHidden(props) {
|
|
|
5771
5762
|
rest = tslib.__rest(props, ["children", "id", "className", "htmlProps", "as"]);
|
|
5772
5763
|
if (as === 'div') {
|
|
5773
5764
|
return jsxRuntime.jsx(Wrapper$6, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
|
|
5774
|
-
as: as
|
|
5775
|
-
}, {
|
|
5765
|
+
as: as,
|
|
5776
5766
|
children: children
|
|
5777
5767
|
}));
|
|
5778
5768
|
}
|
|
@@ -5989,9 +5979,8 @@ var OverflowMenuItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
5989
5979
|
icon: icon
|
|
5990
5980
|
});
|
|
5991
5981
|
if (!href && !onClick) {
|
|
5992
|
-
return jsxRuntime.jsxs(Span, Object.assign({},
|
|
5993
|
-
ref: ref
|
|
5994
|
-
}), {
|
|
5982
|
+
return jsxRuntime.jsxs(Span, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
|
|
5983
|
+
ref: ref,
|
|
5995
5984
|
children: [jsxRuntime.jsx(IconWrapper$1, {
|
|
5996
5985
|
children: iconElement
|
|
5997
5986
|
}), title]
|
|
@@ -6000,8 +5989,7 @@ var OverflowMenuItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
6000
5989
|
if (!href) {
|
|
6001
5990
|
return jsxRuntime.jsxs(Link$2, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), linkProps, {
|
|
6002
5991
|
as: "button",
|
|
6003
|
-
ref: combinedRef
|
|
6004
|
-
}, {
|
|
5992
|
+
ref: combinedRef,
|
|
6005
5993
|
children: [jsxRuntime.jsx(IconWrapper$1, {
|
|
6006
5994
|
children: iconElement
|
|
6007
5995
|
}), title]
|
|
@@ -6009,8 +5997,7 @@ var OverflowMenuItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
6009
5997
|
}
|
|
6010
5998
|
return jsxRuntime.jsxs(Link$2, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), linkProps, {
|
|
6011
5999
|
as: "a",
|
|
6012
|
-
ref: combinedRef
|
|
6013
|
-
}, {
|
|
6000
|
+
ref: combinedRef,
|
|
6014
6001
|
children: [jsxRuntime.jsx(IconWrapper$1, {
|
|
6015
6002
|
children: iconElement
|
|
6016
6003
|
}), title]
|
|
@@ -6060,14 +6047,12 @@ var SearchSuggestions = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
6060
6047
|
focus = _useRoveFocus2[0],
|
|
6061
6048
|
setFocus = _useRoveFocus2[1];
|
|
6062
6049
|
var suggestionsToRender = maxSuggestions ? suggestions === null || suggestions === void 0 ? void 0 : suggestions.slice(maxSuggestions) : suggestions;
|
|
6063
|
-
var renderedSuggestions = jsxRuntime.jsx(SuggestionsList,
|
|
6050
|
+
var renderedSuggestions = jsxRuntime.jsx(SuggestionsList, {
|
|
6064
6051
|
role: "listbox",
|
|
6065
|
-
"aria-labelledby": suggestionsHeaderId
|
|
6066
|
-
}, {
|
|
6052
|
+
"aria-labelledby": suggestionsHeaderId,
|
|
6067
6053
|
children: suggestionsToRender.map(function (suggestion, index) {
|
|
6068
|
-
return jsxRuntime.jsx("li",
|
|
6069
|
-
role: "option"
|
|
6070
|
-
}, {
|
|
6054
|
+
return jsxRuntime.jsx("li", {
|
|
6055
|
+
role: "option",
|
|
6071
6056
|
children: jsxRuntime.jsx(MenuItem, {
|
|
6072
6057
|
index: index,
|
|
6073
6058
|
focus: focus === index && showSuggestions,
|
|
@@ -6079,22 +6064,20 @@ var SearchSuggestions = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
6079
6064
|
"aria-posinset": index,
|
|
6080
6065
|
size: componentSize
|
|
6081
6066
|
})
|
|
6082
|
-
}
|
|
6067
|
+
}, index);
|
|
6083
6068
|
})
|
|
6084
|
-
})
|
|
6069
|
+
});
|
|
6085
6070
|
var isHidden = !showSuggestions;
|
|
6086
6071
|
return jsxRuntime.jsxs(SuggestionsContainer, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
|
|
6087
6072
|
ref: ref,
|
|
6088
6073
|
isHidden: isHidden,
|
|
6089
|
-
"aria-hidden": isHidden
|
|
6090
|
-
|
|
6091
|
-
children: [jsxRuntime.jsx(SuggestionsHeader, Object.assign({
|
|
6074
|
+
"aria-hidden": isHidden,
|
|
6075
|
+
children: [jsxRuntime.jsx(SuggestionsHeader, {
|
|
6092
6076
|
typographyType: "supportingStyleTiny01",
|
|
6093
6077
|
forwardedAs: "span",
|
|
6094
|
-
id: suggestionsHeaderId
|
|
6095
|
-
}, {
|
|
6078
|
+
id: suggestionsHeaderId,
|
|
6096
6079
|
children: "S\xF8keforslag"
|
|
6097
|
-
})
|
|
6080
|
+
}), renderedSuggestions]
|
|
6098
6081
|
}));
|
|
6099
6082
|
});
|
|
6100
6083
|
SearchSuggestions.displayName = 'SearchSuggestions';
|
|
@@ -6237,11 +6220,10 @@ var Search$1 = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
6237
6220
|
var hasSuggestions = !!context.suggestions;
|
|
6238
6221
|
var showSearchButton = !!buttonProps && !!onClick;
|
|
6239
6222
|
return jsxRuntime.jsxs(OuterContainer$3, {
|
|
6240
|
-
children: [hasLabel && jsxRuntime.jsx(Label$2,
|
|
6241
|
-
htmlFor: uniqueId
|
|
6242
|
-
}, {
|
|
6223
|
+
children: [hasLabel && jsxRuntime.jsx(Label$2, {
|
|
6224
|
+
htmlFor: uniqueId,
|
|
6243
6225
|
children: label
|
|
6244
|
-
})
|
|
6226
|
+
}), jsxRuntime.jsxs("div", {
|
|
6245
6227
|
children: [jsxRuntime.jsxs(HorisontalContainer, Object.assign({
|
|
6246
6228
|
hasSearchButton: showSearchButton
|
|
6247
6229
|
}, containerProps, {
|
|
@@ -6264,12 +6246,11 @@ var Search$1 = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
6264
6246
|
suggestions: context.suggestions,
|
|
6265
6247
|
showSuggestions: context.showSuggestions,
|
|
6266
6248
|
componentSize: componentSize
|
|
6267
|
-
}), jsxRuntime.jsx(VisuallyHidden,
|
|
6249
|
+
}), jsxRuntime.jsx(VisuallyHidden, {
|
|
6268
6250
|
id: suggestionsDescriptionId,
|
|
6269
|
-
as: "span"
|
|
6270
|
-
}, {
|
|
6251
|
+
as: "span",
|
|
6271
6252
|
children: "Bla i s\xF8keforslag med piltaster n\xE5r listen er utvidet."
|
|
6272
|
-
})
|
|
6253
|
+
})]
|
|
6273
6254
|
}), hasValue && jsxRuntime.jsx(StyledClearButton, {
|
|
6274
6255
|
icon: CloseSmallIcon,
|
|
6275
6256
|
size: "tiny",
|
|
@@ -6386,11 +6367,10 @@ var SearchAutocompleteWrapper = function SearchAutocompleteWrapper(props) {
|
|
|
6386
6367
|
inputValue: inputValue,
|
|
6387
6368
|
onSugggestionClick: handleSuggestionClick
|
|
6388
6369
|
};
|
|
6389
|
-
return jsxRuntime.jsx(AutocompleteSearchContext.Provider,
|
|
6390
|
-
value: contextProps
|
|
6391
|
-
}, {
|
|
6370
|
+
return jsxRuntime.jsx(AutocompleteSearchContext.Provider, {
|
|
6371
|
+
value: contextProps,
|
|
6392
6372
|
children: children
|
|
6393
|
-
})
|
|
6373
|
+
});
|
|
6394
6374
|
};
|
|
6395
6375
|
SearchAutocompleteWrapper.displayName = 'SearchAutocompleteWrapper';
|
|
6396
6376
|
|
|
@@ -6537,17 +6517,16 @@ var CollapsibleTable$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
6537
6517
|
density: density,
|
|
6538
6518
|
isCollapsed: isCollapsed
|
|
6539
6519
|
}, rest);
|
|
6540
|
-
return jsxRuntime.jsx(CollapsibleTableContext.Provider,
|
|
6520
|
+
return jsxRuntime.jsx(CollapsibleTableContext.Provider, {
|
|
6541
6521
|
value: {
|
|
6542
6522
|
isCollapsed: isCollapsed,
|
|
6543
6523
|
headerValues: headerValues,
|
|
6544
6524
|
definingColumnIndex: definingColumnIndex
|
|
6545
|
-
}
|
|
6546
|
-
}, {
|
|
6525
|
+
},
|
|
6547
6526
|
children: jsxRuntime.jsx(StyledTable, Object.assign({}, tableProps, {
|
|
6548
6527
|
children: children
|
|
6549
6528
|
}))
|
|
6550
|
-
})
|
|
6529
|
+
});
|
|
6551
6530
|
});
|
|
6552
6531
|
CollapsibleTable$1.displayName = 'CollapsibleTable';
|
|
6553
6532
|
|
|
@@ -6909,17 +6888,15 @@ var CollapsibleRow = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
6909
6888
|
})]
|
|
6910
6889
|
}, "DL-".concat(index));
|
|
6911
6890
|
}) : null;
|
|
6912
|
-
var collapsedRows = collapsedRenderedChildren && collapsedRenderedChildren.length > 0 ? jsxRuntime.jsx(StyledRow,
|
|
6913
|
-
type: "body"
|
|
6914
|
-
|
|
6915
|
-
|
|
6916
|
-
colSpan: definingColumnIndex.length + 1
|
|
6917
|
-
}, {
|
|
6891
|
+
var collapsedRows = collapsedRenderedChildren && collapsedRenderedChildren.length > 0 ? jsxRuntime.jsx(StyledRow, {
|
|
6892
|
+
type: "body",
|
|
6893
|
+
children: jsxRuntime.jsx(DescriptionListCell, {
|
|
6894
|
+
colSpan: definingColumnIndex.length + 1,
|
|
6918
6895
|
children: jsxRuntime.jsx(DescriptionList, {
|
|
6919
6896
|
children: collapsedRenderedChildren
|
|
6920
6897
|
})
|
|
6921
|
-
})
|
|
6922
|
-
})
|
|
6898
|
+
})
|
|
6899
|
+
}) : null;
|
|
6923
6900
|
var definingColumnCells = childrenArray.slice().filter(function (column, index) {
|
|
6924
6901
|
return definingColumnIndex.indexOf(index) > -1;
|
|
6925
6902
|
}).sort(function (a, b) {
|
|
@@ -6931,16 +6908,14 @@ var CollapsibleRow = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
6931
6908
|
ref: ref
|
|
6932
6909
|
}, rowProps, {
|
|
6933
6910
|
children: jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
6934
|
-
children: [definingColumnCells, jsxRuntime.jsxs(Table.Cell,
|
|
6911
|
+
children: [definingColumnCells, jsxRuntime.jsxs(Table.Cell, {
|
|
6935
6912
|
type: "head",
|
|
6936
|
-
layout: "center"
|
|
6937
|
-
|
|
6938
|
-
|
|
6939
|
-
as: "span"
|
|
6940
|
-
}, {
|
|
6913
|
+
layout: "center",
|
|
6914
|
+
children: ["Utvid", jsxRuntime.jsx(VisuallyHidden, {
|
|
6915
|
+
as: "span",
|
|
6941
6916
|
children: "raden"
|
|
6942
|
-
})
|
|
6943
|
-
})
|
|
6917
|
+
})]
|
|
6918
|
+
})]
|
|
6944
6919
|
})
|
|
6945
6920
|
}));
|
|
6946
6921
|
};
|
|
@@ -6950,22 +6925,20 @@ var CollapsibleRow = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
6950
6925
|
return jsxRuntime.jsxs(StyledRow, Object.assign({
|
|
6951
6926
|
ref: ref
|
|
6952
6927
|
}, rowProps, {
|
|
6953
|
-
"data-isopencollapsibleheader": !childrenCollapsed && true
|
|
6954
|
-
}, {
|
|
6928
|
+
"data-isopencollapsibleheader": !childrenCollapsed && true,
|
|
6955
6929
|
children: [definingColumnCells, jsxRuntime.jsx(Table.Cell, {
|
|
6956
|
-
children: jsxRuntime.jsx(CollapseButton,
|
|
6930
|
+
children: jsxRuntime.jsx(CollapseButton, {
|
|
6957
6931
|
onClick: function onClick() {
|
|
6958
6932
|
return setChildrenCollapsed(!childrenCollapsed);
|
|
6959
6933
|
},
|
|
6960
6934
|
"aria-expanded": !childrenCollapsed,
|
|
6961
|
-
"aria-controls": idList
|
|
6962
|
-
}, {
|
|
6935
|
+
"aria-controls": idList,
|
|
6963
6936
|
children: jsxRuntime.jsx(AnimatedChevronUpDown, {
|
|
6964
6937
|
isUp: childrenCollapsed ? false : true,
|
|
6965
6938
|
height: "7.5px",
|
|
6966
6939
|
width: "12px"
|
|
6967
6940
|
})
|
|
6968
|
-
})
|
|
6941
|
+
})
|
|
6969
6942
|
})]
|
|
6970
6943
|
}));
|
|
6971
6944
|
};
|
|
@@ -7012,12 +6985,11 @@ var SortCell = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
7012
6985
|
type: "head",
|
|
7013
6986
|
"aria-sort": isSorted && sortOrder ? sortOrder : undefined
|
|
7014
6987
|
}, rest, {
|
|
7015
|
-
children: jsxRuntime.jsxs(StyledButton$3,
|
|
6988
|
+
children: jsxRuntime.jsxs(StyledButton$3, {
|
|
7016
6989
|
onClick: onClick,
|
|
7017
|
-
"aria-description": "Aktiver for \xE5 endre sorteringsrekkef\xF8lge"
|
|
7018
|
-
}, {
|
|
6990
|
+
"aria-description": "Aktiver for \xE5 endre sorteringsrekkef\xF8lge",
|
|
7019
6991
|
children: [children, " ", makeSortIcon(isSorted, sortOrder)]
|
|
7020
|
-
})
|
|
6992
|
+
})
|
|
7021
6993
|
}));
|
|
7022
6994
|
});
|
|
7023
6995
|
SortCell.displayName = 'Table.SortCell';
|
|
@@ -7088,22 +7060,20 @@ var Breadcrumb = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
7088
7060
|
var children = props.children,
|
|
7089
7061
|
rest = tslib.__rest(props, ["children"]);
|
|
7090
7062
|
if (isAnchorTypographyProps(props)) {
|
|
7091
|
-
return jsxRuntime.jsx(Typography,
|
|
7063
|
+
return jsxRuntime.jsx(Typography, {
|
|
7092
7064
|
htmlProps: rest,
|
|
7093
7065
|
ref: ref,
|
|
7094
|
-
typographyType: "a"
|
|
7095
|
-
}, {
|
|
7066
|
+
typographyType: "a",
|
|
7096
7067
|
children: children
|
|
7097
|
-
})
|
|
7068
|
+
});
|
|
7098
7069
|
}
|
|
7099
|
-
return jsxRuntime.jsx(Typography,
|
|
7070
|
+
return jsxRuntime.jsx(Typography, {
|
|
7100
7071
|
htmlProps: rest,
|
|
7101
7072
|
ref: ref,
|
|
7102
7073
|
as: "span",
|
|
7103
|
-
color: "interactive"
|
|
7104
|
-
}, {
|
|
7074
|
+
color: "interactive",
|
|
7105
7075
|
children: children
|
|
7106
|
-
})
|
|
7076
|
+
});
|
|
7107
7077
|
});
|
|
7108
7078
|
Breadcrumb.displayName = 'Breadcrumb';
|
|
7109
7079
|
|
|
@@ -7158,8 +7128,7 @@ var Breadcrumbs = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
7158
7128
|
});
|
|
7159
7129
|
return jsxRuntime.jsx("nav", Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
|
|
7160
7130
|
ref: ref,
|
|
7161
|
-
"aria-label": "br\xF8dsmulesti"
|
|
7162
|
-
}, {
|
|
7131
|
+
"aria-label": "br\xF8dsmulesti",
|
|
7163
7132
|
children: jsxRuntime.jsx(List$2, {
|
|
7164
7133
|
children: breadcrumbChildren
|
|
7165
7134
|
})
|
|
@@ -7354,17 +7323,15 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
7354
7323
|
"aria-label": "paginering"
|
|
7355
7324
|
}, navProps, {
|
|
7356
7325
|
children: jsxRuntime.jsxs(List$1, {
|
|
7357
|
-
children: [jsxRuntime.jsx(ListItem$1,
|
|
7326
|
+
children: [jsxRuntime.jsx(ListItem$1, {
|
|
7358
7327
|
isHidden: isOnFirstPage,
|
|
7359
|
-
"aria-hidden": isOnFirstPage
|
|
7360
|
-
}, {
|
|
7328
|
+
"aria-hidden": isOnFirstPage,
|
|
7361
7329
|
children: previousPageButton
|
|
7362
|
-
})
|
|
7330
|
+
}), listItems, jsxRuntime.jsx(ListItem$1, {
|
|
7363
7331
|
isHidden: isOnLastPage,
|
|
7364
|
-
"aria-hidden": isOnLastPage
|
|
7365
|
-
}, {
|
|
7332
|
+
"aria-hidden": isOnLastPage,
|
|
7366
7333
|
children: nextPageButton
|
|
7367
|
-
})
|
|
7334
|
+
})]
|
|
7368
7335
|
})
|
|
7369
7336
|
})) : null;
|
|
7370
7337
|
var smallScreenNavigation = withPagination ? jsxRuntime.jsx(Nav$1, Object.assign({
|
|
@@ -7372,10 +7339,9 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
7372
7339
|
"aria-label": "paginering"
|
|
7373
7340
|
}, navProps, {
|
|
7374
7341
|
children: jsxRuntime.jsxs(List$1, {
|
|
7375
|
-
children: [jsxRuntime.jsx(ListItem$1,
|
|
7342
|
+
children: [jsxRuntime.jsx(ListItem$1, {
|
|
7376
7343
|
isHidden: isOnFirstPage,
|
|
7377
|
-
"aria-hidden": isOnFirstPage
|
|
7378
|
-
}, {
|
|
7344
|
+
"aria-hidden": isOnFirstPage,
|
|
7379
7345
|
children: jsxRuntime.jsx(Button$1, {
|
|
7380
7346
|
purpose: "secondary",
|
|
7381
7347
|
appearance: "ghost",
|
|
@@ -7386,12 +7352,11 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
7386
7352
|
},
|
|
7387
7353
|
"aria-label": "G\xE5 til f\xF8rste siden"
|
|
7388
7354
|
})
|
|
7389
|
-
})
|
|
7355
|
+
}), jsxRuntime.jsx(ListItem$1, {
|
|
7390
7356
|
isHidden: isOnFirstPage,
|
|
7391
|
-
"aria-hidden": isOnFirstPage
|
|
7392
|
-
}, {
|
|
7357
|
+
"aria-hidden": isOnFirstPage,
|
|
7393
7358
|
children: previousPageButton
|
|
7394
|
-
})
|
|
7359
|
+
}), jsxRuntime.jsx(ListItem$1, {
|
|
7395
7360
|
children: jsxRuntime.jsx(Button$1, {
|
|
7396
7361
|
label: activePage.toString(),
|
|
7397
7362
|
size: "small",
|
|
@@ -7399,15 +7364,13 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
7399
7364
|
onPageChange(event, activePage);
|
|
7400
7365
|
}
|
|
7401
7366
|
})
|
|
7402
|
-
}), jsxRuntime.jsx(ListItem$1,
|
|
7367
|
+
}), jsxRuntime.jsx(ListItem$1, {
|
|
7403
7368
|
isHidden: isOnLastPage,
|
|
7404
|
-
"aria-hidden": isOnLastPage
|
|
7405
|
-
}, {
|
|
7369
|
+
"aria-hidden": isOnLastPage,
|
|
7406
7370
|
children: nextPageButton
|
|
7407
|
-
})
|
|
7371
|
+
}), jsxRuntime.jsx(ListItem$1, {
|
|
7408
7372
|
isHidden: isOnLastPage,
|
|
7409
|
-
"aria-hidden": isOnLastPage
|
|
7410
|
-
}, {
|
|
7373
|
+
"aria-hidden": isOnLastPage,
|
|
7411
7374
|
children: jsxRuntime.jsx(Button$1, {
|
|
7412
7375
|
purpose: "secondary",
|
|
7413
7376
|
appearance: "ghost",
|
|
@@ -7418,7 +7381,7 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
7418
7381
|
},
|
|
7419
7382
|
"aria-label": "G\xE5 til siste siden"
|
|
7420
7383
|
})
|
|
7421
|
-
})
|
|
7384
|
+
})]
|
|
7422
7385
|
})
|
|
7423
7386
|
})) : null;
|
|
7424
7387
|
var activePageFirstItem = activePage === 1 ? 1 : activePage * itemsPerPage - itemsPerPage + 1;
|
|
@@ -7437,12 +7400,11 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
7437
7400
|
isClearable: false,
|
|
7438
7401
|
onChange: handleSelectChange,
|
|
7439
7402
|
"aria-label": "Antall elementer per side"
|
|
7440
|
-
}), withCounter && jsxRuntime.jsxs(Typography,
|
|
7403
|
+
}), withCounter && jsxRuntime.jsxs(Typography, {
|
|
7441
7404
|
typographyType: "supportingStyleLabel01",
|
|
7442
|
-
as: "p"
|
|
7443
|
-
}, {
|
|
7405
|
+
as: "p",
|
|
7444
7406
|
children: ["Viser ", activePageFirstItem, "-", activePageLastItem, " av ", itemsAmount]
|
|
7445
|
-
})
|
|
7407
|
+
})]
|
|
7446
7408
|
}), navigationToBeRendered]
|
|
7447
7409
|
}));
|
|
7448
7410
|
});
|
|
@@ -7642,8 +7604,7 @@ var Card = function Card(props) {
|
|
|
7642
7604
|
as: "a",
|
|
7643
7605
|
ref: cardRef,
|
|
7644
7606
|
href: href,
|
|
7645
|
-
target: target
|
|
7646
|
-
}, {
|
|
7607
|
+
target: target,
|
|
7647
7608
|
children: children
|
|
7648
7609
|
}));
|
|
7649
7610
|
}
|
|
@@ -7651,8 +7612,7 @@ var Card = function Card(props) {
|
|
|
7651
7612
|
cardType: cardType,
|
|
7652
7613
|
color: color,
|
|
7653
7614
|
as: "div",
|
|
7654
|
-
ref: cardRef
|
|
7655
|
-
}, {
|
|
7615
|
+
ref: cardRef,
|
|
7656
7616
|
children: children
|
|
7657
7617
|
}));
|
|
7658
7618
|
};
|
|
@@ -7804,19 +7764,17 @@ var CardAccordionHeader = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
7804
7764
|
height: cardAccordionTokens.chevron.height
|
|
7805
7765
|
};
|
|
7806
7766
|
return jsxRuntime.jsx(HeaderWrapperButton, Object.assign({}, headerWrapperProps, {
|
|
7807
|
-
type: "button"
|
|
7808
|
-
|
|
7809
|
-
children: jsxRuntime.jsxs(HeaderContainer$2, Object.assign({
|
|
7767
|
+
type: "button",
|
|
7768
|
+
children: jsxRuntime.jsxs(HeaderContainer$2, {
|
|
7810
7769
|
typographyType: typographyType,
|
|
7811
7770
|
padding: padding,
|
|
7812
|
-
bold: bold
|
|
7813
|
-
}, {
|
|
7771
|
+
bold: bold,
|
|
7814
7772
|
children: [jsxRuntime.jsx(ContentWrapper, {
|
|
7815
7773
|
children: children
|
|
7816
7774
|
}), jsxRuntime.jsx(ChevronWrapper, {
|
|
7817
7775
|
children: jsxRuntime.jsx(AnimatedChevronUpDown, Object.assign({}, chevronProps))
|
|
7818
7776
|
})]
|
|
7819
|
-
})
|
|
7777
|
+
})
|
|
7820
7778
|
}));
|
|
7821
7779
|
});
|
|
7822
7780
|
CardAccordionHeader.displayName = 'CardAccordionHeader';
|
|
@@ -7922,11 +7880,9 @@ var CardAccordionBody = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
7922
7880
|
return jsxRuntime.jsx(Body, Object.assign({}, bodyProps, {
|
|
7923
7881
|
animate: animate,
|
|
7924
7882
|
"aria-labelledby": headerId,
|
|
7925
|
-
"aria-hidden": !isExpanded
|
|
7926
|
-
}, {
|
|
7883
|
+
"aria-hidden": !isExpanded,
|
|
7927
7884
|
children: jsxRuntime.jsx(BodyContainer, Object.assign({}, bodyContainerProps, {
|
|
7928
|
-
animate: animate
|
|
7929
|
-
}, {
|
|
7885
|
+
animate: animate,
|
|
7930
7886
|
children: children
|
|
7931
7887
|
}))
|
|
7932
7888
|
}));
|
|
@@ -8108,11 +8064,10 @@ var OverflowMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
8108
8064
|
})
|
|
8109
8065
|
}), hasNavItems && hasContextItems && jsxRuntime.jsx(StyledDivider, {
|
|
8110
8066
|
color: "primaryLighter"
|
|
8111
|
-
}), hasContextItems && jsxRuntime.jsx(OverflowMenuList,
|
|
8112
|
-
"aria-label": "kontekstmeny"
|
|
8113
|
-
}, {
|
|
8067
|
+
}), hasContextItems && jsxRuntime.jsx(OverflowMenuList, {
|
|
8068
|
+
"aria-label": "kontekstmeny",
|
|
8114
8069
|
children: interactiveItemsList === null || interactiveItemsList === void 0 ? void 0 : interactiveItemsList.slice(contextItemsFirstPos, interactiveItemsList.length)
|
|
8115
|
-
})
|
|
8070
|
+
})]
|
|
8116
8071
|
});
|
|
8117
8072
|
}
|
|
8118
8073
|
};
|
|
@@ -8129,8 +8084,7 @@ var OverflowMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
8129
8084
|
role: 'menu'
|
|
8130
8085
|
});
|
|
8131
8086
|
return jsxRuntime.jsxs(Container$a, Object.assign({}, containerProps, {
|
|
8132
|
-
"aria-label": "bruk piltaster for \xE5 navigere"
|
|
8133
|
-
}, {
|
|
8087
|
+
"aria-label": "bruk piltaster for \xE5 navigere",
|
|
8134
8088
|
children: [hasStaticUser && jsxRuntime.jsx(OverflowMenuItem, {
|
|
8135
8089
|
title: username,
|
|
8136
8090
|
icon: PersonIcon
|
|
@@ -8255,8 +8209,7 @@ var NavigationItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
8255
8209
|
isCurrent: isCurrent
|
|
8256
8210
|
}, rest);
|
|
8257
8211
|
return jsxRuntime.jsx(Link$1, Object.assign({}, linkProps, {
|
|
8258
|
-
"aria-current": isCurrent ? 'page' : undefined
|
|
8259
|
-
}, {
|
|
8212
|
+
"aria-current": isCurrent ? 'page' : undefined,
|
|
8260
8213
|
children: title
|
|
8261
8214
|
}));
|
|
8262
8215
|
});
|
|
@@ -8311,9 +8264,8 @@ var InternalHeader = function InternalHeader(props) {
|
|
|
8311
8264
|
var hasNavigationElements = !!navigationElements && navigationElements.length > 0;
|
|
8312
8265
|
var hasContextMenuElements = !!contextMenuElements && contextMenuElements.length > 0;
|
|
8313
8266
|
var hasNavInContextMenu = smallScreen && hasNavigationElements;
|
|
8314
|
-
var navigation = hasNavigationElements && !smallScreen ? jsxRuntime.jsx(Navigation,
|
|
8315
|
-
"aria-label": "sidenavigasjon"
|
|
8316
|
-
}, {
|
|
8267
|
+
var navigation = hasNavigationElements && !smallScreen ? jsxRuntime.jsx(Navigation, {
|
|
8268
|
+
"aria-label": "sidenavigasjon",
|
|
8317
8269
|
children: jsxRuntime.jsx(NavigationList, {
|
|
8318
8270
|
children: navigationElements.map(function (item, index) {
|
|
8319
8271
|
var href = item.href,
|
|
@@ -8331,31 +8283,28 @@ var InternalHeader = function InternalHeader(props) {
|
|
|
8331
8283
|
}, index);
|
|
8332
8284
|
})
|
|
8333
8285
|
})
|
|
8334
|
-
})
|
|
8286
|
+
}) : null;
|
|
8335
8287
|
var hasContextMenu = hasContextMenuElements || !!userProps || hasNavInContextMenu;
|
|
8336
8288
|
return jsxRuntime.jsxs(OuterContainer$1, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
|
|
8337
|
-
children: [jsxRuntime.jsx(BannerWrapper,
|
|
8338
|
-
hasContextMenu: hasContextMenu
|
|
8339
|
-
}, {
|
|
8289
|
+
children: [jsxRuntime.jsx(BannerWrapper, {
|
|
8290
|
+
hasContextMenu: hasContextMenu,
|
|
8340
8291
|
children: jsxRuntime.jsxs(BannerLeftWrapper, {
|
|
8341
8292
|
children: [jsxRuntime.jsx(LovisaWrapper, {
|
|
8342
|
-
children: jsxRuntime.jsx(Typography,
|
|
8293
|
+
children: jsxRuntime.jsx(Typography, {
|
|
8343
8294
|
typographyType: "bodySans02",
|
|
8344
8295
|
bold: true,
|
|
8345
|
-
as: "span"
|
|
8346
|
-
}, {
|
|
8296
|
+
as: "span",
|
|
8347
8297
|
children: applicationName
|
|
8348
|
-
})
|
|
8298
|
+
})
|
|
8349
8299
|
}), jsxRuntime.jsx(ApplicationNameWrapper, {
|
|
8350
|
-
children: jsxRuntime.jsx(Typography,
|
|
8300
|
+
children: jsxRuntime.jsx(Typography, {
|
|
8351
8301
|
typographyType: "bodySans02",
|
|
8352
|
-
as: "span"
|
|
8353
|
-
}, {
|
|
8302
|
+
as: "span",
|
|
8354
8303
|
children: applicationDesc
|
|
8355
|
-
})
|
|
8304
|
+
})
|
|
8356
8305
|
})]
|
|
8357
8306
|
})
|
|
8358
|
-
})
|
|
8307
|
+
}), navigation, hasContextMenu && jsxRuntime.jsxs(ContextMenuGroup, {
|
|
8359
8308
|
children: [jsxRuntime.jsx(Button$1, {
|
|
8360
8309
|
ref: buttonRef,
|
|
8361
8310
|
icon: hasNavInContextMenu ? MenuIcon : MoreVerticalIcon,
|
|
@@ -8468,12 +8417,11 @@ var Datepicker = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
8468
8417
|
className: className
|
|
8469
8418
|
};
|
|
8470
8419
|
return jsxRuntime.jsxs(OuterInputContainer, Object.assign({}, outerinputContainerProps, {
|
|
8471
|
-
children: [hasLabel && jsxRuntime.jsx(Label$2,
|
|
8420
|
+
children: [hasLabel && jsxRuntime.jsx(Label$2, {
|
|
8472
8421
|
htmlFor: uniqueId,
|
|
8473
|
-
showRequiredStyling: showRequiredStyling
|
|
8474
|
-
}, {
|
|
8422
|
+
showRequiredStyling: showRequiredStyling,
|
|
8475
8423
|
children: label
|
|
8476
|
-
})
|
|
8424
|
+
}), jsxRuntime.jsx(StyledInput, Object.assign({}, inputProps)), renderInputMessage(tip, tipId, errorMessage, errorMessageId)]
|
|
8477
8425
|
}));
|
|
8478
8426
|
});
|
|
8479
8427
|
Datepicker.displayName = 'Datepicker';
|
|
@@ -8556,8 +8504,7 @@ var SkipToContent = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
8556
8504
|
};
|
|
8557
8505
|
return jsxRuntime.jsx(Wrapper$3, Object.assign({}, wrapperProps, {
|
|
8558
8506
|
children: jsxRuntime.jsx(Link, Object.assign({}, getBaseHTMLProps(id, restHtmlProps, rest), {
|
|
8559
|
-
ref: ref
|
|
8560
|
-
}, {
|
|
8507
|
+
ref: ref,
|
|
8561
8508
|
children: text
|
|
8562
8509
|
}))
|
|
8563
8510
|
}));
|
|
@@ -8718,8 +8665,7 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
8718
8665
|
return jsxRuntime.jsxs(Container$9, Object.assign({}, containerProps, {
|
|
8719
8666
|
children: [anchorElement, jsxRuntime.jsxs(TooltipWrapper, Object.assign({}, wrapperProps, {
|
|
8720
8667
|
elevation: 1,
|
|
8721
|
-
border: "light"
|
|
8722
|
-
}, {
|
|
8668
|
+
border: "light",
|
|
8723
8669
|
children: [text, jsxRuntime.jsx(ArrowWrapper, Object.assign({}, arrowWrapperProps, {
|
|
8724
8670
|
children: jsxRuntime.jsxs(SvgArrow, {
|
|
8725
8671
|
children: [jsxRuntime.jsx("path", {
|
|
@@ -8829,15 +8775,13 @@ var Modal = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
8829
8775
|
};
|
|
8830
8776
|
return isOpen || hasTransitionedIn ? /*#__PURE__*/reactDom$1.createPortal(jsxRuntime.jsx(Backdrop, Object.assign({}, backdropProps, {
|
|
8831
8777
|
children: jsxRuntime.jsxs(Container$8, Object.assign({}, containerProps, {
|
|
8832
|
-
elevation: 4
|
|
8833
|
-
}, {
|
|
8778
|
+
elevation: 4,
|
|
8834
8779
|
children: [jsxRuntime.jsxs(ContentContainer$2, {
|
|
8835
8780
|
children: [header && jsxRuntime.jsx(HeaderContainer$1, Object.assign({}, headerContainerProps, {
|
|
8836
|
-
children: typeof header === 'string' ? jsxRuntime.jsx(Typography,
|
|
8837
|
-
typographyType: "headingSans03"
|
|
8838
|
-
}, {
|
|
8781
|
+
children: typeof header === 'string' ? jsxRuntime.jsx(Typography, {
|
|
8782
|
+
typographyType: "headingSans03",
|
|
8839
8783
|
children: header
|
|
8840
|
-
})
|
|
8784
|
+
}) : header
|
|
8841
8785
|
})), children]
|
|
8842
8786
|
}), onClose && jsxRuntime.jsx(StyledButton$2, {
|
|
8843
8787
|
size: "small",
|
|
@@ -8868,11 +8812,10 @@ var ModalBody = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
8868
8812
|
ref: ref
|
|
8869
8813
|
});
|
|
8870
8814
|
return scrollable ? jsxRuntime.jsx(Container$7, Object.assign({}, containerProps, {
|
|
8871
|
-
children: jsxRuntime.jsx(ScrollableContainer,
|
|
8872
|
-
contentHeight: height
|
|
8873
|
-
}, {
|
|
8815
|
+
children: jsxRuntime.jsx(ScrollableContainer, {
|
|
8816
|
+
contentHeight: height,
|
|
8874
8817
|
children: children
|
|
8875
|
-
})
|
|
8818
|
+
})
|
|
8876
8819
|
})) : jsxRuntime.jsx(Container$7, Object.assign({}, containerProps, {
|
|
8877
8820
|
children: children
|
|
8878
8821
|
}));
|
|
@@ -8990,16 +8933,14 @@ var Drawer = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
8990
8933
|
id: headerId
|
|
8991
8934
|
};
|
|
8992
8935
|
return isOpen || hasTransitionedIn ? /*#__PURE__*/reactDom$1.createPortal(jsxRuntime.jsxs(Container$5, Object.assign({}, containerProps, {
|
|
8993
|
-
elevation: 4
|
|
8994
|
-
}, {
|
|
8936
|
+
elevation: 4,
|
|
8995
8937
|
children: [jsxRuntime.jsx(ScrollableContainer, {
|
|
8996
8938
|
children: jsxRuntime.jsxs(ContentContainer$1, {
|
|
8997
8939
|
children: [hasHeader && jsxRuntime.jsx(HeaderContainer, Object.assign({}, headerContainerProps, {
|
|
8998
|
-
children: typeof header === 'string' ? jsxRuntime.jsx(Typography,
|
|
8999
|
-
typographyType: "headingSans03"
|
|
9000
|
-
}, {
|
|
8940
|
+
children: typeof header === 'string' ? jsxRuntime.jsx(Typography, {
|
|
8941
|
+
typographyType: "headingSans03",
|
|
9001
8942
|
children: header
|
|
9002
|
-
})
|
|
8943
|
+
}) : header
|
|
9003
8944
|
})), children]
|
|
9004
8945
|
})
|
|
9005
8946
|
}), jsxRuntime.jsx(StyledButton$1, {
|
|
@@ -9167,20 +9108,17 @@ var Popover = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
9167
9108
|
});
|
|
9168
9109
|
return isOpen || hasTransitionedIn ? jsxRuntime.jsxs(Wrapper$2, Object.assign({}, wrapperProps, {
|
|
9169
9110
|
elevation: 3,
|
|
9170
|
-
border: "light"
|
|
9171
|
-
}, {
|
|
9111
|
+
border: "light",
|
|
9172
9112
|
children: [title && jsxRuntime.jsx(TitleContainer, {
|
|
9173
|
-
children: typeof title === 'string' ? jsxRuntime.jsx(Typography,
|
|
9174
|
-
typographyType: "headingSans02"
|
|
9175
|
-
}, {
|
|
9113
|
+
children: typeof title === 'string' ? jsxRuntime.jsx(Typography, {
|
|
9114
|
+
typographyType: "headingSans02",
|
|
9176
9115
|
children: title
|
|
9177
|
-
})
|
|
9178
|
-
}), jsxRuntime.jsx(ContentContainer,
|
|
9116
|
+
}) : title
|
|
9117
|
+
}), jsxRuntime.jsx(ContentContainer, {
|
|
9179
9118
|
hasTitle: !!title,
|
|
9180
|
-
withCloseButton: withCloseButton
|
|
9181
|
-
}, {
|
|
9119
|
+
withCloseButton: withCloseButton,
|
|
9182
9120
|
children: children
|
|
9183
|
-
})
|
|
9121
|
+
}), withCloseButton && jsxRuntime.jsx(StyledButton, {
|
|
9184
9122
|
icon: CloseIcon,
|
|
9185
9123
|
appearance: "borderless",
|
|
9186
9124
|
purpose: "secondary",
|
|
@@ -9307,14 +9245,13 @@ var ToggleButton = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
9307
9245
|
htmlFor: uniqueId
|
|
9308
9246
|
};
|
|
9309
9247
|
return jsxRuntime.jsxs(Container$4, Object.assign({}, containerProps, {
|
|
9310
|
-
children: [jsxRuntime.jsx(HiddenInput, Object.assign({}, inputProps)), jsxRuntime.jsxs(Content$1,
|
|
9311
|
-
hasIcon: !!icon
|
|
9312
|
-
}, {
|
|
9248
|
+
children: [jsxRuntime.jsx(HiddenInput, Object.assign({}, inputProps)), jsxRuntime.jsxs(Content$1, {
|
|
9249
|
+
hasIcon: !!icon,
|
|
9313
9250
|
children: [icon && jsxRuntime.jsx(Icon, {
|
|
9314
9251
|
icon: icon,
|
|
9315
9252
|
iconSize: "inherit"
|
|
9316
9253
|
}), " ", label]
|
|
9317
|
-
})
|
|
9254
|
+
})]
|
|
9318
9255
|
}));
|
|
9319
9256
|
});
|
|
9320
9257
|
ToggleButton.displayName = 'ToggleButton';
|
|
@@ -9350,13 +9287,12 @@ var ToggleButtonGroup = function ToggleButtonGroup(props) {
|
|
|
9350
9287
|
'aria-labelledby': label ? uniqueLabelId : undefined
|
|
9351
9288
|
});
|
|
9352
9289
|
return jsxRuntime.jsxs(Container$3, Object.assign({}, containerProps, {
|
|
9353
|
-
children: [!!label && jsxRuntime.jsx(Typography,
|
|
9290
|
+
children: [!!label && jsxRuntime.jsx(Typography, {
|
|
9354
9291
|
as: "span",
|
|
9355
9292
|
typographyType: "supportingStyleLabel01",
|
|
9356
|
-
id: uniqueLabelId
|
|
9357
|
-
}, {
|
|
9293
|
+
id: uniqueLabelId,
|
|
9358
9294
|
children: label
|
|
9359
|
-
})
|
|
9295
|
+
}), jsxRuntime.jsx(Group$1, Object.assign({}, groupProps, {
|
|
9360
9296
|
children: children
|
|
9361
9297
|
}))]
|
|
9362
9298
|
}));
|
|
@@ -9423,7 +9359,7 @@ var Tabs = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
9423
9359
|
var containerProps = Object.assign(Object.assign({}, getBaseHTMLProps(uniqueId, className, htmlProps, rest)), {
|
|
9424
9360
|
ref: ref
|
|
9425
9361
|
});
|
|
9426
|
-
return jsxRuntime.jsx(TabsContext.Provider,
|
|
9362
|
+
return jsxRuntime.jsx(TabsContext.Provider, {
|
|
9427
9363
|
value: {
|
|
9428
9364
|
tabsId: uniqueId,
|
|
9429
9365
|
activeTab: thisActiveTab,
|
|
@@ -9433,14 +9369,12 @@ var Tabs = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
9433
9369
|
hasTabFocus: hasTabFocus,
|
|
9434
9370
|
setHasTabFocus: setHasTabFocus,
|
|
9435
9371
|
tabContentDirection: tabContentDirection
|
|
9436
|
-
}
|
|
9437
|
-
}, {
|
|
9372
|
+
},
|
|
9438
9373
|
children: jsxRuntime.jsx(Container$2, Object.assign({}, containerProps, {
|
|
9439
|
-
width: width
|
|
9440
|
-
}, {
|
|
9374
|
+
width: width,
|
|
9441
9375
|
children: children
|
|
9442
9376
|
}))
|
|
9443
|
-
})
|
|
9377
|
+
});
|
|
9444
9378
|
});
|
|
9445
9379
|
Tabs.displayName = 'Tabs';
|
|
9446
9380
|
|
|
@@ -9727,8 +9661,7 @@ var Tag = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
9727
9661
|
rest = tslib.__rest(props, ["text", "purpose", "id", "className", "htmlProps"]);
|
|
9728
9662
|
return jsxRuntime.jsx(Wrapper$1, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
|
|
9729
9663
|
ref: ref,
|
|
9730
|
-
purpose: purpose
|
|
9731
|
-
}, {
|
|
9664
|
+
purpose: purpose,
|
|
9732
9665
|
children: jsxRuntime.jsx(TextOverflowEllipsisInner, {
|
|
9733
9666
|
children: text
|
|
9734
9667
|
})
|
|
@@ -9780,8 +9713,7 @@ var Chip = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
9780
9713
|
};
|
|
9781
9714
|
return isOpen ? jsxRuntime.jsxs(Container$1, Object.assign({}, getBaseHTMLProps(id, className, restHTMLprops, rest), {
|
|
9782
9715
|
ref: ref,
|
|
9783
|
-
as: "div"
|
|
9784
|
-
}, {
|
|
9716
|
+
as: "div",
|
|
9785
9717
|
children: [jsxRuntime.jsx(TextOverflowEllipsisInner, {
|
|
9786
9718
|
children: text
|
|
9787
9719
|
}), jsxRuntime.jsx(Button$1, {
|
|
@@ -9810,8 +9742,7 @@ var ChipGroup = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
9810
9742
|
}, "chip-".concat(index));
|
|
9811
9743
|
});
|
|
9812
9744
|
return jsxRuntime.jsx(Group, Object.assign({}, rest, {
|
|
9813
|
-
ref: ref
|
|
9814
|
-
}, {
|
|
9745
|
+
ref: ref,
|
|
9815
9746
|
children: groupChildren
|
|
9816
9747
|
}));
|
|
9817
9748
|
});
|
|
@@ -9958,29 +9889,26 @@ var ToggleBar = function ToggleBar(props) {
|
|
|
9958
9889
|
return onChange && onChange(e, e.target.value);
|
|
9959
9890
|
});
|
|
9960
9891
|
var labelId = label && "".concat(uniqueId, "-label");
|
|
9961
|
-
return jsxRuntime.jsx(ToggleBarContext.Provider,
|
|
9892
|
+
return jsxRuntime.jsx(ToggleBarContext.Provider, {
|
|
9962
9893
|
value: {
|
|
9963
9894
|
size: size,
|
|
9964
9895
|
onChange: handleChange,
|
|
9965
9896
|
name: name,
|
|
9966
9897
|
value: groupValue
|
|
9967
|
-
}
|
|
9968
|
-
}, {
|
|
9898
|
+
},
|
|
9969
9899
|
children: jsxRuntime.jsxs(OuterContainer, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
|
|
9970
9900
|
role: "radiogroup",
|
|
9971
9901
|
"aria-labelledby": labelId !== null && labelId !== void 0 ? labelId : htmlProps === null || htmlProps === void 0 ? void 0 : htmlProps['aria-labelledby'],
|
|
9972
|
-
width: width
|
|
9973
|
-
|
|
9974
|
-
children: [label && jsxRuntime.jsx(Typography, Object.assign({
|
|
9902
|
+
width: width,
|
|
9903
|
+
children: [label && jsxRuntime.jsx(Typography, {
|
|
9975
9904
|
typographyType: "supportingStyleLabel01",
|
|
9976
|
-
id: labelId
|
|
9977
|
-
}, {
|
|
9905
|
+
id: labelId,
|
|
9978
9906
|
children: label
|
|
9979
|
-
})
|
|
9907
|
+
}), jsxRuntime.jsx(Bar, {
|
|
9980
9908
|
children: children
|
|
9981
9909
|
})]
|
|
9982
9910
|
}))
|
|
9983
|
-
})
|
|
9911
|
+
});
|
|
9984
9912
|
};
|
|
9985
9913
|
ToggleBar.displayName = 'ToggleBar';
|
|
9986
9914
|
|
|
@@ -10036,10 +9964,9 @@ var ToggleRadio = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
10036
9964
|
onChange && onChange(event);
|
|
10037
9965
|
group && group.onChange && group.onChange(event);
|
|
10038
9966
|
};
|
|
10039
|
-
return jsxRuntime.jsxs(Label,
|
|
9967
|
+
return jsxRuntime.jsxs(Label, {
|
|
10040
9968
|
size: group.size,
|
|
10041
|
-
htmlFor: uniqueId
|
|
10042
|
-
}, {
|
|
9969
|
+
htmlFor: uniqueId,
|
|
10043
9970
|
children: [jsxRuntime.jsx(HiddenInput, Object.assign({}, getBaseHTMLProps(uniqueId, className, htmlProps, rest), {
|
|
10044
9971
|
type: "radio",
|
|
10045
9972
|
ref: ref,
|
|
@@ -10047,18 +9974,17 @@ var ToggleRadio = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
10047
9974
|
onChange: handleChange,
|
|
10048
9975
|
value: value,
|
|
10049
9976
|
checked: calculateChecked(value, group, checked)
|
|
10050
|
-
})), jsxRuntime.jsxs(Content,
|
|
9977
|
+
})), jsxRuntime.jsxs(Content, {
|
|
10051
9978
|
size: group.size,
|
|
10052
|
-
justIcon: !!icon && !!!label
|
|
10053
|
-
}, {
|
|
9979
|
+
justIcon: !!icon && !!!label,
|
|
10054
9980
|
children: [icon && jsxRuntime.jsx(Icon, {
|
|
10055
9981
|
icon: icon,
|
|
10056
9982
|
iconSize: "inherit"
|
|
10057
9983
|
}), label && jsxRuntime.jsx("span", {
|
|
10058
9984
|
children: label
|
|
10059
9985
|
})]
|
|
10060
|
-
})
|
|
10061
|
-
})
|
|
9986
|
+
})]
|
|
9987
|
+
});
|
|
10062
9988
|
});
|
|
10063
9989
|
ToggleRadio.displayName = 'ToggleRadio';
|
|
10064
9990
|
|
|
@@ -10182,22 +10108,19 @@ var Grid = function Grid(props) {
|
|
|
10182
10108
|
as = props.as,
|
|
10183
10109
|
rest = tslib.__rest(props, ["id", "className", "children", "htmlProps", "as"]);
|
|
10184
10110
|
var screenSize = useScreenSize();
|
|
10185
|
-
return jsxRuntime.jsx(GridContext.Provider,
|
|
10111
|
+
return jsxRuntime.jsx(GridContext.Provider, {
|
|
10186
10112
|
value: {
|
|
10187
10113
|
screenSize: screenSize
|
|
10188
|
-
}
|
|
10189
|
-
}, {
|
|
10114
|
+
},
|
|
10190
10115
|
children: as === 'div' ? jsxRuntime.jsx(StyledGrid, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
|
|
10191
|
-
screenSize: screenSize
|
|
10192
|
-
}, {
|
|
10116
|
+
screenSize: screenSize,
|
|
10193
10117
|
children: children
|
|
10194
10118
|
})) : jsxRuntime.jsx(StyledGrid, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
|
|
10195
10119
|
screenSize: screenSize,
|
|
10196
|
-
as: as
|
|
10197
|
-
}, {
|
|
10120
|
+
as: as,
|
|
10198
10121
|
children: children
|
|
10199
10122
|
}))
|
|
10200
|
-
})
|
|
10123
|
+
});
|
|
10201
10124
|
};
|
|
10202
10125
|
Grid.displayName = 'Grid';
|
|
10203
10126
|
|
|
@@ -10230,8 +10153,7 @@ var GridChild = function GridChild(props) {
|
|
|
10230
10153
|
var _useGridContext = useGridContext(),
|
|
10231
10154
|
screenSize = _useGridContext.screenSize;
|
|
10232
10155
|
return jsxRuntime.jsx(StyledGridChild, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
|
|
10233
|
-
screenSize: screenSize
|
|
10234
|
-
}, {
|
|
10156
|
+
screenSize: screenSize,
|
|
10235
10157
|
children: children
|
|
10236
10158
|
}));
|
|
10237
10159
|
};
|
|
@@ -10414,29 +10336,25 @@ var ProgressTrackerItem = function ProgressTrackerItem(props) {
|
|
|
10414
10336
|
}
|
|
10415
10337
|
return index + 1;
|
|
10416
10338
|
}, [completed, icon, index]);
|
|
10417
|
-
return jsxRuntime.jsx(ItemWrapper,
|
|
10418
|
-
"aria-current": active ? 'step' : undefined
|
|
10419
|
-
}, {
|
|
10339
|
+
return jsxRuntime.jsx(ItemWrapper, {
|
|
10340
|
+
"aria-current": active ? 'step' : undefined,
|
|
10420
10341
|
children: jsxRuntime.jsxs(ItemContentWrapper, Object.assign({}, styleProps, {
|
|
10421
10342
|
as: handleStepChange ? 'button' : 'div',
|
|
10422
10343
|
onClick: !disabled && handleStepChange ? function () {
|
|
10423
10344
|
return handleStepChange(index);
|
|
10424
10345
|
} : undefined,
|
|
10425
|
-
disabled: disabled
|
|
10426
|
-
}, {
|
|
10346
|
+
disabled: disabled,
|
|
10427
10347
|
children: [jsxRuntime.jsx(ItemNumber, Object.assign({}, styleProps, {
|
|
10428
|
-
"aria-hidden": true
|
|
10429
|
-
}, {
|
|
10348
|
+
"aria-hidden": true,
|
|
10430
10349
|
children: stepNumberContent
|
|
10431
10350
|
})), jsxRuntime.jsxs(ItemText, Object.assign({}, styleProps, {
|
|
10432
|
-
children: [jsxRuntime.jsx(VisuallyHidden,
|
|
10433
|
-
as: "span"
|
|
10434
|
-
}, {
|
|
10351
|
+
children: [jsxRuntime.jsx(VisuallyHidden, {
|
|
10352
|
+
as: "span",
|
|
10435
10353
|
children: getVisuallyHiddenText(active, completed, index)
|
|
10436
|
-
})
|
|
10354
|
+
}), children]
|
|
10437
10355
|
}))]
|
|
10438
10356
|
}))
|
|
10439
|
-
})
|
|
10357
|
+
});
|
|
10440
10358
|
};
|
|
10441
10359
|
ProgressTrackerItem.displayName = 'ProgressTracker.Item';
|
|
10442
10360
|
|
|
@@ -10480,12 +10398,11 @@ var ProgressTracker = function () {
|
|
|
10480
10398
|
var itemsWithConnectorsBetween = intersperseItemsWithConnector(itemsWithIndex);
|
|
10481
10399
|
return itemsWithConnectorsBetween;
|
|
10482
10400
|
}, [children]);
|
|
10483
|
-
return jsxRuntime.jsx(ProgressTrackerContext.Provider,
|
|
10401
|
+
return jsxRuntime.jsx(ProgressTrackerContext.Provider, {
|
|
10484
10402
|
value: {
|
|
10485
10403
|
activeStep: thisActiveStep,
|
|
10486
10404
|
handleStepChange: handleChange
|
|
10487
|
-
}
|
|
10488
|
-
}, {
|
|
10405
|
+
},
|
|
10489
10406
|
children: jsxRuntime.jsx("div", Object.assign({
|
|
10490
10407
|
role: "group",
|
|
10491
10408
|
"aria-label": "progress"
|
|
@@ -10494,7 +10411,7 @@ var ProgressTracker = function () {
|
|
|
10494
10411
|
children: steps
|
|
10495
10412
|
})
|
|
10496
10413
|
}))
|
|
10497
|
-
})
|
|
10414
|
+
});
|
|
10498
10415
|
});
|
|
10499
10416
|
Res.Item = ProgressTrackerItem;
|
|
10500
10417
|
Res.displayName = 'ProgressTracker';
|
|
@@ -10633,12 +10550,11 @@ var IconWrapper = styled__default.default.span.withConfig({
|
|
|
10633
10550
|
})(["position:absolute;left:", ";top:", ";z-index:1;&:hover{cursor:text;}"], iconWrapper.left, iconWrapper.top);
|
|
10634
10551
|
|
|
10635
10552
|
var inlineEditVisuallyHidden = function inlineEditVisuallyHidden(id, emptiable) {
|
|
10636
|
-
return jsxRuntime.jsxs(VisuallyHidden,
|
|
10553
|
+
return jsxRuntime.jsxs(VisuallyHidden, {
|
|
10637
10554
|
id: id,
|
|
10638
|
-
as: "span"
|
|
10639
|
-
}, {
|
|
10555
|
+
as: "span",
|
|
10640
10556
|
children: ["Escape, Enter eller Tab for \xE5 lagre.", ' ', !emptiable && 'Inputfeltet er ikke tømmbar.']
|
|
10641
|
-
})
|
|
10557
|
+
});
|
|
10642
10558
|
};
|
|
10643
10559
|
|
|
10644
10560
|
var InlineTextArea = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
@@ -10659,21 +10575,19 @@ var InlineTextArea = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
10659
10575
|
var descId = derivativeIdGenerator(uniqueId, 'desc');
|
|
10660
10576
|
var inputRef = React.useRef(null);
|
|
10661
10577
|
var combinedRef = useCombinedRef(ref, inputRef);
|
|
10662
|
-
return jsxRuntime.jsxs(OuterInputContainer,
|
|
10663
|
-
width: width
|
|
10664
|
-
}, {
|
|
10578
|
+
return jsxRuntime.jsxs(OuterInputContainer, {
|
|
10579
|
+
width: width,
|
|
10665
10580
|
children: [jsxRuntime.jsxs(InputContainer$1, {
|
|
10666
|
-
children: [!isEditing && !hideIcon && jsxRuntime.jsx(IconWrapper,
|
|
10581
|
+
children: [!isEditing && !hideIcon && jsxRuntime.jsx(IconWrapper, {
|
|
10667
10582
|
onClick: function onClick() {
|
|
10668
10583
|
var _a;
|
|
10669
10584
|
(_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
10670
|
-
}
|
|
10671
|
-
}, {
|
|
10585
|
+
},
|
|
10672
10586
|
children: jsxRuntime.jsx(Icon, {
|
|
10673
10587
|
icon: EditIcon,
|
|
10674
10588
|
iconSize: "small"
|
|
10675
10589
|
})
|
|
10676
|
-
})
|
|
10590
|
+
}), jsxRuntime.jsx(StyledInlineTextArea, Object.assign({}, rest, {
|
|
10677
10591
|
as: "textarea",
|
|
10678
10592
|
id: uniqueId,
|
|
10679
10593
|
ref: combinedRef,
|
|
@@ -10683,7 +10597,7 @@ var InlineTextArea = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
10683
10597
|
"aria-describedby": spaceSeparatedIdListGenerator([hasErrorMessage ? errorMessageId : undefined, descId, ariaDescribedby])
|
|
10684
10598
|
}))]
|
|
10685
10599
|
}), inlineEditVisuallyHidden(descId, emptiable), renderInputMessage(undefined, undefined, errorMessage, errorMessageId)]
|
|
10686
|
-
})
|
|
10600
|
+
});
|
|
10687
10601
|
});
|
|
10688
10602
|
InlineTextArea.displayName = 'InlineTextArea';
|
|
10689
10603
|
|
|
@@ -10697,19 +10611,18 @@ var InlineEditTextArea = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
10697
10611
|
rest = tslib.__rest(props, ["onSetValue", "emptiable", "value", "onFocus", "onChange", "onBlur"]);
|
|
10698
10612
|
var textareaRef = React.useRef(null);
|
|
10699
10613
|
var combinedRef = useCombinedRef(ref, textareaRef);
|
|
10700
|
-
return jsxRuntime.jsx(InlineEdit,
|
|
10614
|
+
return jsxRuntime.jsx(InlineEdit, {
|
|
10701
10615
|
onSetValue: onSetValue,
|
|
10702
10616
|
emptiable: emptiable,
|
|
10703
10617
|
inputRef: textareaRef,
|
|
10704
10618
|
value: value,
|
|
10705
10619
|
onFocus: onFocus,
|
|
10706
10620
|
onChange: onChange,
|
|
10707
|
-
onBlur: onBlur
|
|
10708
|
-
}, {
|
|
10621
|
+
onBlur: onBlur,
|
|
10709
10622
|
children: jsxRuntime.jsx(InlineTextArea, Object.assign({
|
|
10710
10623
|
ref: combinedRef
|
|
10711
10624
|
}, rest))
|
|
10712
|
-
})
|
|
10625
|
+
});
|
|
10713
10626
|
});
|
|
10714
10627
|
|
|
10715
10628
|
var InlineInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
@@ -10732,21 +10645,19 @@ var InlineInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
10732
10645
|
var descId = derivativeIdGenerator(uniqueId, 'desc');
|
|
10733
10646
|
var inputRef = React.useRef(null);
|
|
10734
10647
|
var combinedRef = useCombinedRef(ref, inputRef);
|
|
10735
|
-
return jsxRuntime.jsxs(OuterInputContainer,
|
|
10736
|
-
width: width
|
|
10737
|
-
}, {
|
|
10648
|
+
return jsxRuntime.jsxs(OuterInputContainer, {
|
|
10649
|
+
width: width,
|
|
10738
10650
|
children: [jsxRuntime.jsxs(InputContainer$1, {
|
|
10739
|
-
children: [!isEditing && !hideIcon && jsxRuntime.jsx(IconWrapper,
|
|
10651
|
+
children: [!isEditing && !hideIcon && jsxRuntime.jsx(IconWrapper, {
|
|
10740
10652
|
onClick: function onClick() {
|
|
10741
10653
|
var _a;
|
|
10742
10654
|
(_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
10743
|
-
}
|
|
10744
|
-
}, {
|
|
10655
|
+
},
|
|
10745
10656
|
children: jsxRuntime.jsx(Icon, {
|
|
10746
10657
|
icon: EditIcon,
|
|
10747
10658
|
iconSize: "small"
|
|
10748
10659
|
})
|
|
10749
|
-
})
|
|
10660
|
+
}), jsxRuntime.jsx(StyledInlineInput, Object.assign({}, rest, {
|
|
10750
10661
|
id: uniqueId,
|
|
10751
10662
|
ref: combinedRef,
|
|
10752
10663
|
hasErrorMessage: hasErrorState,
|
|
@@ -10756,7 +10667,7 @@ var InlineInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
10756
10667
|
"aria-invalid": hasErrorState
|
|
10757
10668
|
}))]
|
|
10758
10669
|
}), inlineEditVisuallyHidden(descId, emptiable), renderInputMessage(undefined, undefined, errorMessage, errorMessageId)]
|
|
10759
|
-
})
|
|
10670
|
+
});
|
|
10760
10671
|
});
|
|
10761
10672
|
InlineInput.displayName = 'InlineInput';
|
|
10762
10673
|
|
|
@@ -10770,19 +10681,18 @@ var InlineEditInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
10770
10681
|
rest = tslib.__rest(props, ["onSetValue", "emptiable", "value", "onFocus", "onChange", "onBlur"]);
|
|
10771
10682
|
var inputRef = React.useRef(null);
|
|
10772
10683
|
var combinedRef = useCombinedRef(ref, inputRef);
|
|
10773
|
-
return jsxRuntime.jsx(InlineEdit,
|
|
10684
|
+
return jsxRuntime.jsx(InlineEdit, {
|
|
10774
10685
|
onSetValue: onSetValue,
|
|
10775
10686
|
emptiable: emptiable,
|
|
10776
10687
|
inputRef: inputRef,
|
|
10777
10688
|
value: value,
|
|
10778
10689
|
onFocus: onFocus,
|
|
10779
10690
|
onChange: onChange,
|
|
10780
|
-
onBlur: onBlur
|
|
10781
|
-
}, {
|
|
10691
|
+
onBlur: onBlur,
|
|
10782
10692
|
children: jsxRuntime.jsx(InlineInput, Object.assign({}, rest, {
|
|
10783
10693
|
ref: combinedRef
|
|
10784
10694
|
}))
|
|
10785
|
-
})
|
|
10695
|
+
});
|
|
10786
10696
|
});
|
|
10787
10697
|
|
|
10788
10698
|
var spacing$4 = ddsDesignTokens.ddsBaseTokens.spacing;
|
|
@@ -10859,12 +10769,11 @@ var TextArea = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
10859
10769
|
'aria-invalid': hasErrorMessage ? true : undefined
|
|
10860
10770
|
}, rest);
|
|
10861
10771
|
return jsxRuntime.jsxs(OuterInputContainer, Object.assign({}, containerProps, {
|
|
10862
|
-
children: [hasLabel && jsxRuntime.jsx(Label$2,
|
|
10772
|
+
children: [hasLabel && jsxRuntime.jsx(Label$2, {
|
|
10863
10773
|
showRequiredStyling: showRequiredStyling,
|
|
10864
|
-
htmlFor: uniqueId
|
|
10865
|
-
}, {
|
|
10774
|
+
htmlFor: uniqueId,
|
|
10866
10775
|
children: label
|
|
10867
|
-
})
|
|
10776
|
+
}), jsxRuntime.jsx(StyledTextArea, Object.assign({}, textAreaProps, {
|
|
10868
10777
|
as: "textarea"
|
|
10869
10778
|
})), renderInputMessage(tip, tipId, errorMessage, errorMessageId)]
|
|
10870
10779
|
}));
|
|
@@ -10911,16 +10820,14 @@ var SplitButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
10911
10820
|
purpose: purpose,
|
|
10912
10821
|
size: size
|
|
10913
10822
|
};
|
|
10914
|
-
return jsxRuntime.jsxs(Container,
|
|
10915
|
-
ref: ref
|
|
10916
|
-
}, {
|
|
10823
|
+
return jsxRuntime.jsxs(Container, {
|
|
10824
|
+
ref: ref,
|
|
10917
10825
|
children: [jsxRuntime.jsx(MainButton, Object.assign({}, buttonStyleProps, primaryAction, {
|
|
10918
10826
|
iconPosition: "left"
|
|
10919
|
-
})), jsxRuntime.jsxs(OverflowMenuGroup,
|
|
10827
|
+
})), jsxRuntime.jsxs(OverflowMenuGroup, {
|
|
10920
10828
|
onToggle: function onToggle() {
|
|
10921
10829
|
return setIsOpen(!isOpen);
|
|
10922
|
-
}
|
|
10923
|
-
}, {
|
|
10830
|
+
},
|
|
10924
10831
|
children: [jsxRuntime.jsx(OptionButton, Object.assign({}, buttonStyleProps, {
|
|
10925
10832
|
icon: isOpen ? ChevronUpIcon : ChevronDownIcon,
|
|
10926
10833
|
"aria-label": "\xC5pne liste med flere valg",
|
|
@@ -10929,8 +10836,8 @@ var SplitButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
10929
10836
|
items: secondaryActions,
|
|
10930
10837
|
placement: "bottom-end"
|
|
10931
10838
|
})]
|
|
10932
|
-
})
|
|
10933
|
-
})
|
|
10839
|
+
})]
|
|
10840
|
+
});
|
|
10934
10841
|
});
|
|
10935
10842
|
SplitButton.displayName = 'SplitButton';
|
|
10936
10843
|
|
|
@@ -11484,27 +11391,23 @@ var FileUploader = function FileUploader(props) {
|
|
|
11484
11391
|
message: e
|
|
11485
11392
|
};
|
|
11486
11393
|
});
|
|
11487
|
-
return jsxRuntime.jsxs(Wrapper,
|
|
11488
|
-
width: width
|
|
11489
|
-
|
|
11490
|
-
children: [hasLabel && jsxRuntime.jsx(Label$2, Object.assign({
|
|
11394
|
+
return jsxRuntime.jsxs(Wrapper, {
|
|
11395
|
+
width: width,
|
|
11396
|
+
children: [hasLabel && jsxRuntime.jsx(Label$2, {
|
|
11491
11397
|
showRequiredStyling: showRequiredMarker,
|
|
11492
|
-
htmlFor: uniqueId
|
|
11493
|
-
}, {
|
|
11398
|
+
htmlFor: uniqueId,
|
|
11494
11399
|
children: label
|
|
11495
|
-
})
|
|
11400
|
+
}), hasTip && jsxRuntime.jsx(InputMessage, {
|
|
11496
11401
|
id: tipId,
|
|
11497
11402
|
message: tip,
|
|
11498
11403
|
messageType: "tip"
|
|
11499
11404
|
}), jsxRuntime.jsxs(Root, Object.assign({}, getRootProps(), {
|
|
11500
11405
|
isDragActive: isDragActive,
|
|
11501
|
-
hasRootErrors: hasRootErrors
|
|
11502
|
-
|
|
11503
|
-
|
|
11504
|
-
as: "span"
|
|
11505
|
-
}, {
|
|
11406
|
+
hasRootErrors: hasRootErrors,
|
|
11407
|
+
children: [jsxRuntime.jsx(FileUploaderInput, Object.assign({}, getInputProps())), "Dra og slipp filer her eller", ' ', jsxRuntime.jsx(VisuallyHidden, {
|
|
11408
|
+
as: "span",
|
|
11506
11409
|
children: "velg fil med p\xE5f\xF8lgende knapp"
|
|
11507
|
-
})
|
|
11410
|
+
}), jsxRuntime.jsx(Button$1, Object.assign({}, getButtonProps(), {
|
|
11508
11411
|
id: uniqueId,
|
|
11509
11412
|
size: "medium",
|
|
11510
11413
|
type: "button",
|
|
@@ -11524,7 +11427,7 @@ var FileUploader = function FileUploader(props) {
|
|
|
11524
11427
|
}), jsxRuntime.jsx(FileListElement, {
|
|
11525
11428
|
children: fileListElements
|
|
11526
11429
|
})]
|
|
11527
|
-
})
|
|
11430
|
+
});
|
|
11528
11431
|
};
|
|
11529
11432
|
FileUploader.displayName = 'FileUploader';
|
|
11530
11433
|
|
|
@@ -11544,15 +11447,13 @@ function EmptyContent(_a) {
|
|
|
11544
11447
|
rest = tslib.__rest(_a, ["title", "message"]);
|
|
11545
11448
|
return jsxRuntime.jsx(StyledEmptyContent, Object.assign({}, rest, {
|
|
11546
11449
|
children: jsxRuntime.jsxs(StyledEmptyContentText, {
|
|
11547
|
-
children: [title && jsxRuntime.jsx(Typography,
|
|
11548
|
-
typographyType: "headingSans02"
|
|
11549
|
-
}, {
|
|
11450
|
+
children: [title && jsxRuntime.jsx(Typography, {
|
|
11451
|
+
typographyType: "headingSans02",
|
|
11550
11452
|
children: title
|
|
11551
|
-
})
|
|
11552
|
-
typographyType: "bodySans02"
|
|
11553
|
-
}, {
|
|
11453
|
+
}), jsxRuntime.jsx(Typography, {
|
|
11454
|
+
typographyType: "bodySans02",
|
|
11554
11455
|
children: message
|
|
11555
|
-
})
|
|
11456
|
+
})]
|
|
11556
11457
|
})
|
|
11557
11458
|
}));
|
|
11558
11459
|
}
|
|
@@ -11580,22 +11481,21 @@ var StyledIcon = styled__default.default(Icon).withConfig({
|
|
|
11580
11481
|
componentId: "sc-lzrkx8-1"
|
|
11581
11482
|
})(["color:", ";"], backLinkTokens.icon.color);
|
|
11582
11483
|
var BackLink = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
11583
|
-
return jsxRuntime.jsxs(Nav,
|
|
11584
|
-
ref: ref
|
|
11585
|
-
}, {
|
|
11484
|
+
return jsxRuntime.jsxs(Nav, {
|
|
11485
|
+
ref: ref,
|
|
11586
11486
|
children: [jsxRuntime.jsx(StyledIcon, {
|
|
11587
11487
|
icon: ArrowLeftIcon,
|
|
11588
11488
|
iconSize: "small"
|
|
11589
|
-
}), jsxRuntime.jsx(Typography,
|
|
11489
|
+
}), jsxRuntime.jsx(Typography, {
|
|
11590
11490
|
typographyType: "a",
|
|
11591
|
-
href: props.href
|
|
11592
|
-
}, {
|
|
11491
|
+
href: props.href,
|
|
11593
11492
|
children: props.label
|
|
11594
|
-
})
|
|
11595
|
-
})
|
|
11493
|
+
})]
|
|
11494
|
+
});
|
|
11596
11495
|
});
|
|
11597
11496
|
BackLink.displayName = 'BackLink';
|
|
11598
11497
|
|
|
11498
|
+
exports.AgreementIcon = AgreementIcon;
|
|
11599
11499
|
exports.AppsIcon = AppsIcon;
|
|
11600
11500
|
exports.ArchiveIcon = ArchiveIcon;
|
|
11601
11501
|
exports.ArrowDownIcon = ArrowDownIcon;
|
|
@@ -11624,6 +11524,7 @@ exports.Card = Card;
|
|
|
11624
11524
|
exports.CardAccordion = CardAccordion;
|
|
11625
11525
|
exports.CardAccordionBody = CardAccordionBody;
|
|
11626
11526
|
exports.CardAccordionHeader = CardAccordionHeader;
|
|
11527
|
+
exports.CaringIcon = CaringIcon;
|
|
11627
11528
|
exports.ChatIcon = ChatIcon;
|
|
11628
11529
|
exports.CheckCircledIcon = CheckCircledIcon;
|
|
11629
11530
|
exports.CheckIcon = CheckIcon;
|
|
@@ -11750,6 +11651,7 @@ exports.OverflowMenuGroup = OverflowMenuGroup;
|
|
|
11750
11651
|
exports.OverflowMenuList = OverflowMenuList;
|
|
11751
11652
|
exports.Pagination = Pagination;
|
|
11752
11653
|
exports.Paragraph = Paragraph;
|
|
11654
|
+
exports.PayoutIcon = PayoutIcon;
|
|
11753
11655
|
exports.PdfIcon = PdfIcon;
|
|
11754
11656
|
exports.PersonAddIcon = PersonAddIcon;
|
|
11755
11657
|
exports.PersonIcon = PersonIcon;
|