@dbcdk/react-components 0.0.117 → 0.0.119

package/dist/components/headline/CollapsibleHeadline.cjs

@@ -19,6 +19,7 @@ function CollapsibleHeadline({
   controls,
   addition,
   storageKey,
+  defaultExpanded = false,
   children,
   size = 2,
   variant = "muted",
@@ -28,15 +29,16 @@ function CollapsibleHeadline({
   const generatedId = react.useId();
   const panelId = controls != null ? controls : generatedId;
   const isControlled = expanded !== void 0;
-  const [internalExpanded, setInternalExpanded] = react.useState(false);
+  const [internalExpanded, setInternalExpanded] = react.useState(defaultExpanded);
   const [hasToggled, setHasToggled] = react.useState(false);
   const persistedExpanded = react.useSyncExternalStore(
     () => () => void 0,
     () => {
-      if (isControlled || !storageKey) return false;
-      return localStorage.getItem(storageKey) === "true";
+      if (isControlled || !storageKey) return defaultExpanded;
+      const stored = localStorage.getItem(storageKey);
+      return stored !== null ? stored === "true" : defaultExpanded;
     },
-    () => false
+    () => defaultExpanded
   );
   const isExpanded = isControlled ? expanded : hasToggled ? internalExpanded : persistedExpanded;
   const handleToggle = () => {

package/dist/components/headline/CollapsibleHeadline.d.ts

@@ -17,5 +17,10 @@ export interface CollapsibleHeadlineProps extends Omit<HeadlineProps, 'addition'
      * collapsed to stay hydration-safe.
      */
     storageKey?: string;
+    /**
+     * Initial expanded state when uncontrolled and no persisted storageKey
+     * value exists yet. Defaults to false.
+     */
+    defaultExpanded?: boolean;
 }
-export declare function CollapsibleHeadline({ header, expanded, onToggle, controls, addition, storageKey, children, size, variant, weight, ...headlineProps }: PropsWithChildren<CollapsibleHeadlineProps>): import("react/jsx-runtime").JSX.Element;
+export declare function CollapsibleHeadline({ header, expanded, onToggle, controls, addition, storageKey, defaultExpanded, children, size, variant, weight, ...headlineProps }: PropsWithChildren<CollapsibleHeadlineProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/headline/CollapsibleHeadline.js

@@ -13,6 +13,7 @@ function CollapsibleHeadline({
   controls,
   addition,
   storageKey,
+  defaultExpanded = false,
   children,
   size = 2,
   variant = "muted",
@@ -22,15 +23,16 @@ function CollapsibleHeadline({
   const generatedId = useId();
   const panelId = controls != null ? controls : generatedId;
   const isControlled = expanded !== void 0;
-  const [internalExpanded, setInternalExpanded] = useState(false);
+  const [internalExpanded, setInternalExpanded] = useState(defaultExpanded);
   const [hasToggled, setHasToggled] = useState(false);
   const persistedExpanded = useSyncExternalStore(
     () => () => void 0,
     () => {
-      if (isControlled || !storageKey) return false;
-      return localStorage.getItem(storageKey) === "true";
+      if (isControlled || !storageKey) return defaultExpanded;
+      const stored = localStorage.getItem(storageKey);
+      return stored !== null ? stored === "true" : defaultExpanded;
     },
-    () => false
+    () => defaultExpanded
   );
   const isExpanded = isControlled ? expanded : hasToggled ? internalExpanded : persistedExpanded;
   const handleToggle = () => {

package/dist/components/segmented-progress-bar/SegmentedProgressBar.cjs

@@ -17,6 +17,9 @@ const sizeTokenMap = {
   md: "var(--component-size-md)",
   lg: "var(--component-size-lg)"
 };
+function formatNumberDa(value) {
+  return value.toLocaleString("da-DK");
+}
 function SegmentWithTooltip({
   seg,
   index,
@@ -77,7 +80,7 @@ const SegmentedProgressBar = ({
   const autoNumbers = (() => {
     const base = segments.map((s) => s.value || 0);
     if (showRemainder) base.push(remainder);
-    return base.join("/");
+    return base.map(formatNumberDa).join("/");
   })();
   const filteredSegments = computedSegments.filter((x) => x.value > 0);
   const rootClass = [styles__default.default.container, className].filter(Boolean).join(" ");

package/dist/components/segmented-progress-bar/SegmentedProgressBar.js

@@ -11,6 +11,9 @@ const sizeTokenMap = {
   md: "var(--component-size-md)",
   lg: "var(--component-size-lg)"
 };
+function formatNumberDa(value) {
+  return value.toLocaleString("da-DK");
+}
 function SegmentWithTooltip({
   seg,
   index,
@@ -71,7 +74,7 @@ const SegmentedProgressBar = ({
   const autoNumbers = (() => {
     const base = segments.map((s) => s.value || 0);
     if (showRemainder) base.push(remainder);
-    return base.join("/");
+    return base.map(formatNumberDa).join("/");
   })();
   const filteredSegments = computedSegments.filter((x) => x.value > 0);
   const rootClass = [styles.container, className].filter(Boolean).join(" ");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dbcdk/react-components",
-  "version": "0.0.117",
+  "version": "0.0.119",
   "description": "Reusable React components for DBC projects",
   "license": "ISC",
   "author": "",