@navikt/ds-react 7.4.1 → 7.4.3
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/cjs/date/parts/DateInput.js +1 -1
- package/cjs/date/parts/DateInput.js.map +1 -1
- package/cjs/form/ReadOnlyIcon.d.ts +2 -4
- package/cjs/form/ReadOnlyIcon.js +5 -7
- package/cjs/form/ReadOnlyIcon.js.map +1 -1
- package/cjs/form/checkbox/Checkbox.js +1 -1
- package/cjs/form/checkbox/Checkbox.js.map +1 -1
- package/cjs/form/combobox/Combobox.js +1 -1
- package/cjs/form/combobox/Combobox.js.map +1 -1
- package/cjs/form/combobox/Input/Input.js +10 -1
- package/cjs/form/combobox/Input/Input.js.map +1 -1
- package/cjs/form/error-summary/ErrorSummary.js +4 -2
- package/cjs/form/error-summary/ErrorSummary.js.map +1 -1
- package/cjs/form/fieldset/Fieldset.js +2 -1
- package/cjs/form/fieldset/Fieldset.js.map +1 -1
- package/cjs/form/form-progress/FormProgress.js +1 -3
- package/cjs/form/form-progress/FormProgress.js.map +1 -1
- package/cjs/form/select/Select.js +1 -1
- package/cjs/form/select/Select.js.map +1 -1
- package/cjs/form/switch/Switch.js +9 -9
- package/cjs/form/switch/Switch.js.map +1 -1
- package/cjs/form/textarea/Textarea.d.ts +0 -3
- package/cjs/form/textarea/Textarea.js +2 -4
- package/cjs/form/textarea/Textarea.js.map +1 -1
- package/cjs/form/textarea/TextareaCounter.d.ts +2 -1
- package/cjs/form/textarea/TextareaCounter.js +14 -9
- package/cjs/form/textarea/TextareaCounter.js.map +1 -1
- package/cjs/form/textfield/TextField.js +1 -1
- package/cjs/form/textfield/TextField.js.map +1 -1
- package/cjs/pagination/Pagination.d.ts +9 -3
- package/cjs/pagination/Pagination.js +7 -3
- package/cjs/pagination/Pagination.js.map +1 -1
- package/cjs/progress-bar/ProgressBar.js +3 -5
- package/cjs/progress-bar/ProgressBar.js.map +1 -1
- package/cjs/util/i18n/i18n.context.d.ts +1 -3
- package/cjs/util/i18n/i18n.context.js +5 -5
- package/cjs/util/i18n/i18n.context.js.map +1 -1
- package/cjs/util/i18n/locales/en.d.ts +9 -0
- package/cjs/util/i18n/locales/en.js +9 -0
- package/cjs/util/i18n/locales/en.js.map +1 -1
- package/cjs/util/i18n/locales/nb.d.ts +10 -0
- package/cjs/util/i18n/locales/nb.js +10 -0
- package/cjs/util/i18n/locales/nb.js.map +1 -1
- package/cjs/util/i18n/locales/nn.d.ts +9 -0
- package/cjs/util/i18n/locales/nn.js +9 -0
- package/cjs/util/i18n/locales/nn.js.map +1 -1
- package/esm/date/parts/DateInput.js +1 -1
- package/esm/date/parts/DateInput.js.map +1 -1
- package/esm/form/ReadOnlyIcon.d.ts +2 -4
- package/esm/form/ReadOnlyIcon.js +3 -6
- package/esm/form/ReadOnlyIcon.js.map +1 -1
- package/esm/form/checkbox/Checkbox.js +2 -2
- package/esm/form/checkbox/Checkbox.js.map +1 -1
- package/esm/form/combobox/Combobox.js +2 -2
- package/esm/form/combobox/Combobox.js.map +1 -1
- package/esm/form/combobox/Input/Input.js +10 -1
- package/esm/form/combobox/Input/Input.js.map +1 -1
- package/esm/form/error-summary/ErrorSummary.js +4 -2
- package/esm/form/error-summary/ErrorSummary.js.map +1 -1
- package/esm/form/fieldset/Fieldset.js +3 -2
- package/esm/form/fieldset/Fieldset.js.map +1 -1
- package/esm/form/form-progress/FormProgress.js +1 -3
- package/esm/form/form-progress/FormProgress.js.map +1 -1
- package/esm/form/select/Select.js +2 -2
- package/esm/form/select/Select.js.map +1 -1
- package/esm/form/switch/Switch.js +10 -10
- package/esm/form/switch/Switch.js.map +1 -1
- package/esm/form/textarea/Textarea.d.ts +0 -3
- package/esm/form/textarea/Textarea.js +2 -4
- package/esm/form/textarea/Textarea.js.map +1 -1
- package/esm/form/textarea/TextareaCounter.d.ts +2 -1
- package/esm/form/textarea/TextareaCounter.js +14 -9
- package/esm/form/textarea/TextareaCounter.js.map +1 -1
- package/esm/form/textfield/TextField.js +1 -1
- package/esm/form/textfield/TextField.js.map +1 -1
- package/esm/pagination/Pagination.d.ts +9 -3
- package/esm/pagination/Pagination.js +7 -3
- package/esm/pagination/Pagination.js.map +1 -1
- package/esm/progress-bar/ProgressBar.js +3 -5
- package/esm/progress-bar/ProgressBar.js.map +1 -1
- package/esm/util/i18n/i18n.context.d.ts +1 -3
- package/esm/util/i18n/i18n.context.js +5 -5
- package/esm/util/i18n/i18n.context.js.map +1 -1
- package/esm/util/i18n/locales/en.d.ts +9 -0
- package/esm/util/i18n/locales/en.js +9 -0
- package/esm/util/i18n/locales/en.js.map +1 -1
- package/esm/util/i18n/locales/nb.d.ts +10 -0
- package/esm/util/i18n/locales/nb.js +10 -0
- package/esm/util/i18n/locales/nb.js.map +1 -1
- package/esm/util/i18n/locales/nn.d.ts +9 -0
- package/esm/util/i18n/locales/nn.js +9 -0
- package/esm/util/i18n/locales/nn.js.map +1 -1
- package/package.json +3 -3
- package/src/date/parts/DateInput.tsx +1 -1
- package/src/form/ReadOnlyIcon.tsx +14 -17
- package/src/form/checkbox/Checkbox.tsx +2 -4
- package/src/form/combobox/Combobox.tsx +2 -2
- package/src/form/combobox/Input/Input.tsx +14 -1
- package/src/form/error-summary/ErrorSummary.tsx +4 -2
- package/src/form/fieldset/Fieldset.tsx +3 -2
- package/src/form/form-progress/FormProgress.tsx +1 -3
- package/src/form/select/Select.tsx +2 -2
- package/src/form/switch/Switch.tsx +9 -10
- package/src/form/textarea/Textarea.tsx +8 -15
- package/src/form/textarea/TextareaCounter.tsx +31 -7
- package/src/form/textfield/TextField.tsx +1 -1
- package/src/pagination/Pagination.tsx +16 -6
- package/src/progress-bar/ProgressBar.tsx +3 -5
- package/src/util/i18n/i18n.context.test.tsx +4 -6
- package/src/util/i18n/i18n.context.ts +5 -5
- package/src/util/i18n/locales/en.ts +9 -0
- package/src/util/i18n/locales/nb.ts +10 -0
- package/src/util/i18n/locales/nn.ts +9 -0
|
@@ -71,7 +71,7 @@ const DateInput = (0, react_1.forwardRef)((props, ref) => {
|
|
|
71
71
|
react_1.default.createElement(typography_1.Label, { htmlFor: inputProps.id, size: size, className: (0, clsx_1.default)("navds-form-field__label", {
|
|
72
72
|
"navds-sr-only": hideLabel,
|
|
73
73
|
}) },
|
|
74
|
-
react_1.default.createElement(ReadOnlyIcon_1.ReadOnlyIcon,
|
|
74
|
+
readOnly && react_1.default.createElement(ReadOnlyIcon_1.ReadOnlyIcon, null),
|
|
75
75
|
label),
|
|
76
76
|
!!description && (react_1.default.createElement(typography_1.BodyShort, { as: "div", className: (0, clsx_1.default)("navds-form-field__description", {
|
|
77
77
|
"navds-sr-only": hideLabel,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateInput.js","sourceRoot":"","sources":["../../../src/date/parts/DateInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAAuE;AACvE,qDAAmD;AACnD,0DAAuD;AACvD,0DAAuE;AACvE,iDAAkE;AAClE,qCAAkC;AAClC,wCAAiD;AA6BjD,MAAM,SAAS,GAAG,IAAA,kBAAU,EAAmC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC5E,MAAM,EACJ,SAAS,EACT,SAAS,GAAG,KAAK,EACjB,KAAK,EACL,WAAW,EACX,OAAO,GAAG,YAAY,EACtB,YAAY,KAEV,KAAK,EADJ,IAAI,UACL,KAAK,EARH,6EAQL,CAAQ,CAAC;IAEV,MAAM,SAAS,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IAElD,MAAM,mBAAmB,GAAG,OAAO,KAAK,YAAY,CAAC;IAErD,MAAM,oBAAoB,GAAG;QAC3B,MAAM,EAAE,mBAAmB,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,mBAAmB;QACtE,SAAS,EAAE;YACT,IAAI,EAAE,mBAAmB,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,mBAAmB;YACnE,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,mBAAmB;SACrE;KACF,CAAC;IAEF,MAAM,OAAO,GAAG,IAAA,6BAAmB,GAAE,CAAC;IAEtC,MAAM,EACJ,UAAU,EACV,IAAI,GAAG,QAAQ,EACf,kBAAkB,EAClB,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,QAAQ,GACT,GAAG,IAAA,2BAAY,EAAC,KAAK,EAAE,oBAAoB,CAAC,MAAM,CAAC,CAAC;IAErD,OAAO,CACL,uCACE,SAAS,EAAE,IAAA,cAAE,EACX,SAAS,EACT,kBAAkB,EAClB,qBAAqB,IAAI,EAAE,EAC3B,mBAAmB,EACnB;YACE,yBAAyB,EAAE,QAAQ;YACnC,0BAA0B,EAAE,QAAQ;YACpC,4BAA4B,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ;YACnD,4BAA4B,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ;YACnD,4BAA4B,EAAE,QAAQ;YACtC,4BAA4B,EAAE,QAAQ;YACtC,6BAA6B,EAAE,QAAQ;SACxC,CACF;QAED,8BAAC,kBAAK,IACJ,OAAO,EAAE,UAAU,CAAC,EAAE,EACtB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAA,cAAE,EAAC,yBAAyB,EAAE;gBACvC,eAAe,EAAE,SAAS;aAC3B,CAAC;
|
|
1
|
+
{"version":3,"file":"DateInput.js","sourceRoot":"","sources":["../../../src/date/parts/DateInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,3 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
export declare const ReadOnlyIcon: (
|
|
3
|
-
|
|
4
|
-
nativeReadOnly?: boolean;
|
|
5
|
-
}) => React.JSX.Element | null;
|
|
2
|
+
export declare const ReadOnlyIcon: () => React.JSX.Element;
|
|
3
|
+
export declare const ReadOnlyIconWithTitle: () => React.JSX.Element;
|
package/cjs/form/ReadOnlyIcon.js
CHANGED
|
@@ -3,14 +3,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.ReadOnlyIcon = void 0;
|
|
6
|
+
exports.ReadOnlyIconWithTitle = exports.ReadOnlyIcon = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
8
|
const aksel_icons_1 = require("@navikt/aksel-icons");
|
|
9
|
-
const
|
|
10
|
-
|
|
11
|
-
return (react_1.default.createElement(aksel_icons_1.PadlockLockedFillIcon, Object.assign({}, (nativeReadOnly ? { "aria-hidden": true } : { title: "readonly" }), { className: "navds-form-field__readonly-icon" })));
|
|
12
|
-
}
|
|
13
|
-
return null;
|
|
14
|
-
};
|
|
9
|
+
const i18n_context_1 = require("../util/i18n/i18n.context");
|
|
10
|
+
const ReadOnlyIcon = () => (react_1.default.createElement(aksel_icons_1.PadlockLockedFillIcon, { "aria-hidden": true, className: "navds-form-field__readonly-icon" }));
|
|
15
11
|
exports.ReadOnlyIcon = ReadOnlyIcon;
|
|
12
|
+
const ReadOnlyIconWithTitle = () => (react_1.default.createElement(aksel_icons_1.PadlockLockedFillIcon, { title: (0, i18n_context_1.useI18n)("global")("readOnly"), className: "navds-form-field__readonly-icon" }));
|
|
13
|
+
exports.ReadOnlyIconWithTitle = ReadOnlyIconWithTitle;
|
|
16
14
|
//# sourceMappingURL=ReadOnlyIcon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReadOnlyIcon.js","sourceRoot":"","sources":["../../src/form/ReadOnlyIcon.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,qDAA4D;
|
|
1
|
+
{"version":3,"file":"ReadOnlyIcon.js","sourceRoot":"","sources":["../../src/form/ReadOnlyIcon.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,qDAA4D;AAC5D,4DAAoD;AAE7C,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,CAChC,8BAAC,mCAAqB,yBAEpB,SAAS,EAAC,iCAAiC,GAC3C,CACH,CAAC;AALW,QAAA,YAAY,gBAKvB;AAEK,MAAM,qBAAqB,GAAG,GAAG,EAAE,CAAC,CACzC,8BAAC,mCAAqB,IACpB,KAAK,EAAE,IAAA,sBAAO,EAAC,QAAQ,CAAC,CAAC,UAAU,CAAC,EACpC,SAAS,EAAC,iCAAiC,GAC3C,CACH,CAAC;AALW,QAAA,qBAAqB,yBAKhC"}
|
|
@@ -74,7 +74,7 @@ exports.Checkbox = (0, react_1.forwardRef)((props, ref) => {
|
|
|
74
74
|
"navds-sr-only": props.hideLabel,
|
|
75
75
|
}) },
|
|
76
76
|
react_1.default.createElement(typography_1.BodyShort, { as: "span", id: labelId, size: size, className: "navds-checkbox__label-text", "aria-hidden": true },
|
|
77
|
-
!nested &&
|
|
77
|
+
!nested && readOnly && react_1.default.createElement(ReadOnlyIcon_1.ReadOnlyIconWithTitle, null),
|
|
78
78
|
props.children),
|
|
79
79
|
props.description && (react_1.default.createElement(typography_1.BodyShort, { as: "span", id: descriptionId, size: size, className: "navds-form-field__subdescription navds-checkbox__description", "aria-hidden": true }, props.description))))));
|
|
80
80
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/form/checkbox/Checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAC1C,iDAA6C;AAC7C,qCAAkC;AAClC,4CAAyC;AACzC,
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/form/checkbox/Checkbox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -55,7 +55,7 @@ exports.Combobox = (0, react_1.forwardRef)((props, ref) => {
|
|
|
55
55
|
react_1.default.createElement(typography_1.Label, { htmlFor: inputProps.id, size: size, className: (0, clsx_1.default)("navds-form-field__label", {
|
|
56
56
|
"navds-sr-only": hideLabel,
|
|
57
57
|
}) },
|
|
58
|
-
react_1.default.createElement(ReadOnlyIcon_1.
|
|
58
|
+
readOnly && react_1.default.createElement(ReadOnlyIcon_1.ReadOnlyIconWithTitle, null),
|
|
59
59
|
label),
|
|
60
60
|
!!description && (react_1.default.createElement(typography_1.BodyShort, { as: "div", className: (0, clsx_1.default)("navds-form-field__description", {
|
|
61
61
|
"navds-sr-only": hideLabel,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Combobox.js","sourceRoot":"","sources":["../../../src/form/combobox/Combobox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAC1C,iDAAkE;AAClE,
|
|
1
|
+
{"version":3,"file":"Combobox.js","sourceRoot":"","sources":["../../../src/form/combobox/Combobox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAC1C,iDAAkE;AAClE,kDAAwD;AACxD,wEAAgD;AAChD,wFAAgE;AAChE,qFAAqF;AACrF,yDAAwD;AACxD,6DAA0D;AAG7C,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAMhC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACf,MAAM,EAAE,SAAS,EAAE,SAAS,GAAG,KAAK,EAAE,WAAW,EAAE,KAAK,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAArE,kDAA6D,CAAQ,CAAC;IAE5E,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kDAAyB,GAAE,CAAC;IAEzD,MAAM,EACJ,KAAK,EACL,OAAO,EACP,QAAQ,EACR,kBAAkB,EAClB,UAAU,EACV,YAAY,EACZ,IAAI,GAAG,QAAQ,EACf,QAAQ,GACT,GAAG,IAAA,+BAAe,GAAE,CAAC;IAEtB,OAAO,CACL,8BAAC,yBAAe,IACd,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,IAAI,EACf,gBAAgB,EAAE,gBAAgB;QAElC,8BAAC,kBAAK,IACJ,OAAO,EAAE,UAAU,CAAC,EAAE,EACtB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAA,cAAE,EAAC,yBAAyB,EAAE;gBACvC,eAAe,EAAE,SAAS;aAC3B,CAAC;YAED,QAAQ,IAAI,8BAAC,oCAAqB,OAAG;YACrC,KAAK,CACA;QACP,CAAC,CAAC,WAAW,IAAI,CAChB,8BAAC,sBAAS,IACR,EAAE,EAAC,KAAK,EACR,SAAS,EAAE,IAAA,cAAE,EAAC,+BAA+B,EAAE;gBAC7C,eAAe,EAAE,SAAS;aAC3B,CAAC,EACF,EAAE,EAAE,kBAAkB,EACtB,IAAI,EAAE,IAAI,IAET,WAAW,CACF,CACb;QACD,uCAAK,SAAS,EAAC,yBAAyB;YACtC,8BAAC,iCAAe,kBAAC,GAAG,EAAE,GAAG,IAAM,IAAI,EAAI;YACvC,8BAAC,yBAAe,OAAG,CACf;QACN,uCACE,SAAS,EAAC,yBAAyB,EACnC,EAAE,EAAE,OAAO,mBACG,oBAAoB,eACxB,QAAQ,IAEjB,YAAY,IAAI,8BAAC,yBAAY,IAAC,IAAI,EAAE,IAAI,IAAG,KAAK,CAAgB,CAC7D,CACU,CACnB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,gBAAQ,CAAC"}
|
|
@@ -54,6 +54,7 @@ const Input = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
54
54
|
const { selectedOptions, removeSelectedOption, toggleOption, isMultiSelect, maxSelected, } = (0, selectedOptionsContext_1.useSelectedOptionsContext)();
|
|
55
55
|
const { activeDecendantId, allowNewValues, currentOption, filteredOptions, isValueNew, toggleIsListOpen, isListOpen, ariaDescribedBy, setIsMouseLastUsedInputDevice, shouldAutocomplete, virtualFocus, } = (0, filteredOptionsContext_1.useFilteredOptionsContext)();
|
|
56
56
|
const onEnter = (0, react_1.useCallback)((event) => {
|
|
57
|
+
var _a;
|
|
57
58
|
const isTextInSelectedOptions = (text) => selectedOptions.some((option) => option.label.toLocaleLowerCase() === text.toLocaleLowerCase());
|
|
58
59
|
if (currentOption) {
|
|
59
60
|
event.preventDefault();
|
|
@@ -71,8 +72,16 @@ const Input = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
71
72
|
else if ((allowNewValues || shouldAutocomplete) && value !== "") {
|
|
72
73
|
event.preventDefault();
|
|
73
74
|
const autoCompletedOption = filtered_options_util_1.default.getFirstValueStartingWith(value, filteredOptions);
|
|
75
|
+
/*
|
|
76
|
+
* User can have matching results, while not using the autocomplete result
|
|
77
|
+
* E.g. User types "Oslo", list has is "Oslo kommune", but user hits backspace, canceling autocomplete.
|
|
78
|
+
*/
|
|
79
|
+
const autoCompleteMatchesValue = filtered_options_util_1.default.normalizeText(value) ===
|
|
80
|
+
filtered_options_util_1.default.normalizeText((_a = autoCompletedOption === null || autoCompletedOption === void 0 ? void 0 : autoCompletedOption.label) !== null && _a !== void 0 ? _a : "");
|
|
74
81
|
let selectedValue;
|
|
75
|
-
if (shouldAutocomplete &&
|
|
82
|
+
if (shouldAutocomplete &&
|
|
83
|
+
autoCompletedOption &&
|
|
84
|
+
autoCompleteMatchesValue) {
|
|
76
85
|
selectedValue = autoCompletedOption;
|
|
77
86
|
}
|
|
78
87
|
else if (allowNewValues && isValueNew) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/form/combobox/Input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAKe;AACf,wCAAqC;AACrC,6EAA0E;AAC1E,+CAAmD;AACnD,qGAA2E;AAC3E,sFAAsF;AACtF,sFAAsF;AAEtF,mDAAkD;AAqBlD,MAAM,KAAK,GAAG,IAAA,kBAAU,EACtB,CACE,EAA2E,EAC3E,GAAG,EACH,EAAE;QAFF,EAAE,cAAc,EAAE,yBAAyB,EAAE,WAAW,EAAE,MAAM,OAAW,EAAN,IAAI,cAAzE,wEAA2E,CAAF;IAGzE,MAAM,WAAW,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAC;IACnD,MAAM,UAAU,GAAG,IAAA,oBAAY,EAAC,GAAG,EAAE,WAAW,CAAC,CAAC;IAClD,MAAM,EACJ,UAAU,EACV,UAAU,EACV,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,UAAU,EACV,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,QAAQ,GACT,GAAG,IAAA,+BAAe,GAAE,CAAC;IACtB,MAAM,EACJ,eAAe,EACf,oBAAoB,EACpB,YAAY,EACZ,aAAa,EACb,WAAW,GACZ,GAAG,IAAA,kDAAyB,GAAE,CAAC;IAChC,MAAM,EACJ,iBAAiB,EACjB,cAAc,EACd,aAAa,EACb,eAAe,EACf,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,eAAe,EACf,6BAA6B,EAC7B,kBAAkB,EAClB,YAAY,GACb,GAAG,IAAA,kDAAyB,GAAE,CAAC;IAEhC,MAAM,OAAO,GAAG,IAAA,mBAAW,EACzB,CAAC,KAA0B,EAAE,EAAE
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/form/combobox/Input/Input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -43,6 +43,7 @@ const react_1 = __importStar(require("react"));
|
|
|
43
43
|
const typography_1 = require("../../typography");
|
|
44
44
|
const composeEventHandlers_1 = require("../../util/composeEventHandlers");
|
|
45
45
|
const hooks_1 = require("../../util/hooks");
|
|
46
|
+
const i18n_context_1 = require("../../util/i18n/i18n.context");
|
|
46
47
|
const ErrorSummaryItem_1 = __importDefault(require("./ErrorSummaryItem"));
|
|
47
48
|
/**
|
|
48
49
|
* Summary of errors in a form.
|
|
@@ -63,7 +64,8 @@ const ErrorSummaryItem_1 = __importDefault(require("./ErrorSummaryItem"));
|
|
|
63
64
|
* ```
|
|
64
65
|
*/
|
|
65
66
|
exports.ErrorSummary = (0, react_1.forwardRef)((_a, ref) => {
|
|
66
|
-
var { children, className, size = "medium", headingTag = "h2", heading
|
|
67
|
+
var { children, className, size = "medium", headingTag = "h2", heading } = _a, rest = __rest(_a, ["children", "className", "size", "headingTag", "heading"]);
|
|
68
|
+
const translate = (0, i18n_context_1.useI18n)("ErrorSummary");
|
|
67
69
|
const wrapperRef = (0, react_1.useRef)(null);
|
|
68
70
|
const headingRef = (0, react_1.useRef)(null);
|
|
69
71
|
const mergedRef = (0, hooks_1.useMergeRefs)(ref, wrapperRef);
|
|
@@ -73,7 +75,7 @@ exports.ErrorSummary = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
73
75
|
(_a = headingRef === null || headingRef === void 0 ? void 0 : headingRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
74
76
|
}
|
|
75
77
|
}) }),
|
|
76
|
-
react_1.default.createElement(typography_1.Heading, { className: "navds-error-summary__heading", as: headingTag, size: "small", ref: headingRef, tabIndex: -1 }, heading),
|
|
78
|
+
react_1.default.createElement(typography_1.Heading, { className: "navds-error-summary__heading", as: headingTag, size: "small", ref: headingRef, tabIndex: -1 }, heading !== null && heading !== void 0 ? heading : translate("heading")),
|
|
77
79
|
react_1.default.createElement(typography_1.BodyShort, { as: "ul", size: size, className: "navds-error-summary__list" }, children)));
|
|
78
80
|
});
|
|
79
81
|
exports.ErrorSummary.Item = ErrorSummaryItem_1.default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorSummary.js","sourceRoot":"","sources":["../../../src/form/error-summary/ErrorSummary.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAAkE;AAClE,iDAAsD;AACtD,0EAAuE;AACvE,4CAAgD;AAChD,0EAAkD;AA4ClD;;;;;;;;;;;;;;;;;GAiBG;AACU,QAAA,YAAY,GAAG,IAAA,kBAAU,EACpC,CACE,EAOC,EACD,GAAG,EACH,EAAE;QATF,EACE,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,UAAU,GAAG,IAAI,EACjB,OAAO,
|
|
1
|
+
{"version":3,"file":"ErrorSummary.js","sourceRoot":"","sources":["../../../src/form/error-summary/ErrorSummary.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAAkE;AAClE,iDAAsD;AACtD,0EAAuE;AACvE,4CAAgD;AAChD,+DAAuD;AACvD,0EAAkD;AA4ClD;;;;;;;;;;;;;;;;;GAiBG;AACU,QAAA,YAAY,GAAG,IAAA,kBAAU,EACpC,CACE,EAOC,EACD,GAAG,EACH,EAAE;QATF,EACE,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,UAAU,GAAG,IAAI,EACjB,OAAO,OAER,EADI,IAAI,cANT,0DAOC,CADQ;IAIT,MAAM,SAAS,GAAG,IAAA,sBAAO,EAAC,cAAc,CAAC,CAAC;IAC1C,MAAM,UAAU,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,UAAU,GAAG,IAAA,cAAM,EAAqB,IAAI,CAAC,CAAC;IAEpD,MAAM,SAAS,GAAG,IAAA,oBAAY,EAAC,GAAG,EAAE,UAAU,CAAC,CAAC;IAEhD,OAAO,CACL,qDACE,GAAG,EAAE,SAAS,IACV,IAAI,IACR,SAAS,EAAE,IAAA,cAAE,EACX,SAAS,EACT,qBAAqB,EACrB,wBAAwB,IAAI,EAAE,CAC/B,EACD,QAAQ,EAAE,CAAC,CAAC,EACZ,OAAO,EAAE,IAAA,2CAAoB,EAAC,IAAI,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;;YACpD,IAAI,KAAK,CAAC,MAAM,KAAK,UAAU,CAAC,OAAO,EAAE,CAAC;gBACxC,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,0CAAE,KAAK,EAAE,CAAC;YAC/B,CAAC;QACH,CAAC,CAAC;QAEF,8BAAC,oBAAO,IACN,SAAS,EAAC,8BAA8B,EACxC,EAAE,EAAE,UAAU,EACd,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,UAAU,EACf,QAAQ,EAAE,CAAC,CAAC,IAEX,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,SAAS,CAAC,SAAS,CAAC,CACxB;QACV,8BAAC,sBAAS,IAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,2BAA2B,IACjE,QAAQ,CACC,CACR,CACP,CAAC;AACJ,CAAC,CACuB,CAAC;AAE3B,oBAAY,CAAC,IAAI,GAAG,0BAAgB,CAAC;AAErC,kBAAe,oBAAY,CAAC"}
|
|
@@ -67,7 +67,8 @@ exports.Fieldset = (0, react_1.forwardRef)((props, ref) => {
|
|
|
67
67
|
react_1.default.createElement(typography_1.Label, { size: size, as: "legend", className: (0, clsx_1.default)("navds-fieldset__legend", {
|
|
68
68
|
"navds-sr-only": !!hideLegend,
|
|
69
69
|
}) },
|
|
70
|
-
|
|
70
|
+
readOnly &&
|
|
71
|
+
(nativeReadOnly ? react_1.default.createElement(ReadOnlyIcon_1.ReadOnlyIcon, null) : react_1.default.createElement(ReadOnlyIcon_1.ReadOnlyIconWithTitle, null)),
|
|
71
72
|
legend),
|
|
72
73
|
!!description && (react_1.default.createElement(typography_1.BodyShort, { className: (0, clsx_1.default)("navds-fieldset__description", {
|
|
73
74
|
"navds-sr-only": !!hideLegend,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Fieldset.js","sourceRoot":"","sources":["../../../src/form/fieldset/Fieldset.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA8E;AAC9E,iDAAkE;AAClE,qCAAkC;AAClC,
|
|
1
|
+
{"version":3,"file":"Fieldset.js","sourceRoot":"","sources":["../../../src/form/fieldset/Fieldset.tsx"],"names":[],"mappings":"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"}
|
|
@@ -67,9 +67,7 @@ exports.FormProgress = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
67
67
|
react_1.default.createElement(progress_bar_1.ProgressBar, { "aria-hidden": true, value: activeStep, valueMax: totalSteps, className: "navds-form-progress__bar" }),
|
|
68
68
|
react_1.default.createElement(Collapsible_1.default, { lazy: true, open: open, onOpenChange: onOpenChange },
|
|
69
69
|
react_1.default.createElement(stack_1.HStack, { justify: "space-between", align: "center" },
|
|
70
|
-
react_1.default.createElement(typography_1.BodyShort, { as: "span" }, translate("step", {
|
|
71
|
-
replacements: { activeStep, totalSteps },
|
|
72
|
-
})),
|
|
70
|
+
react_1.default.createElement(typography_1.BodyShort, { as: "span" }, translate("step", { activeStep, totalSteps })),
|
|
73
71
|
react_1.default.createElement(Collapsible_1.default.Trigger, { asChild: true, "aria-expanded": undefined },
|
|
74
72
|
react_1.default.createElement(Button_1.default, { variant: "tertiary", size: "small", className: "navds-form-progress__button", icon: react_1.default.createElement(aksel_icons_1.ChevronDownIcon, { "aria-hidden": true }) },
|
|
75
73
|
react_1.default.createElement("span", { className: "navds-form-progress__btn-txt-hide" }, translate("hideAllSteps")),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormProgress.js","sourceRoot":"","sources":["../../../src/form/form-progress/FormProgress.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,qDAAsD;AACtD,iEAAyC;AACzC,gFAAwD;AACxD,8CAA4C;AAC5C,qDAAiD;AACjD,2CAA0D;AAC1D,iDAA6C;AAC7C,+DAAuD;AAyDvD;;;;;;;;;;;;GAYG;AACU,QAAA,YAAY,GAAG,IAAA,kBAAU,EACpC,CACE,EAUoB,EACpB,GAAG,EACH,EAAE;QAZF,EACE,UAAU,EACV,UAAU,EACV,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,YAAY,EACZ,gBAAgB,EAChB,YAAY,OAEM,EADf,IAAI,cATT,oHAUC,CADQ;IAIT,MAAM,SAAS,GAAG,IAAA,sBAAO,EAAC,cAAc,EAAE,YAAY,CAAC,CAAC;IAExD,OAAO,CACL,qDAAK,GAAG,EAAE,GAAG,IAAM,IAAI;QACrB,8BAAC,0BAAW,yBAEV,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAC,0BAA0B,GACpC;QAEF,8BAAC,qBAAW,IAAC,IAAI,QAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY;YACtD,8BAAC,cAAM,IAAC,OAAO,EAAC,eAAe,EAAC,KAAK,EAAC,QAAQ;gBAC5C,8BAAC,sBAAS,IAAC,EAAE,EAAC,MAAM,IACjB,SAAS,CAAC,MAAM,EAAE
|
|
1
|
+
{"version":3,"file":"FormProgress.js","sourceRoot":"","sources":["../../../src/form/form-progress/FormProgress.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,qDAAsD;AACtD,iEAAyC;AACzC,gFAAwD;AACxD,8CAA4C;AAC5C,qDAAiD;AACjD,2CAA0D;AAC1D,iDAA6C;AAC7C,+DAAuD;AAyDvD;;;;;;;;;;;;GAYG;AACU,QAAA,YAAY,GAAG,IAAA,kBAAU,EACpC,CACE,EAUoB,EACpB,GAAG,EACH,EAAE;QAZF,EACE,UAAU,EACV,UAAU,EACV,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,YAAY,EACZ,gBAAgB,EAChB,YAAY,OAEM,EADf,IAAI,cATT,oHAUC,CADQ;IAIT,MAAM,SAAS,GAAG,IAAA,sBAAO,EAAC,cAAc,EAAE,YAAY,CAAC,CAAC;IAExD,OAAO,CACL,qDAAK,GAAG,EAAE,GAAG,IAAM,IAAI;QACrB,8BAAC,0BAAW,yBAEV,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAC,0BAA0B,GACpC;QAEF,8BAAC,qBAAW,IAAC,IAAI,QAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY;YACtD,8BAAC,cAAM,IAAC,OAAO,EAAC,eAAe,EAAC,KAAK,EAAC,QAAQ;gBAC5C,8BAAC,sBAAS,IAAC,EAAE,EAAC,MAAM,IACjB,SAAS,CAAC,MAAM,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,CACpC;gBACZ,8BAAC,qBAAW,CAAC,OAAO,IAAC,OAAO,yBAAgB,SAAS;oBACnD,8BAAC,gBAAM,IACL,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,6BAA6B,EACvC,IAAI,EAAE,8BAAC,6BAAe,0BAAe;wBAErC,wCAAM,SAAS,EAAC,mCAAmC,IAChD,SAAS,CAAC,cAAc,CAAC,CACrB;wBACP,wCAAM,SAAS,EAAC,mCAAmC,IAChD,SAAS,CAAC,cAAc,CAAC,CACrB,CACA,CACW,CACf;YAET,8BAAC,qBAAW,CAAC,OAAO,IAAC,SAAS,EAAC,kCAAkC;gBAC/D,uCAAK,SAAS,EAAC,0CAA0C;oBACvD,uCAAK,SAAS,EAAC,8BAA8B;wBAC3C,8BAAC,iBAAO,IACN,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,gBAAgB,IAE5B,QAAQ,CACD,CACN,CACF,CACc,CACV,CACV,CACP,CAAC;AACJ,CAAC,CACuB,CAAC;AAE3B,oBAAY,CAAC,IAAI,GAAG,iBAAO,CAAC,IAAI,CAAC;AAEpB,QAAA,gBAAgB,GAAG,iBAAO,CAAC,IAAI,CAAC;AAE7C,kBAAe,oBAAY,CAAC"}
|
|
@@ -89,7 +89,7 @@ exports.Select = (0, react_1.forwardRef)((props, ref) => {
|
|
|
89
89
|
react_1.default.createElement(typography_1.Label, { htmlFor: inputProps.id, size: size, className: (0, clsx_1.default)("navds-form-field__label", {
|
|
90
90
|
"navds-sr-only": hideLabel,
|
|
91
91
|
}) },
|
|
92
|
-
react_1.default.createElement(ReadOnlyIcon_1.
|
|
92
|
+
readOnly && react_1.default.createElement(ReadOnlyIcon_1.ReadOnlyIconWithTitle, null),
|
|
93
93
|
label),
|
|
94
94
|
!!description && (react_1.default.createElement(typography_1.BodyShort, { className: (0, clsx_1.default)("navds-form-field__description", {
|
|
95
95
|
"navds-sr-only": hideLabel,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/form/select/Select.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAAgE;AAChE,qDAAsD;AACtD,iDAAkE;AAClE,qCAAkC;AAClC,
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/form/select/Select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -45,7 +45,7 @@ const typography_1 = require("../../typography");
|
|
|
45
45
|
const util_1 = require("../../util");
|
|
46
46
|
const ReadOnlyIcon_1 = require("../ReadOnlyIcon");
|
|
47
47
|
const useFormField_1 = require("../useFormField");
|
|
48
|
-
const SelectedIcon = () => (react_1.default.createElement("svg", { width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", focusable: false, role: "img", "aria-hidden": true
|
|
48
|
+
const SelectedIcon = () => (react_1.default.createElement("svg", { width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", focusable: false, role: "img", "aria-hidden": true },
|
|
49
49
|
react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.2674 0.647802C11.8762 1.20971 11.9141 2.1587 11.3522 2.76743L5.35221 9.26743C5.07531 9.56739 4.68813 9.74155 4.27998 9.74971C3.87184 9.75787 3.478 9.59933 3.18934 9.31067L0.68934 6.81067C0.103553 6.22488 0.103553 5.27513 0.68934 4.68935C1.27513 4.10356 2.22487 4.10356 2.81066 4.68935L4.20673 6.08541L9.14779 0.732587C9.7097 0.123856 10.6587 0.0858967 11.2674 0.647802Z", fill: "currentColor" })));
|
|
50
50
|
/**
|
|
51
51
|
* A component that displays a switch input field.
|
|
@@ -72,30 +72,30 @@ exports.Switch = (0, react_1.forwardRef)((props, ref) => {
|
|
|
72
72
|
"navds-switch--disabled": (_b = inputProps.disabled) !== null && _b !== void 0 ? _b : loading,
|
|
73
73
|
"navds-switch--readonly": readOnly,
|
|
74
74
|
}) },
|
|
75
|
-
react_1.default.createElement("input", Object.assign({}, (0, util_1.omit)(rest, ["size", "readOnly"]), (0, util_1.omit)(inputProps, ["aria-invalid", "aria-describedby"]), { disabled: (_c = inputProps.disabled) !== null && _c !== void 0 ? _c : loading, checked: checkedProp, defaultChecked: defaultChecked, ref: ref, type: "checkbox", onChange: (
|
|
75
|
+
react_1.default.createElement("input", Object.assign({}, (0, util_1.omit)(rest, ["size", "readOnly"]), (0, util_1.omit)(inputProps, ["aria-invalid", "aria-describedby"]), { disabled: (_c = inputProps.disabled) !== null && _c !== void 0 ? _c : loading, checked: checkedProp, defaultChecked: defaultChecked, ref: ref, type: "checkbox", onChange: (event) => {
|
|
76
76
|
var _a;
|
|
77
77
|
if (readOnly) {
|
|
78
78
|
return;
|
|
79
79
|
}
|
|
80
|
-
setChecked(
|
|
81
|
-
(_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props,
|
|
82
|
-
}, onClick: (
|
|
80
|
+
setChecked(event.target.checked);
|
|
81
|
+
(_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, event);
|
|
82
|
+
}, onClick: (event) => {
|
|
83
83
|
var _a;
|
|
84
84
|
if (readOnly) {
|
|
85
|
-
|
|
85
|
+
event.preventDefault();
|
|
86
86
|
return;
|
|
87
87
|
}
|
|
88
|
-
(_a = props
|
|
88
|
+
(_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, event);
|
|
89
89
|
}, className: (0, clsx_1.default)(className, "navds-switch__input") })),
|
|
90
90
|
react_1.default.createElement("span", { className: "navds-switch__track" },
|
|
91
91
|
react_1.default.createElement("span", { className: "navds-switch__thumb" }, loading ? (react_1.default.createElement(loader_1.Loader, { size: "xsmall", "aria-live": "polite", variant: checked ? "interaction" : "neutral" })) : checked ? (react_1.default.createElement(SelectedIcon, null)) : null)),
|
|
92
92
|
react_1.default.createElement("label", { htmlFor: inputProps.id, className: "navds-switch__label-wrapper" },
|
|
93
93
|
react_1.default.createElement("div", { className: (0, clsx_1.default)("navds-switch__content", {
|
|
94
94
|
"navds-sr-only": hideLabel,
|
|
95
|
-
"navds-switch--with-description":
|
|
95
|
+
"navds-switch--with-description": description && !hideLabel,
|
|
96
96
|
}) },
|
|
97
97
|
react_1.default.createElement(typography_1.BodyShort, { as: "div", size: size, className: "navds-switch__label" },
|
|
98
|
-
react_1.default.createElement(ReadOnlyIcon_1.
|
|
98
|
+
readOnly && react_1.default.createElement(ReadOnlyIcon_1.ReadOnlyIconWithTitle, null),
|
|
99
99
|
children),
|
|
100
100
|
description && (react_1.default.createElement(typography_1.BodyShort, { size: size, as: "div", className: "navds-form-field__subdescription navds-switch__description" }, description))))));
|
|
101
101
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../src/form/switch/Switch.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAKe;AACf,yCAAsC;AACtC,iDAA6C;AAC7C,qCAAkC;AAClC,
|
|
1
|
+
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../src/form/switch/Switch.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { FormFieldProps } from "./../useFormField";
|
|
3
|
-
/**
|
|
4
|
-
* TODO: Mulighet for lokalisering av sr-only/counter text
|
|
5
|
-
*/
|
|
6
3
|
export interface TextareaProps extends FormFieldProps, React.TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
7
4
|
/**
|
|
8
5
|
* Allowed character-count for content
|
|
@@ -87,7 +87,7 @@ exports.Textarea = (0, react_1.forwardRef)((props, ref) => {
|
|
|
87
87
|
react_1.default.createElement(typography_1.Label, { htmlFor: inputProps.id, size: size, className: (0, clsx_1.default)("navds-form-field__label", {
|
|
88
88
|
"navds-sr-only": hideLabel,
|
|
89
89
|
}) },
|
|
90
|
-
react_1.default.createElement(ReadOnlyIcon_1.ReadOnlyIcon,
|
|
90
|
+
readOnly && react_1.default.createElement(ReadOnlyIcon_1.ReadOnlyIcon, null),
|
|
91
91
|
label),
|
|
92
92
|
!!description && (react_1.default.createElement(typography_1.BodyShort, { className: (0, clsx_1.default)("navds-form-field__description", {
|
|
93
93
|
"navds-sr-only": hideLabel,
|
|
@@ -95,9 +95,7 @@ exports.Textarea = (0, react_1.forwardRef)((props, ref) => {
|
|
|
95
95
|
react_1.default.createElement(TextareaAutoSize_1.default, Object.assign({}, (0, util_1.omit)(rest, ["error", "errorId", "size"]), inputProps, { onChange: (0, composeEventHandlers_1.composeEventHandlers)(props.onChange, props.value === undefined
|
|
96
96
|
? (e) => setUncontrolledValue(e.target.value)
|
|
97
97
|
: undefined), minRows: getMinRows(), autoScrollbar: UNSAFE_autoScrollbar, ref: ref, readOnly: readOnly, className: (0, clsx_1.default)("navds-textarea__input", "navds-body-short", `navds-body-short--${size !== null && size !== void 0 ? size : "medium"}`) }, (describedBy ? { "aria-describedby": describedBy } : {}))),
|
|
98
|
-
hasMaxLength && !readOnly && !inputProps.disabled && (react_1.default.createElement(
|
|
99
|
-
react_1.default.createElement("span", { id: maxLengthId, className: "navds-sr-only" }, `Tekstområde med plass til ${maxLength} tegn.`),
|
|
100
|
-
react_1.default.createElement(TextareaCounter_1.default, { maxLength: maxLength, currentLength: (_c = (_b = props.value) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : uncontrolledValue.length, size: size, i18n: i18n }))),
|
|
98
|
+
hasMaxLength && !readOnly && !inputProps.disabled && (react_1.default.createElement(TextareaCounter_1.default, { maxLengthId: maxLengthId, maxLength: maxLength, currentLength: (_c = (_b = props.value) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : uncontrolledValue.length, size: size, i18n: i18n })),
|
|
101
99
|
react_1.default.createElement("div", { className: "navds-form-field__error", id: errorId, "aria-relevant": "additions removals", "aria-live": "polite" }, showErrorMsg && (react_1.default.createElement(typography_1.ErrorMessage, { size: size }, props.error)))));
|
|
102
100
|
});
|
|
103
101
|
exports.default = exports.Textarea;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../src/form/textarea/Textarea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAAoD;AACpD,iDAAkE;AAClE,qCAAkC;AAClC,mFAA2D;AAC3D,0EAAuE;AACvE,4CAAyC;AACzC,kDAA+C;AAC/C,oDAAiE;AACjE,wEAAwC;
|
|
1
|
+
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../src/form/textarea/Textarea.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import type { TextareaProps } from "./Textarea";
|
|
3
3
|
interface Props {
|
|
4
|
+
maxLengthId: string;
|
|
4
5
|
maxLength: number;
|
|
5
6
|
currentLength: number;
|
|
6
7
|
size: TextareaProps["size"];
|
|
7
8
|
i18n: TextareaProps["i18n"];
|
|
8
9
|
}
|
|
9
|
-
declare const TextareaCounter: ({ maxLength, currentLength, size, i18n }: Props) => React.JSX.Element;
|
|
10
|
+
declare const TextareaCounter: ({ maxLengthId, maxLength, currentLength, size, i18n, }: Props) => React.JSX.Element;
|
|
10
11
|
export default TextareaCounter;
|
|
@@ -30,7 +30,14 @@ const clsx_1 = __importDefault(require("clsx"));
|
|
|
30
30
|
const react_1 = __importStar(require("react"));
|
|
31
31
|
const typography_1 = require("../../typography");
|
|
32
32
|
const debounce_1 = __importDefault(require("../../util/debounce"));
|
|
33
|
-
const
|
|
33
|
+
const i18n_context_1 = require("../../util/i18n/i18n.context");
|
|
34
|
+
const TextareaCounter = ({ maxLengthId, maxLength, currentLength, size, i18n, }) => {
|
|
35
|
+
const translate = (0, i18n_context_1.useI18n)("Textarea", {
|
|
36
|
+
charsLeft: (i18n === null || i18n === void 0 ? void 0 : i18n.counterLeft) ? `{chars} ${i18n.counterLeft}` : undefined,
|
|
37
|
+
charsTooMany: (i18n === null || i18n === void 0 ? void 0 : i18n.counterTooMuch)
|
|
38
|
+
? `{chars} ${i18n.counterTooMuch}`
|
|
39
|
+
: undefined,
|
|
40
|
+
});
|
|
34
41
|
const difference = maxLength - currentLength;
|
|
35
42
|
const [debouncedDiff, setDebouncedDiff] = (0, react_1.useState)(difference);
|
|
36
43
|
(0, react_1.useEffect)(() => {
|
|
@@ -43,16 +50,14 @@ const TextareaCounter = ({ maxLength, currentLength, size, i18n }) => {
|
|
|
43
50
|
};
|
|
44
51
|
}, [difference]);
|
|
45
52
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
46
|
-
|
|
53
|
+
react_1.default.createElement("span", { id: maxLengthId, className: "navds-sr-only" }, translate("maxLength", { maxLength })),
|
|
54
|
+
difference < 20 && (react_1.default.createElement("span", { role: "status", className: "navds-textarea__sr-counter navds-sr-only" }, getCounterText(debouncedDiff, translate))),
|
|
47
55
|
react_1.default.createElement(typography_1.BodyShort, { className: (0, clsx_1.default)("navds-textarea__counter", {
|
|
48
56
|
"navds-textarea__counter--error": difference < 0,
|
|
49
|
-
}), size: size }, getCounterText(difference,
|
|
50
|
-
};
|
|
51
|
-
const getCounterText = (difference, i18n) => {
|
|
52
|
-
var _a, _b;
|
|
53
|
-
return difference < 0
|
|
54
|
-
? `${Math.abs(difference)} ${(_a = i18n === null || i18n === void 0 ? void 0 : i18n.counterTooMuch) !== null && _a !== void 0 ? _a : "tegn for mye"}`
|
|
55
|
-
: `${difference} ${(_b = i18n === null || i18n === void 0 ? void 0 : i18n.counterLeft) !== null && _b !== void 0 ? _b : "tegn igjen"}`;
|
|
57
|
+
}), size: size }, getCounterText(difference, translate))));
|
|
56
58
|
};
|
|
59
|
+
const getCounterText = (difference, translate) => difference < 0
|
|
60
|
+
? translate("charsTooMany", { chars: Math.abs(difference) })
|
|
61
|
+
: translate("charsLeft", { chars: difference });
|
|
57
62
|
exports.default = TextareaCounter;
|
|
58
63
|
//# sourceMappingURL=TextareaCounter.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextareaCounter.js","sourceRoot":"","sources":["../../../src/form/textarea/TextareaCounter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAAmD;AACnD,iDAA6C;AAC7C,mEAA2C;
|
|
1
|
+
{"version":3,"file":"TextareaCounter.js","sourceRoot":"","sources":["../../../src/form/textarea/TextareaCounter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAAmD;AACnD,iDAA6C;AAC7C,mEAA2C;AAC3C,+DAAuD;AAWvD,MAAM,eAAe,GAAG,CAAC,EACvB,WAAW,EACX,SAAS,EACT,aAAa,EACb,IAAI,EACJ,IAAI,GACE,EAAE,EAAE;IACV,MAAM,SAAS,GAAG,IAAA,sBAAO,EAAC,UAAU,EAAE;QACpC,SAAS,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,WAAW,EAAC,CAAC,CAAC,WAAW,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,SAAS;QACxE,YAAY,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,cAAc;YAChC,CAAC,CAAC,WAAW,IAAI,CAAC,cAAc,EAAE;YAClC,CAAC,CAAC,SAAS;KACd,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,SAAS,GAAG,aAAa,CAAC;IAC7C,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAC,UAAU,CAAC,CAAC;IAE/D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,IAAA,kBAAQ,EAAC,GAAG,EAAE;YACjC,gBAAgB,CAAC,UAAU,CAAC,CAAC;QAC/B,CAAC,EAAE,IAAI,CAAC,CAAC;QACT,YAAY,EAAE,CAAC;QAEf,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,KAAK,EAAE,CAAC;QACvB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,OAAO,CACL;QACE,wCAAM,EAAE,EAAE,WAAW,EAAE,SAAS,EAAC,eAAe,IAC7C,SAAS,CAAC,WAAW,EAAE,EAAE,SAAS,EAAE,CAAC,CACjC;QAEN,UAAU,GAAG,EAAE,IAAI,CAClB,wCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,0CAA0C,IAEnD,cAAc,CAAC,aAAa,EAAE,SAAS,CAAC,CACpC,CACR;QAED,8BAAC,sBAAS,IACR,SAAS,EAAE,IAAA,cAAE,EAAC,yBAAyB,EAAE;gBACvC,gCAAgC,EAAE,UAAU,GAAG,CAAC;aACjD,CAAC,EACF,IAAI,EAAE,IAAI,IAET,cAAc,CAAC,UAAU,EAAE,SAAS,CAAC,CAC5B,CACX,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,CACrB,UAAkB,EAClB,SAGW,EACX,EAAE,CACF,UAAU,GAAG,CAAC;IACZ,CAAC,CAAC,SAAS,CAAC,cAAc,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC;IAC5D,CAAC,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,CAAC;AAEpD,kBAAe,eAAe,CAAC"}
|
|
@@ -68,7 +68,7 @@ exports.TextField = (0, react_1.forwardRef)((props, ref) => {
|
|
|
68
68
|
react_1.default.createElement(typography_1.Label, { htmlFor: inputProps.id, size: size, className: (0, clsx_1.default)("navds-form-field__label", {
|
|
69
69
|
"navds-sr-only": hideLabel,
|
|
70
70
|
}) },
|
|
71
|
-
react_1.default.createElement(ReadOnlyIcon_1.ReadOnlyIcon,
|
|
71
|
+
readOnly && react_1.default.createElement(ReadOnlyIcon_1.ReadOnlyIcon, null),
|
|
72
72
|
label),
|
|
73
73
|
!!description && (react_1.default.createElement(typography_1.BodyShort, { className: (0, clsx_1.default)("navds-form-field__description", {
|
|
74
74
|
"navds-sr-only": hideLabel,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../src/form/textfield/TextField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA+D;AAC/D,iDAAkE;AAClE,qCAAkC;AAClC,kDAA+C;AAC/C,kDAA+D;AAgC/D;;;;;;;;;;GAUG;AACU,QAAA,SAAS,GAAG,IAAA,kBAAU,EACjC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,EACJ,UAAU,EACV,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,IAAI,EACJ,kBAAkB,GACnB,GAAG,IAAA,2BAAY,EAAC,KAAK,EAAE,WAAW,CAAC,CAAC;IAErC,MAAM,EACJ,KAAK,EACL,SAAS,EACT,WAAW,EACX,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,IAAI,GAAG,MAAM,EACb,QAAQ,KAEN,KAAK,EADJ,IAAI,UACL,KAAK,EATH,kFASL,CAAQ,CAAC;IAEV,OAAO,CACL,uCACE,SAAS,EAAE,IAAA,cAAE,EACX,SAAS,EACT,kBAAkB,EAClB,qBAAqB,IAAI,EAAE,EAE3B;YACE,yBAAyB,EAAE,QAAQ;YACnC,4BAA4B,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ;YACnD,4BAA4B,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ;YACnD,4BAA4B,EAAE,QAAQ;YACtC,4BAA4B,EAAE,QAAQ;SACvC,CACF;QAED,8BAAC,kBAAK,IACJ,OAAO,EAAE,UAAU,CAAC,EAAE,EACtB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAA,cAAE,EAAC,yBAAyB,EAAE;gBACvC,eAAe,EAAE,SAAS;aAC3B,CAAC;
|
|
1
|
+
{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../src/form/textfield/TextField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA+D;AAC/D,iDAAkE;AAClE,qCAAkC;AAClC,kDAA+C;AAC/C,kDAA+D;AAgC/D;;;;;;;;;;GAUG;AACU,QAAA,SAAS,GAAG,IAAA,kBAAU,EACjC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,EACJ,UAAU,EACV,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,IAAI,EACJ,kBAAkB,GACnB,GAAG,IAAA,2BAAY,EAAC,KAAK,EAAE,WAAW,CAAC,CAAC;IAErC,MAAM,EACJ,KAAK,EACL,SAAS,EACT,WAAW,EACX,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,IAAI,GAAG,MAAM,EACb,QAAQ,KAEN,KAAK,EADJ,IAAI,UACL,KAAK,EATH,kFASL,CAAQ,CAAC;IAEV,OAAO,CACL,uCACE,SAAS,EAAE,IAAA,cAAE,EACX,SAAS,EACT,kBAAkB,EAClB,qBAAqB,IAAI,EAAE,EAE3B;YACE,yBAAyB,EAAE,QAAQ;YACnC,4BAA4B,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ;YACnD,4BAA4B,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ;YACnD,4BAA4B,EAAE,QAAQ;YACtC,4BAA4B,EAAE,QAAQ;SACvC,CACF;QAED,8BAAC,kBAAK,IACJ,OAAO,EAAE,UAAU,CAAC,EAAE,EACtB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAA,cAAE,EAAC,yBAAyB,EAAE;gBACvC,eAAe,EAAE,SAAS;aAC3B,CAAC;YAED,QAAQ,IAAI,8BAAC,2BAAY,OAAG;YAC5B,KAAK,CACA;QAEP,CAAC,CAAC,WAAW,IAAI,CAChB,8BAAC,sBAAS,IACR,SAAS,EAAE,IAAA,cAAE,EAAC,+BAA+B,EAAE;gBAC7C,eAAe,EAAE,SAAS;aAC3B,CAAC,EACF,EAAE,EAAE,kBAAkB,EACtB,IAAI,EAAE,IAAI,EACV,EAAE,EAAC,KAAK,IAEP,WAAW,CACF,CACb;QACD,yDACM,IAAA,WAAI,EAAC,IAAI,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC,EACxC,UAAU,IACd,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,IAAA,cAAE,EACX,yBAAyB,EACzB,kBAAkB,EAClB,qBAAqB,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,QAAQ,EAAE,CACxC,EACD,IAAI,EAAE,QAAQ,IACd;QACF,uCACE,SAAS,EAAC,yBAAyB,EACnC,EAAE,EAAE,OAAO,mBACG,oBAAoB,eACxB,QAAQ,IAEjB,YAAY,IAAI,CACf,8BAAC,yBAAY,IAAC,IAAI,EAAE,IAAI,IAAG,KAAK,CAAC,KAAK,CAAgB,CACvD,CACG,CACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,iBAAS,CAAC"}
|
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { PaginationItemProps, PaginationItemType } from "./PaginationItem";
|
|
3
|
+
interface RenderItemProps extends Pick<PaginationItemProps, "className" | "disabled" | "selected" | "icon" | "iconPosition"> {
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
onClick: React.MouseEventHandler<HTMLButtonElement>;
|
|
6
|
+
page: number;
|
|
7
|
+
size: Exclude<PaginationProps["size"], undefined>;
|
|
8
|
+
}
|
|
3
9
|
export interface PaginationProps extends React.HTMLAttributes<HTMLElement> {
|
|
4
10
|
/**
|
|
5
11
|
* Current page.
|
|
@@ -37,9 +43,9 @@ export interface PaginationProps extends React.HTMLAttributes<HTMLElement> {
|
|
|
37
43
|
prevNextTexts?: boolean;
|
|
38
44
|
/**
|
|
39
45
|
* Override pagination item rendering.
|
|
40
|
-
* @default
|
|
46
|
+
* @default PaginationItem
|
|
41
47
|
*/
|
|
42
|
-
renderItem?: (item:
|
|
48
|
+
renderItem?: (item: RenderItemProps) => ReturnType<React.FC>;
|
|
43
49
|
/**
|
|
44
50
|
* Pagination heading. We recommend adding heading instead of `aria-label` to help assistive technologies with an extra navigation-stop.
|
|
45
51
|
*/
|
|
@@ -62,7 +68,7 @@ export declare const getSteps: ({ page, count, boundaryCount, siblingCount, }: P
|
|
|
62
68
|
* ```jsx
|
|
63
69
|
* <Pagination
|
|
64
70
|
* page={pageState}
|
|
65
|
-
* onPageChange={
|
|
71
|
+
* onPageChange={setPageState}
|
|
66
72
|
* count={9}
|
|
67
73
|
* boundaryCount={1}
|
|
68
74
|
* siblingCount={1}
|
|
@@ -77,7 +77,7 @@ exports.getSteps = getSteps;
|
|
|
77
77
|
* ```jsx
|
|
78
78
|
* <Pagination
|
|
79
79
|
* page={pageState}
|
|
80
|
-
* onPageChange={
|
|
80
|
+
* onPageChange={setPageState}
|
|
81
81
|
* count={9}
|
|
82
82
|
* boundaryCount={1}
|
|
83
83
|
* siblingCount={1}
|
|
@@ -85,7 +85,7 @@ exports.getSteps = getSteps;
|
|
|
85
85
|
* ```
|
|
86
86
|
*/
|
|
87
87
|
exports.Pagination = (0, react_1.forwardRef)((_a, ref) => {
|
|
88
|
-
var { page, onPageChange, count, boundaryCount = 1, siblingCount = 1, className, size = "medium", prevNextTexts = false, srHeading, "aria-labelledby": ariaLabelledBy, renderItem: Item =
|
|
88
|
+
var { page, onPageChange, count, boundaryCount = 1, siblingCount = 1, className, size = "medium", prevNextTexts = false, srHeading, "aria-labelledby": ariaLabelledBy, renderItem: Item = PaginationItem_1.default } = _a, rest = __rest(_a, ["page", "onPageChange", "count", "boundaryCount", "siblingCount", "className", "size", "prevNextTexts", "srHeading", "aria-labelledby", "renderItem"]);
|
|
89
89
|
const headingId = (0, util_1.useId)();
|
|
90
90
|
const translate = (0, i18n_context_1.useI18n)("Pagination");
|
|
91
91
|
if (page < 1) {
|
|
@@ -118,7 +118,11 @@ exports.Pagination = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
118
118
|
const n = Number(step);
|
|
119
119
|
return Number.isNaN(n) ? (react_1.default.createElement("li", { className: "navds-pagination__ellipsis", key: `${step}${i}` },
|
|
120
120
|
react_1.default.createElement(typography_1.BodyShort, { size: size === "xsmall" ? "small" : size, as: "span" }, "..."))) : (react_1.default.createElement("li", { key: step },
|
|
121
|
-
react_1.default.createElement(Item
|
|
121
|
+
react_1.default.createElement(Item
|
|
122
|
+
/* Remember to update RenderItemProps if you make changes to props sent into Item */
|
|
123
|
+
, {
|
|
124
|
+
/* Remember to update RenderItemProps if you make changes to props sent into Item */
|
|
125
|
+
onClick: () => onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(n), selected: page === n, page: n, size: size }, n)));
|
|
122
126
|
}),
|
|
123
127
|
react_1.default.createElement("li", null,
|
|
124
128
|
react_1.default.createElement(Item, { className: (0, clsx_1.default)("navds-pagination__prev-next", {
|