@adecore/ui 0.31.11 → 0.32.0

package/dist/ProjectSwitcher.js

@@ -1,18 +1,231 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import clsx from 'clsx';
 import { useTranslation } from 'react-i18next';
 import { ChevronDown, History } from 'lucide-react';
-import { Icon } from './Icon.js';
+import { Icon } from "./Icon.js";
 import * as Menu from './menu/index.parts.js';
-import { ProjectSwitcherRow } from './project-switcher-row.js';
-export function ProjectSwitcher({ current, projects, recentProjects, onSelect, leading, before, children, label, disabled, open, defaultOpen, onOpenChange, className, ref }) {
-    const { t } = useTranslation('ui');
-    return (_jsxs(Menu.Root, { open: open, defaultOpen: defaultOpen, onOpenChange: onOpenChange, children: [_jsxs(Menu.Trigger, { ref: ref, disabled: disabled, "aria-label": label ?? current?.name ?? t('projectSwitcher.label'), className: clsx('project-switcher-trigger', className), children: [leading, current?.icon, _jsx("span", { className: "truncate text-sm font-medium text-text", children: current?.name ?? t('projectSwitcher.label') }), _jsx(Icon, { icon: ChevronDown, size: 14, className: "shrink-0 text-text-muted" })] }), _jsx(Menu.Popup, { className: "min-w-60", children: _jsx(ProjectSwitcherGroups, { projects: projects, recentProjects: recentProjects, before: before, onSelect: onSelect, children: children }) })] }));
+import { ProjectSwitcherRow } from "./project-switcher-row.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export function ProjectSwitcher(t0) {
+  const $ = _c(32);
+  const {
+    current,
+    projects,
+    recentProjects,
+    onSelect,
+    leading,
+    before,
+    children,
+    label,
+    disabled,
+    open,
+    defaultOpen,
+    onOpenChange,
+    className,
+    ref
+  } = t0;
+  const {
+    t
+  } = useTranslation("ui");
+  let t1;
+  if ($[0] !== current?.name || $[1] !== label || $[2] !== t) {
+    t1 = label ?? current?.name ?? t("projectSwitcher.label");
+    $[0] = current?.name;
+    $[1] = label;
+    $[2] = t;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  let t2;
+  if ($[4] !== className) {
+    t2 = clsx("project-switcher-trigger", className);
+    $[4] = className;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  const t3 = current?.icon;
+  let t4;
+  if ($[6] !== current?.name || $[7] !== t) {
+    t4 = current?.name ?? t("projectSwitcher.label");
+    $[6] = current?.name;
+    $[7] = t;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  let t5;
+  if ($[9] !== t4) {
+    t5 = /*#__PURE__*/_jsx("span", {
+      className: "truncate text-sm font-medium text-text",
+      children: t4
+    });
+    $[9] = t4;
+    $[10] = t5;
+  } else {
+    t5 = $[10];
+  }
+  let t6;
+  if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+    t6 = /*#__PURE__*/_jsx(Icon, {
+      icon: ChevronDown,
+      size: 14,
+      className: "shrink-0 text-text-muted"
+    });
+    $[11] = t6;
+  } else {
+    t6 = $[11];
+  }
+  let t7;
+  if ($[12] !== disabled || $[13] !== leading || $[14] !== ref || $[15] !== t1 || $[16] !== t2 || $[17] !== t3 || $[18] !== t5) {
+    t7 = /*#__PURE__*/_jsxs(Menu.Trigger, {
+      ref: ref,
+      disabled: disabled,
+      "aria-label": t1,
+      className: t2,
+      children: [leading, t3, t5, t6]
+    });
+    $[12] = disabled;
+    $[13] = leading;
+    $[14] = ref;
+    $[15] = t1;
+    $[16] = t2;
+    $[17] = t3;
+    $[18] = t5;
+    $[19] = t7;
+  } else {
+    t7 = $[19];
+  }
+  let t8;
+  if ($[20] !== before || $[21] !== children || $[22] !== onSelect || $[23] !== projects || $[24] !== recentProjects) {
+    t8 = /*#__PURE__*/_jsx(Menu.Popup, {
+      className: "min-w-60",
+      children: /*#__PURE__*/_jsx(ProjectSwitcherGroups, {
+        projects: projects,
+        recentProjects: recentProjects,
+        before: before,
+        onSelect: onSelect,
+        children: children
+      })
+    });
+    $[20] = before;
+    $[21] = children;
+    $[22] = onSelect;
+    $[23] = projects;
+    $[24] = recentProjects;
+    $[25] = t8;
+  } else {
+    t8 = $[25];
+  }
+  let t9;
+  if ($[26] !== defaultOpen || $[27] !== onOpenChange || $[28] !== open || $[29] !== t7 || $[30] !== t8) {
+    t9 = /*#__PURE__*/_jsxs(Menu.Root, {
+      open: open,
+      defaultOpen: defaultOpen,
+      onOpenChange: onOpenChange,
+      children: [t7, t8]
+    });
+    $[26] = defaultOpen;
+    $[27] = onOpenChange;
+    $[28] = open;
+    $[29] = t7;
+    $[30] = t8;
+    $[31] = t9;
+  } else {
+    t9 = $[31];
+  }
+  return t9;
 }
 /* The rows of the popup, apart from it so they render without an open menu. */
-export function ProjectSwitcherGroups({ projects, recentProjects = [], before, children, onSelect }) {
-    const { t } = useTranslation('ui');
-    // The theme hides a separator at the top of a menu or against another, so a group that draws
-    // nothing leaves no line behind.
-    return (_jsxs(_Fragment, { children: [projects.map((project) => (_jsx(ProjectSwitcherRow, { project: project, onSelect: onSelect }, project.id))), before && (_jsxs(_Fragment, { children: [_jsx(Menu.Separator, {}), before] })), (recentProjects.length > 0 || children) && (_jsxs(_Fragment, { children: [_jsx(Menu.Separator, {}), recentProjects.length > 0 && (_jsxs(Menu.SubmenuRoot, { children: [_jsxs(Menu.SubmenuTrigger, { children: [_jsx(Icon, { icon: History, size: 14 }), " ", t('projectSwitcher.recent')] }), _jsx(Menu.Popup, { className: "min-w-60", children: recentProjects.map((project) => (_jsx(ProjectSwitcherRow, { project: project, onSelect: onSelect }, project.id))) })] })), children] }))] }));
-}
+export function ProjectSwitcherGroups(t0) {
+  const $ = _c(18);
+  const {
+    projects,
+    recentProjects: t1,
+    before,
+    children,
+    onSelect
+  } = t0;
+  let t2;
+  if ($[0] !== t1) {
+    t2 = t1 === undefined ? [] : t1;
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const recentProjects = t2;
+  const {
+    t
+  } = useTranslation("ui");
+  let t3;
+  if ($[2] !== onSelect || $[3] !== projects) {
+    let t4;
+    if ($[5] !== onSelect) {
+      t4 = project => /*#__PURE__*/_jsx(ProjectSwitcherRow, {
+        project: project,
+        onSelect: onSelect
+      }, project.id);
+      $[5] = onSelect;
+      $[6] = t4;
+    } else {
+      t4 = $[6];
+    }
+    t3 = projects.map(t4);
+    $[2] = onSelect;
+    $[3] = projects;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  let t4;
+  if ($[7] !== before) {
+    t4 = before && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(Menu.Separator, {}), before]
+    });
+    $[7] = before;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  let t5;
+  if ($[9] !== children || $[10] !== onSelect || $[11] !== recentProjects || $[12] !== t) {
+    t5 = (recentProjects.length > 0 || children) && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(Menu.Separator, {}), recentProjects.length > 0 && /*#__PURE__*/_jsxs(Menu.SubmenuRoot, {
+        children: [/*#__PURE__*/_jsxs(Menu.SubmenuTrigger, {
+          children: [/*#__PURE__*/_jsx(Icon, {
+            icon: History,
+            size: 14
+          }), " ", t("projectSwitcher.recent")]
+        }), /*#__PURE__*/_jsx(Menu.Popup, {
+          className: "min-w-60",
+          children: recentProjects.map(project_0 => /*#__PURE__*/_jsx(ProjectSwitcherRow, {
+            project: project_0,
+            onSelect: onSelect
+          }, project_0.id))
+        })]
+      }), children]
+    });
+    $[9] = children;
+    $[10] = onSelect;
+    $[11] = recentProjects;
+    $[12] = t;
+    $[13] = t5;
+  } else {
+    t5 = $[13];
+  }
+  let t6;
+  if ($[14] !== t3 || $[15] !== t4 || $[16] !== t5) {
+    t6 = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [t3, t4, t5]
+    });
+    $[14] = t3;
+    $[15] = t4;
+    $[16] = t5;
+    $[17] = t6;
+  } else {
+    t6 = $[17];
+  }
+  return t6;
+}

package/dist/PromptDialog.js

@@ -1,11 +1,11 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { Button } from './Button.js';
-import { DialogDescription, DialogFooter, DialogPopup, DialogRoot, DialogTitle } from './dialog/parts.js';
-import { Field, FormError } from './Field.js';
-import { Icon } from './Icon.js';
-import { Input, TextArea } from './Input.js';
+import { Button } from "./Button.js";
+import { DialogDescription, DialogFooter, DialogPopup, DialogRoot, DialogTitle } from "./dialog/parts.js";
+import { Field, FormError } from "./Field.js";
+import { Icon } from "./Icon.js";
+import { Input, TextArea } from "./Input.js";
 import { useAsyncAction } from './useAsyncAction.js';
 /*
  * The one dialog a question is asked in: a name to type, or a warning to agree with. Every confirm
@@ -13,35 +13,350 @@ import { useAsyncAction } from './useAsyncAction.js';
  * because what a confirm leads to is the caller's business: an action that asks a second question
  * would be shut out by a close of its own.
  */
-export function PromptDialog({ open, title, titleIcon, description, field, area, confirmLabel, confirmBusyLabel, confirmIcon, danger = false, busy = false, allowEmpty = false, confirmDisabled = false, secondary, nested = false, children, onConfirm, fallbackMessage, onOpenChange, className, ref }) {
-    const { t } = useTranslation('ui');
-    /* The dialog stays mounted between questions, so every opening starts from what it was handed.
-       The token is what it was handed, so a new question resets the fields in the same render that
-       shows it and not in a second one after. */
-    const token = open ? `${field?.initial ?? ''}\u0000${area?.initial ?? ''}` : '';
-    const [draft, setDraft] = useState({ token, value: field?.initial ?? '', body: area?.initial ?? '' });
-    const step = useAsyncAction(fallbackMessage);
-    if (draft.token !== token) {
-        setDraft({ token, value: field?.initial ?? '', body: area?.initial ?? '' });
-        step.clear();
-    }
-    const value = draft.value;
-    const body = draft.body;
-    const working = busy || step.busy;
-    const setValue = (next) => setDraft({ ...draft, value: next });
-    const setBody = (next) => setDraft({ ...draft, body: next });
-    const submit = () => {
-        if (!working && !confirmDisabled && (field === undefined || allowEmpty || value.trim() !== '')) {
-            void step.run(async () => await onConfirm(value.trim(), body.trim()));
-        }
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function PromptDialog(t0) {
+  const $ = _c(80);
+  const {
+    open,
+    title,
+    titleIcon,
+    description,
+    field,
+    area,
+    confirmLabel,
+    confirmBusyLabel,
+    confirmIcon,
+    danger: t1,
+    busy: t2,
+    allowEmpty: t3,
+    confirmDisabled: t4,
+    secondary,
+    nested: t5,
+    children,
+    onConfirm,
+    fallbackMessage,
+    onOpenChange,
+    className,
+    ref
+  } = t0;
+  const danger = t1 === undefined ? false : t1;
+  const busy = t2 === undefined ? false : t2;
+  const allowEmpty = t3 === undefined ? false : t3;
+  const confirmDisabled = t4 === undefined ? false : t4;
+  const nested = t5 === undefined ? false : t5;
+  const {
+    t
+  } = useTranslation("ui");
+  const token = open ? `${field?.initial ?? ""}\u0000${area?.initial ?? ""}` : "";
+  const t6 = field?.initial ?? "";
+  const t7 = area?.initial ?? "";
+  let t8;
+  if ($[0] !== t6 || $[1] !== t7 || $[2] !== token) {
+    t8 = {
+      token,
+      value: t6,
+      body: t7
     };
-    const close = () => onOpenChange(false);
-    return (_jsx(DialogRoot, { open: open, onOpenChange: (next) => !next && close(), children: _jsxs(DialogPopup, { ref: ref, size: "sm", nested: nested, className: className, children: [_jsxs(DialogTitle, { className: "flex items-center gap-2 break-words", children: [titleIcon && _jsx(Icon, { icon: titleIcon, size: 16 }), title] }), description !== undefined && _jsx(DialogDescription, { className: "mt-1 break-words", children: description }), field !== undefined && (_jsx(Field, { label: field.label, className: "mt-4", children: _jsx(Input, { autoFocus: true, mono: field.mono === true, "aria-label": field.ariaLabel, spellCheck: false, placeholder: field.placeholder, maxLength: field.maxLength, value: value, onChange: (event) => setValue(event.target.value), onKeyDown: (event) => {
-                            // Whatever listens on the window has keys of its own, and a name may hold any of them.
-                            event.stopPropagation();
-                            if (event.key === 'Enter') {
-                                event.preventDefault();
-                                submit();
-                            }
-                        } }) })), area !== undefined && (_jsx(Field, { label: area.label, className: "mt-3", children: _jsx(TextArea, { rows: 5, spellCheck: false, placeholder: area.placeholder, value: body, onChange: (event) => setBody(event.target.value) }) })), children, step.failure !== null && _jsx(FormError, { className: "mt-2 break-words", children: step.failure }), _jsxs(DialogFooter, { children: [_jsx(Button, { onClick: close, children: t('action.cancel') }), secondary !== undefined && (_jsx(Button, { disabled: working, onClick: secondary.onClick, children: secondary.label })), _jsxs(Button, { variant: danger ? 'danger' : 'primary', disabled: working || confirmDisabled || (field !== undefined && !allowEmpty && value.trim() === ''), onClick: submit, children: [confirmIcon && _jsx(Icon, { icon: confirmIcon, size: 12 }), working && confirmBusyLabel !== undefined ? confirmBusyLabel : confirmLabel] })] })] }) }));
-}
+    $[0] = t6;
+    $[1] = t7;
+    $[2] = token;
+    $[3] = t8;
+  } else {
+    t8 = $[3];
+  }
+  const [draft, setDraft] = useState(t8);
+  const step = useAsyncAction(fallbackMessage);
+  if (draft.token !== token) {
+    setDraft({
+      token,
+      value: field?.initial ?? "",
+      body: area?.initial ?? ""
+    });
+    step.clear();
+  }
+  const value = draft.value;
+  const body = draft.body;
+  const working = busy || step.busy;
+  let t9;
+  if ($[4] !== draft) {
+    t9 = next => setDraft({
+      ...draft,
+      value: next
+    });
+    $[4] = draft;
+    $[5] = t9;
+  } else {
+    t9 = $[5];
+  }
+  const setValue = t9;
+  let t10;
+  if ($[6] !== draft) {
+    t10 = next_0 => setDraft({
+      ...draft,
+      body: next_0
+    });
+    $[6] = draft;
+    $[7] = t10;
+  } else {
+    t10 = $[7];
+  }
+  const setBody = t10;
+  let t11;
+  if ($[8] !== allowEmpty || $[9] !== body || $[10] !== confirmDisabled || $[11] !== field || $[12] !== onConfirm || $[13] !== step || $[14] !== value || $[15] !== working) {
+    t11 = () => {
+      if (!working && !confirmDisabled && (field === undefined || allowEmpty || value.trim() !== "")) {
+        step.run(async () => await onConfirm(value.trim(), body.trim()));
+      }
+    };
+    $[8] = allowEmpty;
+    $[9] = body;
+    $[10] = confirmDisabled;
+    $[11] = field;
+    $[12] = onConfirm;
+    $[13] = step;
+    $[14] = value;
+    $[15] = working;
+    $[16] = t11;
+  } else {
+    t11 = $[16];
+  }
+  const submit = t11;
+  let t12;
+  if ($[17] !== onOpenChange) {
+    t12 = () => onOpenChange(false);
+    $[17] = onOpenChange;
+    $[18] = t12;
+  } else {
+    t12 = $[18];
+  }
+  const close = t12;
+  let t13;
+  if ($[19] !== close) {
+    t13 = next_1 => !next_1 && close();
+    $[19] = close;
+    $[20] = t13;
+  } else {
+    t13 = $[20];
+  }
+  let t14;
+  if ($[21] !== titleIcon) {
+    t14 = titleIcon && /*#__PURE__*/_jsx(Icon, {
+      icon: titleIcon,
+      size: 16
+    });
+    $[21] = titleIcon;
+    $[22] = t14;
+  } else {
+    t14 = $[22];
+  }
+  let t15;
+  if ($[23] !== t14 || $[24] !== title) {
+    t15 = /*#__PURE__*/_jsxs(DialogTitle, {
+      className: "flex items-center gap-2 break-words",
+      children: [t14, title]
+    });
+    $[23] = t14;
+    $[24] = title;
+    $[25] = t15;
+  } else {
+    t15 = $[25];
+  }
+  let t16;
+  if ($[26] !== description) {
+    t16 = description !== undefined && /*#__PURE__*/_jsx(DialogDescription, {
+      className: "mt-1 break-words",
+      children: description
+    });
+    $[26] = description;
+    $[27] = t16;
+  } else {
+    t16 = $[27];
+  }
+  let t17;
+  if ($[28] !== field || $[29] !== setValue || $[30] !== submit || $[31] !== value) {
+    t17 = field !== undefined && /*#__PURE__*/_jsx(Field, {
+      label: field.label,
+      className: "mt-4",
+      children: /*#__PURE__*/_jsx(Input, {
+        autoFocus: true,
+        mono: field.mono === true,
+        "aria-label": field.ariaLabel,
+        spellCheck: false,
+        placeholder: field.placeholder,
+        maxLength: field.maxLength,
+        value: value,
+        onChange: event => setValue(event.target.value),
+        onKeyDown: event_0 => {
+          event_0.stopPropagation();
+          if (event_0.key === "Enter") {
+            event_0.preventDefault();
+            submit();
+          }
+        }
+      })
+    });
+    $[28] = field;
+    $[29] = setValue;
+    $[30] = submit;
+    $[31] = value;
+    $[32] = t17;
+  } else {
+    t17 = $[32];
+  }
+  let t18;
+  if ($[33] !== area || $[34] !== body || $[35] !== setBody) {
+    t18 = area !== undefined && /*#__PURE__*/_jsx(Field, {
+      label: area.label,
+      className: "mt-3",
+      children: /*#__PURE__*/_jsx(TextArea, {
+        rows: 5,
+        spellCheck: false,
+        placeholder: area.placeholder,
+        value: body,
+        onChange: event_1 => setBody(event_1.target.value)
+      })
+    });
+    $[33] = area;
+    $[34] = body;
+    $[35] = setBody;
+    $[36] = t18;
+  } else {
+    t18 = $[36];
+  }
+  let t19;
+  if ($[37] !== step.failure) {
+    t19 = step.failure !== null && /*#__PURE__*/_jsx(FormError, {
+      className: "mt-2 break-words",
+      children: step.failure
+    });
+    $[37] = step.failure;
+    $[38] = t19;
+  } else {
+    t19 = $[38];
+  }
+  let t20;
+  if ($[39] !== t) {
+    t20 = t("action.cancel");
+    $[39] = t;
+    $[40] = t20;
+  } else {
+    t20 = $[40];
+  }
+  let t21;
+  if ($[41] !== close || $[42] !== t20) {
+    t21 = /*#__PURE__*/_jsx(Button, {
+      onClick: close,
+      children: t20
+    });
+    $[41] = close;
+    $[42] = t20;
+    $[43] = t21;
+  } else {
+    t21 = $[43];
+  }
+  let t22;
+  if ($[44] !== secondary || $[45] !== working) {
+    t22 = secondary !== undefined && /*#__PURE__*/_jsx(Button, {
+      disabled: working,
+      onClick: secondary.onClick,
+      children: secondary.label
+    });
+    $[44] = secondary;
+    $[45] = working;
+    $[46] = t22;
+  } else {
+    t22 = $[46];
+  }
+  const t23 = danger ? "danger" : "primary";
+  let t24;
+  if ($[47] !== allowEmpty || $[48] !== confirmDisabled || $[49] !== field || $[50] !== value || $[51] !== working) {
+    t24 = working || confirmDisabled || field !== undefined && !allowEmpty && value.trim() === "";
+    $[47] = allowEmpty;
+    $[48] = confirmDisabled;
+    $[49] = field;
+    $[50] = value;
+    $[51] = working;
+    $[52] = t24;
+  } else {
+    t24 = $[52];
+  }
+  let t25;
+  if ($[53] !== confirmIcon) {
+    t25 = confirmIcon && /*#__PURE__*/_jsx(Icon, {
+      icon: confirmIcon,
+      size: 12
+    });
+    $[53] = confirmIcon;
+    $[54] = t25;
+  } else {
+    t25 = $[54];
+  }
+  const t26 = working && confirmBusyLabel !== undefined ? confirmBusyLabel : confirmLabel;
+  let t27;
+  if ($[55] !== submit || $[56] !== t23 || $[57] !== t24 || $[58] !== t25 || $[59] !== t26) {
+    t27 = /*#__PURE__*/_jsxs(Button, {
+      variant: t23,
+      disabled: t24,
+      onClick: submit,
+      children: [t25, t26]
+    });
+    $[55] = submit;
+    $[56] = t23;
+    $[57] = t24;
+    $[58] = t25;
+    $[59] = t26;
+    $[60] = t27;
+  } else {
+    t27 = $[60];
+  }
+  let t28;
+  if ($[61] !== t21 || $[62] !== t22 || $[63] !== t27) {
+    t28 = /*#__PURE__*/_jsxs(DialogFooter, {
+      children: [t21, t22, t27]
+    });
+    $[61] = t21;
+    $[62] = t22;
+    $[63] = t27;
+    $[64] = t28;
+  } else {
+    t28 = $[64];
+  }
+  let t29;
+  if ($[65] !== children || $[66] !== className || $[67] !== nested || $[68] !== ref || $[69] !== t15 || $[70] !== t16 || $[71] !== t17 || $[72] !== t18 || $[73] !== t19 || $[74] !== t28) {
+    t29 = /*#__PURE__*/_jsxs(DialogPopup, {
+      ref: ref,
+      size: "sm",
+      nested: nested,
+      className: className,
+      children: [t15, t16, t17, t18, children, t19, t28]
+    });
+    $[65] = children;
+    $[66] = className;
+    $[67] = nested;
+    $[68] = ref;
+    $[69] = t15;
+    $[70] = t16;
+    $[71] = t17;
+    $[72] = t18;
+    $[73] = t19;
+    $[74] = t28;
+    $[75] = t29;
+  } else {
+    t29 = $[75];
+  }
+  let t30;
+  if ($[76] !== open || $[77] !== t13 || $[78] !== t29) {
+    t30 = /*#__PURE__*/_jsx(DialogRoot, {
+      open: open,
+      onOpenChange: t13,
+      children: t29
+    });
+    $[76] = open;
+    $[77] = t13;
+    $[78] = t29;
+    $[79] = t30;
+  } else {
+    t30 = $[79];
+  }
+  return t30;
+}