@startdownnotez404/ui 1.3.5 → 1.3.6

package/dist/AutocompleteField-653233JU.mjs

@@ -0,0 +1,203 @@
+import {
+  getHelperText
+} from "./chunk-MI64T62E.mjs";
+import {
+  Explanation_default,
+  getFieldExplanation,
+  mergeFieldSx
+} from "./chunk-FNSIQ2B7.mjs";
+import "./chunk-T4X375IG.mjs";
+import {
+  Autocomplete_default
+} from "./chunk-KYTHGFFY.mjs";
+import "./chunk-VL7V52YD.mjs";
+import "./chunk-LQNDBPHU.mjs";
+import "./chunk-56TI2ZBT.mjs";
+import "./chunk-VYD3PDBB.mjs";
+import "./chunk-MDAUF7IL.mjs";
+import "./chunk-QFF3HTHL.mjs";
+import "./chunk-ZVFYOXDE.mjs";
+import "./chunk-D4XPNSSI.mjs";
+import "./chunk-4Q54P737.mjs";
+import "./chunk-OP6LKXPA.mjs";
+import "./chunk-4RPFRNXG.mjs";
+import {
+  default as default2
+} from "./chunk-PNSJC6PC.mjs";
+import {
+  mergeSx
+} from "./chunk-AFLEG5ZC.mjs";
+import "./chunk-FJ6ZGZIA.mjs";
+
+// src/components/compound/UseForm/src/Fields/AutocompleteField.tsx
+import React from "react";
+import { Controller, useFormContext } from "react-hook-form";
+import { jsx, jsxs } from "react/jsx-runtime";
+var EMPTY_OPTIONS = [];
+function toAutocompleteOption(option) {
+  return {
+    id: option.id,
+    label: option.label,
+    disabled: option.disabled,
+    description: option.description,
+    group: option.group
+  };
+}
+function idsFromValue(value, multiple) {
+  if (multiple) {
+    if (Array.isArray(value)) return value.map(String).filter(Boolean);
+    return value ? [String(value)] : [];
+  }
+  if (Array.isArray(value)) return value[0] ? [String(value[0])] : [];
+  return value ? [String(value)] : [];
+}
+function toFormValue(next, multiple) {
+  if (multiple) {
+    if (next == null) return [];
+    const list = Array.isArray(next) ? next : [next];
+    return list.map((item) => typeof item === "string" ? item : item.id);
+  }
+  if (next == null) return "";
+  const single = Array.isArray(next) ? next[0] : next;
+  if (single == null) return "";
+  return typeof single === "string" ? single : single.id;
+}
+var AutocompleteField = ({ field }) => {
+  const acSlot = field.slotProps;
+  if (acSlot?.useOptions) {
+    return /* @__PURE__ */ jsx(AutocompleteFieldWithOptions, { field, useOptions: acSlot.useOptions });
+  }
+  return /* @__PURE__ */ jsx(AutocompleteFieldView, { field, options: acSlot?.options ?? EMPTY_OPTIONS });
+};
+var AutocompleteFieldWithOptions = ({
+  field,
+  useOptions
+}) => {
+  const { options = EMPTY_OPTIONS, loading } = useOptions();
+  return /* @__PURE__ */ jsx(AutocompleteFieldView, { field, options, loading });
+};
+var AutocompleteFieldView = ({
+  field,
+  options,
+  loading
+}) => {
+  const { control, getValues } = useFormContext();
+  const {
+    name,
+    label,
+    required,
+    disabled,
+    sx,
+    size,
+    slotProps,
+    errorMsg,
+    defaultValue
+  } = field;
+  const acSlot = slotProps;
+  const multiple = acSlot?.multiple ?? true;
+  const softOptions = React.useMemo(
+    () => options.map(toAutocompleteOption),
+    [options]
+  );
+  return /* @__PURE__ */ jsx(
+    Controller,
+    {
+      control,
+      name,
+      defaultValue,
+      render: ({ field: { onChange: controllerOnChange, value }, fieldState: { error } }) => /* @__PURE__ */ jsx(
+        SoftAutocompleteControl,
+        {
+          name,
+          value,
+          controllerOnChange,
+          softOptions,
+          multiple,
+          loading,
+          disabled,
+          required,
+          error,
+          errorMsg,
+          helperText: field.helperText,
+          label,
+          placeholder: acSlot?.placeholder,
+          size,
+          sx,
+          explanation: getFieldExplanation(field),
+          onFieldChange: (next) => {
+            field.onChange?.(next, getValues());
+          }
+        }
+      )
+    }
+  );
+};
+function SoftAutocompleteControl({
+  name,
+  value,
+  controllerOnChange,
+  softOptions,
+  multiple,
+  loading,
+  disabled,
+  required,
+  error,
+  errorMsg,
+  helperText,
+  label,
+  placeholder,
+  size,
+  sx,
+  explanation,
+  onFieldChange
+}) {
+  const selectedIds = idsFromValue(value, multiple);
+  const acValue = multiple ? selectedIds : selectedIds[0] ?? null;
+  const resolvedPlaceholder = placeholder ?? (multiple ? "Select options" : "Select an option");
+  return /* @__PURE__ */ jsxs(
+    default2,
+    {
+      sx: mergeSx(
+        {
+          display: "flex",
+          alignItems: "flex-start",
+          gap: 1,
+          // Soft elevated Autocomplete shadow must not be clipped by this row.
+          overflow: "visible"
+        },
+        mergeFieldSx(size, sx)
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          Autocomplete_default,
+          {
+            name,
+            options: softOptions,
+            value: acValue,
+            multiple,
+            loading,
+            onChange: (next) => {
+              const formValue = toFormValue(next, multiple);
+              controllerOnChange(formValue);
+              onFieldChange(formValue);
+            },
+            label,
+            placeholder: resolvedPlaceholder,
+            required,
+            disabled,
+            error: !!error,
+            helperText: getHelperText(error, errorMsg, helperText),
+            fullWidth: true,
+            size: "small",
+            sx: { flex: 1 }
+          }
+        ),
+        /* @__PURE__ */ jsx(Explanation_default, { alignToInput: true, explanation })
+      ]
+    }
+  );
+}
+export {
+  AutocompleteField
+};
+//# sourceMappingURL=AutocompleteField-653233JU.mjs.map

package/dist/AutocompleteField-653233JU.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/compound/UseForm/src/Fields/AutocompleteField.tsx"],"sourcesContent":["import React from 'react';\nimport { Controller, useFormContext, type FieldError } from 'react-hook-form';\nimport { Box } from '@/ele/Box';\nimport {\n  Autocomplete,\n  type AutocompleteOption,\n  type OptionParams,\n} from '@/ele/Autocomplete';\nimport { FieldConfig, FormTypeMap, InferFormDataType, getHelperText, mergeFieldSx } from '../_utils';\nimport { mergeSx } from '@/_utils/_func';\nimport { getFieldExplanation } from '../_utils/helpers';\nimport Explanation from './Explanation';\nimport { FIELD_TYPEs } from '../_utils/constants';\nimport type { AutocompleteSlotProps } from '../_utils/slotProps';\n\ninterface AutocompleteFieldProps<T extends FormTypeMap = FormTypeMap> {\n  field: Extract<FieldConfig<T>, { type: typeof FIELD_TYPEs.autocomplete }>;\n}\n\ntype AutocompleteUseOptions = NonNullable<AutocompleteSlotProps['useOptions']>;\n\nconst EMPTY_OPTIONS: OptionParams[] = [];\n\n/** Map UseForm OptionParams → soft AutocompleteOption (id/label oriented). */\nfunction toAutocompleteOption(option: OptionParams): AutocompleteOption {\n  return {\n    id: option.id,\n    label: option.label,\n    disabled: option.disabled,\n    description: option.description,\n    group: option.group,\n  };\n}\n\nfunction idsFromValue(value: unknown, multiple: boolean): string[] {\n  if (multiple) {\n    if (Array.isArray(value)) return value.map(String).filter(Boolean);\n    return value ? [String(value)] : [];\n  }\n  if (Array.isArray(value)) return value[0] ? [String(value[0])] : [];\n  return value ? [String(value)] : [];\n}\n\nfunction toFormValue(\n  next: AutocompleteOption | AutocompleteOption[] | string | string[] | null,\n  multiple: boolean,\n): string | string[] {\n  if (multiple) {\n    if (next == null) return [];\n    const list = Array.isArray(next) ? next : [next];\n    return list.map((item) => (typeof item === 'string' ? item : item.id));\n  }\n  if (next == null) return '';\n  const single = Array.isArray(next) ? next[0] : next;\n  if (single == null) return '';\n  return typeof single === 'string' ? single : single.id;\n}\n\nexport const AutocompleteField = <T extends FormTypeMap = FormTypeMap>({ field }: AutocompleteFieldProps<T>) => {\n  const acSlot = field.slotProps as AutocompleteSlotProps | undefined;\n  if (acSlot?.useOptions) {\n    return <AutocompleteFieldWithOptions field={field} useOptions={acSlot.useOptions} />;\n  }\n  return <AutocompleteFieldView field={field} options={acSlot?.options ?? EMPTY_OPTIONS} />;\n};\n\nconst AutocompleteFieldWithOptions = <T extends FormTypeMap>({\n  field,\n  useOptions,\n}: AutocompleteFieldProps<T> & { useOptions: AutocompleteUseOptions }) => {\n  const { options = EMPTY_OPTIONS, loading } = useOptions();\n  return <AutocompleteFieldView field={field} options={options} loading={loading} />;\n};\n\nconst AutocompleteFieldView = <T extends FormTypeMap>({\n  field,\n  options,\n  loading,\n}: AutocompleteFieldProps<T> & { options: OptionParams[]; loading?: boolean }) => {\n  const { control, getValues } = useFormContext();\n  const {\n    name,\n    label,\n    required,\n    disabled,\n    sx,\n    size,\n    slotProps,\n    errorMsg,\n    defaultValue,\n  } = field;\n\n  const acSlot = slotProps as AutocompleteSlotProps | undefined;\n  const multiple = acSlot?.multiple ?? true;\n  const softOptions = React.useMemo(\n    () => options.map(toAutocompleteOption),\n    [options],\n  );\n\n  return (\n    <Controller\n      control={control}\n      name={name}\n      defaultValue={defaultValue}\n      render={({ field: { onChange: controllerOnChange, value }, fieldState: { error } }) => (\n        <SoftAutocompleteControl\n          name={name}\n          value={value}\n          controllerOnChange={controllerOnChange}\n          softOptions={softOptions}\n          multiple={multiple}\n          loading={loading}\n          disabled={disabled}\n          required={required}\n          error={error}\n          errorMsg={errorMsg}\n          helperText={field.helperText}\n          label={label}\n          placeholder={acSlot?.placeholder}\n          size={size}\n          sx={sx}\n          explanation={getFieldExplanation(field)}\n          onFieldChange={(next) => {\n            field.onChange?.(next, getValues() as InferFormDataType<T>);\n          }}\n        />\n      )}\n    />\n  );\n};\n\ntype SoftAutocompleteControlProps = {\n  name: string;\n  value: unknown;\n  controllerOnChange: (value: unknown) => void;\n  softOptions: AutocompleteOption[];\n  multiple: boolean;\n  loading?: boolean;\n  disabled?: boolean;\n  required?: boolean;\n  error: FieldError | undefined;\n  errorMsg?: string;\n  helperText?: string;\n  label?: string;\n  placeholder?: string;\n  size?: { width?: number | string; height?: number | string };\n  sx?: Record<string, unknown>;\n  explanation?: React.ComponentProps<typeof Explanation>['explanation'];\n  onFieldChange: (next: unknown) => void;\n};\n\nfunction SoftAutocompleteControl({\n  name,\n  value,\n  controllerOnChange,\n  softOptions,\n  multiple,\n  loading,\n  disabled,\n  required,\n  error,\n  errorMsg,\n  helperText,\n  label,\n  placeholder,\n  size,\n  sx,\n  explanation,\n  onFieldChange,\n}: SoftAutocompleteControlProps) {\n  const selectedIds = idsFromValue(value, multiple);\n  // Soft Autocomplete resolves string ids against options — TextField-like chrome.\n  const acValue = multiple ? selectedIds : (selectedIds[0] ?? null);\n  const resolvedPlaceholder =\n    placeholder\n    ?? (multiple ? 'Select options' : 'Select an option');\n\n  return (\n    <Box\n      sx={mergeSx(\n        {\n          display: 'flex',\n          alignItems: 'flex-start',\n          gap: 1,\n          // Soft elevated Autocomplete shadow must not be clipped by this row.\n          overflow: 'visible',\n        },\n        mergeFieldSx(size, sx),\n      )}\n    >\n      <Autocomplete\n        name={name}\n        options={softOptions}\n        value={acValue}\n        multiple={multiple}\n        loading={loading}\n        onChange={(next) => {\n          const formValue = toFormValue(next, multiple);\n          controllerOnChange(formValue);\n          onFieldChange(formValue);\n        }}\n        label={label}\n        placeholder={resolvedPlaceholder}\n        required={required}\n        disabled={disabled}\n        error={!!error}\n        helperText={getHelperText(error, errorMsg, helperText)}\n        fullWidth\n        size=\"small\"\n        sx={{ flex: 1 }}\n      />\n      <Explanation alignToInput explanation={explanation} />\n    </Box>\n  );\n}"],"mappings":"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","names":["default"]}

package/dist/AvatarField-KFASMVZU.mjs

@@ -0,0 +1,378 @@
+import {
+  Cropper_default
+} from "./chunk-USXGNKWJ.mjs";
+import "./chunk-4SSJY32J.mjs";
+import {
+  AvatarButton
+} from "./chunk-4MSPA7U7.mjs";
+import {
+  FieldHelperText
+} from "./chunk-MI64T62E.mjs";
+import {
+  Explanation_default,
+  getFieldExplanation,
+  mergeFieldSx
+} from "./chunk-FNSIQ2B7.mjs";
+import "./chunk-EW4DTFH3.mjs";
+import {
+  MuiModal
+} from "./chunk-RVSMEZE3.mjs";
+import "./chunk-2FK24ZPJ.mjs";
+import {
+  CLASSNAMEs
+} from "./chunk-KSN33A6I.mjs";
+import "./chunk-PEJL2T2K.mjs";
+import "./chunk-PUREEN2J.mjs";
+import "./chunk-3DQINB57.mjs";
+import "./chunk-I5JWS4Z7.mjs";
+import "./chunk-FMGZCOJC.mjs";
+import "./chunk-3VUAM2GY.mjs";
+import {
+  MuiFormLabel,
+  default as default5
+} from "./chunk-T4X375IG.mjs";
+import "./chunk-WYYP3Y34.mjs";
+import "./chunk-LQNDBPHU.mjs";
+import "./chunk-56TI2ZBT.mjs";
+import "./chunk-MDAUF7IL.mjs";
+import "./chunk-UMJ5SCIQ.mjs";
+import {
+  default79 as default4
+} from "./chunk-ZVFYOXDE.mjs";
+import "./chunk-D4XPNSSI.mjs";
+import "./chunk-4Q54P737.mjs";
+import "./chunk-OP6LKXPA.mjs";
+import "./chunk-4RPFRNXG.mjs";
+import {
+  default as default2,
+  default2 as default3
+} from "./chunk-PNSJC6PC.mjs";
+import "./chunk-AFLEG5ZC.mjs";
+import "./chunk-FJ6ZGZIA.mjs";
+
+// src/components/compound/UseForm/src/Fields/AvatarField.tsx
+import React, { useEffect, useState } from "react";
+import { Controller, useFormContext, useWatch } from "react-hook-form";
+import { jsx, jsxs } from "react/jsx-runtime";
+var AVATAR_CROP_CONFIG = { width: 200, unit: "px" };
+var AvatarCropPreview = React.forwardRef((_, ref) => {
+  return /* @__PURE__ */ jsx(
+    "canvas",
+    {
+      ref,
+      width: 200,
+      height: 200,
+      style: {
+        width: 200,
+        height: 200,
+        maxWidth: "100%",
+        maxHeight: "100%",
+        border: "1px dashed grey",
+        borderRadius: "50%",
+        objectFit: "contain",
+        backgroundColor: "transparent"
+      }
+    }
+  );
+});
+AvatarCropPreview.displayName = "AvatarCropPreview";
+function acceptToInputAccept(accept) {
+  if (!accept) return "image/*";
+  if (typeof accept === "string") return accept;
+  const parts = [];
+  Object.entries(accept).forEach(([mime, exts]) => {
+    parts.push(mime);
+    if (Array.isArray(exts)) parts.push(...exts);
+  });
+  return parts.length ? parts.join(",") : "image/*";
+}
+function useFileObjectUrl(file) {
+  const [url, setUrl] = useState("");
+  useEffect(() => {
+    if (!file) {
+      setUrl("");
+      return;
+    }
+    const objectUrl = URL.createObjectURL(file);
+    setUrl(objectUrl);
+    return () => {
+      URL.revokeObjectURL(objectUrl);
+    };
+  }, [file]);
+  return url;
+}
+async function blobUrlToFile(url, filename = "avatar.png") {
+  const res = await fetch(url);
+  const blob = await res.blob();
+  return new File([blob], filename, { type: blob.type || "image/png" });
+}
+var AvatarField = ({
+  field
+}) => {
+  const watchKey = field.slotProps?.watchAvatarNameKey;
+  if (watchKey) {
+    return /* @__PURE__ */ jsx(AvatarFieldWithNameWatch, { field, watchKey });
+  }
+  return /* @__PURE__ */ jsx(AvatarFieldView, { field, watchedName: void 0 });
+};
+var AvatarFieldWithNameWatch = ({
+  field,
+  watchKey
+}) => {
+  const { control } = useFormContext();
+  const watchedName = useWatch({
+    control,
+    name: watchKey
+  });
+  return /* @__PURE__ */ jsx(AvatarFieldView, { field, watchedName });
+};
+var AvatarFieldView = ({
+  field,
+  watchedName
+}) => {
+  const { control, getValues, setValue } = useFormContext();
+  const {
+    name,
+    label,
+    required,
+    disabled,
+    sx,
+    size,
+    slotProps,
+    errorMsg,
+    defaultValue
+  } = field;
+  const avatarSlot = slotProps;
+  const [editorOpen, setEditorOpen] = React.useState(false);
+  const [editorBlobUrl, setEditorBlobUrl] = React.useState("");
+  const initialFileRef = React.useRef(null);
+  const transientBlobUrlsRef = React.useRef([]);
+  const inputAccept = acceptToInputAccept(avatarSlot?.accept);
+  const backgroundIcon = (typeof avatarSlot?.useBackgroundIcon === "function" ? avatarSlot?.useBackgroundIcon() : null) || avatarSlot?.backgroundIcon;
+  const displayNameRaw = (avatarSlot?.watchAvatarNameKey ? watchedName : void 0) ?? avatarSlot?.avatarName ?? avatarSlot?.name ?? "";
+  const displayName = String(displayNameRaw ?? "").trim() || void 0;
+  return /* @__PURE__ */ jsx(
+    Controller,
+    {
+      control,
+      name,
+      defaultValue: defaultValue ?? null,
+      render: ({ field: { onChange, value }, fieldState: { error } }) => {
+        const fileValue = value ?? null;
+        return /* @__PURE__ */ jsx(
+          AvatarFieldControl,
+          {
+            fileValue,
+            onChange,
+            error,
+            disabled,
+            required,
+            label,
+            name: String(name),
+            errorMsg,
+            helperText: field.helperText,
+            size,
+            sx,
+            displayName,
+            backgroundIcon,
+            avatarSlot,
+            field,
+            getValues,
+            setValue,
+            editorOpen,
+            setEditorOpen,
+            editorBlobUrl,
+            setEditorBlobUrl,
+            initialFileRef,
+            transientBlobUrlsRef,
+            inputAccept
+          }
+        );
+      }
+    }
+  );
+};
+function AvatarFieldControl({
+  fileValue,
+  onChange,
+  error,
+  disabled,
+  required,
+  label,
+  name,
+  errorMsg,
+  helperText,
+  size,
+  sx,
+  displayName,
+  backgroundIcon,
+  avatarSlot,
+  field,
+  getValues,
+  setValue,
+  editorOpen,
+  setEditorOpen,
+  editorBlobUrl,
+  setEditorBlobUrl,
+  initialFileRef,
+  transientBlobUrlsRef,
+  inputAccept
+}) {
+  const src = useFileObjectUrl(fileValue);
+  const revokeTransient = () => {
+    transientBlobUrlsRef.current.forEach((u) => {
+      try {
+        URL.revokeObjectURL(u);
+      } catch {
+      }
+    });
+    transientBlobUrlsRef.current = [];
+  };
+  const openEditor = () => {
+    initialFileRef.current = fileValue;
+    if (fileValue) {
+      const u = URL.createObjectURL(fileValue);
+      transientBlobUrlsRef.current.push(u);
+      setEditorBlobUrl(u);
+    } else {
+      setEditorBlobUrl("");
+    }
+    setEditorOpen(true);
+  };
+  const closeEditor = () => {
+    setEditorOpen(false);
+    setEditorBlobUrl("");
+    revokeTransient();
+  };
+  const handleSave = async (url) => {
+    const next = url ? await blobUrlToFile(url, fileValue?.name || "avatar.png") : null;
+    if (url) {
+      try {
+        URL.revokeObjectURL(url);
+      } catch {
+      }
+    }
+    onChange(next);
+    try {
+      setValue(name, next, { shouldDirty: true, shouldTouch: true });
+    } catch {
+    }
+    field.onChange?.(next, getValues());
+    initialFileRef.current = next;
+    setEditorBlobUrl("");
+    revokeTransient();
+    setEditorOpen(false);
+  };
+  const onFileSelectFromSelector = (file) => {
+    if (editorBlobUrl) {
+      try {
+        URL.revokeObjectURL(editorBlobUrl);
+      } catch {
+      }
+      transientBlobUrlsRef.current = transientBlobUrlsRef.current.filter(
+        (u) => u !== editorBlobUrl
+      );
+    }
+    if (!file) {
+      setEditorBlobUrl("");
+      return;
+    }
+    const blobUrl = URL.createObjectURL(file);
+    transientBlobUrlsRef.current.push(blobUrl);
+    setEditorBlobUrl(blobUrl);
+  };
+  return /* @__PURE__ */ jsxs(
+    default5,
+    {
+      className: CLASSNAMEs.compound.useForm.avatarField,
+      disabled,
+      required,
+      error: !!error,
+      fullWidth: true,
+      size: "small",
+      sx: mergeFieldSx(size, sx),
+      children: [
+        /* @__PURE__ */ jsxs(
+          default3,
+          {
+            direction: "column",
+            alignItems: "center",
+            justifyContent: "center",
+            gap: 0.5,
+            children: [
+              /* @__PURE__ */ jsxs(default2, { sx: { display: "flex", alignItems: "center", gap: 1, mb: 1 }, children: [
+                /* @__PURE__ */ jsx(MuiFormLabel, { component: "legend", children: label }),
+                /* @__PURE__ */ jsx(Explanation_default, { explanation: getFieldExplanation(field) })
+              ] }),
+              /* @__PURE__ */ jsx(default2, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: /* @__PURE__ */ jsx(default2, { sx: { cursor: disabled ? "not-allowed" : "pointer" }, children: /* @__PURE__ */ jsx(
+                AvatarButton,
+                {
+                  onClick: disabled ? void 0 : openEditor,
+                  size: avatarSlot?.size,
+                  dim: avatarSlot?.dim,
+                  name: displayName,
+                  src,
+                  backgroundIcon: src ? void 0 : backgroundIcon,
+                  icon: /* @__PURE__ */ jsx(default4, { fontSize: "small" }),
+                  "aria-label": typeof label === "string" ? label : "Avatar"
+                }
+              ) }) }),
+              /* @__PURE__ */ jsx(
+                FieldHelperText,
+                {
+                  error,
+                  errorMsg,
+                  helpers: [typeof helperText === "string" ? helperText : void 0]
+                }
+              )
+            ]
+          }
+        ),
+        editorOpen ? /* @__PURE__ */ jsx(
+          MuiModal,
+          {
+            className: CLASSNAMEs.elemental.modal,
+            openProps: [editorOpen, setEditorOpen],
+            onClose: closeEditor,
+            title: typeof label === "string" ? label : "Avatar",
+            size: { w: "70vw", h: "80vh" },
+            children: /* @__PURE__ */ jsx(
+              default2,
+              {
+                sx: {
+                  display: "flex",
+                  flexDirection: "column",
+                  height: "100%",
+                  gap: 2,
+                  overflow: "hidden"
+                },
+                children: /* @__PURE__ */ jsx(default2, { sx: { flex: "1 1 auto", minHeight: 0 }, children: /* @__PURE__ */ jsx(
+                  Cropper_default,
+                  {
+                    setImgNull: () => setEditorBlobUrl(""),
+                    blobUrl: editorBlobUrl,
+                    onSave: handleSave,
+                    onClear: () => handleSave(""),
+                    circularCrop: true,
+                    defaultRatio: 1,
+                    resizeCropEnabled: true,
+                    cropConfig: AVATAR_CROP_CONFIG,
+                    PreviewRenderer: AvatarCropPreview,
+                    showFileSelector: true,
+                    fileSelectorAccept: inputAccept,
+                    fileSelectorButtonLabel: "Select Image",
+                    onFileSelect: onFileSelectFromSelector
+                  }
+                ) })
+              }
+            )
+          }
+        ) : null
+      ]
+    }
+  );
+}
+export {
+  AvatarField
+};
+//# sourceMappingURL=AvatarField-KFASMVZU.mjs.map

package/dist/AvatarField-KFASMVZU.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/compound/UseForm/src/Fields/AvatarField.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\nimport { Controller, useFormContext, useWatch } from 'react-hook-form'\nimport { Box, Stack } from '@/ele/Box'\nimport { FormControl, FormLabel } from '@/ele/Form'\nimport { EditIcon } from '@/icons/MuiIcon'\n\nimport { FieldHelperText } from '../_utils/helperText'\nimport { AvatarButton } from '@/ele/Avatar'\nimport { MuiModal } from '@/ele/Modal'\nimport { Cropper } from '@/ele/Image'\n\nimport { FieldConfig, FormTypeMap, InferFormDataType } from '../_utils'\nimport { FIELD_TYPEs } from '../_utils/constants'\nimport type { AvatarSlotProps } from '../_utils/slotProps'\nimport Explanation from './Explanation'\nimport { CLASSNAMEs } from '@/_utils/_const/classNames'\nimport { getFieldExplanation, mergeFieldSx } from '../_utils/helpers'\n\ninterface AvatarFieldProps<T extends FormTypeMap = FormTypeMap> {\n  field: Extract<FieldConfig<T>, { type: typeof FIELD_TYPEs.avatar }>\n}\n\nconst AVATAR_CROP_CONFIG = { width: 200, unit: 'px' } as const\n\nconst AvatarCropPreview = React.forwardRef<HTMLCanvasElement>((_, ref) => {\n  return (\n    <canvas\n      ref={ref}\n      width={200}\n      height={200}\n      style={{\n        width: 200,\n        height: 200,\n        maxWidth: '100%',\n        maxHeight: '100%',\n        border: '1px dashed grey',\n        borderRadius: '50%',\n        objectFit: 'contain',\n        backgroundColor: 'transparent',\n      }}\n    />\n  )\n})\n\nAvatarCropPreview.displayName = 'AvatarCropPreview'\n\nfunction acceptToInputAccept(accept: AvatarSlotProps['accept']): string {\n  if (!accept) return 'image/*'\n  if (typeof accept === 'string') return accept\n\n  const parts: string[] = []\n  Object.entries(accept).forEach(([mime, exts]) => {\n    parts.push(mime)\n    if (Array.isArray(exts)) parts.push(...exts)\n  })\n  return parts.length ? parts.join(',') : 'image/*'\n}\n\n/** Stable object URL for a File; revoked on change/unmount. */\nfunction useFileObjectUrl(file: File | null | undefined): string {\n  const [url, setUrl] = useState('')\n  useEffect(() => {\n    if (!file) {\n      setUrl('')\n      return\n    }\n    const objectUrl = URL.createObjectURL(file)\n    setUrl(objectUrl)\n    return () => {\n      URL.revokeObjectURL(objectUrl)\n    }\n  }, [file])\n  return url\n}\n\nasync function blobUrlToFile(url: string, filename = 'avatar.png'): Promise<File> {\n  const res = await fetch(url)\n  const blob = await res.blob()\n  return new File([blob], filename, { type: blob.type || 'image/png' })\n}\n\nexport const AvatarField = <T extends FormTypeMap = FormTypeMap>({\n  field,\n}: AvatarFieldProps<T>) => {\n  const watchKey = (field.slotProps as AvatarSlotProps | undefined)\n    ?.watchAvatarNameKey\n  if (watchKey) {\n    return <AvatarFieldWithNameWatch field={field} watchKey={watchKey} />\n  }\n  return <AvatarFieldView field={field} watchedName={undefined} />\n}\n\nconst AvatarFieldWithNameWatch = <T extends FormTypeMap>({\n  field,\n  watchKey,\n}: AvatarFieldProps<T> & { watchKey: string }) => {\n  const { control } = useFormContext()\n  const watchedName = useWatch({\n    control,\n    name: watchKey as never,\n  })\n  return <AvatarFieldView field={field} watchedName={watchedName} />\n}\n\nconst AvatarFieldView = <T extends FormTypeMap>({\n  field,\n  watchedName,\n}: AvatarFieldProps<T> & { watchedName: unknown }) => {\n  const { control, getValues, setValue } = useFormContext()\n\n  const {\n    name,\n    label,\n    required,\n    disabled,\n    sx,\n    size,\n    slotProps,\n    errorMsg,\n    defaultValue,\n  } = field\n\n  const avatarSlot = slotProps as AvatarSlotProps | undefined\n  const [editorOpen, setEditorOpen] = React.useState(false)\n  const [editorBlobUrl, setEditorBlobUrl] = React.useState('')\n  const initialFileRef = React.useRef<File | null>(null)\n  const transientBlobUrlsRef = React.useRef<string[]>([])\n\n  const inputAccept = acceptToInputAccept(avatarSlot?.accept)\n  const backgroundIcon =\n    (typeof avatarSlot?.useBackgroundIcon === 'function'\n      ? avatarSlot?.useBackgroundIcon()\n      : null) || avatarSlot?.backgroundIcon\n\n  const displayNameRaw =\n    (avatarSlot?.watchAvatarNameKey ? watchedName : undefined) ??\n    avatarSlot?.avatarName ??\n    avatarSlot?.name ??\n    ''\n  const displayName = String(displayNameRaw ?? '').trim() || undefined\n\n  return (\n    <Controller\n      control={control}\n      name={name}\n      defaultValue={(defaultValue ?? null) as File | null}\n      render={({ field: { onChange, value }, fieldState: { error } }) => {\n        const fileValue = (value ?? null) as File | null\n        return (\n          <AvatarFieldControl\n            fileValue={fileValue}\n            onChange={onChange}\n            error={error}\n            disabled={disabled}\n            required={required}\n            label={label}\n            name={String(name)}\n            errorMsg={errorMsg}\n            helperText={field.helperText}\n            size={size}\n            sx={sx}\n            displayName={displayName}\n            backgroundIcon={backgroundIcon}\n            avatarSlot={avatarSlot}\n            field={field}\n            getValues={getValues}\n            setValue={setValue}\n            editorOpen={editorOpen}\n            setEditorOpen={setEditorOpen}\n            editorBlobUrl={editorBlobUrl}\n            setEditorBlobUrl={setEditorBlobUrl}\n            initialFileRef={initialFileRef}\n            transientBlobUrlsRef={transientBlobUrlsRef}\n            inputAccept={inputAccept}\n          />\n        )\n      }}\n    />\n  )\n}\n\ntype ControlProps<T extends FormTypeMap> = {\n  fileValue: File | null\n  onChange: (value: File | null) => void\n  error: { message?: string } | undefined\n  disabled?: boolean\n  required?: boolean\n  label?: React.ReactNode\n  name: string\n  errorMsg?: string | null\n  helperText?: React.ReactNode\n  size?: unknown\n  sx?: unknown\n  displayName?: string\n  backgroundIcon?: React.ReactNode\n  avatarSlot?: AvatarSlotProps\n  field: AvatarFieldProps<T>['field']\n  getValues: () => unknown\n  setValue: (name: string, value: unknown, opts?: object) => void\n  editorOpen: boolean\n  setEditorOpen: (open: boolean) => void\n  editorBlobUrl: string\n  setEditorBlobUrl: (url: string) => void\n  initialFileRef: React.MutableRefObject<File | null>\n  transientBlobUrlsRef: React.MutableRefObject<string[]>\n  inputAccept: string\n}\n\nfunction AvatarFieldControl<T extends FormTypeMap>({\n  fileValue,\n  onChange,\n  error,\n  disabled,\n  required,\n  label,\n  name,\n  errorMsg,\n  helperText,\n  size,\n  sx,\n  displayName,\n  backgroundIcon,\n  avatarSlot,\n  field,\n  getValues,\n  setValue,\n  editorOpen,\n  setEditorOpen,\n  editorBlobUrl,\n  setEditorBlobUrl,\n  initialFileRef,\n  transientBlobUrlsRef,\n  inputAccept,\n}: ControlProps<T>) {\n  const src = useFileObjectUrl(fileValue)\n\n  const revokeTransient = () => {\n    transientBlobUrlsRef.current.forEach((u) => {\n      try {\n        URL.revokeObjectURL(u)\n      } catch {\n        /* ignore */\n      }\n    })\n    transientBlobUrlsRef.current = []\n  }\n\n  const openEditor = () => {\n    initialFileRef.current = fileValue\n    if (fileValue) {\n      const u = URL.createObjectURL(fileValue)\n      transientBlobUrlsRef.current.push(u)\n      setEditorBlobUrl(u)\n    } else {\n      setEditorBlobUrl('')\n    }\n    setEditorOpen(true)\n  }\n\n  const closeEditor = () => {\n    setEditorOpen(false)\n    setEditorBlobUrl('')\n    revokeTransient()\n  }\n\n  const handleSave = async (url: string) => {\n    const next = url ? await blobUrlToFile(url, fileValue?.name || 'avatar.png') : null\n    if (url) {\n      try {\n        URL.revokeObjectURL(url)\n      } catch {\n        /* ignore */\n      }\n    }\n\n    onChange(next)\n    try {\n      setValue(name, next, { shouldDirty: true, shouldTouch: true })\n    } catch {\n      /* ignore */\n    }\n    field.onChange?.(next, getValues() as InferFormDataType<T>)\n\n    initialFileRef.current = next\n    setEditorBlobUrl('')\n    revokeTransient()\n    setEditorOpen(false)\n  }\n\n  const onFileSelectFromSelector = (file: File | null) => {\n    if (editorBlobUrl) {\n      try {\n        URL.revokeObjectURL(editorBlobUrl)\n      } catch {\n        /* ignore */\n      }\n      transientBlobUrlsRef.current = transientBlobUrlsRef.current.filter(\n        (u) => u !== editorBlobUrl,\n      )\n    }\n    if (!file) {\n      setEditorBlobUrl('')\n      return\n    }\n    const blobUrl = URL.createObjectURL(file)\n    transientBlobUrlsRef.current.push(blobUrl)\n    setEditorBlobUrl(blobUrl)\n  }\n\n  return (\n    <FormControl\n      className={CLASSNAMEs.compound.useForm.avatarField}\n      disabled={disabled}\n      required={required}\n      error={!!error}\n      fullWidth\n      size=\"small\"\n      sx={mergeFieldSx(size as never, sx as never)}\n    >\n      <Stack\n        direction=\"column\"\n        alignItems=\"center\"\n        justifyContent=\"center\"\n        gap={0.5}\n      >\n        <Box sx={{ display: 'flex', alignItems: 'center', gap: 1, mb: 1 }}>\n          <FormLabel component=\"legend\">{label}</FormLabel>\n          <Explanation explanation={getFieldExplanation(field)} />\n        </Box>\n\n        <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n          <Box sx={{ cursor: disabled ? 'not-allowed' : 'pointer' }}>\n            <AvatarButton\n              onClick={disabled ? undefined : openEditor}\n              size={avatarSlot?.size}\n              dim={avatarSlot?.dim}\n              name={displayName}\n              src={src}\n              backgroundIcon={src ? undefined : backgroundIcon}\n              icon={<EditIcon fontSize=\"small\" />}\n              aria-label={typeof label === 'string' ? label : 'Avatar'}\n            />\n          </Box>\n        </Box>\n\n        <FieldHelperText\n          error={error as never}\n          errorMsg={errorMsg}\n          helpers={[typeof helperText === 'string' ? helperText : undefined]}\n        />\n      </Stack>\n\n      {editorOpen ? (\n        <MuiModal\n          className={CLASSNAMEs.elemental.modal}\n          openProps={[editorOpen, setEditorOpen]}\n          onClose={closeEditor}\n          title={typeof label === 'string' ? label : 'Avatar'}\n          size={{ w: '70vw', h: '80vh' }}\n        >\n          <Box\n            sx={{\n              display: 'flex',\n              flexDirection: 'column',\n              height: '100%',\n              gap: 2,\n              overflow: 'hidden',\n            }}\n          >\n            <Box sx={{ flex: '1 1 auto', minHeight: 0 }}>\n              <Cropper\n                setImgNull={() => setEditorBlobUrl('')}\n                blobUrl={editorBlobUrl}\n                onSave={handleSave}\n                onClear={() => handleSave('')}\n                circularCrop\n                defaultRatio={1}\n                resizeCropEnabled\n                cropConfig={AVATAR_CROP_CONFIG}\n                PreviewRenderer={AvatarCropPreview}\n                showFileSelector\n                fileSelectorAccept={inputAccept}\n                fileSelectorButtonLabel=\"Select Image\"\n                onFileSelect={onFileSelectFromSelector}\n              />\n            </Box>\n          </Box>\n        </MuiModal>\n      ) : null}\n    </FormControl>\n  )\n}\n"],"mappings":"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","names":["default"]}