@navikt/ds-react 0.18.7 → 0.19.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/_docs.json +77 -56
- package/cjs/form/Textarea.js +6 -3
- package/cjs/form/useFormField.js +1 -1
- package/cjs/read-more/ReadMore.js +7 -4
- package/esm/form/Switch.d.ts +4 -0
- package/esm/form/Switch.js.map +1 -1
- package/esm/form/Textarea.js +7 -4
- package/esm/form/Textarea.js.map +1 -1
- package/esm/form/checkbox/Checkbox.d.ts +4 -0
- package/esm/form/checkbox/Checkbox.js.map +1 -1
- package/esm/form/radio/Radio.d.ts +4 -0
- package/esm/form/radio/Radio.js.map +1 -1
- package/esm/form/useFormField.js +1 -1
- package/esm/form/useFormField.js.map +1 -1
- package/esm/read-more/ReadMore.d.ts +7 -2
- package/esm/read-more/ReadMore.js +7 -4
- package/esm/read-more/ReadMore.js.map +1 -1
- package/esm/read-more/index.d.ts +2 -1
- package/esm/read-more/index.js.map +1 -1
- package/package.json +3 -3
- package/src/form/Switch.tsx +4 -0
- package/src/form/Textarea.tsx +11 -2
- package/src/form/checkbox/Checkbox.tsx +4 -0
- package/src/form/checkbox/checkbox.stories.tsx +46 -41
- package/src/form/radio/Radio.tsx +4 -0
- package/src/form/radio/radio.stories.tsx +1 -1
- package/src/form/stories/confirmation-panel.stories.tsx +68 -43
- package/src/form/stories/fieldset.stories.tsx +97 -58
- package/src/form/stories/select.stories.tsx +86 -42
- package/src/form/stories/switch.stories.tsx +89 -76
- package/src/form/stories/text-field.stories.tsx +57 -53
- package/src/form/stories/textarea.stories.tsx +84 -77
- package/src/form/useFormField.ts +2 -1
- package/src/read-more/ReadMore.tsx +21 -7
- package/src/read-more/index.ts +2 -1
- package/src/read-more/readmore.stories.tsx +56 -0
- package/src/tooltip/tooltip.stories.tsx +52 -117
- package/src/form/stories/confirmation-panel.stories.mdx +0 -59
- package/src/form/stories/fieldset.stories.mdx +0 -136
- package/src/form/stories/live-examples.tsx +0 -26
- package/src/form/stories/select.stories.mdx +0 -134
- package/src/form/stories/switch.stories.mdx +0 -174
- package/src/form/stories/text-field.stories.mdx +0 -86
- package/src/form/stories/textarea.stories.mdx +0 -167
- package/src/read-more/read-more.stories.tsx +0 -60
package/_docs.json
CHANGED
|
@@ -804,21 +804,21 @@
|
|
|
804
804
|
},
|
|
805
805
|
"description": {
|
|
806
806
|
"defaultValue": null,
|
|
807
|
-
"description": "Adds a description to extend labling of
|
|
807
|
+
"description": "Adds a description to extend labling of Checkbox",
|
|
808
808
|
"name": "description",
|
|
809
809
|
"parent": {
|
|
810
|
-
"fileName": "react/src/form/
|
|
811
|
-
"name": "
|
|
810
|
+
"fileName": "react/src/form/checkbox/Checkbox.tsx",
|
|
811
|
+
"name": "CheckboxProps"
|
|
812
812
|
},
|
|
813
813
|
"declarations": [
|
|
814
814
|
{
|
|
815
|
-
"fileName": "react/src/form/
|
|
816
|
-
"name": "
|
|
815
|
+
"fileName": "react/src/form/checkbox/Checkbox.tsx",
|
|
816
|
+
"name": "CheckboxProps"
|
|
817
817
|
}
|
|
818
818
|
],
|
|
819
819
|
"required": false,
|
|
820
820
|
"type": {
|
|
821
|
-
"name": "
|
|
821
|
+
"name": "string"
|
|
822
822
|
}
|
|
823
823
|
},
|
|
824
824
|
"id": {
|
|
@@ -1201,29 +1201,29 @@
|
|
|
1201
1201
|
"name": "\"left\" | \"right\""
|
|
1202
1202
|
}
|
|
1203
1203
|
},
|
|
1204
|
-
"
|
|
1204
|
+
"description": {
|
|
1205
1205
|
"defaultValue": null,
|
|
1206
|
-
"description": "
|
|
1207
|
-
"name": "
|
|
1206
|
+
"description": "Adds a description to extend labling of Switch",
|
|
1207
|
+
"name": "description",
|
|
1208
1208
|
"parent": {
|
|
1209
|
-
"fileName": "
|
|
1210
|
-
"name": "
|
|
1209
|
+
"fileName": "src/form/Switch.tsx",
|
|
1210
|
+
"name": "SwitchProps"
|
|
1211
1211
|
},
|
|
1212
1212
|
"declarations": [
|
|
1213
1213
|
{
|
|
1214
|
-
"fileName": "
|
|
1215
|
-
"name": "
|
|
1214
|
+
"fileName": "src/form/Switch.tsx",
|
|
1215
|
+
"name": "SwitchProps"
|
|
1216
1216
|
}
|
|
1217
1217
|
],
|
|
1218
1218
|
"required": false,
|
|
1219
1219
|
"type": {
|
|
1220
|
-
"name": "
|
|
1220
|
+
"name": "string"
|
|
1221
1221
|
}
|
|
1222
1222
|
},
|
|
1223
|
-
"
|
|
1223
|
+
"size": {
|
|
1224
1224
|
"defaultValue": null,
|
|
1225
|
-
"description": "
|
|
1226
|
-
"name": "
|
|
1225
|
+
"description": "Changes font-size, padding and gaps",
|
|
1226
|
+
"name": "size",
|
|
1227
1227
|
"parent": {
|
|
1228
1228
|
"fileName": "react/src/form/useFormField.ts",
|
|
1229
1229
|
"name": "FormFieldProps"
|
|
@@ -1236,13 +1236,13 @@
|
|
|
1236
1236
|
],
|
|
1237
1237
|
"required": false,
|
|
1238
1238
|
"type": {
|
|
1239
|
-
"name": "
|
|
1239
|
+
"name": "\"medium\" | \"small\""
|
|
1240
1240
|
}
|
|
1241
1241
|
},
|
|
1242
|
-
"
|
|
1242
|
+
"disabled": {
|
|
1243
1243
|
"defaultValue": null,
|
|
1244
|
-
"description": "
|
|
1245
|
-
"name": "
|
|
1244
|
+
"description": "Disables element\n@note Avoid using if possible for accessibility purposes",
|
|
1245
|
+
"name": "disabled",
|
|
1246
1246
|
"parent": {
|
|
1247
1247
|
"fileName": "react/src/form/useFormField.ts",
|
|
1248
1248
|
"name": "FormFieldProps"
|
|
@@ -1255,7 +1255,7 @@
|
|
|
1255
1255
|
],
|
|
1256
1256
|
"required": false,
|
|
1257
1257
|
"type": {
|
|
1258
|
-
"name": "
|
|
1258
|
+
"name": "boolean"
|
|
1259
1259
|
}
|
|
1260
1260
|
},
|
|
1261
1261
|
"id": {
|
|
@@ -4186,7 +4186,7 @@
|
|
|
4186
4186
|
"props": {
|
|
4187
4187
|
"children": {
|
|
4188
4188
|
"defaultValue": null,
|
|
4189
|
-
"description": "Content inside
|
|
4189
|
+
"description": "Content inside ReadMore",
|
|
4190
4190
|
"name": "children",
|
|
4191
4191
|
"parent": {
|
|
4192
4192
|
"fileName": "src/read-more/ReadMore.tsx",
|
|
@@ -4205,7 +4205,7 @@
|
|
|
4205
4205
|
},
|
|
4206
4206
|
"header": {
|
|
4207
4207
|
"defaultValue": null,
|
|
4208
|
-
"description": "
|
|
4208
|
+
"description": "ReadMore header content",
|
|
4209
4209
|
"name": "header",
|
|
4210
4210
|
"parent": {
|
|
4211
4211
|
"fileName": "src/read-more/ReadMore.tsx",
|
|
@@ -4283,6 +4283,27 @@
|
|
|
4283
4283
|
"name": "boolean"
|
|
4284
4284
|
}
|
|
4285
4285
|
},
|
|
4286
|
+
"size": {
|
|
4287
|
+
"defaultValue": {
|
|
4288
|
+
"value": "medium"
|
|
4289
|
+
},
|
|
4290
|
+
"description": "Changes fontsize for content",
|
|
4291
|
+
"name": "size",
|
|
4292
|
+
"parent": {
|
|
4293
|
+
"fileName": "src/read-more/ReadMore.tsx",
|
|
4294
|
+
"name": "ReadMoreProps"
|
|
4295
|
+
},
|
|
4296
|
+
"declarations": [
|
|
4297
|
+
{
|
|
4298
|
+
"fileName": "src/read-more/ReadMore.tsx",
|
|
4299
|
+
"name": "ReadMoreProps"
|
|
4300
|
+
}
|
|
4301
|
+
],
|
|
4302
|
+
"required": false,
|
|
4303
|
+
"type": {
|
|
4304
|
+
"name": "\"medium\" | \"small\""
|
|
4305
|
+
}
|
|
4306
|
+
},
|
|
4286
4307
|
"className": {
|
|
4287
4308
|
"defaultValue": null,
|
|
4288
4309
|
"description": "",
|
|
@@ -7728,29 +7749,29 @@
|
|
|
7728
7749
|
"name": "boolean"
|
|
7729
7750
|
}
|
|
7730
7751
|
},
|
|
7731
|
-
"
|
|
7752
|
+
"description": {
|
|
7732
7753
|
"defaultValue": null,
|
|
7733
|
-
"description": "
|
|
7734
|
-
"name": "
|
|
7754
|
+
"description": "Adds a description to extend labling of Checkbox",
|
|
7755
|
+
"name": "description",
|
|
7735
7756
|
"parent": {
|
|
7736
|
-
"fileName": "
|
|
7737
|
-
"name": "
|
|
7757
|
+
"fileName": "src/form/checkbox/Checkbox.tsx",
|
|
7758
|
+
"name": "CheckboxProps"
|
|
7738
7759
|
},
|
|
7739
7760
|
"declarations": [
|
|
7740
7761
|
{
|
|
7741
|
-
"fileName": "
|
|
7742
|
-
"name": "
|
|
7762
|
+
"fileName": "src/form/checkbox/Checkbox.tsx",
|
|
7763
|
+
"name": "CheckboxProps"
|
|
7743
7764
|
}
|
|
7744
7765
|
],
|
|
7745
7766
|
"required": false,
|
|
7746
7767
|
"type": {
|
|
7747
|
-
"name": "
|
|
7768
|
+
"name": "string"
|
|
7748
7769
|
}
|
|
7749
7770
|
},
|
|
7750
|
-
"
|
|
7771
|
+
"size": {
|
|
7751
7772
|
"defaultValue": null,
|
|
7752
|
-
"description": "
|
|
7753
|
-
"name": "
|
|
7773
|
+
"description": "Changes font-size, padding and gaps",
|
|
7774
|
+
"name": "size",
|
|
7754
7775
|
"parent": {
|
|
7755
7776
|
"fileName": "react/src/form/useFormField.ts",
|
|
7756
7777
|
"name": "FormFieldProps"
|
|
@@ -7763,13 +7784,13 @@
|
|
|
7763
7784
|
],
|
|
7764
7785
|
"required": false,
|
|
7765
7786
|
"type": {
|
|
7766
|
-
"name": "
|
|
7787
|
+
"name": "\"medium\" | \"small\""
|
|
7767
7788
|
}
|
|
7768
7789
|
},
|
|
7769
|
-
"
|
|
7790
|
+
"disabled": {
|
|
7770
7791
|
"defaultValue": null,
|
|
7771
|
-
"description": "
|
|
7772
|
-
"name": "
|
|
7792
|
+
"description": "Disables element\n@note Avoid using if possible for accessibility purposes",
|
|
7793
|
+
"name": "disabled",
|
|
7773
7794
|
"parent": {
|
|
7774
7795
|
"fileName": "react/src/form/useFormField.ts",
|
|
7775
7796
|
"name": "FormFieldProps"
|
|
@@ -7782,7 +7803,7 @@
|
|
|
7782
7803
|
],
|
|
7783
7804
|
"required": false,
|
|
7784
7805
|
"type": {
|
|
7785
|
-
"name": "
|
|
7806
|
+
"name": "boolean"
|
|
7786
7807
|
}
|
|
7787
7808
|
},
|
|
7788
7809
|
"id": {
|
|
@@ -8347,29 +8368,29 @@
|
|
|
8347
8368
|
"name": "any"
|
|
8348
8369
|
}
|
|
8349
8370
|
},
|
|
8350
|
-
"
|
|
8371
|
+
"description": {
|
|
8351
8372
|
"defaultValue": null,
|
|
8352
|
-
"description": "
|
|
8353
|
-
"name": "
|
|
8373
|
+
"description": "Adds a description to extend labling of Radio",
|
|
8374
|
+
"name": "description",
|
|
8354
8375
|
"parent": {
|
|
8355
|
-
"fileName": "
|
|
8356
|
-
"name": "
|
|
8376
|
+
"fileName": "src/form/radio/Radio.tsx",
|
|
8377
|
+
"name": "RadioProps"
|
|
8357
8378
|
},
|
|
8358
8379
|
"declarations": [
|
|
8359
8380
|
{
|
|
8360
|
-
"fileName": "
|
|
8361
|
-
"name": "
|
|
8381
|
+
"fileName": "src/form/radio/Radio.tsx",
|
|
8382
|
+
"name": "RadioProps"
|
|
8362
8383
|
}
|
|
8363
8384
|
],
|
|
8364
8385
|
"required": false,
|
|
8365
8386
|
"type": {
|
|
8366
|
-
"name": "
|
|
8387
|
+
"name": "string"
|
|
8367
8388
|
}
|
|
8368
8389
|
},
|
|
8369
|
-
"
|
|
8390
|
+
"size": {
|
|
8370
8391
|
"defaultValue": null,
|
|
8371
|
-
"description": "
|
|
8372
|
-
"name": "
|
|
8392
|
+
"description": "Changes font-size, padding and gaps",
|
|
8393
|
+
"name": "size",
|
|
8373
8394
|
"parent": {
|
|
8374
8395
|
"fileName": "react/src/form/useFormField.ts",
|
|
8375
8396
|
"name": "FormFieldProps"
|
|
@@ -8382,13 +8403,13 @@
|
|
|
8382
8403
|
],
|
|
8383
8404
|
"required": false,
|
|
8384
8405
|
"type": {
|
|
8385
|
-
"name": "
|
|
8406
|
+
"name": "\"medium\" | \"small\""
|
|
8386
8407
|
}
|
|
8387
8408
|
},
|
|
8388
|
-
"
|
|
8409
|
+
"disabled": {
|
|
8389
8410
|
"defaultValue": null,
|
|
8390
|
-
"description": "
|
|
8391
|
-
"name": "
|
|
8411
|
+
"description": "Disables element\n@note Avoid using if possible for accessibility purposes",
|
|
8412
|
+
"name": "disabled",
|
|
8392
8413
|
"parent": {
|
|
8393
8414
|
"fileName": "react/src/form/useFormField.ts",
|
|
8394
8415
|
"name": "FormFieldProps"
|
|
@@ -8401,7 +8422,7 @@
|
|
|
8401
8422
|
],
|
|
8402
8423
|
"required": false,
|
|
8403
8424
|
"type": {
|
|
8404
|
-
"name": "
|
|
8425
|
+
"name": "boolean"
|
|
8405
8426
|
}
|
|
8406
8427
|
},
|
|
8407
8428
|
"id": {
|
package/cjs/form/Textarea.js
CHANGED
|
@@ -46,11 +46,12 @@ const ErrorMessage_1 = __importDefault(require("./ErrorMessage"));
|
|
|
46
46
|
const useFormField_1 = require("./useFormField");
|
|
47
47
|
const __2 = require("..");
|
|
48
48
|
exports.Textarea = (0, react_1.forwardRef)((props, ref) => {
|
|
49
|
-
var _a;
|
|
49
|
+
var _a, _b, _c;
|
|
50
50
|
const { inputProps, errorId, showErrorMsg, hasError, size, inputDescriptionId, } = (0, useFormField_1.useFormField)(props, "textarea");
|
|
51
51
|
const { label, className, description, maxLength, hideLabel = false } = props, rest = __rest(props, ["label", "className", "description", "maxLength", "hideLabel"]);
|
|
52
52
|
const maxLengthId = `TextareaMaxLength-${(0, __2.useId)()}`;
|
|
53
53
|
const hasMaxLength = maxLength !== undefined && maxLength > 0;
|
|
54
|
+
const [controlledValue, setControlledValue] = (0, react_1.useState)((_a = props === null || props === void 0 ? void 0 : props.defaultValue) !== null && _a !== void 0 ? _a : "");
|
|
54
55
|
return (react_1.default.createElement("div", { className: (0, classnames_1.default)(className, "navds-form-field", `navds-form-field--${size}`, {
|
|
55
56
|
"navds-textarea--error": hasError,
|
|
56
57
|
"navds-textarea--disabled": !!inputProps.disabled,
|
|
@@ -62,7 +63,9 @@ exports.Textarea = (0, react_1.forwardRef)((props, ref) => {
|
|
|
62
63
|
"navds-sr-only": hideLabel,
|
|
63
64
|
}), id: inputDescriptionId, size: size }, description)),
|
|
64
65
|
react_1.default.createElement("div", { className: "navds-textarea__wrapper" },
|
|
65
|
-
react_1.default.createElement(TextareaAutosize_1.default, Object.assign({}, (0, __1.omit)(rest, ["error", "errorId", "size"]), inputProps, {
|
|
66
|
+
react_1.default.createElement(TextareaAutosize_1.default, Object.assign({}, (0, __1.omit)(rest, ["error", "errorId", "size"]), inputProps, { onChange: (e) => props.onChange
|
|
67
|
+
? props.onChange(e)
|
|
68
|
+
: setControlledValue(e.target.value), ref: ref, className: (0, classnames_1.default)("navds-textarea__input", "navds-body-short", `navds-body-${size !== null && size !== void 0 ? size : "medium"}`, {
|
|
66
69
|
"navds-textarea--counter": hasMaxLength,
|
|
67
70
|
}), "aria-describedby": (0, classnames_1.default)(inputProps["aria-describedby"], {
|
|
68
71
|
[maxLengthId]: hasMaxLength,
|
|
@@ -75,7 +78,7 @@ exports.Textarea = (0, react_1.forwardRef)((props, ref) => {
|
|
|
75
78
|
" ",
|
|
76
79
|
maxLength,
|
|
77
80
|
" signs."),
|
|
78
|
-
react_1.default.createElement(exports.Counter, { maxLength: maxLength, currentLength: (
|
|
81
|
+
react_1.default.createElement(exports.Counter, { maxLength: maxLength, currentLength: (_c = (_b = props.value) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : controlledValue === null || controlledValue === void 0 ? void 0 : controlledValue.length, size: size })))),
|
|
79
82
|
react_1.default.createElement("div", { id: errorId, "aria-relevant": "additions removals", "aria-live": "polite" }, showErrorMsg && (react_1.default.createElement(ErrorMessage_1.default, { size: size }, props.error)))));
|
|
80
83
|
});
|
|
81
84
|
const Counter = ({ maxLength, currentLength, size }) => {
|
package/cjs/form/useFormField.js
CHANGED
|
@@ -32,7 +32,7 @@ const useFormField = (props, prefix) => {
|
|
|
32
32
|
id,
|
|
33
33
|
"aria-invalid": hasError,
|
|
34
34
|
"aria-describedby": (0, classnames_1.default)(props["aria-describedby"], {
|
|
35
|
-
[inputDescriptionId]: !!(props === null || props === void 0 ? void 0 : props.description),
|
|
35
|
+
[inputDescriptionId]: !!(props === null || props === void 0 ? void 0 : props.description) && typeof (props === null || props === void 0 ? void 0 : props.description) === "string",
|
|
36
36
|
[errorId]: showErrorMsg,
|
|
37
37
|
[(_c = fieldset === null || fieldset === void 0 ? void 0 : fieldset.errorId) !== null && _c !== void 0 ? _c : ""]: hasError && !!(fieldset === null || fieldset === void 0 ? void 0 : fieldset.error),
|
|
38
38
|
}) || undefined,
|
|
@@ -43,16 +43,18 @@ const classnames_1 = __importDefault(require("classnames"));
|
|
|
43
43
|
const react_collapse_1 = require("react-collapse");
|
|
44
44
|
const ds_icons_1 = require("@navikt/ds-icons");
|
|
45
45
|
const typography_1 = require("../typography");
|
|
46
|
+
const ds_icons_2 = require("@navikt/ds-icons");
|
|
46
47
|
exports.ReadMore = (0, react_1.forwardRef)((_a, ref) => {
|
|
47
|
-
var { className, header, renderContentWhenClosed = false, children, open, defaultOpen = false, onClick } = _a, rest = __rest(_a, ["className", "header", "renderContentWhenClosed", "children", "open", "defaultOpen", "onClick"]);
|
|
48
|
+
var { className, header, renderContentWhenClosed = false, children, open, defaultOpen = false, onClick, size = "medium" } = _a, rest = __rest(_a, ["className", "header", "renderContentWhenClosed", "children", "open", "defaultOpen", "onClick", "size"]);
|
|
48
49
|
const [internalOpen, setInternalOpen] = (0, react_1.useState)(defaultOpen);
|
|
49
50
|
const CollapseComponent = renderContentWhenClosed
|
|
50
51
|
? react_collapse_1.Collapse
|
|
51
52
|
: react_collapse_1.UnmountClosed;
|
|
52
53
|
const isOpened = open !== null && open !== void 0 ? open : internalOpen;
|
|
53
|
-
return (react_1.default.createElement(
|
|
54
|
-
react_1.default.createElement("button", Object.assign({ type: "button" }, rest, { className: (0, classnames_1.default)("navds-read-more", "navds-body-short",
|
|
54
|
+
return (react_1.default.createElement("div", null,
|
|
55
|
+
react_1.default.createElement("button", Object.assign({ type: "button" }, rest, { className: (0, classnames_1.default)("navds-read-more", "navds-body-short", `navds-read-more--${size}`, className, {
|
|
55
56
|
"navds-read-more--open": isOpened,
|
|
57
|
+
"navds-body-short--small": size === "small",
|
|
56
58
|
}), onClick: (e) => {
|
|
57
59
|
if (open === undefined) {
|
|
58
60
|
setInternalOpen((isOpen) => !isOpen);
|
|
@@ -60,9 +62,10 @@ exports.ReadMore = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
60
62
|
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
61
63
|
}, "aria-expanded": isOpened, ref: ref }),
|
|
62
64
|
react_1.default.createElement(ds_icons_1.Expand, { className: "navds-read-more__expand-icon", "aria-hidden": true }),
|
|
65
|
+
react_1.default.createElement(ds_icons_2.ExpandFilled, { className: "navds-read-more__expand-icon navds-read-more__expand-icon--filled", "aria-hidden": true }),
|
|
63
66
|
react_1.default.createElement("span", null, header)),
|
|
64
67
|
react_1.default.createElement(CollapseComponent, { isOpened: isOpened },
|
|
65
68
|
react_1.default.createElement("div", { className: "navds-read-more__content" },
|
|
66
|
-
react_1.default.createElement(typography_1.BodyLong, { size:
|
|
69
|
+
react_1.default.createElement(typography_1.BodyLong, { size: size }, children)))));
|
|
67
70
|
});
|
|
68
71
|
exports.default = exports.ReadMore;
|
package/esm/form/Switch.d.ts
CHANGED
|
@@ -18,6 +18,10 @@ export interface SwitchProps extends Omit<FormFieldProps, "error" | "errorId">,
|
|
|
18
18
|
* @default "left"
|
|
19
19
|
*/
|
|
20
20
|
position?: "left" | "right";
|
|
21
|
+
/**
|
|
22
|
+
* Adds a description to extend labling of Switch
|
|
23
|
+
*/
|
|
24
|
+
description?: string;
|
|
21
25
|
}
|
|
22
26
|
export declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
|
|
23
27
|
export default Switch;
|
package/esm/form/Switch.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../src/form/Switch.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,KAAK,EAAE,EACZ,UAAU,EAEV,SAAS,EACT,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,IAAI,CAAC;AACrD,OAAO,EAAkB,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9D,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,CACzB,6BACE,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,KAAK,EAChB,IAAI,EAAC,KAAK,qCAEC,gBAAgB;IAE3B,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mEAAmE,EACrE,IAAI,EAAC,cAAc,EACnB,MAAM,EAAC,cAAc,GACrB,CACE,CACP,CAAC;
|
|
1
|
+
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../src/form/Switch.tsx"],"names":[],"mappings":"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"}
|
package/esm/form/Textarea.js
CHANGED
|
@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import React, { forwardRef } from "react";
|
|
12
|
+
import React, { forwardRef, useState } from "react";
|
|
13
13
|
import cl from "classnames";
|
|
14
14
|
import TextareaAutosize from "@material-ui/core/TextareaAutosize";
|
|
15
15
|
import { BodyShort, Label, omit } from "..";
|
|
@@ -17,11 +17,12 @@ import ErrorMessage from "./ErrorMessage";
|
|
|
17
17
|
import { useFormField } from "./useFormField";
|
|
18
18
|
import { useId } from "..";
|
|
19
19
|
export const Textarea = forwardRef((props, ref) => {
|
|
20
|
-
var _a;
|
|
20
|
+
var _a, _b, _c;
|
|
21
21
|
const { inputProps, errorId, showErrorMsg, hasError, size, inputDescriptionId, } = useFormField(props, "textarea");
|
|
22
22
|
const { label, className, description, maxLength, hideLabel = false } = props, rest = __rest(props, ["label", "className", "description", "maxLength", "hideLabel"]);
|
|
23
23
|
const maxLengthId = `TextareaMaxLength-${useId()}`;
|
|
24
24
|
const hasMaxLength = maxLength !== undefined && maxLength > 0;
|
|
25
|
+
const [controlledValue, setControlledValue] = useState((_a = props === null || props === void 0 ? void 0 : props.defaultValue) !== null && _a !== void 0 ? _a : "");
|
|
25
26
|
return (React.createElement("div", { className: cl(className, "navds-form-field", `navds-form-field--${size}`, {
|
|
26
27
|
"navds-textarea--error": hasError,
|
|
27
28
|
"navds-textarea--disabled": !!inputProps.disabled,
|
|
@@ -33,7 +34,9 @@ export const Textarea = forwardRef((props, ref) => {
|
|
|
33
34
|
"navds-sr-only": hideLabel,
|
|
34
35
|
}), id: inputDescriptionId, size: size }, description)),
|
|
35
36
|
React.createElement("div", { className: "navds-textarea__wrapper" },
|
|
36
|
-
React.createElement(TextareaAutosize, Object.assign({}, omit(rest, ["error", "errorId", "size"]), inputProps, {
|
|
37
|
+
React.createElement(TextareaAutosize, Object.assign({}, omit(rest, ["error", "errorId", "size"]), inputProps, { onChange: (e) => props.onChange
|
|
38
|
+
? props.onChange(e)
|
|
39
|
+
: setControlledValue(e.target.value), ref: ref, className: cl("navds-textarea__input", "navds-body-short", `navds-body-${size !== null && size !== void 0 ? size : "medium"}`, {
|
|
37
40
|
"navds-textarea--counter": hasMaxLength,
|
|
38
41
|
}), "aria-describedby": cl(inputProps["aria-describedby"], {
|
|
39
42
|
[maxLengthId]: hasMaxLength,
|
|
@@ -46,7 +49,7 @@ export const Textarea = forwardRef((props, ref) => {
|
|
|
46
49
|
" ",
|
|
47
50
|
maxLength,
|
|
48
51
|
" signs."),
|
|
49
|
-
React.createElement(Counter, { maxLength: maxLength, currentLength: (
|
|
52
|
+
React.createElement(Counter, { maxLength: maxLength, currentLength: (_c = (_b = props.value) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : controlledValue === null || controlledValue === void 0 ? void 0 : controlledValue.length, size: size })))),
|
|
50
53
|
React.createElement("div", { id: errorId, "aria-relevant": "additions removals", "aria-live": "polite" }, showErrorMsg && (React.createElement(ErrorMessage, { size: size }, props.error)))));
|
|
51
54
|
});
|
|
52
55
|
export const Counter = ({ maxLength, currentLength, size }) => {
|
package/esm/form/Textarea.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../src/form/Textarea.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../src/form/Textarea.tsx"],"names":[],"mappings":"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"}
|
|
@@ -23,6 +23,10 @@ export interface CheckboxProps extends Omit<FormFieldProps, "errorId">, Omit<Inp
|
|
|
23
23
|
* @default false
|
|
24
24
|
*/
|
|
25
25
|
indeterminate?: boolean;
|
|
26
|
+
/**
|
|
27
|
+
* Adds a description to extend labling of Checkbox
|
|
28
|
+
*/
|
|
29
|
+
description?: string;
|
|
26
30
|
}
|
|
27
31
|
export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
|
|
28
32
|
export default Checkbox;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/form/checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAuB,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/form/checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAuB,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAiChD,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IAE1D,MAAM,WAAW,GAAG,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;IAE3D,OAAO,CACL,6BACE,SAAS,EAAE,EAAE,CACX,KAAK,CAAC,SAAS,EACf,gBAAgB,EAChB,mBAAmB,IAAI,EAAE,EACzB;YACE,uBAAuB,EAAE,QAAQ;YACjC,0BAA0B,EAAE,UAAU,CAAC,QAAQ;SAChD,CACF;QAED,+CACM,IAAI,CAAC,KAAK,EAAE;YACd,UAAU;YACV,MAAM;YACN,OAAO;YACP,aAAa;YACb,WAAW;YACX,eAAe;SAChB,CAAC,EACE,UAAU,IACd,IAAI,EAAC,UAAU,EACf,SAAS,EAAC,uBAAuB,kBACnB,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,EAChE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE;;gBACV,IAAI,EAAE,EAAE;oBACN,EAAE,CAAC,aAAa,GAAG,MAAA,KAAK,CAAC,aAAa,mCAAI,KAAK,CAAC;iBACjD;gBAED,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;oBAC7B,GAAG,CAAC,EAAE,CAAC,CAAC;iBACT;qBAAM,IAAI,GAAG,IAAI,IAAI,EAAE;oBACtB,GAAG,CAAC,OAAO,GAAG,EAAE,CAAC;iBAClB;YACH,CAAC,IACD;QACF,+BAAO,OAAO,EAAE,UAAU,CAAC,EAAE,EAAE,SAAS,EAAC,uBAAuB;YAC9D,6BACE,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE;oBACvC,eAAe,EAAE,KAAK,CAAC,SAAS;iBACjC,CAAC;gBAEF,oBAAC,SAAS,IAAC,EAAE,EAAC,KAAK,EAAC,IAAI,EAAE,IAAI,IAC3B,KAAK,CAAC,QAAQ,CACL;gBACX,KAAK,CAAC,WAAW,IAAI,CACpB,oBAAC,WAAW,IACV,EAAE,EAAC,KAAK,EACR,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,6BAA6B,IAEtC,KAAK,CAAC,WAAW,CACN,CACf,CACG,CACA,CACJ,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -9,6 +9,10 @@ export interface RadioProps extends Omit<FormFieldProps, "error" | "errorId">, O
|
|
|
9
9
|
* The value of the HTML element
|
|
10
10
|
*/
|
|
11
11
|
value: any;
|
|
12
|
+
/**
|
|
13
|
+
* Adds a description to extend labling of Radio
|
|
14
|
+
*/
|
|
15
|
+
description?: string;
|
|
12
16
|
}
|
|
13
17
|
export declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
|
|
14
18
|
export default Radio;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/form/radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAuB,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/form/radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAuB,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAmBtC,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAA+B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC3E,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEvD,MAAM,WAAW,GAAG,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;IAE3D,OAAO,CACL,6BACE,SAAS,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS,EAAE,aAAa,EAAE,gBAAgB,IAAI,EAAE,EAAE;YACpE,oBAAoB,EAAE,QAAQ;YAC9B,uBAAuB,EAAE,UAAU,CAAC,QAAQ;SAC7C,CAAC;QAEF,+CACM,IAAI,CAAC,KAAK,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,aAAa,CAAC,CAAC,EAChD,UAAU,IACd,SAAS,EAAC,oBAAoB,EAC9B,GAAG,EAAE,GAAG,IACR;QACF,+BAAO,OAAO,EAAE,UAAU,CAAC,EAAE,EAAE,SAAS,EAAC,oBAAoB;YAC3D,6BAAK,SAAS,EAAC,sBAAsB;gBACnC,oBAAC,SAAS,IAAC,EAAE,EAAC,KAAK,EAAC,IAAI,EAAE,IAAI,IAC3B,KAAK,CAAC,QAAQ,CACL;gBACX,KAAK,CAAC,WAAW,IAAI,CACpB,oBAAC,WAAW,IACV,EAAE,EAAC,KAAK,EACR,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,0BAA0B,IAEnC,KAAK,CAAC,WAAW,CACN,CACf,CACG,CACA,CACJ,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,KAAK,CAAC"}
|
package/esm/form/useFormField.js
CHANGED
|
@@ -26,7 +26,7 @@ export const useFormField = (props, prefix) => {
|
|
|
26
26
|
id,
|
|
27
27
|
"aria-invalid": hasError,
|
|
28
28
|
"aria-describedby": cl(props["aria-describedby"], {
|
|
29
|
-
[inputDescriptionId]: !!(props === null || props === void 0 ? void 0 : props.description),
|
|
29
|
+
[inputDescriptionId]: !!(props === null || props === void 0 ? void 0 : props.description) && typeof (props === null || props === void 0 ? void 0 : props.description) === "string",
|
|
30
30
|
[errorId]: showErrorMsg,
|
|
31
31
|
[(_c = fieldset === null || fieldset === void 0 ? void 0 : fieldset.errorId) !== null && _c !== void 0 ? _c : ""]: hasError && !!(fieldset === null || fieldset === void 0 ? void 0 : fieldset.error),
|
|
32
32
|
}) || undefined,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useFormField.js","sourceRoot":"","sources":["../../src/form/useFormField.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AA8BjC;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAqB,EAAE,MAAc,EAAE,EAAE;;IACpE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAEpD,MAAM,QAAQ,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IAE7C,MAAM,KAAK,GAAG,KAAK,EAAE,CAAC;IAEtB,MAAM,EAAE,GAAG,MAAA,KAAK,CAAC,EAAE,mCAAI,GAAG,MAAM,IAAI,KAAK,EAAE,CAAC;IAC5C,MAAM,OAAO,GAAG,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,GAAG,MAAM,UAAU,KAAK,EAAE,CAAC;IAC1D,MAAM,kBAAkB,GAAG,GAAG,MAAM,gBAAgB,KAAK,EAAE,CAAC;IAE5D,MAAM,QAAQ,GAAG,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,QAAQ,KAAI,KAAK,CAAC,QAAQ,CAAC;IACtD,MAAM,QAAQ,GAAY,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC,KAAK,KAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,CAAA,CAAC,CAAC;IACpE,MAAM,YAAY,GAAG,CAAC,QAAQ,IAAI,CAAC,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,SAAS,CAAC;IAExE,OAAO;QACL,YAAY;QACZ,QAAQ;QACR,OAAO;QACP,kBAAkB;QAClB,IAAI,EAAE,MAAA,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,mCAAI,QAAQ;QACxC,UAAU,EAAE;YACV,EAAE;YACF,cAAc,EAAE,QAAQ;YACxB,kBAAkB,EAChB,EAAE,CAAC,KAAK,CAAC,kBAAkB,CAAC,EAAE;gBAC5B,CAAC,kBAAkB,CAAC,
|
|
1
|
+
{"version":3,"file":"useFormField.js","sourceRoot":"","sources":["../../src/form/useFormField.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AA8BjC;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAqB,EAAE,MAAc,EAAE,EAAE;;IACpE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAEpD,MAAM,QAAQ,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IAE7C,MAAM,KAAK,GAAG,KAAK,EAAE,CAAC;IAEtB,MAAM,EAAE,GAAG,MAAA,KAAK,CAAC,EAAE,mCAAI,GAAG,MAAM,IAAI,KAAK,EAAE,CAAC;IAC5C,MAAM,OAAO,GAAG,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,GAAG,MAAM,UAAU,KAAK,EAAE,CAAC;IAC1D,MAAM,kBAAkB,GAAG,GAAG,MAAM,gBAAgB,KAAK,EAAE,CAAC;IAE5D,MAAM,QAAQ,GAAG,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,QAAQ,KAAI,KAAK,CAAC,QAAQ,CAAC;IACtD,MAAM,QAAQ,GAAY,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC,KAAK,KAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,CAAA,CAAC,CAAC;IACpE,MAAM,YAAY,GAAG,CAAC,QAAQ,IAAI,CAAC,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,SAAS,CAAC;IAExE,OAAO;QACL,YAAY;QACZ,QAAQ;QACR,OAAO;QACP,kBAAkB;QAClB,IAAI,EAAE,MAAA,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,mCAAI,QAAQ;QACxC,UAAU,EAAE;YACV,EAAE;YACF,cAAc,EAAE,QAAQ;YACxB,kBAAkB,EAChB,EAAE,CAAC,KAAK,CAAC,kBAAkB,CAAC,EAAE;gBAC5B,CAAC,kBAAkB,CAAC,EAClB,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,CAAA,IAAI,OAAO,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,CAAA,KAAK,QAAQ;gBAChE,CAAC,OAAO,CAAC,EAAE,YAAY;gBACvB,CAAC,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,mCAAI,EAAE,CAAC,EAAE,QAAQ,IAAI,CAAC,CAAC,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,CAAA;aACzD,CAAC,IAAI,SAAS;YACjB,QAAQ;SACT;KACF,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
export interface ReadMoreProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
3
3
|
/**
|
|
4
|
-
* Content inside
|
|
4
|
+
* Content inside ReadMore
|
|
5
5
|
*/
|
|
6
6
|
children: React.ReactNode;
|
|
7
7
|
/**
|
|
8
|
-
*
|
|
8
|
+
* ReadMore header content
|
|
9
9
|
*/
|
|
10
10
|
header: React.ReactNode;
|
|
11
11
|
/**
|
|
@@ -23,6 +23,11 @@ export interface ReadMoreProps extends React.ButtonHTMLAttributes<HTMLButtonElem
|
|
|
23
23
|
* @default false
|
|
24
24
|
*/
|
|
25
25
|
renderContentWhenClosed?: boolean;
|
|
26
|
+
/**
|
|
27
|
+
* Changes fontsize for content
|
|
28
|
+
* @default false
|
|
29
|
+
*/
|
|
30
|
+
size?: "medium" | "small";
|
|
26
31
|
}
|
|
27
32
|
export declare const ReadMore: React.ForwardRefExoticComponent<ReadMoreProps & React.RefAttributes<HTMLButtonElement>>;
|
|
28
33
|
export default ReadMore;
|
|
@@ -14,16 +14,18 @@ import cl from "classnames";
|
|
|
14
14
|
import { Collapse, UnmountClosed } from "react-collapse";
|
|
15
15
|
import { Expand } from "@navikt/ds-icons";
|
|
16
16
|
import { BodyLong } from "../typography";
|
|
17
|
+
import { ExpandFilled } from "@navikt/ds-icons";
|
|
17
18
|
export const ReadMore = forwardRef((_a, ref) => {
|
|
18
|
-
var { className, header, renderContentWhenClosed = false, children, open, defaultOpen = false, onClick } = _a, rest = __rest(_a, ["className", "header", "renderContentWhenClosed", "children", "open", "defaultOpen", "onClick"]);
|
|
19
|
+
var { className, header, renderContentWhenClosed = false, children, open, defaultOpen = false, onClick, size = "medium" } = _a, rest = __rest(_a, ["className", "header", "renderContentWhenClosed", "children", "open", "defaultOpen", "onClick", "size"]);
|
|
19
20
|
const [internalOpen, setInternalOpen] = useState(defaultOpen);
|
|
20
21
|
const CollapseComponent = renderContentWhenClosed
|
|
21
22
|
? Collapse
|
|
22
23
|
: UnmountClosed;
|
|
23
24
|
const isOpened = open !== null && open !== void 0 ? open : internalOpen;
|
|
24
|
-
return (React.createElement(
|
|
25
|
-
React.createElement("button", Object.assign({ type: "button" }, rest, { className: cl("navds-read-more", "navds-body-short",
|
|
25
|
+
return (React.createElement("div", null,
|
|
26
|
+
React.createElement("button", Object.assign({ type: "button" }, rest, { className: cl("navds-read-more", "navds-body-short", `navds-read-more--${size}`, className, {
|
|
26
27
|
"navds-read-more--open": isOpened,
|
|
28
|
+
"navds-body-short--small": size === "small",
|
|
27
29
|
}), onClick: (e) => {
|
|
28
30
|
if (open === undefined) {
|
|
29
31
|
setInternalOpen((isOpen) => !isOpen);
|
|
@@ -31,10 +33,11 @@ export const ReadMore = forwardRef((_a, ref) => {
|
|
|
31
33
|
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
32
34
|
}, "aria-expanded": isOpened, ref: ref }),
|
|
33
35
|
React.createElement(Expand, { className: "navds-read-more__expand-icon", "aria-hidden": true }),
|
|
36
|
+
React.createElement(ExpandFilled, { className: "navds-read-more__expand-icon navds-read-more__expand-icon--filled", "aria-hidden": true }),
|
|
34
37
|
React.createElement("span", null, header)),
|
|
35
38
|
React.createElement(CollapseComponent, { isOpened: isOpened },
|
|
36
39
|
React.createElement("div", { className: "navds-read-more__content" },
|
|
37
|
-
React.createElement(BodyLong, { size:
|
|
40
|
+
React.createElement(BodyLong, { size: size }, children)))));
|
|
38
41
|
});
|
|
39
42
|
export default ReadMore;
|
|
40
43
|
//# sourceMappingURL=ReadMore.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReadMore.js","sourceRoot":"","sources":["../../src/read-more/ReadMore.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"ReadMore.js","sourceRoot":"","sources":["../../src/read-more/ReadMore.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAkChD,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CACE,EAUC,EACD,GAAG,EACH,EAAE;QAZF,EACE,SAAS,EACT,MAAM,EACN,uBAAuB,GAAG,KAAK,EAC/B,QAAQ,EACR,IAAI,EACJ,WAAW,GAAG,KAAK,EACnB,OAAO,EACP,IAAI,GAAG,QAAQ,OAEhB,EADI,IAAI,cATT,wGAUC,CADQ;IAIT,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAU,WAAW,CAAC,CAAC;IACvE,MAAM,iBAAiB,GAAG,uBAAuB;QAC/C,CAAC,CAAC,QAAQ;QACV,CAAC,CAAC,aAAa,CAAC;IAElB,MAAM,QAAQ,GAAG,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,YAAY,CAAC;IAEtC,OAAO,CACL;QACE,8CACE,IAAI,EAAC,QAAQ,IACT,IAAI,IACR,SAAS,EAAE,EAAE,CACX,iBAAiB,EACjB,kBAAkB,EAClB,oBAAoB,IAAI,EAAE,EAC1B,SAAS,EACT;gBACE,uBAAuB,EAAE,QAAQ;gBACjC,yBAAyB,EAAE,IAAI,KAAK,OAAO;aAC5C,CACF,EACD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACb,IAAI,IAAI,KAAK,SAAS,EAAE;oBACtB,eAAe,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC;iBACtC;gBACD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAC;YACf,CAAC,mBACc,QAAQ,EACvB,GAAG,EAAE,GAAG;YAER,oBAAC,MAAM,IAAC,SAAS,EAAE,8BAA8B,wBAAgB;YACjE,oBAAC,YAAY,IACX,SAAS,EACP,mEAAmE,wBAGrE;YACF,kCAAO,MAAM,CAAQ,CACd;QACT,oBAAC,iBAAiB,IAAC,QAAQ,EAAE,QAAQ;YACnC,6BAAK,SAAS,EAAC,0BAA0B;gBACvC,oBAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,IAAG,QAAQ,CAAY,CACvC,CACY,CAChB,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
package/esm/read-more/index.d.ts
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
export { default as ReadMore
|
|
1
|
+
export { default as ReadMore } from "./ReadMore";
|
|
2
|
+
export { ReadMoreProps } from "./ReadMore";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/read-more/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/read-more/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@navikt/ds-react",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.19.2",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "NAV designsystem react components",
|
|
6
6
|
"author": "NAV Designsystem team",
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
"dependencies": {
|
|
39
39
|
"@floating-ui/react-dom": "0.6.0",
|
|
40
40
|
"@material-ui/core": "^4.12.3",
|
|
41
|
-
"@navikt/ds-icons": "^0.8.
|
|
41
|
+
"@navikt/ds-icons": "^0.8.14",
|
|
42
42
|
"@popperjs/core": "^2.10.1",
|
|
43
43
|
"@radix-ui/react-tabs": "0.1.5",
|
|
44
44
|
"@radix-ui/react-toggle-group": "0.1.5",
|
|
@@ -74,5 +74,5 @@
|
|
|
74
74
|
"@types/react": "^17.0.30 || ^18.0.0",
|
|
75
75
|
"react": "^17.0.0 || ^18.0.0"
|
|
76
76
|
},
|
|
77
|
-
"gitHead": "
|
|
77
|
+
"gitHead": "44a4ab61fe94ba5e54ed3ab556eca408b4198314"
|
|
78
78
|
}
|