@mieweb/ui 0.10.0-dev.31 → 0.10.0-dev.32

package/dist/chunk-6JSFT2J5.js

@@ -0,0 +1,130 @@
+import { cn } from './chunk-TQONQSJO.js';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var defaultCompletenessMeterLabels = {
+  title: "Data completeness",
+  progress: "Data completeness",
+  percent: (percent) => `${percent}%`,
+  missing: (count) => `Missing (${count})`,
+  allComplete: "All fields complete"
+};
+function getCompleteness(fields) {
+  let total = 0;
+  let done = 0;
+  for (const f of fields) {
+    const w = f.weight === void 0 ? 1 : Number.isFinite(f.weight) ? Math.max(0, f.weight) : 0;
+    total += w;
+    if (f.complete) done += w;
+  }
+  return {
+    percent: total > 0 ? Math.round(done / total * 100) : 100,
+    missing: fields.filter((f) => !f.complete)
+  };
+}
+function tone(percent) {
+  if (percent >= 80) return "bg-success-500";
+  if (percent >= 50) return "bg-warning-500";
+  return "bg-destructive-500";
+}
+var CompletenessMeter = React.forwardRef(function CompletenessMeter2({
+  fields,
+  variant = "default",
+  onFieldClick,
+  labels: labelOverrides,
+  className,
+  ...props
+}, ref) {
+  const labels = { ...defaultCompletenessMeterLabels, ...labelOverrides };
+  const { percent, missing } = getCompleteness(fields);
+  const titleId = React.useId();
+  const compact = variant === "compact";
+  const bar = /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: "progressbar",
+        "aria-valuenow": percent,
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        "aria-valuetext": labels.percent(percent),
+        "aria-label": labels.progress,
+        "data-slot": "completeness-meter-bar",
+        className: cn(
+          "bg-muted h-2 overflow-hidden rounded-full",
+          compact ? "w-24" : "flex-1"
+        ),
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "h-full rounded-full motion-safe:transition-[width] motion-safe:duration-300",
+              tone(percent)
+            ),
+            style: { width: `${percent}%` }
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-xs font-medium tabular-nums", children: labels.percent(percent) })
+  ] });
+  if (compact) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        "data-slot": "completeness-meter",
+        className: cn("inline-flex", className),
+        ...props,
+        children: bar
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      role: "group",
+      "aria-labelledby": titleId,
+      "data-slot": "completeness-meter",
+      className: cn("flex flex-col gap-2 text-sm", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("h3", { id: titleId, className: "text-foreground text-sm font-semibold", children: labels.title }),
+        bar,
+        missing.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-success-700 dark:text-success-400 text-xs", children: labels.allComplete }) : /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mb-1 text-xs", children: labels.missing(missing.length) }),
+          /* @__PURE__ */ jsx(
+            "ul",
+            {
+              className: "flex flex-col gap-1",
+              "data-slot": "completeness-meter-missing",
+              children: missing.map((f) => /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-1.5 text-xs", children: [
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    "aria-hidden": "true",
+                    className: "bg-destructive-500 h-1.5 w-1.5 shrink-0 rounded-full"
+                  }
+                ),
+                onFieldClick ? /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => onFieldClick(f.key),
+                    className: "text-foreground decoration-primary-500 focus-visible:ring-ring rounded-sm text-start underline underline-offset-2 hover:decoration-2 focus-visible:ring-2 focus-visible:outline-none",
+                    children: f.label
+                  }
+                ) : /* @__PURE__ */ jsx("span", { className: "text-foreground", children: f.label })
+              ] }, f.key))
+            }
+          )
+        ] })
+      ]
+    }
+  );
+});
+
+export { CompletenessMeter, defaultCompletenessMeterLabels, getCompleteness };
+//# sourceMappingURL=chunk-6JSFT2J5.js.map
+//# sourceMappingURL=chunk-6JSFT2J5.js.map

package/dist/chunk-6JSFT2J5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/CompletenessMeter/CompletenessMeter.tsx"],"names":["CompletenessMeter"],"mappings":"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","file":"chunk-6JSFT2J5.js","sourcesContent":["import * as React from 'react';\nimport { cn } from '../../utils/cn';\n\nexport interface CompletenessField {\n  /** Stable key, passed back to `onFieldClick`. */\n  key: string;\n  /** Display name of the field. */\n  label: string;\n  /** Whether the field has a value. */\n  complete: boolean;\n  /** Relative importance; defaults to 1. */\n  weight?: number;\n}\n\nexport interface CompletenessMeterLabels {\n  /** Heading of the full variant. */\n  title: string;\n  /** Accessible name of the progress bar. */\n  progress: string;\n  /** Visible percentage and `aria-valuetext`. */\n  percent: (percent: number) => string;\n  /** Heading of the missing-fields list. */\n  missing: (count: number) => string;\n  /** Shown when nothing is missing. */\n  allComplete: string;\n}\n\nexport const defaultCompletenessMeterLabels: CompletenessMeterLabels = {\n  title: 'Data completeness',\n  progress: 'Data completeness',\n  percent: (percent) => `${percent}%`,\n  missing: (count) => `Missing (${count})`,\n  allComplete: 'All fields complete',\n};\n\n/** Weighted completion percentage (0–100) and the incomplete fields. */\nexport function getCompleteness(fields: CompletenessField[]) {\n  let total = 0;\n  let done = 0;\n  for (const f of fields) {\n    const w =\n      f.weight === undefined\n        ? 1\n        : Number.isFinite(f.weight)\n          ? Math.max(0, f.weight)\n          : 0;\n    total += w;\n    if (f.complete) done += w;\n  }\n  return {\n    percent: total > 0 ? Math.round((done / total) * 100) : 100,\n    missing: fields.filter((f) => !f.complete),\n  };\n}\n\nfunction tone(percent: number) {\n  if (percent >= 80) return 'bg-success-500';\n  if (percent >= 50) return 'bg-warning-500';\n  return 'bg-destructive-500';\n}\n\nexport interface CompletenessMeterProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Fields that make up the record. */\n  fields: CompletenessField[];\n  /** `compact` shows the bar and percentage only. */\n  variant?: 'default' | 'compact';\n  /** Makes each missing field a button, e.g. to focus its input. */\n  onFieldClick?: (key: string) => void;\n  /** Overrides for any user-facing string. */\n  labels?: Partial<CompletenessMeterLabels>;\n}\n\n/**\n * How complete a record is: a weighted percentage, a progress bar and the\n * list of missing fields.\n *\n * @example\n * ```tsx\n * <CompletenessMeter fields={fields} onFieldClick={(key) => focusField(key)} />\n * ```\n */\nexport const CompletenessMeter = React.forwardRef<\n  HTMLDivElement,\n  CompletenessMeterProps\n>(function CompletenessMeter(\n  {\n    fields,\n    variant = 'default',\n    onFieldClick,\n    labels: labelOverrides,\n    className,\n    ...props\n  },\n  ref\n) {\n  const labels = { ...defaultCompletenessMeterLabels, ...labelOverrides };\n  const { percent, missing } = getCompleteness(fields);\n  const titleId = React.useId();\n  const compact = variant === 'compact';\n\n  const bar = (\n    <div className=\"flex items-center gap-2\">\n      <div\n        role=\"progressbar\"\n        aria-valuenow={percent}\n        aria-valuemin={0}\n        aria-valuemax={100}\n        aria-valuetext={labels.percent(percent)}\n        aria-label={labels.progress}\n        data-slot=\"completeness-meter-bar\"\n        className={cn(\n          'bg-muted h-2 overflow-hidden rounded-full',\n          compact ? 'w-24' : 'flex-1'\n        )}\n      >\n        <div\n          className={cn(\n            'h-full rounded-full motion-safe:transition-[width] motion-safe:duration-300',\n            tone(percent)\n          )}\n          style={{ width: `${percent}%` }}\n        />\n      </div>\n      <span className=\"text-muted-foreground text-xs font-medium tabular-nums\">\n        {labels.percent(percent)}\n      </span>\n    </div>\n  );\n\n  if (compact) {\n    return (\n      <div\n        ref={ref}\n        data-slot=\"completeness-meter\"\n        className={cn('inline-flex', className)}\n        {...props}\n      >\n        {bar}\n      </div>\n    );\n  }\n\n  return (\n    <div\n      ref={ref}\n      role=\"group\"\n      aria-labelledby={titleId}\n      data-slot=\"completeness-meter\"\n      className={cn('flex flex-col gap-2 text-sm', className)}\n      {...props}\n    >\n      <h3 id={titleId} className=\"text-foreground text-sm font-semibold\">\n        {labels.title}\n      </h3>\n      {bar}\n      {missing.length === 0 ? (\n        <p className=\"text-success-700 dark:text-success-400 text-xs\">\n          {labels.allComplete}\n        </p>\n      ) : (\n        <div>\n          <p className=\"text-muted-foreground mb-1 text-xs\">\n            {labels.missing(missing.length)}\n          </p>\n          <ul\n            className=\"flex flex-col gap-1\"\n            data-slot=\"completeness-meter-missing\"\n          >\n            {missing.map((f) => (\n              <li key={f.key} className=\"flex items-center gap-1.5 text-xs\">\n                <span\n                  aria-hidden=\"true\"\n                  className=\"bg-destructive-500 h-1.5 w-1.5 shrink-0 rounded-full\"\n                />\n                {onFieldClick ? (\n                  <button\n                    type=\"button\"\n                    onClick={() => onFieldClick(f.key)}\n                    className=\"text-foreground decoration-primary-500 focus-visible:ring-ring rounded-sm text-start underline underline-offset-2 hover:decoration-2 focus-visible:ring-2 focus-visible:outline-none\"\n                  >\n                    {f.label}\n                  </button>\n                ) : (\n                  <span className=\"text-foreground\">{f.label}</span>\n                )}\n              </li>\n            ))}\n          </ul>\n        </div>\n      )}\n    </div>\n  );\n});\n"]}

package/dist/{chunk-NKV76R65.cjs → chunk-6M63CM7X.cjs}

@@ -1,14 +1,14 @@
 'use strict';
 
 var chunkMYAU2ZUC_cjs = require('./chunk-MYAU2ZUC.cjs');
-var chunkBUT6MF5K_cjs = require('./chunk-BUT6MF5K.cjs');
+var chunkKQ6GLYFZ_cjs = require('./chunk-KQ6GLYFZ.cjs');
 var chunk7AECNMYV_cjs = require('./chunk-7AECNMYV.cjs');
 var chunkNPKPCYAT_cjs = require('./chunk-NPKPCYAT.cjs');
 var chunkNUFUV43P_cjs = require('./chunk-NUFUV43P.cjs');
 var chunkUPWIJC6I_cjs = require('./chunk-UPWIJC6I.cjs');
 var chunkT4L7Q5FA_cjs = require('./chunk-T4L7Q5FA.cjs');
 var chunkZ5S5JEJD_cjs = require('./chunk-Z5S5JEJD.cjs');
-var chunkX6A27RGO_cjs = require('./chunk-X6A27RGO.cjs');
+var chunkANMX7YDL_cjs = require('./chunk-ANMX7YDL.cjs');
 var React6 = require('react');
 var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
@@ -191,8 +191,8 @@ var FillerWordsModal = ({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(chunkX6A27RGO_cjs.Button, { variant: "ghost", size: "sm", onClick: selectAll, children: "Select All" }),
-            /* @__PURE__ */ jsxRuntime.jsx(chunkX6A27RGO_cjs.Button, { variant: "ghost", size: "sm", onClick: selectNone, children: "Select None" })
+            /* @__PURE__ */ jsxRuntime.jsx(chunkANMX7YDL_cjs.Button, { variant: "ghost", size: "sm", onClick: selectAll, children: "Select All" }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunkANMX7YDL_cjs.Button, { variant: "ghost", size: "sm", onClick: selectNone, children: "Select None" })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-border bg-muted/40 flex flex-wrap items-center gap-2 rounded-lg border px-3 py-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
@@ -247,7 +247,7 @@ var FillerWordsModal = ({
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkX6A27RGO_cjs.Button,
+              chunkANMX7YDL_cjs.Button,
               {
                 variant: "secondary",
                 size: "sm",
@@ -268,9 +268,9 @@ var FillerWordsModal = ({
             formatDuration(newDurationMs)
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(chunkX6A27RGO_cjs.Button, { variant: "secondary", size: "sm", onClick: onClose, children: "Cancel" }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunkANMX7YDL_cjs.Button, { variant: "secondary", size: "sm", onClick: onClose, children: "Cancel" }),
             /* @__PURE__ */ jsxRuntime.jsxs(
-              chunkX6A27RGO_cjs.Button,
+              chunkANMX7YDL_cjs.Button,
               {
                 variant: "primary",
                 size: "sm",
@@ -432,7 +432,7 @@ var WordEditorModal = ({
         ] }) }),
         /* @__PURE__ */ jsxRuntime.jsxs(chunkT4L7Q5FA_cjs.ModalFooter, { className: "justify-between", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkX6A27RGO_cjs.Button,
+            chunkANMX7YDL_cjs.Button,
             {
               variant: editableWord?.deleted ? "secondary" : "danger",
               size: "sm",
@@ -441,9 +441,9 @@ var WordEditorModal = ({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(chunkX6A27RGO_cjs.Button, { variant: "secondary", size: "sm", onClick: onClose, children: "Cancel" }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunkANMX7YDL_cjs.Button, { variant: "secondary", size: "sm", onClick: onClose, children: "Cancel" }),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkX6A27RGO_cjs.Button,
+              chunkANMX7YDL_cjs.Button,
               {
                 variant: "primary",
                 size: "sm",
@@ -536,8 +536,8 @@ var SilenceSettingsModal = ({
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(chunkT4L7Q5FA_cjs.ModalFooter, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkX6A27RGO_cjs.Button, { variant: "secondary", size: "sm", onClick: onClose, children: "Cancel" }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkX6A27RGO_cjs.Button, { variant: "primary", size: "sm", onClick: handleApply, children: "Apply" })
+          /* @__PURE__ */ jsxRuntime.jsx(chunkANMX7YDL_cjs.Button, { variant: "secondary", size: "sm", onClick: onClose, children: "Cancel" }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkANMX7YDL_cjs.Button, { variant: "primary", size: "sm", onClick: handleApply, children: "Apply" })
         ] })
       ]
     }
@@ -756,7 +756,7 @@ var ScriptPanel = ({
           ),
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground ms-auto text-[10px]", children: readOnly ? "read-only" : dirty ? "edited" : "live" }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkX6A27RGO_cjs.Button,
+            chunkANMX7YDL_cjs.Button,
             {
               variant: "ghost",
               size: "sm",
@@ -789,9 +789,9 @@ var ScriptPanel = ({
           }
         ),
         !readOnly && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-border flex shrink-0 items-center gap-2 border-t px-3 py-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkX6A27RGO_cjs.Button, { size: "sm", onClick: handleApply, disabled: !dirty, children: "Apply" }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkANMX7YDL_cjs.Button, { size: "sm", onClick: handleApply, disabled: !dirty, children: "Apply" }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkX6A27RGO_cjs.Button,
+            chunkANMX7YDL_cjs.Button,
             {
               variant: "ghost",
               size: "sm",
@@ -1726,7 +1726,7 @@ var MediaEditor = React6__namespace.forwardRef(
                   {
                     className: `border-border bg-background flex min-h-0 shrink-0 ${splitLayout === "vertical" ? "max-h-[55dvh] md:max-h-none md:w-1/2 md:border-e" : "max-h-[55dvh] border-b md:max-h-[50%]"}`,
                     children: /* @__PURE__ */ jsxRuntime.jsx(
-                      chunkBUT6MF5K_cjs.MediaPlayer,
+                      chunkKQ6GLYFZ_cjs.MediaPlayer,
                       {
                         ref: playerRef,
                         src,
@@ -1781,7 +1781,7 @@ var MediaEditor = React6__namespace.forwardRef(
                             }
                           ),
                           /* @__PURE__ */ jsxRuntime.jsx(
-                            chunkX6A27RGO_cjs.Button,
+                            chunkANMX7YDL_cjs.Button,
                             {
                               variant: "ghost",
                               size: "sm",
@@ -1792,7 +1792,7 @@ var MediaEditor = React6__namespace.forwardRef(
                             }
                           ),
                           showUndoRedo && /* @__PURE__ */ jsxRuntime.jsxs(
-                            chunkX6A27RGO_cjs.Button,
+                            chunkANMX7YDL_cjs.Button,
                             {
                               variant: "ghost",
                               size: "sm",
@@ -1809,7 +1809,7 @@ var MediaEditor = React6__namespace.forwardRef(
                             }
                           ),
                           showUndoRedo && /* @__PURE__ */ jsxRuntime.jsxs(
-                            chunkX6A27RGO_cjs.Button,
+                            chunkANMX7YDL_cjs.Button,
                             {
                               variant: "ghost",
                               size: "sm",
@@ -1826,7 +1826,7 @@ var MediaEditor = React6__namespace.forwardRef(
                         ] }),
                         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-muted-foreground flex items-center gap-2 text-xs", children: [
                           /* @__PURE__ */ jsxRuntime.jsx(
-                            chunkX6A27RGO_cjs.Button,
+                            chunkANMX7YDL_cjs.Button,
                             {
                               variant: "ghost",
                               size: "sm",
@@ -1868,7 +1868,7 @@ var MediaEditor = React6__namespace.forwardRef(
                       ] }),
                       showEditBar && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-border bg-muted/40 flex shrink-0 items-center gap-1 border-b px-3 py-1", children: [
                         /* @__PURE__ */ jsxRuntime.jsxs(
-                          chunkX6A27RGO_cjs.Button,
+                          chunkANMX7YDL_cjs.Button,
                           {
                             variant: "ghost",
                             size: "sm",
@@ -1881,7 +1881,7 @@ var MediaEditor = React6__namespace.forwardRef(
                           }
                         ),
                         /* @__PURE__ */ jsxRuntime.jsxs(
-                          chunkX6A27RGO_cjs.Button,
+                          chunkANMX7YDL_cjs.Button,
                           {
                             variant: "ghost",
                             size: "sm",
@@ -1894,7 +1894,7 @@ var MediaEditor = React6__namespace.forwardRef(
                           }
                         ),
                         /* @__PURE__ */ jsxRuntime.jsxs(
-                          chunkX6A27RGO_cjs.Button,
+                          chunkANMX7YDL_cjs.Button,
                           {
                             variant: "ghost",
                             size: "sm",
@@ -1907,7 +1907,7 @@ var MediaEditor = React6__namespace.forwardRef(
                           }
                         ),
                         /* @__PURE__ */ jsxRuntime.jsxs(
-                          chunkX6A27RGO_cjs.Button,
+                          chunkANMX7YDL_cjs.Button,
                           {
                             variant: "ghost",
                             size: "sm",
@@ -2025,5 +2025,5 @@ exports.MediaEditor = MediaEditor;
 exports.SilenceSettingsModal = SilenceSettingsModal;
 exports.SpeedMarkerMenu = SpeedMarkerMenu;
 exports.WordEditorModal = WordEditorModal;
-//# sourceMappingURL=chunk-NKV76R65.cjs.map
-//# sourceMappingURL=chunk-NKV76R65.cjs.map
+//# sourceMappingURL=chunk-6M63CM7X.cjs.map
+//# sourceMappingURL=chunk-6M63CM7X.cjs.map