@norges-domstoler/dds-components 21.17.2 → 21.19.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +92 -46
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +84 -43
- package/dist/index.d.ts +84 -43
- package/dist/index.js +852 -564
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +885 -607
- package/dist/index.mjs.map +1 -1
- package/package.json +4 -4
package/dist/index.mjs
CHANGED
|
@@ -224,7 +224,8 @@ var combineHandlers = (handler1, handler2) => {
|
|
|
224
224
|
|
|
225
225
|
// src/utils/dom.ts
|
|
226
226
|
function cn(...classNames) {
|
|
227
|
-
|
|
227
|
+
const filtered = classNames.filter(Boolean).join(" ");
|
|
228
|
+
return filtered || void 0;
|
|
228
229
|
}
|
|
229
230
|
function convertCamelToHyphen(value) {
|
|
230
231
|
return value.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/([a-z])([0-9])/g, "$1-$2").toLowerCase();
|
|
@@ -1051,6 +1052,7 @@ var layout_default = {
|
|
|
1051
1052
|
"dds-o-y": "layout_dds-o-y",
|
|
1052
1053
|
"dds-display": "layout_dds-display",
|
|
1053
1054
|
"dds-text-align": "layout_dds-text-align",
|
|
1055
|
+
"dds-word-break": "layout_dds-word-break",
|
|
1054
1056
|
"dds-flex-dir": "layout_dds-flex-dir",
|
|
1055
1057
|
"dds-gap": "layout_dds-gap",
|
|
1056
1058
|
"dds-c-gap": "layout_dds-c-gap",
|
|
@@ -2899,8 +2901,8 @@ function useTranslation() {
|
|
|
2899
2901
|
const t = (text) => text[lang];
|
|
2900
2902
|
return { t, lang };
|
|
2901
2903
|
}
|
|
2902
|
-
function createTexts(
|
|
2903
|
-
return
|
|
2904
|
+
function createTexts(texts30) {
|
|
2905
|
+
return texts30;
|
|
2904
2906
|
}
|
|
2905
2907
|
|
|
2906
2908
|
// src/DdsProvider/DdsProvider.tsx
|
|
@@ -3690,7 +3692,8 @@ var texts = createTexts({
|
|
|
3690
3692
|
nb: "G\xE5 tilbake",
|
|
3691
3693
|
no: "G\xE5 tilbake",
|
|
3692
3694
|
nn: "G\xE5 tilbake",
|
|
3693
|
-
en: "Go back"
|
|
3695
|
+
en: "Go back",
|
|
3696
|
+
se: "Mana ruovttoluotta"
|
|
3694
3697
|
}
|
|
3695
3698
|
});
|
|
3696
3699
|
|
|
@@ -3761,25 +3764,29 @@ var commonTexts = createTexts({
|
|
|
3761
3764
|
no: "T\xF8m nedtrekksliste",
|
|
3762
3765
|
nb: "T\xF8m nedtrekksliste",
|
|
3763
3766
|
nn: "T\xF8m nedtrekksliste",
|
|
3764
|
-
en: "Clear selection"
|
|
3767
|
+
en: "Clear selection",
|
|
3768
|
+
se: "Gidde v\xE1lljemiid"
|
|
3765
3769
|
},
|
|
3766
3770
|
close: {
|
|
3767
3771
|
nb: "Lukk",
|
|
3768
3772
|
no: "Lukk",
|
|
3769
3773
|
nn: "Lukk",
|
|
3770
|
-
en: "Close"
|
|
3774
|
+
en: "Close",
|
|
3775
|
+
se: "Gidde"
|
|
3771
3776
|
},
|
|
3772
3777
|
closeMessage: {
|
|
3773
3778
|
nb: "Lukk melding",
|
|
3774
3779
|
no: "Lukk melding",
|
|
3775
3780
|
nn: "Lukk melding",
|
|
3776
|
-
en: "Close message"
|
|
3781
|
+
en: "Close message",
|
|
3782
|
+
se: "Gidde die\u0111u"
|
|
3777
3783
|
},
|
|
3778
3784
|
loading: {
|
|
3779
3785
|
nb: "Innlastning p\xE5g\xE5r",
|
|
3780
3786
|
no: "Innlastning p\xE5g\xE5r",
|
|
3781
3787
|
nn: "Innlastning p\xE5g\xE5r",
|
|
3782
|
-
en: "Loading"
|
|
3788
|
+
en: "Loading",
|
|
3789
|
+
se: "Vie\u017E\u017Eamin"
|
|
3783
3790
|
}
|
|
3784
3791
|
});
|
|
3785
3792
|
|
|
@@ -3865,8 +3872,8 @@ var Button = ({
|
|
|
3865
3872
|
iconPosition = "left",
|
|
3866
3873
|
href,
|
|
3867
3874
|
target,
|
|
3868
|
-
loading
|
|
3869
|
-
loadingTooltip
|
|
3875
|
+
loading,
|
|
3876
|
+
loadingTooltip,
|
|
3870
3877
|
fullWidth = false,
|
|
3871
3878
|
icon,
|
|
3872
3879
|
onClick,
|
|
@@ -3970,7 +3977,8 @@ var texts2 = createTexts({
|
|
|
3970
3977
|
no: "Lagring p\xE5g\xE5r",
|
|
3971
3978
|
nb: "Lagring p\xE5g\xE5r",
|
|
3972
3979
|
nn: "Lagring p\xE5g\xE5r",
|
|
3973
|
-
en: "Saving"
|
|
3980
|
+
en: "Saving",
|
|
3981
|
+
se: "Vurkemin"
|
|
3974
3982
|
}
|
|
3975
3983
|
});
|
|
3976
3984
|
|
|
@@ -4495,19 +4503,22 @@ var texts3 = createTexts({
|
|
|
4495
4503
|
nb: "Br\xF8dsmulesti",
|
|
4496
4504
|
no: "Br\xF8dsmulesti",
|
|
4497
4505
|
nn: "Br\xF8dsmulesti",
|
|
4498
|
-
en: "Breadcrumbs"
|
|
4506
|
+
en: "Breadcrumbs",
|
|
4507
|
+
se: "L\xE1ibemoallob\xE1lggis"
|
|
4499
4508
|
},
|
|
4500
4509
|
showHiddenTo: (to) => ({
|
|
4501
4510
|
nb: `Vis br\xF8dsmule 2 til ${to}`,
|
|
4502
4511
|
no: `Vis br\xF8dsmule 2 til ${to}`,
|
|
4503
4512
|
nn: `Vis br\xF8dsmule 2 til ${to}`,
|
|
4504
|
-
en: `Show breadcrumb 2 to ${to}
|
|
4513
|
+
en: `Show breadcrumb 2 to ${to}`,
|
|
4514
|
+
se: `\u010C\xE1jet l\xE1ibemoalu 2 ${to}`
|
|
4505
4515
|
}),
|
|
4506
4516
|
showHidden: {
|
|
4507
4517
|
nb: "Vis br\xF8dsmule 2",
|
|
4508
4518
|
no: "Vis br\xF8dsmule 2",
|
|
4509
4519
|
nn: "Vis br\xF8dsmule 2",
|
|
4510
|
-
en: "Show breadcrumb 2"
|
|
4520
|
+
en: "Show breadcrumb 2",
|
|
4521
|
+
se: "\u010C\xE1jet l\xE1ibemoalu 2"
|
|
4511
4522
|
}
|
|
4512
4523
|
});
|
|
4513
4524
|
|
|
@@ -4970,7 +4981,6 @@ function convertBooleanishToBoolean(value) {
|
|
|
4970
4981
|
// src/components/InputMessage/InputMessage.module.css
|
|
4971
4982
|
var InputMessage_default = {
|
|
4972
4983
|
container: "InputMessage_container",
|
|
4973
|
-
"container--error": "InputMessage_container--error",
|
|
4974
4984
|
icon: "InputMessage_icon"
|
|
4975
4985
|
};
|
|
4976
4986
|
|
|
@@ -4982,44 +4992,76 @@ var InputMessage = ({
|
|
|
4982
4992
|
id,
|
|
4983
4993
|
className,
|
|
4984
4994
|
htmlProps,
|
|
4995
|
+
children,
|
|
4985
4996
|
...rest
|
|
4986
4997
|
}) => {
|
|
4987
4998
|
const isError = messageType === "error";
|
|
4988
|
-
|
|
4989
|
-
"
|
|
4999
|
+
const commonProps = {
|
|
5000
|
+
display: "flex",
|
|
5001
|
+
width: "fit-content",
|
|
5002
|
+
maxWidth: "100%",
|
|
5003
|
+
wordBreak: "break-word",
|
|
5004
|
+
...getBaseHTMLProps(id, cn(className, InputMessage_default.container), htmlProps, rest)
|
|
5005
|
+
};
|
|
5006
|
+
const tgCommonProps = {
|
|
5007
|
+
as: "span",
|
|
5008
|
+
children: message != null ? message : children
|
|
5009
|
+
};
|
|
5010
|
+
return isError ? /* @__PURE__ */ jsxs34(
|
|
5011
|
+
Paper,
|
|
4990
5012
|
{
|
|
4991
|
-
...
|
|
4992
|
-
|
|
4993
|
-
|
|
4994
|
-
|
|
4995
|
-
|
|
4996
|
-
),
|
|
5013
|
+
...commonProps,
|
|
5014
|
+
gap: "x0.25",
|
|
5015
|
+
padding: "x0.25 x0.5",
|
|
5016
|
+
background: "surface-danger-default",
|
|
5017
|
+
borderRadius: "surface",
|
|
4997
5018
|
children: [
|
|
4998
|
-
|
|
5019
|
+
/* @__PURE__ */ jsx213(
|
|
5020
|
+
Icon,
|
|
5021
|
+
{
|
|
5022
|
+
icon: ErrorIcon,
|
|
5023
|
+
iconSize: "small",
|
|
5024
|
+
className: InputMessage_default.icon,
|
|
5025
|
+
color: "icon-on-danger-default"
|
|
5026
|
+
}
|
|
5027
|
+
),
|
|
4999
5028
|
/* @__PURE__ */ jsx213(
|
|
5000
5029
|
Typography,
|
|
5001
5030
|
{
|
|
5002
|
-
|
|
5003
|
-
|
|
5004
|
-
|
|
5005
|
-
children: message
|
|
5031
|
+
...tgCommonProps,
|
|
5032
|
+
typographyType: "bodySmall",
|
|
5033
|
+
color: "textDefault"
|
|
5006
5034
|
}
|
|
5007
5035
|
)
|
|
5008
5036
|
]
|
|
5009
5037
|
}
|
|
5010
|
-
)
|
|
5038
|
+
) : /* @__PURE__ */ jsx213(Box, { ...commonProps, children: /* @__PURE__ */ jsx213(
|
|
5039
|
+
Typography,
|
|
5040
|
+
{
|
|
5041
|
+
...tgCommonProps,
|
|
5042
|
+
typographyType: "bodyXsmall",
|
|
5043
|
+
color: "textSubtle"
|
|
5044
|
+
}
|
|
5045
|
+
) });
|
|
5011
5046
|
};
|
|
5012
5047
|
InputMessage.displayName = "InputMessage";
|
|
5013
|
-
var renderInputMessage = (
|
|
5014
|
-
|
|
5048
|
+
var renderInputMessage = ({
|
|
5049
|
+
tip,
|
|
5050
|
+
tipId,
|
|
5051
|
+
errorMessage,
|
|
5052
|
+
errorMessageId,
|
|
5053
|
+
noSpacing
|
|
5054
|
+
}) => /* @__PURE__ */ jsxs34(Fragment4, { children: [
|
|
5055
|
+
errorMessage && /* @__PURE__ */ jsx213(
|
|
5015
5056
|
InputMessage,
|
|
5016
5057
|
{
|
|
5017
5058
|
message: errorMessage,
|
|
5018
5059
|
messageType: "error",
|
|
5019
|
-
id: errorMessageId
|
|
5060
|
+
id: errorMessageId,
|
|
5061
|
+
marginBlock: !noSpacing ? "x0.125 0" : void 0
|
|
5020
5062
|
}
|
|
5021
5063
|
),
|
|
5022
|
-
tip &&
|
|
5064
|
+
tip && !errorMessage && /* @__PURE__ */ jsx213(InputMessage, { message: tip, messageType: "tip", id: tipId })
|
|
5023
5065
|
] });
|
|
5024
5066
|
|
|
5025
5067
|
// src/components/SelectionControl/Checkbox/CheckboxGroup.tsx
|
|
@@ -5071,7 +5113,7 @@ var CheckboxGroup = (props) => {
|
|
|
5071
5113
|
readOnly,
|
|
5072
5114
|
showRequiredStyling
|
|
5073
5115
|
}),
|
|
5074
|
-
renderInputMessage(tip, tipId),
|
|
5116
|
+
renderInputMessage({ tip, tipId }),
|
|
5075
5117
|
/* @__PURE__ */ jsx214(CheckboxGroupContext, { value: { ...contextProps }, children: /* @__PURE__ */ jsx214(
|
|
5076
5118
|
"div",
|
|
5077
5119
|
{
|
|
@@ -5082,7 +5124,7 @@ var CheckboxGroup = (props) => {
|
|
|
5082
5124
|
children
|
|
5083
5125
|
}
|
|
5084
5126
|
) }),
|
|
5085
|
-
renderInputMessage(
|
|
5127
|
+
renderInputMessage({ errorMessage, errorMessageId })
|
|
5086
5128
|
]
|
|
5087
5129
|
}
|
|
5088
5130
|
);
|
|
@@ -5263,7 +5305,7 @@ var RadioButtonGroup = ({
|
|
|
5263
5305
|
readOnly,
|
|
5264
5306
|
showRequiredStyling
|
|
5265
5307
|
}),
|
|
5266
|
-
renderInputMessage(tip, tipId),
|
|
5308
|
+
renderInputMessage({ tip, tipId }),
|
|
5267
5309
|
/* @__PURE__ */ jsx216(RadioButtonGroupContext, { value: { ...contextProps }, children: /* @__PURE__ */ jsx216(
|
|
5268
5310
|
"div",
|
|
5269
5311
|
{
|
|
@@ -5275,7 +5317,7 @@ var RadioButtonGroup = ({
|
|
|
5275
5317
|
children
|
|
5276
5318
|
}
|
|
5277
5319
|
) }),
|
|
5278
|
-
renderInputMessage(
|
|
5320
|
+
renderInputMessage({ errorMessage, errorMessageId })
|
|
5279
5321
|
]
|
|
5280
5322
|
}
|
|
5281
5323
|
);
|
|
@@ -5425,7 +5467,7 @@ var CardSelectableGroup = ({
|
|
|
5425
5467
|
);
|
|
5426
5468
|
return hasErrorMessage ? /* @__PURE__ */ jsxs38("div", { children: [
|
|
5427
5469
|
mainContent,
|
|
5428
|
-
renderInputMessage(
|
|
5470
|
+
renderInputMessage({ errorMessage, errorMessageId })
|
|
5429
5471
|
] }) : mainContent;
|
|
5430
5472
|
};
|
|
5431
5473
|
CardSelectableGroup.displayName = "CardSelectableGroup";
|
|
@@ -5486,7 +5528,8 @@ var texts4 = createTexts({
|
|
|
5486
5528
|
nb: "Fjern merkelapp",
|
|
5487
5529
|
no: "Fjern merkelapp",
|
|
5488
5530
|
nn: "Fjern merkelapp",
|
|
5489
|
-
en: "Remove chip"
|
|
5531
|
+
en: "Remove chip",
|
|
5532
|
+
se: "Sihku lihppu"
|
|
5490
5533
|
}
|
|
5491
5534
|
});
|
|
5492
5535
|
|
|
@@ -5647,7 +5690,8 @@ var texts5 = createTexts({
|
|
|
5647
5690
|
nb: "Utvid samtykke for bruk av informasjonskapsler",
|
|
5648
5691
|
no: "Utvid samtykke for bruk av informasjonskapsler",
|
|
5649
5692
|
nn: "Utvid samtykke for bruk av informasjonskapslar",
|
|
5650
|
-
en: "Expand consent for the use of cookies"
|
|
5693
|
+
en: "Expand consent for the use of cookies",
|
|
5694
|
+
se: "Viiddit mie\u0111\xE1husa diehto\u010Doahkuid geavaheapm\xE1i"
|
|
5651
5695
|
}
|
|
5652
5696
|
});
|
|
5653
5697
|
|
|
@@ -5689,9 +5733,8 @@ var DateInput_default = {
|
|
|
5689
5733
|
"segment__placeholder--invisible": "DateInput_segment__placeholder--invisible",
|
|
5690
5734
|
"clear-button": "DateInput_clear-button",
|
|
5691
5735
|
"clear-button--inactive": "DateInput_clear-button--inactive",
|
|
5692
|
-
icon: "DateInput_icon",
|
|
5693
|
-
"popover-button": "DateInput_popover-button",
|
|
5694
5736
|
"icon-wrapper--disabled": "DateInput_icon-wrapper--disabled",
|
|
5737
|
+
"popover-button": "DateInput_popover-button",
|
|
5695
5738
|
"icon-wrapper--readonly": "DateInput_icon-wrapper--readonly",
|
|
5696
5739
|
"popover-button--readonly": "DateInput_popover-button--readonly",
|
|
5697
5740
|
popover: "DateInput_popover",
|
|
@@ -5714,7 +5757,8 @@ var LOCALE = {
|
|
|
5714
5757
|
nb: "nb-NO",
|
|
5715
5758
|
no: "no-NO",
|
|
5716
5759
|
nn: "nn-NO",
|
|
5717
|
-
en: "en-GB"
|
|
5760
|
+
en: "en-GB",
|
|
5761
|
+
se: "se-NO"
|
|
5718
5762
|
};
|
|
5719
5763
|
var timezone = "Europe/Oslo";
|
|
5720
5764
|
|
|
@@ -6046,91 +6090,106 @@ var texts6 = createTexts({
|
|
|
6046
6090
|
nb: "Ukenummer",
|
|
6047
6091
|
no: "Ukenummer",
|
|
6048
6092
|
nn: "Vekenummer",
|
|
6049
|
-
en: "Week number"
|
|
6093
|
+
en: "Week number",
|
|
6094
|
+
se: "Vahkkonummir"
|
|
6050
6095
|
},
|
|
6051
6096
|
mo: {
|
|
6052
6097
|
nb: "Ma",
|
|
6053
6098
|
no: "Ma",
|
|
6054
6099
|
nn: "M\xE5",
|
|
6055
|
-
en: "Mo"
|
|
6100
|
+
en: "Mo",
|
|
6101
|
+
se: "Vuos"
|
|
6056
6102
|
},
|
|
6057
6103
|
tu: {
|
|
6058
6104
|
nb: "Ti",
|
|
6059
6105
|
no: "Ti",
|
|
6060
6106
|
nn: "Ty",
|
|
6061
|
-
en: "Tu"
|
|
6107
|
+
en: "Tu",
|
|
6108
|
+
se: "Ma\u014B"
|
|
6062
6109
|
},
|
|
6063
6110
|
we: {
|
|
6064
6111
|
nb: "On",
|
|
6065
6112
|
no: "On",
|
|
6066
6113
|
nn: "On",
|
|
6067
|
-
en: "We"
|
|
6114
|
+
en: "We",
|
|
6115
|
+
se: "Gask"
|
|
6068
6116
|
},
|
|
6069
6117
|
th: {
|
|
6070
6118
|
nb: "To",
|
|
6071
6119
|
no: "To",
|
|
6072
6120
|
nn: "To",
|
|
6073
|
-
en: "Th"
|
|
6121
|
+
en: "Th",
|
|
6122
|
+
se: "Duo"
|
|
6074
6123
|
},
|
|
6075
6124
|
fr: {
|
|
6076
6125
|
nb: "Fr",
|
|
6077
6126
|
no: "Fr",
|
|
6078
6127
|
nn: "Fr",
|
|
6079
|
-
en: "Fr"
|
|
6128
|
+
en: "Fr",
|
|
6129
|
+
se: "Bea"
|
|
6080
6130
|
},
|
|
6081
6131
|
sa: {
|
|
6082
6132
|
nb: "L\xF8",
|
|
6083
6133
|
no: "L\xF8",
|
|
6084
6134
|
nn: "La",
|
|
6085
|
-
en: "Sa"
|
|
6135
|
+
en: "Sa",
|
|
6136
|
+
se: "L\xE1v"
|
|
6086
6137
|
},
|
|
6087
6138
|
su: {
|
|
6088
6139
|
nb: "S\xF8",
|
|
6089
6140
|
no: "S\xF8",
|
|
6090
6141
|
nn: "Su",
|
|
6091
|
-
en: "Su"
|
|
6142
|
+
en: "Su",
|
|
6143
|
+
se: "Sotn"
|
|
6092
6144
|
},
|
|
6093
6145
|
monday: {
|
|
6094
6146
|
nb: "Mandag",
|
|
6095
6147
|
no: "Mandag",
|
|
6096
6148
|
nn: "M\xE5ndag",
|
|
6097
|
-
en: "Monday"
|
|
6149
|
+
en: "Monday",
|
|
6150
|
+
se: "Vuoss\xE1rga"
|
|
6098
6151
|
},
|
|
6099
6152
|
tuesday: {
|
|
6100
6153
|
nb: "Tirsdag",
|
|
6101
6154
|
no: "Tirsdag",
|
|
6102
6155
|
nn: "Tysdag",
|
|
6103
|
-
en: "Tuesday"
|
|
6156
|
+
en: "Tuesday",
|
|
6157
|
+
se: "Ma\u014B\u014Beb\xE1rga"
|
|
6104
6158
|
},
|
|
6105
6159
|
wednesday: {
|
|
6106
6160
|
nb: "Onsdag",
|
|
6107
6161
|
no: "Onsdag",
|
|
6108
6162
|
nn: "Onsdag",
|
|
6109
|
-
en: "Wednesday"
|
|
6163
|
+
en: "Wednesday",
|
|
6164
|
+
se: "Gaskavahkku"
|
|
6110
6165
|
},
|
|
6111
6166
|
thursday: {
|
|
6112
6167
|
nb: "Torsdag",
|
|
6113
6168
|
no: "Torsdag",
|
|
6114
6169
|
nn: "Torsdag",
|
|
6115
|
-
en: "Thursday"
|
|
6170
|
+
en: "Thursday",
|
|
6171
|
+
se: "Duorastat"
|
|
6116
6172
|
},
|
|
6117
6173
|
friday: {
|
|
6118
6174
|
nb: "Fredag",
|
|
6119
6175
|
no: "Fredag",
|
|
6120
6176
|
nn: "Fredag",
|
|
6121
|
-
en: "Friday"
|
|
6177
|
+
en: "Friday",
|
|
6178
|
+
se: "Bearjadat"
|
|
6122
6179
|
},
|
|
6123
6180
|
saturday: {
|
|
6124
6181
|
nb: "L\xF8rdag",
|
|
6125
6182
|
no: "L\xF8rdag",
|
|
6126
6183
|
nn: "Laurdag",
|
|
6127
|
-
en: "Saturday"
|
|
6184
|
+
en: "Saturday",
|
|
6185
|
+
se: "L\xE1vvardat"
|
|
6128
6186
|
},
|
|
6129
6187
|
sunday: {
|
|
6130
6188
|
nb: "S\xF8ndag",
|
|
6131
6189
|
no: "S\xF8ndag",
|
|
6132
6190
|
nn: "Sundag",
|
|
6133
|
-
en: "Sunday"
|
|
6191
|
+
en: "Sunday",
|
|
6192
|
+
se: "Sotnabeaivi"
|
|
6134
6193
|
}
|
|
6135
6194
|
});
|
|
6136
6195
|
|
|
@@ -6213,13 +6272,15 @@ var texts7 = createTexts({
|
|
|
6213
6272
|
nb: "Neste m\xE5ned",
|
|
6214
6273
|
no: "Neste m\xE5ned",
|
|
6215
6274
|
nn: "Neste m\xE5nad",
|
|
6216
|
-
en: "Next month"
|
|
6275
|
+
en: "Next month",
|
|
6276
|
+
se: "Boahte m\xE1nu"
|
|
6217
6277
|
},
|
|
6218
6278
|
previousMonth: {
|
|
6219
6279
|
nb: "Forrige m\xE5ned",
|
|
6220
6280
|
no: "Forrige m\xE5ned",
|
|
6221
6281
|
nn: "F\xF8rre m\xE5nad",
|
|
6222
|
-
en: "Previous month"
|
|
6282
|
+
en: "Previous month",
|
|
6283
|
+
se: "Ovddit m\xE1nu"
|
|
6223
6284
|
}
|
|
6224
6285
|
});
|
|
6225
6286
|
|
|
@@ -6227,7 +6288,7 @@ var texts7 = createTexts({
|
|
|
6227
6288
|
import { useDatePicker } from "@react-aria/datepicker";
|
|
6228
6289
|
import { I18nProvider } from "@react-aria/i18n";
|
|
6229
6290
|
import { useDatePickerState } from "@react-stately/datepicker";
|
|
6230
|
-
import { useRef as useRef17 } from "react";
|
|
6291
|
+
import { useId as useId10, useRef as useRef17 } from "react";
|
|
6231
6292
|
|
|
6232
6293
|
// src/components/date-inputs/DatePicker/DateField/DateField.tsx
|
|
6233
6294
|
import {
|
|
@@ -6267,6 +6328,36 @@ var InlineIconButton = ({
|
|
|
6267
6328
|
);
|
|
6268
6329
|
InlineIconButton.displayName = "InlineIconButton";
|
|
6269
6330
|
|
|
6331
|
+
// src/components/helpers/Input/Input.module.css
|
|
6332
|
+
var Input_default = {
|
|
6333
|
+
container: "Input_container",
|
|
6334
|
+
"input-group": "Input_input-group",
|
|
6335
|
+
input: "Input_input",
|
|
6336
|
+
disabled: "Input_disabled",
|
|
6337
|
+
"read-only": "Input_read-only",
|
|
6338
|
+
"input--stateful": "Input_input--stateful",
|
|
6339
|
+
"input--hover": "Input_input--hover",
|
|
6340
|
+
"input--stateful-danger": "Input_input--stateful-danger",
|
|
6341
|
+
"input--large": "Input_input--large",
|
|
6342
|
+
"input--medium": "Input_input--medium",
|
|
6343
|
+
"input--small": "Input_input--small",
|
|
6344
|
+
"input--xsmall": "Input_input--xsmall",
|
|
6345
|
+
"input-with-icon--large": "Input_input-with-icon--large",
|
|
6346
|
+
"input-with-icon--medium": "Input_input-with-icon--medium",
|
|
6347
|
+
"input-with-icon--small": "Input_input-with-icon--small",
|
|
6348
|
+
"input-with-icon--xsmall": "Input_input-with-icon--xsmall",
|
|
6349
|
+
"input-with-el-right--large": "Input_input-with-el-right--large",
|
|
6350
|
+
"input-with-el-right--medium": "Input_input-with-el-right--medium",
|
|
6351
|
+
"input-with-el-right--small": "Input_input-with-el-right--small",
|
|
6352
|
+
"input-with-el-right--xsmall": "Input_input-with-el-right--xsmall",
|
|
6353
|
+
"input--with-affix": "Input_input--with-affix",
|
|
6354
|
+
"input-group__absolute-el": "Input_input-group__absolute-el",
|
|
6355
|
+
"input-group__absolute-el--large": "Input_input-group__absolute-el--large",
|
|
6356
|
+
"input-group__absolute-el--medium": "Input_input-group__absolute-el--medium",
|
|
6357
|
+
"input-group__absolute-el--small": "Input_input-group__absolute-el--small",
|
|
6358
|
+
"input-group__absolute-el--xsmall": "Input_input-group__absolute-el--xsmall"
|
|
6359
|
+
};
|
|
6360
|
+
|
|
6270
6361
|
// src/components/date-inputs/DatePicker/DateField/CalendarButton.tsx
|
|
6271
6362
|
import { jsx as jsx230 } from "react/jsx-runtime";
|
|
6272
6363
|
function CalendarButton({
|
|
@@ -6286,7 +6377,9 @@ function CalendarButton({
|
|
|
6286
6377
|
buttonProps.className,
|
|
6287
6378
|
DateInput_default["popover-button"],
|
|
6288
6379
|
isReadOnly && DateInput_default["popover-button--readonly"],
|
|
6289
|
-
!props.isDisabled && focusable
|
|
6380
|
+
!props.isDisabled && focusable,
|
|
6381
|
+
Input_default["input-group__absolute-el"],
|
|
6382
|
+
Input_default[`input-group__absolute-el--${componentSize}`]
|
|
6290
6383
|
),
|
|
6291
6384
|
icon: CalendarIcon,
|
|
6292
6385
|
size: getFormInputIconSize(componentSize)
|
|
@@ -6296,6 +6389,7 @@ function CalendarButton({
|
|
|
6296
6389
|
|
|
6297
6390
|
// src/components/date-inputs/DatePicker/DateField/DateField.utils.tsx
|
|
6298
6391
|
function formatDateFieldSegments(segments) {
|
|
6392
|
+
const { t } = useTranslation();
|
|
6299
6393
|
const daySegment = segments.find((segment) => segment.type === "day");
|
|
6300
6394
|
const monthSegment = segments.find((segment) => segment.type === "month");
|
|
6301
6395
|
const yearSegment = segments.find((segment) => segment.type === "year");
|
|
@@ -6306,16 +6400,16 @@ function formatDateFieldSegments(segments) {
|
|
|
6306
6400
|
const formattedDaySegment = {
|
|
6307
6401
|
...daySegment,
|
|
6308
6402
|
text: daySegment.text.padStart(2, "0"),
|
|
6309
|
-
placeholder:
|
|
6403
|
+
placeholder: t(texts8.dayPlaceholder)
|
|
6310
6404
|
};
|
|
6311
6405
|
const formattedMonthSegment = {
|
|
6312
6406
|
...monthSegment,
|
|
6313
6407
|
text: monthSegment.text.padStart(2, "0"),
|
|
6314
|
-
placeholder:
|
|
6408
|
+
placeholder: t(texts8.monthPlaceholder)
|
|
6315
6409
|
};
|
|
6316
6410
|
const formattedYearSegment = {
|
|
6317
6411
|
...yearSegment,
|
|
6318
|
-
placeholder:
|
|
6412
|
+
placeholder: t(texts8.yearPlaceholder)
|
|
6319
6413
|
};
|
|
6320
6414
|
const formattedSeparatorSegment = { ...separatorSegment, text: "." };
|
|
6321
6415
|
return [
|
|
@@ -6326,6 +6420,29 @@ function formatDateFieldSegments(segments) {
|
|
|
6326
6420
|
formattedYearSegment
|
|
6327
6421
|
];
|
|
6328
6422
|
}
|
|
6423
|
+
var texts8 = createTexts({
|
|
6424
|
+
dayPlaceholder: {
|
|
6425
|
+
nb: "dd",
|
|
6426
|
+
no: "dd",
|
|
6427
|
+
nn: "dd",
|
|
6428
|
+
en: "dd",
|
|
6429
|
+
se: "jj"
|
|
6430
|
+
},
|
|
6431
|
+
monthPlaceholder: {
|
|
6432
|
+
nb: "mm",
|
|
6433
|
+
no: "mm",
|
|
6434
|
+
nn: "mm",
|
|
6435
|
+
en: "mm",
|
|
6436
|
+
se: "mm"
|
|
6437
|
+
},
|
|
6438
|
+
yearPlaceholder: {
|
|
6439
|
+
nb: "\xE5\xE5\xE5\xE5",
|
|
6440
|
+
no: "\xE5\xE5\xE5\xE5",
|
|
6441
|
+
nn: "\xE5\xE5\xE5\xE5",
|
|
6442
|
+
en: "yyyy",
|
|
6443
|
+
se: "jjjj"
|
|
6444
|
+
}
|
|
6445
|
+
});
|
|
6329
6446
|
|
|
6330
6447
|
// src/components/date-inputs/DatePicker/DateField/DateSegment.tsx
|
|
6331
6448
|
import { useDateSegment } from "@react-aria/datepicker";
|
|
@@ -6339,7 +6456,9 @@ var typographyTypes = {
|
|
|
6339
6456
|
function DateSegment({
|
|
6340
6457
|
segment,
|
|
6341
6458
|
state,
|
|
6342
|
-
componentSize
|
|
6459
|
+
componentSize,
|
|
6460
|
+
errorMessageId,
|
|
6461
|
+
tipId
|
|
6343
6462
|
}) {
|
|
6344
6463
|
const ref = useRef14(null);
|
|
6345
6464
|
const { segmentProps } = useDateSegment(segment, state, ref);
|
|
@@ -6347,6 +6466,10 @@ function DateSegment({
|
|
|
6347
6466
|
"div",
|
|
6348
6467
|
{
|
|
6349
6468
|
...segmentProps,
|
|
6469
|
+
"aria-describedby": spaceSeparatedIdListGenerator([
|
|
6470
|
+
errorMessageId ? errorMessageId : void 0,
|
|
6471
|
+
tipId ? tipId : void 0
|
|
6472
|
+
]),
|
|
6350
6473
|
ref,
|
|
6351
6474
|
className: cn(
|
|
6352
6475
|
segmentProps.className,
|
|
@@ -6397,23 +6520,6 @@ ClearButton.displayName = "ClearButton";
|
|
|
6397
6520
|
// src/components/date-inputs/common/DateInput.tsx
|
|
6398
6521
|
import { useContext as useContext12 } from "react";
|
|
6399
6522
|
|
|
6400
|
-
// src/components/helpers/Input/Input.module.css
|
|
6401
|
-
var Input_default = {
|
|
6402
|
-
container: "Input_container",
|
|
6403
|
-
"input-group": "Input_input-group",
|
|
6404
|
-
input: "Input_input",
|
|
6405
|
-
disabled: "Input_disabled",
|
|
6406
|
-
"read-only": "Input_read-only",
|
|
6407
|
-
"input--stateful": "Input_input--stateful",
|
|
6408
|
-
"input--hover": "Input_input--hover",
|
|
6409
|
-
"input--stateful-danger": "Input_input--stateful-danger",
|
|
6410
|
-
"input--medium": "Input_input--medium",
|
|
6411
|
-
"input--small": "Input_input--small",
|
|
6412
|
-
"input--xsmall": "Input_input--xsmall",
|
|
6413
|
-
"input--with-affix": "Input_input--with-affix",
|
|
6414
|
-
"input-group__absolute-element": "Input_input-group__absolute-element"
|
|
6415
|
-
};
|
|
6416
|
-
|
|
6417
6523
|
// src/components/helpers/Input/Input.tsx
|
|
6418
6524
|
import { jsx as jsx233 } from "react/jsx-runtime";
|
|
6419
6525
|
var Input = ({
|
|
@@ -6497,12 +6603,11 @@ function DateInput({
|
|
|
6497
6603
|
clearable,
|
|
6498
6604
|
ref,
|
|
6499
6605
|
afterLabelContent,
|
|
6606
|
+
tipId,
|
|
6607
|
+
errorMessageId,
|
|
6500
6608
|
...props
|
|
6501
6609
|
}) {
|
|
6502
|
-
var _a;
|
|
6503
6610
|
const hasErrorMessage = !!errorMessage;
|
|
6504
|
-
const hasTip = !!tip;
|
|
6505
|
-
const hasMessage = hasErrorMessage || hasTip;
|
|
6506
6611
|
const { isOpen } = useContext12(CalendarPopoverContext);
|
|
6507
6612
|
return /* @__PURE__ */ jsxs46(
|
|
6508
6613
|
"div",
|
|
@@ -6528,6 +6633,7 @@ function DateInput({
|
|
|
6528
6633
|
Input_default["input--stateful"],
|
|
6529
6634
|
Input_default["input--hover"],
|
|
6530
6635
|
Input_default[`input--${componentSize}`],
|
|
6636
|
+
Input_default[`input-with-icon--${componentSize}`],
|
|
6531
6637
|
hasErrorMessage && Input_default["input--stateful-danger"],
|
|
6532
6638
|
DateInput_default["date-input"],
|
|
6533
6639
|
clearable && DateInput_default[`date-input--${componentSize}--clearable`],
|
|
@@ -6554,13 +6660,7 @@ function DateInput({
|
|
|
6554
6660
|
]
|
|
6555
6661
|
}
|
|
6556
6662
|
),
|
|
6557
|
-
|
|
6558
|
-
InputMessage,
|
|
6559
|
-
{
|
|
6560
|
-
messageType: hasErrorMessage ? "error" : "tip",
|
|
6561
|
-
message: (_a = errorMessage != null ? errorMessage : tip) != null ? _a : ""
|
|
6562
|
-
}
|
|
6563
|
-
)
|
|
6663
|
+
renderInputMessage({ tip, errorMessage, tipId, errorMessageId })
|
|
6564
6664
|
]
|
|
6565
6665
|
}
|
|
6566
6666
|
);
|
|
@@ -6575,6 +6675,8 @@ function DateField({
|
|
|
6575
6675
|
groupProps,
|
|
6576
6676
|
ref,
|
|
6577
6677
|
clearable,
|
|
6678
|
+
errorMessageId,
|
|
6679
|
+
tipId,
|
|
6578
6680
|
...props
|
|
6579
6681
|
}) {
|
|
6580
6682
|
const { locale } = useLocale3();
|
|
@@ -6608,6 +6710,8 @@ function DateField({
|
|
|
6608
6710
|
required: props.isRequired,
|
|
6609
6711
|
clearable,
|
|
6610
6712
|
ref,
|
|
6713
|
+
tipId,
|
|
6714
|
+
errorMessageId,
|
|
6611
6715
|
internalRef,
|
|
6612
6716
|
readOnly: props.isReadOnly,
|
|
6613
6717
|
prefix: /* @__PURE__ */ jsx236(
|
|
@@ -6623,7 +6727,7 @@ function DateField({
|
|
|
6623
6727
|
ClearButton,
|
|
6624
6728
|
{
|
|
6625
6729
|
absolute: false,
|
|
6626
|
-
"aria-label": t(
|
|
6730
|
+
"aria-label": t(texts9.clearDate),
|
|
6627
6731
|
"aria-hidden": !hasValue,
|
|
6628
6732
|
className: cn(
|
|
6629
6733
|
DateInput_default["clear-button"],
|
|
@@ -6640,6 +6744,8 @@ function DateField({
|
|
|
6640
6744
|
{
|
|
6641
6745
|
"aria-readonly": props.isReadOnly,
|
|
6642
6746
|
componentSize,
|
|
6747
|
+
errorMessageId,
|
|
6748
|
+
tipId,
|
|
6643
6749
|
segment,
|
|
6644
6750
|
state
|
|
6645
6751
|
},
|
|
@@ -6649,12 +6755,13 @@ function DateField({
|
|
|
6649
6755
|
);
|
|
6650
6756
|
}
|
|
6651
6757
|
DateField.displayName = "DateField";
|
|
6652
|
-
var
|
|
6758
|
+
var texts9 = createTexts({
|
|
6653
6759
|
clearDate: {
|
|
6654
6760
|
en: "Clear date",
|
|
6655
6761
|
nb: "T\xF8m dato",
|
|
6656
6762
|
no: "T\xF8m dato",
|
|
6657
|
-
nn: "T\xF8m dato"
|
|
6763
|
+
nn: "T\xF8m dato",
|
|
6764
|
+
se: "Gurre d\xE1htona"
|
|
6658
6765
|
}
|
|
6659
6766
|
});
|
|
6660
6767
|
|
|
@@ -6696,6 +6803,7 @@ function DatePicker({
|
|
|
6696
6803
|
ref,
|
|
6697
6804
|
...props
|
|
6698
6805
|
}) {
|
|
6806
|
+
var _a;
|
|
6699
6807
|
const lang = useLanguage();
|
|
6700
6808
|
if (!lang) {
|
|
6701
6809
|
throw new Error("DatePicker must be used within a DdsProvider");
|
|
@@ -6709,6 +6817,11 @@ function DatePicker({
|
|
|
6709
6817
|
state,
|
|
6710
6818
|
internalRef
|
|
6711
6819
|
);
|
|
6820
|
+
const hasErrorMessage = !!errorMessage;
|
|
6821
|
+
const hasTip = !!tip;
|
|
6822
|
+
const uniqueId = (_a = props.id) != null ? _a : useId10();
|
|
6823
|
+
const errorMessageId = hasErrorMessage ? `${uniqueId}-errorMessage` : void 0;
|
|
6824
|
+
const tipId = hasTip ? `${uniqueId}-tip` : void 0;
|
|
6712
6825
|
return /* @__PURE__ */ jsx237(I18nProvider, { locale: LOCALE[lang], children: /* @__PURE__ */ jsxs47(
|
|
6713
6826
|
CalendarPopover,
|
|
6714
6827
|
{
|
|
@@ -6724,8 +6837,11 @@ function DatePicker({
|
|
|
6724
6837
|
ref: combinedRef,
|
|
6725
6838
|
componentSize,
|
|
6726
6839
|
tip,
|
|
6840
|
+
id: uniqueId,
|
|
6727
6841
|
label: props.label,
|
|
6728
6842
|
errorMessage,
|
|
6843
|
+
errorMessageId,
|
|
6844
|
+
tipId,
|
|
6729
6845
|
buttonProps,
|
|
6730
6846
|
style,
|
|
6731
6847
|
width,
|
|
@@ -6742,7 +6858,7 @@ DatePicker.displayName = "DatePicker";
|
|
|
6742
6858
|
// src/components/date-inputs/TimePicker/TimePicker.tsx
|
|
6743
6859
|
import { useTimeField } from "@react-aria/datepicker";
|
|
6744
6860
|
import { useTimeFieldState } from "@react-stately/datepicker";
|
|
6745
|
-
import { useRef as useRef18 } from "react";
|
|
6861
|
+
import { useId as useId11, useRef as useRef18 } from "react";
|
|
6746
6862
|
|
|
6747
6863
|
// src/components/date-inputs/TimePicker/TimePicker.utils.ts
|
|
6748
6864
|
function formatTimeSegments(segments) {
|
|
@@ -6780,6 +6896,7 @@ function TimePicker({
|
|
|
6780
6896
|
ref,
|
|
6781
6897
|
...props
|
|
6782
6898
|
}) {
|
|
6899
|
+
var _a;
|
|
6783
6900
|
const lang = useLanguage();
|
|
6784
6901
|
if (!lang) {
|
|
6785
6902
|
throw new Error("TimePicker must be used within a DdsProvider");
|
|
@@ -6794,6 +6911,11 @@ function TimePicker({
|
|
|
6794
6911
|
state,
|
|
6795
6912
|
internalRef
|
|
6796
6913
|
);
|
|
6914
|
+
const hasErrorMessage = !!props.errorMessage;
|
|
6915
|
+
const hasTip = !!props.tip;
|
|
6916
|
+
const uniqueId = (_a = props.id) != null ? _a : useId11();
|
|
6917
|
+
const errorMessageId = hasErrorMessage ? `${uniqueId}-errorMessage` : void 0;
|
|
6918
|
+
const tipId = hasTip ? `${uniqueId}-tip` : void 0;
|
|
6797
6919
|
const iconSize = componentSize === "xsmall" ? "small" : "medium";
|
|
6798
6920
|
const disabled = props.isDisabled || !!fieldProps["aria-disabled"];
|
|
6799
6921
|
const formattedSegments = formatTimeSegments(state.segments);
|
|
@@ -6801,6 +6923,8 @@ function TimePicker({
|
|
|
6801
6923
|
DateInput,
|
|
6802
6924
|
{
|
|
6803
6925
|
...props,
|
|
6926
|
+
errorMessageId,
|
|
6927
|
+
tipId,
|
|
6804
6928
|
width,
|
|
6805
6929
|
disabled,
|
|
6806
6930
|
required: props.isRequired,
|
|
@@ -6816,7 +6940,8 @@ function TimePicker({
|
|
|
6816
6940
|
icon: TimeIcon,
|
|
6817
6941
|
iconSize,
|
|
6818
6942
|
className: cn(
|
|
6819
|
-
|
|
6943
|
+
Input_default["input-group__absolute-el"],
|
|
6944
|
+
Input_default[`input-group__absolute-el--${componentSize}`],
|
|
6820
6945
|
disabled && DateInput_default["icon-wrapper--disabled"],
|
|
6821
6946
|
props.isReadOnly && DateInput_default["icon-wrapper--readonly"]
|
|
6822
6947
|
)
|
|
@@ -6825,6 +6950,8 @@ function TimePicker({
|
|
|
6825
6950
|
children: formattedSegments.map((segment, i) => /* @__PURE__ */ jsx238(
|
|
6826
6951
|
DateSegment,
|
|
6827
6952
|
{
|
|
6953
|
+
errorMessageId,
|
|
6954
|
+
tipId,
|
|
6828
6955
|
componentSize,
|
|
6829
6956
|
segment,
|
|
6830
6957
|
state
|
|
@@ -7228,7 +7355,7 @@ import {
|
|
|
7228
7355
|
Children as ReactChildren2,
|
|
7229
7356
|
cloneElement as cloneElement2,
|
|
7230
7357
|
isValidElement as isValidElement3,
|
|
7231
|
-
useId as
|
|
7358
|
+
useId as useId12,
|
|
7232
7359
|
useRef as useRef20,
|
|
7233
7360
|
useState as useState13
|
|
7234
7361
|
} from "react";
|
|
@@ -7247,7 +7374,7 @@ var DrawerGroup = ({
|
|
|
7247
7374
|
propIsOpen != null ? propIsOpen : internalIsOpen,
|
|
7248
7375
|
propSetIsOpen != null ? propSetIsOpen : internalSetIsOpen
|
|
7249
7376
|
];
|
|
7250
|
-
const generatedId =
|
|
7377
|
+
const generatedId = useId12();
|
|
7251
7378
|
const uniqueDrawerId = drawerId != null ? drawerId : `${generatedId}-drawer`;
|
|
7252
7379
|
const triggerRef = useRef20(null);
|
|
7253
7380
|
const open = () => setIsOpen(true);
|
|
@@ -7322,7 +7449,7 @@ function EmptyContent({
|
|
|
7322
7449
|
EmptyContent.displayName = "EmptyContent";
|
|
7323
7450
|
|
|
7324
7451
|
// src/components/FavStar/FavStar.tsx
|
|
7325
|
-
import { useId as
|
|
7452
|
+
import { useId as useId13 } from "react";
|
|
7326
7453
|
|
|
7327
7454
|
// src/components/FavStar/FavStar.module.css
|
|
7328
7455
|
var FavStar_default = {
|
|
@@ -7354,7 +7481,7 @@ var FavStar = ({
|
|
|
7354
7481
|
htmlProps,
|
|
7355
7482
|
rest
|
|
7356
7483
|
);
|
|
7357
|
-
const generatedId =
|
|
7484
|
+
const generatedId = useId13();
|
|
7358
7485
|
const [checked, setChecked] = useControllableState({
|
|
7359
7486
|
value: checkedProp,
|
|
7360
7487
|
defaultValue: defaultChecked != null ? defaultChecked : false,
|
|
@@ -7380,7 +7507,7 @@ var FavStar = ({
|
|
|
7380
7507
|
checked,
|
|
7381
7508
|
onChange: (e) => setChecked(e.target.checked),
|
|
7382
7509
|
type: "checkbox",
|
|
7383
|
-
"aria-label": (_a = props["aria-label"]) != null ? _a : t(
|
|
7510
|
+
"aria-label": (_a = props["aria-label"]) != null ? _a : t(texts10.favourite)
|
|
7384
7511
|
}
|
|
7385
7512
|
),
|
|
7386
7513
|
/* @__PURE__ */ jsx250(Icon, { iconSize: size2, icon: StarIcon, className: FavStar_default.icon }),
|
|
@@ -7397,12 +7524,13 @@ var FavStar = ({
|
|
|
7397
7524
|
);
|
|
7398
7525
|
};
|
|
7399
7526
|
FavStar.displayName = "FavStar";
|
|
7400
|
-
var
|
|
7527
|
+
var texts10 = createTexts({
|
|
7401
7528
|
favourite: {
|
|
7402
7529
|
nb: "Stjernemarker",
|
|
7403
7530
|
no: "Stjernemarker",
|
|
7404
7531
|
nn: "Stjernemerk",
|
|
7405
|
-
en: "Mark as favourite"
|
|
7532
|
+
en: "Mark as favourite",
|
|
7533
|
+
se: "Merke favorihta"
|
|
7406
7534
|
}
|
|
7407
7535
|
});
|
|
7408
7536
|
|
|
@@ -7423,7 +7551,7 @@ var Feedback_default = {
|
|
|
7423
7551
|
// src/components/TextArea/TextArea.tsx
|
|
7424
7552
|
import {
|
|
7425
7553
|
useEffect as useEffect20,
|
|
7426
|
-
useId as
|
|
7554
|
+
useId as useId15,
|
|
7427
7555
|
useRef as useRef21,
|
|
7428
7556
|
useState as useState14
|
|
7429
7557
|
} from "react";
|
|
@@ -7434,7 +7562,7 @@ var TextArea_default = {
|
|
|
7434
7562
|
};
|
|
7435
7563
|
|
|
7436
7564
|
// src/components/helpers/CharCounter/CharCounter.tsx
|
|
7437
|
-
import { useId as
|
|
7565
|
+
import { useId as useId14 } from "react";
|
|
7438
7566
|
|
|
7439
7567
|
// src/components/helpers/CharCounter/CharCounter.module.css
|
|
7440
7568
|
var CharCounter_default = {
|
|
@@ -7446,7 +7574,7 @@ import { jsx as jsx251, jsxs as jsxs53 } from "react/jsx-runtime";
|
|
|
7446
7574
|
function CharCounter(props) {
|
|
7447
7575
|
const { t } = useTranslation();
|
|
7448
7576
|
const { current, max, id } = props;
|
|
7449
|
-
const generatedId =
|
|
7577
|
+
const generatedId = useId14();
|
|
7450
7578
|
const uniqueId = id != null ? id : `${generatedId}-characterCounter`;
|
|
7451
7579
|
return /* @__PURE__ */ jsxs53(
|
|
7452
7580
|
Typography,
|
|
@@ -7462,7 +7590,7 @@ function CharCounter(props) {
|
|
|
7462
7590
|
"/",
|
|
7463
7591
|
max
|
|
7464
7592
|
] }),
|
|
7465
|
-
/* @__PURE__ */ jsx251(VisuallyHidden, { children: t(
|
|
7593
|
+
/* @__PURE__ */ jsx251(VisuallyHidden, { children: t(texts11.charsWritten(current, max, max - current)) })
|
|
7466
7594
|
]
|
|
7467
7595
|
}
|
|
7468
7596
|
);
|
|
@@ -7471,12 +7599,13 @@ var renderCharCounter = (id, isShown, textLength, maxLength) => {
|
|
|
7471
7599
|
if (!!maxLength && Number.isInteger(maxLength) && maxLength > 0 && isShown)
|
|
7472
7600
|
return /* @__PURE__ */ jsx251(CharCounter, { id, max: maxLength, current: textLength });
|
|
7473
7601
|
};
|
|
7474
|
-
var
|
|
7602
|
+
var texts11 = createTexts({
|
|
7475
7603
|
charsWritten: (current, max, remain) => ({
|
|
7476
7604
|
nb: `${current} av ${max} tegn skrevet. ${remain} igjen.`,
|
|
7477
7605
|
no: `${current} av ${max} tegn skrevet. ${remain} igjen.`,
|
|
7478
7606
|
nn: `${current} av ${max} teikn skrivne. ${remain} att.`,
|
|
7479
|
-
en: `${current} of ${max} characters used. ${remain} remaining
|
|
7607
|
+
en: `${current} of ${max} characters used. ${remain} remaining.`,
|
|
7608
|
+
se: `${current} ${max} mearkabust\xE1va leat ${max} \u010D\xE1llon ${remain}.`
|
|
7480
7609
|
})
|
|
7481
7610
|
});
|
|
7482
7611
|
|
|
@@ -7502,7 +7631,7 @@ var TextArea = ({
|
|
|
7502
7631
|
ref,
|
|
7503
7632
|
...rest
|
|
7504
7633
|
}) => {
|
|
7505
|
-
const generatedId =
|
|
7634
|
+
const generatedId = useId15();
|
|
7506
7635
|
const uniqueId = id != null ? id : `${generatedId}-textArea`;
|
|
7507
7636
|
const textAreaRef = useRef21(null);
|
|
7508
7637
|
const multiRef = useCombinedRef(ref, textAreaRef);
|
|
@@ -7572,7 +7701,7 @@ var TextArea = ({
|
|
|
7572
7701
|
justifyContent: withCharacterCounter ? hasMessage ? "space-between" : "flex-end" : void 0,
|
|
7573
7702
|
width: withCharacterCounter ? inputWidth : void 0,
|
|
7574
7703
|
children: [
|
|
7575
|
-
renderInputMessage(tip, tipId, errorMessage, errorMessageId),
|
|
7704
|
+
renderInputMessage({ tip, tipId, errorMessage, errorMessageId }),
|
|
7576
7705
|
renderCharCounter(
|
|
7577
7706
|
characterCounterId,
|
|
7578
7707
|
withCharacterCounter,
|
|
@@ -7635,17 +7764,18 @@ var CommentComponent = ({
|
|
|
7635
7764
|
size: "small",
|
|
7636
7765
|
onClick: handleSubmit,
|
|
7637
7766
|
loading,
|
|
7638
|
-
children: t(
|
|
7767
|
+
children: t(texts12.send)
|
|
7639
7768
|
}
|
|
7640
7769
|
)
|
|
7641
7770
|
] });
|
|
7642
7771
|
};
|
|
7643
|
-
var
|
|
7772
|
+
var texts12 = createTexts({
|
|
7644
7773
|
send: {
|
|
7645
7774
|
nb: "Send inn",
|
|
7646
7775
|
no: "Send inn",
|
|
7647
7776
|
nn: "Send inn",
|
|
7648
|
-
en: "Send"
|
|
7777
|
+
en: "Send",
|
|
7778
|
+
se: "S\xE1dde"
|
|
7649
7779
|
}
|
|
7650
7780
|
});
|
|
7651
7781
|
|
|
@@ -7654,7 +7784,7 @@ import {
|
|
|
7654
7784
|
Children as ReactChildren3,
|
|
7655
7785
|
cloneElement as cloneElement3,
|
|
7656
7786
|
useEffect as useEffect21,
|
|
7657
|
-
useId as
|
|
7787
|
+
useId as useId16,
|
|
7658
7788
|
useRef as useRef22,
|
|
7659
7789
|
useState as useState15
|
|
7660
7790
|
} from "react";
|
|
@@ -7685,7 +7815,7 @@ var Tooltip = ({
|
|
|
7685
7815
|
htmlProps,
|
|
7686
7816
|
...rest
|
|
7687
7817
|
}) => {
|
|
7688
|
-
const generatedId =
|
|
7818
|
+
const generatedId = useId16();
|
|
7689
7819
|
const uniqueTooltipId = tooltipId != null ? tooltipId : `${generatedId}-tooltip`;
|
|
7690
7820
|
const [open, setOpen] = useState15(false);
|
|
7691
7821
|
const [inView, setInView] = useState15(keepMounted ? false : true);
|
|
@@ -7848,7 +7978,7 @@ var RatingComponent = ({
|
|
|
7848
7978
|
),
|
|
7849
7979
|
children: [
|
|
7850
7980
|
/* @__PURE__ */ jsx255("h2", { className: typographyStyles_default["label-medium"], children: ratingLabel }),
|
|
7851
|
-
loading ? /* @__PURE__ */ jsx255(Spinner, { tooltip: t(
|
|
7981
|
+
loading ? /* @__PURE__ */ jsx255(Spinner, { tooltip: t(texts13.uploadingFeedback) }) : /* @__PURE__ */ jsxs57(HStack, { gap: "x1", children: [
|
|
7852
7982
|
/* @__PURE__ */ jsx255(Tooltip, { text: thumbUpTooltip, children: button("positive", layout, thumbUpTooltip) }),
|
|
7853
7983
|
/* @__PURE__ */ jsx255(Tooltip, { text: thumbDownTooltip, children: /* @__PURE__ */ jsx255("div", { children: button("negative", layout, thumbDownTooltip) }) })
|
|
7854
7984
|
] })
|
|
@@ -7856,12 +7986,13 @@ var RatingComponent = ({
|
|
|
7856
7986
|
}
|
|
7857
7987
|
);
|
|
7858
7988
|
};
|
|
7859
|
-
var
|
|
7989
|
+
var texts13 = createTexts({
|
|
7860
7990
|
uploadingFeedback: {
|
|
7861
7991
|
nb: "Laster opp tilbakemelding...",
|
|
7862
7992
|
no: "Laster opp tilbakemelding...",
|
|
7863
7993
|
nn: "Lastar opp tilbakemelding...",
|
|
7864
|
-
en: "Uploading feedback..."
|
|
7994
|
+
en: "Uploading feedback...",
|
|
7995
|
+
se: "Vie\u017E\u017Eamin ruovttoluottadie\u0111uid..."
|
|
7865
7996
|
}
|
|
7866
7997
|
});
|
|
7867
7998
|
|
|
@@ -7890,14 +8021,14 @@ var Feedback = ({
|
|
|
7890
8021
|
const [rating, setRating] = useState16(null);
|
|
7891
8022
|
const [feedbackText, setFeedbackText] = useState16();
|
|
7892
8023
|
const [isFeedbackSubmitted, setIsFeedbackSubmitted] = useState16(false);
|
|
7893
|
-
const tRatingLabel = ratingLabel != null ? ratingLabel : t(
|
|
7894
|
-
const tPositiveFeedbackLabel = positiveFeedbackLabel != null ? positiveFeedbackLabel : t(
|
|
7895
|
-
const tNegativeFeedbackLabel = negativeFeedbackLabel != null ? negativeFeedbackLabel : t(
|
|
7896
|
-
const tRatingSubmittedTitle = ratingSubmittedTitle != null ? ratingSubmittedTitle : t(
|
|
7897
|
-
const tSubmittedTitle = submittedTitle != null ? submittedTitle : t(
|
|
7898
|
-
const tTextAreaTip = textAreaTip != null ? textAreaTip : t(
|
|
7899
|
-
const tThumbUpTooltip = thumbUpTooltip != null ? thumbUpTooltip : t(
|
|
7900
|
-
const tThumbDownTooltip = thumbDownTooltip != null ? thumbDownTooltip : t(
|
|
8024
|
+
const tRatingLabel = ratingLabel != null ? ratingLabel : t(texts14.ratingQuestion);
|
|
8025
|
+
const tPositiveFeedbackLabel = positiveFeedbackLabel != null ? positiveFeedbackLabel : t(texts14.improvalQuestion);
|
|
8026
|
+
const tNegativeFeedbackLabel = negativeFeedbackLabel != null ? negativeFeedbackLabel : t(texts14.improvalQuestion);
|
|
8027
|
+
const tRatingSubmittedTitle = ratingSubmittedTitle != null ? ratingSubmittedTitle : t(texts14.thanks);
|
|
8028
|
+
const tSubmittedTitle = submittedTitle != null ? submittedTitle : t(texts14.thanks);
|
|
8029
|
+
const tTextAreaTip = textAreaTip != null ? textAreaTip : t(texts14.sensitiveInfo);
|
|
8030
|
+
const tThumbUpTooltip = thumbUpTooltip != null ? thumbUpTooltip : t(texts14.good);
|
|
8031
|
+
const tThumbDownTooltip = thumbDownTooltip != null ? thumbDownTooltip : t(texts14.bad);
|
|
7901
8032
|
useEffect22(() => {
|
|
7902
8033
|
if (ratingProp !== void 0) setRating(ratingProp);
|
|
7903
8034
|
}, [ratingProp]);
|
|
@@ -7952,42 +8083,48 @@ var Feedback = ({
|
|
|
7952
8083
|
}
|
|
7953
8084
|
return /* @__PURE__ */ jsx256(Paragraph, { children: tSubmittedTitle });
|
|
7954
8085
|
};
|
|
7955
|
-
var
|
|
8086
|
+
var texts14 = createTexts({
|
|
7956
8087
|
ratingQuestion: {
|
|
7957
8088
|
nb: "Hva syns du om tjenesten?",
|
|
7958
8089
|
no: "Hva syns du om tjenesten?",
|
|
7959
8090
|
nn: "Kva synest du om tenesta?",
|
|
7960
|
-
en: "What do you think about the service?"
|
|
8091
|
+
en: "What do you think about the service?",
|
|
8092
|
+
se: "Maid oaivvildat b\xE1lvalusa birra?"
|
|
7961
8093
|
},
|
|
7962
8094
|
improvalQuestion: {
|
|
7963
8095
|
nb: "Hva kan vi forbedre? (valgfritt)",
|
|
7964
8096
|
no: "Hva kan vi forbedre? (valgfritt)",
|
|
7965
8097
|
nn: "Kva kan vi forbetre? (valfritt)",
|
|
7966
|
-
en: "What can we improve? (optional)"
|
|
8098
|
+
en: "What can we improve? (optional)",
|
|
8099
|
+
se: "Maid s\xE1httit buoridit? (eavttola\u0161)"
|
|
7967
8100
|
},
|
|
7968
8101
|
thanks: {
|
|
7969
8102
|
nb: "Tusen takk! Tilbakemeldingen din hjelper oss \xE5 forbedre l\xF8sningen",
|
|
7970
8103
|
no: "Tusen takk! Tilbakemeldingen din hjelper oss \xE5 forbedre l\xF8sningen",
|
|
7971
8104
|
nn: "Tusen takk! Tilbakemeldinga di hjelper oss \xE5 forbetre l\xF8ysinga",
|
|
7972
|
-
en: "Thank you! Your feedback helps us improve the service"
|
|
8105
|
+
en: "Thank you! Your feedback helps us improve the service",
|
|
8106
|
+
se: "Giitu! Du m\xE1hcahat veahkeha min buoridit \u010Dovdosa"
|
|
7973
8107
|
},
|
|
7974
8108
|
sensitiveInfo: {
|
|
7975
8109
|
nb: "Ikke send inn personopplysninger eller annen sensitiv informasjon",
|
|
7976
8110
|
no: "Ikke send inn personopplysninger eller annen sensitiv informasjon",
|
|
7977
8111
|
nn: "Ikkje send inn personopplysningar eller annan sensitiv informasjon",
|
|
7978
|
-
en: "Do not submit personal data or other sensitive information"
|
|
8112
|
+
en: "Do not submit personal data or other sensitive information",
|
|
8113
|
+
se: "Ale s\xE1dde persuvdnadie\u0111uid dahje ear\xE1 sensitiiva die\u0111uid"
|
|
7979
8114
|
},
|
|
7980
8115
|
good: {
|
|
7981
8116
|
nb: "Bra",
|
|
7982
8117
|
no: "Bra",
|
|
7983
8118
|
nn: "Bra",
|
|
7984
|
-
en: "Good"
|
|
8119
|
+
en: "Good",
|
|
8120
|
+
se: "Buorre"
|
|
7985
8121
|
},
|
|
7986
8122
|
bad: {
|
|
7987
8123
|
nb: "D\xE5rlig",
|
|
7988
8124
|
no: "D\xE5rlig",
|
|
7989
8125
|
nn: "D\xE5rleg",
|
|
7990
|
-
en: "Bad"
|
|
8126
|
+
en: "Bad",
|
|
8127
|
+
se: "Heajos"
|
|
7991
8128
|
}
|
|
7992
8129
|
});
|
|
7993
8130
|
|
|
@@ -8020,7 +8157,7 @@ var FieldsetGroup = ({
|
|
|
8020
8157
|
FieldsetGroup.displayName = "FieldsetGroup";
|
|
8021
8158
|
|
|
8022
8159
|
// src/components/FileUploader/FileUploader.tsx
|
|
8023
|
-
import { useId as
|
|
8160
|
+
import { useId as useId17 } from "react";
|
|
8024
8161
|
|
|
8025
8162
|
// src/components/FileUploader/ErrorList.tsx
|
|
8026
8163
|
import { jsx as jsx259 } from "react/jsx-runtime";
|
|
@@ -8030,14 +8167,10 @@ var ErrorList = (props) => {
|
|
|
8030
8167
|
return null;
|
|
8031
8168
|
}
|
|
8032
8169
|
if (errors.length === 1) {
|
|
8033
|
-
return
|
|
8034
|
-
|
|
8035
|
-
|
|
8036
|
-
|
|
8037
|
-
message: errors[0].message,
|
|
8038
|
-
messageType: "error"
|
|
8039
|
-
}
|
|
8040
|
-
);
|
|
8170
|
+
return renderInputMessage({
|
|
8171
|
+
errorMessage: errors[0].message,
|
|
8172
|
+
errorMessageId: errors[0].id
|
|
8173
|
+
});
|
|
8041
8174
|
}
|
|
8042
8175
|
return /* @__PURE__ */ jsx259(StylelessList, { children: errors.map(({ id, message }) => {
|
|
8043
8176
|
return /* @__PURE__ */ jsx259("li", { children: /* @__PURE__ */ jsx259(
|
|
@@ -8122,9 +8255,9 @@ var File = (props) => {
|
|
|
8122
8255
|
onClick: removeFile,
|
|
8123
8256
|
icon: CloseIcon,
|
|
8124
8257
|
htmlProps: {
|
|
8125
|
-
"aria-label": t(
|
|
8258
|
+
"aria-label": t(texts15.removeFile(stateFile.file.name)),
|
|
8126
8259
|
"aria-invalid": !isValid ? true : void 0,
|
|
8127
|
-
"aria-errormessage": !isValid ? t(
|
|
8260
|
+
"aria-errormessage": !isValid ? t(texts15.invalidFile) : void 0,
|
|
8128
8261
|
"aria-describedby": spaceSeparatedIdListGenerator(
|
|
8129
8262
|
errorsList.map((e) => e.id)
|
|
8130
8263
|
)
|
|
@@ -8138,18 +8271,20 @@ var File = (props) => {
|
|
|
8138
8271
|
/* @__PURE__ */ jsx260(ErrorList, { errors: errorsList })
|
|
8139
8272
|
] });
|
|
8140
8273
|
};
|
|
8141
|
-
var
|
|
8274
|
+
var texts15 = createTexts({
|
|
8142
8275
|
removeFile: (file) => ({
|
|
8143
8276
|
nb: `Fjern fil ${file}`,
|
|
8144
8277
|
no: `Fjern fil ${file}`,
|
|
8145
8278
|
nn: `Fjern fil ${file}`,
|
|
8146
|
-
en: `Remove file ${file}
|
|
8279
|
+
en: `Remove file ${file}`,
|
|
8280
|
+
se: `Sihku filla ${file}`
|
|
8147
8281
|
}),
|
|
8148
8282
|
invalidFile: {
|
|
8149
8283
|
nb: "Ugyldig fil",
|
|
8150
8284
|
no: "Ugyldig fil",
|
|
8151
8285
|
nn: "Ugyldig fil",
|
|
8152
|
-
en: "Invalid file"
|
|
8286
|
+
en: "Invalid file",
|
|
8287
|
+
se: "F\xE1mohis fiila"
|
|
8153
8288
|
}
|
|
8154
8289
|
});
|
|
8155
8290
|
|
|
@@ -8274,7 +8409,7 @@ var useFileUploader = (props) => {
|
|
|
8274
8409
|
isFileDialogActive: false,
|
|
8275
8410
|
isDragActive: false,
|
|
8276
8411
|
rootErrors: calcRootErrors(
|
|
8277
|
-
t(
|
|
8412
|
+
t(texts16.invalidFileAmount),
|
|
8278
8413
|
initialFileUploaderFiles,
|
|
8279
8414
|
maxFiles,
|
|
8280
8415
|
errorMessage
|
|
@@ -8287,7 +8422,7 @@ var useFileUploader = (props) => {
|
|
|
8287
8422
|
const accepted = isFileAccepted(file, accept);
|
|
8288
8423
|
return {
|
|
8289
8424
|
file,
|
|
8290
|
-
errors: accepted ? [] : [t(
|
|
8425
|
+
errors: accepted ? [] : [t(texts16.invalidFileType)]
|
|
8291
8426
|
};
|
|
8292
8427
|
});
|
|
8293
8428
|
dispatch({
|
|
@@ -8300,7 +8435,7 @@ var useFileUploader = (props) => {
|
|
|
8300
8435
|
dispatch({
|
|
8301
8436
|
type: "setRootErrors",
|
|
8302
8437
|
payload: calcRootErrors(
|
|
8303
|
-
t(
|
|
8438
|
+
t(texts16.invalidFileAmount),
|
|
8304
8439
|
stateFiles,
|
|
8305
8440
|
maxFiles,
|
|
8306
8441
|
errorMessage
|
|
@@ -8354,7 +8489,7 @@ var useFileUploader = (props) => {
|
|
|
8354
8489
|
const accepted = isFileAccepted(file, accept);
|
|
8355
8490
|
return {
|
|
8356
8491
|
file,
|
|
8357
|
-
errors: accepted ? [] : [t(
|
|
8492
|
+
errors: accepted ? [] : [t(texts16.invalidFileType)]
|
|
8358
8493
|
};
|
|
8359
8494
|
}).concat(stateFiles);
|
|
8360
8495
|
onChange(newFiles.map((f) => f.file));
|
|
@@ -8446,18 +8581,20 @@ var useFileUploader = (props) => {
|
|
|
8446
8581
|
removeFile
|
|
8447
8582
|
};
|
|
8448
8583
|
};
|
|
8449
|
-
var
|
|
8584
|
+
var texts16 = createTexts({
|
|
8450
8585
|
invalidFileType: {
|
|
8451
8586
|
nb: "Ugyldig filtype",
|
|
8452
8587
|
no: "Ugyldig filtype",
|
|
8453
8588
|
nn: "Ugyldig filtype",
|
|
8454
|
-
en: "Invalid file type"
|
|
8589
|
+
en: "Invalid file type",
|
|
8590
|
+
se: "F\xE1mohis fila\u0161ladja"
|
|
8455
8591
|
},
|
|
8456
8592
|
invalidFileAmount: {
|
|
8457
8593
|
nb: "For mange filer. Maksimalt antall er ",
|
|
8458
8594
|
no: "For mange filer. Maksimalt antall er ",
|
|
8459
8595
|
nn: "For mange filer. Maksimalt antall er ",
|
|
8460
|
-
en: "Too many files. The maximum allowed is "
|
|
8596
|
+
en: "Too many files. The maximum allowed is ",
|
|
8597
|
+
se: "Menddo ollu fiillat. Maksim\xE1la lohku lea "
|
|
8461
8598
|
}
|
|
8462
8599
|
});
|
|
8463
8600
|
|
|
@@ -8468,7 +8605,7 @@ var FileUploader = (props) => {
|
|
|
8468
8605
|
id,
|
|
8469
8606
|
label,
|
|
8470
8607
|
dropAreaLabel,
|
|
8471
|
-
btnLabel
|
|
8608
|
+
btnLabel,
|
|
8472
8609
|
tip,
|
|
8473
8610
|
required = false,
|
|
8474
8611
|
withDragAndDrop = true,
|
|
@@ -8488,8 +8625,9 @@ var FileUploader = (props) => {
|
|
|
8488
8625
|
...rest
|
|
8489
8626
|
} = props;
|
|
8490
8627
|
const { t } = useTranslation();
|
|
8491
|
-
const tDropAreaLabel = dropAreaLabel != null ? dropAreaLabel : t(
|
|
8492
|
-
const
|
|
8628
|
+
const tDropAreaLabel = dropAreaLabel != null ? dropAreaLabel : t(texts17.dragAndDropOr);
|
|
8629
|
+
const tBtnLabel = btnLabel != null ? btnLabel : t(texts17.selectFile);
|
|
8630
|
+
const generatedId = useId17();
|
|
8493
8631
|
const uniqueId = id != null ? id : `${generatedId}-fileUploader`;
|
|
8494
8632
|
const {
|
|
8495
8633
|
state: { files: stateFiles, isDragActive, rootErrors },
|
|
@@ -8553,7 +8691,7 @@ var FileUploader = (props) => {
|
|
|
8553
8691
|
...rootErrorsList.map((e) => e.id)
|
|
8554
8692
|
])
|
|
8555
8693
|
},
|
|
8556
|
-
children:
|
|
8694
|
+
children: tBtnLabel
|
|
8557
8695
|
}
|
|
8558
8696
|
);
|
|
8559
8697
|
const input = /* @__PURE__ */ jsx261(
|
|
@@ -8582,7 +8720,7 @@ var FileUploader = (props) => {
|
|
|
8582
8720
|
readOnly,
|
|
8583
8721
|
afterLabelContent
|
|
8584
8722
|
}),
|
|
8585
|
-
|
|
8723
|
+
renderInputMessage({ tip, tipId }),
|
|
8586
8724
|
inactive ? input : withDragAndDrop ? /* @__PURE__ */ jsxs59(
|
|
8587
8725
|
VStack,
|
|
8588
8726
|
{
|
|
@@ -8597,7 +8735,7 @@ var FileUploader = (props) => {
|
|
|
8597
8735
|
children: [
|
|
8598
8736
|
input,
|
|
8599
8737
|
tDropAreaLabel,
|
|
8600
|
-
/* @__PURE__ */ jsx261(VisuallyHidden, { children: t(
|
|
8738
|
+
/* @__PURE__ */ jsx261(VisuallyHidden, { children: t(texts17.uploadFileWithButton) }),
|
|
8601
8739
|
button
|
|
8602
8740
|
]
|
|
8603
8741
|
}
|
|
@@ -8615,14 +8753,14 @@ var FileUploader = (props) => {
|
|
|
8615
8753
|
readOnly && FileUploader_default["readonly--file-list"]
|
|
8616
8754
|
),
|
|
8617
8755
|
children: [
|
|
8618
|
-
/* @__PURE__ */ jsx261(VisuallyHidden, { id: fileListNameId, children: t(
|
|
8756
|
+
/* @__PURE__ */ jsx261(VisuallyHidden, { id: fileListNameId, children: t(texts17.uploadedFiles) }),
|
|
8619
8757
|
inactive && fileListElements.length === 0 ? /* @__PURE__ */ jsx261(
|
|
8620
8758
|
Typography,
|
|
8621
8759
|
{
|
|
8622
8760
|
italic: true,
|
|
8623
8761
|
as: "span",
|
|
8624
8762
|
color: disabled ? "text-subtle" : "text-medium",
|
|
8625
|
-
children: t(
|
|
8763
|
+
children: t(texts17.noFiles)
|
|
8626
8764
|
}
|
|
8627
8765
|
) : /* @__PURE__ */ jsx261(StylelessList, { "aria-labelledby": fileListNameId, children: fileListElements })
|
|
8628
8766
|
]
|
|
@@ -8633,30 +8771,41 @@ var FileUploader = (props) => {
|
|
|
8633
8771
|
);
|
|
8634
8772
|
};
|
|
8635
8773
|
FileUploader.displayName = "FileUploader";
|
|
8636
|
-
var
|
|
8774
|
+
var texts17 = createTexts({
|
|
8637
8775
|
dragAndDropOr: {
|
|
8638
8776
|
nb: "Dra og slipp filer her eller",
|
|
8639
8777
|
no: "Dra og slipp filer her eller",
|
|
8640
8778
|
nn: "Dra og slepp filer her eller",
|
|
8641
|
-
en: "Drag and drop files here or"
|
|
8779
|
+
en: "Drag and drop files here or",
|
|
8780
|
+
se: "Sirdde fiillaid d\xE1sa dahje"
|
|
8781
|
+
},
|
|
8782
|
+
selectFile: {
|
|
8783
|
+
nb: "Velg fil",
|
|
8784
|
+
no: "Velg fil",
|
|
8785
|
+
nn: "Velg fil",
|
|
8786
|
+
en: "Sekect file",
|
|
8787
|
+
se: "V\xE1llje fiilla"
|
|
8642
8788
|
},
|
|
8643
8789
|
uploadFileWithButton: {
|
|
8644
8790
|
nb: "last opp en fil med den p\xE5f\xF8lgende knappen",
|
|
8645
8791
|
no: "last opp en fil med den p\xE5f\xF8lgende knappen",
|
|
8646
8792
|
nn: "last opp ei fil med den p\xE5f\xF8lgjande knappen",
|
|
8647
|
-
en: "upload using the following button"
|
|
8793
|
+
en: "upload using the following button",
|
|
8794
|
+
se: "vie\u010D\u010Da fiilla \u010Duovvova\u0161 boaluin"
|
|
8648
8795
|
},
|
|
8649
8796
|
noFiles: {
|
|
8650
8797
|
nb: "Ingen filer.",
|
|
8651
8798
|
no: "Ingen filer.",
|
|
8652
8799
|
nn: "Ingen filer.",
|
|
8653
|
-
en: "No files."
|
|
8800
|
+
en: "No files.",
|
|
8801
|
+
se: "Eai leat fiillat."
|
|
8654
8802
|
},
|
|
8655
8803
|
uploadedFiles: {
|
|
8656
8804
|
nb: "Opplastede filer",
|
|
8657
8805
|
no: "Opplastede filer",
|
|
8658
8806
|
nn: "Opplasta filer",
|
|
8659
|
-
en: "Uploaded files"
|
|
8807
|
+
en: "Uploaded files",
|
|
8808
|
+
se: "Vi\u017E\u017Eon fiillat"
|
|
8660
8809
|
}
|
|
8661
8810
|
});
|
|
8662
8811
|
|
|
@@ -8732,6 +8881,91 @@ var FooterListGroup = ({
|
|
|
8732
8881
|
import { jsx as jsx269 } from "react/jsx-runtime";
|
|
8733
8882
|
var FooterLeft = ({ className, ...rest }) => /* @__PURE__ */ jsx269("div", { className: cn(className, Footer_default["left"]), ...rest });
|
|
8734
8883
|
|
|
8884
|
+
// src/components/FormSummary/FormSummary.tsx
|
|
8885
|
+
import { jsx as jsx270 } from "react/jsx-runtime";
|
|
8886
|
+
var FormSummary = (props) => {
|
|
8887
|
+
const { children } = props;
|
|
8888
|
+
return /* @__PURE__ */ jsx270(Paper, { border: "border-subtle", padding: "x0.5 x0.5 x1 x0.75", ...props, children });
|
|
8889
|
+
};
|
|
8890
|
+
|
|
8891
|
+
// src/components/FormSummary/FormSummary.module.css
|
|
8892
|
+
var FormSummary_default = {
|
|
8893
|
+
dd: "FormSummary_dd",
|
|
8894
|
+
field: "FormSummary_field"
|
|
8895
|
+
};
|
|
8896
|
+
|
|
8897
|
+
// src/components/FormSummary/FormSummary.components.tsx
|
|
8898
|
+
import { jsx as jsx271, jsxs as jsxs60 } from "react/jsx-runtime";
|
|
8899
|
+
function FormSummaryHeader({ ...props }) {
|
|
8900
|
+
return /* @__PURE__ */ jsx271(
|
|
8901
|
+
HStack,
|
|
8902
|
+
{
|
|
8903
|
+
...props,
|
|
8904
|
+
justifyContent: "space-between",
|
|
8905
|
+
flexWrap: "wrap",
|
|
8906
|
+
alignItems: "center",
|
|
8907
|
+
gap: "x0.75",
|
|
8908
|
+
marginBlock: "0 x0.75"
|
|
8909
|
+
}
|
|
8910
|
+
);
|
|
8911
|
+
}
|
|
8912
|
+
function FormSummaryHeading({
|
|
8913
|
+
level = 2,
|
|
8914
|
+
...props
|
|
8915
|
+
}) {
|
|
8916
|
+
return /* @__PURE__ */ jsx271(Heading, { level, ...props });
|
|
8917
|
+
}
|
|
8918
|
+
function FormSummaryEditButton({
|
|
8919
|
+
purpose = "secondary",
|
|
8920
|
+
...props
|
|
8921
|
+
}) {
|
|
8922
|
+
return /* @__PURE__ */ jsx271(Button, { icon: EditIcon, purpose, size: "xsmall", ...props });
|
|
8923
|
+
}
|
|
8924
|
+
function FormSummaryFields({ ...props }) {
|
|
8925
|
+
return /* @__PURE__ */ jsx271(DescriptionList, { ...props });
|
|
8926
|
+
}
|
|
8927
|
+
function FormSummaryField({
|
|
8928
|
+
className,
|
|
8929
|
+
...props
|
|
8930
|
+
}) {
|
|
8931
|
+
return /* @__PURE__ */ jsx271("div", { ...props, className: cn(FormSummary_default.field, className) });
|
|
8932
|
+
}
|
|
8933
|
+
function FormSummaryLabel(props) {
|
|
8934
|
+
return /* @__PURE__ */ jsx271(DescriptionListTerm, { ...props });
|
|
8935
|
+
}
|
|
8936
|
+
function FormSummaryValue({
|
|
8937
|
+
className,
|
|
8938
|
+
isLoading,
|
|
8939
|
+
children,
|
|
8940
|
+
...props
|
|
8941
|
+
}) {
|
|
8942
|
+
return /* @__PURE__ */ jsx271(DescriptionListDesc, { ...props, className: cn(className, FormSummary_default.dd), children: isLoading ? /* @__PURE__ */ jsx271(Spinner, { size: "1.5em" }) : children });
|
|
8943
|
+
}
|
|
8944
|
+
function FormSummaryEmptyValue() {
|
|
8945
|
+
const { t } = useTranslation();
|
|
8946
|
+
return /* @__PURE__ */ jsxs60("span", { children: [
|
|
8947
|
+
/* @__PURE__ */ jsx271("span", { "aria-hidden": true, children: "-" }),
|
|
8948
|
+
" ",
|
|
8949
|
+
/* @__PURE__ */ jsxs60(VisuallyHidden, { children: [
|
|
8950
|
+
" ",
|
|
8951
|
+
t(texts18.noValue),
|
|
8952
|
+
" "
|
|
8953
|
+
] })
|
|
8954
|
+
] });
|
|
8955
|
+
}
|
|
8956
|
+
function FormSummaryError({ ...props }) {
|
|
8957
|
+
return /* @__PURE__ */ jsx271(Box, { marginBlock: "x0.25 0", children: /* @__PURE__ */ jsx271(InputMessage, { ...props, messageType: "error" }) });
|
|
8958
|
+
}
|
|
8959
|
+
var texts18 = createTexts({
|
|
8960
|
+
noValue: {
|
|
8961
|
+
nb: "Ikke fylt ut",
|
|
8962
|
+
no: "Ikke fylt ut",
|
|
8963
|
+
nn: "Ikkje fylt ut",
|
|
8964
|
+
en: "Not filled out",
|
|
8965
|
+
se: "Ii leat bidjan"
|
|
8966
|
+
}
|
|
8967
|
+
});
|
|
8968
|
+
|
|
8735
8969
|
// src/components/GlobalMessage/GlobalMessage.tsx
|
|
8736
8970
|
import { useState as useState17 } from "react";
|
|
8737
8971
|
|
|
@@ -8747,7 +8981,7 @@ var GlobalMessage_default = {
|
|
|
8747
8981
|
};
|
|
8748
8982
|
|
|
8749
8983
|
// src/components/GlobalMessage/GlobalMessage.tsx
|
|
8750
|
-
import { jsx as
|
|
8984
|
+
import { jsx as jsx272, jsxs as jsxs61 } from "react/jsx-runtime";
|
|
8751
8985
|
var icons = {
|
|
8752
8986
|
info: InfoIcon,
|
|
8753
8987
|
danger: ErrorIcon,
|
|
@@ -8766,7 +9000,7 @@ var GlobalMessage = ({
|
|
|
8766
9000
|
}) => {
|
|
8767
9001
|
const { t } = useTranslation();
|
|
8768
9002
|
const [isClosed, setClosed] = useState17(false);
|
|
8769
|
-
return !isClosed ? /* @__PURE__ */
|
|
9003
|
+
return !isClosed ? /* @__PURE__ */ jsxs61(
|
|
8770
9004
|
"div",
|
|
8771
9005
|
{
|
|
8772
9006
|
...getBaseHTMLProps(
|
|
@@ -8781,17 +9015,17 @@ var GlobalMessage = ({
|
|
|
8781
9015
|
rest
|
|
8782
9016
|
),
|
|
8783
9017
|
children: [
|
|
8784
|
-
/* @__PURE__ */
|
|
9018
|
+
/* @__PURE__ */ jsxs61(
|
|
8785
9019
|
"div",
|
|
8786
9020
|
{
|
|
8787
9021
|
className: cn(GlobalMessage_default.content, closable && GlobalMessage_default["content--closable"]),
|
|
8788
9022
|
children: [
|
|
8789
|
-
/* @__PURE__ */
|
|
8790
|
-
children != null ? children : /* @__PURE__ */
|
|
9023
|
+
/* @__PURE__ */ jsx272(Icon, { icon: icons[purpose], className: GlobalMessage_default.icon }),
|
|
9024
|
+
children != null ? children : /* @__PURE__ */ jsx272("span", { children: message })
|
|
8791
9025
|
]
|
|
8792
9026
|
}
|
|
8793
9027
|
),
|
|
8794
|
-
closable && /* @__PURE__ */
|
|
9028
|
+
closable && /* @__PURE__ */ jsx272(
|
|
8795
9029
|
Button,
|
|
8796
9030
|
{
|
|
8797
9031
|
icon: CloseIcon,
|
|
@@ -8816,14 +9050,14 @@ var InlineButton_default = {
|
|
|
8816
9050
|
};
|
|
8817
9051
|
|
|
8818
9052
|
// src/components/InlineButton/InlineButton.tsx
|
|
8819
|
-
import { jsx as
|
|
9053
|
+
import { jsx as jsx273 } from "react/jsx-runtime";
|
|
8820
9054
|
var InlineButton = ({
|
|
8821
9055
|
className,
|
|
8822
9056
|
color,
|
|
8823
9057
|
icon,
|
|
8824
9058
|
children,
|
|
8825
9059
|
...rest
|
|
8826
|
-
}) => /* @__PURE__ */
|
|
9060
|
+
}) => /* @__PURE__ */ jsx273(
|
|
8827
9061
|
StylelessButton,
|
|
8828
9062
|
{
|
|
8829
9063
|
className: cn(
|
|
@@ -8834,7 +9068,7 @@ var InlineButton = ({
|
|
|
8834
9068
|
getColorCn(color)
|
|
8835
9069
|
),
|
|
8836
9070
|
...rest,
|
|
8837
|
-
children: icon ? /* @__PURE__ */
|
|
9071
|
+
children: icon ? /* @__PURE__ */ jsx273(Icon, { icon, iconSize: "inherit" }) : children
|
|
8838
9072
|
}
|
|
8839
9073
|
);
|
|
8840
9074
|
|
|
@@ -8847,7 +9081,7 @@ import {
|
|
|
8847
9081
|
useContext as useContext16,
|
|
8848
9082
|
useState as useState18
|
|
8849
9083
|
} from "react";
|
|
8850
|
-
import { jsx as
|
|
9084
|
+
import { jsx as jsx274 } from "react/jsx-runtime";
|
|
8851
9085
|
var InlineEditContext = createContext12(
|
|
8852
9086
|
{}
|
|
8853
9087
|
);
|
|
@@ -8891,7 +9125,7 @@ var InlineEditContextProvider = (props) => {
|
|
|
8891
9125
|
useOnKeyDown(["Enter"], () => onExitHandler());
|
|
8892
9126
|
useOnKeyDown(["Escape"], () => onExitHandler());
|
|
8893
9127
|
useOnClickOutside(inputRef == null ? void 0 : inputRef.current, () => onExitHandler());
|
|
8894
|
-
return /* @__PURE__ */
|
|
9128
|
+
return /* @__PURE__ */ jsx274(
|
|
8895
9129
|
InlineEditContext,
|
|
8896
9130
|
{
|
|
8897
9131
|
value: {
|
|
@@ -8909,7 +9143,7 @@ var InlineEditContextProvider = (props) => {
|
|
|
8909
9143
|
InlineEditContextProvider.displayName = "InlineEditContextProvider";
|
|
8910
9144
|
|
|
8911
9145
|
// src/components/InlineEdit/InlineField.tsx
|
|
8912
|
-
import { useId as
|
|
9146
|
+
import { useId as useId18, useRef as useRef24 } from "react";
|
|
8913
9147
|
|
|
8914
9148
|
// src/components/InlineEdit/InlineEdit.module.css
|
|
8915
9149
|
var InlineEdit_default = {
|
|
@@ -8926,26 +9160,29 @@ var InlineEdit_default = {
|
|
|
8926
9160
|
};
|
|
8927
9161
|
|
|
8928
9162
|
// src/components/InlineEdit/InlineEdit.utils.tsx
|
|
8929
|
-
import { jsxs as
|
|
9163
|
+
import { jsxs as jsxs62 } from "react/jsx-runtime";
|
|
8930
9164
|
var inlineEditVisuallyHidden = (id, clearable) => {
|
|
8931
9165
|
const { t } = useTranslation();
|
|
8932
|
-
return /* @__PURE__ */
|
|
8933
|
-
t(
|
|
8934
|
-
|
|
9166
|
+
return /* @__PURE__ */ jsxs62(VisuallyHidden, { id, children: [
|
|
9167
|
+
t(texts19.inlineEditInfo),
|
|
9168
|
+
" ",
|
|
9169
|
+
!clearable && t(texts19.notClearable)
|
|
8935
9170
|
] });
|
|
8936
9171
|
};
|
|
8937
|
-
var
|
|
9172
|
+
var texts19 = createTexts({
|
|
8938
9173
|
inlineEditInfo: {
|
|
8939
9174
|
nb: "Escape, Enter eller Tab for \xE5 lagre.",
|
|
8940
9175
|
no: "Escape, Enter eller Tab for \xE5 lagre.",
|
|
8941
9176
|
nn: "Escape, Enter eller Tab for \xE5 lagra.",
|
|
8942
|
-
en: "Escape, Enter or Tab to save."
|
|
9177
|
+
en: "Escape, Enter or Tab to save.",
|
|
9178
|
+
se: "Escape, Enter dahje Tab go \xE1iggut vurket"
|
|
8943
9179
|
},
|
|
8944
9180
|
notClearable: {
|
|
8945
|
-
nb: "
|
|
8946
|
-
no: "
|
|
8947
|
-
nn: "
|
|
8948
|
-
en: "
|
|
9181
|
+
nb: "Innskrivingsfeltet kan ikke t\xF8mmes.",
|
|
9182
|
+
no: "Innskrivingsfeltet kan ikke t\xF8mmes.",
|
|
9183
|
+
nn: "Innskrivingsfeltet kan ikkje t\xF8mmast.",
|
|
9184
|
+
en: "Input field cannot be cleared.",
|
|
9185
|
+
se: "\u010C\xE1llinb\xE1ikki ii s\xE1hte sihkut"
|
|
8949
9186
|
}
|
|
8950
9187
|
});
|
|
8951
9188
|
var inlineEditCns = (hasErrorState, showEditingIcon) => [
|
|
@@ -8995,7 +9232,7 @@ function createClearChangeEvent(elementId) {
|
|
|
8995
9232
|
}
|
|
8996
9233
|
|
|
8997
9234
|
// src/components/InlineEdit/InlineField.tsx
|
|
8998
|
-
import { Fragment as Fragment8, jsx as
|
|
9235
|
+
import { Fragment as Fragment8, jsx as jsx275, jsxs as jsxs63 } from "react/jsx-runtime";
|
|
8999
9236
|
function InlineField(props) {
|
|
9000
9237
|
const {
|
|
9001
9238
|
elementType,
|
|
@@ -9011,7 +9248,7 @@ function InlineField(props) {
|
|
|
9011
9248
|
} = props;
|
|
9012
9249
|
const { onBlur, onChange, onFocus, isEditing, value, emptiable } = useInlineEditContext();
|
|
9013
9250
|
const { t } = useTranslation();
|
|
9014
|
-
const generatedId =
|
|
9251
|
+
const generatedId = useId18();
|
|
9015
9252
|
const uniqueId = id != null ? id : `${generatedId}-InlineEdit`;
|
|
9016
9253
|
const hasErrorMessage = !!errorMessage;
|
|
9017
9254
|
const hasErrorState = !!error || hasErrorMessage;
|
|
@@ -9041,7 +9278,7 @@ function InlineField(props) {
|
|
|
9041
9278
|
const cnArgs = [hasErrorState, !isEditing && !hideIcon];
|
|
9042
9279
|
const iconSize = "small";
|
|
9043
9280
|
function makeIcon(icon, className2) {
|
|
9044
|
-
return /* @__PURE__ */
|
|
9281
|
+
return /* @__PURE__ */ jsx275(
|
|
9045
9282
|
Icon,
|
|
9046
9283
|
{
|
|
9047
9284
|
iconSize,
|
|
@@ -9056,7 +9293,7 @@ function InlineField(props) {
|
|
|
9056
9293
|
const renderElement = () => {
|
|
9057
9294
|
switch (elementType) {
|
|
9058
9295
|
case "input":
|
|
9059
|
-
return /* @__PURE__ */
|
|
9296
|
+
return /* @__PURE__ */ jsx275(
|
|
9060
9297
|
"input",
|
|
9061
9298
|
{
|
|
9062
9299
|
...rest,
|
|
@@ -9066,7 +9303,7 @@ function InlineField(props) {
|
|
|
9066
9303
|
}
|
|
9067
9304
|
);
|
|
9068
9305
|
case "textarea":
|
|
9069
|
-
return /* @__PURE__ */
|
|
9306
|
+
return /* @__PURE__ */ jsx275(
|
|
9070
9307
|
"textarea",
|
|
9071
9308
|
{
|
|
9072
9309
|
...rest,
|
|
@@ -9076,8 +9313,8 @@ function InlineField(props) {
|
|
|
9076
9313
|
}
|
|
9077
9314
|
);
|
|
9078
9315
|
case "select":
|
|
9079
|
-
return /* @__PURE__ */
|
|
9080
|
-
/* @__PURE__ */
|
|
9316
|
+
return /* @__PURE__ */ jsxs63(Fragment8, { children: [
|
|
9317
|
+
/* @__PURE__ */ jsx275(
|
|
9081
9318
|
"select",
|
|
9082
9319
|
{
|
|
9083
9320
|
...rest,
|
|
@@ -9086,7 +9323,7 @@ function InlineField(props) {
|
|
|
9086
9323
|
className: cn(className, ...inlineSelectCns(...cnArgs, hasValue))
|
|
9087
9324
|
}
|
|
9088
9325
|
),
|
|
9089
|
-
hasValue && emptiable && /* @__PURE__ */
|
|
9326
|
+
hasValue && emptiable && /* @__PURE__ */ jsx275(
|
|
9090
9327
|
ClearButton,
|
|
9091
9328
|
{
|
|
9092
9329
|
"aria-label": t(commonTexts.clearSelect),
|
|
@@ -9101,18 +9338,18 @@ function InlineField(props) {
|
|
|
9101
9338
|
return null;
|
|
9102
9339
|
}
|
|
9103
9340
|
};
|
|
9104
|
-
return /* @__PURE__ */
|
|
9105
|
-
/* @__PURE__ */
|
|
9341
|
+
return /* @__PURE__ */ jsxs63(Box, { position: "relative", width, children: [
|
|
9342
|
+
/* @__PURE__ */ jsxs63("div", { className: Input_default["input-group"], children: [
|
|
9106
9343
|
!isEditing && !hideIcon && makeIcon(EditIcon, InlineEdit_default["edit-icon"]),
|
|
9107
9344
|
renderElement()
|
|
9108
9345
|
] }),
|
|
9109
9346
|
inlineEditVisuallyHidden(descId, emptiable),
|
|
9110
|
-
renderInputMessage(
|
|
9347
|
+
renderInputMessage({ errorMessage, errorMessageId })
|
|
9111
9348
|
] });
|
|
9112
9349
|
}
|
|
9113
9350
|
|
|
9114
9351
|
// src/components/InlineEdit/InlineEditTextArea/InlineEditTextArea.tsx
|
|
9115
|
-
import { jsx as
|
|
9352
|
+
import { jsx as jsx276 } from "react/jsx-runtime";
|
|
9116
9353
|
var InlineEditTextArea = ({
|
|
9117
9354
|
onSetValue,
|
|
9118
9355
|
emptiable,
|
|
@@ -9125,7 +9362,7 @@ var InlineEditTextArea = ({
|
|
|
9125
9362
|
}) => {
|
|
9126
9363
|
const textareaRef = useRef25(null);
|
|
9127
9364
|
const combinedRef = useCombinedRef(ref, textareaRef);
|
|
9128
|
-
return /* @__PURE__ */
|
|
9365
|
+
return /* @__PURE__ */ jsx276(
|
|
9129
9366
|
InlineEditContextProvider,
|
|
9130
9367
|
{
|
|
9131
9368
|
onSetValue,
|
|
@@ -9135,14 +9372,14 @@ var InlineEditTextArea = ({
|
|
|
9135
9372
|
onFocus,
|
|
9136
9373
|
onChange,
|
|
9137
9374
|
onBlur,
|
|
9138
|
-
children: /* @__PURE__ */
|
|
9375
|
+
children: /* @__PURE__ */ jsx276(InlineField, { elementType: "textarea", ...rest, ref: combinedRef })
|
|
9139
9376
|
}
|
|
9140
9377
|
);
|
|
9141
9378
|
};
|
|
9142
9379
|
|
|
9143
9380
|
// src/components/InlineEdit/InlineEditInput/InlineEditInput.tsx
|
|
9144
9381
|
import { useRef as useRef26 } from "react";
|
|
9145
|
-
import { jsx as
|
|
9382
|
+
import { jsx as jsx277 } from "react/jsx-runtime";
|
|
9146
9383
|
var InlineEditInput = ({
|
|
9147
9384
|
onSetValue,
|
|
9148
9385
|
emptiable,
|
|
@@ -9155,7 +9392,7 @@ var InlineEditInput = ({
|
|
|
9155
9392
|
}) => {
|
|
9156
9393
|
const inputRef = useRef26(null);
|
|
9157
9394
|
const combinedRef = useCombinedRef(ref, inputRef);
|
|
9158
|
-
return /* @__PURE__ */
|
|
9395
|
+
return /* @__PURE__ */ jsx277(
|
|
9159
9396
|
InlineEditContextProvider,
|
|
9160
9397
|
{
|
|
9161
9398
|
onSetValue,
|
|
@@ -9165,14 +9402,14 @@ var InlineEditInput = ({
|
|
|
9165
9402
|
onFocus,
|
|
9166
9403
|
onChange,
|
|
9167
9404
|
onBlur,
|
|
9168
|
-
children: /* @__PURE__ */
|
|
9405
|
+
children: /* @__PURE__ */ jsx277(InlineField, { elementType: "input", ...rest, ref: combinedRef })
|
|
9169
9406
|
}
|
|
9170
9407
|
);
|
|
9171
9408
|
};
|
|
9172
9409
|
|
|
9173
9410
|
// src/components/InlineEdit/InlineEditSelect/InlineEditSelect.tsx
|
|
9174
9411
|
import { useRef as useRef27 } from "react";
|
|
9175
|
-
import { jsx as
|
|
9412
|
+
import { jsx as jsx278 } from "react/jsx-runtime";
|
|
9176
9413
|
var InlineEditSelect = ({
|
|
9177
9414
|
onSetValue,
|
|
9178
9415
|
emptiable,
|
|
@@ -9185,7 +9422,7 @@ var InlineEditSelect = ({
|
|
|
9185
9422
|
}) => {
|
|
9186
9423
|
const inputRef = useRef27(null);
|
|
9187
9424
|
const combinedRef = useCombinedRef(ref, inputRef);
|
|
9188
|
-
return /* @__PURE__ */
|
|
9425
|
+
return /* @__PURE__ */ jsx278(
|
|
9189
9426
|
InlineEditContextProvider,
|
|
9190
9427
|
{
|
|
9191
9428
|
onSetValue,
|
|
@@ -9195,7 +9432,7 @@ var InlineEditSelect = ({
|
|
|
9195
9432
|
onFocus,
|
|
9196
9433
|
onChange,
|
|
9197
9434
|
onBlur,
|
|
9198
|
-
children: /* @__PURE__ */
|
|
9435
|
+
children: /* @__PURE__ */ jsx278(InlineField, { elementType: "select", ...rest, ref: combinedRef })
|
|
9199
9436
|
}
|
|
9200
9437
|
);
|
|
9201
9438
|
};
|
|
@@ -9217,8 +9454,8 @@ var InternalHeader_default = {
|
|
|
9217
9454
|
};
|
|
9218
9455
|
|
|
9219
9456
|
// src/components/InternalHeader/NavigationItem.tsx
|
|
9220
|
-
import { jsx as
|
|
9221
|
-
var NavigationItem = ({ isCurrent, ...rest }) => /* @__PURE__ */
|
|
9457
|
+
import { jsx as jsx279 } from "react/jsx-runtime";
|
|
9458
|
+
var NavigationItem = ({ isCurrent, ...rest }) => /* @__PURE__ */ jsx279(
|
|
9222
9459
|
"a",
|
|
9223
9460
|
{
|
|
9224
9461
|
...rest,
|
|
@@ -9233,7 +9470,7 @@ var NavigationItem = ({ isCurrent, ...rest }) => /* @__PURE__ */ jsx277(
|
|
|
9233
9470
|
);
|
|
9234
9471
|
|
|
9235
9472
|
// src/components/InternalHeader/InternalHeader.tsx
|
|
9236
|
-
import { jsx as
|
|
9473
|
+
import { jsx as jsx280, jsxs as jsxs64 } from "react/jsx-runtime";
|
|
9237
9474
|
import { createElement as createElement2 } from "react";
|
|
9238
9475
|
var InternalHeader = (props) => {
|
|
9239
9476
|
const {
|
|
@@ -9263,7 +9500,7 @@ var InternalHeader = (props) => {
|
|
|
9263
9500
|
const hasContextMenuElements = !!contextMenuItems && contextMenuItems.length > 0;
|
|
9264
9501
|
const hasSmallScreenBreakpoint = !!smallScreenBreakpoint;
|
|
9265
9502
|
const hasNavInContextMenu = hasSmallScreenBreakpoint && hasNavigationElements;
|
|
9266
|
-
const navigation = hasNavigationElements ? /* @__PURE__ */
|
|
9503
|
+
const navigation = hasNavigationElements ? /* @__PURE__ */ jsx280("nav", { "aria-label": t(texts20.siteNavigation), children: /* @__PURE__ */ jsx280(
|
|
9267
9504
|
ShowHide,
|
|
9268
9505
|
{
|
|
9269
9506
|
as: StylelessList,
|
|
@@ -9272,7 +9509,7 @@ var InternalHeader = (props) => {
|
|
|
9272
9509
|
children: navItems.map((item, i) => {
|
|
9273
9510
|
const { href, ...rest2 } = item;
|
|
9274
9511
|
const isCurrent = href === currentPage;
|
|
9275
|
-
return /* @__PURE__ */
|
|
9512
|
+
return /* @__PURE__ */ jsx280("li", { className: InternalHeader_default["nav-list__item"], children: /* @__PURE__ */ jsx280(
|
|
9276
9513
|
NavigationItem,
|
|
9277
9514
|
{
|
|
9278
9515
|
href,
|
|
@@ -9286,7 +9523,7 @@ var InternalHeader = (props) => {
|
|
|
9286
9523
|
) }) : null;
|
|
9287
9524
|
const hasContextMenu = hasContextMenuElements || !!user || hasNavInContextMenu;
|
|
9288
9525
|
const hasContextMenuLargeScreen = hasContextMenuElements || !!user;
|
|
9289
|
-
return /* @__PURE__ */
|
|
9526
|
+
return /* @__PURE__ */ jsxs64(
|
|
9290
9527
|
Box,
|
|
9291
9528
|
{
|
|
9292
9529
|
display: "flex",
|
|
@@ -9304,7 +9541,7 @@ var InternalHeader = (props) => {
|
|
|
9304
9541
|
rest
|
|
9305
9542
|
),
|
|
9306
9543
|
children: [
|
|
9307
|
-
/* @__PURE__ */
|
|
9544
|
+
/* @__PURE__ */ jsx280(Typography, { typographyType: "headingSmall", bold: true, as: "span", children: applicationHref ? /* @__PURE__ */ jsx280(
|
|
9308
9545
|
"a",
|
|
9309
9546
|
{
|
|
9310
9547
|
href: applicationHref,
|
|
@@ -9313,42 +9550,42 @@ var InternalHeader = (props) => {
|
|
|
9313
9550
|
children: applicationName
|
|
9314
9551
|
}
|
|
9315
9552
|
) : applicationName }),
|
|
9316
|
-
/* @__PURE__ */
|
|
9317
|
-
(hasContextMenu || navigation !== null) && /* @__PURE__ */
|
|
9553
|
+
/* @__PURE__ */ jsx280(Typography, { typographyType: "bodyMedium", as: "span", children: applicationDesc }),
|
|
9554
|
+
(hasContextMenu || navigation !== null) && /* @__PURE__ */ jsx280("div", { className: InternalHeader_default["bar-separator"] }),
|
|
9318
9555
|
navigation,
|
|
9319
|
-
hasContextMenu && /* @__PURE__ */
|
|
9556
|
+
hasContextMenu && /* @__PURE__ */ jsx280(
|
|
9320
9557
|
ShowHide,
|
|
9321
9558
|
{
|
|
9322
9559
|
showBelow: !hasContextMenuLargeScreen && hasSmallScreenBreakpoint ? smallScreenBreakpoint : void 0,
|
|
9323
9560
|
className: cn(InternalHeader_default["context-menu-group"]),
|
|
9324
|
-
children: /* @__PURE__ */
|
|
9325
|
-
/* @__PURE__ */
|
|
9561
|
+
children: /* @__PURE__ */ jsxs64(OverflowMenuGroup, { children: [
|
|
9562
|
+
/* @__PURE__ */ jsx280(
|
|
9326
9563
|
Button,
|
|
9327
9564
|
{
|
|
9328
9565
|
icon: hasNavInContextMenu ? MenuIcon : MoreVerticalIcon,
|
|
9329
9566
|
purpose: "tertiary",
|
|
9330
|
-
"aria-label": t(
|
|
9567
|
+
"aria-label": t(texts20.openMenu)
|
|
9331
9568
|
}
|
|
9332
9569
|
),
|
|
9333
|
-
/* @__PURE__ */
|
|
9334
|
-
user && /* @__PURE__ */
|
|
9335
|
-
hasNavInContextMenu && /* @__PURE__ */
|
|
9570
|
+
/* @__PURE__ */ jsxs64(OverflowMenu, { className: InternalHeader_default["context-menu"], children: [
|
|
9571
|
+
user && /* @__PURE__ */ jsx280(OverflowMenuList, { children: user.href ? /* @__PURE__ */ jsx280(OverflowMenuLink, { icon: PersonIcon, ...user }) : /* @__PURE__ */ jsx280(OverflowMenuSpan, { icon: PersonIcon, ...user }) }),
|
|
9572
|
+
hasNavInContextMenu && /* @__PURE__ */ jsx280(
|
|
9336
9573
|
ShowHide,
|
|
9337
9574
|
{
|
|
9338
9575
|
as: "nav",
|
|
9339
|
-
"aria-label": t(
|
|
9576
|
+
"aria-label": t(texts20.siteNavigation),
|
|
9340
9577
|
showBelow: smallScreenBreakpoint,
|
|
9341
|
-
children: /* @__PURE__ */
|
|
9578
|
+
children: /* @__PURE__ */ jsx280(OverflowMenuList, { children: navItems.map((item, i) => /* @__PURE__ */ createElement2(OverflowMenuLink, { ...item, key: `nav-${i}` })) })
|
|
9342
9579
|
}
|
|
9343
9580
|
),
|
|
9344
|
-
hasNavInContextMenu && hasContextMenuElements && /* @__PURE__ */
|
|
9581
|
+
hasNavInContextMenu && hasContextMenuElements && /* @__PURE__ */ jsx280(
|
|
9345
9582
|
ShowHide,
|
|
9346
9583
|
{
|
|
9347
9584
|
as: OverflowMenuDivider,
|
|
9348
9585
|
showBelow: smallScreenBreakpoint
|
|
9349
9586
|
}
|
|
9350
9587
|
),
|
|
9351
|
-
hasContextMenuElements && /* @__PURE__ */
|
|
9588
|
+
hasContextMenuElements && /* @__PURE__ */ jsx280(OverflowMenuList, { children: contextMenuItems.map((item, i) => {
|
|
9352
9589
|
return item.href ? /* @__PURE__ */ createElement2(
|
|
9353
9590
|
OverflowMenuLink,
|
|
9354
9591
|
{
|
|
@@ -9372,18 +9609,20 @@ var InternalHeader = (props) => {
|
|
|
9372
9609
|
);
|
|
9373
9610
|
};
|
|
9374
9611
|
InternalHeader.displayName = "InternalHeader";
|
|
9375
|
-
var
|
|
9612
|
+
var texts20 = createTexts({
|
|
9376
9613
|
openMenu: {
|
|
9377
9614
|
nb: "\xC5pne meny",
|
|
9378
9615
|
no: "\xC5pne meny",
|
|
9379
9616
|
nn: "Opna meny",
|
|
9380
|
-
en: "Open menu"
|
|
9617
|
+
en: "Open menu",
|
|
9618
|
+
se: "Rabas f\xE1llu"
|
|
9381
9619
|
},
|
|
9382
9620
|
siteNavigation: {
|
|
9383
9621
|
nb: "Sidenavigasjon",
|
|
9384
9622
|
no: "Sidenavigasjon",
|
|
9385
9623
|
nn: "Sidenavigasjon",
|
|
9386
|
-
en: "Site navigation"
|
|
9624
|
+
en: "Site navigation",
|
|
9625
|
+
se: "Siidu navig\xE1\u0161uvdna"
|
|
9387
9626
|
}
|
|
9388
9627
|
});
|
|
9389
9628
|
|
|
@@ -9397,7 +9636,7 @@ var List_default = {
|
|
|
9397
9636
|
};
|
|
9398
9637
|
|
|
9399
9638
|
// src/components/List/List.tsx
|
|
9400
|
-
import { jsx as
|
|
9639
|
+
import { jsx as jsx281 } from "react/jsx-runtime";
|
|
9401
9640
|
var List = ({
|
|
9402
9641
|
listType = "unordered",
|
|
9403
9642
|
typographyType = "inherit",
|
|
@@ -9408,7 +9647,7 @@ var List = ({
|
|
|
9408
9647
|
...rest
|
|
9409
9648
|
}) => {
|
|
9410
9649
|
const List2 = listType === "ordered" ? "ol" : "ul";
|
|
9411
|
-
return /* @__PURE__ */
|
|
9650
|
+
return /* @__PURE__ */ jsx281(
|
|
9412
9651
|
List2,
|
|
9413
9652
|
{
|
|
9414
9653
|
...getBaseHTMLProps(id, className, htmlProps, rest),
|
|
@@ -9424,8 +9663,8 @@ var List = ({
|
|
|
9424
9663
|
List.displayName = "List";
|
|
9425
9664
|
|
|
9426
9665
|
// src/components/List/ListItem.tsx
|
|
9427
|
-
import { jsx as
|
|
9428
|
-
var ListItem = ({ className, ...rest }) => /* @__PURE__ */
|
|
9666
|
+
import { jsx as jsx282 } from "react/jsx-runtime";
|
|
9667
|
+
var ListItem = ({ className, ...rest }) => /* @__PURE__ */ jsx282("li", { ...rest, className: cn(className, List_default.li) });
|
|
9429
9668
|
ListItem.displayName = "ListItem";
|
|
9430
9669
|
|
|
9431
9670
|
// src/components/LocalMessage/LocalMessage.tsx
|
|
@@ -9450,7 +9689,7 @@ var LocalMessage_default = {
|
|
|
9450
9689
|
};
|
|
9451
9690
|
|
|
9452
9691
|
// src/components/LocalMessage/LocalMessage.tsx
|
|
9453
|
-
import { Fragment as Fragment9, jsx as
|
|
9692
|
+
import { Fragment as Fragment9, jsx as jsx283, jsxs as jsxs65 } from "react/jsx-runtime";
|
|
9454
9693
|
var icons2 = {
|
|
9455
9694
|
info: InfoIcon,
|
|
9456
9695
|
danger: ErrorIcon,
|
|
@@ -9474,9 +9713,9 @@ var LocalMessage = ({
|
|
|
9474
9713
|
const { t } = useTranslation();
|
|
9475
9714
|
const [isClosed, setClosed] = useState20(false);
|
|
9476
9715
|
if (isClosed) {
|
|
9477
|
-
return /* @__PURE__ */
|
|
9716
|
+
return /* @__PURE__ */ jsx283(Fragment9, {});
|
|
9478
9717
|
}
|
|
9479
|
-
return /* @__PURE__ */
|
|
9718
|
+
return /* @__PURE__ */ jsxs65(
|
|
9480
9719
|
Box,
|
|
9481
9720
|
{
|
|
9482
9721
|
...getBaseHTMLProps(
|
|
@@ -9497,15 +9736,15 @@ var LocalMessage = ({
|
|
|
9497
9736
|
padding: "x0.75 x0.75 x0.75 x0.5",
|
|
9498
9737
|
gap: "x0.5",
|
|
9499
9738
|
children: [
|
|
9500
|
-
/* @__PURE__ */
|
|
9739
|
+
/* @__PURE__ */ jsx283(
|
|
9501
9740
|
Icon,
|
|
9502
9741
|
{
|
|
9503
9742
|
icon: icons2[purpose],
|
|
9504
9743
|
className: cn(LocalMessage_default.icon, LocalMessage_default.container__icon)
|
|
9505
9744
|
}
|
|
9506
9745
|
),
|
|
9507
|
-
/* @__PURE__ */
|
|
9508
|
-
closable && /* @__PURE__ */
|
|
9746
|
+
/* @__PURE__ */ jsx283("div", { className: LocalMessage_default.container__text, children: children != null ? children : /* @__PURE__ */ jsx283("span", { children: message }) }),
|
|
9747
|
+
closable && /* @__PURE__ */ jsx283(
|
|
9509
9748
|
Button,
|
|
9510
9749
|
{
|
|
9511
9750
|
icon: CloseIcon,
|
|
@@ -9529,7 +9768,7 @@ LocalMessage.displayName = "LocalMessage";
|
|
|
9529
9768
|
import {
|
|
9530
9769
|
useContext as useContext17,
|
|
9531
9770
|
useEffect as useEffect24,
|
|
9532
|
-
useId as
|
|
9771
|
+
useId as useId19,
|
|
9533
9772
|
useRef as useRef28
|
|
9534
9773
|
} from "react";
|
|
9535
9774
|
import { createPortal as createPortal3 } from "react-dom";
|
|
@@ -9545,7 +9784,7 @@ var Modal_default = {
|
|
|
9545
9784
|
};
|
|
9546
9785
|
|
|
9547
9786
|
// src/components/Modal/Modal.tsx
|
|
9548
|
-
import { jsx as
|
|
9787
|
+
import { jsx as jsx284, jsxs as jsxs66 } from "react/jsx-runtime";
|
|
9549
9788
|
var Modal = ({
|
|
9550
9789
|
isOpen = false,
|
|
9551
9790
|
parentElement,
|
|
@@ -9561,7 +9800,7 @@ var Modal = ({
|
|
|
9561
9800
|
ref,
|
|
9562
9801
|
...rest
|
|
9563
9802
|
}) => {
|
|
9564
|
-
const generatedId =
|
|
9803
|
+
const generatedId = useId19();
|
|
9565
9804
|
const modalId = id != null ? id : `${generatedId}-modal`;
|
|
9566
9805
|
const headerId = `${modalId}-header`;
|
|
9567
9806
|
const modalRef = useFocusTrap(isOpen, initialFocusRef);
|
|
@@ -9596,14 +9835,14 @@ var Modal = ({
|
|
|
9596
9835
|
useOnKeyDown(["Escape", "Esc"], () => handleClose());
|
|
9597
9836
|
const hasTransitionedIn = useMountTransition(isOpen, 200);
|
|
9598
9837
|
return (isOpen || hasTransitionedIn) && portalTarget ? createPortal3(
|
|
9599
|
-
/* @__PURE__ */
|
|
9838
|
+
/* @__PURE__ */ jsx284(
|
|
9600
9839
|
Backdrop,
|
|
9601
9840
|
{
|
|
9602
9841
|
zIndex: "modal",
|
|
9603
9842
|
isMounted: isOpen && hasTransitionedIn,
|
|
9604
9843
|
ref: backdropRef,
|
|
9605
9844
|
onClick: onBackdropClick,
|
|
9606
|
-
children: /* @__PURE__ */
|
|
9845
|
+
children: /* @__PURE__ */ jsxs66(
|
|
9607
9846
|
Paper,
|
|
9608
9847
|
{
|
|
9609
9848
|
display: "flex",
|
|
@@ -9630,7 +9869,7 @@ var Modal = ({
|
|
|
9630
9869
|
id: modalId,
|
|
9631
9870
|
elevation: 4,
|
|
9632
9871
|
children: [
|
|
9633
|
-
/* @__PURE__ */
|
|
9872
|
+
/* @__PURE__ */ jsxs66(
|
|
9634
9873
|
HStack,
|
|
9635
9874
|
{
|
|
9636
9875
|
paddingBlock: "0 x0.75",
|
|
@@ -9640,8 +9879,8 @@ var Modal = ({
|
|
|
9640
9879
|
width: "100%",
|
|
9641
9880
|
className: Modal_default["header-container"],
|
|
9642
9881
|
children: [
|
|
9643
|
-
!!header && /* @__PURE__ */
|
|
9644
|
-
onClose && /* @__PURE__ */
|
|
9882
|
+
!!header && /* @__PURE__ */ jsx284("div", { id: headerId, children: typeof header === "string" ? /* @__PURE__ */ jsx284(Heading, { level: 2, typographyType: "headingLarge", children: header }) : header }),
|
|
9883
|
+
onClose && /* @__PURE__ */ jsx284(
|
|
9645
9884
|
Button,
|
|
9646
9885
|
{
|
|
9647
9886
|
size: "small",
|
|
@@ -9655,7 +9894,7 @@ var Modal = ({
|
|
|
9655
9894
|
]
|
|
9656
9895
|
}
|
|
9657
9896
|
),
|
|
9658
|
-
/* @__PURE__ */
|
|
9897
|
+
/* @__PURE__ */ jsx284(Box, { display: "grid", gap: "x1", children })
|
|
9659
9898
|
]
|
|
9660
9899
|
}
|
|
9661
9900
|
)
|
|
@@ -9667,7 +9906,7 @@ var Modal = ({
|
|
|
9667
9906
|
Modal.displayName = "Modal";
|
|
9668
9907
|
|
|
9669
9908
|
// src/components/Modal/ModalBody.tsx
|
|
9670
|
-
import { jsx as
|
|
9909
|
+
import { jsx as jsx285 } from "react/jsx-runtime";
|
|
9671
9910
|
var ModalBody = ({
|
|
9672
9911
|
children,
|
|
9673
9912
|
id,
|
|
@@ -9677,7 +9916,7 @@ var ModalBody = ({
|
|
|
9677
9916
|
height,
|
|
9678
9917
|
...rest
|
|
9679
9918
|
}) => {
|
|
9680
|
-
return /* @__PURE__ */
|
|
9919
|
+
return /* @__PURE__ */ jsx285(
|
|
9681
9920
|
"div",
|
|
9682
9921
|
{
|
|
9683
9922
|
...getBaseHTMLProps(
|
|
@@ -9699,8 +9938,8 @@ var ModalBody = ({
|
|
|
9699
9938
|
ModalBody.displayName = "ModalBody";
|
|
9700
9939
|
|
|
9701
9940
|
// src/components/Modal/ModalActions.tsx
|
|
9702
|
-
import { jsx as
|
|
9703
|
-
var ModalActions = (props) => /* @__PURE__ */
|
|
9941
|
+
import { jsx as jsx286 } from "react/jsx-runtime";
|
|
9942
|
+
var ModalActions = (props) => /* @__PURE__ */ jsx286(Box, { display: "flex", flexWrap: "wrap", gap: "x1", ...props });
|
|
9704
9943
|
ModalActions.displayName = "ModalActions";
|
|
9705
9944
|
|
|
9706
9945
|
// src/components/Pagination/Pagination.tsx
|
|
@@ -9752,7 +9991,7 @@ function PaginationGenerator(pagesAmount, activePage) {
|
|
|
9752
9991
|
import {
|
|
9753
9992
|
useCallback as useCallback7,
|
|
9754
9993
|
useContext as useContext18,
|
|
9755
|
-
useId as
|
|
9994
|
+
useId as useId20
|
|
9756
9995
|
} from "react";
|
|
9757
9996
|
import {
|
|
9758
9997
|
default as ReactSelect
|
|
@@ -9819,7 +10058,7 @@ var control = {
|
|
|
9819
10058
|
...optionTypography.medium
|
|
9820
10059
|
},
|
|
9821
10060
|
hasIcon: {
|
|
9822
|
-
paddingLeft: "calc(var(--dds-spacing-x0-75) + var(--dds-icon-size-medium) + var(--dds-spacing-
|
|
10061
|
+
paddingLeft: "calc(var(--dds-spacing-x0-75) + var(--dds-icon-size-medium) + var(--dds-spacing-md-icon-text-gap))"
|
|
9823
10062
|
}
|
|
9824
10063
|
},
|
|
9825
10064
|
small: {
|
|
@@ -9829,7 +10068,7 @@ var control = {
|
|
|
9829
10068
|
...optionTypography.small
|
|
9830
10069
|
},
|
|
9831
10070
|
hasIcon: {
|
|
9832
|
-
paddingLeft: "calc(var(--dds-spacing-x0-75) + var(--dds-icon-size-medium) + var(--dds-spacing-
|
|
10071
|
+
paddingLeft: "calc(var(--dds-spacing-x0-75) + var(--dds-icon-size-medium) + var(--dds-spacing-sm-icon-text-gap))"
|
|
9833
10072
|
}
|
|
9834
10073
|
},
|
|
9835
10074
|
xsmall: {
|
|
@@ -9839,7 +10078,7 @@ var control = {
|
|
|
9839
10078
|
...optionTypography.xsmall
|
|
9840
10079
|
},
|
|
9841
10080
|
hasIcon: {
|
|
9842
|
-
paddingLeft: "calc(var(--dds-spacing-x0-5) + var(--dds-icon-size-small) + var(--dds-spacing-
|
|
10081
|
+
paddingLeft: "calc(var(--dds-spacing-x0-5) + var(--dds-icon-size-small) + var(--dds-spacing-xs-icon-text-gap))"
|
|
9843
10082
|
}
|
|
9844
10083
|
}
|
|
9845
10084
|
};
|
|
@@ -10039,7 +10278,7 @@ import React from "react";
|
|
|
10039
10278
|
import {
|
|
10040
10279
|
components
|
|
10041
10280
|
} from "react-select";
|
|
10042
|
-
import { jsx as
|
|
10281
|
+
import { jsx as jsx287, jsxs as jsxs67 } from "react/jsx-runtime";
|
|
10043
10282
|
var {
|
|
10044
10283
|
Option,
|
|
10045
10284
|
NoOptionsMessage,
|
|
@@ -10062,30 +10301,30 @@ var getIndicatorIconSize = (componentSize) => {
|
|
|
10062
10301
|
};
|
|
10063
10302
|
var DDSOption = ({
|
|
10064
10303
|
...props
|
|
10065
|
-
}) => /* @__PURE__ */
|
|
10066
|
-
props.isSelected && /* @__PURE__ */
|
|
10304
|
+
}) => /* @__PURE__ */ jsxs67(Option, { ...props, children: [
|
|
10305
|
+
props.isSelected && /* @__PURE__ */ jsx287(Icon, { icon: CheckIcon, iconSize: "small" }),
|
|
10067
10306
|
props.children
|
|
10068
10307
|
] });
|
|
10069
|
-
var CustomOption = (props) => /* @__PURE__ */
|
|
10308
|
+
var CustomOption = (props) => /* @__PURE__ */ jsx287(Option, { ...props, children: React.createElement(props.customElement, props) });
|
|
10070
10309
|
var CustomSingleValue = ({
|
|
10071
10310
|
id,
|
|
10072
10311
|
Element,
|
|
10073
10312
|
...props
|
|
10074
|
-
}) => /* @__PURE__ */
|
|
10075
|
-
var DDSNoOptionsMessage = (props) => /* @__PURE__ */
|
|
10313
|
+
}) => /* @__PURE__ */ jsx287(SingleValue, { ...props, children: /* @__PURE__ */ jsx287("div", { id, className: Select_default["inner-single-value"], children: Element ? /* @__PURE__ */ jsx287(Element, { ...props }) : props.children }) });
|
|
10314
|
+
var DDSNoOptionsMessage = (props) => /* @__PURE__ */ jsx287(NoOptionsMessage, { ...props, children: "Ingen treff" });
|
|
10076
10315
|
var DDSClearIndicator = ({
|
|
10077
10316
|
size: size2,
|
|
10078
10317
|
...props
|
|
10079
|
-
}) => /* @__PURE__ */
|
|
10080
|
-
var DDSMultiValueRemove = (props) => /* @__PURE__ */
|
|
10318
|
+
}) => /* @__PURE__ */ jsx287(ClearIndicator, { ...props, children: /* @__PURE__ */ jsx287(Icon, { icon: CloseSmallIcon, iconSize: getIndicatorIconSize(size2) }) });
|
|
10319
|
+
var DDSMultiValueRemove = (props) => /* @__PURE__ */ jsx287(MultiValueRemove, { ...props, children: /* @__PURE__ */ jsx287(Icon, { icon: CloseSmallIcon, iconSize: "small" }) });
|
|
10081
10320
|
var DDSDropdownIndicator = (props) => {
|
|
10082
10321
|
const { className, componentSize, ...rest } = props;
|
|
10083
|
-
return /* @__PURE__ */
|
|
10322
|
+
return /* @__PURE__ */ jsx287(
|
|
10084
10323
|
DropdownIndicator,
|
|
10085
10324
|
{
|
|
10086
10325
|
...rest,
|
|
10087
10326
|
className: cn(className, Select_default["dropdown-indicator"]),
|
|
10088
|
-
children: /* @__PURE__ */
|
|
10327
|
+
children: /* @__PURE__ */ jsx287(
|
|
10089
10328
|
Icon,
|
|
10090
10329
|
{
|
|
10091
10330
|
icon: ChevronDownIcon,
|
|
@@ -10099,7 +10338,7 @@ var DDSInput = ({
|
|
|
10099
10338
|
ariaInvalid,
|
|
10100
10339
|
ariaDescribedby,
|
|
10101
10340
|
...props
|
|
10102
|
-
}) => /* @__PURE__ */
|
|
10341
|
+
}) => /* @__PURE__ */ jsx287(
|
|
10103
10342
|
Input2,
|
|
10104
10343
|
{
|
|
10105
10344
|
...props,
|
|
@@ -10118,7 +10357,7 @@ function DDSControl(props) {
|
|
|
10118
10357
|
innerProps,
|
|
10119
10358
|
...rest
|
|
10120
10359
|
} = props;
|
|
10121
|
-
return /* @__PURE__ */
|
|
10360
|
+
return /* @__PURE__ */ jsxs67(
|
|
10122
10361
|
Control,
|
|
10123
10362
|
{
|
|
10124
10363
|
...rest,
|
|
@@ -10133,13 +10372,13 @@ function DDSControl(props) {
|
|
|
10133
10372
|
readOnly && Select_default["control--readonly"]
|
|
10134
10373
|
),
|
|
10135
10374
|
children: [
|
|
10136
|
-
icon && /* @__PURE__ */
|
|
10375
|
+
icon && /* @__PURE__ */ jsx287(
|
|
10137
10376
|
Icon,
|
|
10138
10377
|
{
|
|
10139
10378
|
icon,
|
|
10140
10379
|
iconSize: getFormInputIconSize(componentSize),
|
|
10141
10380
|
className: cn(
|
|
10142
|
-
Input_default["input-group__absolute-
|
|
10381
|
+
Input_default["input-group__absolute-el"],
|
|
10143
10382
|
Select_default[`icon--${componentSize}`]
|
|
10144
10383
|
)
|
|
10145
10384
|
}
|
|
@@ -10151,7 +10390,7 @@ function DDSControl(props) {
|
|
|
10151
10390
|
}
|
|
10152
10391
|
|
|
10153
10392
|
// src/components/Select/Select.tsx
|
|
10154
|
-
import { jsx as
|
|
10393
|
+
import { jsx as jsx288, jsxs as jsxs68 } from "react/jsx-runtime";
|
|
10155
10394
|
function Select({
|
|
10156
10395
|
id,
|
|
10157
10396
|
label,
|
|
@@ -10188,7 +10427,7 @@ function Select({
|
|
|
10188
10427
|
throw new Error("Select must be used within a ThemeProvider");
|
|
10189
10428
|
}
|
|
10190
10429
|
const portalTarget = menuPortalTarget != null ? menuPortalTarget : themeContext == null ? void 0 : themeContext.el;
|
|
10191
|
-
const generatedId =
|
|
10430
|
+
const generatedId = useId20();
|
|
10192
10431
|
const uniqueId = id != null ? id : `${generatedId}-select`;
|
|
10193
10432
|
const singleValueId = !isMulti ? `${uniqueId}-singleValue` : void 0;
|
|
10194
10433
|
const hasErrorMessage = !!errorMessage;
|
|
@@ -10201,7 +10440,7 @@ function Select({
|
|
|
10201
10440
|
componentSize === "xsmall" && "var(--dds-input-default-width-xsmall)"
|
|
10202
10441
|
);
|
|
10203
10442
|
const customInput = useCallback7(
|
|
10204
|
-
(props) => /* @__PURE__ */
|
|
10443
|
+
(props) => /* @__PURE__ */ jsx288(
|
|
10205
10444
|
DDSInput,
|
|
10206
10445
|
{
|
|
10207
10446
|
...props,
|
|
@@ -10219,7 +10458,7 @@ function Select({
|
|
|
10219
10458
|
[]
|
|
10220
10459
|
);
|
|
10221
10460
|
const customSingleValue = useCallback7(
|
|
10222
|
-
(props) => /* @__PURE__ */
|
|
10461
|
+
(props) => /* @__PURE__ */ jsx288(
|
|
10223
10462
|
CustomSingleValue,
|
|
10224
10463
|
{
|
|
10225
10464
|
...props,
|
|
@@ -10230,15 +10469,15 @@ function Select({
|
|
|
10230
10469
|
[]
|
|
10231
10470
|
);
|
|
10232
10471
|
const customClearIndicator = useCallback7(
|
|
10233
|
-
(props) => /* @__PURE__ */
|
|
10472
|
+
(props) => /* @__PURE__ */ jsx288(DDSClearIndicator, { ...props, size: componentSize }),
|
|
10234
10473
|
[componentSize]
|
|
10235
10474
|
);
|
|
10236
10475
|
const customDropdownIndicator = useCallback7(
|
|
10237
|
-
(props) => /* @__PURE__ */
|
|
10476
|
+
(props) => /* @__PURE__ */ jsx288(DDSDropdownIndicator, { ...props, componentSize }),
|
|
10238
10477
|
[componentSize]
|
|
10239
10478
|
);
|
|
10240
10479
|
const customControl = useCallback7(
|
|
10241
|
-
(props) => /* @__PURE__ */
|
|
10480
|
+
(props) => /* @__PURE__ */ jsx288(
|
|
10242
10481
|
DDSControl,
|
|
10243
10482
|
{
|
|
10244
10483
|
...props,
|
|
@@ -10253,9 +10492,9 @@ function Select({
|
|
|
10253
10492
|
const customOptionComponent = useCallback7(
|
|
10254
10493
|
(props) => {
|
|
10255
10494
|
if (customOptionElement) {
|
|
10256
|
-
return /* @__PURE__ */
|
|
10495
|
+
return /* @__PURE__ */ jsx288(CustomOption, { ...props, customElement: customOptionElement });
|
|
10257
10496
|
} else {
|
|
10258
|
-
return /* @__PURE__ */
|
|
10497
|
+
return /* @__PURE__ */ jsx288(DDSOption, { ...props });
|
|
10259
10498
|
}
|
|
10260
10499
|
},
|
|
10261
10500
|
[customOptionElement, componentSize]
|
|
@@ -10269,7 +10508,7 @@ function Select({
|
|
|
10269
10508
|
placeholder: placeholder ? placeholder : "",
|
|
10270
10509
|
closeMenuOnSelect: closeMenuOnSelect ? closeMenuOnSelect : isMulti ? false : true,
|
|
10271
10510
|
isMulti,
|
|
10272
|
-
instanceId: instanceId != null ? instanceId :
|
|
10511
|
+
instanceId: instanceId != null ? instanceId : useId20(),
|
|
10273
10512
|
inputId: uniqueId,
|
|
10274
10513
|
name: uniqueId,
|
|
10275
10514
|
menuPortalTarget: portalTarget,
|
|
@@ -10299,7 +10538,7 @@ function Select({
|
|
|
10299
10538
|
openMenuOnClick: readOnly ? false : openMenuOnClick ? openMenuOnClick : void 0,
|
|
10300
10539
|
...rest
|
|
10301
10540
|
};
|
|
10302
|
-
return /* @__PURE__ */
|
|
10541
|
+
return /* @__PURE__ */ jsxs68(
|
|
10303
10542
|
Box,
|
|
10304
10543
|
{
|
|
10305
10544
|
width: inputWidth,
|
|
@@ -10319,8 +10558,8 @@ function Select({
|
|
|
10319
10558
|
readOnly,
|
|
10320
10559
|
afterLabelContent
|
|
10321
10560
|
}),
|
|
10322
|
-
/* @__PURE__ */
|
|
10323
|
-
renderInputMessage(tip, tipId, errorMessage, errorMessageId)
|
|
10561
|
+
/* @__PURE__ */ jsx288(ReactSelect, { ...reactSelectProps, ref }),
|
|
10562
|
+
renderInputMessage({ tip, tipId, errorMessage, errorMessageId })
|
|
10324
10563
|
]
|
|
10325
10564
|
}
|
|
10326
10565
|
);
|
|
@@ -10328,7 +10567,7 @@ function Select({
|
|
|
10328
10567
|
Select.displayName = "Select";
|
|
10329
10568
|
|
|
10330
10569
|
// src/components/Select/NativeSelect/NativeSelect.tsx
|
|
10331
|
-
import { useEffect as useEffect25, useId as
|
|
10570
|
+
import { useEffect as useEffect25, useId as useId21, useRef as useRef29, useState as useState21 } from "react";
|
|
10332
10571
|
|
|
10333
10572
|
// src/components/Select/NativeSelect/NativeSelect.module.css
|
|
10334
10573
|
var NativeSelect_default = {
|
|
@@ -10346,7 +10585,7 @@ var NativeSelect_default = {
|
|
|
10346
10585
|
};
|
|
10347
10586
|
|
|
10348
10587
|
// src/components/Select/NativeSelect/NativeSelect.tsx
|
|
10349
|
-
import { jsx as
|
|
10588
|
+
import { jsx as jsx289, jsxs as jsxs69 } from "react/jsx-runtime";
|
|
10350
10589
|
var NativeSelect = ({
|
|
10351
10590
|
ref,
|
|
10352
10591
|
id,
|
|
@@ -10368,6 +10607,7 @@ var NativeSelect = ({
|
|
|
10368
10607
|
clearable,
|
|
10369
10608
|
afterLabelContent,
|
|
10370
10609
|
onChange,
|
|
10610
|
+
icon,
|
|
10371
10611
|
...rest
|
|
10372
10612
|
}) => {
|
|
10373
10613
|
const { t } = useTranslation();
|
|
@@ -10391,7 +10631,7 @@ var NativeSelect = ({
|
|
|
10391
10631
|
}
|
|
10392
10632
|
}
|
|
10393
10633
|
}, [clearable]);
|
|
10394
|
-
const generatedId =
|
|
10634
|
+
const generatedId = useId21();
|
|
10395
10635
|
const uniqueId = id != null ? id : `${generatedId}-native-select`;
|
|
10396
10636
|
const hasErrorMessage = !!errorMessage;
|
|
10397
10637
|
const hasTip = !!tip;
|
|
@@ -10413,7 +10653,8 @@ var NativeSelect = ({
|
|
|
10413
10653
|
};
|
|
10414
10654
|
const iconSize = componentSize === "medium" ? "medium" : "small";
|
|
10415
10655
|
const showClearButton = clearable && hasValue && !readOnly && !rest.disabled;
|
|
10416
|
-
|
|
10656
|
+
const hasIcon = !!icon;
|
|
10657
|
+
return /* @__PURE__ */ jsxs69("div", { className, style, children: [
|
|
10417
10658
|
renderLabel({
|
|
10418
10659
|
label,
|
|
10419
10660
|
htmlFor: uniqueId,
|
|
@@ -10421,8 +10662,19 @@ var NativeSelect = ({
|
|
|
10421
10662
|
readOnly,
|
|
10422
10663
|
afterLabelContent
|
|
10423
10664
|
}),
|
|
10424
|
-
/* @__PURE__ */
|
|
10425
|
-
/* @__PURE__ */
|
|
10665
|
+
/* @__PURE__ */ jsxs69(Box, { position: "relative", width: inputWidth, children: [
|
|
10666
|
+
hasIcon && /* @__PURE__ */ jsx289(
|
|
10667
|
+
Icon,
|
|
10668
|
+
{
|
|
10669
|
+
icon,
|
|
10670
|
+
className: cn(
|
|
10671
|
+
Input_default["input-group__absolute-el"],
|
|
10672
|
+
Input_default[`input-group__absolute-el--${componentSize}`]
|
|
10673
|
+
),
|
|
10674
|
+
iconSize: getFormInputIconSize(componentSize)
|
|
10675
|
+
}
|
|
10676
|
+
),
|
|
10677
|
+
/* @__PURE__ */ jsx289(
|
|
10426
10678
|
"select",
|
|
10427
10679
|
{
|
|
10428
10680
|
ref: useCombinedRef(ref, selectRef),
|
|
@@ -10433,6 +10685,7 @@ var NativeSelect = ({
|
|
|
10433
10685
|
readOnly && NativeSelect_default["select--readonly"],
|
|
10434
10686
|
Input_default.input,
|
|
10435
10687
|
Input_default[`input--${componentSize}`],
|
|
10688
|
+
hasIcon && Input_default[`input-with-icon--${componentSize}`],
|
|
10436
10689
|
NativeSelect_default[`select--${componentSize}`],
|
|
10437
10690
|
scrollbar,
|
|
10438
10691
|
focusable,
|
|
@@ -10456,7 +10709,7 @@ var NativeSelect = ({
|
|
|
10456
10709
|
children
|
|
10457
10710
|
}
|
|
10458
10711
|
),
|
|
10459
|
-
showClearButton && /* @__PURE__ */
|
|
10712
|
+
showClearButton && /* @__PURE__ */ jsx289(
|
|
10460
10713
|
ClearButton,
|
|
10461
10714
|
{
|
|
10462
10715
|
"aria-label": t(commonTexts.clearSelect),
|
|
@@ -10465,7 +10718,7 @@ var NativeSelect = ({
|
|
|
10465
10718
|
className: NativeSelect_default[`clear-button--${iconSize}`]
|
|
10466
10719
|
}
|
|
10467
10720
|
),
|
|
10468
|
-
!multiple && /* @__PURE__ */
|
|
10721
|
+
!multiple && /* @__PURE__ */ jsx289(
|
|
10469
10722
|
Icon,
|
|
10470
10723
|
{
|
|
10471
10724
|
icon: ChevronDownIcon,
|
|
@@ -10474,21 +10727,21 @@ var NativeSelect = ({
|
|
|
10474
10727
|
}
|
|
10475
10728
|
)
|
|
10476
10729
|
] }),
|
|
10477
|
-
renderInputMessage(tip, tipId, errorMessage, errorMessageId)
|
|
10730
|
+
renderInputMessage({ tip, tipId, errorMessage, errorMessageId })
|
|
10478
10731
|
] });
|
|
10479
10732
|
};
|
|
10480
10733
|
var NativeSelectPlaceholder = ({
|
|
10481
10734
|
children = "-- Velg fra listen --",
|
|
10482
10735
|
value,
|
|
10483
10736
|
...rest
|
|
10484
|
-
}) => /* @__PURE__ */
|
|
10737
|
+
}) => /* @__PURE__ */ jsx289("option", { value: value != null ? value : "", selected: true, ...rest, children });
|
|
10485
10738
|
NativeSelectPlaceholder.displayName = "NativeSelectPlaceholder";
|
|
10486
10739
|
|
|
10487
10740
|
// src/components/Select/utils.ts
|
|
10488
10741
|
var createSelectOptions = (...args) => args.map((v) => ({ label: v, value: v }));
|
|
10489
10742
|
|
|
10490
10743
|
// src/components/Pagination/Pagination.tsx
|
|
10491
|
-
import { jsx as
|
|
10744
|
+
import { jsx as jsx290, jsxs as jsxs70 } from "react/jsx-runtime";
|
|
10492
10745
|
var Pagination = ({
|
|
10493
10746
|
itemsAmount,
|
|
10494
10747
|
defaultItemsPerPage = 10,
|
|
@@ -10497,12 +10750,7 @@ var Pagination = ({
|
|
|
10497
10750
|
withPagination = true,
|
|
10498
10751
|
withCounter,
|
|
10499
10752
|
withSelect,
|
|
10500
|
-
selectOptions
|
|
10501
|
-
{ label: "10", value: 10 },
|
|
10502
|
-
{ label: "25", value: 25 },
|
|
10503
|
-
{ label: "50", value: 50 },
|
|
10504
|
-
{ label: "Alle", value: itemsAmount }
|
|
10505
|
-
],
|
|
10753
|
+
selectOptions,
|
|
10506
10754
|
smallScreenBreakpoint,
|
|
10507
10755
|
onChange,
|
|
10508
10756
|
onSelectOptionChange,
|
|
@@ -10513,7 +10761,13 @@ var Pagination = ({
|
|
|
10513
10761
|
...rest
|
|
10514
10762
|
}) => {
|
|
10515
10763
|
const { t } = useTranslation();
|
|
10516
|
-
|
|
10764
|
+
const tSelectOptions = selectOptions && selectOptions.length > 0 ? selectOptions : [
|
|
10765
|
+
{ label: "10", value: 10 },
|
|
10766
|
+
{ label: "25", value: 25 },
|
|
10767
|
+
{ label: "50", value: 50 },
|
|
10768
|
+
{ label: t(texts21.all), value: itemsAmount }
|
|
10769
|
+
];
|
|
10770
|
+
if (withSelect && !tSelectOptions.some((o) => o.value === defaultItemsPerPage)) {
|
|
10517
10771
|
console.warn(
|
|
10518
10772
|
`[Pagination] defaultItemsPerPage prop value (${defaultItemsPerPage}) is not included in customOptions prop. Please add it to ensure it appears in the dropdown.`
|
|
10519
10773
|
);
|
|
@@ -10541,7 +10795,7 @@ var Pagination = ({
|
|
|
10541
10795
|
};
|
|
10542
10796
|
const listItems = items.length > 0 ? items.map((item, i) => {
|
|
10543
10797
|
const isActive = item === activePage;
|
|
10544
|
-
return /* @__PURE__ */
|
|
10798
|
+
return /* @__PURE__ */ jsx290("li", { className: Pagination_default.list__item, children: item !== "truncator" && typeof item === "number" ? /* @__PURE__ */ jsx290(
|
|
10545
10799
|
Button,
|
|
10546
10800
|
{
|
|
10547
10801
|
purpose: isActive ? "primary" : "secondary",
|
|
@@ -10549,10 +10803,10 @@ var Pagination = ({
|
|
|
10549
10803
|
onClick: (event) => {
|
|
10550
10804
|
onPageChange(event, item);
|
|
10551
10805
|
},
|
|
10552
|
-
"aria-label": isActive ? t(
|
|
10806
|
+
"aria-label": isActive ? t(texts21.currentPage(item)) : t(texts21.page(item)),
|
|
10553
10807
|
children: item
|
|
10554
10808
|
}
|
|
10555
|
-
) : /* @__PURE__ */
|
|
10809
|
+
) : /* @__PURE__ */ jsx290(
|
|
10556
10810
|
Icon,
|
|
10557
10811
|
{
|
|
10558
10812
|
icon: MoreHorizontalIcon,
|
|
@@ -10560,7 +10814,7 @@ var Pagination = ({
|
|
|
10560
10814
|
}
|
|
10561
10815
|
) }, `pagination-item-${i}`);
|
|
10562
10816
|
}) : void 0;
|
|
10563
|
-
const previousPageButton = /* @__PURE__ */
|
|
10817
|
+
const previousPageButton = /* @__PURE__ */ jsx290(
|
|
10564
10818
|
Button,
|
|
10565
10819
|
{
|
|
10566
10820
|
purpose: "secondary",
|
|
@@ -10569,10 +10823,10 @@ var Pagination = ({
|
|
|
10569
10823
|
onClick: (event) => {
|
|
10570
10824
|
onPageChange(event, activePage - 1);
|
|
10571
10825
|
},
|
|
10572
|
-
"aria-label": t(
|
|
10826
|
+
"aria-label": t(texts21.previousPage)
|
|
10573
10827
|
}
|
|
10574
10828
|
);
|
|
10575
|
-
const nextPageButton = /* @__PURE__ */
|
|
10829
|
+
const nextPageButton = /* @__PURE__ */ jsx290(
|
|
10576
10830
|
Button,
|
|
10577
10831
|
{
|
|
10578
10832
|
purpose: "secondary",
|
|
@@ -10581,31 +10835,31 @@ var Pagination = ({
|
|
|
10581
10835
|
onClick: (event) => {
|
|
10582
10836
|
onPageChange(event, activePage + 1);
|
|
10583
10837
|
},
|
|
10584
|
-
"aria-label": t(
|
|
10838
|
+
"aria-label": t(texts21.nextPage)
|
|
10585
10839
|
}
|
|
10586
10840
|
);
|
|
10587
10841
|
const isOnFirstPage = activePage === 1;
|
|
10588
10842
|
const isOnLastPage = activePage === pagesLength;
|
|
10589
|
-
const navigation = withPagination ? /* @__PURE__ */
|
|
10843
|
+
const navigation = withPagination ? /* @__PURE__ */ jsxs70(
|
|
10590
10844
|
Box,
|
|
10591
10845
|
{
|
|
10592
10846
|
as: "nav",
|
|
10593
10847
|
ref,
|
|
10594
|
-
"aria-label": t(
|
|
10848
|
+
"aria-label": t(texts21.pagination),
|
|
10595
10849
|
display: "flex",
|
|
10596
10850
|
alignItems: "center",
|
|
10597
10851
|
...!withSelect && !withCounter && {
|
|
10598
10852
|
...getBaseHTMLProps(id, className, htmlProps, rest)
|
|
10599
10853
|
},
|
|
10600
10854
|
children: [
|
|
10601
|
-
/* @__PURE__ */
|
|
10855
|
+
/* @__PURE__ */ jsxs70(
|
|
10602
10856
|
ShowHide,
|
|
10603
10857
|
{
|
|
10604
10858
|
as: "ol",
|
|
10605
10859
|
hideBelow: smallScreenBreakpoint,
|
|
10606
10860
|
className: Pagination_default.list,
|
|
10607
10861
|
children: [
|
|
10608
|
-
/* @__PURE__ */
|
|
10862
|
+
/* @__PURE__ */ jsx290(
|
|
10609
10863
|
"li",
|
|
10610
10864
|
{
|
|
10611
10865
|
className: cn(
|
|
@@ -10617,7 +10871,7 @@ var Pagination = ({
|
|
|
10617
10871
|
}
|
|
10618
10872
|
),
|
|
10619
10873
|
listItems,
|
|
10620
|
-
/* @__PURE__ */
|
|
10874
|
+
/* @__PURE__ */ jsx290(
|
|
10621
10875
|
"li",
|
|
10622
10876
|
{
|
|
10623
10877
|
className: cn(
|
|
@@ -10631,14 +10885,14 @@ var Pagination = ({
|
|
|
10631
10885
|
]
|
|
10632
10886
|
}
|
|
10633
10887
|
),
|
|
10634
|
-
!!smallScreenBreakpoint && /* @__PURE__ */
|
|
10888
|
+
!!smallScreenBreakpoint && /* @__PURE__ */ jsxs70(
|
|
10635
10889
|
ShowHide,
|
|
10636
10890
|
{
|
|
10637
10891
|
as: "ol",
|
|
10638
10892
|
showBelow: smallScreenBreakpoint,
|
|
10639
10893
|
className: Pagination_default.list,
|
|
10640
10894
|
children: [
|
|
10641
|
-
/* @__PURE__ */
|
|
10895
|
+
/* @__PURE__ */ jsx290(
|
|
10642
10896
|
"li",
|
|
10643
10897
|
{
|
|
10644
10898
|
className: cn(
|
|
@@ -10646,7 +10900,7 @@ var Pagination = ({
|
|
|
10646
10900
|
isOnFirstPage && Pagination_default["list__item--hidden"]
|
|
10647
10901
|
),
|
|
10648
10902
|
"aria-hidden": isOnFirstPage,
|
|
10649
|
-
children: /* @__PURE__ */
|
|
10903
|
+
children: /* @__PURE__ */ jsx290(
|
|
10650
10904
|
Button,
|
|
10651
10905
|
{
|
|
10652
10906
|
purpose: "secondary",
|
|
@@ -10655,12 +10909,12 @@ var Pagination = ({
|
|
|
10655
10909
|
onClick: (event) => {
|
|
10656
10910
|
onPageChange(event, 1);
|
|
10657
10911
|
},
|
|
10658
|
-
"aria-label": t(
|
|
10912
|
+
"aria-label": t(texts21.firstPage)
|
|
10659
10913
|
}
|
|
10660
10914
|
)
|
|
10661
10915
|
}
|
|
10662
10916
|
),
|
|
10663
|
-
/* @__PURE__ */
|
|
10917
|
+
/* @__PURE__ */ jsx290(
|
|
10664
10918
|
"li",
|
|
10665
10919
|
{
|
|
10666
10920
|
className: cn(
|
|
@@ -10671,7 +10925,7 @@ var Pagination = ({
|
|
|
10671
10925
|
children: previousPageButton
|
|
10672
10926
|
}
|
|
10673
10927
|
),
|
|
10674
|
-
/* @__PURE__ */
|
|
10928
|
+
/* @__PURE__ */ jsx290("li", { className: Pagination_default.list__item, children: /* @__PURE__ */ jsx290(
|
|
10675
10929
|
Button,
|
|
10676
10930
|
{
|
|
10677
10931
|
size: "small",
|
|
@@ -10681,7 +10935,7 @@ var Pagination = ({
|
|
|
10681
10935
|
children: activePage
|
|
10682
10936
|
}
|
|
10683
10937
|
) }),
|
|
10684
|
-
/* @__PURE__ */
|
|
10938
|
+
/* @__PURE__ */ jsx290(
|
|
10685
10939
|
"li",
|
|
10686
10940
|
{
|
|
10687
10941
|
className: cn(
|
|
@@ -10692,7 +10946,7 @@ var Pagination = ({
|
|
|
10692
10946
|
children: nextPageButton
|
|
10693
10947
|
}
|
|
10694
10948
|
),
|
|
10695
|
-
/* @__PURE__ */
|
|
10949
|
+
/* @__PURE__ */ jsx290(
|
|
10696
10950
|
"li",
|
|
10697
10951
|
{
|
|
10698
10952
|
className: cn(
|
|
@@ -10700,7 +10954,7 @@ var Pagination = ({
|
|
|
10700
10954
|
isOnLastPage && Pagination_default["list__item--hidden"]
|
|
10701
10955
|
),
|
|
10702
10956
|
"aria-hidden": isOnLastPage,
|
|
10703
|
-
children: /* @__PURE__ */
|
|
10957
|
+
children: /* @__PURE__ */ jsx290(
|
|
10704
10958
|
Button,
|
|
10705
10959
|
{
|
|
10706
10960
|
purpose: "secondary",
|
|
@@ -10709,7 +10963,7 @@ var Pagination = ({
|
|
|
10709
10963
|
onClick: (event) => {
|
|
10710
10964
|
onPageChange(event, pagesLength);
|
|
10711
10965
|
},
|
|
10712
|
-
"aria-label": t(
|
|
10966
|
+
"aria-label": t(texts21.lastPage)
|
|
10713
10967
|
}
|
|
10714
10968
|
)
|
|
10715
10969
|
}
|
|
@@ -10722,7 +10976,7 @@ var Pagination = ({
|
|
|
10722
10976
|
) : null;
|
|
10723
10977
|
const activePageFirstItem = activePage === 1 ? 1 : activePage * itemsPerPage - itemsPerPage + 1;
|
|
10724
10978
|
const activePageLastItem = activePage === pagesLength ? itemsAmount : activePage * itemsPerPage;
|
|
10725
|
-
return !withCounter && !withSelect ? navigation : /* @__PURE__ */
|
|
10979
|
+
return !withCounter && !withSelect ? navigation : /* @__PURE__ */ jsxs70(
|
|
10726
10980
|
Box,
|
|
10727
10981
|
{
|
|
10728
10982
|
display: "flex",
|
|
@@ -10733,11 +10987,11 @@ var Pagination = ({
|
|
|
10733
10987
|
alignItems: styleUpToBreakpoint("center", smallScreenBreakpoint),
|
|
10734
10988
|
...getBaseHTMLProps(id, className, htmlProps, rest),
|
|
10735
10989
|
children: [
|
|
10736
|
-
/* @__PURE__ */
|
|
10737
|
-
withSelect && /* @__PURE__ */
|
|
10990
|
+
/* @__PURE__ */ jsxs70("div", { className: Pagination_default.indicators, children: [
|
|
10991
|
+
withSelect && /* @__PURE__ */ jsx290(
|
|
10738
10992
|
Select,
|
|
10739
10993
|
{
|
|
10740
|
-
options:
|
|
10994
|
+
options: tSelectOptions,
|
|
10741
10995
|
isSearchable: false,
|
|
10742
10996
|
width: "90px",
|
|
10743
10997
|
defaultValue: {
|
|
@@ -10747,11 +11001,11 @@ var Pagination = ({
|
|
|
10747
11001
|
isClearable: false,
|
|
10748
11002
|
onChange: handleSelectChange,
|
|
10749
11003
|
componentSize: "small",
|
|
10750
|
-
"aria-label": t(
|
|
11004
|
+
"aria-label": t(texts21.itemsPerPage)
|
|
10751
11005
|
}
|
|
10752
11006
|
),
|
|
10753
|
-
withCounter && /* @__PURE__ */
|
|
10754
|
-
|
|
11007
|
+
withCounter && /* @__PURE__ */ jsx290(Paragraph, { children: t(
|
|
11008
|
+
texts21.showsAmountOfTotalItems(
|
|
10755
11009
|
activePageFirstItem,
|
|
10756
11010
|
activePageLastItem,
|
|
10757
11011
|
itemsAmount
|
|
@@ -10764,67 +11018,83 @@ var Pagination = ({
|
|
|
10764
11018
|
);
|
|
10765
11019
|
};
|
|
10766
11020
|
Pagination.displayName = "Pagination";
|
|
10767
|
-
var
|
|
11021
|
+
var texts21 = createTexts({
|
|
10768
11022
|
pagination: {
|
|
10769
11023
|
nb: "Paginering",
|
|
10770
11024
|
no: "Paginering",
|
|
10771
11025
|
nn: "Paginering",
|
|
10772
|
-
en: "Pagination"
|
|
11026
|
+
en: "Pagination",
|
|
11027
|
+
se: "Pagineren"
|
|
10773
11028
|
},
|
|
10774
11029
|
itemsPerPage: {
|
|
10775
11030
|
nb: "Elementer per side",
|
|
10776
11031
|
no: "Elementer per side",
|
|
10777
11032
|
nn: "Element per side",
|
|
10778
|
-
en: "Items per page"
|
|
11033
|
+
en: "Items per page",
|
|
11034
|
+
se: "Elementat juohki siidui"
|
|
10779
11035
|
},
|
|
10780
11036
|
nextPage: {
|
|
10781
11037
|
nb: "Neste side",
|
|
10782
11038
|
no: "Neste side",
|
|
10783
11039
|
nn: "Neste side",
|
|
10784
|
-
en: "Next page"
|
|
11040
|
+
en: "Next page",
|
|
11041
|
+
se: "Boahte siidu"
|
|
10785
11042
|
},
|
|
10786
11043
|
previousPage: {
|
|
10787
11044
|
nb: "Forrige side",
|
|
10788
11045
|
no: "Forrige side",
|
|
10789
11046
|
nn: "F\xF8rre side",
|
|
10790
|
-
en: "Previous page"
|
|
11047
|
+
en: "Previous page",
|
|
11048
|
+
se: "Ovddit siidu"
|
|
10791
11049
|
},
|
|
10792
11050
|
firstPage: {
|
|
10793
11051
|
nb: "F\xF8rste side",
|
|
10794
11052
|
no: "F\xF8rste side",
|
|
10795
11053
|
nn: "Fyrste side",
|
|
10796
|
-
en: "First page"
|
|
11054
|
+
en: "First page",
|
|
11055
|
+
se: "Vustta\u0161 siidu"
|
|
10797
11056
|
},
|
|
10798
11057
|
lastPage: {
|
|
10799
11058
|
nb: "Siste side",
|
|
10800
11059
|
no: "Siste side",
|
|
10801
11060
|
nn: "Siste side",
|
|
10802
|
-
en: "Last page"
|
|
11061
|
+
en: "Last page",
|
|
11062
|
+
se: "Ma\u014Bimu\u0161 siidu"
|
|
10803
11063
|
},
|
|
10804
11064
|
currentPage: (page) => ({
|
|
10805
11065
|
nb: `N\xE5v\xE6rende side (${page})`,
|
|
10806
11066
|
no: `N\xE5v\xE6rende side (${page})`,
|
|
10807
11067
|
nn: `Noverande side (${page})`,
|
|
10808
|
-
en: `Current page (${page})
|
|
11068
|
+
en: `Current page (${page})`,
|
|
11069
|
+
se: `D\xE1la siidu (${page})`
|
|
10809
11070
|
}),
|
|
10810
11071
|
page: (page) => ({
|
|
10811
11072
|
nb: `Side ${page}`,
|
|
10812
11073
|
no: `Side ${page}`,
|
|
10813
11074
|
nn: `Side ${page}`,
|
|
10814
|
-
en: `Page ${page}
|
|
11075
|
+
en: `Page ${page}`,
|
|
11076
|
+
se: `Siidu ${page}`
|
|
10815
11077
|
}),
|
|
10816
11078
|
showsAmountOfTotalItems: (first, last, total) => ({
|
|
10817
11079
|
nb: `Viser ${first}-${last} av ${total}`,
|
|
10818
11080
|
no: `Viser ${first}-${last} av ${total}`,
|
|
10819
11081
|
nn: `Viser ${first}-${last} av ${total}`,
|
|
10820
|
-
en: `Shows ${first}-${last} of ${total}
|
|
10821
|
-
|
|
11082
|
+
en: `Shows ${first}-${last} of ${total}`,
|
|
11083
|
+
se: `\u010C\xE1jeha ${first}-${last} ${total} gaskkas`
|
|
11084
|
+
}),
|
|
11085
|
+
all: {
|
|
11086
|
+
nb: "Alle",
|
|
11087
|
+
no: "Alle",
|
|
11088
|
+
nn: "Alle",
|
|
11089
|
+
en: "All",
|
|
11090
|
+
se: "Buot"
|
|
11091
|
+
}
|
|
10822
11092
|
});
|
|
10823
11093
|
|
|
10824
11094
|
// src/components/PhoneInput/PhoneInput.tsx
|
|
10825
11095
|
import {
|
|
10826
11096
|
useEffect as useEffect26,
|
|
10827
|
-
useId as
|
|
11097
|
+
useId as useId22,
|
|
10828
11098
|
useLayoutEffect as useLayoutEffect2,
|
|
10829
11099
|
useRef as useRef30,
|
|
10830
11100
|
useState as useState23
|
|
@@ -11228,7 +11498,7 @@ var PhoneInput_default = {
|
|
|
11228
11498
|
};
|
|
11229
11499
|
|
|
11230
11500
|
// src/components/PhoneInput/PhoneInput.tsx
|
|
11231
|
-
import { jsx as
|
|
11501
|
+
import { jsx as jsx291, jsxs as jsxs71 } from "react/jsx-runtime";
|
|
11232
11502
|
var prioritizedCountries = [
|
|
11233
11503
|
COUNTRIES.NO,
|
|
11234
11504
|
COUNTRIES.SE,
|
|
@@ -11275,22 +11545,22 @@ var PhoneInput = ({
|
|
|
11275
11545
|
className,
|
|
11276
11546
|
style,
|
|
11277
11547
|
value,
|
|
11278
|
-
selectLabel
|
|
11548
|
+
selectLabel,
|
|
11279
11549
|
selectRef,
|
|
11280
11550
|
onChange,
|
|
11281
11551
|
defaultValue,
|
|
11282
11552
|
"aria-required": ariaRequired,
|
|
11283
11553
|
"aria-describedby": ariaDescribedby,
|
|
11284
|
-
groupLabel
|
|
11554
|
+
groupLabel,
|
|
11285
11555
|
afterLabelContent,
|
|
11286
11556
|
ref,
|
|
11287
11557
|
...props
|
|
11288
11558
|
}) => {
|
|
11289
11559
|
var _a;
|
|
11290
11560
|
const { t } = useTranslation();
|
|
11291
|
-
const tGroupLabel = groupLabel != null ? groupLabel : t(
|
|
11292
|
-
const tSelectLabel = selectLabel != null ? selectLabel : t(
|
|
11293
|
-
const generatedId =
|
|
11561
|
+
const tGroupLabel = groupLabel != null ? groupLabel : t(texts22.countryCodeAndPhoneNumber);
|
|
11562
|
+
const tSelectLabel = selectLabel != null ? selectLabel : t(texts22.countryCode);
|
|
11563
|
+
const generatedId = useId22();
|
|
11294
11564
|
const uniqueId = (_a = props.id) != null ? _a : generatedId;
|
|
11295
11565
|
const phoneInputId = `${uniqueId}-phone-input`;
|
|
11296
11566
|
const phoneNumberId = `${uniqueId}-phone-number`;
|
|
@@ -11366,7 +11636,7 @@ var PhoneInput = ({
|
|
|
11366
11636
|
const showRequiredStyling = !!(required || ariaRequired);
|
|
11367
11637
|
const bp = props.smallScreenBreakpoint;
|
|
11368
11638
|
const widthDefault = componentSize === "xsmall" && "var(--dds-input-default-width-xsmall)";
|
|
11369
|
-
return /* @__PURE__ */
|
|
11639
|
+
return /* @__PURE__ */ jsxs71("div", { className: cn(className, Input_default.container), style, children: [
|
|
11370
11640
|
renderLabel({
|
|
11371
11641
|
label,
|
|
11372
11642
|
htmlFor: phoneNumberId,
|
|
@@ -11374,7 +11644,7 @@ var PhoneInput = ({
|
|
|
11374
11644
|
readOnly,
|
|
11375
11645
|
afterLabelContent
|
|
11376
11646
|
}),
|
|
11377
|
-
/* @__PURE__ */
|
|
11647
|
+
/* @__PURE__ */ jsxs71(
|
|
11378
11648
|
Box,
|
|
11379
11649
|
{
|
|
11380
11650
|
display: "flex",
|
|
@@ -11387,8 +11657,8 @@ var PhoneInput = ({
|
|
|
11387
11657
|
role: "group",
|
|
11388
11658
|
"aria-label": tGroupLabel,
|
|
11389
11659
|
children: [
|
|
11390
|
-
/* @__PURE__ */
|
|
11391
|
-
/* @__PURE__ */
|
|
11660
|
+
/* @__PURE__ */ jsx291("label", { className: utilStyles_default["visually-hidden"], htmlFor: selectId, children: tSelectLabel }),
|
|
11661
|
+
/* @__PURE__ */ jsx291(
|
|
11392
11662
|
NativeSelect,
|
|
11393
11663
|
{
|
|
11394
11664
|
width: styleUpToBreakpoint(
|
|
@@ -11409,23 +11679,23 @@ var PhoneInput = ({
|
|
|
11409
11679
|
hasTip ? tipId : void 0,
|
|
11410
11680
|
ariaDescribedby
|
|
11411
11681
|
]),
|
|
11412
|
-
children: countryOptions.map((item, index) => /* @__PURE__ */
|
|
11682
|
+
children: countryOptions.map((item, index) => /* @__PURE__ */ jsx291("option", { value: item.countryCode, children: item.label }, index))
|
|
11413
11683
|
}
|
|
11414
11684
|
),
|
|
11415
|
-
/* @__PURE__ */
|
|
11416
|
-
/* @__PURE__ */
|
|
11685
|
+
/* @__PURE__ */ jsxs71(Box, { width: "100%", className: Input_default["input-group"], children: [
|
|
11686
|
+
/* @__PURE__ */ jsx291(
|
|
11417
11687
|
"span",
|
|
11418
11688
|
{
|
|
11419
11689
|
className: cn(
|
|
11420
11690
|
typographyStyles_default[`body-${componentSize}`],
|
|
11421
|
-
Input_default["input-group__absolute-
|
|
11691
|
+
Input_default["input-group__absolute-el"],
|
|
11422
11692
|
PhoneInput_default["calling-code"]
|
|
11423
11693
|
),
|
|
11424
11694
|
ref: callingCodeRef,
|
|
11425
11695
|
children: callingCode
|
|
11426
11696
|
}
|
|
11427
11697
|
),
|
|
11428
|
-
/* @__PURE__ */
|
|
11698
|
+
/* @__PURE__ */ jsx291(
|
|
11429
11699
|
Box,
|
|
11430
11700
|
{
|
|
11431
11701
|
as: StatefulInput,
|
|
@@ -11455,7 +11725,7 @@ var PhoneInput = ({
|
|
|
11455
11725
|
]
|
|
11456
11726
|
}
|
|
11457
11727
|
),
|
|
11458
|
-
hasMessage && renderInputMessage(tip, tipId, errorMessage, errorMessageId)
|
|
11728
|
+
hasMessage && renderInputMessage({ tip, tipId, errorMessage, errorMessageId })
|
|
11459
11729
|
] });
|
|
11460
11730
|
};
|
|
11461
11731
|
PhoneInput.displayName = "PhoneInput";
|
|
@@ -11463,18 +11733,20 @@ var getCallingCode = (s) => {
|
|
|
11463
11733
|
var _a;
|
|
11464
11734
|
return (_a = s.substring(s.indexOf("+"), s.length)) != null ? _a : "";
|
|
11465
11735
|
};
|
|
11466
|
-
var
|
|
11736
|
+
var texts22 = createTexts({
|
|
11467
11737
|
countryCode: {
|
|
11468
11738
|
nb: "Landskode",
|
|
11469
11739
|
no: "Landskode",
|
|
11470
11740
|
nn: "Landskode",
|
|
11471
|
-
en: "Country code"
|
|
11741
|
+
en: "Country code",
|
|
11742
|
+
se: "Riikkakoda"
|
|
11472
11743
|
},
|
|
11473
11744
|
countryCodeAndPhoneNumber: {
|
|
11474
11745
|
nb: "Landskode og telefonnummer",
|
|
11475
11746
|
no: "Landskode og telefonnummer",
|
|
11476
11747
|
nn: "Landskode og telefonnummer",
|
|
11477
|
-
en: "Country code and phone number"
|
|
11748
|
+
en: "Country code and phone number",
|
|
11749
|
+
se: "Riikkakoda ja telefovnndanummir"
|
|
11478
11750
|
}
|
|
11479
11751
|
});
|
|
11480
11752
|
|
|
@@ -11482,7 +11754,7 @@ var texts20 = createTexts({
|
|
|
11482
11754
|
import {
|
|
11483
11755
|
useContext as useContext20,
|
|
11484
11756
|
useEffect as useEffect27,
|
|
11485
|
-
useId as
|
|
11757
|
+
useId as useId23
|
|
11486
11758
|
} from "react";
|
|
11487
11759
|
import { createPortal as createPortal4 } from "react-dom";
|
|
11488
11760
|
|
|
@@ -11503,7 +11775,7 @@ var PopoverContext = createContext13({});
|
|
|
11503
11775
|
var usePopoverContext = () => useContext19(PopoverContext);
|
|
11504
11776
|
|
|
11505
11777
|
// src/components/Popover/Popover.tsx
|
|
11506
|
-
import { jsx as
|
|
11778
|
+
import { jsx as jsx292, jsxs as jsxs72 } from "react/jsx-runtime";
|
|
11507
11779
|
var Popover = ({
|
|
11508
11780
|
id,
|
|
11509
11781
|
header,
|
|
@@ -11543,7 +11815,7 @@ var Popover = ({
|
|
|
11543
11815
|
} = context;
|
|
11544
11816
|
const { t } = useTranslation();
|
|
11545
11817
|
const hasContext = !isEmpty(context);
|
|
11546
|
-
const generatedId =
|
|
11818
|
+
const generatedId = useId23();
|
|
11547
11819
|
const uniquePopoverId = id != null ? id : `${generatedId}-popover`;
|
|
11548
11820
|
const [
|
|
11549
11821
|
popoverId,
|
|
@@ -11591,7 +11863,7 @@ var Popover = ({
|
|
|
11591
11863
|
});
|
|
11592
11864
|
const hasTitle = !!header;
|
|
11593
11865
|
const openCn = hasTransitionedIn && isOpen ? "open" : "closed";
|
|
11594
|
-
const popover = /* @__PURE__ */
|
|
11866
|
+
const popover = /* @__PURE__ */ jsxs72(
|
|
11595
11867
|
Paper,
|
|
11596
11868
|
{
|
|
11597
11869
|
...getBaseHTMLProps(
|
|
@@ -11622,15 +11894,15 @@ var Popover = ({
|
|
|
11622
11894
|
elevation: 3,
|
|
11623
11895
|
border: "border-subtle",
|
|
11624
11896
|
children: [
|
|
11625
|
-
header && /* @__PURE__ */
|
|
11626
|
-
/* @__PURE__ */
|
|
11897
|
+
header && /* @__PURE__ */ jsx292("div", { className: Popover_default.header, children: typeof header === "string" ? /* @__PURE__ */ jsx292(Heading, { level: 2, typographyType: "headingMedium", children: header }) : header }),
|
|
11898
|
+
/* @__PURE__ */ jsx292(
|
|
11627
11899
|
"div",
|
|
11628
11900
|
{
|
|
11629
11901
|
className: !hasTitle && withCloseButton ? Popover_default["content--closable--no-header"] : "",
|
|
11630
11902
|
children
|
|
11631
11903
|
}
|
|
11632
11904
|
),
|
|
11633
|
-
withCloseButton && /* @__PURE__ */
|
|
11905
|
+
withCloseButton && /* @__PURE__ */ jsx292(
|
|
11634
11906
|
Button,
|
|
11635
11907
|
{
|
|
11636
11908
|
icon: CloseIcon,
|
|
@@ -11653,11 +11925,11 @@ import {
|
|
|
11653
11925
|
Children as ReactChildren4,
|
|
11654
11926
|
cloneElement as cloneElement4,
|
|
11655
11927
|
isValidElement as isValidElement4,
|
|
11656
|
-
useId as
|
|
11928
|
+
useId as useId24,
|
|
11657
11929
|
useRef as useRef31,
|
|
11658
11930
|
useState as useState24
|
|
11659
11931
|
} from "react";
|
|
11660
|
-
import { jsx as
|
|
11932
|
+
import { jsx as jsx293 } from "react/jsx-runtime";
|
|
11661
11933
|
var PopoverGroup = ({
|
|
11662
11934
|
isOpen: propIsOpen,
|
|
11663
11935
|
setIsOpen: propSetIsOpen,
|
|
@@ -11671,7 +11943,7 @@ var PopoverGroup = ({
|
|
|
11671
11943
|
const [internalIsOpen, internalSetIsOpen] = useState24(isInitiallyOpen);
|
|
11672
11944
|
const open = propIsOpen != null ? propIsOpen : internalIsOpen;
|
|
11673
11945
|
const setOpen = propSetIsOpen != null ? propSetIsOpen : internalSetIsOpen;
|
|
11674
|
-
const generatedId =
|
|
11946
|
+
const generatedId = useId24();
|
|
11675
11947
|
const uniquePopoverId = popoverId != null ? popoverId : `${generatedId}-popover`;
|
|
11676
11948
|
const [floatOptions, setFloatOptions] = useState24();
|
|
11677
11949
|
const { refs, styles: positionStyles } = useFloatPosition(null, floatOptions);
|
|
@@ -11718,7 +11990,7 @@ var PopoverGroup = ({
|
|
|
11718
11990
|
ref: combinedAnchorRef
|
|
11719
11991
|
}) : child);
|
|
11720
11992
|
});
|
|
11721
|
-
return /* @__PURE__ */
|
|
11993
|
+
return /* @__PURE__ */ jsx293(
|
|
11722
11994
|
PopoverContext,
|
|
11723
11995
|
{
|
|
11724
11996
|
value: {
|
|
@@ -11776,7 +12048,7 @@ var ProgressTracker_default = {
|
|
|
11776
12048
|
|
|
11777
12049
|
// src/components/ProgressTracker/ProgressTrackerItem.tsx
|
|
11778
12050
|
import { useMemo as useMemo2 } from "react";
|
|
11779
|
-
import { Fragment as Fragment10, jsx as
|
|
12051
|
+
import { Fragment as Fragment10, jsx as jsx294, jsxs as jsxs73 } from "react/jsx-runtime";
|
|
11780
12052
|
var toItemState = (active, completed, disabled) => {
|
|
11781
12053
|
if (disabled) {
|
|
11782
12054
|
return "disabled";
|
|
@@ -11820,10 +12092,10 @@ var ProgressTrackerItem = (props) => {
|
|
|
11820
12092
|
};
|
|
11821
12093
|
const stepNumberContent = useMemo2(() => {
|
|
11822
12094
|
if (completed) {
|
|
11823
|
-
return /* @__PURE__ */
|
|
12095
|
+
return /* @__PURE__ */ jsx294(Icon, { icon: CheckIcon, iconSize: "small" });
|
|
11824
12096
|
}
|
|
11825
12097
|
if (icon !== void 0) {
|
|
11826
|
-
return /* @__PURE__ */
|
|
12098
|
+
return /* @__PURE__ */ jsx294(Icon, { icon, iconSize: "small" });
|
|
11827
12099
|
}
|
|
11828
12100
|
return stepNumber;
|
|
11829
12101
|
}, [completed, icon, index]);
|
|
@@ -11832,8 +12104,8 @@ var ProgressTrackerItem = (props) => {
|
|
|
11832
12104
|
if (active) return "text-action-resting";
|
|
11833
12105
|
}
|
|
11834
12106
|
const isInactiveLink = disabled || active;
|
|
11835
|
-
const stepContent = /* @__PURE__ */
|
|
11836
|
-
/* @__PURE__ */
|
|
12107
|
+
const stepContent = /* @__PURE__ */ jsxs73(Fragment10, { children: [
|
|
12108
|
+
/* @__PURE__ */ jsx294(
|
|
11837
12109
|
Box,
|
|
11838
12110
|
{
|
|
11839
12111
|
display: "flex",
|
|
@@ -11848,7 +12120,7 @@ var ProgressTrackerItem = (props) => {
|
|
|
11848
12120
|
children: stepNumberContent
|
|
11849
12121
|
}
|
|
11850
12122
|
),
|
|
11851
|
-
/* @__PURE__ */
|
|
12123
|
+
/* @__PURE__ */ jsx294(
|
|
11852
12124
|
Typography,
|
|
11853
12125
|
{
|
|
11854
12126
|
as: "div",
|
|
@@ -11862,15 +12134,15 @@ var ProgressTrackerItem = (props) => {
|
|
|
11862
12134
|
}
|
|
11863
12135
|
)
|
|
11864
12136
|
] });
|
|
11865
|
-
const ariaLabel = props["aria-label"] ? props["aria-label"] : `${children}, ${stepNumber}. ${completed ? t(
|
|
11866
|
-
return /* @__PURE__ */
|
|
12137
|
+
const ariaLabel = props["aria-label"] ? props["aria-label"] : `${children}, ${stepNumber}. ${completed ? t(texts23.completed) : t(texts23.uncompleted)}`;
|
|
12138
|
+
return /* @__PURE__ */ jsx294(
|
|
11867
12139
|
Box,
|
|
11868
12140
|
{
|
|
11869
12141
|
as: "li",
|
|
11870
12142
|
display: direction === "row" ? "flex" : void 0,
|
|
11871
12143
|
"aria-current": active ? "step" : void 0,
|
|
11872
12144
|
className: cn(ProgressTracker_default["list-item"], ProgressTracker_default[`list-item--${direction}`]),
|
|
11873
|
-
children: handleStepChange ? /* @__PURE__ */
|
|
12145
|
+
children: handleStepChange ? /* @__PURE__ */ jsx294(
|
|
11874
12146
|
Box,
|
|
11875
12147
|
{
|
|
11876
12148
|
as: StylelessButton,
|
|
@@ -11894,7 +12166,7 @@ var ProgressTrackerItem = (props) => {
|
|
|
11894
12166
|
disabled,
|
|
11895
12167
|
children: stepContent
|
|
11896
12168
|
}
|
|
11897
|
-
) : /* @__PURE__ */
|
|
12169
|
+
) : /* @__PURE__ */ jsx294(
|
|
11898
12170
|
"div",
|
|
11899
12171
|
{
|
|
11900
12172
|
...getBaseHTMLProps(
|
|
@@ -11911,23 +12183,25 @@ var ProgressTrackerItem = (props) => {
|
|
|
11911
12183
|
);
|
|
11912
12184
|
};
|
|
11913
12185
|
ProgressTrackerItem.displayName = "ProgressTracker.Item";
|
|
11914
|
-
var
|
|
12186
|
+
var texts23 = createTexts({
|
|
11915
12187
|
uncompleted: {
|
|
11916
12188
|
nb: "trinn ikke ferdig",
|
|
11917
12189
|
no: "trinn ikke ferdig",
|
|
11918
12190
|
nn: "trinn ikkje ferdig",
|
|
11919
|
-
en: "step uncompleted"
|
|
12191
|
+
en: "step uncompleted",
|
|
12192
|
+
se: "ceahkki ii g\xE1rvvis"
|
|
11920
12193
|
},
|
|
11921
12194
|
completed: {
|
|
11922
12195
|
nb: "trinn ferdig",
|
|
11923
12196
|
no: "trinn ferdig",
|
|
11924
12197
|
nn: "trinn ferdig",
|
|
11925
|
-
en: "step completed"
|
|
12198
|
+
en: "step completed",
|
|
12199
|
+
se: "ceahkki g\xE1rv\xE1"
|
|
11926
12200
|
}
|
|
11927
12201
|
});
|
|
11928
12202
|
|
|
11929
12203
|
// src/components/ProgressTracker/ProgressTracker.tsx
|
|
11930
|
-
import { jsx as
|
|
12204
|
+
import { jsx as jsx295 } from "react/jsx-runtime";
|
|
11931
12205
|
var ProgressTracker = (() => {
|
|
11932
12206
|
const Res = ({
|
|
11933
12207
|
id,
|
|
@@ -11957,7 +12231,7 @@ var ProgressTracker = (() => {
|
|
|
11957
12231
|
}, [children]);
|
|
11958
12232
|
const isRow = direction === "row";
|
|
11959
12233
|
const { "aria-label": ariaLabel } = htmlProps;
|
|
11960
|
-
return /* @__PURE__ */
|
|
12234
|
+
return /* @__PURE__ */ jsx295(
|
|
11961
12235
|
ProgressTrackerContext,
|
|
11962
12236
|
{
|
|
11963
12237
|
value: {
|
|
@@ -11965,12 +12239,12 @@ var ProgressTracker = (() => {
|
|
|
11965
12239
|
handleStepChange: handleChange,
|
|
11966
12240
|
direction
|
|
11967
12241
|
},
|
|
11968
|
-
children: /* @__PURE__ */
|
|
12242
|
+
children: /* @__PURE__ */ jsx295(
|
|
11969
12243
|
"nav",
|
|
11970
12244
|
{
|
|
11971
|
-
"aria-label": ariaLabel != null ? ariaLabel : t(
|
|
12245
|
+
"aria-label": ariaLabel != null ? ariaLabel : t(texts24.stepProgression),
|
|
11972
12246
|
...getBaseHTMLProps(id, className, htmlProps, rest),
|
|
11973
|
-
children: /* @__PURE__ */
|
|
12247
|
+
children: /* @__PURE__ */ jsx295(
|
|
11974
12248
|
Box,
|
|
11975
12249
|
{
|
|
11976
12250
|
as: StylelessOList,
|
|
@@ -12006,17 +12280,18 @@ function passIndexPropToProgressTrackerItem(children) {
|
|
|
12006
12280
|
})
|
|
12007
12281
|
);
|
|
12008
12282
|
}
|
|
12009
|
-
var
|
|
12283
|
+
var texts24 = createTexts({
|
|
12010
12284
|
stepProgression: {
|
|
12011
12285
|
nb: "Trinnprogresjon",
|
|
12012
12286
|
no: "Trinnprogresjon",
|
|
12013
12287
|
nn: "Trinnprogresjon",
|
|
12014
|
-
en: "Step progression"
|
|
12288
|
+
en: "Step progression",
|
|
12289
|
+
se: "Ceahkkeprogre\u0161uvdna"
|
|
12015
12290
|
}
|
|
12016
12291
|
});
|
|
12017
12292
|
|
|
12018
12293
|
// src/components/ProgressBar/ProgressBar.tsx
|
|
12019
|
-
import { useId as
|
|
12294
|
+
import { useId as useId25 } from "react";
|
|
12020
12295
|
|
|
12021
12296
|
// src/components/ProgressBar/ProgressBar.module.css
|
|
12022
12297
|
var ProgressBar_default = {
|
|
@@ -12029,7 +12304,7 @@ var ProgressBar_default = {
|
|
|
12029
12304
|
};
|
|
12030
12305
|
|
|
12031
12306
|
// src/components/ProgressBar/ProgressBar.tsx
|
|
12032
|
-
import { jsx as
|
|
12307
|
+
import { jsx as jsx296, jsxs as jsxs74 } from "react/jsx-runtime";
|
|
12033
12308
|
var PROGRESS_BAR_SIZES = createSizes("small", "medium");
|
|
12034
12309
|
var ProgressBar = ({
|
|
12035
12310
|
label,
|
|
@@ -12045,7 +12320,7 @@ var ProgressBar = ({
|
|
|
12045
12320
|
style,
|
|
12046
12321
|
...rest
|
|
12047
12322
|
}) => {
|
|
12048
|
-
const generatedId =
|
|
12323
|
+
const generatedId = useId25();
|
|
12049
12324
|
const uniqueId = id != null ? id : `${generatedId}-searchInput`;
|
|
12050
12325
|
const hasErrorMessage = !!errorMessage;
|
|
12051
12326
|
const hasTip = !!tip;
|
|
@@ -12055,9 +12330,9 @@ var ProgressBar = ({
|
|
|
12055
12330
|
const errorMessageId = derivativeIdGenerator(uniqueId, "errorMessage");
|
|
12056
12331
|
const fillPrecentage = hasValidValue && value / (max != null ? max : 1) * 100 + "%";
|
|
12057
12332
|
const isIndeterminate = !hasValidValue && !hasErrorMessage;
|
|
12058
|
-
return /* @__PURE__ */
|
|
12333
|
+
return /* @__PURE__ */ jsxs74(Box, { width: "100%", className, style, children: [
|
|
12059
12334
|
renderLabel({ label, htmlFor: uniqueId }),
|
|
12060
|
-
/* @__PURE__ */
|
|
12335
|
+
/* @__PURE__ */ jsx296(
|
|
12061
12336
|
"progress",
|
|
12062
12337
|
{
|
|
12063
12338
|
id: uniqueId,
|
|
@@ -12073,13 +12348,13 @@ var ProgressBar = ({
|
|
|
12073
12348
|
children: fillPrecentage
|
|
12074
12349
|
}
|
|
12075
12350
|
),
|
|
12076
|
-
/* @__PURE__ */
|
|
12351
|
+
/* @__PURE__ */ jsx296(
|
|
12077
12352
|
Box,
|
|
12078
12353
|
{
|
|
12079
12354
|
width: getInputWidth(width),
|
|
12080
12355
|
height: size2 === "small" ? "x0.75" : "x1.5",
|
|
12081
12356
|
className: cn(ProgressBar_default.progress),
|
|
12082
|
-
children: /* @__PURE__ */
|
|
12357
|
+
children: /* @__PURE__ */ jsx296(
|
|
12083
12358
|
Box,
|
|
12084
12359
|
{
|
|
12085
12360
|
height: "100%",
|
|
@@ -12094,14 +12369,14 @@ var ProgressBar = ({
|
|
|
12094
12369
|
)
|
|
12095
12370
|
}
|
|
12096
12371
|
),
|
|
12097
|
-
renderInputMessage(tip, tipId, errorMessage, errorMessageId)
|
|
12372
|
+
renderInputMessage({ tip, tipId, errorMessage, errorMessageId })
|
|
12098
12373
|
] });
|
|
12099
12374
|
};
|
|
12100
12375
|
ProgressBar.displayName = "ProgressBar";
|
|
12101
12376
|
|
|
12102
12377
|
// src/components/Search/Search.tsx
|
|
12103
12378
|
import {
|
|
12104
|
-
useId as
|
|
12379
|
+
useId as useId26,
|
|
12105
12380
|
useState as useState26
|
|
12106
12381
|
} from "react";
|
|
12107
12382
|
|
|
@@ -12119,7 +12394,6 @@ var useAutocompleteSearch = () => {
|
|
|
12119
12394
|
var Search_default = {
|
|
12120
12395
|
"with-button-container": "Search_with-button-container",
|
|
12121
12396
|
input: "Search_input",
|
|
12122
|
-
"search-icon": "Search_search-icon",
|
|
12123
12397
|
"clear-button": "Search_clear-button",
|
|
12124
12398
|
suggestions: "Search_suggestions"
|
|
12125
12399
|
};
|
|
@@ -12134,7 +12408,7 @@ var typographyTypes2 = {
|
|
|
12134
12408
|
|
|
12135
12409
|
// src/components/Search/SearchSuggestionItem.tsx
|
|
12136
12410
|
import { useEffect as useEffect29, useRef as useRef32 } from "react";
|
|
12137
|
-
import { jsx as
|
|
12411
|
+
import { jsx as jsx297 } from "react/jsx-runtime";
|
|
12138
12412
|
var SearchSuggestionItem = ({
|
|
12139
12413
|
focus,
|
|
12140
12414
|
className,
|
|
@@ -12149,7 +12423,7 @@ var SearchSuggestionItem = ({
|
|
|
12149
12423
|
(_a = itemRef.current) == null ? void 0 : _a.focus();
|
|
12150
12424
|
}
|
|
12151
12425
|
}, [focus]);
|
|
12152
|
-
return /* @__PURE__ */
|
|
12426
|
+
return /* @__PURE__ */ jsx297(
|
|
12153
12427
|
StylelessButton,
|
|
12154
12428
|
{
|
|
12155
12429
|
ref: combinedRef,
|
|
@@ -12167,7 +12441,7 @@ var SearchSuggestionItem = ({
|
|
|
12167
12441
|
SearchSuggestionItem.displayName = "SearchSuggestionItem";
|
|
12168
12442
|
|
|
12169
12443
|
// src/components/Search/SearchSuggestions.tsx
|
|
12170
|
-
import { jsx as
|
|
12444
|
+
import { jsx as jsx298, jsxs as jsxs75 } from "react/jsx-runtime";
|
|
12171
12445
|
var SearchSuggestions = ({
|
|
12172
12446
|
id,
|
|
12173
12447
|
searchId,
|
|
@@ -12187,7 +12461,7 @@ var SearchSuggestions = ({
|
|
|
12187
12461
|
const { t } = useTranslation();
|
|
12188
12462
|
const [focus] = useRoveFocus(suggestions == null ? void 0 : suggestions.length, showSuggestions);
|
|
12189
12463
|
const suggestionsToRender = maxSuggestions ? suggestions == null ? void 0 : suggestions.slice(maxSuggestions) : suggestions;
|
|
12190
|
-
return /* @__PURE__ */
|
|
12464
|
+
return /* @__PURE__ */ jsxs75(
|
|
12191
12465
|
Paper,
|
|
12192
12466
|
{
|
|
12193
12467
|
...getBaseHTMLProps(
|
|
@@ -12211,23 +12485,23 @@ var SearchSuggestions = ({
|
|
|
12211
12485
|
overflowY: "scroll",
|
|
12212
12486
|
marginBlock: "x0.25 0",
|
|
12213
12487
|
children: [
|
|
12214
|
-
/* @__PURE__ */
|
|
12488
|
+
/* @__PURE__ */ jsx298(
|
|
12215
12489
|
Box,
|
|
12216
12490
|
{
|
|
12217
12491
|
as: "h2",
|
|
12218
12492
|
paddingInline: "0 x1",
|
|
12219
12493
|
id: suggestionsHeaderId,
|
|
12220
12494
|
className: typographyStyles_default["body-xsmall"],
|
|
12221
|
-
children:
|
|
12495
|
+
children: t(texts25.searchSuggestions)
|
|
12222
12496
|
}
|
|
12223
12497
|
),
|
|
12224
|
-
/* @__PURE__ */
|
|
12225
|
-
return /* @__PURE__ */
|
|
12498
|
+
/* @__PURE__ */ jsx298(StylelessList, { role: "listbox", "aria-labelledby": suggestionsHeaderId, children: suggestionsToRender.map((suggestion, index) => {
|
|
12499
|
+
return /* @__PURE__ */ jsx298("li", { role: "option", children: /* @__PURE__ */ jsx298(
|
|
12226
12500
|
SearchSuggestionItem,
|
|
12227
12501
|
{
|
|
12228
12502
|
index,
|
|
12229
12503
|
focus: focus === index && showSuggestions,
|
|
12230
|
-
"aria-label": t(
|
|
12504
|
+
"aria-label": t(texts25.search(suggestion)),
|
|
12231
12505
|
onClick: onSuggestionClick,
|
|
12232
12506
|
"aria-setsize": suggestionsToRender.length,
|
|
12233
12507
|
"aria-posinset": index,
|
|
@@ -12241,45 +12515,34 @@ var SearchSuggestions = ({
|
|
|
12241
12515
|
);
|
|
12242
12516
|
};
|
|
12243
12517
|
SearchSuggestions.displayName = "SearchSuggestions";
|
|
12244
|
-
var
|
|
12518
|
+
var texts25 = createTexts({
|
|
12245
12519
|
search: (suggestion) => ({
|
|
12246
12520
|
no: `${suggestion} s\xF8k`,
|
|
12247
12521
|
nb: `${suggestion} s\xF8k`,
|
|
12248
12522
|
nn: `${suggestion} s\xF8k`,
|
|
12249
|
-
en: `${suggestion} search
|
|
12250
|
-
|
|
12523
|
+
en: `${suggestion} search`,
|
|
12524
|
+
se: `${suggestion} ohcan`
|
|
12525
|
+
}),
|
|
12526
|
+
searchSuggestions: {
|
|
12527
|
+
no: "S\xF8keforslag",
|
|
12528
|
+
nb: "S\xF8keforslag",
|
|
12529
|
+
nn: "S\xF8keforslag",
|
|
12530
|
+
en: "Search suggestions",
|
|
12531
|
+
se: "Ozanf\xE1laldagat"
|
|
12532
|
+
}
|
|
12251
12533
|
});
|
|
12252
12534
|
|
|
12253
12535
|
// src/components/Search/Search.tsx
|
|
12254
|
-
import { Fragment as Fragment11, jsx as
|
|
12536
|
+
import { Fragment as Fragment11, jsx as jsx299, jsxs as jsxs76 } from "react/jsx-runtime";
|
|
12255
12537
|
var getIconSize2 = (size2) => {
|
|
12256
12538
|
switch (size2) {
|
|
12257
12539
|
case "large":
|
|
12258
12540
|
return "medium";
|
|
12259
12541
|
case "medium":
|
|
12260
|
-
return "medium";
|
|
12261
12542
|
case "small":
|
|
12262
|
-
return
|
|
12543
|
+
return getFormInputIconSize(size2);
|
|
12263
12544
|
}
|
|
12264
12545
|
};
|
|
12265
|
-
var getPadding = (size2, showIcon) => {
|
|
12266
|
-
const paddingRight = (textSize) => `calc(
|
|
12267
|
-
var(--dds-spacing-x1) + ${textSize} * 1.5 + var(--dds-spacing-x0-5)
|
|
12268
|
-
)`;
|
|
12269
|
-
const paddingLeft = (iconSize) => `calc(
|
|
12270
|
-
var(--dds-spacing-x0-75) + ${iconSize} + var(--dds-spacing-x0-5)
|
|
12271
|
-
)`;
|
|
12272
|
-
const pRSmallButton = paddingRight("0.875rem");
|
|
12273
|
-
const pRMediumButton = paddingRight("1rem");
|
|
12274
|
-
const pLSmallIcon = paddingLeft("var(--dds-icon-size-small)");
|
|
12275
|
-
const pLMediumIcon = paddingLeft("var(--dds-icon-size-medium)");
|
|
12276
|
-
const paddingMap = {
|
|
12277
|
-
large: `x1 ${pRMediumButton} x1 ${showIcon ? pLMediumIcon : "x0.75"}`,
|
|
12278
|
-
medium: `x0.75 ${pRSmallButton} x0.75 ${showIcon ? pLMediumIcon : "x0.75"}`,
|
|
12279
|
-
small: `x0.5 ${pRSmallButton} x0.5 ${showIcon ? pLSmallIcon : "x0.75"}`
|
|
12280
|
-
};
|
|
12281
|
-
return paddingMap[size2];
|
|
12282
|
-
};
|
|
12283
12546
|
var Search = ({
|
|
12284
12547
|
componentSize = "medium",
|
|
12285
12548
|
buttonProps,
|
|
@@ -12298,7 +12561,7 @@ var Search = ({
|
|
|
12298
12561
|
...rest
|
|
12299
12562
|
}) => {
|
|
12300
12563
|
var _a;
|
|
12301
|
-
const generatedId =
|
|
12564
|
+
const generatedId = useId26();
|
|
12302
12565
|
const uniqueId = id != null ? id : `${generatedId}-searchInput`;
|
|
12303
12566
|
const tipId = derivativeIdGenerator(uniqueId, "tip");
|
|
12304
12567
|
const suggestionsId = derivativeIdGenerator(uniqueId, "suggestions");
|
|
@@ -12327,25 +12590,25 @@ var Search = ({
|
|
|
12327
12590
|
} = buttonProps != null ? buttonProps : {};
|
|
12328
12591
|
const hasSuggestions = !!context.suggestions;
|
|
12329
12592
|
const showSearchButton = !!buttonProps && !!onClick;
|
|
12330
|
-
const inputGroup = /* @__PURE__ */
|
|
12593
|
+
const inputGroup = /* @__PURE__ */ jsxs76(
|
|
12331
12594
|
HStack,
|
|
12332
12595
|
{
|
|
12333
12596
|
position: "relative",
|
|
12334
12597
|
width: !showSearchButton ? width : void 0,
|
|
12335
12598
|
className: !showSearchButton ? className : void 0,
|
|
12336
12599
|
children: [
|
|
12337
|
-
showIcon && /* @__PURE__ */
|
|
12600
|
+
showIcon && /* @__PURE__ */ jsx299(
|
|
12338
12601
|
Icon,
|
|
12339
12602
|
{
|
|
12340
12603
|
icon: SearchIcon,
|
|
12341
12604
|
iconSize: getIconSize2(componentSize),
|
|
12342
12605
|
className: cn(
|
|
12343
|
-
Input_default["input-group__absolute-
|
|
12344
|
-
|
|
12606
|
+
Input_default["input-group__absolute-el"],
|
|
12607
|
+
Input_default[`input-group__absolute-el--${componentSize}`]
|
|
12345
12608
|
)
|
|
12346
12609
|
}
|
|
12347
12610
|
),
|
|
12348
|
-
/* @__PURE__ */
|
|
12611
|
+
/* @__PURE__ */ jsx299(
|
|
12349
12612
|
Box,
|
|
12350
12613
|
{
|
|
12351
12614
|
as: Input,
|
|
@@ -12367,15 +12630,17 @@ var Search = ({
|
|
|
12367
12630
|
"aria-expanded": context.showSuggestions,
|
|
12368
12631
|
role: hasSuggestions ? "combobox" : void 0,
|
|
12369
12632
|
width: "100%",
|
|
12370
|
-
padding: getPadding(componentSize, showIcon),
|
|
12371
12633
|
className: cn(
|
|
12372
12634
|
Search_default.input,
|
|
12635
|
+
Input_default[`input--${componentSize}`],
|
|
12636
|
+
showIcon && Input_default[`input-with-icon--${componentSize}`],
|
|
12637
|
+
Input_default[`input-with-el-right--${componentSize}`],
|
|
12373
12638
|
typographyStyles_default[getTypographyCn(typographyTypes2[componentSize])]
|
|
12374
12639
|
)
|
|
12375
12640
|
}
|
|
12376
12641
|
),
|
|
12377
|
-
hasSuggestions && /* @__PURE__ */
|
|
12378
|
-
/* @__PURE__ */
|
|
12642
|
+
hasSuggestions && /* @__PURE__ */ jsxs76(Fragment11, { children: [
|
|
12643
|
+
/* @__PURE__ */ jsx299(
|
|
12379
12644
|
SearchSuggestions,
|
|
12380
12645
|
{
|
|
12381
12646
|
id: suggestionsId,
|
|
@@ -12387,13 +12652,13 @@ var Search = ({
|
|
|
12387
12652
|
componentSize
|
|
12388
12653
|
}
|
|
12389
12654
|
),
|
|
12390
|
-
/* @__PURE__ */
|
|
12655
|
+
/* @__PURE__ */ jsx299(VisuallyHidden, { id: suggestionsDescriptionId, children: t(texts26.useArrowKeys) })
|
|
12391
12656
|
] }),
|
|
12392
|
-
hasValue && /* @__PURE__ */
|
|
12657
|
+
hasValue && /* @__PURE__ */ jsx299(
|
|
12393
12658
|
ClearButton,
|
|
12394
12659
|
{
|
|
12395
12660
|
size: getIconSize2(componentSize),
|
|
12396
|
-
"aria-label": t(
|
|
12661
|
+
"aria-label": t(texts26.clearSearch),
|
|
12397
12662
|
onClick: clearInput,
|
|
12398
12663
|
className: Search_default["clear-button"]
|
|
12399
12664
|
}
|
|
@@ -12401,10 +12666,10 @@ var Search = ({
|
|
|
12401
12666
|
]
|
|
12402
12667
|
}
|
|
12403
12668
|
);
|
|
12404
|
-
return /* @__PURE__ */
|
|
12669
|
+
return /* @__PURE__ */ jsxs76("div", { children: [
|
|
12405
12670
|
renderLabel({ htmlFor: uniqueId, label }),
|
|
12406
|
-
/* @__PURE__ */
|
|
12407
|
-
showSearchButton ? /* @__PURE__ */
|
|
12671
|
+
/* @__PURE__ */ jsxs76("div", { children: [
|
|
12672
|
+
showSearchButton ? /* @__PURE__ */ jsxs76(
|
|
12408
12673
|
Grid,
|
|
12409
12674
|
{
|
|
12410
12675
|
className,
|
|
@@ -12416,41 +12681,44 @@ var Search = ({
|
|
|
12416
12681
|
style,
|
|
12417
12682
|
children: [
|
|
12418
12683
|
inputGroup,
|
|
12419
|
-
/* @__PURE__ */
|
|
12684
|
+
/* @__PURE__ */ jsx299(
|
|
12420
12685
|
Button,
|
|
12421
12686
|
{
|
|
12422
12687
|
size: componentSize,
|
|
12423
12688
|
onClick,
|
|
12424
12689
|
...otherButtonProps,
|
|
12425
|
-
children: buttonLabel != null ? buttonLabel : t(
|
|
12690
|
+
children: buttonLabel != null ? buttonLabel : t(texts26.search)
|
|
12426
12691
|
}
|
|
12427
12692
|
)
|
|
12428
12693
|
]
|
|
12429
12694
|
}
|
|
12430
12695
|
) : inputGroup,
|
|
12431
|
-
renderInputMessage(tip, tipId)
|
|
12696
|
+
renderInputMessage({ tip, tipId })
|
|
12432
12697
|
] })
|
|
12433
12698
|
] });
|
|
12434
12699
|
};
|
|
12435
12700
|
Search.displayName = "Search";
|
|
12436
|
-
var
|
|
12701
|
+
var texts26 = createTexts({
|
|
12437
12702
|
clearSearch: {
|
|
12438
12703
|
nb: "T\xF8m s\xF8k",
|
|
12439
12704
|
no: "T\xF8m s\xF8k",
|
|
12440
12705
|
nn: "T\xF8m s\xF8k",
|
|
12441
|
-
en: "Clear search"
|
|
12706
|
+
en: "Clear search",
|
|
12707
|
+
se: "Gurre ohcama"
|
|
12442
12708
|
},
|
|
12443
12709
|
search: {
|
|
12444
12710
|
nb: "S\xF8k",
|
|
12445
12711
|
no: "S\xF8k",
|
|
12446
12712
|
nn: "S\xF8k",
|
|
12447
|
-
en: "Search"
|
|
12713
|
+
en: "Search",
|
|
12714
|
+
se: "Ohcan"
|
|
12448
12715
|
},
|
|
12449
12716
|
useArrowKeys: {
|
|
12450
12717
|
nb: "Bruk piltastene for \xE5 navigere i forslagene n\xE5r listen er utvidet",
|
|
12451
12718
|
no: "Bruk piltastene for \xE5 navigere i forslagene n\xE5r listen er utvidet",
|
|
12452
12719
|
nn: "Bruk piltastane for \xE5 navigere i forslaga n\xE5r lista er utvida",
|
|
12453
|
-
en: "Use the arrow keys to navigate suggestions when the list is expanded"
|
|
12720
|
+
en: "Use the arrow keys to navigate suggestions when the list is expanded",
|
|
12721
|
+
se: "Deatte njuollaboalu ohccat \xE1rvalusaid listtus mii lea viiddiduvvon"
|
|
12454
12722
|
}
|
|
12455
12723
|
});
|
|
12456
12724
|
|
|
@@ -12460,7 +12728,7 @@ import {
|
|
|
12460
12728
|
useRef as useRef33,
|
|
12461
12729
|
useState as useState27
|
|
12462
12730
|
} from "react";
|
|
12463
|
-
import { jsx as
|
|
12731
|
+
import { jsx as jsx300 } from "react/jsx-runtime";
|
|
12464
12732
|
var SearchAutocompleteWrapper = (props) => {
|
|
12465
12733
|
const {
|
|
12466
12734
|
value,
|
|
@@ -12536,7 +12804,7 @@ var SearchAutocompleteWrapper = (props) => {
|
|
|
12536
12804
|
inputValue,
|
|
12537
12805
|
onSugggestionClick: handleSuggestionClick
|
|
12538
12806
|
};
|
|
12539
|
-
return /* @__PURE__ */
|
|
12807
|
+
return /* @__PURE__ */ jsx300(AutocompleteSearchContext, { value: contextProps, children });
|
|
12540
12808
|
};
|
|
12541
12809
|
SearchAutocompleteWrapper.displayName = "SearchAutocompleteWrapper";
|
|
12542
12810
|
|
|
@@ -12552,7 +12820,7 @@ var Skeleton_default = {
|
|
|
12552
12820
|
};
|
|
12553
12821
|
|
|
12554
12822
|
// src/components/Skeleton/Skeleton.tsx
|
|
12555
|
-
import { jsx as
|
|
12823
|
+
import { jsx as jsx301 } from "react/jsx-runtime";
|
|
12556
12824
|
var Skeleton = ({
|
|
12557
12825
|
width,
|
|
12558
12826
|
height,
|
|
@@ -12562,7 +12830,7 @@ var Skeleton = ({
|
|
|
12562
12830
|
ref,
|
|
12563
12831
|
...rest
|
|
12564
12832
|
}) => {
|
|
12565
|
-
return /* @__PURE__ */
|
|
12833
|
+
return /* @__PURE__ */ jsx301(
|
|
12566
12834
|
Box,
|
|
12567
12835
|
{
|
|
12568
12836
|
width,
|
|
@@ -12582,7 +12850,7 @@ var SkipToContent_default = {
|
|
|
12582
12850
|
};
|
|
12583
12851
|
|
|
12584
12852
|
// src/components/SkipToContent/SkipToContent.tsx
|
|
12585
|
-
import { jsx as
|
|
12853
|
+
import { jsx as jsx302 } from "react/jsx-runtime";
|
|
12586
12854
|
var SkipToContent = ({
|
|
12587
12855
|
text = "Til hovedinnhold",
|
|
12588
12856
|
top = 0,
|
|
@@ -12592,12 +12860,12 @@ var SkipToContent = ({
|
|
|
12592
12860
|
...rest
|
|
12593
12861
|
}) => {
|
|
12594
12862
|
const { className: htmlPropsClassName, style, ...restHtmlProps } = htmlProps;
|
|
12595
|
-
return /* @__PURE__ */
|
|
12863
|
+
return /* @__PURE__ */ jsx302(
|
|
12596
12864
|
Contrast,
|
|
12597
12865
|
{
|
|
12598
12866
|
className: cn(className, htmlPropsClassName, SkipToContent_default.wrapper),
|
|
12599
12867
|
style: { ...style, top },
|
|
12600
|
-
children: /* @__PURE__ */
|
|
12868
|
+
children: /* @__PURE__ */ jsx302(Link, { ...getBaseHTMLProps(id, restHtmlProps, rest), children: text })
|
|
12601
12869
|
}
|
|
12602
12870
|
);
|
|
12603
12871
|
};
|
|
@@ -12615,7 +12883,7 @@ var SplitButton_default = {
|
|
|
12615
12883
|
};
|
|
12616
12884
|
|
|
12617
12885
|
// src/components/SplitButton/SplitButton.tsx
|
|
12618
|
-
import { jsx as
|
|
12886
|
+
import { jsx as jsx303, jsxs as jsxs77 } from "react/jsx-runtime";
|
|
12619
12887
|
var SplitButton = ({
|
|
12620
12888
|
size: size2,
|
|
12621
12889
|
primaryAction,
|
|
@@ -12630,8 +12898,8 @@ var SplitButton = ({
|
|
|
12630
12898
|
purpose,
|
|
12631
12899
|
size: size2
|
|
12632
12900
|
};
|
|
12633
|
-
return /* @__PURE__ */
|
|
12634
|
-
/* @__PURE__ */
|
|
12901
|
+
return /* @__PURE__ */ jsxs77("div", { className: cn(className, SplitButton_default.container), ...rest, children: [
|
|
12902
|
+
/* @__PURE__ */ jsx303(
|
|
12635
12903
|
Button,
|
|
12636
12904
|
{
|
|
12637
12905
|
...buttonStyleProps,
|
|
@@ -12640,13 +12908,13 @@ var SplitButton = ({
|
|
|
12640
12908
|
className: SplitButton_default.main
|
|
12641
12909
|
}
|
|
12642
12910
|
),
|
|
12643
|
-
/* @__PURE__ */
|
|
12644
|
-
/* @__PURE__ */
|
|
12911
|
+
/* @__PURE__ */ jsxs77(OverflowMenuGroup, { isOpen, setIsOpen, children: [
|
|
12912
|
+
/* @__PURE__ */ jsx303(
|
|
12645
12913
|
Button,
|
|
12646
12914
|
{
|
|
12647
12915
|
...buttonStyleProps,
|
|
12648
12916
|
icon: isOpen ? ChevronUpIcon : ChevronDownIcon,
|
|
12649
|
-
"aria-label": t(
|
|
12917
|
+
"aria-label": t(texts27.moreActions),
|
|
12650
12918
|
purpose,
|
|
12651
12919
|
className: cn(
|
|
12652
12920
|
SplitButton_default.option,
|
|
@@ -12655,17 +12923,18 @@ var SplitButton = ({
|
|
|
12655
12923
|
type: "button"
|
|
12656
12924
|
}
|
|
12657
12925
|
),
|
|
12658
|
-
/* @__PURE__ */
|
|
12926
|
+
/* @__PURE__ */ jsx303(OverflowMenu, { placement: "bottom-end", children: /* @__PURE__ */ jsx303(OverflowMenuList, { children: secondaryActions.map((item, index) => /* @__PURE__ */ jsx303(OverflowMenuButton, { ...item, children: item.children }, index)) }) })
|
|
12659
12927
|
] })
|
|
12660
12928
|
] });
|
|
12661
12929
|
};
|
|
12662
12930
|
SplitButton.displayName = "SplitButton";
|
|
12663
|
-
var
|
|
12931
|
+
var texts27 = createTexts({
|
|
12664
12932
|
moreActions: {
|
|
12665
12933
|
nb: "Flere handlinger",
|
|
12666
12934
|
no: "Flere handlinger",
|
|
12667
12935
|
nn: "Fleire handlingar",
|
|
12668
|
-
en: "More actions"
|
|
12936
|
+
en: "More actions",
|
|
12937
|
+
se: "Eanet doaimmat"
|
|
12669
12938
|
}
|
|
12670
12939
|
});
|
|
12671
12940
|
|
|
@@ -12688,14 +12957,14 @@ var CollapsibleTableContext = createContext16({
|
|
|
12688
12957
|
var useCollapsibleTableContext = () => useContext23(CollapsibleTableContext);
|
|
12689
12958
|
|
|
12690
12959
|
// src/components/Table/normal/Body.tsx
|
|
12691
|
-
import { jsx as
|
|
12692
|
-
var Body = (props) => /* @__PURE__ */
|
|
12960
|
+
import { jsx as jsx304 } from "react/jsx-runtime";
|
|
12961
|
+
var Body = (props) => /* @__PURE__ */ jsx304("tbody", { ...props });
|
|
12693
12962
|
Body.displayName = "Table.Body";
|
|
12694
12963
|
|
|
12695
12964
|
// src/components/Table/normal/Head.tsx
|
|
12696
12965
|
import { createContext as createContext17, useContext as useContext24 } from "react";
|
|
12697
|
-
import { jsx as
|
|
12698
|
-
var Head = ({ children, ...rest }) => /* @__PURE__ */
|
|
12966
|
+
import { jsx as jsx305 } from "react/jsx-runtime";
|
|
12967
|
+
var Head = ({ children, ...rest }) => /* @__PURE__ */ jsx305("thead", { ...rest, children: /* @__PURE__ */ jsx305(HeadContext, { value: true, children }) });
|
|
12699
12968
|
var HeadContext = createContext17(false);
|
|
12700
12969
|
function useIsInTableHead() {
|
|
12701
12970
|
const isInTableHead = useContext24(HeadContext);
|
|
@@ -12728,7 +12997,7 @@ var Table_default = {
|
|
|
12728
12997
|
};
|
|
12729
12998
|
|
|
12730
12999
|
// src/components/Table/normal/Cell.tsx
|
|
12731
|
-
import { jsx as
|
|
13000
|
+
import { jsx as jsx306 } from "react/jsx-runtime";
|
|
12732
13001
|
var Cell = ({
|
|
12733
13002
|
children,
|
|
12734
13003
|
type: _type,
|
|
@@ -12741,7 +13010,7 @@ var Cell = ({
|
|
|
12741
13010
|
const type = _type != null ? _type : isInHead ? "head" : "data";
|
|
12742
13011
|
const { isCollapsibleChild } = collapsibleProps != null ? collapsibleProps : {};
|
|
12743
13012
|
const isComplexLayout = layout === "text and icon";
|
|
12744
|
-
return isCollapsibleChild ? /* @__PURE__ */
|
|
13013
|
+
return isCollapsibleChild ? /* @__PURE__ */ jsx306(DescriptionListDesc, { children }) : type === "head" ? /* @__PURE__ */ jsx306(
|
|
12745
13014
|
"th",
|
|
12746
13015
|
{
|
|
12747
13016
|
...rest,
|
|
@@ -12750,26 +13019,26 @@ var Cell = ({
|
|
|
12750
13019
|
!isComplexLayout && Table_default[`cell--${layout}`],
|
|
12751
13020
|
Table_default["cell--head"]
|
|
12752
13021
|
),
|
|
12753
|
-
children: isComplexLayout ? /* @__PURE__ */
|
|
13022
|
+
children: isComplexLayout ? /* @__PURE__ */ jsx306("div", { className: Table_default.cell__inner, children }) : children
|
|
12754
13023
|
}
|
|
12755
|
-
) : /* @__PURE__ */
|
|
13024
|
+
) : /* @__PURE__ */ jsx306(
|
|
12756
13025
|
"td",
|
|
12757
13026
|
{
|
|
12758
13027
|
...rest,
|
|
12759
13028
|
className: cn(className, !isComplexLayout && Table_default[`cell--${layout}`]),
|
|
12760
|
-
children: isComplexLayout ? /* @__PURE__ */
|
|
13029
|
+
children: isComplexLayout ? /* @__PURE__ */ jsx306("div", { className: Table_default.cell__inner, children }) : children
|
|
12761
13030
|
}
|
|
12762
13031
|
);
|
|
12763
13032
|
};
|
|
12764
13033
|
Cell.displayName = "Table.Cell";
|
|
12765
13034
|
|
|
12766
13035
|
// src/components/Table/normal/Foot.tsx
|
|
12767
|
-
import { jsx as
|
|
12768
|
-
var Foot = (props) => /* @__PURE__ */
|
|
13036
|
+
import { jsx as jsx307 } from "react/jsx-runtime";
|
|
13037
|
+
var Foot = (props) => /* @__PURE__ */ jsx307("tfoot", { ...props });
|
|
12769
13038
|
Foot.displayName = "Table.Foot";
|
|
12770
13039
|
|
|
12771
13040
|
// src/components/Table/normal/Row.tsx
|
|
12772
|
-
import { jsx as
|
|
13041
|
+
import { jsx as jsx308 } from "react/jsx-runtime";
|
|
12773
13042
|
var Row = ({
|
|
12774
13043
|
type: _type,
|
|
12775
13044
|
mode = "normal",
|
|
@@ -12780,7 +13049,7 @@ var Row = ({
|
|
|
12780
13049
|
}) => {
|
|
12781
13050
|
const isInHeader = useIsInTableHead();
|
|
12782
13051
|
const type = _type != null ? _type : isInHeader ? "head" : "body";
|
|
12783
|
-
return /* @__PURE__ */
|
|
13052
|
+
return /* @__PURE__ */ jsx308(
|
|
12784
13053
|
"tr",
|
|
12785
13054
|
{
|
|
12786
13055
|
className: cn(
|
|
@@ -12800,12 +13069,12 @@ var Row = ({
|
|
|
12800
13069
|
Row.displayName = "Table.Row";
|
|
12801
13070
|
|
|
12802
13071
|
// src/components/Table/normal/SortCell.tsx
|
|
12803
|
-
import { jsx as
|
|
13072
|
+
import { jsx as jsx309, jsxs as jsxs78 } from "react/jsx-runtime";
|
|
12804
13073
|
var makeSortIcon = (isSorted, sortOrder) => {
|
|
12805
13074
|
if (!isSorted || !sortOrder) {
|
|
12806
|
-
return /* @__PURE__ */
|
|
13075
|
+
return /* @__PURE__ */ jsx309(Icon, { icon: UnfoldMoreIcon, iconSize: "inherit" });
|
|
12807
13076
|
}
|
|
12808
|
-
return sortOrder === "ascending" ? /* @__PURE__ */
|
|
13077
|
+
return sortOrder === "ascending" ? /* @__PURE__ */ jsx309(Icon, { icon: ChevronDownIcon, iconSize: "inherit" }) : /* @__PURE__ */ jsx309(Icon, { icon: ChevronUpIcon, iconSize: "inherit" });
|
|
12809
13078
|
};
|
|
12810
13079
|
var SortCell = ({
|
|
12811
13080
|
isSorted,
|
|
@@ -12815,17 +13084,17 @@ var SortCell = ({
|
|
|
12815
13084
|
...rest
|
|
12816
13085
|
}) => {
|
|
12817
13086
|
const { t } = useTranslation();
|
|
12818
|
-
return /* @__PURE__ */
|
|
13087
|
+
return /* @__PURE__ */ jsx309(
|
|
12819
13088
|
Cell,
|
|
12820
13089
|
{
|
|
12821
13090
|
type: "head",
|
|
12822
13091
|
"aria-sort": isSorted && sortOrder ? sortOrder : void 0,
|
|
12823
13092
|
...rest,
|
|
12824
|
-
children: /* @__PURE__ */
|
|
13093
|
+
children: /* @__PURE__ */ jsxs78(
|
|
12825
13094
|
StylelessButton,
|
|
12826
13095
|
{
|
|
12827
13096
|
onClick,
|
|
12828
|
-
"aria-description": t(
|
|
13097
|
+
"aria-description": t(texts28.changeSort),
|
|
12829
13098
|
className: cn(Table_default["sort-button"], focusable),
|
|
12830
13099
|
children: [
|
|
12831
13100
|
children,
|
|
@@ -12838,17 +13107,18 @@ var SortCell = ({
|
|
|
12838
13107
|
);
|
|
12839
13108
|
};
|
|
12840
13109
|
SortCell.displayName = "Table.SortCell";
|
|
12841
|
-
var
|
|
13110
|
+
var texts28 = createTexts({
|
|
12842
13111
|
changeSort: {
|
|
12843
13112
|
nb: "Aktiver for \xE5 endre sorteringsrekkef\xF8lge",
|
|
12844
13113
|
no: "Aktiver for \xE5 endre sorteringsrekkef\xF8lge",
|
|
12845
13114
|
nn: "Aktiver for \xE5 endre sorteringsrekkjef\xF8lgje",
|
|
12846
|
-
en: "Activate to change sort order"
|
|
13115
|
+
en: "Activate to change sort order",
|
|
13116
|
+
se: "Aktivere rievdadit sorterenortnega"
|
|
12847
13117
|
}
|
|
12848
13118
|
});
|
|
12849
13119
|
|
|
12850
13120
|
// src/components/Table/normal/Table.tsx
|
|
12851
|
-
import { jsx as
|
|
13121
|
+
import { jsx as jsx310 } from "react/jsx-runtime";
|
|
12852
13122
|
var Table = ({
|
|
12853
13123
|
size: size2 = "medium",
|
|
12854
13124
|
stickyHeader,
|
|
@@ -12856,7 +13126,7 @@ var Table = ({
|
|
|
12856
13126
|
className,
|
|
12857
13127
|
children,
|
|
12858
13128
|
...rest
|
|
12859
|
-
}) => /* @__PURE__ */
|
|
13129
|
+
}) => /* @__PURE__ */ jsx310(
|
|
12860
13130
|
"table",
|
|
12861
13131
|
{
|
|
12862
13132
|
...rest,
|
|
@@ -12880,7 +13150,7 @@ import {
|
|
|
12880
13150
|
useRef as useRef34,
|
|
12881
13151
|
useState as useState29
|
|
12882
13152
|
} from "react";
|
|
12883
|
-
import { jsx as
|
|
13153
|
+
import { jsx as jsx311 } from "react/jsx-runtime";
|
|
12884
13154
|
var TableWrapper = ({ className, ...rest }) => {
|
|
12885
13155
|
const themeContext = useContext25(ThemeContext);
|
|
12886
13156
|
const container2 = themeContext == null ? void 0 : themeContext.el;
|
|
@@ -12905,7 +13175,7 @@ var TableWrapper = ({ className, ...rest }) => {
|
|
|
12905
13175
|
window.addEventListener("resize", handleResize);
|
|
12906
13176
|
return () => window.removeEventListener("resize", handleResize);
|
|
12907
13177
|
});
|
|
12908
|
-
return /* @__PURE__ */
|
|
13178
|
+
return /* @__PURE__ */ jsx311(
|
|
12909
13179
|
"div",
|
|
12910
13180
|
{
|
|
12911
13181
|
ref: wrapperRef,
|
|
@@ -12932,7 +13202,7 @@ Table2.Row = Row;
|
|
|
12932
13202
|
Table2.Foot = Foot;
|
|
12933
13203
|
|
|
12934
13204
|
// src/components/Table/collapsible/CollapsibleRow.tsx
|
|
12935
|
-
import { Fragment as Fragment13, jsx as
|
|
13205
|
+
import { Fragment as Fragment13, jsx as jsx312, jsxs as jsxs79 } from "react/jsx-runtime";
|
|
12936
13206
|
var CollapsibleRow = ({
|
|
12937
13207
|
type: _type,
|
|
12938
13208
|
className,
|
|
@@ -12975,40 +13245,40 @@ var CollapsibleRow = ({
|
|
|
12975
13245
|
const collapsedRenderedChildren = isCollapsed && collapsedHeaderValues.length > 0 ? collapsedChildren.map(function(child, index) {
|
|
12976
13246
|
const id = derivativeIdGenerator(prefix2, index.toString());
|
|
12977
13247
|
collapsibleIds.push(id);
|
|
12978
|
-
return /* @__PURE__ */
|
|
12979
|
-
/* @__PURE__ */
|
|
13248
|
+
return /* @__PURE__ */ jsxs79(Fragment12, { children: [
|
|
13249
|
+
/* @__PURE__ */ jsx312(DescriptionListTerm, { children: collapsedHeaderValues[index].content }),
|
|
12980
13250
|
isValidElement6(child) && cloneElement6(child, {
|
|
12981
13251
|
collapsibleProps: { isCollapsibleChild: true }
|
|
12982
13252
|
})
|
|
12983
13253
|
] }, `DL-${index}`);
|
|
12984
13254
|
}) : null;
|
|
12985
|
-
const collapsedRows = collapsedRenderedChildren && collapsedRenderedChildren.length > 0 ? /* @__PURE__ */
|
|
13255
|
+
const collapsedRows = collapsedRenderedChildren && collapsedRenderedChildren.length > 0 ? /* @__PURE__ */ jsx312(Row, { ...rowProps(), children: /* @__PURE__ */ jsx312(Cell, { colSpan: definingColumnIndex.length + 1, children: /* @__PURE__ */ jsx312(DescriptionList, { children: collapsedRenderedChildren }) }) }) : null;
|
|
12986
13256
|
const definingColumnCells = childrenArray.slice().filter((column, index) => definingColumnIndex.indexOf(index) > -1).sort((a, b) => {
|
|
12987
13257
|
return definingColumnIndex.indexOf(childrenArray.indexOf(a)) - definingColumnIndex.indexOf(childrenArray.indexOf(b));
|
|
12988
13258
|
});
|
|
12989
13259
|
const headerRow = () => {
|
|
12990
13260
|
if (type !== "head" || !isCollapsed) return null;
|
|
12991
|
-
return /* @__PURE__ */
|
|
13261
|
+
return /* @__PURE__ */ jsx312(Row, { ref, ...rowProps(), children: /* @__PURE__ */ jsxs79(Fragment13, { children: [
|
|
12992
13262
|
definingColumnCells,
|
|
12993
|
-
/* @__PURE__ */
|
|
12994
|
-
t(
|
|
12995
|
-
/* @__PURE__ */
|
|
13263
|
+
/* @__PURE__ */ jsxs79(Table2.Cell, { type: "head", layout: "center", children: [
|
|
13264
|
+
t(texts29.expand),
|
|
13265
|
+
/* @__PURE__ */ jsx312(VisuallyHidden, { children: t(texts29.row) })
|
|
12996
13266
|
] })
|
|
12997
13267
|
] }) });
|
|
12998
13268
|
};
|
|
12999
13269
|
const idList = spaceSeparatedIdListGenerator(collapsibleIds);
|
|
13000
13270
|
const rowWithChevron = () => {
|
|
13001
13271
|
if (type !== "body" || !isCollapsed) return null;
|
|
13002
|
-
return /* @__PURE__ */
|
|
13272
|
+
return /* @__PURE__ */ jsxs79(Row, { ref, ...rowProps(!childrenCollapsed && true), children: [
|
|
13003
13273
|
definingColumnCells,
|
|
13004
|
-
/* @__PURE__ */
|
|
13274
|
+
/* @__PURE__ */ jsx312(Table2.Cell, { children: /* @__PURE__ */ jsx312(
|
|
13005
13275
|
StylelessButton,
|
|
13006
13276
|
{
|
|
13007
13277
|
onClick: () => setChildrenCollapsed(!childrenCollapsed),
|
|
13008
13278
|
"aria-expanded": !childrenCollapsed,
|
|
13009
13279
|
"aria-controls": idList,
|
|
13010
13280
|
className: cn(Table_default["collapse-button"], focusable),
|
|
13011
|
-
children: /* @__PURE__ */
|
|
13281
|
+
children: /* @__PURE__ */ jsx312(
|
|
13012
13282
|
AnimatedChevronUpDown,
|
|
13013
13283
|
{
|
|
13014
13284
|
isUp: childrenCollapsed ? false : true,
|
|
@@ -13020,39 +13290,41 @@ var CollapsibleRow = ({
|
|
|
13020
13290
|
) })
|
|
13021
13291
|
] });
|
|
13022
13292
|
};
|
|
13023
|
-
return isCollapsed && collapsedRenderedChildren && collapsedRenderedChildren.length > 0 ? /* @__PURE__ */
|
|
13293
|
+
return isCollapsed && collapsedRenderedChildren && collapsedRenderedChildren.length > 0 ? /* @__PURE__ */ jsxs79(Fragment13, { children: [
|
|
13024
13294
|
headerRow(),
|
|
13025
|
-
type === "body" && /* @__PURE__ */
|
|
13295
|
+
type === "body" && /* @__PURE__ */ jsxs79(Fragment13, { children: [
|
|
13026
13296
|
rowWithChevron(),
|
|
13027
13297
|
childrenCollapsed ? null : collapsedRows
|
|
13028
13298
|
] })
|
|
13029
|
-
] }) : /* @__PURE__ */
|
|
13299
|
+
] }) : /* @__PURE__ */ jsx312(Row, { ref, ...rowProps(), children });
|
|
13030
13300
|
};
|
|
13031
13301
|
CollapsibleRow.displayName = "CollapsibleTable.Row";
|
|
13032
|
-
var
|
|
13302
|
+
var texts29 = createTexts({
|
|
13033
13303
|
expand: {
|
|
13034
13304
|
nb: "Utvid",
|
|
13035
13305
|
no: "Utvid",
|
|
13036
13306
|
nn: "Utvid",
|
|
13037
|
-
en: "Expand"
|
|
13307
|
+
en: "Expand",
|
|
13308
|
+
se: "Viiddit"
|
|
13038
13309
|
},
|
|
13039
13310
|
row: {
|
|
13040
13311
|
nb: "raden",
|
|
13041
13312
|
no: "raden",
|
|
13042
13313
|
nn: "rada",
|
|
13043
|
-
en: "row"
|
|
13314
|
+
en: "row",
|
|
13315
|
+
se: "gurgadus"
|
|
13044
13316
|
}
|
|
13045
13317
|
});
|
|
13046
13318
|
|
|
13047
13319
|
// src/components/Table/collapsible/CollapsibleTable.tsx
|
|
13048
|
-
import { jsx as
|
|
13320
|
+
import { jsx as jsx313 } from "react/jsx-runtime";
|
|
13049
13321
|
var CollapsibleTable = ({
|
|
13050
13322
|
isCollapsed,
|
|
13051
13323
|
headerValues,
|
|
13052
13324
|
definingColumnIndex = [0],
|
|
13053
13325
|
...rest
|
|
13054
13326
|
}) => {
|
|
13055
|
-
return /* @__PURE__ */
|
|
13327
|
+
return /* @__PURE__ */ jsx313(
|
|
13056
13328
|
CollapsibleTableContext,
|
|
13057
13329
|
{
|
|
13058
13330
|
value: {
|
|
@@ -13060,7 +13332,7 @@ var CollapsibleTable = ({
|
|
|
13060
13332
|
headerValues,
|
|
13061
13333
|
definingColumnIndex
|
|
13062
13334
|
},
|
|
13063
|
-
children: /* @__PURE__ */
|
|
13335
|
+
children: /* @__PURE__ */ jsx313(Table2, { ...rest })
|
|
13064
13336
|
}
|
|
13065
13337
|
);
|
|
13066
13338
|
};
|
|
@@ -13110,13 +13382,13 @@ import {
|
|
|
13110
13382
|
useContext as useContext27,
|
|
13111
13383
|
useLayoutEffect as useLayoutEffect3
|
|
13112
13384
|
} from "react";
|
|
13113
|
-
import { jsx as
|
|
13385
|
+
import { jsx as jsx314 } from "react/jsx-runtime";
|
|
13114
13386
|
var TabContext = createContext19(null);
|
|
13115
13387
|
function TabWidthContextProvider({
|
|
13116
13388
|
children,
|
|
13117
13389
|
onChangeWidths
|
|
13118
13390
|
}) {
|
|
13119
|
-
return /* @__PURE__ */
|
|
13391
|
+
return /* @__PURE__ */ jsx314(
|
|
13120
13392
|
TabContext,
|
|
13121
13393
|
{
|
|
13122
13394
|
value: {
|
|
@@ -13148,7 +13420,7 @@ function useSetTabWidth(index, width) {
|
|
|
13148
13420
|
}
|
|
13149
13421
|
|
|
13150
13422
|
// src/components/Tabs/AddTabButton.tsx
|
|
13151
|
-
import { jsx as
|
|
13423
|
+
import { jsx as jsx315, jsxs as jsxs80 } from "react/jsx-runtime";
|
|
13152
13424
|
var AddTabButton = ({
|
|
13153
13425
|
ref,
|
|
13154
13426
|
children,
|
|
@@ -13161,7 +13433,7 @@ var AddTabButton = ({
|
|
|
13161
13433
|
const buttonRef = useRef35(null);
|
|
13162
13434
|
const combinedRef = useCombinedRef(ref, buttonRef);
|
|
13163
13435
|
const { tabContentDirection, size: size2 } = useTabsContext();
|
|
13164
|
-
return /* @__PURE__ */
|
|
13436
|
+
return /* @__PURE__ */ jsxs80(
|
|
13165
13437
|
"button",
|
|
13166
13438
|
{
|
|
13167
13439
|
...rest,
|
|
@@ -13174,8 +13446,8 @@ var AddTabButton = ({
|
|
|
13174
13446
|
focus_default["focusable--inset"]
|
|
13175
13447
|
),
|
|
13176
13448
|
children: [
|
|
13177
|
-
/* @__PURE__ */
|
|
13178
|
-
/* @__PURE__ */
|
|
13449
|
+
/* @__PURE__ */ jsx315(Icon, { icon: PlusIcon, iconSize: "inherit" }),
|
|
13450
|
+
/* @__PURE__ */ jsx315("span", { children })
|
|
13179
13451
|
]
|
|
13180
13452
|
}
|
|
13181
13453
|
);
|
|
@@ -13183,8 +13455,8 @@ var AddTabButton = ({
|
|
|
13183
13455
|
AddTabButton.displayName = "AddTabButton";
|
|
13184
13456
|
|
|
13185
13457
|
// src/components/Tabs/Tabs.tsx
|
|
13186
|
-
import { useEffect as useEffect33, useId as
|
|
13187
|
-
import { jsx as
|
|
13458
|
+
import { useEffect as useEffect33, useId as useId27, useRef as useRef36, useState as useState31 } from "react";
|
|
13459
|
+
import { jsx as jsx316 } from "react/jsx-runtime";
|
|
13188
13460
|
var TABS_SIZES = createSizes("small", "medium");
|
|
13189
13461
|
var Tabs = ({
|
|
13190
13462
|
id,
|
|
@@ -13199,7 +13471,7 @@ var Tabs = ({
|
|
|
13199
13471
|
htmlProps,
|
|
13200
13472
|
...rest
|
|
13201
13473
|
}) => {
|
|
13202
|
-
const generatedId =
|
|
13474
|
+
const generatedId = useId27();
|
|
13203
13475
|
const uniqueId = id != null ? id : `${generatedId}-tabs`;
|
|
13204
13476
|
const [thisActiveTab, setActiveTab] = useState31(activeTab != null ? activeTab : 0);
|
|
13205
13477
|
const [hasTabFocus, setHasTabFocus] = useState31(false);
|
|
@@ -13214,7 +13486,7 @@ var Tabs = ({
|
|
|
13214
13486
|
setActiveTab(activeTab);
|
|
13215
13487
|
}
|
|
13216
13488
|
}, [activeTab, thisActiveTab]);
|
|
13217
|
-
return /* @__PURE__ */
|
|
13489
|
+
return /* @__PURE__ */ jsx316(
|
|
13218
13490
|
TabsContext,
|
|
13219
13491
|
{
|
|
13220
13492
|
value: {
|
|
@@ -13229,7 +13501,7 @@ var Tabs = ({
|
|
|
13229
13501
|
tabContentDirection,
|
|
13230
13502
|
addTabButtonProps
|
|
13231
13503
|
},
|
|
13232
|
-
children: /* @__PURE__ */
|
|
13504
|
+
children: /* @__PURE__ */ jsx316(
|
|
13233
13505
|
Box,
|
|
13234
13506
|
{
|
|
13235
13507
|
...getBaseHTMLProps(uniqueId, className, htmlProps, rest),
|
|
@@ -13248,7 +13520,7 @@ import {
|
|
|
13248
13520
|
useEffect as useEffect34,
|
|
13249
13521
|
useRef as useRef37
|
|
13250
13522
|
} from "react";
|
|
13251
|
-
import { jsx as
|
|
13523
|
+
import { jsx as jsx317, jsxs as jsxs81 } from "react/jsx-runtime";
|
|
13252
13524
|
var Tab = ({
|
|
13253
13525
|
active = false,
|
|
13254
13526
|
icon,
|
|
@@ -13290,7 +13562,7 @@ var Tab = ({
|
|
|
13290
13562
|
handleSelect();
|
|
13291
13563
|
onKeyDown == null ? void 0 : onKeyDown(e);
|
|
13292
13564
|
};
|
|
13293
|
-
return /* @__PURE__ */
|
|
13565
|
+
return /* @__PURE__ */ jsxs81(
|
|
13294
13566
|
"button",
|
|
13295
13567
|
{
|
|
13296
13568
|
...getBaseHTMLProps(
|
|
@@ -13314,8 +13586,8 @@ var Tab = ({
|
|
|
13314
13586
|
onKeyDown: handleOnKeyDown,
|
|
13315
13587
|
tabIndex: focus ? 0 : -1,
|
|
13316
13588
|
children: [
|
|
13317
|
-
icon && /* @__PURE__ */
|
|
13318
|
-
/* @__PURE__ */
|
|
13589
|
+
icon && /* @__PURE__ */ jsx317(Icon, { icon, iconSize: "inherit" }),
|
|
13590
|
+
/* @__PURE__ */ jsx317("span", { children })
|
|
13319
13591
|
]
|
|
13320
13592
|
}
|
|
13321
13593
|
);
|
|
@@ -13329,7 +13601,7 @@ import {
|
|
|
13329
13601
|
isValidElement as isValidElement7,
|
|
13330
13602
|
useState as useState32
|
|
13331
13603
|
} from "react";
|
|
13332
|
-
import { jsx as
|
|
13604
|
+
import { jsx as jsx318, jsxs as jsxs82 } from "react/jsx-runtime";
|
|
13333
13605
|
var TabList = ({
|
|
13334
13606
|
children,
|
|
13335
13607
|
id,
|
|
@@ -13387,7 +13659,7 @@ var TabList = ({
|
|
|
13387
13659
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
13388
13660
|
["--dds-tab-widths"]: widths.join(" ")
|
|
13389
13661
|
};
|
|
13390
|
-
return /* @__PURE__ */
|
|
13662
|
+
return /* @__PURE__ */ jsx318(TabWidthContextProvider, { onChangeWidths: setWidths, children: /* @__PURE__ */ jsxs82(
|
|
13391
13663
|
"div",
|
|
13392
13664
|
{
|
|
13393
13665
|
...rest,
|
|
@@ -13407,7 +13679,7 @@ var TabList = ({
|
|
|
13407
13679
|
style: { ...style, ...customWidths },
|
|
13408
13680
|
children: [
|
|
13409
13681
|
tabListChildren,
|
|
13410
|
-
hasButton && /* @__PURE__ */
|
|
13682
|
+
hasButton && /* @__PURE__ */ jsx318(
|
|
13411
13683
|
AddTabButton,
|
|
13412
13684
|
{
|
|
13413
13685
|
index: tabListChildren ? tabListChildren.length : 0,
|
|
@@ -13421,7 +13693,7 @@ var TabList = ({
|
|
|
13421
13693
|
TabList.displayName = "TabList";
|
|
13422
13694
|
|
|
13423
13695
|
// src/components/Tabs/TabPanel.tsx
|
|
13424
|
-
import { jsx as
|
|
13696
|
+
import { jsx as jsx319 } from "react/jsx-runtime";
|
|
13425
13697
|
var TabPanel = ({
|
|
13426
13698
|
active = false,
|
|
13427
13699
|
children,
|
|
@@ -13430,7 +13702,7 @@ var TabPanel = ({
|
|
|
13430
13702
|
htmlProps,
|
|
13431
13703
|
padding = "x0.25",
|
|
13432
13704
|
...rest
|
|
13433
|
-
}) => /* @__PURE__ */
|
|
13705
|
+
}) => /* @__PURE__ */ jsx319(
|
|
13434
13706
|
Box,
|
|
13435
13707
|
{
|
|
13436
13708
|
padding,
|
|
@@ -13449,7 +13721,7 @@ import {
|
|
|
13449
13721
|
cloneElement as cloneElement8,
|
|
13450
13722
|
isValidElement as isValidElement8
|
|
13451
13723
|
} from "react";
|
|
13452
|
-
import { jsx as
|
|
13724
|
+
import { jsx as jsx320 } from "react/jsx-runtime";
|
|
13453
13725
|
var TabPanels = ({ children, ref, ...rest }) => {
|
|
13454
13726
|
const { activeTab, tabsId, tabPanelsRef } = useTabsContext();
|
|
13455
13727
|
const combinedRef = useCombinedRef(ref, tabPanelsRef);
|
|
@@ -13464,7 +13736,7 @@ var TabPanels = ({ children, ref, ...rest }) => {
|
|
|
13464
13736
|
}
|
|
13465
13737
|
});
|
|
13466
13738
|
});
|
|
13467
|
-
return /* @__PURE__ */
|
|
13739
|
+
return /* @__PURE__ */ jsx320(Box, { ref: combinedRef, ...rest, children: panelChildren });
|
|
13468
13740
|
};
|
|
13469
13741
|
TabPanels.displayName = "TabPanels";
|
|
13470
13742
|
|
|
@@ -13485,7 +13757,7 @@ var Tag_default = {
|
|
|
13485
13757
|
};
|
|
13486
13758
|
|
|
13487
13759
|
// src/components/Tag/Tag.tsx
|
|
13488
|
-
import { jsx as
|
|
13760
|
+
import { jsx as jsx321, jsxs as jsxs83 } from "react/jsx-runtime";
|
|
13489
13761
|
var icons3 = {
|
|
13490
13762
|
info: InfoIcon,
|
|
13491
13763
|
danger: ErrorIcon,
|
|
@@ -13505,7 +13777,7 @@ var Tag = ({
|
|
|
13505
13777
|
...rest
|
|
13506
13778
|
}) => {
|
|
13507
13779
|
const icon = icons3[purpose];
|
|
13508
|
-
return /* @__PURE__ */
|
|
13780
|
+
return /* @__PURE__ */ jsxs83(
|
|
13509
13781
|
TextOverflowEllipsisWrapper,
|
|
13510
13782
|
{
|
|
13511
13783
|
...getBaseHTMLProps(
|
|
@@ -13521,8 +13793,8 @@ var Tag = ({
|
|
|
13521
13793
|
rest
|
|
13522
13794
|
),
|
|
13523
13795
|
children: [
|
|
13524
|
-
withIcon && icon && /* @__PURE__ */
|
|
13525
|
-
/* @__PURE__ */
|
|
13796
|
+
withIcon && icon && /* @__PURE__ */ jsx321(Icon, { icon, iconSize: "small" }),
|
|
13797
|
+
/* @__PURE__ */ jsx321(TextOverflowEllipsisInner, { children: children != null ? children : text })
|
|
13526
13798
|
]
|
|
13527
13799
|
}
|
|
13528
13800
|
);
|
|
@@ -13530,17 +13802,13 @@ var Tag = ({
|
|
|
13530
13802
|
Tag.displayName = "Tag";
|
|
13531
13803
|
|
|
13532
13804
|
// src/components/TextInput/TextInput.tsx
|
|
13533
|
-
import { useId as
|
|
13805
|
+
import { useId as useId28, useLayoutEffect as useLayoutEffect4, useRef as useRef38, useState as useState33 } from "react";
|
|
13534
13806
|
|
|
13535
13807
|
// src/components/TextInput/TextInput.module.css
|
|
13536
13808
|
var TextInput_default = {
|
|
13537
13809
|
container: "TextInput_container",
|
|
13538
13810
|
"container--readonly": "TextInput_container--readonly",
|
|
13539
13811
|
"container--disabled": "TextInput_container--disabled",
|
|
13540
|
-
input: "TextInput_input",
|
|
13541
|
-
"with-icon--medium": "TextInput_with-icon--medium",
|
|
13542
|
-
"with-icon--small": "TextInput_with-icon--small",
|
|
13543
|
-
"with-icon--xsmall": "TextInput_with-icon--xsmall",
|
|
13544
13812
|
"input--extended": "TextInput_input--extended",
|
|
13545
13813
|
"icon--medium": "TextInput_icon--medium",
|
|
13546
13814
|
"icon--small": "TextInput_icon--small",
|
|
@@ -13552,7 +13820,7 @@ var TextInput_default = {
|
|
|
13552
13820
|
};
|
|
13553
13821
|
|
|
13554
13822
|
// src/components/TextInput/TextInput.tsx
|
|
13555
|
-
import { jsx as
|
|
13823
|
+
import { jsx as jsx322, jsxs as jsxs84 } from "react/jsx-runtime";
|
|
13556
13824
|
var TextInput = ({
|
|
13557
13825
|
label,
|
|
13558
13826
|
afterLabelContent,
|
|
@@ -13601,7 +13869,7 @@ var TextInput = ({
|
|
|
13601
13869
|
onChange(event);
|
|
13602
13870
|
}
|
|
13603
13871
|
};
|
|
13604
|
-
const generatedId =
|
|
13872
|
+
const generatedId = useId28();
|
|
13605
13873
|
const uniqueId = id != null ? id : `${generatedId}-textInput`;
|
|
13606
13874
|
const hasErrorMessage = !!errorMessage;
|
|
13607
13875
|
const hasTip = !!tip;
|
|
@@ -13647,24 +13915,24 @@ var TextInput = ({
|
|
|
13647
13915
|
const suffixPaddingInlineEnd = suffixLength ? `calc(var(--dds-spacing-x1) + ${suffixLength}px)` : void 0;
|
|
13648
13916
|
let extendedInput = null;
|
|
13649
13917
|
if (hasIcon) {
|
|
13650
|
-
extendedInput = /* @__PURE__ */
|
|
13651
|
-
/* @__PURE__ */
|
|
13918
|
+
extendedInput = /* @__PURE__ */ jsxs84(Box, { className: Input_default["input-group"], width: inputWidth, children: [
|
|
13919
|
+
/* @__PURE__ */ jsx322(
|
|
13652
13920
|
Icon,
|
|
13653
13921
|
{
|
|
13654
13922
|
icon,
|
|
13655
13923
|
iconSize: getFormInputIconSize(componentSize),
|
|
13656
13924
|
className: cn(
|
|
13657
|
-
Input_default["input-group__absolute-
|
|
13925
|
+
Input_default["input-group__absolute-el"],
|
|
13926
|
+
Input_default[`input-group__absolute-el--${componentSize}`],
|
|
13658
13927
|
TextInput_default[`icon--${componentSize}`]
|
|
13659
13928
|
)
|
|
13660
13929
|
}
|
|
13661
13930
|
),
|
|
13662
|
-
/* @__PURE__ */
|
|
13931
|
+
/* @__PURE__ */ jsx322(
|
|
13663
13932
|
StatefulInput,
|
|
13664
13933
|
{
|
|
13665
13934
|
className: cn(
|
|
13666
|
-
|
|
13667
|
-
TextInput_default[`with-icon--${componentSize}`],
|
|
13935
|
+
Input_default[`input-with-icon--${componentSize}`],
|
|
13668
13936
|
TextInput_default["input--extended"]
|
|
13669
13937
|
),
|
|
13670
13938
|
...generalInputProps
|
|
@@ -13672,7 +13940,7 @@ var TextInput = ({
|
|
|
13672
13940
|
)
|
|
13673
13941
|
] });
|
|
13674
13942
|
} else if (hasAffix) {
|
|
13675
|
-
extendedInput = /* @__PURE__ */
|
|
13943
|
+
extendedInput = /* @__PURE__ */ jsxs84(
|
|
13676
13944
|
Box,
|
|
13677
13945
|
{
|
|
13678
13946
|
position: "relative",
|
|
@@ -13680,7 +13948,7 @@ var TextInput = ({
|
|
|
13680
13948
|
alignItems: "center",
|
|
13681
13949
|
width: inputWidth,
|
|
13682
13950
|
children: [
|
|
13683
|
-
prefix2 && /* @__PURE__ */
|
|
13951
|
+
prefix2 && /* @__PURE__ */ jsx322(
|
|
13684
13952
|
"span",
|
|
13685
13953
|
{
|
|
13686
13954
|
ref: prefixRef,
|
|
@@ -13693,7 +13961,7 @@ var TextInput = ({
|
|
|
13693
13961
|
children: prefix2
|
|
13694
13962
|
}
|
|
13695
13963
|
),
|
|
13696
|
-
/* @__PURE__ */
|
|
13964
|
+
/* @__PURE__ */ jsx322(
|
|
13697
13965
|
StatefulInput,
|
|
13698
13966
|
{
|
|
13699
13967
|
style: {
|
|
@@ -13704,7 +13972,7 @@ var TextInput = ({
|
|
|
13704
13972
|
...generalInputProps
|
|
13705
13973
|
}
|
|
13706
13974
|
),
|
|
13707
|
-
suffix && /* @__PURE__ */
|
|
13975
|
+
suffix && /* @__PURE__ */ jsx322(
|
|
13708
13976
|
"span",
|
|
13709
13977
|
{
|
|
13710
13978
|
ref: suffixRef,
|
|
@@ -13721,7 +13989,7 @@ var TextInput = ({
|
|
|
13721
13989
|
}
|
|
13722
13990
|
);
|
|
13723
13991
|
}
|
|
13724
|
-
return /* @__PURE__ */
|
|
13992
|
+
return /* @__PURE__ */ jsxs84(
|
|
13725
13993
|
"div",
|
|
13726
13994
|
{
|
|
13727
13995
|
className: cn(
|
|
@@ -13740,8 +14008,8 @@ var TextInput = ({
|
|
|
13740
14008
|
readOnly,
|
|
13741
14009
|
afterLabelContent
|
|
13742
14010
|
}),
|
|
13743
|
-
extendedInput ? extendedInput : /* @__PURE__ */
|
|
13744
|
-
hasBottomContainer && /* @__PURE__ */
|
|
14011
|
+
extendedInput ? extendedInput : /* @__PURE__ */ jsx322(Box, { as: StatefulInput, width: inputWidth, ...generalInputProps }),
|
|
14012
|
+
hasBottomContainer && /* @__PURE__ */ jsxs84(
|
|
13745
14013
|
Box,
|
|
13746
14014
|
{
|
|
13747
14015
|
display: "flex",
|
|
@@ -13749,7 +14017,7 @@ var TextInput = ({
|
|
|
13749
14017
|
gap: "x0.5",
|
|
13750
14018
|
width: withCharacterCounter ? inputWidth : void 0,
|
|
13751
14019
|
children: [
|
|
13752
|
-
renderInputMessage(tip, tipId, errorMessage, errorMessageId),
|
|
14020
|
+
renderInputMessage({ tip, tipId, errorMessage, errorMessageId }),
|
|
13753
14021
|
renderCharCounter(
|
|
13754
14022
|
characterCounterId,
|
|
13755
14023
|
withCharacterCounter,
|
|
@@ -13766,7 +14034,7 @@ var TextInput = ({
|
|
|
13766
14034
|
TextInput.displayName = "TextInput";
|
|
13767
14035
|
|
|
13768
14036
|
// src/components/Toggle/Toggle.tsx
|
|
13769
|
-
import { useId as
|
|
14037
|
+
import { useId as useId29 } from "react";
|
|
13770
14038
|
|
|
13771
14039
|
// src/components/Toggle/Toggle.module.css
|
|
13772
14040
|
var Toggle_default = {
|
|
@@ -13784,7 +14052,7 @@ var Toggle_default = {
|
|
|
13784
14052
|
};
|
|
13785
14053
|
|
|
13786
14054
|
// src/components/Toggle/Toggle.tsx
|
|
13787
|
-
import { jsx as
|
|
14055
|
+
import { jsx as jsx323, jsxs as jsxs85 } from "react/jsx-runtime";
|
|
13788
14056
|
var TOGGLE_SIZES = createSizes("medium", "large");
|
|
13789
14057
|
var Toggle = ({
|
|
13790
14058
|
id,
|
|
@@ -13801,7 +14069,7 @@ var Toggle = ({
|
|
|
13801
14069
|
...rest
|
|
13802
14070
|
}) => {
|
|
13803
14071
|
const { t } = useTranslation();
|
|
13804
|
-
const generatedId =
|
|
14072
|
+
const generatedId = useId29();
|
|
13805
14073
|
const uniqueId = id != null ? id : `${generatedId}-toggle`;
|
|
13806
14074
|
const iconSize = size2 === "large" ? "medium" : "small";
|
|
13807
14075
|
const [checked, setChecked] = useControllableState({
|
|
@@ -13809,7 +14077,7 @@ var Toggle = ({
|
|
|
13809
14077
|
defaultValue: defaultChecked != null ? defaultChecked : false,
|
|
13810
14078
|
onChange
|
|
13811
14079
|
});
|
|
13812
|
-
return /* @__PURE__ */
|
|
14080
|
+
return /* @__PURE__ */ jsxs85(
|
|
13813
14081
|
"label",
|
|
13814
14082
|
{
|
|
13815
14083
|
htmlFor: uniqueId,
|
|
@@ -13821,7 +14089,7 @@ var Toggle = ({
|
|
|
13821
14089
|
readOnly && Toggle_default["label--read-only"]
|
|
13822
14090
|
),
|
|
13823
14091
|
children: [
|
|
13824
|
-
/* @__PURE__ */
|
|
14092
|
+
/* @__PURE__ */ jsx323(
|
|
13825
14093
|
HiddenInput,
|
|
13826
14094
|
{
|
|
13827
14095
|
...getBaseHTMLProps(
|
|
@@ -13843,7 +14111,7 @@ var Toggle = ({
|
|
|
13843
14111
|
onClick: readOnlyClickHandler(readOnly || isLoading, htmlProps.onClick)
|
|
13844
14112
|
}
|
|
13845
14113
|
),
|
|
13846
|
-
/* @__PURE__ */
|
|
14114
|
+
/* @__PURE__ */ jsx323("span", { className: cn(Toggle_default.track, focus_default["focus-styled-sibling"]), children: /* @__PURE__ */ jsx323("span", { className: Toggle_default.thumb, children: isLoading ? /* @__PURE__ */ jsx323(Spinner, { size: `var(--dds-icon-size-${size2})` }) : /* @__PURE__ */ jsx323(
|
|
13847
14115
|
Icon,
|
|
13848
14116
|
{
|
|
13849
14117
|
className: Toggle_default.checkmark,
|
|
@@ -13851,8 +14119,8 @@ var Toggle = ({
|
|
|
13851
14119
|
iconSize
|
|
13852
14120
|
}
|
|
13853
14121
|
) }) }),
|
|
13854
|
-
/* @__PURE__ */
|
|
13855
|
-
readOnly && /* @__PURE__ */
|
|
14122
|
+
/* @__PURE__ */ jsxs85("span", { className: cn(readOnly && Toggle_default["labeltext--readonly"]), children: [
|
|
14123
|
+
readOnly && /* @__PURE__ */ jsx323(
|
|
13856
14124
|
Icon,
|
|
13857
14125
|
{
|
|
13858
14126
|
icon: LockIcon,
|
|
@@ -13862,7 +14130,7 @@ var Toggle = ({
|
|
|
13862
14130
|
),
|
|
13863
14131
|
children,
|
|
13864
14132
|
" ",
|
|
13865
|
-
isLoading && /* @__PURE__ */
|
|
14133
|
+
isLoading && /* @__PURE__ */ jsx323(VisuallyHidden, { children: t(commonTexts.loading) })
|
|
13866
14134
|
] })
|
|
13867
14135
|
]
|
|
13868
14136
|
}
|
|
@@ -13871,7 +14139,7 @@ var Toggle = ({
|
|
|
13871
14139
|
Toggle.displayName = "Toggle";
|
|
13872
14140
|
|
|
13873
14141
|
// src/components/ToggleBar/ToggleBar.tsx
|
|
13874
|
-
import { useId as
|
|
14142
|
+
import { useId as useId30, useState as useState34 } from "react";
|
|
13875
14143
|
|
|
13876
14144
|
// src/components/ToggleBar/ToggleBar.context.tsx
|
|
13877
14145
|
import { createContext as createContext20, useContext as useContext28 } from "react";
|
|
@@ -13896,7 +14164,7 @@ var ToggleBar_default = {
|
|
|
13896
14164
|
};
|
|
13897
14165
|
|
|
13898
14166
|
// src/components/ToggleBar/ToggleBar.tsx
|
|
13899
|
-
import { jsx as
|
|
14167
|
+
import { jsx as jsx324, jsxs as jsxs86 } from "react/jsx-runtime";
|
|
13900
14168
|
var ToggleBar = (props) => {
|
|
13901
14169
|
const {
|
|
13902
14170
|
children,
|
|
@@ -13911,7 +14179,7 @@ var ToggleBar = (props) => {
|
|
|
13911
14179
|
id,
|
|
13912
14180
|
...rest
|
|
13913
14181
|
} = props;
|
|
13914
|
-
const generatedId =
|
|
14182
|
+
const generatedId = useId30();
|
|
13915
14183
|
const uniqueId = id != null ? id : `${generatedId}-ToggleBar`;
|
|
13916
14184
|
const [groupValue, setGroupValue] = useState34(value);
|
|
13917
14185
|
const handleChange = combineHandlers(
|
|
@@ -13919,7 +14187,7 @@ var ToggleBar = (props) => {
|
|
|
13919
14187
|
(e) => onChange && onChange(e, e.target.value)
|
|
13920
14188
|
);
|
|
13921
14189
|
const labelId = label && `${uniqueId}-label`;
|
|
13922
|
-
return /* @__PURE__ */
|
|
14190
|
+
return /* @__PURE__ */ jsx324(
|
|
13923
14191
|
ToggleBarContext,
|
|
13924
14192
|
{
|
|
13925
14193
|
value: {
|
|
@@ -13928,7 +14196,7 @@ var ToggleBar = (props) => {
|
|
|
13928
14196
|
name,
|
|
13929
14197
|
value: groupValue
|
|
13930
14198
|
},
|
|
13931
|
-
children: /* @__PURE__ */
|
|
14199
|
+
children: /* @__PURE__ */ jsxs86(
|
|
13932
14200
|
VStack,
|
|
13933
14201
|
{
|
|
13934
14202
|
...getBaseHTMLProps(id, className, htmlProps, rest),
|
|
@@ -13937,8 +14205,8 @@ var ToggleBar = (props) => {
|
|
|
13937
14205
|
role: "radiogroup",
|
|
13938
14206
|
"aria-labelledby": labelId != null ? labelId : htmlProps == null ? void 0 : htmlProps["aria-labelledby"],
|
|
13939
14207
|
children: [
|
|
13940
|
-
label && /* @__PURE__ */
|
|
13941
|
-
/* @__PURE__ */
|
|
14208
|
+
label && /* @__PURE__ */ jsx324(Typography, { id: labelId, as: "span", typographyType: "labelMedium", children: label }),
|
|
14209
|
+
/* @__PURE__ */ jsx324("div", { className: ToggleBar_default.bar, children })
|
|
13942
14210
|
]
|
|
13943
14211
|
}
|
|
13944
14212
|
)
|
|
@@ -13948,8 +14216,8 @@ var ToggleBar = (props) => {
|
|
|
13948
14216
|
ToggleBar.displayName = "ToggleBar";
|
|
13949
14217
|
|
|
13950
14218
|
// src/components/ToggleBar/ToggleRadio.tsx
|
|
13951
|
-
import { useId as
|
|
13952
|
-
import { jsx as
|
|
14219
|
+
import { useId as useId31 } from "react";
|
|
14220
|
+
import { jsx as jsx325, jsxs as jsxs87 } from "react/jsx-runtime";
|
|
13953
14221
|
var typographyTypes3 = {
|
|
13954
14222
|
large: "bodyLarge",
|
|
13955
14223
|
medium: "bodyMedium",
|
|
@@ -13980,7 +14248,7 @@ var ToggleRadio = ({
|
|
|
13980
14248
|
id,
|
|
13981
14249
|
...rest
|
|
13982
14250
|
}) => {
|
|
13983
|
-
const generatedId =
|
|
14251
|
+
const generatedId = useId31();
|
|
13984
14252
|
const uniqueId = id != null ? id : `${generatedId}-ToggleRadio`;
|
|
13985
14253
|
const group = useToggleBarContext();
|
|
13986
14254
|
const handleChange = (event) => {
|
|
@@ -13989,8 +14257,8 @@ var ToggleRadio = ({
|
|
|
13989
14257
|
(_a = group == null ? void 0 : group.onChange) == null ? void 0 : _a.call(group, event);
|
|
13990
14258
|
};
|
|
13991
14259
|
const contentTypeCn = label ? "with-text" : "just-icon";
|
|
13992
|
-
return /* @__PURE__ */
|
|
13993
|
-
/* @__PURE__ */
|
|
14260
|
+
return /* @__PURE__ */ jsxs87("label", { htmlFor: uniqueId, className: ToggleBar_default.label, children: [
|
|
14261
|
+
/* @__PURE__ */ jsx325(
|
|
13994
14262
|
HiddenInput,
|
|
13995
14263
|
{
|
|
13996
14264
|
...getBaseHTMLProps(
|
|
@@ -14008,7 +14276,7 @@ var ToggleRadio = ({
|
|
|
14008
14276
|
"aria-labelledby": ariaLabelledBy
|
|
14009
14277
|
}
|
|
14010
14278
|
),
|
|
14011
|
-
/* @__PURE__ */
|
|
14279
|
+
/* @__PURE__ */ jsxs87(
|
|
14012
14280
|
Typography,
|
|
14013
14281
|
{
|
|
14014
14282
|
as: "span",
|
|
@@ -14019,8 +14287,8 @@ var ToggleRadio = ({
|
|
|
14019
14287
|
focus_default["focus-styled-sibling"]
|
|
14020
14288
|
),
|
|
14021
14289
|
children: [
|
|
14022
|
-
icon && /* @__PURE__ */
|
|
14023
|
-
label && /* @__PURE__ */
|
|
14290
|
+
icon && /* @__PURE__ */ jsx325(Icon, { icon, iconSize: "inherit" }),
|
|
14291
|
+
label && /* @__PURE__ */ jsx325("span", { children: label })
|
|
14024
14292
|
]
|
|
14025
14293
|
}
|
|
14026
14294
|
)
|
|
@@ -14029,7 +14297,7 @@ var ToggleRadio = ({
|
|
|
14029
14297
|
ToggleRadio.displayName = "ToggleRadio";
|
|
14030
14298
|
|
|
14031
14299
|
// src/components/ToggleButton/ToggleButton.tsx
|
|
14032
|
-
import { useId as
|
|
14300
|
+
import { useId as useId32 } from "react";
|
|
14033
14301
|
|
|
14034
14302
|
// src/components/ToggleButton/ToggleButton.module.css
|
|
14035
14303
|
var ToggleButton_default = {
|
|
@@ -14040,7 +14308,7 @@ var ToggleButton_default = {
|
|
|
14040
14308
|
};
|
|
14041
14309
|
|
|
14042
14310
|
// src/components/ToggleButton/ToggleButton.tsx
|
|
14043
|
-
import { jsx as
|
|
14311
|
+
import { jsx as jsx326, jsxs as jsxs88 } from "react/jsx-runtime";
|
|
14044
14312
|
var ToggleButton = ({
|
|
14045
14313
|
id,
|
|
14046
14314
|
label,
|
|
@@ -14050,11 +14318,11 @@ var ToggleButton = ({
|
|
|
14050
14318
|
htmlProps,
|
|
14051
14319
|
...rest
|
|
14052
14320
|
}) => {
|
|
14053
|
-
const generatedId =
|
|
14321
|
+
const generatedId = useId32();
|
|
14054
14322
|
const uniqueId = id != null ? id : `${generatedId}-toggleButton`;
|
|
14055
14323
|
const hasIcon = !!icon;
|
|
14056
|
-
return /* @__PURE__ */
|
|
14057
|
-
/* @__PURE__ */
|
|
14324
|
+
return /* @__PURE__ */ jsxs88(Box, { as: "label", htmlFor: uniqueId, width: "fit-content", children: [
|
|
14325
|
+
/* @__PURE__ */ jsx326(
|
|
14058
14326
|
HiddenInput,
|
|
14059
14327
|
{
|
|
14060
14328
|
...getBaseHTMLProps(
|
|
@@ -14066,7 +14334,7 @@ var ToggleButton = ({
|
|
|
14066
14334
|
type: "checkbox"
|
|
14067
14335
|
}
|
|
14068
14336
|
),
|
|
14069
|
-
/* @__PURE__ */
|
|
14337
|
+
/* @__PURE__ */ jsxs88(
|
|
14070
14338
|
"span",
|
|
14071
14339
|
{
|
|
14072
14340
|
className: cn(
|
|
@@ -14077,7 +14345,7 @@ var ToggleButton = ({
|
|
|
14077
14345
|
focus_default["focus-styled-sibling"]
|
|
14078
14346
|
),
|
|
14079
14347
|
children: [
|
|
14080
|
-
hasIcon && /* @__PURE__ */
|
|
14348
|
+
hasIcon && /* @__PURE__ */ jsx326(Icon, { icon, iconSize: "inherit" }),
|
|
14081
14349
|
" ",
|
|
14082
14350
|
label
|
|
14083
14351
|
]
|
|
@@ -14088,8 +14356,8 @@ var ToggleButton = ({
|
|
|
14088
14356
|
ToggleButton.displayName = "ToggleButton";
|
|
14089
14357
|
|
|
14090
14358
|
// src/components/ToggleButton/ToggleButtonGroup.tsx
|
|
14091
|
-
import { useId as
|
|
14092
|
-
import { jsx as
|
|
14359
|
+
import { useId as useId33 } from "react";
|
|
14360
|
+
import { jsx as jsx327, jsxs as jsxs89 } from "react/jsx-runtime";
|
|
14093
14361
|
var ToggleButtonGroup = (props) => {
|
|
14094
14362
|
const {
|
|
14095
14363
|
children,
|
|
@@ -14101,9 +14369,9 @@ var ToggleButtonGroup = (props) => {
|
|
|
14101
14369
|
htmlProps,
|
|
14102
14370
|
...rest
|
|
14103
14371
|
} = props;
|
|
14104
|
-
const generatedId =
|
|
14372
|
+
const generatedId = useId33();
|
|
14105
14373
|
const uniqueLabelId = labelId != null ? labelId : `${generatedId}-ToggleButtonGroupLabel`;
|
|
14106
|
-
return /* @__PURE__ */
|
|
14374
|
+
return /* @__PURE__ */ jsxs89(
|
|
14107
14375
|
"div",
|
|
14108
14376
|
{
|
|
14109
14377
|
...getBaseHTMLProps(id, className, htmlProps, rest),
|
|
@@ -14111,7 +14379,7 @@ var ToggleButtonGroup = (props) => {
|
|
|
14111
14379
|
"aria-labelledby": label ? uniqueLabelId : void 0,
|
|
14112
14380
|
children: [
|
|
14113
14381
|
renderGroupLabel({ label, id: uniqueLabelId }),
|
|
14114
|
-
/* @__PURE__ */
|
|
14382
|
+
/* @__PURE__ */ jsx327(Box, { display: "flex", flexWrap: "wrap", gap: "x0.75", flexDirection: direction, children })
|
|
14115
14383
|
]
|
|
14116
14384
|
}
|
|
14117
14385
|
);
|
|
@@ -14247,6 +14515,16 @@ export {
|
|
|
14247
14515
|
FooterLogo,
|
|
14248
14516
|
FooterSocialsGroup,
|
|
14249
14517
|
FooterSocialsList,
|
|
14518
|
+
FormSummary,
|
|
14519
|
+
FormSummaryEditButton,
|
|
14520
|
+
FormSummaryEmptyValue,
|
|
14521
|
+
FormSummaryError,
|
|
14522
|
+
FormSummaryField,
|
|
14523
|
+
FormSummaryFields,
|
|
14524
|
+
FormSummaryHeader,
|
|
14525
|
+
FormSummaryHeading,
|
|
14526
|
+
FormSummaryLabel,
|
|
14527
|
+
FormSummaryValue,
|
|
14250
14528
|
FullscreenExitIcon,
|
|
14251
14529
|
FullscreenIcon,
|
|
14252
14530
|
GavelIcon,
|