@navikt/ds-react 7.32.5 → 7.33.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/process/Process.d.ts +5 -0
- package/cjs/process/Process.js +6 -6
- package/cjs/process/Process.js.map +1 -1
- package/cjs/timeline/Pin.js +5 -4
- package/cjs/timeline/Pin.js.map +1 -1
- package/cjs/timeline/period/ClickablePeriod.js +3 -2
- package/cjs/timeline/period/ClickablePeriod.js.map +1 -1
- package/esm/process/Process.d.ts +5 -0
- package/esm/process/Process.js +6 -6
- package/esm/process/Process.js.map +1 -1
- package/esm/timeline/Pin.js +5 -4
- package/esm/timeline/Pin.js.map +1 -1
- package/esm/timeline/period/ClickablePeriod.js +3 -2
- package/esm/timeline/period/ClickablePeriod.js.map +1 -1
- package/package.json +10 -5
- package/src/process/Process.tsx +17 -3
- package/src/timeline/Pin.tsx +6 -3
- package/src/timeline/period/ClickablePeriod.tsx +4 -1
package/cjs/process/Process.d.ts
CHANGED
|
@@ -9,6 +9,11 @@ interface ProcessProps extends React.HTMLAttributes<HTMLOListElement> {
|
|
|
9
9
|
* @default false
|
|
10
10
|
*/
|
|
11
11
|
hideStatusText?: boolean;
|
|
12
|
+
/**
|
|
13
|
+
* Indicates that the process is truncated and that there are more Events
|
|
14
|
+
* not shown either before, after or on both sides of the current list.
|
|
15
|
+
*/
|
|
16
|
+
isTruncated?: "start" | "end" | "both";
|
|
12
17
|
}
|
|
13
18
|
interface ProcessComponent extends React.ForwardRefExoticComponent<ProcessProps & React.RefAttributes<HTMLOListElement>> {
|
|
14
19
|
/**
|
package/cjs/process/Process.js
CHANGED
|
@@ -101,7 +101,7 @@ const [ProcessContextProvider, useProcessContext] = (0, create_context_1.createC
|
|
|
101
101
|
* ```
|
|
102
102
|
*/
|
|
103
103
|
exports.Process = (0, react_1.forwardRef)((_a, forwardedRef) => {
|
|
104
|
-
var { children, className, hideStatusText = false, id } = _a, restProps = __rest(_a, ["children", "className", "hideStatusText", "id"]);
|
|
104
|
+
var { children, className, hideStatusText = false, id, isTruncated } = _a, restProps = __rest(_a, ["children", "className", "hideStatusText", "id", "isTruncated"]);
|
|
105
105
|
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
106
106
|
const rootId = (0, util_1.useId)(id);
|
|
107
107
|
const rootRef = (0, react_1.useRef)(null);
|
|
@@ -135,7 +135,7 @@ exports.Process = (0, react_1.forwardRef)((_a, forwardedRef) => {
|
|
|
135
135
|
// eslint-disable-next-line jsx-a11y/no-redundant-roles
|
|
136
136
|
react_1.default.createElement("ol", Object.assign({ ref: mergedRef, "data-color": "info",
|
|
137
137
|
// biome-ignore lint/a11y/noRedundantRoles: See comment above
|
|
138
|
-
role: "list" }, restProps, { className: cn("navds-process", className), id: rootId, "aria-controls": activeChildId }),
|
|
138
|
+
role: "list" }, restProps, { className: cn("navds-process", className), id: rootId, "aria-controls": activeChildId, "data-truncated": isTruncated }),
|
|
139
139
|
react_1.default.createElement(ProcessContextProvider, { hideStatusText: hideStatusText, rootId: rootId, syncAriaControls: syncAriaControls }, children)));
|
|
140
140
|
});
|
|
141
141
|
exports.ProcessEvent = (0, react_1.forwardRef)((_a, forwardedRef) => {
|
|
@@ -149,6 +149,7 @@ exports.ProcessEvent = (0, react_1.forwardRef)((_a, forwardedRef) => {
|
|
|
149
149
|
(0, react_1.useEffect)(syncAriaControls, [status]); // eslint-disable-line react-hooks/exhaustive-deps
|
|
150
150
|
const isActive = status === "active";
|
|
151
151
|
return (react_1.default.createElement("li", Object.assign({ ref: forwardedRef, "aria-current": isActive, id: id !== null && id !== void 0 ? id : eventId }, restProps, { "aria-controls": isActive ? rootId : undefined, className: cn("navds-process__event", className), "data-dot": bullet === undefined, "data-process-event": "", "data-status": status }),
|
|
152
|
+
react_1.default.createElement(ProcessLine, { position: "start" }),
|
|
152
153
|
react_1.default.createElement("div", { className: cn("navds-process__item") },
|
|
153
154
|
react_1.default.createElement(ProcessBullet, null, bullet),
|
|
154
155
|
react_1.default.createElement("div", { className: cn("navds-process__body") },
|
|
@@ -156,7 +157,7 @@ exports.ProcessEvent = (0, react_1.forwardRef)((_a, forwardedRef) => {
|
|
|
156
157
|
isActive && !hideStatusText && (react_1.default.createElement(typography_1.BodyShort, { size: "small", className: cn("navds-process__active-label") }, translate("active"))),
|
|
157
158
|
timestamp && react_1.default.createElement(ProcessTimestamp, null, timestamp),
|
|
158
159
|
!hideContent && !!children && (react_1.default.createElement(ProcessContent, null, children)))),
|
|
159
|
-
react_1.default.createElement(ProcessLine,
|
|
160
|
+
react_1.default.createElement(ProcessLine, { position: "end" })));
|
|
160
161
|
});
|
|
161
162
|
const ProcessTitle = ({ children }) => {
|
|
162
163
|
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
@@ -174,10 +175,9 @@ const ProcessBullet = ({ children }) => {
|
|
|
174
175
|
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
175
176
|
return (react_1.default.createElement(typography_1.BodyShort, { as: "span", weight: "semibold", className: cn("navds-process__bullet"), "aria-hidden": true }, children));
|
|
176
177
|
};
|
|
177
|
-
|
|
178
|
-
const ProcessLine = () => {
|
|
178
|
+
const ProcessLine = ({ position }) => {
|
|
179
179
|
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
180
|
-
return react_1.default.createElement("span", { className: cn("navds-process__line") });
|
|
180
|
+
return (react_1.default.createElement("span", { className: cn("navds-process__line"), "data-position": position }));
|
|
181
181
|
};
|
|
182
182
|
/* -------------------------- Process exports ------------------------- */
|
|
183
183
|
exports.Process.Event = exports.ProcessEvent;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Process.js","sourceRoot":"","sources":["../../src/process/Process.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAMe;AACf,0CAA8C;AAC9C,8CAA6D;AAC7D,kCAAgC;AAChC,2DAAuD;AACvD,yCAA6C;AAC7C,wDAAkD;
|
|
1
|
+
{"version":3,"file":"Process.js","sourceRoot":"","sources":["../../src/process/Process.tsx"],"names":[],"mappings":"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"}
|
package/cjs/timeline/Pin.js
CHANGED
|
@@ -94,11 +94,12 @@ exports.Pin = (0, react_2.forwardRef)((_a, ref) => {
|
|
|
94
94
|
bottom: "top",
|
|
95
95
|
left: "right",
|
|
96
96
|
}[placement.split("-")[0]];
|
|
97
|
+
const label = translate("Pin.pin", {
|
|
98
|
+
date: (0, date_fns_1.format)(date, translate("dateFormat")),
|
|
99
|
+
});
|
|
97
100
|
return (react_2.default.createElement(react_2.default.Fragment, null,
|
|
98
101
|
react_2.default.createElement("div", { className: cn("navds-timeline__pin-wrapper"), style: { [direction]: `${(0, calc_1.position)(date, startDate, endDate)}%` } },
|
|
99
|
-
react_2.default.createElement("button", Object.assign({}, rest, { ref: mergedRef, className: cn("navds-timeline__pin-button"), "aria-label":
|
|
100
|
-
date: (0, date_fns_1.format)(date, translate("dateFormat")),
|
|
101
|
-
}), type: "button", "aria-expanded": children ? open : undefined }, getReferenceProps({
|
|
102
|
+
react_2.default.createElement("button", Object.assign({}, rest, { ref: mergedRef, className: cn("navds-timeline__pin-button"), "aria-label": label, type: "button", "aria-expanded": children ? open : undefined }, getReferenceProps({
|
|
102
103
|
onKeyDown: (e) => {
|
|
103
104
|
var _a;
|
|
104
105
|
(_a = rest === null || rest === void 0 ? void 0 : rest.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(rest, e);
|
|
@@ -111,7 +112,7 @@ exports.Pin = (0, react_2.forwardRef)((_a, ref) => {
|
|
|
111
112
|
},
|
|
112
113
|
})))),
|
|
113
114
|
children && open && (react_2.default.createElement(react_1.FloatingFocusManager, { context: context, modal: false, initialFocus: -1, returnFocus: false },
|
|
114
|
-
react_2.default.createElement("div", Object.assign({ className: cn("navds-timeline__popover"), "data-placement": placement, ref: refs.setFloating, role: "dialog" }, getFloatingProps(), { style: floatingStyles }),
|
|
115
|
+
react_2.default.createElement("div", Object.assign({ className: cn("navds-timeline__popover"), "data-placement": placement, ref: refs.setFloating, role: "dialog", "aria-label": label }, getFloatingProps(), { style: floatingStyles }),
|
|
115
116
|
children,
|
|
116
117
|
showArrow && (react_2.default.createElement("div", { ref: arrowRef, style: Object.assign(Object.assign(Object.assign({}, (arrowX != null ? { left: arrowX } : {})), (arrowY != null ? { top: arrowY } : {})), (staticSide ? { [staticSide]: "-0.5rem" } : {})), className: cn("navds-timeline__popover-arrow") })))))));
|
|
117
118
|
});
|
package/cjs/timeline/Pin.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pin.js","sourceRoot":"","sources":["../../src/timeline/Pin.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Pin.js","sourceRoot":"","sources":["../../src/timeline/Pin.tsx"],"names":[],"mappings":"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"}
|
|
@@ -85,11 +85,12 @@ const ClickablePeriod = react_2.default.memo(({ onSelectPeriod, start, end, stat
|
|
|
85
85
|
bottom: "top",
|
|
86
86
|
left: "right",
|
|
87
87
|
}[placement.split("-")[0]];
|
|
88
|
+
const label = (0, period_1.ariaLabel)(start, end, status, statusLabel, translate);
|
|
88
89
|
return (react_2.default.createElement(react_2.default.Fragment, null,
|
|
89
90
|
react_2.default.createElement("button", Object.assign({}, restProps, { "data-color": (_b = restProps === null || restProps === void 0 ? void 0 : restProps["data-color"]) !== null && _b !== void 0 ? _b : status, type: "button", ref: (r) => {
|
|
90
91
|
firstFocus && addFocusable(r, index);
|
|
91
92
|
mergedRef(r);
|
|
92
|
-
}, "aria-label":
|
|
93
|
+
}, "aria-label": label, className: cn("navds-timeline__period--clickable", (0, period_1.getConditionalClasses)(cropped, direction, status), restProps === null || restProps === void 0 ? void 0 : restProps.className, {
|
|
93
94
|
"navds-timeline__period--selected": isActive,
|
|
94
95
|
}), "aria-expanded": children ? open : undefined, "aria-current": isActive || undefined }, getReferenceProps({
|
|
95
96
|
onFocus: () => {
|
|
@@ -121,7 +122,7 @@ const ClickablePeriod = react_2.default.memo(({ onSelectPeriod, start, end, stat
|
|
|
121
122
|
})),
|
|
122
123
|
react_2.default.createElement("span", { className: cn("navds-timeline__period--inner") }, icon)),
|
|
123
124
|
children && open && (react_2.default.createElement(react_1.FloatingFocusManager, { context: context, modal: false, initialFocus: -1, returnFocus: false },
|
|
124
|
-
react_2.default.createElement("div", Object.assign({ className: cn("navds-timeline__popover"), "data-placement": placement, ref: refs.setFloating, role: "dialog" }, getFloatingProps(), { style: floatingStyles }),
|
|
125
|
+
react_2.default.createElement("div", Object.assign({ className: cn("navds-timeline__popover"), "data-placement": placement, ref: refs.setFloating, role: "dialog", "aria-label": label }, getFloatingProps(), { style: floatingStyles }),
|
|
125
126
|
children,
|
|
126
127
|
showArrow && (react_2.default.createElement("div", { ref: arrowRef, style: Object.assign(Object.assign(Object.assign({}, (arrowX != null ? { left: arrowX } : {})), (arrowY != null ? { top: arrowY } : {})), (staticSide ? { [staticSide]: "-0.5rem" } : {})), className: cn("navds-timeline__popover-arrow") })))))));
|
|
127
128
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ClickablePeriod.js","sourceRoot":"","sources":["../../../src/timeline/period/ClickablePeriod.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"ClickablePeriod.js","sourceRoot":"","sources":["../../../src/timeline/period/ClickablePeriod.tsx"],"names":[],"mappings":"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"}
|
package/esm/process/Process.d.ts
CHANGED
|
@@ -9,6 +9,11 @@ interface ProcessProps extends React.HTMLAttributes<HTMLOListElement> {
|
|
|
9
9
|
* @default false
|
|
10
10
|
*/
|
|
11
11
|
hideStatusText?: boolean;
|
|
12
|
+
/**
|
|
13
|
+
* Indicates that the process is truncated and that there are more Events
|
|
14
|
+
* not shown either before, after or on both sides of the current list.
|
|
15
|
+
*/
|
|
16
|
+
isTruncated?: "start" | "end" | "both";
|
|
12
17
|
}
|
|
13
18
|
interface ProcessComponent extends React.ForwardRefExoticComponent<ProcessProps & React.RefAttributes<HTMLOListElement>> {
|
|
14
19
|
/**
|
package/esm/process/Process.js
CHANGED
|
@@ -65,7 +65,7 @@ const [ProcessContextProvider, useProcessContext] = createContext({
|
|
|
65
65
|
* ```
|
|
66
66
|
*/
|
|
67
67
|
export const Process = forwardRef((_a, forwardedRef) => {
|
|
68
|
-
var { children, className, hideStatusText = false, id } = _a, restProps = __rest(_a, ["children", "className", "hideStatusText", "id"]);
|
|
68
|
+
var { children, className, hideStatusText = false, id, isTruncated } = _a, restProps = __rest(_a, ["children", "className", "hideStatusText", "id", "isTruncated"]);
|
|
69
69
|
const { cn } = useRenameCSS();
|
|
70
70
|
const rootId = useId(id);
|
|
71
71
|
const rootRef = useRef(null);
|
|
@@ -99,7 +99,7 @@ export const Process = forwardRef((_a, forwardedRef) => {
|
|
|
99
99
|
// eslint-disable-next-line jsx-a11y/no-redundant-roles
|
|
100
100
|
React.createElement("ol", Object.assign({ ref: mergedRef, "data-color": "info",
|
|
101
101
|
// biome-ignore lint/a11y/noRedundantRoles: See comment above
|
|
102
|
-
role: "list" }, restProps, { className: cn("navds-process", className), id: rootId, "aria-controls": activeChildId }),
|
|
102
|
+
role: "list" }, restProps, { className: cn("navds-process", className), id: rootId, "aria-controls": activeChildId, "data-truncated": isTruncated }),
|
|
103
103
|
React.createElement(ProcessContextProvider, { hideStatusText: hideStatusText, rootId: rootId, syncAriaControls: syncAriaControls }, children)));
|
|
104
104
|
});
|
|
105
105
|
export const ProcessEvent = forwardRef((_a, forwardedRef) => {
|
|
@@ -113,6 +113,7 @@ export const ProcessEvent = forwardRef((_a, forwardedRef) => {
|
|
|
113
113
|
useEffect(syncAriaControls, [status]); // eslint-disable-line react-hooks/exhaustive-deps
|
|
114
114
|
const isActive = status === "active";
|
|
115
115
|
return (React.createElement("li", Object.assign({ ref: forwardedRef, "aria-current": isActive, id: id !== null && id !== void 0 ? id : eventId }, restProps, { "aria-controls": isActive ? rootId : undefined, className: cn("navds-process__event", className), "data-dot": bullet === undefined, "data-process-event": "", "data-status": status }),
|
|
116
|
+
React.createElement(ProcessLine, { position: "start" }),
|
|
116
117
|
React.createElement("div", { className: cn("navds-process__item") },
|
|
117
118
|
React.createElement(ProcessBullet, null, bullet),
|
|
118
119
|
React.createElement("div", { className: cn("navds-process__body") },
|
|
@@ -120,7 +121,7 @@ export const ProcessEvent = forwardRef((_a, forwardedRef) => {
|
|
|
120
121
|
isActive && !hideStatusText && (React.createElement(BodyShort, { size: "small", className: cn("navds-process__active-label") }, translate("active"))),
|
|
121
122
|
timestamp && React.createElement(ProcessTimestamp, null, timestamp),
|
|
122
123
|
!hideContent && !!children && (React.createElement(ProcessContent, null, children)))),
|
|
123
|
-
React.createElement(ProcessLine,
|
|
124
|
+
React.createElement(ProcessLine, { position: "end" })));
|
|
124
125
|
});
|
|
125
126
|
const ProcessTitle = ({ children }) => {
|
|
126
127
|
const { cn } = useRenameCSS();
|
|
@@ -138,10 +139,9 @@ const ProcessBullet = ({ children }) => {
|
|
|
138
139
|
const { cn } = useRenameCSS();
|
|
139
140
|
return (React.createElement(BodyShort, { as: "span", weight: "semibold", className: cn("navds-process__bullet"), "aria-hidden": true }, children));
|
|
140
141
|
};
|
|
141
|
-
|
|
142
|
-
const ProcessLine = () => {
|
|
142
|
+
const ProcessLine = ({ position }) => {
|
|
143
143
|
const { cn } = useRenameCSS();
|
|
144
|
-
return React.createElement("span", { className: cn("navds-process__line") });
|
|
144
|
+
return (React.createElement("span", { className: cn("navds-process__line"), "data-position": position }));
|
|
145
145
|
};
|
|
146
146
|
/* -------------------------- Process exports ------------------------- */
|
|
147
147
|
Process.Event = ProcessEvent;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Process.js","sourceRoot":"","sources":["../../src/process/Process.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EACZ,UAAU,EACV,WAAW,EACX,SAAS,EACT,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"Process.js","sourceRoot":"","sources":["../../src/process/Process.tsx"],"names":[],"mappings":"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"}
|
package/esm/timeline/Pin.js
CHANGED
|
@@ -58,11 +58,12 @@ export const Pin = forwardRef((_a, ref) => {
|
|
|
58
58
|
bottom: "top",
|
|
59
59
|
left: "right",
|
|
60
60
|
}[placement.split("-")[0]];
|
|
61
|
+
const label = translate("Pin.pin", {
|
|
62
|
+
date: format(date, translate("dateFormat")),
|
|
63
|
+
});
|
|
61
64
|
return (React.createElement(React.Fragment, null,
|
|
62
65
|
React.createElement("div", { className: cn("navds-timeline__pin-wrapper"), style: { [direction]: `${position(date, startDate, endDate)}%` } },
|
|
63
|
-
React.createElement("button", Object.assign({}, rest, { ref: mergedRef, className: cn("navds-timeline__pin-button"), "aria-label":
|
|
64
|
-
date: format(date, translate("dateFormat")),
|
|
65
|
-
}), type: "button", "aria-expanded": children ? open : undefined }, getReferenceProps({
|
|
66
|
+
React.createElement("button", Object.assign({}, rest, { ref: mergedRef, className: cn("navds-timeline__pin-button"), "aria-label": label, type: "button", "aria-expanded": children ? open : undefined }, getReferenceProps({
|
|
66
67
|
onKeyDown: (e) => {
|
|
67
68
|
var _a;
|
|
68
69
|
(_a = rest === null || rest === void 0 ? void 0 : rest.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(rest, e);
|
|
@@ -75,7 +76,7 @@ export const Pin = forwardRef((_a, ref) => {
|
|
|
75
76
|
},
|
|
76
77
|
})))),
|
|
77
78
|
children && open && (React.createElement(FloatingFocusManager, { context: context, modal: false, initialFocus: -1, returnFocus: false },
|
|
78
|
-
React.createElement("div", Object.assign({ className: cn("navds-timeline__popover"), "data-placement": placement, ref: refs.setFloating, role: "dialog" }, getFloatingProps(), { style: floatingStyles }),
|
|
79
|
+
React.createElement("div", Object.assign({ className: cn("navds-timeline__popover"), "data-placement": placement, ref: refs.setFloating, role: "dialog", "aria-label": label }, getFloatingProps(), { style: floatingStyles }),
|
|
79
80
|
children,
|
|
80
81
|
showArrow && (React.createElement("div", { ref: arrowRef, style: Object.assign(Object.assign(Object.assign({}, (arrowX != null ? { left: arrowX } : {})), (arrowY != null ? { top: arrowY } : {})), (staticSide ? { [staticSide]: "-0.5rem" } : {})), className: cn("navds-timeline__popover-arrow") })))))));
|
|
81
82
|
});
|
package/esm/timeline/Pin.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pin.js","sourceRoot":"","sources":["../../src/timeline/Pin.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Pin.js","sourceRoot":"","sources":["../../src/timeline/Pin.tsx"],"names":[],"mappings":"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"}
|
|
@@ -50,11 +50,12 @@ const ClickablePeriod = React.memo(({ onSelectPeriod, start, end, status, croppe
|
|
|
50
50
|
bottom: "top",
|
|
51
51
|
left: "right",
|
|
52
52
|
}[placement.split("-")[0]];
|
|
53
|
+
const label = ariaLabel(start, end, status, statusLabel, translate);
|
|
53
54
|
return (React.createElement(React.Fragment, null,
|
|
54
55
|
React.createElement("button", Object.assign({}, restProps, { "data-color": (_b = restProps === null || restProps === void 0 ? void 0 : restProps["data-color"]) !== null && _b !== void 0 ? _b : status, type: "button", ref: (r) => {
|
|
55
56
|
firstFocus && addFocusable(r, index);
|
|
56
57
|
mergedRef(r);
|
|
57
|
-
}, "aria-label":
|
|
58
|
+
}, "aria-label": label, className: cn("navds-timeline__period--clickable", getConditionalClasses(cropped, direction, status), restProps === null || restProps === void 0 ? void 0 : restProps.className, {
|
|
58
59
|
"navds-timeline__period--selected": isActive,
|
|
59
60
|
}), "aria-expanded": children ? open : undefined, "aria-current": isActive || undefined }, getReferenceProps({
|
|
60
61
|
onFocus: () => {
|
|
@@ -86,7 +87,7 @@ const ClickablePeriod = React.memo(({ onSelectPeriod, start, end, status, croppe
|
|
|
86
87
|
})),
|
|
87
88
|
React.createElement("span", { className: cn("navds-timeline__period--inner") }, icon)),
|
|
88
89
|
children && open && (React.createElement(FloatingFocusManager, { context: context, modal: false, initialFocus: -1, returnFocus: false },
|
|
89
|
-
React.createElement("div", Object.assign({ className: cn("navds-timeline__popover"), "data-placement": placement, ref: refs.setFloating, role: "dialog" }, getFloatingProps(), { style: floatingStyles }),
|
|
90
|
+
React.createElement("div", Object.assign({ className: cn("navds-timeline__popover"), "data-placement": placement, ref: refs.setFloating, role: "dialog", "aria-label": label }, getFloatingProps(), { style: floatingStyles }),
|
|
90
91
|
children,
|
|
91
92
|
showArrow && (React.createElement("div", { ref: arrowRef, style: Object.assign(Object.assign(Object.assign({}, (arrowX != null ? { left: arrowX } : {})), (arrowY != null ? { top: arrowY } : {})), (staticSide ? { [staticSide]: "-0.5rem" } : {})), className: cn("navds-timeline__popover-arrow") })))))));
|
|
92
93
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ClickablePeriod.js","sourceRoot":"","sources":["../../../src/timeline/period/ClickablePeriod.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"ClickablePeriod.js","sourceRoot":"","sources":["../../../src/timeline/period/ClickablePeriod.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@navikt/ds-react",
|
|
3
|
-
"version": "7.
|
|
3
|
+
"version": "7.33.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",
|
|
@@ -15,6 +15,10 @@
|
|
|
15
15
|
"url": "git+https://github.com/navikt/aksel.git",
|
|
16
16
|
"directory": "@navikt/core/react"
|
|
17
17
|
},
|
|
18
|
+
"bugs": {
|
|
19
|
+
"url": "https://github.com/navikt/aksel/issues"
|
|
20
|
+
},
|
|
21
|
+
"homepage": "https://aksel.nav.no/designsystemet/",
|
|
18
22
|
"sideEffects": false,
|
|
19
23
|
"typings": "./esm/index.d.ts",
|
|
20
24
|
"publishConfig": {
|
|
@@ -650,8 +654,8 @@
|
|
|
650
654
|
"dependencies": {
|
|
651
655
|
"@floating-ui/react": "0.27.8",
|
|
652
656
|
"@floating-ui/react-dom": "^2.1.6",
|
|
653
|
-
"@navikt/aksel-icons": "^7.
|
|
654
|
-
"@navikt/ds-tokens": "^7.
|
|
657
|
+
"@navikt/aksel-icons": "^7.33.0",
|
|
658
|
+
"@navikt/ds-tokens": "^7.33.0",
|
|
655
659
|
"clsx": "^2.1.0",
|
|
656
660
|
"date-fns": "^4.0.0",
|
|
657
661
|
"react-day-picker": "9.7.0"
|
|
@@ -678,8 +682,9 @@
|
|
|
678
682
|
"vitest": "^3.2.4"
|
|
679
683
|
},
|
|
680
684
|
"peerDependencies": {
|
|
681
|
-
"@types/react": "
|
|
682
|
-
"react": "
|
|
685
|
+
"@types/react": "^17.0.30 || ^18 || ^19",
|
|
686
|
+
"react": "^17 || ^18 || ^19",
|
|
687
|
+
"react-dom": "^17 || ^18 || ^19"
|
|
683
688
|
},
|
|
684
689
|
"peerDependenciesMeta": {
|
|
685
690
|
"@types/react": {
|
package/src/process/Process.tsx
CHANGED
|
@@ -22,6 +22,11 @@ interface ProcessProps extends React.HTMLAttributes<HTMLOListElement> {
|
|
|
22
22
|
* @default false
|
|
23
23
|
*/
|
|
24
24
|
hideStatusText?: boolean;
|
|
25
|
+
/**
|
|
26
|
+
* Indicates that the process is truncated and that there are more Events
|
|
27
|
+
* not shown either before, after or on both sides of the current list.
|
|
28
|
+
*/
|
|
29
|
+
isTruncated?: "start" | "end" | "both";
|
|
25
30
|
}
|
|
26
31
|
|
|
27
32
|
type ProcessContextProps = Pick<ProcessProps, "hideStatusText"> & {
|
|
@@ -100,6 +105,7 @@ export const Process: ProcessComponent = forwardRef<
|
|
|
100
105
|
className,
|
|
101
106
|
hideStatusText = false,
|
|
102
107
|
id,
|
|
108
|
+
isTruncated,
|
|
103
109
|
...restProps
|
|
104
110
|
}: ProcessProps,
|
|
105
111
|
forwardedRef,
|
|
@@ -157,6 +163,7 @@ export const Process: ProcessComponent = forwardRef<
|
|
|
157
163
|
className={cn("navds-process", className)}
|
|
158
164
|
id={rootId}
|
|
159
165
|
aria-controls={activeChildId}
|
|
166
|
+
data-truncated={isTruncated}
|
|
160
167
|
>
|
|
161
168
|
<ProcessContextProvider
|
|
162
169
|
hideStatusText={hideStatusText}
|
|
@@ -237,6 +244,7 @@ export const ProcessEvent = forwardRef<HTMLLIElement, ProcessEventProps>(
|
|
|
237
244
|
data-process-event=""
|
|
238
245
|
data-status={status}
|
|
239
246
|
>
|
|
247
|
+
<ProcessLine position="start" />
|
|
240
248
|
<div className={cn("navds-process__item")}>
|
|
241
249
|
<ProcessBullet>{bullet}</ProcessBullet>
|
|
242
250
|
|
|
@@ -256,7 +264,7 @@ export const ProcessEvent = forwardRef<HTMLLIElement, ProcessEventProps>(
|
|
|
256
264
|
)}
|
|
257
265
|
</div>
|
|
258
266
|
</div>
|
|
259
|
-
<ProcessLine />
|
|
267
|
+
<ProcessLine position="end" />
|
|
260
268
|
</li>
|
|
261
269
|
);
|
|
262
270
|
},
|
|
@@ -346,10 +354,16 @@ const ProcessBullet = ({ children }: ProcessBulletProps) => {
|
|
|
346
354
|
};
|
|
347
355
|
|
|
348
356
|
/* ------------------------------ Process Line ------------------------------ */
|
|
349
|
-
|
|
357
|
+
|
|
358
|
+
type ProcessLineProps = {
|
|
359
|
+
position?: "start" | "end";
|
|
360
|
+
};
|
|
361
|
+
const ProcessLine = ({ position }: ProcessLineProps) => {
|
|
350
362
|
const { cn } = useRenameCSS();
|
|
351
363
|
|
|
352
|
-
return
|
|
364
|
+
return (
|
|
365
|
+
<span className={cn("navds-process__line")} data-position={position} />
|
|
366
|
+
);
|
|
353
367
|
};
|
|
354
368
|
|
|
355
369
|
/* -------------------------- Process exports ------------------------- */
|
package/src/timeline/Pin.tsx
CHANGED
|
@@ -94,6 +94,10 @@ export const Pin = forwardRef<HTMLButtonElement, TimelinePinProps>(
|
|
|
94
94
|
left: "right",
|
|
95
95
|
}[placement.split("-")[0]];
|
|
96
96
|
|
|
97
|
+
const label = translate("Pin.pin", {
|
|
98
|
+
date: format(date, translate("dateFormat")),
|
|
99
|
+
});
|
|
100
|
+
|
|
97
101
|
return (
|
|
98
102
|
<>
|
|
99
103
|
<div
|
|
@@ -104,9 +108,7 @@ export const Pin = forwardRef<HTMLButtonElement, TimelinePinProps>(
|
|
|
104
108
|
{...rest}
|
|
105
109
|
ref={mergedRef}
|
|
106
110
|
className={cn("navds-timeline__pin-button")}
|
|
107
|
-
aria-label={
|
|
108
|
-
date: format(date, translate("dateFormat")),
|
|
109
|
-
})}
|
|
111
|
+
aria-label={label}
|
|
110
112
|
type="button"
|
|
111
113
|
aria-expanded={children ? open : undefined}
|
|
112
114
|
{...getReferenceProps({
|
|
@@ -133,6 +135,7 @@ export const Pin = forwardRef<HTMLButtonElement, TimelinePinProps>(
|
|
|
133
135
|
data-placement={placement}
|
|
134
136
|
ref={refs.setFloating}
|
|
135
137
|
role="dialog"
|
|
138
|
+
aria-label={label}
|
|
136
139
|
{...getFloatingProps()}
|
|
137
140
|
style={floatingStyles}
|
|
138
141
|
>
|
|
@@ -106,6 +106,8 @@ const ClickablePeriod = React.memo(
|
|
|
106
106
|
left: "right",
|
|
107
107
|
}[placement.split("-")[0]];
|
|
108
108
|
|
|
109
|
+
const label = ariaLabel(start, end, status, statusLabel, translate);
|
|
110
|
+
|
|
109
111
|
return (
|
|
110
112
|
<>
|
|
111
113
|
<button
|
|
@@ -116,7 +118,7 @@ const ClickablePeriod = React.memo(
|
|
|
116
118
|
firstFocus && addFocusable(r, index);
|
|
117
119
|
mergedRef(r);
|
|
118
120
|
}}
|
|
119
|
-
aria-label={
|
|
121
|
+
aria-label={label}
|
|
120
122
|
className={cn(
|
|
121
123
|
"navds-timeline__period--clickable",
|
|
122
124
|
getConditionalClasses(cropped, direction, status),
|
|
@@ -168,6 +170,7 @@ const ClickablePeriod = React.memo(
|
|
|
168
170
|
data-placement={placement}
|
|
169
171
|
ref={refs.setFloating}
|
|
170
172
|
role="dialog"
|
|
173
|
+
aria-label={label}
|
|
171
174
|
{...getFloatingProps()}
|
|
172
175
|
style={floatingStyles}
|
|
173
176
|
>
|