@aglyn/shared-ui-jsx-forms 1.0.0-beta.143

package/src/lib/mapper/sub-form.js

@@ -0,0 +1,108 @@
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { _ as _object_without_properties_loose } from "@swc/helpers/_/_object_without_properties_loose";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ /**
+ * Ported from `@data-driven-forms/mui-component-mapper` (Apache-2.0) and
+ * updated for the current MUI APIs (Grid `size`, no Typography `paragraph`).
+ */ import { HelpTip } from "@aglyn/shared-ui-jsx";
+import { Grid, Typography } from "@mui/material";
+import { styled } from "@mui/material/styles";
+import { useFormApi } from "../vendor/data-driven-forms.js";
+const PREFIX = 'SubForm';
+const classes = {
+    grid: `${PREFIX}-grid`
+};
+const StyledGrid = styled(Grid)(()=>({
+        [`&.${classes.grid}`]: {
+            paddingRight: 0,
+            paddingLeft: 0
+        }
+    }));
+export const SubForm = (_0)=>{
+    let { fields, title, description, component: _component, help, TitleGridProps = {}, TitleProps = {}, DescriptionProps = {}, DescriptionGridProps = {}, ItemsGridProps = {} } = _0, rest = _object_without_properties_loose(_0, [
+        "fields",
+        "title",
+        "description",
+        "component",
+        "help",
+        "TitleGridProps",
+        "TitleProps",
+        "DescriptionProps",
+        "DescriptionGridProps",
+        "ItemsGridProps"
+    ]);
+    const { renderForm } = useFormApi();
+    return /*#__PURE__*/ _jsxs(StyledGrid, _extends({
+        size: {
+            xs: 12
+        },
+        container: true,
+        className: classes.grid
+    }, rest, {
+        children: [
+            title && /*#__PURE__*/ _jsx(Grid, _extends({
+                size: {
+                    xs: 12
+                }
+            }, TitleGridProps, {
+                children: /*#__PURE__*/ _jsxs(Typography, _extends({
+                    variant: "h5",
+                    sx: {
+                        display: 'flex',
+                        alignItems: 'center',
+                        gap: 0.5
+                    }
+                }, TitleProps, {
+                    children: [
+                        title,
+                        help && /*#__PURE__*/ _jsx(HelpTip, _extends({}, help, {
+                            sx: {
+                                fontSize: '0.7em'
+                            }
+                        }))
+                    ]
+                }))
+            })),
+            description && /*#__PURE__*/ _jsx(Grid, _extends({
+                size: {
+                    xs: 12
+                }
+            }, DescriptionGridProps, {
+                children: /*#__PURE__*/ _jsx(Typography, _extends({
+                    sx: {
+                        mb: 2
+                    }
+                }, DescriptionProps, {
+                    children: description
+                }))
+            })),
+            /*#__PURE__*/ _jsx(Grid, _extends({
+                size: {
+                    xs: 12
+                },
+                container: true,
+                rowSpacing: 2
+            }, ItemsGridProps, {
+                children: renderForm(fields)
+            }))
+        ]
+    }));
+};
+export default SubForm;
+
+//# sourceMappingURL=sub-form.js.map

package/src/lib/mapper/sub-form.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/shared/ui/jsx-forms/src/lib/mapper/sub-form.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n/**\n * Ported from `@data-driven-forms/mui-component-mapper` (Apache-2.0) and\n * updated for the current MUI APIs (Grid `size`, no Typography `paragraph`).\n */\n\nimport { HelpTip, type HelpTipContent } from '@aglyn/shared-ui-jsx'\nimport type { ReactNode } from 'react'\n\nimport {\n  Grid,\n  type GridProps,\n  Typography,\n  type TypographyProps,\n} from '@mui/material'\nimport { styled } from '@mui/material/styles'\n\nimport { type FieldSchema, useFormApi } from '../vendor/data-driven-forms'\n\nconst PREFIX = 'SubForm'\n\nconst classes = {\n  grid: `${PREFIX}-grid`,\n}\n\nconst StyledGrid = styled(Grid)(() => ({\n  [`&.${classes.grid}`]: {\n    paddingRight: 0,\n    paddingLeft: 0,\n  },\n}))\n\nexport interface SubFormProps extends Omit<GridProps, 'component' | 'title'> {\n  fields: FieldSchema[]\n  title?: ReactNode\n  description?: ReactNode\n  component?: string\n  /** Contextual help affordance rendered beside the section title (AGL-601). */\n  help?: HelpTipContent\n  TitleGridProps?: GridProps\n  TitleProps?: TypographyProps\n  DescriptionProps?: TypographyProps\n  DescriptionGridProps?: GridProps\n  ItemsGridProps?: GridProps\n}\n\nexport const SubForm = ({\n  fields,\n  title,\n  description,\n  component: _component,\n  help,\n  TitleGridProps = {},\n  TitleProps = {},\n  DescriptionProps = {},\n  DescriptionGridProps = {},\n  ItemsGridProps = {},\n  ...rest\n}: SubFormProps) => {\n  const { renderForm } = useFormApi()\n\n  return (\n    <StyledGrid size={{ xs: 12 }} container className={classes.grid} {...rest}>\n      {title && (\n        <Grid size={{ xs: 12 }} {...TitleGridProps}>\n          <Typography\n            variant=\"h5\"\n            sx={{ display: 'flex', alignItems: 'center', gap: 0.5 }}\n            {...TitleProps}\n          >\n            {title}\n            {help && <HelpTip {...help} sx={{ fontSize: '0.7em' }} />}\n          </Typography>\n        </Grid>\n      )}\n      {description && (\n        <Grid size={{ xs: 12 }} {...DescriptionGridProps}>\n          <Typography sx={{ mb: 2 }} {...DescriptionProps}>\n            {description}\n          </Typography>\n        </Grid>\n      )}\n      <Grid size={{ xs: 12 }} container rowSpacing={2} {...ItemsGridProps}>\n        {renderForm(fields)}\n      </Grid>\n    </StyledGrid>\n  )\n}\n\nexport default SubForm\n"],"names":["HelpTip","Grid","Typography","styled","useFormApi","PREFIX","classes","grid","StyledGrid","paddingRight","paddingLeft","SubForm","fields","title","description","component","_component","help","TitleGridProps","TitleProps","DescriptionProps","DescriptionGridProps","ItemsGridProps","rest","renderForm","size","xs","container","className","variant","sx","display","alignItems","gap","fontSize","mb","rowSpacing"],"mappings":";;;AAAA;;;;;;;;;;;;;;;CAeC,GAED;;;CAGC,GAED,SAASA,OAAO,QAA6B,uBAAsB;AAGnE,SACEC,IAAI,EAEJC,UAAU,QAEL,gBAAe;AACtB,SAASC,MAAM,QAAQ,uBAAsB;AAE7C,SAA2BC,UAAU,QAAQ,iCAA6B;AAE1E,MAAMC,SAAS;AAEf,MAAMC,UAAU;IACdC,MAAM,GAAGF,OAAO,KAAK,CAAC;AACxB;AAEA,MAAMG,aAAaL,OAAOF,MAAM,IAAO,CAAA;QACrC,CAAC,CAAC,EAAE,EAAEK,QAAQC,IAAI,EAAE,CAAC,EAAE;YACrBE,cAAc;YACdC,aAAa;QACf;IACF,CAAA;AAgBA,OAAO,MAAMC,UAAU;QAAC,EACtBC,MAAM,EACNC,KAAK,EACLC,WAAW,EACXC,WAAWC,UAAU,EACrBC,IAAI,EACJC,iBAAiB,CAAC,CAAC,EACnBC,aAAa,CAAC,CAAC,EACfC,mBAAmB,CAAC,CAAC,EACrBC,uBAAuB,CAAC,CAAC,EACzBC,iBAAiB,CAAC,CAAC,EAEN,OADVC;;;;;;;;;;;;IAEH,MAAM,EAAEC,UAAU,EAAE,GAAGpB;IAEvB,qBACE,MAACI;QAAWiB,MAAM;YAAEC,IAAI;QAAG;QAAGC,SAAS;QAACC,WAAWtB,QAAQC,IAAI;OAAMgB;;YAClEV,uBACC,KAACZ;gBAAKwB,MAAM;oBAAEC,IAAI;gBAAG;eAAOR;0BAC1B,cAAA,MAAChB;oBACC2B,SAAQ;oBACRC,IAAI;wBAAEC,SAAS;wBAAQC,YAAY;wBAAUC,KAAK;oBAAI;mBAClDd;;wBAEHN;wBACAI,sBAAQ,KAACjB,sBAAYiB;4BAAMa,IAAI;gCAAEI,UAAU;4BAAQ;;;;;YAIzDpB,6BACC,KAACb;gBAAKwB,MAAM;oBAAEC,IAAI;gBAAG;eAAOL;0BAC1B,cAAA,KAACnB;oBAAW4B,IAAI;wBAAEK,IAAI;oBAAE;mBAAOf;8BAC5BN;;;0BAIP,KAACb;gBAAKwB,MAAM;oBAAEC,IAAI;gBAAG;gBAAGC,SAAS;gBAACS,YAAY;eAAOd;0BAClDE,WAAWZ;;;;AAIpB,EAAC;AAED,eAAeD,QAAO"}

package/src/lib/mapper/switch.d.ts

@@ -0,0 +1,47 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/**
+ * Ported from `@data-driven-forms/mui-component-mapper` (Apache-2.0).
+ */
+import { type FormControlLabelProps, type FormControlProps, type FormGroupProps, type FormHelperTextProps, type FormLabelProps, type SwitchProps as MuiSwitchProps } from '@mui/material';
+import { type FormFieldGridProps } from './form-field-grid';
+import type { BaseFieldProps } from './types';
+export interface SwitchProps extends BaseFieldProps {
+    onText?: string;
+    offText?: string;
+    /**
+     * Offer the reset-to-unset affordance (AGL-2486). A switch can only be on or
+     * off, so without it a field whose unset state means something — a page
+     * handing the choice back to its component's default — has no way back.
+     */
+    clearable?: boolean;
+    /**
+     * The position shown while nothing is stored — the default a page falls
+     * back to. Without it an unset switch reads as off, which is wrong wherever
+     * the value that applies is on.
+     */
+    unsetChecked?: boolean;
+    FormFieldGridProps?: FormFieldGridProps;
+    FormControlProps?: FormControlProps;
+    FormGroupProps?: FormGroupProps;
+    FormControlLabelProps?: Partial<FormControlLabelProps>;
+    SwitchProps?: MuiSwitchProps;
+    FormLabelProps?: FormLabelProps;
+    FormHelperTextProps?: FormHelperTextProps;
+}
+export declare const Switch: (props: SwitchProps) => import("react").JSX.Element;
+export default Switch;

package/src/lib/mapper/switch.js

@@ -0,0 +1,93 @@
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { _ as _object_without_properties_loose } from "@swc/helpers/_/_object_without_properties_loose";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ /**
+ * Ported from `@data-driven-forms/mui-component-mapper` (Apache-2.0).
+ */ import { FormControl, FormControlLabel, FormGroup, FormHelperText, FormLabel, Switch as MuiSwitch } from "@mui/material";
+import { useFieldApi } from "../vendor/data-driven-forms.js";
+import { useStoredFieldHasValue } from "./stored-field-value.js";
+import FormFieldGrid, { buildFieldClear } from "./form-field-grid.js";
+import { validationError } from "./validation-error.js";
+export const Switch = (props)=>{
+    const _useFieldApi = useFieldApi(_extends({}, props, {
+        type: 'checkbox'
+    })), { input, isReadOnly, isDisabled, isRequired, label, helperText, description, validateOnMount, meta, onText, offText, help, clearable, unsetChecked, FormFieldGridProps = {}, FormControlProps = {}, FormGroupProps = {}, FormControlLabelProps = {}, SwitchProps = {}, FormLabelProps = {}, FormHelperTextProps = {} } = _useFieldApi, rest = _object_without_properties_loose(_useFieldApi, [
+        "input",
+        "isReadOnly",
+        "isDisabled",
+        "isRequired",
+        "label",
+        "helperText",
+        "description",
+        "validateOnMount",
+        "meta",
+        "onText",
+        "offText",
+        "help",
+        "clearable",
+        "unsetChecked",
+        "FormFieldGridProps",
+        "FormControlProps",
+        "FormGroupProps",
+        "FormControlLabelProps",
+        "SwitchProps",
+        "FormLabelProps",
+        "FormHelperTextProps"
+    ]);
+    const invalid = validationError(meta, validateOnMount);
+    const text = invalid || (meta.touched || validateOnMount) && meta.warning || helperText || description;
+    const hasValue = useStoredFieldHasValue(input.name);
+    const clear = buildFieldClear({
+        clearable,
+        label,
+        hasValue,
+        locked: Boolean(isDisabled || isReadOnly),
+        onClear: ()=>input.onChange(undefined)
+    });
+    return /*#__PURE__*/ _jsx(FormFieldGrid, _extends({
+        help: help,
+        clear: clear
+    }, FormFieldGridProps, {
+        children: /*#__PURE__*/ _jsx(FormControl, _extends({
+            required: isRequired,
+            error: !!invalid,
+            component: "fieldset"
+        }, FormControlProps, {
+            children: /*#__PURE__*/ _jsxs(FormGroup, _extends({}, FormGroupProps, {
+                children: [
+                    /*#__PURE__*/ _jsx(FormControlLabel, _extends({
+                        control: /*#__PURE__*/ _jsx(MuiSwitch, _extends({}, rest, input, {
+                            checked: hasValue ? input.checked : Boolean(unsetChecked),
+                            disabled: isDisabled || isReadOnly,
+                            onChange: ({ target: { checked } })=>input.onChange(checked)
+                        }, SwitchProps)),
+                        label: /*#__PURE__*/ _jsx(FormLabel, _extends({}, FormLabelProps, {
+                            children: (hasValue ? input.checked : unsetChecked) ? onText || label : offText || label
+                        }))
+                    }, FormControlLabelProps)),
+                    text && /*#__PURE__*/ _jsx(FormHelperText, _extends({}, FormHelperTextProps, {
+                        children: text
+                    }))
+                ]
+            }))
+        }))
+    }));
+};
+export default Switch;
+
+//# sourceMappingURL=switch.js.map

package/src/lib/mapper/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/shared/ui/jsx-forms/src/lib/mapper/switch.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n/**\n * Ported from `@data-driven-forms/mui-component-mapper` (Apache-2.0).\n */\n\nimport {\n  FormControl,\n  type FormControlLabelProps,\n  FormControlLabel,\n  type FormControlProps,\n  FormGroup,\n  type FormGroupProps,\n  FormHelperText,\n  type FormHelperTextProps,\n  FormLabel,\n  type FormLabelProps,\n  Switch as MuiSwitch,\n  type SwitchProps as MuiSwitchProps,\n} from '@mui/material'\n\nimport { useFieldApi } from '../vendor/data-driven-forms'\nimport { useStoredFieldHasValue } from './stored-field-value'\nimport FormFieldGrid, {\n  buildFieldClear,\n  type FormFieldGridProps,\n} from './form-field-grid'\nimport type { BaseFieldProps } from './types'\nimport { type ExtendedFieldMeta, validationError } from './validation-error'\n\nexport interface SwitchProps extends BaseFieldProps {\n  onText?: string\n  offText?: string\n  /**\n   * Offer the reset-to-unset affordance (AGL-2486). A switch can only be on or\n   * off, so without it a field whose unset state means something — a page\n   * handing the choice back to its component's default — has no way back.\n   */\n  clearable?: boolean\n  /**\n   * The position shown while nothing is stored — the default a page falls\n   * back to. Without it an unset switch reads as off, which is wrong wherever\n   * the value that applies is on.\n   */\n  unsetChecked?: boolean\n  FormFieldGridProps?: FormFieldGridProps\n  FormControlProps?: FormControlProps\n  FormGroupProps?: FormGroupProps\n  FormControlLabelProps?: Partial<FormControlLabelProps>\n  SwitchProps?: MuiSwitchProps\n  FormLabelProps?: FormLabelProps\n  FormHelperTextProps?: FormHelperTextProps\n}\n\nexport const Switch = (props: SwitchProps) => {\n  const {\n    input,\n    isReadOnly,\n    isDisabled,\n    isRequired,\n    label,\n    helperText,\n    description,\n    validateOnMount,\n    meta,\n    onText,\n    offText,\n    help,\n    clearable,\n    unsetChecked,\n    FormFieldGridProps = {},\n    FormControlProps = {},\n    FormGroupProps = {},\n    FormControlLabelProps = {},\n    SwitchProps = {},\n    FormLabelProps = {},\n    FormHelperTextProps = {},\n    ...rest\n  } = useFieldApi({\n    ...props,\n    type: 'checkbox',\n  })\n\n  const invalid = validationError(meta as ExtendedFieldMeta, validateOnMount)\n  const text =\n    invalid ||\n    ((meta.touched || validateOnMount) && meta.warning) ||\n    helperText ||\n    description\n  const hasValue = useStoredFieldHasValue(input.name)\n  const clear = buildFieldClear({\n    clearable,\n    label,\n    hasValue,\n    locked: Boolean(isDisabled || isReadOnly),\n    onClear: () => input.onChange(undefined),\n  })\n\n  return (\n    <FormFieldGrid help={help} clear={clear} {...FormFieldGridProps}>\n      <FormControl\n        required={isRequired}\n        error={!!invalid}\n        component=\"fieldset\"\n        {...FormControlProps}\n      >\n        <FormGroup {...FormGroupProps}>\n          <FormControlLabel\n            control={\n              <MuiSwitch\n                {...rest}\n                {...input}\n                checked={hasValue ? input.checked : Boolean(unsetChecked)}\n                disabled={isDisabled || isReadOnly}\n                onChange={({ target: { checked } }) => input.onChange(checked)}\n                {...SwitchProps}\n              />\n            }\n            label={\n              <FormLabel {...FormLabelProps}>\n                {(hasValue ? input.checked : unsetChecked)\n                  ? onText || label\n                  : offText || label}\n              </FormLabel>\n            }\n            {...FormControlLabelProps}\n          />\n          {text && (\n            <FormHelperText {...FormHelperTextProps}>{text}</FormHelperText>\n          )}\n        </FormGroup>\n      </FormControl>\n    </FormFieldGrid>\n  )\n}\n\nexport default Switch\n"],"names":["FormControl","FormControlLabel","FormGroup","FormHelperText","FormLabel","Switch","MuiSwitch","useFieldApi","useStoredFieldHasValue","FormFieldGrid","buildFieldClear","validationError","props","type","input","isReadOnly","isDisabled","isRequired","label","helperText","description","validateOnMount","meta","onText","offText","help","clearable","unsetChecked","FormFieldGridProps","FormControlProps","FormGroupProps","FormControlLabelProps","SwitchProps","FormLabelProps","FormHelperTextProps","rest","invalid","text","touched","warning","hasValue","name","clear","locked","Boolean","onClear","onChange","undefined","required","error","component","control","checked","disabled","target"],"mappings":";;;AAAA;;;;;;;;;;;;;;;CAeC,GAED;;CAEC,GAED,SACEA,WAAW,EAEXC,gBAAgB,EAEhBC,SAAS,EAETC,cAAc,EAEdC,SAAS,EAETC,UAAUC,SAAS,QAEd,gBAAe;AAEtB,SAASC,WAAW,QAAQ,iCAA6B;AACzD,SAASC,sBAAsB,QAAQ,0BAAsB;AAC7D,OAAOC,iBACLC,eAAe,QAEV,uBAAmB;AAE1B,SAAiCC,eAAe,QAAQ,wBAAoB;AA0B5E,OAAO,MAAMN,SAAS,CAACO;IACrB,MAuBIL,eAAAA,YAAY,aACXK;QACHC,MAAM;SAzBF,EACJC,KAAK,EACLC,UAAU,EACVC,UAAU,EACVC,UAAU,EACVC,KAAK,EACLC,UAAU,EACVC,WAAW,EACXC,eAAe,EACfC,IAAI,EACJC,MAAM,EACNC,OAAO,EACPC,IAAI,EACJC,SAAS,EACTC,YAAY,EACZC,qBAAqB,CAAC,CAAC,EACvBC,mBAAmB,CAAC,CAAC,EACrBC,iBAAiB,CAAC,CAAC,EACnBC,wBAAwB,CAAC,CAAC,EAC1BC,cAAc,CAAC,CAAC,EAChBC,iBAAiB,CAAC,CAAC,EACnBC,sBAAsB,CAAC,CAAC,EAEzB,GAAG3B,cADC4B,wCACD5B;;;;;;;;;;;;;;;;;;;;;;;IAKJ,MAAM6B,UAAUzB,gBAAgBW,MAA2BD;IAC3D,MAAMgB,OACJD,WACC,AAACd,CAAAA,KAAKgB,OAAO,IAAIjB,eAAc,KAAMC,KAAKiB,OAAO,IAClDpB,cACAC;IACF,MAAMoB,WAAWhC,uBAAuBM,MAAM2B,IAAI;IAClD,MAAMC,QAAQhC,gBAAgB;QAC5BgB;QACAR;QACAsB;QACAG,QAAQC,QAAQ5B,cAAcD;QAC9B8B,SAAS,IAAM/B,MAAMgC,QAAQ,CAACC;IAChC;IAEA,qBACE,KAACtC;QAAcgB,MAAMA;QAAMiB,OAAOA;OAAWd;kBAC3C,cAAA,KAAC5B;YACCgD,UAAU/B;YACVgC,OAAO,CAAC,CAACb;YACTc,WAAU;WACNrB;sBAEJ,cAAA,MAAC3B,wBAAc4B;;kCACb,KAAC7B;wBACCkD,uBACE,KAAC7C,wBACK6B,MACArB;4BACJsC,SAASZ,WAAW1B,MAAMsC,OAAO,GAAGR,QAAQjB;4BAC5C0B,UAAUrC,cAAcD;4BACxB+B,UAAU,CAAC,EAAEQ,QAAQ,EAAEF,OAAO,EAAE,EAAE,GAAKtC,MAAMgC,QAAQ,CAACM;2BAClDpB;wBAGRd,qBACE,KAACd,wBAAc6B;sCACZ,AAACO,CAAAA,WAAW1B,MAAMsC,OAAO,GAAGzB,YAAW,IACpCJ,UAAUL,QACVM,WAAWN;;uBAGfa;oBAELM,sBACC,KAAClC,6BAAmB+B;kCAAsBG;;;;;;AAMtD,EAAC;AAED,eAAehC,OAAM"}

package/src/lib/mapper/tabs.d.ts

@@ -0,0 +1,34 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { type AppBarProps, type GridProps, type TabProps as MuiTabProps, type TabsProps } from '@mui/material';
+import { type FieldSchema } from '../vendor/data-driven-forms';
+import { type FormFieldGridProps } from './form-field-grid';
+interface TabField {
+    fields: FieldSchema[];
+    title?: string;
+    name?: string;
+}
+export interface FormTabsProps {
+    fields: TabField[];
+    AppBarProps?: AppBarProps;
+    TabsProps?: TabsProps;
+    TabProps?: MuiTabProps;
+    FormFieldGridProps?: FormFieldGridProps;
+    GridItemProps?: GridProps;
+}
+export declare const FormTabs: ({ fields, AppBarProps, TabsProps, TabProps, FormFieldGridProps, GridItemProps, }: FormTabsProps) => import("react").JSX.Element;
+export default FormTabs;

package/src/lib/mapper/tabs.js

@@ -0,0 +1,64 @@
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ /**
+ * Ported from `@data-driven-forms/mui-component-mapper` (Apache-2.0) and
+ * updated for the current MUI Grid API.
+ */ import { useState } from "react";
+import { AppBar, Grid, Tab, Tabs } from "@mui/material";
+import { useFormApi } from "../vendor/data-driven-forms.js";
+import FormFieldGrid from "./form-field-grid.js";
+export const FormTabs = ({ fields, AppBarProps = {}, TabsProps = {}, TabProps = {}, FormFieldGridProps = {}, GridItemProps = {} })=>{
+    const formOptions = useFormApi();
+    const [activeTab, setActiveTab] = useState(0);
+    return /*#__PURE__*/ _jsxs(FormFieldGrid, _extends({
+        container: true
+    }, FormFieldGridProps, {
+        children: [
+            /*#__PURE__*/ _jsx(AppBar, _extends({
+                position: "static"
+            }, AppBarProps, {
+                children: /*#__PURE__*/ _jsx(Tabs, _extends({
+                    textColor: "inherit",
+                    value: activeTab,
+                    onChange: (_e, tabIndex)=>setActiveTab(tabIndex)
+                }, TabsProps, {
+                    children: fields.map(({ title, name }, index)=>/*#__PURE__*/ _jsx(Tab, _extends({
+                            label: title
+                        }, TabProps), name || index))
+                }))
+            })),
+            fields.map(({ fields, name }, index)=>/*#__PURE__*/ _jsx(Grid, _extends({
+                    container: true,
+                    size: {
+                        xs: 12
+                    },
+                    rowSpacing: 2,
+                    sx: _extends({
+                        mt: 1
+                    }, index !== activeTab && {
+                        display: 'none'
+                    })
+                }, GridItemProps, {
+                    children: formOptions.renderForm(fields)
+                }), name || index))
+        ]
+    }));
+};
+export default FormTabs;
+
+//# sourceMappingURL=tabs.js.map

package/src/lib/mapper/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/shared/ui/jsx-forms/src/lib/mapper/tabs.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n/**\n * Ported from `@data-driven-forms/mui-component-mapper` (Apache-2.0) and\n * updated for the current MUI Grid API.\n */\n\nimport { useState } from 'react'\n\nimport {\n  AppBar,\n  type AppBarProps,\n  Grid,\n  type GridProps,\n  Tab,\n  type TabProps as MuiTabProps,\n  Tabs,\n  type TabsProps,\n} from '@mui/material'\n\nimport { type FieldSchema, useFormApi } from '../vendor/data-driven-forms'\nimport FormFieldGrid, { type FormFieldGridProps } from './form-field-grid'\n\ninterface TabField {\n  fields: FieldSchema[]\n  title?: string\n  name?: string\n}\n\nexport interface FormTabsProps {\n  fields: TabField[]\n  AppBarProps?: AppBarProps\n  TabsProps?: TabsProps\n  TabProps?: MuiTabProps\n  FormFieldGridProps?: FormFieldGridProps\n  GridItemProps?: GridProps\n}\n\nexport const FormTabs = ({\n  fields,\n  AppBarProps = {},\n  TabsProps = {},\n  TabProps = {},\n  FormFieldGridProps = {},\n  GridItemProps = {},\n}: FormTabsProps) => {\n  const formOptions = useFormApi()\n  const [activeTab, setActiveTab] = useState(0)\n\n  return (\n    <FormFieldGrid container {...FormFieldGridProps}>\n      <AppBar position=\"static\" {...AppBarProps}>\n        <Tabs\n          textColor=\"inherit\"\n          value={activeTab}\n          onChange={(_e, tabIndex) => setActiveTab(tabIndex)}\n          {...TabsProps}\n        >\n          {fields.map(({ title, name }, index) => (\n            <Tab key={name || index} label={title} {...TabProps} />\n          ))}\n        </Tabs>\n      </AppBar>\n      {fields.map(({ fields, name }, index) => (\n        <Grid\n          key={name || index}\n          container\n          size={{ xs: 12 }}\n          rowSpacing={2}\n          sx={{ mt: 1, ...(index !== activeTab && { display: 'none' }) }}\n          {...GridItemProps}\n        >\n          {formOptions.renderForm(fields)}\n        </Grid>\n      ))}\n    </FormFieldGrid>\n  )\n}\n\nexport default FormTabs\n"],"names":["useState","AppBar","Grid","Tab","Tabs","useFormApi","FormFieldGrid","FormTabs","fields","AppBarProps","TabsProps","TabProps","FormFieldGridProps","GridItemProps","formOptions","activeTab","setActiveTab","container","position","textColor","value","onChange","_e","tabIndex","map","title","name","index","label","size","xs","rowSpacing","sx","mt","display","renderForm"],"mappings":";;AAAA;;;;;;;;;;;;;;;CAeC,GAED;;;CAGC,GAED,SAASA,QAAQ,QAAQ,QAAO;AAEhC,SACEC,MAAM,EAENC,IAAI,EAEJC,GAAG,EAEHC,IAAI,QAEC,gBAAe;AAEtB,SAA2BC,UAAU,QAAQ,iCAA6B;AAC1E,OAAOC,mBAAgD,uBAAmB;AAiB1E,OAAO,MAAMC,WAAW,CAAC,EACvBC,MAAM,EACNC,cAAc,CAAC,CAAC,EAChBC,YAAY,CAAC,CAAC,EACdC,WAAW,CAAC,CAAC,EACbC,qBAAqB,CAAC,CAAC,EACvBC,gBAAgB,CAAC,CAAC,EACJ;IACd,MAAMC,cAAcT;IACpB,MAAM,CAACU,WAAWC,aAAa,GAAGhB,SAAS;IAE3C,qBACE,MAACM;QAAcW,SAAS;OAAKL;;0BAC3B,KAACX;gBAAOiB,UAAS;eAAaT;0BAC5B,cAAA,KAACL;oBACCe,WAAU;oBACVC,OAAOL;oBACPM,UAAU,CAACC,IAAIC,WAAaP,aAAaO;mBACrCb;8BAEHF,OAAOgB,GAAG,CAAC,CAAC,EAAEC,KAAK,EAAEC,IAAI,EAAE,EAAEC,sBAC5B,KAACxB;4BAAwByB,OAAOH;2BAAWd,WAAjCe,QAAQC;;;YAIvBnB,OAAOgB,GAAG,CAAC,CAAC,EAAEhB,MAAM,EAAEkB,IAAI,EAAE,EAAEC,sBAC7B,KAACzB;oBAECe,SAAS;oBACTY,MAAM;wBAAEC,IAAI;oBAAG;oBACfC,YAAY;oBACZC,IAAI;wBAAEC,IAAI;uBAAON,UAAUZ,aAAa;wBAAEmB,SAAS;oBAAO;mBACtDrB;8BAEHC,YAAYqB,UAAU,CAAC3B;oBAPnBkB,QAAQC;;;AAYvB,EAAC;AAED,eAAepB,SAAQ"}

package/src/lib/mapper/text-field.d.ts

@@ -0,0 +1,33 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { type FormFieldGridProps } from './form-field-grid';
+import type { BaseFieldProps } from './types';
+export interface TextFieldProps extends BaseFieldProps {
+    placeholder?: string;
+    /** Offer the reset-to-unset affordance (AGL-2486). */
+    clearable?: boolean;
+    inputProps?: Record<string, any>;
+    /**
+     * Props for the MUI Input slot (adornments, etc.). Kept under the legacy
+     * `InputProps` name because schemas author it that way via `resolveProps`;
+     * routed into `slotProps.input` here so it never reaches the DOM.
+     */
+    InputProps?: Record<string, any>;
+    FormFieldGridProps?: FormFieldGridProps;
+}
+export declare const TextField: (props: TextFieldProps) => import("react").JSX.Element;
+export default TextField;

package/src/lib/mapper/text-field.js

@@ -0,0 +1,88 @@
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { _ as _object_without_properties_loose } from "@swc/helpers/_/_object_without_properties_loose";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ /**
+ * Ported from `@data-driven-forms/mui-component-mapper` (Apache-2.0) and
+ * updated for the current MUI API (`slotProps` instead of `inputProps`).
+ */ import { TextField as MuiTextField } from "@mui/material";
+import { useFieldApi } from "../vendor/data-driven-forms.js";
+import FormFieldGrid, { buildFieldClear } from "./form-field-grid.js";
+import { validationError } from "./validation-error.js";
+export const TextField = (props)=>{
+    const _useFieldApi = useFieldApi(props), { input, isReadOnly, isDisabled, placeholder, isRequired, label, helperText, description, validateOnMount, meta, inputProps, InputProps, help, clearable, FormFieldGridProps = {}, type } = _useFieldApi, rest = _object_without_properties_loose(_useFieldApi, [
+        "input",
+        "isReadOnly",
+        "isDisabled",
+        "placeholder",
+        "isRequired",
+        "label",
+        "helperText",
+        "description",
+        "validateOnMount",
+        "meta",
+        "inputProps",
+        "InputProps",
+        "help",
+        "clearable",
+        "FormFieldGridProps",
+        "type"
+    ]);
+    const invalid = validationError(meta, validateOnMount);
+    // A date, time or color input paints its own placeholder whether or not it
+    // holds a value, so a floating label would sit on top of `mm/dd/yyyy` — the
+    // same rule the classic text field applies (AGL-2486).
+    const alwaysFilled = type === 'date' || type === 'time' || type === 'datetime-local' || type === 'month' || type === 'week' || type === 'color';
+    // `!== ''` and friends spelled out: `0` is a value an author typed and
+    // this repo has `strictNullChecks` off, so a falsy test would hide the
+    // clear button on it (AGL-2486).
+    const clear = buildFieldClear({
+        clearable,
+        label,
+        hasValue: input.value !== '' && input.value !== undefined && input.value !== null,
+        locked: Boolean(isDisabled || isReadOnly),
+        onClear: ()=>input.onChange('')
+    });
+    return /*#__PURE__*/ _jsx(FormFieldGrid, _extends({
+        help: help,
+        clear: clear
+    }, FormFieldGridProps, {
+        children: /*#__PURE__*/ _jsx(MuiTextField, _extends({}, input, {
+            fullWidth: true,
+            error: !!invalid,
+            helperText: invalid || (meta.touched || validateOnMount) && meta.warning || helperText || description,
+            disabled: isDisabled,
+            label: label,
+            placeholder: placeholder,
+            required: isRequired,
+            type: type,
+            slotProps: _extends({
+                input: _extends({
+                    readOnly: isReadOnly
+                }, InputProps),
+                htmlInput: _extends({}, inputProps)
+            }, alwaysFilled ? {
+                inputLabel: {
+                    shrink: true
+                }
+            } : {})
+        }, rest))
+    }));
+};
+export default TextField;
+
+//# sourceMappingURL=text-field.js.map

package/src/lib/mapper/text-field.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/shared/ui/jsx-forms/src/lib/mapper/text-field.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n/**\n * Ported from `@data-driven-forms/mui-component-mapper` (Apache-2.0) and\n * updated for the current MUI API (`slotProps` instead of `inputProps`).\n */\n\nimport { TextField as MuiTextField } from '@mui/material'\n\nimport { useFieldApi } from '../vendor/data-driven-forms'\nimport FormFieldGrid, {\n  buildFieldClear,\n  type FormFieldGridProps,\n} from './form-field-grid'\nimport type { BaseFieldProps } from './types'\nimport { type ExtendedFieldMeta, validationError } from './validation-error'\n\nexport interface TextFieldProps extends BaseFieldProps {\n  placeholder?: string\n  /** Offer the reset-to-unset affordance (AGL-2486). */\n  clearable?: boolean\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  inputProps?: Record<string, any>\n  /**\n   * Props for the MUI Input slot (adornments, etc.). Kept under the legacy\n   * `InputProps` name because schemas author it that way via `resolveProps`;\n   * routed into `slotProps.input` here so it never reaches the DOM.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  InputProps?: Record<string, any>\n  FormFieldGridProps?: FormFieldGridProps\n}\n\nexport const TextField = (props: TextFieldProps) => {\n  const {\n    input,\n    isReadOnly,\n    isDisabled,\n    placeholder,\n    isRequired,\n    label,\n    helperText,\n    description,\n    validateOnMount,\n    meta,\n    inputProps,\n    InputProps,\n    help,\n    clearable,\n    FormFieldGridProps = {},\n    type,\n    ...rest\n  } = useFieldApi(props)\n  const invalid = validationError(meta as ExtendedFieldMeta, validateOnMount)\n  // A date, time or color input paints its own placeholder whether or not it\n  // holds a value, so a floating label would sit on top of `mm/dd/yyyy` — the\n  // same rule the classic text field applies (AGL-2486).\n  const alwaysFilled =\n    type === 'date' ||\n    type === 'time' ||\n    type === 'datetime-local' ||\n    type === 'month' ||\n    type === 'week' ||\n    type === 'color'\n  // `!== ''` and friends spelled out: `0` is a value an author typed and\n  // this repo has `strictNullChecks` off, so a falsy test would hide the\n  // clear button on it (AGL-2486).\n  const clear = buildFieldClear({\n    clearable,\n    label,\n    hasValue:\n      input.value !== '' && input.value !== undefined && input.value !== null,\n    locked: Boolean(isDisabled || isReadOnly),\n    onClear: () => input.onChange(''),\n  })\n\n  return (\n    <FormFieldGrid help={help} clear={clear} {...FormFieldGridProps}>\n      <MuiTextField\n        {...input}\n        fullWidth\n        error={!!invalid}\n        helperText={\n          invalid ||\n          ((meta.touched || validateOnMount) && meta.warning) ||\n          helperText ||\n          description\n        }\n        disabled={isDisabled}\n        label={label}\n        placeholder={placeholder}\n        required={isRequired}\n        type={type}\n        slotProps={{\n          input: { readOnly: isReadOnly, ...InputProps },\n          htmlInput: { ...inputProps },\n          ...(alwaysFilled ? { inputLabel: { shrink: true } } : {}),\n        }}\n        {...rest}\n      />\n    </FormFieldGrid>\n  )\n}\n\nexport default TextField\n"],"names":["TextField","MuiTextField","useFieldApi","FormFieldGrid","buildFieldClear","validationError","props","input","isReadOnly","isDisabled","placeholder","isRequired","label","helperText","description","validateOnMount","meta","inputProps","InputProps","help","clearable","FormFieldGridProps","type","rest","invalid","alwaysFilled","clear","hasValue","value","undefined","locked","Boolean","onClear","onChange","fullWidth","error","touched","warning","disabled","required","slotProps","readOnly","htmlInput","inputLabel","shrink"],"mappings":";;;AAAA;;;;;;;;;;;;;;;CAeC,GAED;;;CAGC,GAED,SAASA,aAAaC,YAAY,QAAQ,gBAAe;AAEzD,SAASC,WAAW,QAAQ,iCAA6B;AACzD,OAAOC,iBACLC,eAAe,QAEV,uBAAmB;AAE1B,SAAiCC,eAAe,QAAQ,wBAAoB;AAkB5E,OAAO,MAAML,YAAY,CAACM;IACxB,MAkBIJ,eAAAA,YAAYI,QAlBV,EACJC,KAAK,EACLC,UAAU,EACVC,UAAU,EACVC,WAAW,EACXC,UAAU,EACVC,KAAK,EACLC,UAAU,EACVC,WAAW,EACXC,eAAe,EACfC,IAAI,EACJC,UAAU,EACVC,UAAU,EACVC,IAAI,EACJC,SAAS,EACTC,qBAAqB,CAAC,CAAC,EACvBC,IAAI,EAEL,GAAGpB,cADCqB,wCACDrB;;;;;;;;;;;;;;;;;;IACJ,MAAMsB,UAAUnB,gBAAgBW,MAA2BD;IAC3D,2EAA2E;IAC3E,4EAA4E;IAC5E,uDAAuD;IACvD,MAAMU,eACJH,SAAS,UACTA,SAAS,UACTA,SAAS,oBACTA,SAAS,WACTA,SAAS,UACTA,SAAS;IACX,uEAAuE;IACvE,uEAAuE;IACvE,iCAAiC;IACjC,MAAMI,QAAQtB,gBAAgB;QAC5BgB;QACAR;QACAe,UACEpB,MAAMqB,KAAK,KAAK,MAAMrB,MAAMqB,KAAK,KAAKC,aAAatB,MAAMqB,KAAK,KAAK;QACrEE,QAAQC,QAAQtB,cAAcD;QAC9BwB,SAAS,IAAMzB,MAAM0B,QAAQ,CAAC;IAChC;IAEA,qBACE,KAAC9B;QAAcgB,MAAMA;QAAMO,OAAOA;OAAWL;kBAC3C,cAAA,KAACpB,2BACKM;YACJ2B,SAAS;YACTC,OAAO,CAAC,CAACX;YACTX,YACEW,WACC,AAACR,CAAAA,KAAKoB,OAAO,IAAIrB,eAAc,KAAMC,KAAKqB,OAAO,IAClDxB,cACAC;YAEFwB,UAAU7B;YACVG,OAAOA;YACPF,aAAaA;YACb6B,UAAU5B;YACVW,MAAMA;YACNkB,WAAW;gBACTjC,OAAO;oBAAEkC,UAAUjC;mBAAeU;gBAClCwB,WAAW,aAAKzB;eACZQ,eAAe;gBAAEkB,YAAY;oBAAEC,QAAQ;gBAAK;YAAE,IAAI,CAAC;WAErDrB;;AAIZ,EAAC;AAED,eAAevB,UAAS"}

package/src/lib/mapper/textarea.d.ts

@@ -0,0 +1,31 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/**
+ * Ported from `@data-driven-forms/mui-component-mapper` (Apache-2.0) and
+ * updated for the current MUI API (`slotProps` instead of `inputProps`).
+ */
+import { type TextFieldProps as MuiTextFieldProps } from '@mui/material';
+import { type FormFieldGridProps } from './form-field-grid';
+import type { BaseFieldProps } from './types';
+export interface TextareaProps extends BaseFieldProps {
+    placeholder?: string;
+    inputProps?: Record<string, any>;
+    FormFieldGridProps?: FormFieldGridProps;
+    TextFieldProps?: Omit<MuiTextFieldProps, 'name' | 'value' | 'onChange' | 'onBlur' | 'onFocus'>;
+}
+export declare const Textarea: (props: TextareaProps) => import("react").JSX.Element;
+export default Textarea;

package/src/lib/mapper/textarea.js

@@ -0,0 +1,68 @@
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { _ as _object_without_properties_loose } from "@swc/helpers/_/_object_without_properties_loose";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ /**
+ * Ported from `@data-driven-forms/mui-component-mapper` (Apache-2.0) and
+ * updated for the current MUI API (`slotProps` instead of `inputProps`).
+ */ import { TextField as MuiTextField } from "@mui/material";
+import { useFieldApi } from "../vendor/data-driven-forms.js";
+import FormFieldGrid from "./form-field-grid.js";
+import { validationError } from "./validation-error.js";
+export const Textarea = (props)=>{
+    const _useFieldApi = useFieldApi(props), { input, isReadOnly, isDisabled, placeholder, isRequired, label, helperText, description, validateOnMount, meta, help, FormFieldGridProps = {}, inputProps = {}, TextFieldProps = {} } = _useFieldApi, rest = _object_without_properties_loose(_useFieldApi, [
+        "input",
+        "isReadOnly",
+        "isDisabled",
+        "placeholder",
+        "isRequired",
+        "label",
+        "helperText",
+        "description",
+        "validateOnMount",
+        "meta",
+        "help",
+        "FormFieldGridProps",
+        "inputProps",
+        "TextFieldProps"
+    ]);
+    const invalid = validationError(meta, validateOnMount);
+    return /*#__PURE__*/ _jsx(FormFieldGrid, _extends({
+        help: help
+    }, FormFieldGridProps, {
+        children: /*#__PURE__*/ _jsx(MuiTextField, _extends({}, input, {
+            fullWidth: true,
+            error: !!invalid,
+            helperText: invalid || (meta.touched || validateOnMount) && meta.warning || helperText || description,
+            disabled: isDisabled,
+            label: label,
+            placeholder: placeholder,
+            required: isRequired,
+            slotProps: {
+                input: {
+                    readOnly: isReadOnly
+                },
+                htmlInput: _extends({}, inputProps)
+            }
+        }, TextFieldProps, rest, {
+            multiline: true
+        }))
+    }));
+};
+export default Textarea;
+
+//# sourceMappingURL=textarea.js.map

package/src/lib/mapper/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/shared/ui/jsx-forms/src/lib/mapper/textarea.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n/**\n * Ported from `@data-driven-forms/mui-component-mapper` (Apache-2.0) and\n * updated for the current MUI API (`slotProps` instead of `inputProps`).\n */\n\nimport {\n  TextField as MuiTextField,\n  type TextFieldProps as MuiTextFieldProps,\n} from '@mui/material'\n\nimport { useFieldApi } from '../vendor/data-driven-forms'\nimport FormFieldGrid, { type FormFieldGridProps } from './form-field-grid'\nimport type { BaseFieldProps } from './types'\nimport { type ExtendedFieldMeta, validationError } from './validation-error'\n\nexport interface TextareaProps extends BaseFieldProps {\n  placeholder?: string\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  inputProps?: Record<string, any>\n  FormFieldGridProps?: FormFieldGridProps\n  TextFieldProps?: Omit<\n    MuiTextFieldProps,\n    'name' | 'value' | 'onChange' | 'onBlur' | 'onFocus'\n  >\n}\n\nexport const Textarea = (props: TextareaProps) => {\n  const {\n    input,\n    isReadOnly,\n    isDisabled,\n    placeholder,\n    isRequired,\n    label,\n    helperText,\n    description,\n    validateOnMount,\n    meta,\n    help,\n    FormFieldGridProps = {},\n    inputProps = {},\n    TextFieldProps = {},\n    ...rest\n  } = useFieldApi(props)\n\n  const invalid = validationError(meta as ExtendedFieldMeta, validateOnMount)\n\n  return (\n    <FormFieldGrid help={help} {...FormFieldGridProps}>\n      <MuiTextField\n        {...input}\n        fullWidth\n        error={!!invalid}\n        helperText={\n          invalid ||\n          ((meta.touched || validateOnMount) && meta.warning) ||\n          helperText ||\n          description\n        }\n        disabled={isDisabled}\n        label={label}\n        placeholder={placeholder}\n        required={isRequired}\n        slotProps={{\n          input: { readOnly: isReadOnly },\n          htmlInput: { ...inputProps },\n        }}\n        {...TextFieldProps}\n        {...rest}\n        multiline\n      />\n    </FormFieldGrid>\n  )\n}\n\nexport default Textarea\n"],"names":["TextField","MuiTextField","useFieldApi","FormFieldGrid","validationError","Textarea","props","input","isReadOnly","isDisabled","placeholder","isRequired","label","helperText","description","validateOnMount","meta","help","FormFieldGridProps","inputProps","TextFieldProps","rest","invalid","fullWidth","error","touched","warning","disabled","required","slotProps","readOnly","htmlInput","multiline"],"mappings":";;;AAAA;;;;;;;;;;;;;;;CAeC,GAED;;;CAGC,GAED,SACEA,aAAaC,YAAY,QAEpB,gBAAe;AAEtB,SAASC,WAAW,QAAQ,iCAA6B;AACzD,OAAOC,mBAAgD,uBAAmB;AAE1E,SAAiCC,eAAe,QAAQ,wBAAoB;AAa5E,OAAO,MAAMC,WAAW,CAACC;IACvB,MAgBIJ,eAAAA,YAAYI,QAhBV,EACJC,KAAK,EACLC,UAAU,EACVC,UAAU,EACVC,WAAW,EACXC,UAAU,EACVC,KAAK,EACLC,UAAU,EACVC,WAAW,EACXC,eAAe,EACfC,IAAI,EACJC,IAAI,EACJC,qBAAqB,CAAC,CAAC,EACvBC,aAAa,CAAC,CAAC,EACfC,iBAAiB,CAAC,CAAC,EAEpB,GAAGlB,cADCmB,wCACDnB;;;;;;;;;;;;;;;;IAEJ,MAAMoB,UAAUlB,gBAAgBY,MAA2BD;IAE3D,qBACE,KAACZ;QAAcc,MAAMA;OAAUC;kBAC7B,cAAA,KAACjB,2BACKM;YACJgB,SAAS;YACTC,OAAO,CAAC,CAACF;YACTT,YACES,WACC,AAACN,CAAAA,KAAKS,OAAO,IAAIV,eAAc,KAAMC,KAAKU,OAAO,IAClDb,cACAC;YAEFa,UAAUlB;YACVG,OAAOA;YACPF,aAAaA;YACbkB,UAAUjB;YACVkB,WAAW;gBACTtB,OAAO;oBAAEuB,UAAUtB;gBAAW;gBAC9BuB,WAAW,aAAKZ;YAClB;WACIC,gBACAC;YACJW,SAAS;;;AAIjB,EAAC;AAED,eAAe3B,SAAQ"}