@12-apps/ui 6.73.0 → 6.74.0

package/dist/chunk-SL6454K7.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/Input/text-field-slim.tsx"],"sourcesContent":["'use client';\n\n/**\n * `TextField`, minus the branch nobody in a text field takes.\n *\n * MUI's `TextField` is a small composition — a `FormControl` root, an optional\n * `InputLabel`, one of the three input variants, an optional `FormHelperText` —\n * around one branch: `select`. That branch is worth a fortune. `TextField`\n * imports `Select` unconditionally, and `Select` reaches `Menu`, `MenuList`,\n * `Popover`, `NativeSelect`, `List`, `Modal`, `Paper`, `Portal` and `Grow`. Every\n * one of those ships to anyone who renders one text box.\n *\n * Measured in one adopter's storefront, whose header search box is the eager\n * caller: taking that ONE box off `TextField` is worth 35.8 KiB raw and 13\n * fewer `@mui/material` component modules on the critical path — more than any\n * other single item in that bundle.\n *\n * `Input` has never supported `select`: its props are `InputHTMLAttributes`, so\n * no caller can even pass one. The branch was pure cost.\n *\n * ## This is a TRANSCRIPTION, not a redesign\n *\n * Every routing decision below is `TextField`'s, deliberately, down to which\n * props land on the ROOT rather than on the input — including the one that is\n * arguably wrong (an unrecognised HTML attribute goes to the root `div`, which\n * is why `Input` has to route `aria-label` through `inputProps`). Changing any\n * of that here would be a behaviour change wearing a performance change's\n * clothes. `__tests__/text-field-slim.test.tsx` renders this and the real\n * `TextField` side by side and compares the DOM they produce.\n *\n * What is NOT carried over: the `select` branch, the `slots`/`slotProps` API\n * (unreachable through `InputProps`, which is `InputHTMLAttributes`), and the\n * dev-only warning about `children` that only the select branch could emit.\n */\nimport FilledInput from '@mui/material/FilledInput/index.js';\nimport FormControl from '@mui/material/FormControl/index.js';\nimport FormHelperText from '@mui/material/FormHelperText/index.js';\nimport StandardInput from '@mui/material/Input/index.js';\nimport InputLabel from '@mui/material/InputLabel/index.js';\nimport OutlinedInput from '@mui/material/OutlinedInput/index.js';\nimport { styled } from '@mui/material/styles/index.js';\nimport type { FilledInputProps } from '@mui/material/FilledInput/index.js';\nimport type { FormControlProps } from '@mui/material/FormControl/index.js';\nimport type { FormHelperTextProps } from '@mui/material/FormHelperText/index.js';\nimport type { InputProps as MuiInputProps } from '@mui/material/Input/index.js';\nimport type { InputBaseComponentProps } from '@mui/material/InputBase/index.js';\nimport type { InputLabelProps } from '@mui/material/InputLabel/index.js';\nimport type { OutlinedInputProps } from '@mui/material/OutlinedInput/index.js';\nimport React from 'react';\n\nimport { withDefaults } from '../../../utils/withDefaults';\n\nconst VARIANT_COMPONENT = {\n  standard: StandardInput,\n  filled: FilledInput,\n  outlined: OutlinedInput,\n} as const;\n\n/**\n * `MuiTextField-root`, by hand.\n *\n * `@mui/material` does not re-export `textFieldClasses` from its root barrel,\n * and the deep path that does would import `TextField` — the whole thing this\n * file exists to avoid. So the class name is written out, and the parity test\n * asserts it against a REAL `TextField`'s root rather than against itself.\n *\n * It has to be there at all because it is part of MUI's public surface: two of\n * this package's own suites reach for `.closest('.MuiTextField-root')`, and a\n * consumer's stylesheet may too.\n */\nconst TEXT_FIELD_ROOT_CLASS = 'MuiTextField-root';\n\n/**\n * Named `MuiTextField` so a theme's `components.MuiTextField.styleOverrides`\n * keeps applying. Nothing in this repo sets one today; a consumer's theme is\n * not this package's to break.\n */\nconst TextFieldSlimRoot = styled(FormControl, {\n  name: 'MuiTextField',\n  slot: 'Root',\n  overridesResolver: (_props, styles) => styles.root,\n})({});\n\nexport interface TextFieldSlimProps\n  extends Omit<FormControlProps, 'onChange' | 'onBlur' | 'onFocus' | 'defaultValue'> {\n  autoComplete?: string;\n  autoFocus?: boolean;\n  defaultValue?: unknown;\n  helperText?: React.ReactNode;\n  label?: React.ReactNode;\n  maxRows?: number | string;\n  minRows?: number | string;\n  multiline?: boolean;\n  name?: string;\n  placeholder?: string;\n  rows?: number | string;\n  type?: React.InputHTMLAttributes<HTMLInputElement>['type'];\n  value?: unknown;\n  inputRef?: React.Ref<unknown>;\n  onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  onChange?: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  /** Props for the rendered input variant. */\n  InputProps?: Partial<MuiInputProps & FilledInputProps & OutlinedInputProps>;\n  /**\n   * Props for the `<input>` itself — where an `aria-label` has to ride.\n   *\n   * MUI's own type, because it is deliberately open: a caller puts `data-*`\n   * and `aria-*` here precisely because the root would swallow them, and\n   * `InputHTMLAttributes` alone rejects both.\n   */\n  inputProps?: InputBaseComponentProps;\n  InputLabelProps?: Partial<InputLabelProps>;\n  FormHelperTextProps?: Partial<FormHelperTextProps>;\n}\n\n/**\n * `TextField`'s own defaults, as a table.\n *\n * One `= default` per destructured prop is one branch per prop, and eight of\n * them put this component over the complexity bar before it rendered anything —\n * which is the same reason `AppHeader` keeps its defaults in a table. The values\n * are `TextField`'s, unchanged; the parity test would fail if any drifted.\n */\nconst DEFAULTS: Partial<TextFieldSlimProps> = {\n  autoFocus: false,\n  color: 'primary',\n  disabled: false,\n  error: false,\n  fullWidth: false,\n  multiline: false,\n  required: false,\n  variant: 'outlined',\n};\n\n/** The two ids a labelled, described field needs, and the input's own. */\nfunction idsOf(props: TextFieldSlimProps, generated: string): {\n  id: string;\n  helperTextId: string | undefined;\n  inputLabelId: string | undefined;\n} {\n  const id = props.id ?? generated;\n  return {\n    id,\n    helperTextId: props.helperText && id ? `${id}-helper-text` : undefined,\n    inputLabelId: props.label && id ? `${id}-label` : undefined,\n  };\n}\n\n/**\n * What only the OUTLINED variant needs: it draws its own notch around the\n * label, so it has to be told the label and whether the caller pinned it shrunk\n * (FUT-729's `shrink` case).\n */\nfunction outlinedPropsOf(props: TextFieldSlimProps): Record<string, unknown> {\n  if (props.variant !== 'outlined') return {};\n  const shrink = props.InputLabelProps?.shrink;\n  return { label: props.label, ...(shrink === undefined ? {} : { notched: shrink }) };\n}\n\ninterface FieldIds {\n  id: string;\n  helperTextId: string | undefined;\n  inputLabelId: string | undefined;\n}\n\n/**\n * Everything the input (or this component) consumes by name.\n *\n * A key LIST rather than the omit-by-destructuring idiom, which would name\n * twenty-four bindings only to leave every one of them unused — twenty-four\n * lint warnings, in a package that allows none.\n *\n * `fullWidth`, `disabled`, `error`, `required`, `color` and `variant` are\n * deliberately absent: `TextField` hands those to the root, and `fullWidth` to\n * both.\n */\nconst CONSUMED_BY_FIELD: ReadonlySet<string> = new Set([\n  'autoComplete', 'autoFocus', 'children', 'className', 'defaultValue',\n  'FormHelperTextProps', 'helperText', 'id', 'InputLabelProps', 'inputProps',\n  'InputProps', 'inputRef', 'label', 'maxRows', 'minRows', 'multiline', 'name',\n  'onBlur', 'onChange', 'onFocus', 'placeholder', 'rows', 'type', 'value',\n]);\n\n/**\n * What the ROOT `FormControl` gets: the props `TextField` hands it by name,\n * plus everything it did not recognise.\n *\n * That second half is `TextField`'s behaviour and not a choice made here: an\n * unrecognised HTML attribute lands on the root `div`, which is why `Input` has\n * to route `aria-label` through `inputProps`. The parity test pins it.\n */\nfunction rootPropsOf(props: TextFieldSlimProps): Record<string, unknown> {\n  return Object.fromEntries(\n    Object.entries(props).filter(([key]) => !CONSUMED_BY_FIELD.has(key)),\n  );\n}\n\n/** What the INPUT gets, by name, exactly as `TextField` names them. */\nfunction fieldPropsOf(props: TextFieldSlimProps, ids: FieldIds): Record<string, unknown> {\n  return {\n    'aria-describedby': ids.helperTextId,\n    autoComplete: props.autoComplete,\n    autoFocus: props.autoFocus,\n    defaultValue: props.defaultValue,\n    fullWidth: props.fullWidth,\n    multiline: props.multiline,\n    name: props.name,\n    rows: props.rows,\n    maxRows: props.maxRows,\n    minRows: props.minRows,\n    type: props.type,\n    value: props.value,\n    id: ids.id,\n    inputRef: props.inputRef,\n    onBlur: props.onBlur,\n    onChange: props.onChange,\n    onFocus: props.onFocus,\n    placeholder: props.placeholder,\n    inputProps: props.inputProps,\n    ...outlinedPropsOf(props),\n    ...props.InputProps,\n  };\n}\n\nexport const TextFieldSlim = React.forwardRef<HTMLDivElement, TextFieldSlimProps>(\n  function TextFieldSlim(rawProps, ref) {\n    const props = withDefaults(rawProps, DEFAULTS);\n    // `TextField` uses `@mui/utils`'s `useId`, which is React's with a fallback\n    // for React 17. The peer here is React 19, so React's own is the same thing\n    // without the dependency. The override still wins, exactly as it did — and\n    // it is read from the RAW props, before `withDefaults` could supply one.\n    const ids = idsOf(rawProps, React.useId());\n    const InputComponent = VARIANT_COMPONENT[props.variant ?? 'outlined'];\n    const { label, helperText } = props;\n\n    return (\n      <TextFieldSlimRoot\n        className={[TEXT_FIELD_ROOT_CLASS, props.className].filter(Boolean).join(' ')}\n        ref={ref}\n        {...rootPropsOf(props)}\n      >\n        {label !== null && label !== undefined && label !== '' ? (\n          <InputLabel htmlFor={ids.id} id={ids.inputLabelId} {...props.InputLabelProps}>\n            {label}\n          </InputLabel>\n        ) : null}\n        <InputComponent {...fieldPropsOf(props, ids)} />\n        {helperText ? (\n          <FormHelperText id={ids.helperTextId} {...props.FormHelperTextProps}>\n            {helperText}\n          </FormHelperText>\n        ) : null}\n      </TextFieldSlimRoot>\n    );\n  },\n);\n"],"mappings":"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","names":["TextFieldSlim"]}