@norges-domstoler/dds-components 21.17.1 → 21.17.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +115 -105
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +107 -97
- package/dist/index.mjs.map +1 -1
- package/package.json +2 -2
package/dist/index.mjs
CHANGED
|
@@ -2899,8 +2899,8 @@ function useTranslation() {
|
|
|
2899
2899
|
const t = (text) => text[lang];
|
|
2900
2900
|
return { t, lang };
|
|
2901
2901
|
}
|
|
2902
|
-
function createTexts(
|
|
2903
|
-
return
|
|
2902
|
+
function createTexts(texts28) {
|
|
2903
|
+
return texts28;
|
|
2904
2904
|
}
|
|
2905
2905
|
|
|
2906
2906
|
// src/DdsProvider/DdsProvider.tsx
|
|
@@ -3879,6 +3879,8 @@ var Button = ({
|
|
|
3879
3879
|
...rest
|
|
3880
3880
|
}) => {
|
|
3881
3881
|
const { purpose: groupPurpose, size: groupSize } = useButtonGroupContext();
|
|
3882
|
+
const { t } = useTranslation();
|
|
3883
|
+
const spinnerTooltip = loadingTooltip != null ? loadingTooltip : t(texts2.saving);
|
|
3882
3884
|
const hasLabel = !!children;
|
|
3883
3885
|
const hasIcon = !!icon;
|
|
3884
3886
|
const hasLabelAndIcon = hasIcon && hasLabel;
|
|
@@ -3919,7 +3921,7 @@ var Button = ({
|
|
|
3919
3921
|
{
|
|
3920
3922
|
size: "1em",
|
|
3921
3923
|
color: purpose === "primary" || purpose === "danger" ? "iconOnAction" : "iconDefault",
|
|
3922
|
-
tooltip:
|
|
3924
|
+
tooltip: spinnerTooltip,
|
|
3923
3925
|
className: Button_default.icon
|
|
3924
3926
|
}
|
|
3925
3927
|
) })
|
|
@@ -3963,6 +3965,14 @@ var Button = ({
|
|
|
3963
3965
|
);
|
|
3964
3966
|
};
|
|
3965
3967
|
Button.displayName = "Button";
|
|
3968
|
+
var texts2 = createTexts({
|
|
3969
|
+
saving: {
|
|
3970
|
+
no: "Lagring p\xE5g\xE5r",
|
|
3971
|
+
nb: "Lagring p\xE5g\xE5r",
|
|
3972
|
+
nn: "Lagring p\xE5g\xE5r",
|
|
3973
|
+
en: "Saving"
|
|
3974
|
+
}
|
|
3975
|
+
});
|
|
3966
3976
|
|
|
3967
3977
|
// src/components/OverflowMenu/OverflowMenu.tsx
|
|
3968
3978
|
import { useEffect as useEffect15 } from "react";
|
|
@@ -4442,7 +4452,7 @@ var Breadcrumbs = ({
|
|
|
4442
4452
|
size: "xsmall",
|
|
4443
4453
|
icon: MoreHorizontalIcon,
|
|
4444
4454
|
purpose: "tertiary",
|
|
4445
|
-
"aria-label": bChildrenTruncated.length > 1 ? t(
|
|
4455
|
+
"aria-label": bChildrenTruncated.length > 1 ? t(texts3.showHiddenTo(bChildren.length - 1)) : t(texts3.showHidden)
|
|
4446
4456
|
}
|
|
4447
4457
|
),
|
|
4448
4458
|
/* @__PURE__ */ jsx205(OverflowMenu, { children: /* @__PURE__ */ jsx205(OverflowMenuList, { children: bChildrenTruncated }) })
|
|
@@ -4464,7 +4474,7 @@ var Breadcrumbs = ({
|
|
|
4464
4474
|
"nav",
|
|
4465
4475
|
{
|
|
4466
4476
|
...getBaseHTMLProps(id, className, htmlProps, rest),
|
|
4467
|
-
"aria-label": t(
|
|
4477
|
+
"aria-label": t(texts3.breadcrumbs),
|
|
4468
4478
|
children: [
|
|
4469
4479
|
/* @__PURE__ */ jsx205(
|
|
4470
4480
|
HStack,
|
|
@@ -4480,7 +4490,7 @@ var Breadcrumbs = ({
|
|
|
4480
4490
|
);
|
|
4481
4491
|
};
|
|
4482
4492
|
Breadcrumbs.displayName = "Breadcrumbs";
|
|
4483
|
-
var
|
|
4493
|
+
var texts3 = createTexts({
|
|
4484
4494
|
breadcrumbs: {
|
|
4485
4495
|
nb: "Br\xF8dsmulesti",
|
|
4486
4496
|
no: "Br\xF8dsmulesti",
|
|
@@ -5463,7 +5473,7 @@ var Chip = ({
|
|
|
5463
5473
|
icon: CloseSmallIcon,
|
|
5464
5474
|
purpose: "tertiary",
|
|
5465
5475
|
onClick,
|
|
5466
|
-
"aria-label": ariaLabel != null ? ariaLabel : t(
|
|
5476
|
+
"aria-label": ariaLabel != null ? ariaLabel : t(texts4.removeChip) + (text ? ` ${text}` : "")
|
|
5467
5477
|
}
|
|
5468
5478
|
)
|
|
5469
5479
|
]
|
|
@@ -5471,7 +5481,7 @@ var Chip = ({
|
|
|
5471
5481
|
) : null;
|
|
5472
5482
|
};
|
|
5473
5483
|
Chip.displayName = "Chip";
|
|
5474
|
-
var
|
|
5484
|
+
var texts4 = createTexts({
|
|
5475
5485
|
removeChip: {
|
|
5476
5486
|
nb: "Fjern merkelapp",
|
|
5477
5487
|
no: "Fjern merkelapp",
|
|
@@ -5598,7 +5608,7 @@ function CookieBanner({
|
|
|
5598
5608
|
{
|
|
5599
5609
|
as: Button,
|
|
5600
5610
|
showBelow: collapsedBreakpoint,
|
|
5601
|
-
"aria-label": t(
|
|
5611
|
+
"aria-label": t(texts5.expandConsent),
|
|
5602
5612
|
purpose: "tertiary",
|
|
5603
5613
|
icon: ExpandIcon,
|
|
5604
5614
|
onClick: () => setIsCollapsedOnBreakpoint(false),
|
|
@@ -5632,7 +5642,7 @@ function CookieBanner({
|
|
|
5632
5642
|
);
|
|
5633
5643
|
}
|
|
5634
5644
|
CookieBanner.displayName = "CookieBanner";
|
|
5635
|
-
var
|
|
5645
|
+
var texts5 = createTexts({
|
|
5636
5646
|
expandConsent: {
|
|
5637
5647
|
nb: "Utvid samtykke for bruk av informasjonskapsler",
|
|
5638
5648
|
no: "Utvid samtykke for bruk av informasjonskapsler",
|
|
@@ -5956,13 +5966,13 @@ function CalendarGrid({ state, ...props }) {
|
|
|
5956
5966
|
} = useCalendarGrid(props, state);
|
|
5957
5967
|
const weeksInMonth = getWeeksInMonth(state.visibleRange.start, locale);
|
|
5958
5968
|
const weekDays = [
|
|
5959
|
-
{ short: t(
|
|
5960
|
-
{ short: t(
|
|
5961
|
-
{ short: t(
|
|
5962
|
-
{ short: t(
|
|
5963
|
-
{ short: t(
|
|
5964
|
-
{ short: t(
|
|
5965
|
-
{ short: t(
|
|
5969
|
+
{ short: t(texts6.mo), full: t(texts6.monday) },
|
|
5970
|
+
{ short: t(texts6.tu), full: t(texts6.tuesday) },
|
|
5971
|
+
{ short: t(texts6.we), full: t(texts6.wednesday) },
|
|
5972
|
+
{ short: t(texts6.th), full: t(texts6.thursday) },
|
|
5973
|
+
{ short: t(texts6.fr), full: t(texts6.friday) },
|
|
5974
|
+
{ short: t(texts6.sa), full: t(texts6.saturday) },
|
|
5975
|
+
{ short: t(texts6.su), full: t(texts6.sunday) }
|
|
5966
5976
|
];
|
|
5967
5977
|
const { showWeekNumbers, onClose } = useContext10(CalendarPopoverContext);
|
|
5968
5978
|
const typographyCn = [
|
|
@@ -5988,7 +5998,7 @@ function CalendarGrid({ state, ...props }) {
|
|
|
5988
5998
|
className: cn(DateInput_default["calendar__grid-element"], ...typographyCn),
|
|
5989
5999
|
children: [
|
|
5990
6000
|
/* @__PURE__ */ jsx227("span", { "aria-hidden": true, children: "#" }),
|
|
5991
|
-
/* @__PURE__ */ jsx227(VisuallyHidden, { children: t(
|
|
6001
|
+
/* @__PURE__ */ jsx227(VisuallyHidden, { children: t(texts6.weekNumber) })
|
|
5992
6002
|
]
|
|
5993
6003
|
}
|
|
5994
6004
|
),
|
|
@@ -6031,7 +6041,7 @@ function CalendarGrid({ state, ...props }) {
|
|
|
6031
6041
|
);
|
|
6032
6042
|
}
|
|
6033
6043
|
CalendarGrid.displayName = "CalendarGrid";
|
|
6034
|
-
var
|
|
6044
|
+
var texts6 = createTexts({
|
|
6035
6045
|
weekNumber: {
|
|
6036
6046
|
nb: "Ukenummer",
|
|
6037
6047
|
no: "Ukenummer",
|
|
@@ -6163,7 +6173,7 @@ function Calendar(props) {
|
|
|
6163
6173
|
Button,
|
|
6164
6174
|
{
|
|
6165
6175
|
type: "button",
|
|
6166
|
-
"aria-label": t(
|
|
6176
|
+
"aria-label": t(texts7.previousMonth),
|
|
6167
6177
|
onClick: (e) => onPrev == null ? void 0 : onPrev(e),
|
|
6168
6178
|
size: "small",
|
|
6169
6179
|
purpose: "tertiary",
|
|
@@ -6185,7 +6195,7 @@ function Calendar(props) {
|
|
|
6185
6195
|
Button,
|
|
6186
6196
|
{
|
|
6187
6197
|
type: "button",
|
|
6188
|
-
"aria-label": t(
|
|
6198
|
+
"aria-label": t(texts7.nextMonth),
|
|
6189
6199
|
onClick: (e) => onNext == null ? void 0 : onNext(e),
|
|
6190
6200
|
size: "small",
|
|
6191
6201
|
purpose: "tertiary",
|
|
@@ -6198,7 +6208,7 @@ function Calendar(props) {
|
|
|
6198
6208
|
] });
|
|
6199
6209
|
}
|
|
6200
6210
|
Calendar.displayName = "Calendar";
|
|
6201
|
-
var
|
|
6211
|
+
var texts7 = createTexts({
|
|
6202
6212
|
nextMonth: {
|
|
6203
6213
|
nb: "Neste m\xE5ned",
|
|
6204
6214
|
no: "Neste m\xE5ned",
|
|
@@ -6613,7 +6623,7 @@ function DateField({
|
|
|
6613
6623
|
ClearButton,
|
|
6614
6624
|
{
|
|
6615
6625
|
absolute: false,
|
|
6616
|
-
"aria-label": t(
|
|
6626
|
+
"aria-label": t(texts8.clearDate),
|
|
6617
6627
|
"aria-hidden": !hasValue,
|
|
6618
6628
|
className: cn(
|
|
6619
6629
|
DateInput_default["clear-button"],
|
|
@@ -6639,7 +6649,7 @@ function DateField({
|
|
|
6639
6649
|
);
|
|
6640
6650
|
}
|
|
6641
6651
|
DateField.displayName = "DateField";
|
|
6642
|
-
var
|
|
6652
|
+
var texts8 = createTexts({
|
|
6643
6653
|
clearDate: {
|
|
6644
6654
|
en: "Clear date",
|
|
6645
6655
|
nb: "T\xF8m dato",
|
|
@@ -7370,7 +7380,7 @@ var FavStar = ({
|
|
|
7370
7380
|
checked,
|
|
7371
7381
|
onChange: (e) => setChecked(e.target.checked),
|
|
7372
7382
|
type: "checkbox",
|
|
7373
|
-
"aria-label": (_a = props["aria-label"]) != null ? _a : t(
|
|
7383
|
+
"aria-label": (_a = props["aria-label"]) != null ? _a : t(texts9.favourite)
|
|
7374
7384
|
}
|
|
7375
7385
|
),
|
|
7376
7386
|
/* @__PURE__ */ jsx250(Icon, { iconSize: size2, icon: StarIcon, className: FavStar_default.icon }),
|
|
@@ -7387,12 +7397,12 @@ var FavStar = ({
|
|
|
7387
7397
|
);
|
|
7388
7398
|
};
|
|
7389
7399
|
FavStar.displayName = "FavStar";
|
|
7390
|
-
var
|
|
7400
|
+
var texts9 = createTexts({
|
|
7391
7401
|
favourite: {
|
|
7392
|
-
nb: "
|
|
7393
|
-
no: "
|
|
7394
|
-
nn: "
|
|
7395
|
-
en: "
|
|
7402
|
+
nb: "Stjernemarker",
|
|
7403
|
+
no: "Stjernemarker",
|
|
7404
|
+
nn: "Stjernemerk",
|
|
7405
|
+
en: "Mark as favourite"
|
|
7396
7406
|
}
|
|
7397
7407
|
});
|
|
7398
7408
|
|
|
@@ -7452,7 +7462,7 @@ function CharCounter(props) {
|
|
|
7452
7462
|
"/",
|
|
7453
7463
|
max
|
|
7454
7464
|
] }),
|
|
7455
|
-
/* @__PURE__ */ jsx251(VisuallyHidden, { children: t(
|
|
7465
|
+
/* @__PURE__ */ jsx251(VisuallyHidden, { children: t(texts10.charsWritten(current, max, max - current)) })
|
|
7456
7466
|
]
|
|
7457
7467
|
}
|
|
7458
7468
|
);
|
|
@@ -7461,7 +7471,7 @@ var renderCharCounter = (id, isShown, textLength, maxLength) => {
|
|
|
7461
7471
|
if (!!maxLength && Number.isInteger(maxLength) && maxLength > 0 && isShown)
|
|
7462
7472
|
return /* @__PURE__ */ jsx251(CharCounter, { id, max: maxLength, current: textLength });
|
|
7463
7473
|
};
|
|
7464
|
-
var
|
|
7474
|
+
var texts10 = createTexts({
|
|
7465
7475
|
charsWritten: (current, max, remain) => ({
|
|
7466
7476
|
nb: `${current} av ${max} tegn skrevet. ${remain} igjen.`,
|
|
7467
7477
|
no: `${current} av ${max} tegn skrevet. ${remain} igjen.`,
|
|
@@ -7625,12 +7635,12 @@ var CommentComponent = ({
|
|
|
7625
7635
|
size: "small",
|
|
7626
7636
|
onClick: handleSubmit,
|
|
7627
7637
|
loading,
|
|
7628
|
-
children: t(
|
|
7638
|
+
children: t(texts11.send)
|
|
7629
7639
|
}
|
|
7630
7640
|
)
|
|
7631
7641
|
] });
|
|
7632
7642
|
};
|
|
7633
|
-
var
|
|
7643
|
+
var texts11 = createTexts({
|
|
7634
7644
|
send: {
|
|
7635
7645
|
nb: "Send inn",
|
|
7636
7646
|
no: "Send inn",
|
|
@@ -7838,7 +7848,7 @@ var RatingComponent = ({
|
|
|
7838
7848
|
),
|
|
7839
7849
|
children: [
|
|
7840
7850
|
/* @__PURE__ */ jsx255("h2", { className: typographyStyles_default["label-medium"], children: ratingLabel }),
|
|
7841
|
-
loading ? /* @__PURE__ */ jsx255(Spinner, { tooltip: t(
|
|
7851
|
+
loading ? /* @__PURE__ */ jsx255(Spinner, { tooltip: t(texts12.uploadingFeedback) }) : /* @__PURE__ */ jsxs57(HStack, { gap: "x1", children: [
|
|
7842
7852
|
/* @__PURE__ */ jsx255(Tooltip, { text: thumbUpTooltip, children: button("positive", layout, thumbUpTooltip) }),
|
|
7843
7853
|
/* @__PURE__ */ jsx255(Tooltip, { text: thumbDownTooltip, children: /* @__PURE__ */ jsx255("div", { children: button("negative", layout, thumbDownTooltip) }) })
|
|
7844
7854
|
] })
|
|
@@ -7846,7 +7856,7 @@ var RatingComponent = ({
|
|
|
7846
7856
|
}
|
|
7847
7857
|
);
|
|
7848
7858
|
};
|
|
7849
|
-
var
|
|
7859
|
+
var texts12 = createTexts({
|
|
7850
7860
|
uploadingFeedback: {
|
|
7851
7861
|
nb: "Laster opp tilbakemelding...",
|
|
7852
7862
|
no: "Laster opp tilbakemelding...",
|
|
@@ -7880,14 +7890,14 @@ var Feedback = ({
|
|
|
7880
7890
|
const [rating, setRating] = useState16(null);
|
|
7881
7891
|
const [feedbackText, setFeedbackText] = useState16();
|
|
7882
7892
|
const [isFeedbackSubmitted, setIsFeedbackSubmitted] = useState16(false);
|
|
7883
|
-
const tRatingLabel = ratingLabel != null ? ratingLabel : t(
|
|
7884
|
-
const tPositiveFeedbackLabel = positiveFeedbackLabel != null ? positiveFeedbackLabel : t(
|
|
7885
|
-
const tNegativeFeedbackLabel = negativeFeedbackLabel != null ? negativeFeedbackLabel : t(
|
|
7886
|
-
const tRatingSubmittedTitle = ratingSubmittedTitle != null ? ratingSubmittedTitle : t(
|
|
7887
|
-
const tSubmittedTitle = submittedTitle != null ? submittedTitle : t(
|
|
7888
|
-
const tTextAreaTip = textAreaTip != null ? textAreaTip : t(
|
|
7889
|
-
const tThumbUpTooltip = thumbUpTooltip != null ? thumbUpTooltip : t(
|
|
7890
|
-
const tThumbDownTooltip = thumbDownTooltip != null ? thumbDownTooltip : t(
|
|
7893
|
+
const tRatingLabel = ratingLabel != null ? ratingLabel : t(texts13.ratingQuestion);
|
|
7894
|
+
const tPositiveFeedbackLabel = positiveFeedbackLabel != null ? positiveFeedbackLabel : t(texts13.improvalQuestion);
|
|
7895
|
+
const tNegativeFeedbackLabel = negativeFeedbackLabel != null ? negativeFeedbackLabel : t(texts13.improvalQuestion);
|
|
7896
|
+
const tRatingSubmittedTitle = ratingSubmittedTitle != null ? ratingSubmittedTitle : t(texts13.thanks);
|
|
7897
|
+
const tSubmittedTitle = submittedTitle != null ? submittedTitle : t(texts13.thanks);
|
|
7898
|
+
const tTextAreaTip = textAreaTip != null ? textAreaTip : t(texts13.sensitiveInfo);
|
|
7899
|
+
const tThumbUpTooltip = thumbUpTooltip != null ? thumbUpTooltip : t(texts13.good);
|
|
7900
|
+
const tThumbDownTooltip = thumbDownTooltip != null ? thumbDownTooltip : t(texts13.bad);
|
|
7891
7901
|
useEffect22(() => {
|
|
7892
7902
|
if (ratingProp !== void 0) setRating(ratingProp);
|
|
7893
7903
|
}, [ratingProp]);
|
|
@@ -7942,7 +7952,7 @@ var Feedback = ({
|
|
|
7942
7952
|
}
|
|
7943
7953
|
return /* @__PURE__ */ jsx256(Paragraph, { children: tSubmittedTitle });
|
|
7944
7954
|
};
|
|
7945
|
-
var
|
|
7955
|
+
var texts13 = createTexts({
|
|
7946
7956
|
ratingQuestion: {
|
|
7947
7957
|
nb: "Hva syns du om tjenesten?",
|
|
7948
7958
|
no: "Hva syns du om tjenesten?",
|
|
@@ -8112,9 +8122,9 @@ var File = (props) => {
|
|
|
8112
8122
|
onClick: removeFile,
|
|
8113
8123
|
icon: CloseIcon,
|
|
8114
8124
|
htmlProps: {
|
|
8115
|
-
"aria-label": t(
|
|
8125
|
+
"aria-label": t(texts14.removeFile(stateFile.file.name)),
|
|
8116
8126
|
"aria-invalid": !isValid ? true : void 0,
|
|
8117
|
-
"aria-errormessage": !isValid ? t(
|
|
8127
|
+
"aria-errormessage": !isValid ? t(texts14.invalidFile) : void 0,
|
|
8118
8128
|
"aria-describedby": spaceSeparatedIdListGenerator(
|
|
8119
8129
|
errorsList.map((e) => e.id)
|
|
8120
8130
|
)
|
|
@@ -8128,7 +8138,7 @@ var File = (props) => {
|
|
|
8128
8138
|
/* @__PURE__ */ jsx260(ErrorList, { errors: errorsList })
|
|
8129
8139
|
] });
|
|
8130
8140
|
};
|
|
8131
|
-
var
|
|
8141
|
+
var texts14 = createTexts({
|
|
8132
8142
|
removeFile: (file) => ({
|
|
8133
8143
|
nb: `Fjern fil ${file}`,
|
|
8134
8144
|
no: `Fjern fil ${file}`,
|
|
@@ -8264,7 +8274,7 @@ var useFileUploader = (props) => {
|
|
|
8264
8274
|
isFileDialogActive: false,
|
|
8265
8275
|
isDragActive: false,
|
|
8266
8276
|
rootErrors: calcRootErrors(
|
|
8267
|
-
t(
|
|
8277
|
+
t(texts15.invalidFileAmount),
|
|
8268
8278
|
initialFileUploaderFiles,
|
|
8269
8279
|
maxFiles,
|
|
8270
8280
|
errorMessage
|
|
@@ -8277,7 +8287,7 @@ var useFileUploader = (props) => {
|
|
|
8277
8287
|
const accepted = isFileAccepted(file, accept);
|
|
8278
8288
|
return {
|
|
8279
8289
|
file,
|
|
8280
|
-
errors: accepted ? [] : [t(
|
|
8290
|
+
errors: accepted ? [] : [t(texts15.invalidFileType)]
|
|
8281
8291
|
};
|
|
8282
8292
|
});
|
|
8283
8293
|
dispatch({
|
|
@@ -8290,7 +8300,7 @@ var useFileUploader = (props) => {
|
|
|
8290
8300
|
dispatch({
|
|
8291
8301
|
type: "setRootErrors",
|
|
8292
8302
|
payload: calcRootErrors(
|
|
8293
|
-
t(
|
|
8303
|
+
t(texts15.invalidFileAmount),
|
|
8294
8304
|
stateFiles,
|
|
8295
8305
|
maxFiles,
|
|
8296
8306
|
errorMessage
|
|
@@ -8344,7 +8354,7 @@ var useFileUploader = (props) => {
|
|
|
8344
8354
|
const accepted = isFileAccepted(file, accept);
|
|
8345
8355
|
return {
|
|
8346
8356
|
file,
|
|
8347
|
-
errors: accepted ? [] : [t(
|
|
8357
|
+
errors: accepted ? [] : [t(texts15.invalidFileType)]
|
|
8348
8358
|
};
|
|
8349
8359
|
}).concat(stateFiles);
|
|
8350
8360
|
onChange(newFiles.map((f) => f.file));
|
|
@@ -8436,7 +8446,7 @@ var useFileUploader = (props) => {
|
|
|
8436
8446
|
removeFile
|
|
8437
8447
|
};
|
|
8438
8448
|
};
|
|
8439
|
-
var
|
|
8449
|
+
var texts15 = createTexts({
|
|
8440
8450
|
invalidFileType: {
|
|
8441
8451
|
nb: "Ugyldig filtype",
|
|
8442
8452
|
no: "Ugyldig filtype",
|
|
@@ -8478,7 +8488,7 @@ var FileUploader = (props) => {
|
|
|
8478
8488
|
...rest
|
|
8479
8489
|
} = props;
|
|
8480
8490
|
const { t } = useTranslation();
|
|
8481
|
-
const tDropAreaLabel = dropAreaLabel != null ? dropAreaLabel : t(
|
|
8491
|
+
const tDropAreaLabel = dropAreaLabel != null ? dropAreaLabel : t(texts16.dragAndDropOr);
|
|
8482
8492
|
const generatedId = useId15();
|
|
8483
8493
|
const uniqueId = id != null ? id : `${generatedId}-fileUploader`;
|
|
8484
8494
|
const {
|
|
@@ -8587,7 +8597,7 @@ var FileUploader = (props) => {
|
|
|
8587
8597
|
children: [
|
|
8588
8598
|
input,
|
|
8589
8599
|
tDropAreaLabel,
|
|
8590
|
-
/* @__PURE__ */ jsx261(VisuallyHidden, { children: t(
|
|
8600
|
+
/* @__PURE__ */ jsx261(VisuallyHidden, { children: t(texts16.uploadFileWithButton) }),
|
|
8591
8601
|
button
|
|
8592
8602
|
]
|
|
8593
8603
|
}
|
|
@@ -8605,14 +8615,14 @@ var FileUploader = (props) => {
|
|
|
8605
8615
|
readOnly && FileUploader_default["readonly--file-list"]
|
|
8606
8616
|
),
|
|
8607
8617
|
children: [
|
|
8608
|
-
/* @__PURE__ */ jsx261(VisuallyHidden, { id: fileListNameId, children: t(
|
|
8618
|
+
/* @__PURE__ */ jsx261(VisuallyHidden, { id: fileListNameId, children: t(texts16.uploadedFiles) }),
|
|
8609
8619
|
inactive && fileListElements.length === 0 ? /* @__PURE__ */ jsx261(
|
|
8610
8620
|
Typography,
|
|
8611
8621
|
{
|
|
8612
8622
|
italic: true,
|
|
8613
8623
|
as: "span",
|
|
8614
8624
|
color: disabled ? "text-subtle" : "text-medium",
|
|
8615
|
-
children: t(
|
|
8625
|
+
children: t(texts16.noFiles)
|
|
8616
8626
|
}
|
|
8617
8627
|
) : /* @__PURE__ */ jsx261(StylelessList, { "aria-labelledby": fileListNameId, children: fileListElements })
|
|
8618
8628
|
]
|
|
@@ -8623,7 +8633,7 @@ var FileUploader = (props) => {
|
|
|
8623
8633
|
);
|
|
8624
8634
|
};
|
|
8625
8635
|
FileUploader.displayName = "FileUploader";
|
|
8626
|
-
var
|
|
8636
|
+
var texts16 = createTexts({
|
|
8627
8637
|
dragAndDropOr: {
|
|
8628
8638
|
nb: "Dra og slipp filer her eller",
|
|
8629
8639
|
no: "Dra og slipp filer her eller",
|
|
@@ -8920,11 +8930,11 @@ import { jsxs as jsxs61 } from "react/jsx-runtime";
|
|
|
8920
8930
|
var inlineEditVisuallyHidden = (id, clearable) => {
|
|
8921
8931
|
const { t } = useTranslation();
|
|
8922
8932
|
return /* @__PURE__ */ jsxs61(VisuallyHidden, { id, children: [
|
|
8923
|
-
t(
|
|
8924
|
-
!clearable && t(
|
|
8933
|
+
t(texts17.inlineEditInfo),
|
|
8934
|
+
!clearable && t(texts17.notClearable)
|
|
8925
8935
|
] });
|
|
8926
8936
|
};
|
|
8927
|
-
var
|
|
8937
|
+
var texts17 = createTexts({
|
|
8928
8938
|
inlineEditInfo: {
|
|
8929
8939
|
nb: "Escape, Enter eller Tab for \xE5 lagre.",
|
|
8930
8940
|
no: "Escape, Enter eller Tab for \xE5 lagre.",
|
|
@@ -9253,7 +9263,7 @@ var InternalHeader = (props) => {
|
|
|
9253
9263
|
const hasContextMenuElements = !!contextMenuItems && contextMenuItems.length > 0;
|
|
9254
9264
|
const hasSmallScreenBreakpoint = !!smallScreenBreakpoint;
|
|
9255
9265
|
const hasNavInContextMenu = hasSmallScreenBreakpoint && hasNavigationElements;
|
|
9256
|
-
const navigation = hasNavigationElements ? /* @__PURE__ */ jsx278("nav", { "aria-label": t(
|
|
9266
|
+
const navigation = hasNavigationElements ? /* @__PURE__ */ jsx278("nav", { "aria-label": t(texts18.siteNavigation), children: /* @__PURE__ */ jsx278(
|
|
9257
9267
|
ShowHide,
|
|
9258
9268
|
{
|
|
9259
9269
|
as: StylelessList,
|
|
@@ -9317,7 +9327,7 @@ var InternalHeader = (props) => {
|
|
|
9317
9327
|
{
|
|
9318
9328
|
icon: hasNavInContextMenu ? MenuIcon : MoreVerticalIcon,
|
|
9319
9329
|
purpose: "tertiary",
|
|
9320
|
-
"aria-label": t(
|
|
9330
|
+
"aria-label": t(texts18.openMenu)
|
|
9321
9331
|
}
|
|
9322
9332
|
),
|
|
9323
9333
|
/* @__PURE__ */ jsxs63(OverflowMenu, { className: InternalHeader_default["context-menu"], children: [
|
|
@@ -9326,7 +9336,7 @@ var InternalHeader = (props) => {
|
|
|
9326
9336
|
ShowHide,
|
|
9327
9337
|
{
|
|
9328
9338
|
as: "nav",
|
|
9329
|
-
"aria-label": t(
|
|
9339
|
+
"aria-label": t(texts18.siteNavigation),
|
|
9330
9340
|
showBelow: smallScreenBreakpoint,
|
|
9331
9341
|
children: /* @__PURE__ */ jsx278(OverflowMenuList, { children: navItems.map((item, i) => /* @__PURE__ */ createElement2(OverflowMenuLink, { ...item, key: `nav-${i}` })) })
|
|
9332
9342
|
}
|
|
@@ -9362,7 +9372,7 @@ var InternalHeader = (props) => {
|
|
|
9362
9372
|
);
|
|
9363
9373
|
};
|
|
9364
9374
|
InternalHeader.displayName = "InternalHeader";
|
|
9365
|
-
var
|
|
9375
|
+
var texts18 = createTexts({
|
|
9366
9376
|
openMenu: {
|
|
9367
9377
|
nb: "\xC5pne meny",
|
|
9368
9378
|
no: "\xC5pne meny",
|
|
@@ -10539,7 +10549,7 @@ var Pagination = ({
|
|
|
10539
10549
|
onClick: (event) => {
|
|
10540
10550
|
onPageChange(event, item);
|
|
10541
10551
|
},
|
|
10542
|
-
"aria-label": isActive ? t(
|
|
10552
|
+
"aria-label": isActive ? t(texts19.currentPage(item)) : t(texts19.page(item)),
|
|
10543
10553
|
children: item
|
|
10544
10554
|
}
|
|
10545
10555
|
) : /* @__PURE__ */ jsx288(
|
|
@@ -10559,7 +10569,7 @@ var Pagination = ({
|
|
|
10559
10569
|
onClick: (event) => {
|
|
10560
10570
|
onPageChange(event, activePage - 1);
|
|
10561
10571
|
},
|
|
10562
|
-
"aria-label": t(
|
|
10572
|
+
"aria-label": t(texts19.previousPage)
|
|
10563
10573
|
}
|
|
10564
10574
|
);
|
|
10565
10575
|
const nextPageButton = /* @__PURE__ */ jsx288(
|
|
@@ -10571,7 +10581,7 @@ var Pagination = ({
|
|
|
10571
10581
|
onClick: (event) => {
|
|
10572
10582
|
onPageChange(event, activePage + 1);
|
|
10573
10583
|
},
|
|
10574
|
-
"aria-label": t(
|
|
10584
|
+
"aria-label": t(texts19.nextPage)
|
|
10575
10585
|
}
|
|
10576
10586
|
);
|
|
10577
10587
|
const isOnFirstPage = activePage === 1;
|
|
@@ -10581,7 +10591,7 @@ var Pagination = ({
|
|
|
10581
10591
|
{
|
|
10582
10592
|
as: "nav",
|
|
10583
10593
|
ref,
|
|
10584
|
-
"aria-label": t(
|
|
10594
|
+
"aria-label": t(texts19.pagination),
|
|
10585
10595
|
display: "flex",
|
|
10586
10596
|
alignItems: "center",
|
|
10587
10597
|
...!withSelect && !withCounter && {
|
|
@@ -10645,7 +10655,7 @@ var Pagination = ({
|
|
|
10645
10655
|
onClick: (event) => {
|
|
10646
10656
|
onPageChange(event, 1);
|
|
10647
10657
|
},
|
|
10648
|
-
"aria-label": t(
|
|
10658
|
+
"aria-label": t(texts19.firstPage)
|
|
10649
10659
|
}
|
|
10650
10660
|
)
|
|
10651
10661
|
}
|
|
@@ -10699,7 +10709,7 @@ var Pagination = ({
|
|
|
10699
10709
|
onClick: (event) => {
|
|
10700
10710
|
onPageChange(event, pagesLength);
|
|
10701
10711
|
},
|
|
10702
|
-
"aria-label": t(
|
|
10712
|
+
"aria-label": t(texts19.lastPage)
|
|
10703
10713
|
}
|
|
10704
10714
|
)
|
|
10705
10715
|
}
|
|
@@ -10737,11 +10747,11 @@ var Pagination = ({
|
|
|
10737
10747
|
isClearable: false,
|
|
10738
10748
|
onChange: handleSelectChange,
|
|
10739
10749
|
componentSize: "small",
|
|
10740
|
-
"aria-label": t(
|
|
10750
|
+
"aria-label": t(texts19.itemsPerPage)
|
|
10741
10751
|
}
|
|
10742
10752
|
),
|
|
10743
10753
|
withCounter && /* @__PURE__ */ jsx288(Paragraph, { children: t(
|
|
10744
|
-
|
|
10754
|
+
texts19.showsAmountOfTotalItems(
|
|
10745
10755
|
activePageFirstItem,
|
|
10746
10756
|
activePageLastItem,
|
|
10747
10757
|
itemsAmount
|
|
@@ -10754,7 +10764,7 @@ var Pagination = ({
|
|
|
10754
10764
|
);
|
|
10755
10765
|
};
|
|
10756
10766
|
Pagination.displayName = "Pagination";
|
|
10757
|
-
var
|
|
10767
|
+
var texts19 = createTexts({
|
|
10758
10768
|
pagination: {
|
|
10759
10769
|
nb: "Paginering",
|
|
10760
10770
|
no: "Paginering",
|
|
@@ -11278,8 +11288,8 @@ var PhoneInput = ({
|
|
|
11278
11288
|
}) => {
|
|
11279
11289
|
var _a;
|
|
11280
11290
|
const { t } = useTranslation();
|
|
11281
|
-
const tGroupLabel = groupLabel != null ? groupLabel : t(
|
|
11282
|
-
const tSelectLabel = selectLabel != null ? selectLabel : t(
|
|
11291
|
+
const tGroupLabel = groupLabel != null ? groupLabel : t(texts20.countryCodeAndPhoneNumber);
|
|
11292
|
+
const tSelectLabel = selectLabel != null ? selectLabel : t(texts20.countryCode);
|
|
11283
11293
|
const generatedId = useId20();
|
|
11284
11294
|
const uniqueId = (_a = props.id) != null ? _a : generatedId;
|
|
11285
11295
|
const phoneInputId = `${uniqueId}-phone-input`;
|
|
@@ -11453,7 +11463,7 @@ var getCallingCode = (s) => {
|
|
|
11453
11463
|
var _a;
|
|
11454
11464
|
return (_a = s.substring(s.indexOf("+"), s.length)) != null ? _a : "";
|
|
11455
11465
|
};
|
|
11456
|
-
var
|
|
11466
|
+
var texts20 = createTexts({
|
|
11457
11467
|
countryCode: {
|
|
11458
11468
|
nb: "Landskode",
|
|
11459
11469
|
no: "Landskode",
|
|
@@ -11852,7 +11862,7 @@ var ProgressTrackerItem = (props) => {
|
|
|
11852
11862
|
}
|
|
11853
11863
|
)
|
|
11854
11864
|
] });
|
|
11855
|
-
const ariaLabel = props["aria-label"] ? props["aria-label"] : `${children}, ${stepNumber}. ${completed ? t(
|
|
11865
|
+
const ariaLabel = props["aria-label"] ? props["aria-label"] : `${children}, ${stepNumber}. ${completed ? t(texts21.completed) : t(texts21.uncompleted)}`;
|
|
11856
11866
|
return /* @__PURE__ */ jsx292(
|
|
11857
11867
|
Box,
|
|
11858
11868
|
{
|
|
@@ -11901,7 +11911,7 @@ var ProgressTrackerItem = (props) => {
|
|
|
11901
11911
|
);
|
|
11902
11912
|
};
|
|
11903
11913
|
ProgressTrackerItem.displayName = "ProgressTracker.Item";
|
|
11904
|
-
var
|
|
11914
|
+
var texts21 = createTexts({
|
|
11905
11915
|
uncompleted: {
|
|
11906
11916
|
nb: "trinn ikke ferdig",
|
|
11907
11917
|
no: "trinn ikke ferdig",
|
|
@@ -11958,7 +11968,7 @@ var ProgressTracker = (() => {
|
|
|
11958
11968
|
children: /* @__PURE__ */ jsx293(
|
|
11959
11969
|
"nav",
|
|
11960
11970
|
{
|
|
11961
|
-
"aria-label": ariaLabel != null ? ariaLabel : t(
|
|
11971
|
+
"aria-label": ariaLabel != null ? ariaLabel : t(texts22.stepProgression),
|
|
11962
11972
|
...getBaseHTMLProps(id, className, htmlProps, rest),
|
|
11963
11973
|
children: /* @__PURE__ */ jsx293(
|
|
11964
11974
|
Box,
|
|
@@ -11996,11 +12006,11 @@ function passIndexPropToProgressTrackerItem(children) {
|
|
|
11996
12006
|
})
|
|
11997
12007
|
);
|
|
11998
12008
|
}
|
|
11999
|
-
var
|
|
12009
|
+
var texts22 = createTexts({
|
|
12000
12010
|
stepProgression: {
|
|
12001
|
-
nb: "
|
|
12002
|
-
no: "
|
|
12003
|
-
nn: "
|
|
12011
|
+
nb: "Trinnprogresjon",
|
|
12012
|
+
no: "Trinnprogresjon",
|
|
12013
|
+
nn: "Trinnprogresjon",
|
|
12004
12014
|
en: "Step progression"
|
|
12005
12015
|
}
|
|
12006
12016
|
});
|
|
@@ -12217,7 +12227,7 @@ var SearchSuggestions = ({
|
|
|
12217
12227
|
{
|
|
12218
12228
|
index,
|
|
12219
12229
|
focus: focus === index && showSuggestions,
|
|
12220
|
-
"aria-label": t(
|
|
12230
|
+
"aria-label": t(texts23.search(suggestion)),
|
|
12221
12231
|
onClick: onSuggestionClick,
|
|
12222
12232
|
"aria-setsize": suggestionsToRender.length,
|
|
12223
12233
|
"aria-posinset": index,
|
|
@@ -12231,7 +12241,7 @@ var SearchSuggestions = ({
|
|
|
12231
12241
|
);
|
|
12232
12242
|
};
|
|
12233
12243
|
SearchSuggestions.displayName = "SearchSuggestions";
|
|
12234
|
-
var
|
|
12244
|
+
var texts23 = createTexts({
|
|
12235
12245
|
search: (suggestion) => ({
|
|
12236
12246
|
no: `${suggestion} s\xF8k`,
|
|
12237
12247
|
nb: `${suggestion} s\xF8k`,
|
|
@@ -12377,13 +12387,13 @@ var Search = ({
|
|
|
12377
12387
|
componentSize
|
|
12378
12388
|
}
|
|
12379
12389
|
),
|
|
12380
|
-
/* @__PURE__ */ jsx297(VisuallyHidden, { id: suggestionsDescriptionId, children: t(
|
|
12390
|
+
/* @__PURE__ */ jsx297(VisuallyHidden, { id: suggestionsDescriptionId, children: t(texts24.useArrowKeys) })
|
|
12381
12391
|
] }),
|
|
12382
12392
|
hasValue && /* @__PURE__ */ jsx297(
|
|
12383
12393
|
ClearButton,
|
|
12384
12394
|
{
|
|
12385
12395
|
size: getIconSize2(componentSize),
|
|
12386
|
-
"aria-label": t(
|
|
12396
|
+
"aria-label": t(texts24.clearSearch),
|
|
12387
12397
|
onClick: clearInput,
|
|
12388
12398
|
className: Search_default["clear-button"]
|
|
12389
12399
|
}
|
|
@@ -12412,7 +12422,7 @@ var Search = ({
|
|
|
12412
12422
|
size: componentSize,
|
|
12413
12423
|
onClick,
|
|
12414
12424
|
...otherButtonProps,
|
|
12415
|
-
children: buttonLabel != null ? buttonLabel : t(
|
|
12425
|
+
children: buttonLabel != null ? buttonLabel : t(texts24.search)
|
|
12416
12426
|
}
|
|
12417
12427
|
)
|
|
12418
12428
|
]
|
|
@@ -12423,7 +12433,7 @@ var Search = ({
|
|
|
12423
12433
|
] });
|
|
12424
12434
|
};
|
|
12425
12435
|
Search.displayName = "Search";
|
|
12426
|
-
var
|
|
12436
|
+
var texts24 = createTexts({
|
|
12427
12437
|
clearSearch: {
|
|
12428
12438
|
nb: "T\xF8m s\xF8k",
|
|
12429
12439
|
no: "T\xF8m s\xF8k",
|
|
@@ -12636,7 +12646,7 @@ var SplitButton = ({
|
|
|
12636
12646
|
{
|
|
12637
12647
|
...buttonStyleProps,
|
|
12638
12648
|
icon: isOpen ? ChevronUpIcon : ChevronDownIcon,
|
|
12639
|
-
"aria-label": t(
|
|
12649
|
+
"aria-label": t(texts25.moreActions),
|
|
12640
12650
|
purpose,
|
|
12641
12651
|
className: cn(
|
|
12642
12652
|
SplitButton_default.option,
|
|
@@ -12650,7 +12660,7 @@ var SplitButton = ({
|
|
|
12650
12660
|
] });
|
|
12651
12661
|
};
|
|
12652
12662
|
SplitButton.displayName = "SplitButton";
|
|
12653
|
-
var
|
|
12663
|
+
var texts25 = createTexts({
|
|
12654
12664
|
moreActions: {
|
|
12655
12665
|
nb: "Flere handlinger",
|
|
12656
12666
|
no: "Flere handlinger",
|
|
@@ -12815,7 +12825,7 @@ var SortCell = ({
|
|
|
12815
12825
|
StylelessButton,
|
|
12816
12826
|
{
|
|
12817
12827
|
onClick,
|
|
12818
|
-
"aria-description": t(
|
|
12828
|
+
"aria-description": t(texts26.changeSort),
|
|
12819
12829
|
className: cn(Table_default["sort-button"], focusable),
|
|
12820
12830
|
children: [
|
|
12821
12831
|
children,
|
|
@@ -12828,7 +12838,7 @@ var SortCell = ({
|
|
|
12828
12838
|
);
|
|
12829
12839
|
};
|
|
12830
12840
|
SortCell.displayName = "Table.SortCell";
|
|
12831
|
-
var
|
|
12841
|
+
var texts26 = createTexts({
|
|
12832
12842
|
changeSort: {
|
|
12833
12843
|
nb: "Aktiver for \xE5 endre sorteringsrekkef\xF8lge",
|
|
12834
12844
|
no: "Aktiver for \xE5 endre sorteringsrekkef\xF8lge",
|
|
@@ -12981,8 +12991,8 @@ var CollapsibleRow = ({
|
|
|
12981
12991
|
return /* @__PURE__ */ jsx310(Row, { ref, ...rowProps(), children: /* @__PURE__ */ jsxs78(Fragment13, { children: [
|
|
12982
12992
|
definingColumnCells,
|
|
12983
12993
|
/* @__PURE__ */ jsxs78(Table2.Cell, { type: "head", layout: "center", children: [
|
|
12984
|
-
t(
|
|
12985
|
-
/* @__PURE__ */ jsx310(VisuallyHidden, { children: t(
|
|
12994
|
+
t(texts27.expand),
|
|
12995
|
+
/* @__PURE__ */ jsx310(VisuallyHidden, { children: t(texts27.row) })
|
|
12986
12996
|
] })
|
|
12987
12997
|
] }) });
|
|
12988
12998
|
};
|
|
@@ -13019,7 +13029,7 @@ var CollapsibleRow = ({
|
|
|
13019
13029
|
] }) : /* @__PURE__ */ jsx310(Row, { ref, ...rowProps(), children });
|
|
13020
13030
|
};
|
|
13021
13031
|
CollapsibleRow.displayName = "CollapsibleTable.Row";
|
|
13022
|
-
var
|
|
13032
|
+
var texts27 = createTexts({
|
|
13023
13033
|
expand: {
|
|
13024
13034
|
nb: "Utvid",
|
|
13025
13035
|
no: "Utvid",
|