@godxjp/ui 13.9.3 → 13.10.0

package/dist/{chunk-SMLKNECP.js → components/data-entry/tree-utils.js}

@@ -1,4 +1,3 @@
-// src/components/data-entry/tree-utils.ts
 function reactNodeText(value) {
   if (value == null || typeof value === "boolean") return "";
   if (typeof value === "string" || typeof value === "number" || typeof value === "bigint") {
@@ -45,6 +44,11 @@ function getNodeByPath(options, path) {
   }
   return chain;
 }
+function getOptionsAtPath(options, path) {
+  if (!path.length) return options;
+  const chain = getNodeByPath(options, path);
+  return chain.at(-1)?.children ?? [];
+}
 function formatPathLabels(chain, separator = " / ") {
   return chain.map((n) => reactNodeText(n.label)).join(separator);
 }
@@ -60,6 +64,15 @@ function collectLeafPaths(options, prefix = [], root = options) {
   }
   return out;
 }
+function collectAllPaths(options, prefix = [], root = options) {
+  const out = [];
+  for (const node of options) {
+    const path = [...prefix, node.value];
+    out.push({ path, labels: getNodeByPath(root, path).map((n) => reactNodeText(n.label)) });
+    if (node.children?.length) out.push(...collectAllPaths(node.children, path, root));
+  }
+  return out;
+}
 function pathKey(path) {
   return path.join("\0");
 }
@@ -100,7 +113,7 @@ function filterVisibleTree(options, query) {
     let branchMatch = false;
     for (const node of nodes) {
       const selfMatch = reactNodeText(node.label).toLowerCase().includes(q);
-      const childMatch = node.children?.length ? walk(node.children) : false;
+      const childMatch = node.children?.length ? walk(node.children, depth + 1) : false;
       if (selfMatch || childMatch) {
         branchMatch = true;
         if (childMatch) expanded.add(node.value);
@@ -108,7 +121,7 @@ function filterVisibleTree(options, query) {
     }
     return branchMatch;
   }
-  walk(options);
+  walk(options, 0);
   return flattenVisibleTree(options, expanded);
 }
 function collectAllExpandableKeys(options) {
@@ -129,5 +142,20 @@ function findNodeByValue(options, value) {
   }
   return void 0;
 }
-
-export { collectAllExpandableKeys, filterTreeOptions, filterVisibleTree, findNodeByValue, flattenVisibleTree, formatPathLabels, getDescendantValues, getNodeByPath, normalizeTreeOptions, pathKey, pathsEqual, reactNodeText };
+export {
+  collectAllExpandableKeys,
+  collectAllPaths,
+  collectLeafPaths,
+  filterTreeOptions,
+  filterVisibleTree,
+  findNodeByValue,
+  flattenVisibleTree,
+  formatPathLabels,
+  getDescendantValues,
+  getNodeByPath,
+  getOptionsAtPath,
+  normalizeTreeOptions,
+  pathKey,
+  pathsEqual,
+  reactNodeText
+};

package/dist/components/data-entry/upload-crop-dialog.d.ts

@@ -0,0 +1,9 @@
+interface UploadCropDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    file: File | null;
+    onConfirm: (cropped: File) => void;
+}
+/** Simple 1:1 avatar crop — canvas export, no extra deps. */
+export declare function UploadCropDialog({ open, onOpenChange, file, onConfirm }: UploadCropDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/data-entry/upload-crop-dialog.js

@@ -0,0 +1,102 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useTranslation } from "../../i18n/use-translation";
+import { cn } from "../../lib/utils";
+import { Button } from "../general/button";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle
+} from "../feedback/dialog";
+import { Slider } from "./slider";
+function UploadCropDialog({ open, onOpenChange, file, onConfirm }) {
+  const { t } = useTranslation();
+  const [scale, setScale] = React.useState(1.2);
+  const [src, setSrc] = React.useState(null);
+  const imgRef = React.useRef(null);
+  React.useEffect(() => {
+    if (!file) {
+      setSrc(null);
+      return;
+    }
+    const url = URL.createObjectURL(file);
+    setSrc(url);
+    return () => URL.revokeObjectURL(url);
+  }, [file]);
+  const handleConfirm = async () => {
+    const img = imgRef.current;
+    if (!img || !file) return;
+    const size = 256;
+    const canvas = document.createElement("canvas");
+    canvas.width = size;
+    canvas.height = size;
+    const ctx = canvas.getContext("2d");
+    if (!ctx) return;
+    const iw = img.naturalWidth;
+    const ih = img.naturalHeight;
+    const side = Math.min(iw, ih) / scale;
+    const sx = (iw - side) / 2;
+    const sy = (ih - side) / 2;
+    ctx.drawImage(img, sx, sy, side, side, 0, 0, size, size);
+    const blob = await new Promise(
+      (resolve) => canvas.toBlob(resolve, "image/jpeg", 0.92)
+    );
+    if (!blob) return;
+    const cropped = new File([blob], file.name.replace(/\.\w+$/, "") + ".jpg", {
+      type: "image/jpeg"
+    });
+    onConfirm(cropped);
+    onOpenChange(false);
+  };
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { className: "max-w-sm", children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: t("dataEntry.upload.cropTitle") }),
+      /* @__PURE__ */ jsx(DialogDescription, { children: t("dataEntry.upload.cropDescription") })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "ui-stack-sm", children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "bg-muted relative mx-auto size-48 overflow-hidden rounded-full border",
+            "flex items-center justify-center"
+          ),
+          children: src ? /* @__PURE__ */ jsx(
+            "img",
+            {
+              ref: imgRef,
+              src,
+              alt: "",
+              className: "size-full object-cover transition-transform duration-150",
+              style: { transform: `scale(${scale})` }
+            }
+          ) : null
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "ui-stack-xs px-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-xs", children: t("dataEntry.upload.cropZoom") }),
+        /* @__PURE__ */ jsx(
+          Slider,
+          {
+            min: 1,
+            max: 2.5,
+            step: 0.05,
+            value: [scale],
+            onValueChange: (v) => setScale(v[0] ?? 1),
+            "aria-label": t("dataEntry.upload.cropZoom")
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(DialogFooter, { children: [
+      /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: () => onOpenChange(false), children: t("common.cancel") }),
+      /* @__PURE__ */ jsx(Button, { onClick: () => void handleConfirm(), children: t("dataEntry.upload.cropConfirm") })
+    ] })
+  ] }) });
+}
+export {
+  UploadCropDialog
+};

package/dist/components/data-entry/upload-types.d.ts

@@ -0,0 +1,39 @@
+/** Upload item — maps to media-service after `onUpload` resolves `mediaId`. */
+export type UploadFileStatus = "idle" | "uploading" | "done" | "error" | "removed";
+export type UploadFileItem = {
+    /** Stable key for list reconciliation */
+    uid: string;
+    name: string;
+    size: number;
+    mimeType?: string;
+    /** Blob URL or media-service download URL */
+    previewUrl?: string;
+    /** Set after issue → PUT → complete */
+    mediaId?: string;
+    status: UploadFileStatus;
+    error?: string;
+    /** Local file before / during upload */
+    file?: File;
+    /**
+     * Draft-only: marked for soft-delete on form commit.
+     * Undo clears this before save — media-service has no restore API.
+     */
+    pendingDelete?: boolean;
+    /**
+     * Draft-only: replacement staged locally; baseline kept for undo.
+     */
+    pendingReplace?: boolean;
+    /** mediaId to soft-delete on commit when `pendingReplace` */
+    replacesMediaId?: string;
+};
+export type UploadVariant = "dropzone" | "button" | "picture-card" | "picture" | "avatar" | "avatar-crop";
+/** Actions parent runs on form submit (media-service). */
+export type UploadCommitAction = {
+    /** Soft-delete on save — no restore API */
+    deleteMediaIds: string[];
+    /** Temp uploads already completed via `onUpload` — promote on save */
+    promoteMediaIds: string[];
+};
+export declare function createUploadItem(file: File, partial?: Partial<UploadFileItem>): UploadFileItem;
+export declare function revokePreviewUrl(item: UploadFileItem | null | undefined): void;
+export declare function collectUploadCommitActions(items: UploadFileItem[]): UploadCommitAction;

package/dist/components/data-entry/upload-types.js

@@ -0,0 +1,41 @@
+function createUploadItem(file, partial) {
+  const previewUrl = file.type.startsWith("image/") ? URL.createObjectURL(file) : void 0;
+  return {
+    uid: partial?.uid ?? crypto.randomUUID(),
+    name: file.name,
+    size: file.size,
+    mimeType: file.type,
+    previewUrl,
+    status: "idle",
+    file,
+    ...partial
+  };
+}
+function revokePreviewUrl(item) {
+  if (item?.previewUrl?.startsWith("blob:")) URL.revokeObjectURL(item.previewUrl);
+}
+function collectUploadCommitActions(items) {
+  const deleteMediaIds = [];
+  const promoteMediaIds = [];
+  for (const item of items) {
+    if (item.pendingDelete && item.mediaId) {
+      deleteMediaIds.push(item.mediaId);
+      continue;
+    }
+    if (item.pendingReplace && item.replacesMediaId) {
+      deleteMediaIds.push(item.replacesMediaId);
+    }
+    if (item.mediaId && !item.pendingDelete && item.status !== "error") {
+      promoteMediaIds.push(item.mediaId);
+    }
+  }
+  return {
+    deleteMediaIds: [...new Set(deleteMediaIds)],
+    promoteMediaIds: [...new Set(promoteMediaIds)]
+  };
+}
+export {
+  collectUploadCommitActions,
+  createUploadItem,
+  revokePreviewUrl
+};

package/dist/components/data-entry/upload.d.ts

@@ -1,45 +1,6 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { x as UploadFileItem, U as UploadCommitAction, z as UploadProp } from '../../data-entry.prop-BSUaseKh.js';
-export { y as UploadFileItemProp, A as UploadVariant, B as UploadVariantProp, E as collectUploadCommitActions, G as createUploadItem } from '../../data-entry.prop-BSUaseKh.js';
-import '@radix-ui/react-checkbox';
-import '@radix-ui/react-radio-group';
-import '@radix-ui/react-slider';
-import '@radix-ui/react-switch';
-import 'react-day-picker';
-import 'react';
-import '../../shared.prop-BvMSLFJ6.js';
-import '../../content.prop-DrV_zDy-.js';
-import '../../layout.prop-CXvl2rVR.js';
-import '../../interaction.prop-DD46aTro.js';
-import '../../data.prop-D0UEEczj.js';
-import '../../layout.prop-fCz-Vlie.js';
-import '../../navigation.prop-CXDaVNaR.js';
-
-type UploadDraftState = {
-    /** Item rendered in UI (may reflect pending delete/replace). */
-    display: UploadFileItem | null;
-    /** Server baseline — restored on undo remove/replace. */
-    baseline: UploadFileItem | null;
-    canUndoRemove: boolean;
-    canUndoReplace: boolean;
-};
-type UseUploadDraftOptions = {
-    value?: UploadFileItem | null;
-    onChange?: (item: UploadFileItem | null) => void;
-};
-/**
- * Single-value draft for avatar / picture — coordinates with media-service:
- * soft-delete only on form commit; undo before save (no restore API).
- */
-declare function useUploadDraft({ value, onChange }: UseUploadDraftOptions): {
-    state: UploadDraftState;
-    markRemove: () => void;
-    undoRemove: () => void;
-    stageReplace: (file: File) => void;
-    undoReplace: () => void;
-    getCommitActions: () => UploadCommitAction;
-};
-
-declare function Upload({ variant, value, defaultValue, onValueChange, accept: acceptProp, multiple: multipleProp, maxCount: maxCountProp, maxSizeBytes, disabled, removable, onUpload, className, children, }: UploadProp): react_jsx_runtime.JSX.Element;
-
-export { Upload, UploadCommitAction, UploadFileItem, UploadProp, UploadProp as UploadProps, useUploadDraft };
+import type { UploadProp } from "../../props/components/data-entry.prop";
+export type { UploadProp, UploadProp as UploadProps, UploadFileItemProp, UploadVariantProp, } from "../../props/components/data-entry.prop";
+export type { UploadFileItem, UploadVariant, UploadCommitAction } from "./upload-types";
+export { collectUploadCommitActions, createUploadItem } from "./upload-types";
+export { useUploadDraft } from "./use-upload-draft";
+export declare function Upload({ variant, value, defaultValue, onValueChange, accept: acceptProp, multiple: multipleProp, maxCount: maxCountProp, maxSizeBytes, disabled, removable, onUpload, className, children, }: UploadProp): import("react/jsx-runtime").JSX.Element;