@navikt/ds-react 6.5.0 → 6.6.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/cjs/form/combobox/FilteredOptions/filteredOptionsContext.js +2 -4
- package/cjs/form/combobox/FilteredOptions/filteredOptionsContext.js.map +1 -1
- package/cjs/form/combobox/Input/Input.js +6 -1
- package/cjs/form/combobox/Input/Input.js.map +1 -1
- package/cjs/form/form-summary/FormSummary.d.ts +82 -0
- package/cjs/form/form-summary/FormSummary.js +81 -0
- package/cjs/form/form-summary/FormSummary.js.map +1 -0
- package/cjs/form/form-summary/FormSummaryAnswer.d.ts +11 -0
- package/cjs/form/form-summary/FormSummaryAnswer.js +25 -0
- package/cjs/form/form-summary/FormSummaryAnswer.js.map +1 -0
- package/cjs/form/form-summary/FormSummaryAnswers.d.ts +9 -0
- package/cjs/form/form-summary/FormSummaryAnswers.js +48 -0
- package/cjs/form/form-summary/FormSummaryAnswers.js.map +1 -0
- package/cjs/form/form-summary/FormSummaryEditLink.d.ts +17 -0
- package/cjs/form/form-summary/FormSummaryEditLink.js +49 -0
- package/cjs/form/form-summary/FormSummaryEditLink.js.map +1 -0
- package/cjs/form/form-summary/FormSummaryHeader.d.ts +9 -0
- package/cjs/form/form-summary/FormSummaryHeader.js +48 -0
- package/cjs/form/form-summary/FormSummaryHeader.js.map +1 -0
- package/cjs/form/form-summary/FormSummaryHeading.d.ts +14 -0
- package/cjs/form/form-summary/FormSummaryHeading.js +31 -0
- package/cjs/form/form-summary/FormSummaryHeading.js.map +1 -0
- package/cjs/form/form-summary/FormSummaryLabel.d.ts +6 -0
- package/cjs/form/form-summary/FormSummaryLabel.js +45 -0
- package/cjs/form/form-summary/FormSummaryLabel.js.map +1 -0
- package/cjs/form/form-summary/FormSummaryValue.d.ts +6 -0
- package/cjs/form/form-summary/FormSummaryValue.js +49 -0
- package/cjs/form/form-summary/FormSummaryValue.js.map +1 -0
- package/cjs/form/form-summary/index.d.ts +8 -0
- package/cjs/form/form-summary/index.js +24 -0
- package/cjs/form/form-summary/index.js.map +1 -0
- package/cjs/index.d.ts +3 -2
- package/cjs/index.js +5 -3
- package/cjs/index.js.map +1 -1
- package/cjs/util/hooks/descendants/descendant.js +10 -1
- package/cjs/util/hooks/descendants/descendant.js.map +1 -1
- package/cjs/util/hooks/descendants/useDescendant.js +0 -5
- package/cjs/util/hooks/descendants/useDescendant.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/filteredOptionsContext.js +2 -4
- package/esm/form/combobox/FilteredOptions/filteredOptionsContext.js.map +1 -1
- package/esm/form/combobox/Input/Input.js +6 -1
- package/esm/form/combobox/Input/Input.js.map +1 -1
- package/esm/form/form-summary/FormSummary.d.ts +82 -0
- package/esm/form/form-summary/FormSummary.js +52 -0
- package/esm/form/form-summary/FormSummary.js.map +1 -0
- package/esm/form/form-summary/FormSummaryAnswer.d.ts +11 -0
- package/esm/form/form-summary/FormSummaryAnswer.js +19 -0
- package/esm/form/form-summary/FormSummaryAnswer.js.map +1 -0
- package/esm/form/form-summary/FormSummaryAnswers.d.ts +9 -0
- package/esm/form/form-summary/FormSummaryAnswers.js +19 -0
- package/esm/form/form-summary/FormSummaryAnswers.js.map +1 -0
- package/esm/form/form-summary/FormSummaryEditLink.d.ts +17 -0
- package/esm/form/form-summary/FormSummaryEditLink.js +20 -0
- package/esm/form/form-summary/FormSummaryEditLink.js.map +1 -0
- package/esm/form/form-summary/FormSummaryHeader.d.ts +9 -0
- package/esm/form/form-summary/FormSummaryHeader.js +19 -0
- package/esm/form/form-summary/FormSummaryHeader.js.map +1 -0
- package/esm/form/form-summary/FormSummaryHeading.d.ts +14 -0
- package/esm/form/form-summary/FormSummaryHeading.js +5 -0
- package/esm/form/form-summary/FormSummaryHeading.js.map +1 -0
- package/esm/form/form-summary/FormSummaryLabel.d.ts +6 -0
- package/esm/form/form-summary/FormSummaryLabel.js +19 -0
- package/esm/form/form-summary/FormSummaryLabel.js.map +1 -0
- package/esm/form/form-summary/FormSummaryValue.d.ts +6 -0
- package/esm/form/form-summary/FormSummaryValue.js +20 -0
- package/esm/form/form-summary/FormSummaryValue.js.map +1 -0
- package/esm/form/form-summary/index.d.ts +8 -0
- package/esm/form/form-summary/index.js +10 -0
- package/esm/form/form-summary/index.js.map +1 -0
- package/esm/index.d.ts +3 -2
- package/esm/index.js +2 -1
- package/esm/index.js.map +1 -1
- package/esm/util/hooks/descendants/descendant.js +10 -1
- package/esm/util/hooks/descendants/descendant.js.map +1 -1
- package/esm/util/hooks/descendants/useDescendant.js +0 -5
- package/esm/util/hooks/descendants/useDescendant.js.map +1 -1
- package/package.json +15 -4
- package/src/form/combobox/FilteredOptions/filteredOptionsContext.tsx +9 -1
- package/src/form/combobox/Input/Input.tsx +5 -0
- package/src/form/form-summary/FormSummary.tsx +106 -0
- package/src/form/form-summary/FormSummaryAnswer.tsx +27 -0
- package/src/form/form-summary/FormSummaryAnswers.tsx +25 -0
- package/src/form/form-summary/FormSummaryEditLink.tsx +35 -0
- package/src/form/form-summary/FormSummaryHeader.tsx +25 -0
- package/src/form/form-summary/FormSummaryHeading.tsx +23 -0
- package/src/form/form-summary/FormSummaryLabel.tsx +17 -0
- package/src/form/form-summary/FormSummaryValue.tsx +24 -0
- package/src/form/form-summary/index.ts +30 -0
- package/src/index.ts +16 -15
- package/src/util/hooks/descendants/descendant.ts +15 -1
- package/src/util/hooks/descendants/useDescendant.tsx +0 -5
- package/src/accordion/accordion.stories.tsx +0 -286
- package/src/alert/alert.stories.tsx +0 -306
- package/src/button/button.stories.tsx +0 -185
- package/src/chat/chat.stories.tsx +0 -341
- package/src/chips/chips.stories.tsx +0 -260
- package/src/copybutton/copy-button.stories.tsx +0 -261
- package/src/date/datepicker/datepicker.stories.tsx +0 -614
- package/src/date/monthpicker/monthpicker.stories.tsx +0 -221
- package/src/dropdown/dropdown.stories.tsx +0 -124
- package/src/expansion-card/expansion-card.stories.tsx +0 -282
- package/src/form/checkbox/checkbox.stories.tsx +0 -281
- package/src/form/combobox/combobox.stories.tsx +0 -626
- package/src/form/confirmation-panel/confirmation-panel.stories.tsx +0 -128
- package/src/form/error-summary/error-summary.stories.tsx +0 -81
- package/src/form/fieldset/fieldset.stories.tsx +0 -157
- package/src/form/file-upload/file-upload-dropzone.stories.tsx +0 -123
- package/src/form/file-upload/file-upload-item.stories.tsx +0 -148
- package/src/form/file-upload/file-upload.stories.tsx +0 -248
- package/src/form/radio/radio.stories.tsx +0 -230
- package/src/form/search/search.stories.tsx +0 -238
- package/src/form/select/select.stories.tsx +0 -172
- package/src/form/switch/switch.stories.tsx +0 -171
- package/src/form/textarea/textarea.stories.tsx +0 -254
- package/src/form/textfield/text-field.stories.tsx +0 -143
- package/src/guide-panel/guidepanel.stories.tsx +0 -90
- package/src/help-text/help-text.stories.tsx +0 -91
- package/src/internal-header/header.stories.tsx +0 -229
- package/src/layout/bleed/Bleed.stories.tsx +0 -395
- package/src/layout/box/Box.stories.tsx +0 -380
- package/src/layout/grid/h-grid.stories.tsx +0 -122
- package/src/layout/page/Page.stories.tsx +0 -271
- package/src/layout/responsive/hide.stories.tsx +0 -80
- package/src/layout/responsive/show.stories.tsx +0 -80
- package/src/layout/sidemal-test/navno-sidemal.stories.tsx +0 -69
- package/src/layout/stack/stack.stories.tsx +0 -183
- package/src/link/stories/link.stories.tsx +0 -304
- package/src/link-panel/link-panel.stories.tsx +0 -59
- package/src/list/list.stories.tsx +0 -280
- package/src/loader/loader.stories.tsx +0 -82
- package/src/modal/modal.stories.tsx +0 -391
- package/src/pagination/pagination.stories.tsx +0 -110
- package/src/popover/popover.stories.tsx +0 -113
- package/src/portal/Portal.stories.tsx +0 -102
- package/src/read-more/readmore.stories.tsx +0 -91
- package/src/skeleton/skeleton.stories.tsx +0 -130
- package/src/stepper/stepper.stories.tsx +0 -200
- package/src/table/stories/table-1.stories.tsx +0 -292
- package/src/table/stories/table-2-expandable.stories.tsx +0 -298
- package/src/table/stories/table-3-async.stories.tsx +0 -179
- package/src/table/stories/tests/table.stories.tsx +0 -102
- package/src/tabs/Tabs.stories.tsx +0 -311
- package/src/tag/tag.stories.tsx +0 -126
- package/src/timeline/timeline.stories.tsx +0 -445
- package/src/toggle-group/ToggleGroup.stories.tsx +0 -198
- package/src/tooltip/tooltip.stories.tsx +0 -101
- package/src/typography/stories/bodylong.stories.tsx +0 -209
- package/src/typography/stories/bodyshort.stories.tsx +0 -208
- package/src/typography/stories/detail.stories.tsx +0 -115
- package/src/typography/stories/error-message.stories.tsx +0 -122
- package/src/typography/stories/heading.stories.tsx +0 -169
- package/src/typography/stories/label.stories.tsx +0 -131
- package/src/util/hooks/descendants/descendant.stories.tsx +0 -147
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
12
|
+
import cl from "clsx";
|
|
13
|
+
import React, { forwardRef } from "react";
|
|
14
|
+
export const FormSummaryHeader = forwardRef((_a, ref) => {
|
|
15
|
+
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
|
16
|
+
return (React.createElement("header", Object.assign({ ref: ref }, rest, { className: cl("navds-form-summary__header", className) }), children));
|
|
17
|
+
});
|
|
18
|
+
export default FormSummaryHeader;
|
|
19
|
+
//# sourceMappingURL=FormSummaryHeader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormSummaryHeader.js","sourceRoot":"","sources":["../../../src/form/form-summary/FormSummaryHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAU1C,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAAU,CAGzC,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAAY,OAAA,CAC3C,8CACE,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC,KAErD,QAAQ,CACF,CACV,CAAA;CAAA,CAAC,CAAC;AAEH,eAAe,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { HeadingProps } from "../../typography/index.js";
|
|
3
|
+
export interface FormSummaryHeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
|
|
4
|
+
/**
|
|
5
|
+
* Heading text.
|
|
6
|
+
*/
|
|
7
|
+
children: React.ReactNode;
|
|
8
|
+
/**
|
|
9
|
+
* The heading level.
|
|
10
|
+
*/
|
|
11
|
+
level: Exclude<HeadingProps["level"], "1">;
|
|
12
|
+
}
|
|
13
|
+
export declare const FormSummaryHeading: React.ForwardRefExoticComponent<FormSummaryHeadingProps & React.RefAttributes<HTMLHeadingElement>>;
|
|
14
|
+
export default FormSummaryHeading;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React, { forwardRef } from "react";
|
|
2
|
+
import { Heading } from "../../typography/index.js";
|
|
3
|
+
export const FormSummaryHeading = forwardRef((props, ref) => (React.createElement(Heading, Object.assign({ ref: ref }, props, { size: "medium" }))));
|
|
4
|
+
export default FormSummaryHeading;
|
|
5
|
+
//# sourceMappingURL=FormSummaryHeading.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormSummaryHeading.js","sourceRoot":"","sources":["../../../src/form/form-summary/FormSummaryHeading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAgB,MAAM,kBAAkB,CAAC;AAczD,MAAM,CAAC,MAAM,kBAAkB,GAAG,UAAU,CAG1C,CAAC,KAA8B,EAAE,GAAG,EAAE,EAAE,CAAC,CACzC,oBAAC,OAAO,kBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,IAAE,IAAI,EAAC,QAAQ,IAAG,CAC/C,CAAC,CAAC;AAEH,eAAe,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export interface FormSummaryLabelProps extends React.HTMLAttributes<HTMLElement> {
|
|
3
|
+
children: React.ReactNode;
|
|
4
|
+
}
|
|
5
|
+
export declare const FormSummaryLabel: React.ForwardRefExoticComponent<FormSummaryLabelProps & React.RefAttributes<HTMLElement>>;
|
|
6
|
+
export default FormSummaryLabel;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
12
|
+
import React, { forwardRef } from "react";
|
|
13
|
+
import { Label } from "../../typography/index.js";
|
|
14
|
+
export const FormSummaryLabel = forwardRef((_a, ref) => {
|
|
15
|
+
var { children } = _a, rest = __rest(_a, ["children"]);
|
|
16
|
+
return (React.createElement(Label, Object.assign({ ref: ref }, rest, { as: "dt" }), children));
|
|
17
|
+
});
|
|
18
|
+
export default FormSummaryLabel;
|
|
19
|
+
//# sourceMappingURL=FormSummaryLabel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormSummaryLabel.js","sourceRoot":"","sources":["../../../src/form/form-summary/FormSummaryLabel.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAOzC,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CACxC,CAAC,EAAqB,EAAE,GAAG,EAAE,EAAE;QAA9B,EAAE,QAAQ,OAAW,EAAN,IAAI,cAAnB,YAAqB,CAAF;IAAY,OAAA,CAC9B,oBAAC,KAAK,kBAAC,GAAG,EAAE,GAAG,IAAM,IAAI,IAAE,EAAE,EAAC,IAAI,KAC/B,QAAQ,CACH,CACT,CAAA;CAAA,CACF,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export interface FormSummaryValueProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
children: React.ReactNode;
|
|
4
|
+
}
|
|
5
|
+
export declare const FormSummaryValue: React.ForwardRefExoticComponent<FormSummaryValueProps & React.RefAttributes<HTMLDivElement>>;
|
|
6
|
+
export default FormSummaryValue;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
12
|
+
import cl from "clsx";
|
|
13
|
+
import React, { forwardRef } from "react";
|
|
14
|
+
import { BodyLong } from "../../typography/index.js";
|
|
15
|
+
export const FormSummaryValue = forwardRef((_a, ref) => {
|
|
16
|
+
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
|
17
|
+
return (React.createElement(BodyLong, Object.assign({ ref: ref }, rest, { as: "dd", className: cl("navds-form-summary__value", className) }), children));
|
|
18
|
+
});
|
|
19
|
+
export default FormSummaryValue;
|
|
20
|
+
//# sourceMappingURL=FormSummaryValue.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormSummaryValue.js","sourceRoot":"","sources":["../../../src/form/form-summary/FormSummaryValue.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAO5C,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CAGxC,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAAY,OAAA,CAC3C,oBAAC,QAAQ,kBACP,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,EAAE,EAAC,IAAI,EACP,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,SAAS,CAAC,KAEpD,QAAQ,CACA,CACZ,CAAA;CAAA,CAAC,CAAC;AAEH,eAAe,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export { default as FormSummary, type FormSummaryProps } from "./FormSummary.js";
|
|
2
|
+
export { default as FormSummaryAnswer, type FormSummaryAnswerProps, } from "./FormSummaryAnswer.js";
|
|
3
|
+
export { default as FormSummaryAnswers, type FormSummaryAnswersProps, } from "./FormSummaryAnswers.js";
|
|
4
|
+
export { default as FormSummaryEditLink, type FormSummaryEditProps, } from "./FormSummaryEditLink.js";
|
|
5
|
+
export { default as FormSummaryHeader, type FormSummaryHeaderProps, } from "./FormSummaryHeader.js";
|
|
6
|
+
export { default as FormSummaryHeading, type FormSummaryHeadingProps, } from "./FormSummaryHeading.js";
|
|
7
|
+
export { default as FormSummaryLabel, type FormSummaryLabelProps, } from "./FormSummaryLabel.js";
|
|
8
|
+
export { default as FormSummaryValue, type FormSummaryValueProps, } from "./FormSummaryValue.js";
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
export { default as FormSummary } from "./FormSummary.js";
|
|
3
|
+
export { default as FormSummaryAnswer, } from "./FormSummaryAnswer.js";
|
|
4
|
+
export { default as FormSummaryAnswers, } from "./FormSummaryAnswers.js";
|
|
5
|
+
export { default as FormSummaryEditLink, } from "./FormSummaryEditLink.js";
|
|
6
|
+
export { default as FormSummaryHeader, } from "./FormSummaryHeader.js";
|
|
7
|
+
export { default as FormSummaryHeading, } from "./FormSummaryHeading.js";
|
|
8
|
+
export { default as FormSummaryLabel, } from "./FormSummaryLabel.js";
|
|
9
|
+
export { default as FormSummaryValue, } from "./FormSummaryValue.js";
|
|
10
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/form/form-summary/index.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,OAAO,IAAI,WAAW,EAAyB,MAAM,eAAe,CAAC;AAC9E,OAAO,EACL,OAAO,IAAI,iBAAiB,GAE7B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,OAAO,IAAI,kBAAkB,GAE9B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,OAAO,IAAI,mBAAmB,GAE/B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,OAAO,IAAI,iBAAiB,GAE7B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,OAAO,IAAI,kBAAkB,GAE9B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,OAAO,IAAI,gBAAgB,GAE5B,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,OAAO,IAAI,gBAAgB,GAE5B,MAAM,oBAAoB,CAAC"}
|
package/esm/index.d.ts
CHANGED
|
@@ -8,7 +8,7 @@ export { DatePicker, useDatepicker, useRangeDatepicker, type DateInputProps, typ
|
|
|
8
8
|
export { MonthPicker, useMonthpicker, type MonthPickerProps, type MonthPickerStandaloneProps, type MonthValidationT, } from "./date/monthpicker/index.js";
|
|
9
9
|
export { Dropdown, type DropdownProps } from "./dropdown/index.js";
|
|
10
10
|
export { ExpansionCard, type ExpansionCardProps } from "./expansion-card/index.js";
|
|
11
|
-
export { GuidePanel, type GuidePanelProps,
|
|
11
|
+
export { GuidePanel, GuidePanelDefaultIllustration, type GuidePanelProps, } from "./guide-panel/index.js";
|
|
12
12
|
export { HelpText, type HelpTextProps } from "./help-text/index.js";
|
|
13
13
|
export { InternalHeader, type InternalHeaderButtonProps, type InternalHeaderProps, type InternalHeaderTitleProps, type InternalHeaderUserButtonProps, type InternalHeaderUserProps, } from "./internal-header/index.js";
|
|
14
14
|
export { Bleed, type BleedProps } from "./layout/bleed/index.js";
|
|
@@ -41,13 +41,14 @@ export { UNSAFE_Combobox, type ComboboxProps } from "./form/combobox/index.js";
|
|
|
41
41
|
export { ConfirmationPanel, type ConfirmationPanelProps, } from "./form/confirmation-panel/index.js";
|
|
42
42
|
export { ErrorSummary, type ErrorSummaryProps } from "./form/error-summary/index.js";
|
|
43
43
|
export { Fieldset, type FieldsetProps } from "./form/fieldset/index.js";
|
|
44
|
+
export { UNSAFE_FileUpload, type FileAccepted, type FileItem, type FileMetadata, type FileObject, type FileRejected, type FileRejectedPartitioned, type FileRejectionReason, type FileUploadDropzoneProps, type FileUploadItemProps, type FileUploadTriggerProps, type FilesPartitioned, } from "./form/file-upload/index.js";
|
|
45
|
+
export { FormSummary, type FormSummaryProps } from "./form/form-summary/index.js";
|
|
44
46
|
export { Radio, RadioGroup, type RadioGroupProps, type RadioProps, } from "./form/radio/index.js";
|
|
45
47
|
export { Search, type SearchClearEvent, type SearchProps } from "./form/search/index.js";
|
|
46
48
|
export { Select, type SelectProps } from "./form/select/index.js";
|
|
47
49
|
export { Switch, type SwitchProps } from "./form/switch/index.js";
|
|
48
50
|
export { Textarea, type TextareaProps } from "./form/textarea/index.js";
|
|
49
51
|
export { TextField, type TextFieldProps } from "./form/textfield/index.js";
|
|
50
|
-
export { UNSAFE_FileUpload, type FileUploadDropzoneProps, type FileUploadTriggerProps, type FileObject, type FileRejected, type FileAccepted, type FileRejectedPartitioned, type FilesPartitioned, type FileRejectionReason, type FileUploadItemProps, type FileItem, type FileMetadata, } from "./form/file-upload/index.js";
|
|
51
52
|
/**
|
|
52
53
|
* @deprecated
|
|
53
54
|
*/
|
package/esm/index.js
CHANGED
|
@@ -42,13 +42,14 @@ export { UNSAFE_Combobox } from "./form/combobox/index.js";
|
|
|
42
42
|
export { ConfirmationPanel, } from "./form/confirmation-panel/index.js";
|
|
43
43
|
export { ErrorSummary } from "./form/error-summary/index.js";
|
|
44
44
|
export { Fieldset } from "./form/fieldset/index.js";
|
|
45
|
+
export { UNSAFE_FileUpload, } from "./form/file-upload/index.js";
|
|
46
|
+
export { FormSummary } from "./form/form-summary/index.js";
|
|
45
47
|
export { Radio, RadioGroup, } from "./form/radio/index.js";
|
|
46
48
|
export { Search } from "./form/search/index.js";
|
|
47
49
|
export { Select } from "./form/select/index.js";
|
|
48
50
|
export { Switch } from "./form/switch/index.js";
|
|
49
51
|
export { Textarea } from "./form/textarea/index.js";
|
|
50
52
|
export { TextField } from "./form/textfield/index.js";
|
|
51
|
-
export { UNSAFE_FileUpload, } from "./form/file-upload/index.js";
|
|
52
53
|
/**
|
|
53
54
|
* @deprecated
|
|
54
55
|
*/
|
package/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,SAAS,EAAuB,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAmB,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,MAAM,EAAoB,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,IAAI,EAAkB,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAmB,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,UAAU,EAAwB,MAAM,cAAc,CAAC;AAChE,OAAO,EACL,UAAU,EACV,aAAa,EACb,kBAAkB,GAMnB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACL,WAAW,EACX,cAAc,GAIf,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,QAAQ,EAAsB,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,aAAa,EAA2B,MAAM,kBAAkB,CAAC;AAC1E,OAAO,EACL,UAAU,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -98,8 +98,17 @@ export class DescendantsManager {
|
|
|
98
98
|
return this.enabledItem(prevEnabledIndex);
|
|
99
99
|
};
|
|
100
100
|
this.registerNode = (node, options) => {
|
|
101
|
-
if (!node
|
|
101
|
+
if (!node)
|
|
102
|
+
return;
|
|
103
|
+
/**
|
|
104
|
+
* While the node is registered, we have to make sure to sync options
|
|
105
|
+
* This is useful when ex. a node is disabled after it has been registered
|
|
106
|
+
*/
|
|
107
|
+
const mapNode = this.descendants.get(node);
|
|
108
|
+
if (mapNode) {
|
|
109
|
+
this.descendants.set(node, Object.assign({ index: mapNode.index, node }, options));
|
|
102
110
|
return;
|
|
111
|
+
}
|
|
103
112
|
const keys = Array.from(this.descendants.keys()).concat(node);
|
|
104
113
|
const sorted = sortNodes(keys);
|
|
105
114
|
if (options === null || options === void 0 ? void 0 : options.disabled) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"descendant.js","sourceRoot":"","sources":["../../../../src/util/hooks/descendants/descendant.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAqB3E;;;;;GAKG;AACH,MAAM,OAAO,kBAAkB;IAA/B;QAIU,gBAAW,GAAG,IAAI,GAAG,EAAuB,CAAC;QAErD,aAAQ,GAAG,CAAC,aAA8C,EAAE,EAAE;YAC5D,IAAI,aAAa,IAAI,IAAI;gBAAE,OAAO;YAElC,IAAI,SAAS,CAAC,aAAa,CAAC,EAAE,CAAC;gBAC7B,OAAO,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;YAC1C,CAAC;YAED,OAAO,CAAC,IAAc,EAAE,EAAE;gBACxB,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;YACzC,CAAC,CAAC;QACJ,CAAC,CAAC;QAEF,eAAU,GAAG,CAAC,IAAO,EAAE,EAAE;YACvB,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;YAC9B,MAAM,MAAM,GAAG,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;YAC9D,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAC3B,CAAC,CAAC;QAEF,YAAO,GAAG,GAAG,EAAE;YACb,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC;QAC3B,CAAC,CAAC;QAEM,gBAAW,GAAG,CAAC,WAAmB,EAAE,EAAE;YAC5C,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,UAAU,EAAE,EAAE;gBACtC,MAAM,KAAK,GAAG,WAAW,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;gBACnD,UAAU,CAAC,KAAK,GAAG,KAAK,CAAC;gBACzB,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;YACjE,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QAEF,UAAK,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;QAEpC,iBAAY,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,MAAM,CAAC;QAEjD,WAAM,GAAG,GAAG,EAAE;YACZ,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,CAAC,CAAC;YACrD,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC;QAClD,CAAC,CAAC;QAEF,kBAAa,GAAG,GAAG,EAAE;YACnB,OAAO,IAAI,CAAC,MAAM,EAAE,CAAC,MAAM,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;QACpE,CAAC,CAAC;QAEF,SAAI,GAAG,CAAC,KAAa,EAAE,EAAE;YACvB,IAAI,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC;gBAAE,OAAO,SAAS,CAAC;YACzC,OAAO,IAAI,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC;QAC9B,CAAC,CAAC;QAEF,gBAAW,GAAG,CAAC,KAAa,EAAE,EAAE;YAC9B,IAAI,IAAI,CAAC,YAAY,EAAE,KAAK,CAAC;gBAAE,OAAO,SAAS,CAAC;YAChD,OAAO,IAAI,CAAC,aAAa,EAAE,CAAC,KAAK,CAAC,CAAC;QACrC,CAAC,CAAC;QAEF,UAAK,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAE3B,iBAAY,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;QAEzC,SAAI,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC;QAElD,gBAAW,GAAG,GAAG,EAAE;YACjB,MAAM,SAAS,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC;YAClD,OAAO,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;QACrC,CAAC,CAAC;QAEF,YAAO,GAAG,CAAC,IAAc,EAAE,EAAE;;YAC3B,IAAI,CAAC,IAAI;gBAAE,OAAO,CAAC,CAAC,CAAC;YACrB,OAAO,MAAA,MAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,0CAAE,KAAK,mCAAI,CAAC,CAAC,CAAC;QACjD,CAAC,CAAC;QAEF,mBAAc,GAAG,CAAC,IAAc,EAAE,EAAE;YAClC,IAAI,IAAI,IAAI,IAAI;gBAAE,OAAO,CAAC,CAAC,CAAC;YAC5B,OAAO,IAAI,CAAC,aAAa,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;QACxE,CAAC,CAAC;QAEF,SAAI,GAAG,CAAC,KAAa,EAAE,IAAI,GAAG,IAAI,EAAE,EAAE;YACpC,MAAM,IAAI,GAAG,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,CAAC,CAAC;YACrD,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzB,CAAC,CAAC;QAEF,gBAAW,GAAG,CAAC,KAAa,EAAE,IAAI,GAAG,IAAI,EAAE,EAAE;YAC3C,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAC9B,IAAI,CAAC,IAAI;gBAAE,OAAO;YAClB,MAAM,YAAY,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACpD,MAAM,gBAAgB,GAAG,YAAY,CACnC,YAAY,EACZ,IAAI,CAAC,YAAY,EAAE,EACnB,IAAI,CACL,CAAC;YACF,OAAO,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC;QAC5C,CAAC,CAAC;QAEF,SAAI,GAAG,CAAC,KAAa,EAAE,IAAI,GAAG,IAAI,EAAE,EAAE;YACpC,MAAM,IAAI,GAAG,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC;YACzD,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzB,CAAC,CAAC;QAEF,gBAAW,GAAG,CAAC,KAAa,EAAE,IAAI,GAAG,IAAI,EAAE,EAAE;YAC3C,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAC9B,IAAI,CAAC,IAAI;gBAAE,OAAO;YAClB,MAAM,YAAY,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACpD,MAAM,gBAAgB,GAAG,YAAY,CACnC,YAAY,EACZ,IAAI,CAAC,YAAY,EAAE,GAAG,CAAC,EACvB,IAAI,CACL,CAAC;YACF,OAAO,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC;QAC5C,CAAC,CAAC;QAEM,iBAAY,GAAG,CAAC,IAAc,EAAE,OAA8B,EAAE,EAAE;YACxE,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"descendant.js","sourceRoot":"","sources":["../../../../src/util/hooks/descendants/descendant.ts"],"names":[],"mappings":"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"}
|
|
@@ -13,11 +13,6 @@ import { cast } from "./utils.js";
|
|
|
13
13
|
*/
|
|
14
14
|
function useDescendants() {
|
|
15
15
|
const descendants = useRef(new DescendantsManager()).current;
|
|
16
|
-
useClientLayoutEffect(() => {
|
|
17
|
-
return () => {
|
|
18
|
-
descendants.destroy();
|
|
19
|
-
};
|
|
20
|
-
});
|
|
21
16
|
return descendants;
|
|
22
17
|
}
|
|
23
18
|
const [DescendantsContextProvider, useDescendantsContext] = createContext({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useDescendant.js","sourceRoot":"","sources":["../../../../src/util/hooks/descendants/useDescendant.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAqB,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACrE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B;;;GAGG;AACH,SAAS,cAAc;IAIrB,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,kBAAkB,EAAQ,CAAC,CAAC,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"useDescendant.js","sourceRoot":"","sources":["../../../../src/util/hooks/descendants/useDescendant.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAqB,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACrE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B;;;GAGG;AACH,SAAS,cAAc;IAIrB,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,kBAAkB,EAAQ,CAAC,CAAC,OAAO,CAAC;IAEnE,OAAO,WAAW,CAAC;AACrB,CAAC;AAED,MAAM,CAAC,0BAA0B,EAAE,qBAAqB,CAAC,GAAG,aAAa,CAEvE;IACA,IAAI,EAAE,qBAAqB;IAC3B,YAAY,EAAE,+DAA+D;CAC9E,CAAC,CAAC;AAEH;;;;;;GAMG;AACH,SAAS,aAAa,CAGpB,OAA8B;IAC9B,MAAM,WAAW,GAAG,qBAAqB,EAAE,CAAC;IAC5C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IACvC,MAAM,GAAG,GAAG,MAAM,CAAI,IAAI,CAAC,CAAC;IAE5B,qBAAqB,CAAC,GAAG,EAAE;QACzB,OAAO,GAAG,EAAE;YACV,IAAI,CAAC,GAAG,CAAC,OAAO;gBAAE,OAAO;YACzB,WAAW,CAAC,UAAU,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QACtC,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,qBAAqB,CAAC,GAAG,EAAE;QACzB,IAAI,CAAC,GAAG,CAAC,OAAO;YAAE,OAAO;QACzB,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;QACvD,IAAI,KAAK,IAAI,SAAS,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC;YACnD,QAAQ,CAAC,SAAS,CAAC,CAAC;QACtB,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,OAAO;QACzB,CAAC,CAAC,IAAI,CAAuB,WAAW,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAC3D,CAAC,CAAC,IAAI,CAAuB,WAAW,CAAC,QAAQ,CAAC,CAAC;IAErD,OAAO;QACL,WAAW;QACX,KAAK;QACL,YAAY,EAAE,WAAW,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC;QACrD,QAAQ,EAAE,SAAS,CAAC,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC;KACxC,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,uBAAuB;IAIrC,MAAM,eAAe,GAAG,IAAI,CAC1B,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,oBAAC,0BAA0B,oBAAK,KAAK,CAAC,KAAK,GACxC,KAAK,CAAC,QAAQ,CACY,CAC9B,CACF,CAAC;IAEF,MAAM,sBAAsB,GAAG,GAAG,EAAE,CAClC,IAAI,CAA2B,qBAAqB,EAAE,CAAC,CAAC;IAE1D,MAAM,cAAc,GAAG,CAAC,OAA8B,EAAE,EAAE,CACxD,aAAa,CAAO,OAAO,CAAC,CAAC;IAE/B,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,cAAc,EAAQ,CAAC;IAErD,OAAO;QACL,mBAAmB;QACnB,eAAe;QACf,+CAA+C;QAC/C,sBAAsB;QACtB,8EAA8E;QAC9E,eAAe;QACf,+BAA+B;QAC/B,cAAc;KACN,CAAC;AACb,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@navikt/ds-react",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.6.0",
|
|
4
4
|
"description": "React components from the Norwegian Labour and Welfare Administration.",
|
|
5
5
|
"author": "Aksel, a team part of the Norwegian Labour and Welfare Administration.",
|
|
6
6
|
"license": "MIT",
|
|
@@ -24,7 +24,8 @@
|
|
|
24
24
|
"/cjs",
|
|
25
25
|
"/esm",
|
|
26
26
|
"/src",
|
|
27
|
-
"!**/*.tsbuildinfo"
|
|
27
|
+
"!**/*.tsbuildinfo",
|
|
28
|
+
"!**/*.stories.*"
|
|
28
29
|
],
|
|
29
30
|
"main": "./cjs/index.js",
|
|
30
31
|
"module": "./esm/index.js",
|
|
@@ -549,6 +550,16 @@
|
|
|
549
550
|
"default": "./cjs/form/file-upload/index.js"
|
|
550
551
|
}
|
|
551
552
|
},
|
|
553
|
+
"./FormSummary": {
|
|
554
|
+
"import": {
|
|
555
|
+
"types": "./esm/form/form-summary/index.d.ts",
|
|
556
|
+
"default": "./esm/form/form-summary/index.js"
|
|
557
|
+
},
|
|
558
|
+
"require": {
|
|
559
|
+
"types": "./cjs/form/form-summary/index.d.ts",
|
|
560
|
+
"default": "./cjs/form/form-summary/index.js"
|
|
561
|
+
}
|
|
562
|
+
},
|
|
552
563
|
"./package.json": "./package.json"
|
|
553
564
|
},
|
|
554
565
|
"scripts": {
|
|
@@ -562,8 +573,8 @@
|
|
|
562
573
|
},
|
|
563
574
|
"dependencies": {
|
|
564
575
|
"@floating-ui/react": "0.25.4",
|
|
565
|
-
"@navikt/aksel-icons": "^6.
|
|
566
|
-
"@navikt/ds-tokens": "^6.
|
|
576
|
+
"@navikt/aksel-icons": "^6.6.0",
|
|
577
|
+
"@navikt/ds-tokens": "^6.6.0",
|
|
567
578
|
"clsx": "^2.1.0",
|
|
568
579
|
"date-fns": "^3.0.0",
|
|
569
580
|
"react-day-picker": "8.10.0"
|
|
@@ -97,9 +97,17 @@ export const FilteredOptionsProvider = ({
|
|
|
97
97
|
[filteredOptionsUtils.getAddNewOptionId(id)]: allowNewValues
|
|
98
98
|
? toComboboxOption(value)
|
|
99
99
|
: undefined,
|
|
100
|
+
...customOptions.reduce(
|
|
101
|
+
(acc, customOption) => ({
|
|
102
|
+
...acc,
|
|
103
|
+
[filteredOptionsUtils.getOptionId(id, customOption.label)]:
|
|
104
|
+
customOption,
|
|
105
|
+
}),
|
|
106
|
+
{},
|
|
107
|
+
),
|
|
100
108
|
},
|
|
101
109
|
),
|
|
102
|
-
[allowNewValues, id, options, value],
|
|
110
|
+
[allowNewValues, customOptions, id, options, value],
|
|
103
111
|
);
|
|
104
112
|
|
|
105
113
|
useClientLayoutEffect(() => {
|
|
@@ -128,6 +128,10 @@ const Input = forwardRef<HTMLInputElement, InputProps>(
|
|
|
128
128
|
removeSelectedOption(lastSelectedOption);
|
|
129
129
|
}
|
|
130
130
|
}
|
|
131
|
+
} else if (e.key === "Enter" || e.key === "Accept") {
|
|
132
|
+
if (activeDecendantId || value) {
|
|
133
|
+
e.preventDefault();
|
|
134
|
+
}
|
|
131
135
|
} else if (e.key === "ArrowDown") {
|
|
132
136
|
// Check that cursor position is at the end of the input field,
|
|
133
137
|
// so we don't interfere with text editing
|
|
@@ -182,6 +186,7 @@ const Input = forwardRef<HTMLInputElement, InputProps>(
|
|
|
182
186
|
{...omit(inputProps, ["aria-invalid"])}
|
|
183
187
|
ref={ref}
|
|
184
188
|
value={value}
|
|
189
|
+
onBlur={() => virtualFocus.moveFocusToTop()}
|
|
185
190
|
onChange={onChangeHandler}
|
|
186
191
|
type="text"
|
|
187
192
|
role="combobox"
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
import cl from "clsx";
|
|
2
|
+
import React, { HTMLAttributes, forwardRef } from "react";
|
|
3
|
+
import FormSummaryAnswer from "./FormSummaryAnswer";
|
|
4
|
+
import FormSummaryAnswers from "./FormSummaryAnswers";
|
|
5
|
+
import FormSummaryEditLink from "./FormSummaryEditLink";
|
|
6
|
+
import FormSummaryHeader from "./FormSummaryHeader";
|
|
7
|
+
import FormSummaryHeading from "./FormSummaryHeading";
|
|
8
|
+
import FormSummaryLabel from "./FormSummaryLabel";
|
|
9
|
+
import FormSummaryValue from "./FormSummaryValue";
|
|
10
|
+
|
|
11
|
+
interface FormSummaryComponent
|
|
12
|
+
extends React.ForwardRefExoticComponent<
|
|
13
|
+
FormSummaryProps & React.RefAttributes<HTMLDivElement>
|
|
14
|
+
> {
|
|
15
|
+
/**
|
|
16
|
+
* Must include `<FormSummary.Heading>` and optionally `<FormSummary.EditLink>`.
|
|
17
|
+
*/
|
|
18
|
+
Header: typeof FormSummaryHeader;
|
|
19
|
+
/**
|
|
20
|
+
* Typographic Heading to use in the `FormSummary.Header` component.
|
|
21
|
+
*/
|
|
22
|
+
Heading: typeof FormSummaryHeading;
|
|
23
|
+
/**
|
|
24
|
+
* Link to edit the answers to use in the `FormSummary.Header` component. Should link to the relevant part of the form.
|
|
25
|
+
*/
|
|
26
|
+
EditLink: typeof FormSummaryEditLink;
|
|
27
|
+
/**
|
|
28
|
+
* Wrapper component for the answers.
|
|
29
|
+
*/
|
|
30
|
+
Answers: typeof FormSummaryAnswers;
|
|
31
|
+
/**
|
|
32
|
+
* Wrapper component for each answer. To be used in the `FormSummary.Answers` component.
|
|
33
|
+
*/
|
|
34
|
+
Answer: typeof FormSummaryAnswer;
|
|
35
|
+
/**
|
|
36
|
+
* Corresponds to the question in the form. To be used in the `FormSummary.Answer` component.
|
|
37
|
+
*/
|
|
38
|
+
Label: typeof FormSummaryLabel;
|
|
39
|
+
/**
|
|
40
|
+
* Corresponds to the answer in the form. To be used in the `FormSummary.Answer` component.
|
|
41
|
+
*/
|
|
42
|
+
Value: typeof FormSummaryValue;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
export interface FormSummaryProps extends HTMLAttributes<HTMLDivElement> {
|
|
46
|
+
/**
|
|
47
|
+
* Must include:
|
|
48
|
+
*
|
|
49
|
+
* - `<FormSummary.Header>`
|
|
50
|
+
* - `<FormSummary.Answers>`
|
|
51
|
+
*
|
|
52
|
+
* @example
|
|
53
|
+
* <FormSummary>
|
|
54
|
+
* <FormSummary.Header>
|
|
55
|
+
* <FormSummary.Heading level="2">HeadingTekst</FormSummary.Heading>
|
|
56
|
+
* <FormSummary.EditLink href="#" />
|
|
57
|
+
* </FormSummary.Header>
|
|
58
|
+
* <FormSummary.Answers>
|
|
59
|
+
* <FormSummary.Answer>
|
|
60
|
+
* <FormSummary.Label>Navn</FormSummary.Label>
|
|
61
|
+
* <FormSummary.Value>Ola Nordmann</FormSummary.Value>
|
|
62
|
+
* </FormSummary.Answer>
|
|
63
|
+
* </FormSummary.Answers>
|
|
64
|
+
* </FormSummary>
|
|
65
|
+
*/
|
|
66
|
+
children: React.ReactNode;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
/**
|
|
70
|
+
* A summary of a previously answered form.
|
|
71
|
+
*
|
|
72
|
+
* @see [📝 Documentation](https://aksel.nav.no/komponenter/core/formsummary)
|
|
73
|
+
*
|
|
74
|
+
* @example
|
|
75
|
+
* <FormSummary>
|
|
76
|
+
* <FormSummary.Header>
|
|
77
|
+
* <FormSummary.Heading level="2">HeadingTekst</FormSummary.Heading>
|
|
78
|
+
* <FormSummary.EditLink href="#" />
|
|
79
|
+
* </FormSummary.Header>
|
|
80
|
+
* <FormSummary.Answers>
|
|
81
|
+
* <FormSummary.Answer>
|
|
82
|
+
* <FormSummary.Label>Navn</FormSummary.Label>
|
|
83
|
+
* <FormSummary.Value>Ola Nordmann</FormSummary.Value>
|
|
84
|
+
* </FormSummary.Answer>
|
|
85
|
+
* </FormSummary.Answers>
|
|
86
|
+
* </FormSummary>
|
|
87
|
+
*/
|
|
88
|
+
export const FormSummary = forwardRef<HTMLDivElement, FormSummaryProps>(
|
|
89
|
+
({ children, className, ...rest }, ref) => {
|
|
90
|
+
return (
|
|
91
|
+
<div ref={ref} {...rest} className={cl("navds-form-summary", className)}>
|
|
92
|
+
{children}
|
|
93
|
+
</div>
|
|
94
|
+
);
|
|
95
|
+
},
|
|
96
|
+
) as FormSummaryComponent;
|
|
97
|
+
|
|
98
|
+
FormSummary.Header = FormSummaryHeader;
|
|
99
|
+
FormSummary.Heading = FormSummaryHeading;
|
|
100
|
+
FormSummary.EditLink = FormSummaryEditLink;
|
|
101
|
+
FormSummary.Answers = FormSummaryAnswers;
|
|
102
|
+
FormSummary.Answer = FormSummaryAnswer;
|
|
103
|
+
FormSummary.Label = FormSummaryLabel;
|
|
104
|
+
FormSummary.Value = FormSummaryValue;
|
|
105
|
+
|
|
106
|
+
export default FormSummary;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import cl from "clsx";
|
|
2
|
+
import React from "react";
|
|
3
|
+
|
|
4
|
+
export interface FormSummaryAnswerProps
|
|
5
|
+
extends React.HTMLAttributes<HTMLDivElement> {
|
|
6
|
+
/**
|
|
7
|
+
* Must include:
|
|
8
|
+
* - `<FormSummary.Label>`
|
|
9
|
+
* - `<FormSummary.Value>`
|
|
10
|
+
*/
|
|
11
|
+
children: React.ReactNode;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export const FormSummaryAnswer = React.forwardRef<
|
|
15
|
+
HTMLDivElement,
|
|
16
|
+
FormSummaryAnswerProps
|
|
17
|
+
>(({ children, className, ...rest }, ref) => (
|
|
18
|
+
<div
|
|
19
|
+
ref={ref}
|
|
20
|
+
{...rest}
|
|
21
|
+
className={cl("navds-form-summary__answer", className)}
|
|
22
|
+
>
|
|
23
|
+
{children}
|
|
24
|
+
</div>
|
|
25
|
+
));
|
|
26
|
+
|
|
27
|
+
export default FormSummaryAnswer;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import cl from "clsx";
|
|
2
|
+
import React, { forwardRef } from "react";
|
|
3
|
+
|
|
4
|
+
export interface FormSummaryAnswersProps
|
|
5
|
+
extends React.HTMLAttributes<HTMLDListElement> {
|
|
6
|
+
/**
|
|
7
|
+
* Must include one or more of `<FormSummary.Answer>`.
|
|
8
|
+
*/
|
|
9
|
+
children: React.ReactNode;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
export const FormSummaryAnswers = forwardRef<
|
|
13
|
+
HTMLDListElement,
|
|
14
|
+
FormSummaryAnswersProps
|
|
15
|
+
>(({ children, className, ...rest }: FormSummaryAnswersProps, ref) => (
|
|
16
|
+
<dl
|
|
17
|
+
ref={ref}
|
|
18
|
+
{...rest}
|
|
19
|
+
className={cl("navds-form-summary__answers", className)}
|
|
20
|
+
>
|
|
21
|
+
{children}
|
|
22
|
+
</dl>
|
|
23
|
+
));
|
|
24
|
+
|
|
25
|
+
export default FormSummaryAnswers;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import cl from "clsx";
|
|
2
|
+
import React, { forwardRef } from "react";
|
|
3
|
+
import { Link } from "../../link";
|
|
4
|
+
import { OverridableComponent } from "../../util/types";
|
|
5
|
+
|
|
6
|
+
// export type FormSummaryEditProps = Partial<LinkProps>;
|
|
7
|
+
export interface FormSummaryEditProps
|
|
8
|
+
extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
9
|
+
/**
|
|
10
|
+
* URL to the relevant part of the form, where the answers can be edited.
|
|
11
|
+
*/
|
|
12
|
+
href?: string;
|
|
13
|
+
/**
|
|
14
|
+
* Link text.
|
|
15
|
+
*
|
|
16
|
+
* [How to write good links](https://aksel.nav.no/god-praksis/artikler/lenker).
|
|
17
|
+
* @default "Endre svar"
|
|
18
|
+
*/
|
|
19
|
+
children?: React.ReactNode;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
export const FormSummaryEditLink: OverridableComponent<
|
|
23
|
+
FormSummaryEditProps,
|
|
24
|
+
HTMLAnchorElement
|
|
25
|
+
> = forwardRef(({ children = "Endre svar", className, ...rest }, ref) => (
|
|
26
|
+
<Link
|
|
27
|
+
ref={ref}
|
|
28
|
+
{...rest}
|
|
29
|
+
className={cl("navds-form-summary__edit", className)}
|
|
30
|
+
>
|
|
31
|
+
{children}
|
|
32
|
+
</Link>
|
|
33
|
+
));
|
|
34
|
+
|
|
35
|
+
export default FormSummaryEditLink;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import cl from "clsx";
|
|
2
|
+
import React, { forwardRef } from "react";
|
|
3
|
+
|
|
4
|
+
export interface FormSummaryHeaderProps
|
|
5
|
+
extends React.HTMLAttributes<HTMLDivElement> {
|
|
6
|
+
/**
|
|
7
|
+
* Must include `<FormSummary.Heading>` and optionally `<FormSummary.EditLink>`.
|
|
8
|
+
*/
|
|
9
|
+
children: React.ReactNode;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
export const FormSummaryHeader = forwardRef<
|
|
13
|
+
HTMLDivElement,
|
|
14
|
+
FormSummaryHeaderProps
|
|
15
|
+
>(({ children, className, ...rest }, ref) => (
|
|
16
|
+
<header
|
|
17
|
+
ref={ref}
|
|
18
|
+
{...rest}
|
|
19
|
+
className={cl("navds-form-summary__header", className)}
|
|
20
|
+
>
|
|
21
|
+
{children}
|
|
22
|
+
</header>
|
|
23
|
+
));
|
|
24
|
+
|
|
25
|
+
export default FormSummaryHeader;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React, { forwardRef } from "react";
|
|
2
|
+
import { Heading, HeadingProps } from "../../typography";
|
|
3
|
+
|
|
4
|
+
export interface FormSummaryHeadingProps
|
|
5
|
+
extends React.HTMLAttributes<HTMLHeadingElement> {
|
|
6
|
+
/**
|
|
7
|
+
* Heading text.
|
|
8
|
+
*/
|
|
9
|
+
children: React.ReactNode;
|
|
10
|
+
/**
|
|
11
|
+
* The heading level.
|
|
12
|
+
*/
|
|
13
|
+
level: Exclude<HeadingProps["level"], "1">;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
export const FormSummaryHeading = forwardRef<
|
|
17
|
+
HTMLHeadingElement,
|
|
18
|
+
FormSummaryHeadingProps
|
|
19
|
+
>((props: FormSummaryHeadingProps, ref) => (
|
|
20
|
+
<Heading ref={ref} {...props} size="medium" />
|
|
21
|
+
));
|
|
22
|
+
|
|
23
|
+
export default FormSummaryHeading;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React, { forwardRef } from "react";
|
|
2
|
+
import { Label } from "../../typography";
|
|
3
|
+
|
|
4
|
+
export interface FormSummaryLabelProps
|
|
5
|
+
extends React.HTMLAttributes<HTMLElement> {
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
export const FormSummaryLabel = forwardRef<HTMLElement, FormSummaryLabelProps>(
|
|
10
|
+
({ children, ...rest }, ref) => (
|
|
11
|
+
<Label ref={ref} {...rest} as="dt">
|
|
12
|
+
{children}
|
|
13
|
+
</Label>
|
|
14
|
+
),
|
|
15
|
+
);
|
|
16
|
+
|
|
17
|
+
export default FormSummaryLabel;
|