@12-apps/ui 5.0.0 → 5.1.0

package/dist/form/UploadButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/form/UploadButton/UploadButton.tsx","../../src/components/form/UploadButton/UploadButton.hooks.ts","../../src/components/form/UploadButton/UploadButton.parts.tsx"],"sourcesContent":["import { Box } from '@mui/material';\nimport React from 'react';\n\nimport { useUploadButton } from './UploadButton.hooks';\nimport {\n  UploadDropzone,\n  UploadFeedback,\n  UploadTrigger,\n  type TriggerProps,\n} from './UploadButton.parts';\nimport type { UploadButtonProps, UploadButtonState } from './UploadButton.types';\n\n/**\n * A file picker with an optional drag-and-drop surface.\n *\n * The body here is deliberately thin: selection rules live in\n * `UploadButton.hooks`, appearance in `UploadButton.parts`. What remains is the\n * wiring — the hidden input, which trigger to render, and the feedback beneath.\n */\nconst UploadButton = React.forwardRef<HTMLInputElement, UploadButtonProps>((props, ref) => {\n  const {\n    variant = 'default',\n    label = 'Upload File',\n    disabled = false,\n    multiple = false,\n    accept,\n    capture,\n    helperText,\n    icon,\n    className,\n    'data-testid': dataTestId,\n  } = props;\n  const { inputRef, inputId, state, drag, derived, openPicker, handleInputChange } =\n    useUploadButton(props);\n\n  const trigger: TriggerProps = {\n    label,\n    icon,\n    disabled,\n    className,\n    dataTestId,\n    describedBy: derived.describedBy,\n    onOpen: openPicker,\n  };\n\n  return (\n    <Box>\n      <input\n        ref={ref || inputRef}\n        id={inputId}\n        type=\"file\"\n        accept={accept}\n        multiple={multiple}\n        capture={capture}\n        onChange={handleInputChange}\n        style={{ display: 'none' }}\n        disabled={disabled}\n        aria-hidden=\"true\"\n      />\n\n      {variant === 'dropzone' ? (\n        <UploadDropzone {...trigger} isDragOver={state.isDragOver} drag={drag} />\n      ) : (\n        <UploadTrigger {...trigger} variant={variant} isUploading={derived.isUploading} />\n      )}\n\n      <UploadFeedback\n        isUploading={derived.isUploading}\n        progress={derived.progress}\n        helperText={helperText}\n        helperId={derived.helperId}\n        error={derived.error}\n        errorId={derived.errorId}\n        announceDragOver={variant === 'dropzone' && state.isDragOver}\n      />\n    </Box>\n  );\n});\n\nUploadButton.displayName = 'UploadButton';\n\nexport { UploadButton };\nexport type { UploadButtonProps, UploadButtonState };\n","import { useCallback, useId, useMemo, useRef, useState } from 'react';\nimport type React from 'react';\n\nimport type { UploadButtonProps, UploadButtonState } from './UploadButton.types';\n\n/** The props {@link useUploadButton} reads — the component's own props. */\ntype UploadButtonHookProps = UploadButtonProps;\n\n/** Percent the simulated progress creeps to while waiting on `onUpload`. */\nconst SIMULATED_PROGRESS_CEILING = 90;\nconst SIMULATED_PROGRESS_STEP = 10;\nconst SIMULATED_PROGRESS_INTERVAL_MS = 100;\nconst PROGRESS_RESET_DELAY_MS = 1000;\nconst BYTES_PER_MB = 1024 * 1024;\n\nconst INITIAL_STATE: UploadButtonState = {\n  isDragOver: false,\n  isUploading: false,\n  uploadProgress: 0,\n  error: null,\n};\n\n/** Narrowed `setState` for the pieces below. */\ntype SetState = React.Dispatch<React.SetStateAction<UploadButtonState>>;\n\n/** The size/custom validation applied to every file, in both modes. */\nfunction useFileValidator(\n  maxSizeMB: number | undefined,\n  validate: ((file: globalThis.File) => string | null) | undefined,\n): (file: globalThis.File) => string | null {\n  return useCallback(\n    (file: globalThis.File): string | null => {\n      if (maxSizeMB && file.size > maxSizeMB * BYTES_PER_MB) {\n        return `File size must be less than ${maxSizeMB}MB`;\n      }\n      return validate ? validate(file) : null;\n    },\n    [maxSizeMB, validate],\n  );\n}\n\n/**\n * The built-in upload path, reachable from BOTH selection modes.\n *\n * Kept apart from selection because it is the only asynchronous part: left\n * inline it was single-file only, which made `onUpload` a silent no-op for a\n * multi-file caller — the worst kind of contract, since nothing fails.\n */\nfunction useUploadRunner(\n  onUpload: ((file: globalThis.File) => Promise<void>) | undefined,\n  externalUploading: boolean,\n  setState: SetState,\n): (file: globalThis.File) => Promise<void> {\n  return useCallback(\n    async (file: globalThis.File) => {\n      if (!onUpload || externalUploading) return;\n      try {\n        setState((prev) => ({ ...prev, isUploading: true, uploadProgress: 0 }));\n        // The real percentage is unknowable through a bare promise, so the bar\n        // creeps to a ceiling and only completes when the promise does.\n        const timer = globalThis.setInterval(() => {\n          setState((prev) => {\n            if (prev.uploadProgress >= SIMULATED_PROGRESS_CEILING) {\n              globalThis.clearInterval(timer);\n              return prev;\n            }\n            return { ...prev, uploadProgress: prev.uploadProgress + SIMULATED_PROGRESS_STEP };\n          });\n        }, SIMULATED_PROGRESS_INTERVAL_MS);\n\n        await onUpload(file);\n\n        globalThis.clearInterval(timer);\n        setState((prev) => ({ ...prev, isUploading: false, uploadProgress: 100 }));\n        globalThis.setTimeout(() => {\n          setState((prev) => ({ ...prev, uploadProgress: 0 }));\n        }, PROGRESS_RESET_DELAY_MS);\n      } catch (error) {\n        setState((prev) => ({\n          ...prev,\n          isUploading: false,\n          uploadProgress: 0,\n          error: error instanceof Error ? error.message : 'Upload failed',\n        }));\n      }\n    },\n    [onUpload, externalUploading, setState],\n  );\n}\n\n/**\n * What {@link useUploadSelection} hands back. Module-private: the published\n * surface is {@link useUploadButton}, not the shape of its internals.\n */\ninterface UploadSelection {\n  state: UploadButtonState;\n  setDragOver: (isDragOver: boolean) => void;\n  /** Route a picked/dropped selection through validation and the callbacks. */\n  handleFiles: (files: globalThis.File[]) => void;\n}\n\ninterface UploadSelectionOptions {\n  onSelect: (file: globalThis.File) => void;\n  multiple: boolean;\n  onSelectMany?: (files: globalThis.File[]) => void;\n  onUpload?: (file: globalThis.File) => Promise<void>;\n  externalUploading: boolean;\n  validateFile: (file: globalThis.File) => string | null;\n}\n\n/**\n * Selection, validation and the optional built-in upload.\n *\n * The rendering layer only reads `state` and calls `handleFiles`; every rule\n * about what a selection means lives here.\n */\nfunction useUploadSelection({\n  onSelect,\n  multiple,\n  onSelectMany,\n  onUpload,\n  externalUploading,\n  validateFile,\n}: UploadSelectionOptions): UploadSelection {\n  const [state, setState] = useState<UploadButtonState>(INITIAL_STATE);\n  const runUpload = useUploadRunner(onUpload, externalUploading, setState);\n\n  const selectOne = useCallback(\n    (file: globalThis.File) => {\n      const error = validateFile(file);\n      setState((prev) => ({ ...prev, error }));\n      if (error) return;\n      onSelect(file);\n      void runUpload(file);\n    },\n    [onSelect, runUpload, validateFile],\n  );\n\n  /**\n   * Multi-file mode is deliberately forgiving: the valid files are handed over\n   * and the first rejection is reported alongside them, so dropping a folder\n   * that also contains a PDF imports the rest instead of refusing the lot.\n   */\n  const selectMany = useCallback(\n    (files: globalThis.File[], accept: (files: globalThis.File[]) => void) => {\n      const accepted: globalThis.File[] = [];\n      let rejection: string | null = null;\n      for (const file of files) {\n        const error = validateFile(file);\n        if (error) rejection ??= error;\n        else accepted.push(file);\n      }\n      setState((prev) => ({ ...prev, error: rejection }));\n      if (accepted.length === 0) return;\n      accept(accepted);\n      // `onUpload` applies here too, one file after another, so the prop means\n      // the same thing in both modes. Sequential because the progress bar is a\n      // single indicator — overlapping uploads would report nonsense.\n      void (async () => {\n        for (const file of accepted) await runUpload(file);\n      })();\n    },\n    [runUpload, validateFile],\n  );\n\n  const handleFiles = useCallback(\n    (files: globalThis.File[]) => {\n      if (files.length === 0) return;\n      if (multiple && onSelectMany) selectMany(files, onSelectMany);\n      else selectOne(files[0] as globalThis.File);\n    },\n    [multiple, onSelectMany, selectMany, selectOne],\n  );\n\n  const setDragOver = useCallback((isDragOver: boolean) => {\n    setState((prev) => ({ ...prev, isDragOver }));\n  }, []);\n\n  return useMemo(() => ({ state, setDragOver, handleFiles }), [state, setDragOver, handleFiles]);\n}\n\n/** Drag-and-drop wiring for the dropzone variant. */\nexport interface DragHandlers {\n  onDragEnter: (event: React.DragEvent) => void;\n  onDragLeave: (event: React.DragEvent) => void;\n  onDragOver: (event: React.DragEvent) => void;\n  onDrop: (event: React.DragEvent) => void;\n}\n\nconst swallow = (event: React.DragEvent): void => {\n  event.preventDefault();\n  event.stopPropagation();\n};\n\nfunction useDragHandlers(\n  disabled: boolean,\n  setDragOver: (isDragOver: boolean) => void,\n  handleFiles: (files: globalThis.File[]) => void,\n): DragHandlers {\n  return {\n    onDragEnter: (event) => {\n      swallow(event);\n      if (!disabled) setDragOver(true);\n    },\n    onDragLeave: (event) => {\n      swallow(event);\n      setDragOver(false);\n    },\n    onDragOver: swallow,\n    onDrop: (event) => {\n      swallow(event);\n      setDragOver(false);\n      if (!disabled) handleFiles(Array.from(event.dataTransfer.files));\n    },\n  };\n}\n\n/** Everything the component needs, assembled from its props in one call. */\ninterface UploadButtonKit {\n  inputRef: React.RefObject<HTMLInputElement | null>;\n  inputId: string;\n  state: UploadButtonState;\n  drag: DragHandlers;\n  derived: DerivedUploadState;\n  openPicker: () => void;\n  handleInputChange: (event: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\n/**\n * The component's whole behaviour in one hook, so the render body stays a thin\n * piece of wiring rather than a place where rules accumulate.\n */\nexport function useUploadButton(props: UploadButtonHookProps): UploadButtonKit {\n  const {\n    onSelect,\n    multiple = false,\n    onSelectMany,\n    onUpload,\n    uploading: externalUploading = false,\n    progress: externalProgress = 0,\n    maxSizeMB,\n    validate,\n    helperText,\n    errorText,\n    disabled = false,\n  } = props;\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const inputId = `upload-button-${useId()}`;\n  const validateFile = useFileValidator(maxSizeMB, validate);\n  const { state, setDragOver, handleFiles } = useUploadSelection({\n    onSelect,\n    multiple,\n    onSelectMany,\n    onUpload,\n    externalUploading,\n    validateFile,\n  });\n  const drag = useDragHandlers(disabled, setDragOver, handleFiles);\n  const derived = useDerivedUploadState({\n    state,\n    inputId,\n    externalUploading,\n    externalProgress,\n    errorText,\n    helperText,\n  });\n\n  const openPicker = useCallback(() => inputRef.current?.click(), []);\n  const handleInputChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      handleFiles(Array.from(event.target.files ?? []));\n      // Let the same file be picked twice in a row — without this the input\n      // holds the old value and re-selecting it fires no change event.\n      event.target.value = '';\n    },\n    [handleFiles],\n  );\n\n  return { inputRef, inputId, state, drag, derived, openPicker, handleInputChange };\n}\n\n/** The values the render derives from props + internal state. */\ninterface DerivedUploadState {\n  isUploading: boolean;\n  progress: number;\n  error: string | null;\n  helperId?: string;\n  errorId?: string;\n  describedBy?: string;\n}\n\n/**\n * Fold props and internal state into what the render actually shows. External\n * state wins whenever the caller drives it.\n */\nfunction useDerivedUploadState({\n  state,\n  inputId,\n  externalUploading,\n  externalProgress,\n  errorText,\n  helperText,\n}: {\n  state: UploadButtonState;\n  inputId: string;\n  externalUploading: boolean;\n  externalProgress: number;\n  errorText?: string;\n  helperText?: string;\n}): DerivedUploadState {\n  const error = errorText || state.error;\n  const helperId = helperText ? `${inputId}-helper` : undefined;\n  const errorId = error ? `${inputId}-error` : undefined;\n  return {\n    isUploading: externalUploading || state.isUploading,\n    progress: externalUploading ? externalProgress : state.uploadProgress,\n    error,\n    helperId,\n    errorId,\n    describedBy: [helperId, errorId].filter(Boolean).join(' ') || undefined,\n  };\n}\n","import AttachFileOutlined from '@mui/icons-material/AttachFileOutlined';\nimport CloudUploadOutlined from '@mui/icons-material/CloudUploadOutlined';\nimport { Box, Button, LinearProgress, Typography, useTheme } from '@mui/material';\nimport type React from 'react';\n\nimport type { DragHandlers } from './UploadButton.hooks';\nimport type { UploadButtonProps } from './UploadButton.types';\n\n/** Shared shape for the two trigger variants. */\nexport interface TriggerProps {\n  label: string;\n  icon?: React.ReactNode;\n  disabled: boolean;\n  className?: string;\n  dataTestId?: string;\n  describedBy?: string;\n  onOpen: () => void;\n}\n\n/** The drag-and-drop surface. */\nexport function UploadDropzone({\n  label,\n  icon,\n  disabled,\n  className,\n  dataTestId,\n  describedBy,\n  onOpen,\n  isDragOver,\n  drag,\n}: TriggerProps & { isDragOver: boolean; drag: DragHandlers }): React.ReactElement {\n  const theme = useTheme();\n  return (\n    <Box\n      component=\"div\"\n      {...drag}\n      onClick={onOpen}\n      sx={{\n        border: `2px dashed ${isDragOver ? theme.palette.primary.main : theme.palette.divider}`,\n        borderRadius: 2,\n        padding: 3,\n        textAlign: 'center',\n        cursor: disabled ? 'not-allowed' : 'pointer',\n        backgroundColor: isDragOver ? `${theme.palette.primary.main}0A` : 'transparent',\n        transition: 'all 0.2s ease-in-out',\n        ...(!disabled && {\n          '&:hover': {\n            borderColor: theme.palette.primary.main,\n            backgroundColor: `${theme.palette.primary.main}05`,\n          },\n        }),\n        opacity: disabled ? 0.6 : 1,\n      }}\n      className={className}\n      data-testid={dataTestId}\n      role=\"button\"\n      tabIndex={disabled ? -1 : 0}\n      onKeyDown={(event) => {\n        if (event.key !== 'Enter' && event.key !== ' ') return;\n        event.preventDefault();\n        onOpen();\n      }}\n      aria-describedby={describedBy}\n      aria-label={`Upload file dropzone. ${label}`}\n    >\n      <Box sx={{ mb: 2 }}>\n        {icon || <CloudUploadOutlined sx={{ fontSize: 48, color: 'text.secondary' }} />}\n      </Box>\n      <Typography variant=\"body1\" sx={{ mb: 1 }}>\n        {label}\n      </Typography>\n      <Typography variant=\"body2\" color=\"text.secondary\">\n        Drop your file here or click to browse\n      </Typography>\n    </Box>\n  );\n}\n\n/** MUI variant for each non-dropzone appearance. */\nconst MUI_VARIANT = { outline: 'outlined', ghost: 'text' } as const;\n\n/** The plain-button trigger. */\nexport function UploadTrigger({\n  label,\n  icon,\n  disabled,\n  className,\n  dataTestId,\n  describedBy,\n  onOpen,\n  variant,\n  isUploading,\n}: TriggerProps & {\n  variant: NonNullable<UploadButtonProps['variant']>;\n  isUploading: boolean;\n}): React.ReactElement {\n  const theme = useTheme();\n  return (\n    <Button\n      variant={MUI_VARIANT[variant as keyof typeof MUI_VARIANT] ?? 'contained'}\n      disabled={disabled || isUploading}\n      onClick={onOpen}\n      startIcon={icon || <AttachFileOutlined />}\n      className={className}\n      data-testid={dataTestId}\n      aria-describedby={describedBy}\n      sx={{\n        ...(variant === 'ghost' && {\n          '&:hover': { backgroundColor: `${theme.palette.primary.main}08` },\n        }),\n      }}\n    >\n      {isUploading ? 'Uploading...' : label}\n    </Button>\n  );\n}\n\n/** The screen-reader live region — drag, progress and error announcements. */\nfunction UploadAnnouncer({\n  announceDragOver,\n  isUploading,\n  progress,\n  error,\n}: {\n  announceDragOver: boolean;\n  isUploading: boolean;\n  progress: number;\n  error: string | null;\n}): React.ReactElement {\n  return (\n    <div\n      aria-live=\"polite\"\n      aria-atomic=\"true\"\n      className=\"sr-only\"\n      style={{\n        position: 'absolute',\n        left: '-10000px',\n        width: '1px',\n        height: '1px',\n        overflow: 'hidden',\n      }}\n    >\n      {announceDragOver && 'File ready to drop'}\n      {isUploading && `Upload in progress: ${Math.round(progress)}%`}\n      {error && `Error: ${error}`}\n    </div>\n  );\n}\n\n/** Progress bar, helper text, error text and the live region. */\nexport function UploadFeedback({\n  isUploading,\n  progress,\n  helperText,\n  helperId,\n  error,\n  errorId,\n  announceDragOver,\n}: {\n  isUploading: boolean;\n  progress: number;\n  helperText?: string;\n  helperId?: string;\n  error: string | null;\n  errorId?: string;\n  announceDragOver: boolean;\n}): React.ReactElement {\n  return (\n    <>\n      {isUploading && progress > 0 && (\n        <Box sx={{ mt: 1 }}>\n          <LinearProgress variant=\"determinate\" value={progress} sx={{ borderRadius: 1 }} />\n          <Typography variant=\"caption\" sx={{ mt: 0.5, display: 'block' }}>\n            {Math.round(progress)}% uploaded\n          </Typography>\n        </Box>\n      )}\n\n      {helperText && !error && (\n        <Typography\n          id={helperId}\n          variant=\"caption\"\n          color=\"text.secondary\"\n          sx={{ display: 'block', mt: 0.5 }}\n        >\n          {helperText}\n        </Typography>\n      )}\n\n      {error && (\n        <Typography\n          id={errorId}\n          variant=\"caption\"\n          color=\"error\"\n          sx={{ display: 'block', mt: 0.5 }}\n          role=\"alert\"\n        >\n          {error}\n        </Typography>\n      )}\n\n      <UploadAnnouncer\n        announceDragOver={announceDragOver}\n        isUploading={isUploading}\n        progress={progress}\n        error={error}\n      />\n    </>\n  );\n}\n"],"mappings":"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","names":["Box","jsx","jsxs","Box"]}

package/dist/form/total-form.js

@@ -0,0 +1,325 @@
+import {
+  ToggleGroup
+} from "../chunk-P3IPM2SZ.js";
+import {
+  Select
+} from "../chunk-ENUVGXLE.js";
+import {
+  CepField
+} from "../chunk-7XLEWBKL.js";
+import {
+  Toast
+} from "../chunk-5ETQ3NX5.js";
+import {
+  CategorySelect
+} from "../chunk-LBYA4ZPT.js";
+import {
+  Input
+} from "../chunk-OOKQ2LMM.js";
+import {
+  Form,
+  FormControl,
+  FormLabel,
+  FormMessage
+} from "../chunk-FD4W36WR.js";
+import "../chunk-BA4RHQ3B.js";
+import {
+  Button
+} from "../chunk-ANNZ3PLI.js";
+import {
+  __export
+} from "../chunk-PZ5AY32C.js";
+
+// src/components/form/total-form/FormContainer.tsx
+import { validateFields } from "@12-apps/forms-core";
+import { useCallback, useMemo, useState } from "react";
+
+// src/components/form/total-form/FormContext.tsx
+import { createContext, useContext } from "react";
+var FormContext = createContext(null);
+function useFormContext() {
+  const context = useContext(FormContext);
+  if (!context) {
+    throw new Error("useFormContext must be used within a <FormContainer>");
+  }
+  return context;
+}
+
+// src/components/form/total-form/FormContainer.tsx
+import { jsx } from "react/jsx-runtime";
+function FormContainer({
+  initialValues,
+  schema,
+  onSubmit,
+  children,
+  dataTestId = "total-form"
+}) {
+  const [values, setValues] = useState(initialValues);
+  const [errors, setErrors] = useState({});
+  const [submitting, setSubmitting] = useState(false);
+  const setFieldValue = useCallback((name, value) => {
+    setValues((prev) => ({ ...prev, [name]: value }));
+    setErrors((prev) => {
+      if (!prev[name]) return prev;
+      const next = { ...prev };
+      delete next[name];
+      return next;
+    });
+  }, []);
+  const handleSubmit = useCallback(
+    async (event) => {
+      event.preventDefault();
+      const nextErrors = schema ? validateFields(values, schema) : {};
+      setErrors(nextErrors);
+      if (Object.values(nextErrors).some(Boolean)) return;
+      setSubmitting(true);
+      try {
+        await onSubmit(values, {
+          setFieldErrors: (fieldErrors) => setErrors(fieldErrors)
+        });
+      } finally {
+        setSubmitting(false);
+      }
+    },
+    [onSubmit, schema, values]
+  );
+  const contextValue = useMemo(
+    () => ({ values, errors, submitting, setFieldValue }),
+    [errors, setFieldValue, submitting, values]
+  );
+  return /* @__PURE__ */ jsx(FormContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(Form, { dataTestId, onSubmit: handleSubmit, noValidate: true, children }) });
+}
+
+// src/components/form/total-form/FormErrorSnackbar.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+function FormErrorSnackbar({
+  message = "Please fix the highlighted fields and try again."
+}) {
+  const { errors } = useFormContext();
+  const hasErrors = Object.values(errors).some(Boolean);
+  if (!hasErrors) return null;
+  return /* @__PURE__ */ jsx2(
+    Toast,
+    {
+      dataTestId: "total-form-error-snackbar",
+      variant: "error",
+      message,
+      closable: false
+    }
+  );
+}
+
+// src/components/form/total-form/SubmitButton.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var FIELD_HEIGHT = 56;
+function SubmitButton({
+  children,
+  dataTestId = "total-form-submit"
+}) {
+  const { submitting } = useFormContext();
+  return /* @__PURE__ */ jsx3(
+    Button,
+    {
+      type: "submit",
+      dataTestId,
+      loading: submitting,
+      disabled: submitting,
+      sx: { height: FIELD_HEIGHT, px: 2, fontSize: "1rem", flexShrink: 0, whiteSpace: "nowrap" },
+      children
+    }
+  );
+}
+
+// src/components/form/total-form/Fields/index.ts
+var Fields_exports = {};
+__export(Fields_exports, {
+  CategoryField: () => CategoryField,
+  CepField: () => CepField2,
+  SelectField: () => SelectField,
+  TextField: () => TextField,
+  ToggleField: () => ToggleField
+});
+
+// src/components/form/total-form/Fields/CategoryField.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+function CategoryField({
+  name,
+  options,
+  label,
+  placeholder,
+  allowParentSelection = true
+}) {
+  const { values, errors, setFieldValue } = useFormContext();
+  const error = errors[name];
+  return /* @__PURE__ */ jsx4(
+    CategorySelect,
+    {
+      mode: "single",
+      fullWidth: true,
+      label,
+      placeholder,
+      options,
+      allowParentSelection,
+      value: values[name] ? values[name] : null,
+      error,
+      onChange: (next) => setFieldValue(name, next ?? ""),
+      dataTestId: `total-form-field-${name}`
+    }
+  );
+}
+
+// src/components/form/total-form/Fields/CepField.tsx
+import { useCallback as useCallback2, useMemo as useMemo2, useRef } from "react";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var PARTS = ["street", "neighborhood", "city", "state"];
+function useOwnedAutofill() {
+  const { values, setFieldValue } = useFormContext();
+  const autoFilledRef = useRef({});
+  const valuesRef = useRef(values);
+  valuesRef.current = values;
+  const write = useCallback2(
+    (field, value) => {
+      const current = (valuesRef.current[field] ?? "").trim();
+      const ours = autoFilledRef.current[field] === current;
+      if (current !== "" && !ours) return;
+      setFieldValue(field, value);
+      if (value) {
+        autoFilledRef.current[field] = value;
+      } else {
+        delete autoFilledRef.current[field];
+      }
+    },
+    [setFieldValue]
+  );
+  const clearOwned = useCallback2(() => {
+    for (const field of Object.keys(autoFilledRef.current)) {
+      write(field, "");
+    }
+  }, [write]);
+  return useMemo2(() => ({ write, clearOwned }), [write, clearOwned]);
+}
+function CepField2({
+  name,
+  label,
+  lookup,
+  fills,
+  debounceMs
+}) {
+  const { values, errors, setFieldValue } = useFormContext();
+  const { write, clearOwned } = useOwnedAutofill();
+  const handleResolved = useCallback2(
+    (address) => {
+      if (!fills) return;
+      for (const part of PARTS) {
+        const field = fills[part];
+        if (field) write(field, address[part] ?? "");
+      }
+    },
+    [fills, write]
+  );
+  const handleChange = useCallback2(
+    (masked) => setFieldValue(name, masked),
+    [name, setFieldValue]
+  );
+  return /* @__PURE__ */ jsx5(
+    CepField,
+    {
+      name,
+      label,
+      value: values[name] ?? "",
+      error: errors[name],
+      onChange: handleChange,
+      onLookup: lookup,
+      onResolved: handleResolved,
+      onNotFound: clearOwned,
+      debounceMs,
+      dataTestId: `total-form-field-${name}`
+    }
+  );
+}
+
+// src/components/form/total-form/Fields/TextField.tsx
+import { jsx as jsx6, jsxs } from "react/jsx-runtime";
+function TextField({ name, label, type = "text", placeholder }) {
+  const { values, errors, setFieldValue } = useFormContext();
+  const error = errors[name];
+  const testId = `total-form-field-${name}`;
+  return /* @__PURE__ */ jsxs(FormControl, { fullWidth: true, children: [
+    label && /* @__PURE__ */ jsx6(FormLabel, { htmlFor: name, error: Boolean(error), children: label }),
+    /* @__PURE__ */ jsx6(
+      Input,
+      {
+        id: name,
+        name,
+        type,
+        placeholder,
+        value: values[name] ?? "",
+        error: Boolean(error),
+        "data-testid": testId,
+        onChange: (event) => setFieldValue(name, event.target.value)
+      }
+    ),
+    error && /* @__PURE__ */ jsx6(FormMessage, { error: true, dataTestId: `${testId}-message`, children: error })
+  ] });
+}
+
+// src/components/form/total-form/Fields/SelectField.tsx
+import { jsx as jsx7, jsxs as jsxs2 } from "react/jsx-runtime";
+function SelectField({ name, options, label, placeholder }) {
+  const { values, errors, setFieldValue } = useFormContext();
+  const error = errors[name];
+  const testId = `total-form-field-${name}`;
+  return /* @__PURE__ */ jsxs2(FormControl, { fullWidth: true, children: [
+    label && /* @__PURE__ */ jsx7(FormLabel, { htmlFor: name, error: Boolean(error), children: label }),
+    /* @__PURE__ */ jsx7(
+      Select,
+      {
+        options,
+        placeholder,
+        value: values[name] ?? "",
+        error: Boolean(error),
+        "data-testid": testId,
+        onChange: (event) => setFieldValue(name, String(event.target.value))
+      }
+    ),
+    error && /* @__PURE__ */ jsx7(FormMessage, { error: true, dataTestId: `${testId}-message`, children: error })
+  ] });
+}
+
+// src/components/form/total-form/Fields/ToggleField.tsx
+import { jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
+function ToggleField({ name, options, label }) {
+  const { values, errors, setFieldValue } = useFormContext();
+  const error = errors[name];
+  const testId = `total-form-field-${name}`;
+  return /* @__PURE__ */ jsxs3(FormControl, { fullWidth: true, children: [
+    label && /* @__PURE__ */ jsx8(FormLabel, { htmlFor: name, error: Boolean(error), children: label }),
+    /* @__PURE__ */ jsx8(
+      ToggleGroup,
+      {
+        variant: "exclusive",
+        options,
+        value: values[name] ?? "",
+        fullWidth: true,
+        dataTestId: testId,
+        sx: { "& .MuiToggleButtonGroup-grouped": { height: 56 } },
+        onChange: (_event, next) => {
+          if (typeof next === "string") setFieldValue(name, next);
+        }
+      }
+    ),
+    error && /* @__PURE__ */ jsx8(FormMessage, { error: true, dataTestId: `${testId}-message`, children: error })
+  ] });
+}
+export {
+  CategoryField,
+  Fields_exports as Fields,
+  FormContainer,
+  FormContext,
+  FormErrorSnackbar,
+  SelectField,
+  SubmitButton,
+  TextField,
+  useFormContext
+};
+//# sourceMappingURL=total-form.js.map

package/dist/form/total-form.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/form/total-form/FormContainer.tsx","../../src/components/form/total-form/FormContext.tsx","../../src/components/form/total-form/FormErrorSnackbar.tsx","../../src/components/form/total-form/SubmitButton.tsx","../../src/components/form/total-form/Fields/index.ts","../../src/components/form/total-form/Fields/CategoryField.tsx","../../src/components/form/total-form/Fields/CepField.tsx","../../src/components/form/total-form/Fields/TextField.tsx","../../src/components/form/total-form/Fields/SelectField.tsx","../../src/components/form/total-form/Fields/ToggleField.tsx"],"sourcesContent":["'use client';\n\nimport { validateFields } from '@12-apps/forms-core';\nimport type { ValidatorSchema } from '@12-apps/forms-core';\nimport React, { useCallback, useMemo, useState } from 'react';\n\nimport { Form } from '../Form';\n\nimport { FormContext } from './FormContext';\nimport type { TotalFormContextValue } from './FormContext';\n\n/** Imperative helpers handed to {@link FormContainerProps.onSubmit}. */\nexport interface FormSubmitHelpers {\n  /**\n   * Set (highlight) per-field error messages after a submit — e.g. mapping a\n   * server failure back to the exact offending field. Pass `{}` to clear. Each\n   * error auto-clears when the user edits that field.\n   */\n  setFieldErrors: (errors: Record<string, string | undefined>) => void;\n}\n\n/** Props for {@link FormContainer}. */\nexport interface FormContainerProps<T extends Record<string, string>> {\n  /** Initial value for every field, keyed by field name. */\n  initialValues: T;\n  /** Per-field validators run on submit. Omit to skip validation. */\n  schema?: ValidatorSchema<T>;\n  /**\n   * Called with the validated values once the form passes validation. Receives\n   * {@link FormSubmitHelpers} so it can highlight fields on a server failure.\n   */\n  onSubmit: (values: T, helpers: FormSubmitHelpers) => void | Promise<void>;\n  /** Field components, the submit button, and the error snackbar. */\n  children: React.ReactNode;\n  /** Test id applied to the underlying `<form>`. Defaults to `total-form`. */\n  dataTestId?: string;\n}\n\n/**\n * Stateful, domain-agnostic form container ported from the gym-app\n * `total-form`. Holds values/errors/submitting in {@link FormContext}, runs the\n * field validators from `@12-apps/forms-core` on submit, and only calls\n * `onSubmit` with the validated values when no field errors remain. Uses no\n * zod and no react-hook-form.\n *\n * @typeParam T - The form's value shape (a record of string fields).\n */\nexport function FormContainer<T extends Record<string, string>>({\n  initialValues,\n  schema,\n  onSubmit,\n  children,\n  dataTestId = 'total-form',\n}: FormContainerProps<T>): React.ReactElement {\n  const [values, setValues] = useState<T>(initialValues);\n  const [errors, setErrors] = useState<Record<string, string | undefined>>({});\n  const [submitting, setSubmitting] = useState(false);\n\n  const setFieldValue = useCallback<TotalFormContextValue['setFieldValue']>((name, value) => {\n    setValues((prev) => ({ ...prev, [name]: value }));\n    setErrors((prev) => {\n      if (!prev[name]) return prev;\n      const next = { ...prev };\n      delete next[name];\n      return next;\n    });\n  }, []);\n\n  const handleSubmit = useCallback(\n    async (event: React.FormEvent<HTMLFormElement>) => {\n      event.preventDefault();\n      const nextErrors = schema ? validateFields(values, schema) : {};\n      setErrors(nextErrors);\n      if (Object.values(nextErrors).some(Boolean)) return;\n\n      setSubmitting(true);\n      try {\n        // Replace the error map so the helper's contract holds: passing `{}`\n        // clears, and a later field-less failure can't leave a stale highlight.\n        // `onSubmit` only runs once client validation passes, so there are no\n        // client errors here to preserve.\n        await onSubmit(values, {\n          setFieldErrors: (fieldErrors) => setErrors(fieldErrors),\n        });\n      } finally {\n        setSubmitting(false);\n      }\n    },\n    [onSubmit, schema, values],\n  );\n\n  const contextValue = useMemo<TotalFormContextValue>(\n    () => ({ values, errors, submitting, setFieldValue }),\n    [errors, setFieldValue, submitting, values],\n  );\n\n  return (\n    <FormContext.Provider value={contextValue}>\n      <Form dataTestId={dataTestId} onSubmit={handleSubmit} noValidate>\n        {children}\n      </Form>\n    </FormContext.Provider>\n  );\n}\n","'use client';\n\nimport { createContext, useContext } from 'react';\n\n/**\n * Shape of the value exposed by the `total-form` {@link FormContext}.\n *\n * Field values and errors are keyed by field name. The container owns the\n * state; fields and controls read from and write to it through\n * {@link useFormContext}.\n */\nexport interface TotalFormContextValue {\n  /** Current value of every field, keyed by field name. */\n  values: Record<string, string>;\n  /** First validation error per field (absent when the field is valid). */\n  errors: Record<string, string | undefined>;\n  /** Whether the form's `onSubmit` handler is currently running. */\n  submitting: boolean;\n  /** Updates a single field's value and clears any resolved error for it. */\n  setFieldValue: (name: string, value: string) => void;\n}\n\n/** React context backing the `total-form` layer. `null` outside a container. */\nexport const FormContext = createContext<TotalFormContextValue | null>(null);\n\n/**\n * Reads the nearest {@link FormContext}.\n *\n * @throws If called outside a `FormContainer`.\n * @returns The current form context value.\n */\nexport function useFormContext(): TotalFormContextValue {\n  const context = useContext(FormContext);\n  if (!context) {\n    throw new Error('useFormContext must be used within a <FormContainer>');\n  }\n  return context;\n}\n","'use client';\n\nimport React from 'react';\n\nimport { Toast } from '../../feedback/Toast';\nimport { useFormContext } from './FormContext';\n\n/** Props for {@link FormErrorSnackbar}. */\nexport interface FormErrorSnackbarProps {\n  /** Message shown when the form has field errors. */\n  message?: string;\n}\n\n/**\n * Surfaces form-level validation failures. Thin wrapper over the existing\n * `@12-apps/ui` `Toast`: renders nothing while the form is valid and shows an\n * error toast (testid `total-form-error-snackbar`) once any field has an error.\n */\nexport function FormErrorSnackbar({\n  message = 'Please fix the highlighted fields and try again.',\n}: FormErrorSnackbarProps): React.ReactElement | null {\n  const { errors } = useFormContext();\n  const hasErrors = Object.values(errors).some(Boolean);\n\n  if (!hasErrors) return null;\n\n  return (\n    <Toast\n      dataTestId=\"total-form-error-snackbar\"\n      variant=\"error\"\n      message={message}\n      closable={false}\n    />\n  );\n}\n","'use client';\n\nimport React from 'react';\n\nimport { Button } from '../Button';\nimport { useFormContext } from './FormContext';\n\n/** Props for {@link SubmitButton}. */\nexport interface SubmitButtonProps {\n  /** Button label. */\n  children: React.ReactNode;\n  /** Test id; defaults to `total-form-submit`. Override when a page renders more than one form. */\n  dataTestId?: string;\n}\n\n/**\n * The height of a form input control (see `Input` — `.MuiInputBase-root`), so a\n * submit button placed inline with fields lines up with them instead of sitting\n * shorter. Kept in sync with that value by hand.\n */\nconst FIELD_HEIGHT = 56;\n\n/**\n * Submit control wired to {@link useFormContext}. Wraps the existing `@12-apps/ui`\n * `Button` as a `type=\"submit\"` button (testid `total-form-submit`) and\n * reflects the form's `submitting` state via `loading`/`disabled`.\n *\n * It matches the form field height and never wraps its label, so it aligns with\n * an adjacent input on the same row (and stays full-width when the row stacks).\n */\nexport function SubmitButton({\n  children,\n  dataTestId = 'total-form-submit',\n}: SubmitButtonProps): React.ReactElement {\n  const { submitting } = useFormContext();\n\n  return (\n    <Button\n      type=\"submit\"\n      dataTestId={dataTestId}\n      loading={submitting}\n      disabled={submitting}\n      // `Button` replaces (not merges) its size styles with this `sx`, so restate\n      // the md padding/font here alongside the field-height + no-wrap alignment.\n      sx={{ height: FIELD_HEIGHT, px: 2, fontSize: '1rem', flexShrink: 0, whiteSpace: 'nowrap' }}\n    >\n      {children}\n    </Button>\n  );\n}\n","export { CategoryField } from './CategoryField';\nexport type { CategoryFieldProps } from './CategoryField';\nexport { CepField } from './CepField';\nexport type { CepFieldProps, CepFills } from './CepField';\nexport { TextField } from './TextField';\nexport type { TextFieldProps } from './TextField';\nexport { SelectField } from './SelectField';\nexport type { SelectFieldProps } from './SelectField';\nexport { ToggleField } from './ToggleField';\nexport type { ToggleFieldProps } from './ToggleField';\n","'use client';\n\nimport React from 'react';\n\nimport { CategorySelect } from '../../CategorySelect';\nimport type { CategorySelectOption } from '../../CategorySelect';\nimport { useFormContext } from '../FormContext';\n\n/** Props for the `total-form` {@link CategoryField}. */\nexport interface CategoryFieldProps {\n  /** Field name; also the key into the form's values/errors. */\n  name: string;\n  /** The categories to choose from, flat, each carrying its `parentId`. */\n  options: CategorySelectOption[];\n  /** Optional visible label rendered above the control. */\n  label?: string;\n  /** Placeholder shown while nothing is chosen. */\n  placeholder?: string;\n  /** Lets a top-level category be chosen in its own right (default: `true`). */\n  allowParentSelection?: boolean;\n}\n\n/**\n * Category picker bound to {@link useFormContext}.\n *\n * The sibling {@link SelectField} flattens a category tree into one list, which\n * is the thing the hierarchical picker exists to stop. Use this wherever the\n * field's options nest.\n *\n * Form values are strings, so \"nothing chosen\" travels as `\"\"` — mapped to and\n * from the control's `null` here rather than making every caller do it.\n */\nexport function CategoryField({\n  name,\n  options,\n  label,\n  placeholder,\n  allowParentSelection = true,\n}: CategoryFieldProps): React.ReactElement {\n  const { values, errors, setFieldValue } = useFormContext();\n  const error = errors[name];\n\n  return (\n    <CategorySelect\n      mode=\"single\"\n      fullWidth\n      label={label}\n      placeholder={placeholder}\n      options={options}\n      allowParentSelection={allowParentSelection}\n      value={values[name] ? values[name] : null}\n      error={error}\n      onChange={(next) => setFieldValue(name, next ?? '')}\n      dataTestId={`total-form-field-${name}`}\n    />\n  );\n}\n","'use client';\n\nimport React, { useCallback, useMemo, useRef } from 'react';\n\nimport { CepField as BaseCepField, type CepAddress } from '../../CepField';\nimport { useFormContext } from '../FormContext';\n\n/** The resolved address parts a form can receive. */\ntype CepPart = 'street' | 'neighborhood' | 'city' | 'state';\n\n/**\n * Which form field receives each resolved part. Omit a part to leave it alone —\n * a form with no bairro column simply doesn't map `neighborhood`.\n */\nexport type CepFills = Partial<Record<CepPart, string>>;\n\n/** Props for the `total-form` {@link CepField}. */\nexport interface CepFieldProps {\n  /** Field name; also the key into the form's values/errors. */\n  name: string;\n  /** Optional visible label. Defaults to `CEP`. */\n  label?: string;\n  /** Resolve a complete CEP. Omit for a masked input with no lookup. */\n  lookup?: (cep: string) => Promise<CepAddress | null>;\n  /** Maps each resolved address part onto a field in THIS form. */\n  fills?: CepFills;\n  /** Milliseconds to wait after the last keystroke before looking up. */\n  debounceMs?: number;\n}\n\nconst PARTS: readonly CepPart[] = ['street', 'neighborhood', 'city', 'state'];\n\n/** Ownership-aware writes into sibling form fields. */\ninterface OwnedAutofill {\n  /** Write one field, where `''` means \"no value for this part\". */\n  write: (field: string, value: string) => void;\n  /** Blank every field this hook still owns. */\n  clearOwned: () => void;\n}\n\n/**\n * The honesty rule, in one place: this hook remembers exactly what it wrote,\n * writes only into fields that are empty or still hold its own value, and drops\n * the ownership record when it blanks one. That single invariant is what lets\n * autofill replace itself freely while never touching the user's typing.\n */\nfunction useOwnedAutofill(): OwnedAutofill {\n  const { values, setFieldValue } = useFormContext();\n  // What we last auto-filled per target field, so a later lookup may replace\n  // its own value while a manual edit is preserved.\n  const autoFilledRef = useRef<Record<string, string>>({});\n  // Read values at call time without making them a dependency of the callback.\n  const valuesRef = useRef(values);\n  valuesRef.current = values;\n\n  const write = useCallback(\n    (field: string, value: string) => {\n      const current = (valuesRef.current[field] ?? '').trim();\n      const ours = autoFilledRef.current[field] === current;\n      if (current !== '' && !ours) return;\n      setFieldValue(field, value);\n      if (value) {\n        autoFilledRef.current[field] = value;\n      } else {\n        delete autoFilledRef.current[field];\n      }\n    },\n    [setFieldValue],\n  );\n\n  const clearOwned = useCallback(() => {\n    // Object.keys snapshots, so `write` may delete entries as we iterate.\n    for (const field of Object.keys(autoFilledRef.current)) {\n      write(field, '');\n    }\n  }, [write]);\n\n  return useMemo(() => ({ write, clearOwned }), [write, clearOwned]);\n}\n\n/**\n * CEP field bound to {@link useFormContext}: masks and validates the CEP, then\n * writes the resolved logradouro/bairro/cidade/UF straight into the sibling\n * fields named by `fills`.\n *\n * It will not overwrite work the user has done. A target field is only written\n * when it is empty, or when it still holds the exact value THIS component put\n * there — so correcting the CEP re-fills the address, but a hand-edited street\n * survives the next lookup.\n *\n * @example\n * ```tsx\n * <Fields.CepField\n *   name=\"postalCode\"\n *   lookup={lookupCep}\n *   fills={{ street: 'addressLine1', neighborhood: 'neighborhood', city: 'city', state: 'state' }}\n * />\n * ```\n */\nexport function CepField({\n  name,\n  label,\n  lookup,\n  fills,\n  debounceMs,\n}: CepFieldProps): React.ReactElement {\n  const { values, errors, setFieldValue } = useFormContext();\n  const { write, clearOwned } = useOwnedAutofill();\n\n  const handleResolved = useCallback(\n    (address: CepAddress) => {\n      if (!fills) return;\n      // Every mapped part is written on EVERY resolve, absent ones as ''. A\n      // \"CEP geral\" (a small município's catch-all) carries no logradouro, so\n      // skipping absent parts would leave the previous CEP's street here.\n      for (const part of PARTS) {\n        const field = fills[part];\n        if (field) write(field, address[part] ?? '');\n      }\n    },\n    [fills, write],\n  );\n\n  const handleChange = useCallback(\n    (masked: string) => setFieldValue(name, masked),\n    [name, setFieldValue],\n  );\n\n  return (\n    <BaseCepField\n      name={name}\n      label={label}\n      value={values[name] ?? ''}\n      error={errors[name]}\n      onChange={handleChange}\n      onLookup={lookup}\n      onResolved={handleResolved}\n      onNotFound={clearOwned}\n      debounceMs={debounceMs}\n      dataTestId={`total-form-field-${name}`}\n    />\n  );\n}\n","'use client';\n\nimport React from 'react';\n\nimport { FormControl, FormLabel, FormMessage } from '../../Form';\nimport { Input } from '../../Input';\nimport { useFormContext } from '../FormContext';\n\n/** Props for the `total-form` {@link TextField}. */\nexport interface TextFieldProps {\n  /** Field name; also the key into the form's values/errors. */\n  name: string;\n  /** Optional visible label rendered above the input. */\n  label?: string;\n  /** Native input type (e.g. `email`, `password`). Defaults to `text`. */\n  type?: string;\n  /** Placeholder shown when the field is empty. */\n  placeholder?: string;\n}\n\n/**\n * Text input field bound to {@link useFormContext}. Composes the existing\n * `@12-apps/ui` `Form*` presentational primitives and the `Input` control,\n * reading its value/error from context and writing changes back through it.\n *\n * Renders its error via `total-form-field-<name>-message` and the input via\n * `total-form-field-<name>`.\n */\nexport function TextField({ name, label, type = 'text', placeholder }: TextFieldProps): React.ReactElement {\n  const { values, errors, setFieldValue } = useFormContext();\n  const error = errors[name];\n  const testId = `total-form-field-${name}`;\n\n  return (\n    <FormControl fullWidth>\n      {label && (\n        <FormLabel htmlFor={name} error={Boolean(error)}>\n          {label}\n        </FormLabel>\n      )}\n      <Input\n        id={name}\n        name={name}\n        type={type}\n        placeholder={placeholder}\n        value={values[name] ?? ''}\n        error={Boolean(error)}\n        data-testid={testId}\n        onChange={(event) => setFieldValue(name, event.target.value)}\n      />\n      {error && (\n        <FormMessage error dataTestId={`${testId}-message`}>\n          {error}\n        </FormMessage>\n      )}\n    </FormControl>\n  );\n}\n","'use client';\n\nimport React from 'react';\n\nimport { FormControl, FormLabel, FormMessage } from '../../Form';\nimport { Select } from '../../Select';\nimport type { SelectOption } from '../../Select';\nimport { useFormContext } from '../FormContext';\n\n/** Props for the `total-form` {@link SelectField}. */\nexport interface SelectFieldProps {\n  /** Field name; also the key into the form's values/errors. */\n  name: string;\n  /** Selectable options. */\n  options: SelectOption[];\n  /** Optional visible label rendered above the select. */\n  label?: string;\n  /** Placeholder shown when no option is selected. */\n  placeholder?: string;\n}\n\n/**\n * Select field bound to {@link useFormContext}. Composes the existing\n * `@12-apps/ui` `Form*` primitives and the `Select` control, reading its\n * value/error from context and writing the chosen value back through it.\n *\n * Renders its error via `total-form-field-<name>-message` and the select via\n * `total-form-field-<name>`.\n */\nexport function SelectField({ name, options, label, placeholder }: SelectFieldProps): React.ReactElement {\n  const { values, errors, setFieldValue } = useFormContext();\n  const error = errors[name];\n  const testId = `total-form-field-${name}`;\n\n  return (\n    <FormControl fullWidth>\n      {label && (\n        <FormLabel htmlFor={name} error={Boolean(error)}>\n          {label}\n        </FormLabel>\n      )}\n      <Select\n        options={options}\n        placeholder={placeholder}\n        value={values[name] ?? ''}\n        error={Boolean(error)}\n        data-testid={testId}\n        onChange={(event) => setFieldValue(name, String(event.target.value))}\n      />\n      {error && (\n        <FormMessage error dataTestId={`${testId}-message`}>\n          {error}\n        </FormMessage>\n      )}\n    </FormControl>\n  );\n}\n","'use client';\n\nimport React from 'react';\n\nimport { FormControl, FormLabel, FormMessage } from '../../Form';\nimport { ToggleGroup } from '../../ToggleGroup';\nimport type { ToggleOption } from '../../ToggleGroup';\nimport { useFormContext } from '../FormContext';\n\n/** Props for the `total-form` {@link ToggleField}. */\nexport interface ToggleFieldProps {\n  /** Field name; also the key into the form's values/errors. */\n  name: string;\n  /** The mutually-exclusive options (one is always selected). */\n  options: ToggleOption[];\n  /** Optional visible label rendered above the toggle. */\n  label?: string;\n}\n\n/**\n * Exclusive toggle (segmented control) bound to {@link useFormContext} — a\n * label-height-matched alternative to {@link SelectField} for a short, always-set\n * enum. Composes the `Form*` primitives and the `ToggleGroup` control, reading\n * its value from context and writing the chosen value back through it. Ignores a\n * deselect (clicking the active segment) so a value is always kept.\n *\n * Renders its error via `total-form-field-<name>-message` and the toggle via\n * `total-form-field-<name>` (each segment at `total-form-field-<name>-item-<value>`).\n */\nexport function ToggleField({ name, options, label }: ToggleFieldProps): React.ReactElement {\n  const { values, errors, setFieldValue } = useFormContext();\n  const error = errors[name];\n  const testId = `total-form-field-${name}`;\n\n  return (\n    <FormControl fullWidth>\n      {label && (\n        <FormLabel htmlFor={name} error={Boolean(error)}>\n          {label}\n        </FormLabel>\n      )}\n      <ToggleGroup\n        variant=\"exclusive\"\n        options={options}\n        value={values[name] ?? ''}\n        fullWidth\n        dataTestId={testId}\n        // Match the input field height so the toggle lines up in a form row.\n        sx={{ '& .MuiToggleButtonGroup-grouped': { height: 56 } }}\n        onChange={(_event, next) => {\n          if (typeof next === 'string') setFieldValue(name, next);\n        }}\n      />\n      {error && (\n        <FormMessage error dataTestId={`${testId}-message`}>\n          {error}\n        </FormMessage>\n      )}\n    </FormControl>\n  );\n}\n"],"mappings":"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","names":["jsx","jsx","CepField","jsx","useCallback","useMemo","jsx","useCallback","useMemo","CepField","jsx","jsx","jsxs","jsx","jsxs"]}