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

package/src/lib/components/icon-select.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/shared/ui/jsx-forms/src/lib/components/icon-select.component.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\nimport {\n  DEFAULT_ICON,\n  type Icon,\n  mdiCheck,\n  mdiChevronDown,\n  mdiChevronUp,\n} from '@aglyn/shared-data-mdi'\nimport { CardListItem, MdiIcon } from '@aglyn/shared-ui-jsx'\nimport { useMdiIconsFuzzy } from '@aglyn/shared-ui-jsx/hooks/mdi-icon/use-mdi-icons-fuzzy'\nimport { GridList } from '@aglyn/shared-ui-jsx/components/grid-list'\nimport { generateComponentClassKeys, styled } from '@aglyn/shared-ui-theme'\nimport { useDebouncedCallback } from '@aglyn/shared-util-vendor/use-debounce'\nimport {\n  Box,\n  Button,\n  ButtonBase,\n  Collapse,\n  Grid,\n  Link as MuiLink,\n  TextField as MuiTextField,\n  Tooltip,\n  Typography,\n} from '@mui/material'\n\nimport {\n  forwardRef,\n  type HTMLAttributes,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react'\nimport FormFieldGrid, { buildFieldClear } from '../mapper/form-field-grid'\nimport { validationMessage } from '../utils/validation-message'\n\nimport {\n  useFieldApi,\n  type UseFieldApiConfig,\n} from '../vendor/data-driven-forms'\n\nconst iconUnset = { ...DEFAULT_ICON, id: null, name: '(none)' }\nconst classKeys = generateComponentClassKeys('AglynIconSelect', [\n  'root',\n  'button',\n  'icon',\n  'label',\n  'selected',\n  'opener',\n  'preview',\n  'collapse',\n  'collapseInner',\n  'gridListWrapper',\n  'gridList',\n])\n\nconst StyledCollapse = styled(Collapse, {\n  name: 'AglynIconSelectCollapse',\n})(({ theme }) => ({\n  '& .MuiCollapse-wrapper': {\n    height: 412,\n  },\n  '& .MuiCollapse-wrapperInner': {\n    paddingTop: theme.spacing(1),\n    display: 'flex',\n    flexDirection: 'column',\n    flexGrow: 1,\n    flexShrink: 0,\n    alignSelf: 'stretch',\n  },\n}))\n\nconst GridListWrapper = styled('div', {\n  name: 'AglynIconSelectListWrapper',\n})(({ theme }) => {\n  const tv = (theme as any).vars || theme\n  return {\n    height: '100%',\n    marginTop: theme.spacing(1),\n    border: `1px solid ${tv.palette.divider}`,\n    borderRadius: theme.shape.borderRadius,\n    [`& .${classKeys.gridList}`]: {\n      padding: theme.spacing(1),\n    },\n  }\n})\n\nexport interface IconSelectProps extends HTMLAttributes<HTMLDivElement> {\n  initialValue?: string\n  classes?: Partial<typeof classKeys>\n}\n\nexport interface IconSelectControlProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  /** Picked icon id, or empty for \"nothing chosen yet\". */\n  value?: string\n  onChange?: (iconId: string) => void\n  label?: JSX.Node\n  helperText?: JSX.Node\n  GridListProps?: Record<string, unknown>\n  classes?: Partial<typeof classKeys>\n}\n\n/**\n * The picker itself, with no form library attached (AGL-1193).\n *\n * Extracted so surfaces outside the designer can offer the SAME picker\n * rather than growing a second one: the console sets a reusable\n * component's icon from a plain dialog and a plain detail form, neither of\n * which runs inside a data-driven-forms tree. The field below is now a\n * thin adapter over this, so the two can't drift.\n */\nexport const IconSelectControl = forwardRef<any, IconSelectControlProps>(\n  (props, ref) => {\n    const {\n      value: currentValue = '',\n      onChange,\n      label,\n      helperText: helperContent,\n      GridListProps,\n      ...rest\n    } = props\n    const [open, setOpen] = useState(false)\n    const [icons, allIcons, applyFilter, clearFilter] = useMdiIconsFuzzy()\n    /**\n     * The DRAFT pick (AGL-2486). Picking is two steps: clicking an icon only\n     * moves this, and `Choose` is the one thing that reaches `onChange` and\n     * therefore the canvas.\n     */\n    const [selected, setSelected] = useState(currentValue)\n    /**\n     * Re-seeded from the live value whenever the panel opens or the value\n     * changes underneath. Without this an abandoned pick survived the panel\n     * being closed, so the NEXT `Choose` applied an icon the author had\n     * already walked away from.\n     */\n    useEffect(() => {\n      setSelected(currentValue)\n    }, [currentValue, open])\n\n    // Rendering all ~6,600 icons at once froze the panel (AGL-340): cap the\n    // grid and let search narrow the rest.\n    const MAX_RENDERED_ICONS = 240\n    const visibleIcons = useMemo(\n      () =>\n        icons.length > MAX_RENDERED_ICONS\n          ? icons.slice(0, MAX_RENDERED_ICONS)\n          : icons,\n      [icons],\n    )\n\n    const [currentIcon, selectedIcon] = useMemo(() => {\n      const findIcon = (id: string) => allIcons.find((icon) => icon.id === id)\n      const currentIcon = (currentValue && findIcon(currentValue)) || iconUnset\n      const selectedIcon = (selected && findIcon(selected)) || iconUnset\n      return [currentIcon, selectedIcon]\n    }, [currentValue, selected, allIcons])\n\n    const handleButtonClick = useCallback(() => {\n      setOpen((prev) => !prev)\n    }, [setOpen])\n    /** Nothing to confirm until the draft differs from what is applied. */\n    const hasPendingPick = selected !== currentValue\n    const handleCancelButtonClick = useCallback(() => {\n      // Closing re-seeds the draft (the effect above), so this only has to\n      // close — but it says so explicitly, because \"cancel leaves the canvas\n      // alone\" is the guarantee, not an emergent property of an effect.\n      setSelected(currentValue)\n      setOpen(false)\n    }, [currentValue])\n    const handleChooseButtonClick = useCallback(() => {\n      if (selected === currentValue) return\n      onChange?.(selected)\n      setOpen(false)\n    }, [onChange, selected, currentValue])\n    const updateFilter = useDebouncedCallback((value?: string) => {\n      if (value) {\n        applyFilter(value)\n      } else {\n        clearFilter()\n      }\n    }, 300)\n    const handleFilterChange = useCallback(\n      (e) => {\n        const target = e.currentTarget\n        if (target && target.value) {\n          updateFilter(target.value)\n        } else {\n          updateFilter()\n        }\n      },\n      [updateFilter],\n    )\n    const handleItemClick = useCallback(\n      (e, item: Icon) => {\n        setSelected(item.id)\n      },\n      [setSelected],\n    )\n\n    const renderItemContent = useCallback(\n      function RenderItemContent(item: Icon, key: number) {\n        const isSelected = Boolean(selected) && selected === item.id\n        return (\n          <Tooltip\n            key={item.id ?? key}\n            title={item.name}\n            disableInteractive\n            enterDelay={375}\n            enterNextDelay={745}\n          >\n            <CardListItem\n              item={item}\n              selected={isSelected}\n              // A real toggle, so the pick is announced and not only\n              // painted (AGL-2486).\n              role=\"button\"\n              aria-pressed={isSelected}\n              onClick={(e) => handleItemClick(e, item)}\n            >\n              <div>\n                <MdiIcon fontSize=\"medium\" path={item.path} />\n              </div>\n              {isSelected ? (\n                // Belt and braces on the fill: a tick reads as \"picked\"\n                // even where the tint is subtle, and gives the state\n                // something to assert against.\n                <Box\n                  data-aglyn-icon-selected=\"\"\n                  sx={{\n                    position: 'absolute',\n                    top: 2,\n                    right: 2,\n                    lineHeight: 0,\n                    fontSize: 14,\n                    borderRadius: '50%',\n                    bgcolor: 'primary.contrastText',\n                    color: 'primary.main',\n                  }}\n                >\n                  <MdiIcon fontSize=\"inherit\" path={mdiCheck.path} />\n                </Box>\n              ) : null}\n            </CardListItem>\n          </Tooltip>\n        )\n      },\n      [selected, handleItemClick],\n    )\n\n    return (\n      <Grid ref={ref} container>\n        <Grid spacing={2} container sx={{\n          alignItems: 'center'\n        }}>\n          <Grid>\n            <ButtonBase\n              onClick={handleButtonClick}\n              disableRipple\n              sx={(theme) => ({ fontSize: theme.typography.pxToRem(38) })}\n              title={currentIcon.name || 'Choose icon'}\n            >\n              <MdiIcon fontSize=\"inherit\" path={currentIcon.path} />\n            </ButtonBase>\n          </Grid>\n          <Grid\n            size={{\n              sm: \"grow\"\n            }}>\n            <Typography component=\"div\" variant=\"caption\">\n              {label}\n            </Typography>\n            <MuiLink\n              onClick={handleButtonClick}\n              variant=\"button\"\n              component=\"button\"\n              color=\"primary\"\n              sx={{\n                display: 'flex',\n                flexDirection: 'row',\n                justifyContent: 'flex-start',\n              }}\n            >\n              <span>\n                <MdiIcon\n                  fontSize=\"inherit\"\n                  path={open ? mdiChevronUp.path : mdiChevronDown.path}\n                />\n              </span>\n              <span>{currentIcon.name}</span>\n            </MuiLink>\n          </Grid>\n        </Grid>\n        <Grid size={12}>\n          <StyledCollapse in={open}>\n            <Grid spacing={2} container sx={{\n              alignItems: \"center\"\n            }}>\n              <Grid size={12}>\n                <MuiTextField\n                  onChange={handleFilterChange}\n                  placeholder=\"Search icons...\"\n                  size=\"small\"\n                  helperText={helperContent}\n                  fullWidth\n                />\n              </Grid>\n              <Grid size=\"grow\">\n                <Typography component=\"div\" variant=\"body2\">\n                  Selected icon: <b>{selectedIcon.name}</b>\n                </Typography>\n                <Typography\n                  component=\"div\"\n                  variant=\"caption\"\n                  color=\"text.secondary\"\n                >\n                  {hasPendingPick\n                    ? `Not applied yet — press Choose to replace ${currentIcon.name}.`\n                    : 'Pick an icon, then press Choose to apply it.'}\n                </Typography>\n              </Grid>\n              <Grid>\n                <Button color=\"inherit\" onClick={handleCancelButtonClick}>\n                  Cancel\n                </Button>\n              </Grid>\n              <Grid>\n                <Button\n                  color=\"primary\"\n                  disabled={!hasPendingPick}\n                  onClick={handleChooseButtonClick}\n                  variant=\"contained\"\n                >\n                  Choose\n                </Button>\n              </Grid>\n            </Grid>\n\n            <GridListWrapper>\n              <GridList\n                GridContainerProps={{ spacing: 1 }}\n                GridItemProps={{ size: { xs: 2 } }}\n                ListWrapperProps={{ className: classKeys.gridList }}\n                items={visibleIcons}\n                renderItemContent={renderItemContent}\n                {...GridListProps}\n              />\n              {icons.length > visibleIcons.length ? (\n                <Typography\n                  variant=\"caption\"\n                  color=\"text.secondary\"\n                  sx={{ display: 'block', px: 1, pb: 1 }}\n                >\n                  {`Showing ${visibleIcons.length} of ${icons.length} icons — search to narrow down.`}\n                </Typography>\n              ) : null}\n              {allIcons.length === 0 ? (\n                <Typography\n                  variant=\"caption\"\n                  color=\"text.secondary\"\n                  sx={{ display: 'block', px: 1, pb: 1 }}\n                >\n                  {'Loading icon catalog…'}\n                </Typography>\n              ) : null}\n            </GridListWrapper>\n          </StyledCollapse>\n        </Grid>\n      </Grid>\n    )\n  },\n)\nIconSelectControl.displayName = 'IconSelectControl'\n\n/**\n * The data-driven-forms field: everything form-shaped (validation message,\n * helper/description precedence, the final-form input) resolved here, and\n * the picking itself delegated to {@link IconSelectControl}.\n *\n * Sits in the same {@link FormFieldGrid} every other field does, so the corner\n * controls a schema asks for — the help tip, the opt-in clear, a caller's own\n * — are where they are on every other field rather than silently dropped.\n */\nconst IconSelectComponent = forwardRef<any, IconSelectProps>((props, ref) => {\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    GridListProps,\n    help,\n    clearable,\n    FormFieldGridProps = {},\n    ...rest\n  } = useFieldApi(props as UseFieldApiConfig)\n\n  const invalidMessage = validationMessage(meta, validateOnMount)\n  const helperContent = [\n    invalidMessage,\n    (meta.touched || validateOnMount) && meta.warning,\n    helperText,\n    description,\n  ].find((i) => Boolean(i))\n\n  // The picker can only ever choose an icon, so without this nothing takes\n  // one back off again.\n  const clear = buildFieldClear({\n    clearable,\n    label,\n    hasValue: Boolean(input.value),\n    locked: Boolean(isDisabled || isReadOnly),\n    onClear: () => input.onChange(''),\n  })\n\n  return (\n    <FormFieldGrid help={help} clear={clear} {...FormFieldGridProps}>\n      <IconSelectControl\n        ref={ref}\n        value={input.value}\n        onChange={input.onChange}\n        label={label}\n        helperText={helperContent}\n        GridListProps={GridListProps}\n      />\n    </FormFieldGrid>\n  )\n})\n\nIconSelectComponent.displayName = 'IconSelectComponent'\nIconSelectComponent.aglyn = true\n\nexport default IconSelectComponent\n"],"names":["DEFAULT_ICON","mdiCheck","mdiChevronDown","mdiChevronUp","CardListItem","MdiIcon","useMdiIconsFuzzy","GridList","generateComponentClassKeys","styled","useDebouncedCallback","Box","Button","ButtonBase","Collapse","Grid","Link","MuiLink","TextField","MuiTextField","Tooltip","Typography","forwardRef","useCallback","useEffect","useMemo","useState","FormFieldGrid","buildFieldClear","validationMessage","useFieldApi","iconUnset","id","name","classKeys","StyledCollapse","theme","height","paddingTop","spacing","display","flexDirection","flexGrow","flexShrink","alignSelf","GridListWrapper","tv","vars","marginTop","border","palette","divider","borderRadius","shape","gridList","padding","IconSelectControl","props","ref","value","currentValue","onChange","label","helperText","helperContent","GridListProps","rest","open","setOpen","icons","allIcons","applyFilter","clearFilter","selected","setSelected","MAX_RENDERED_ICONS","visibleIcons","length","slice","currentIcon","selectedIcon","findIcon","find","icon","handleButtonClick","prev","hasPendingPick","handleCancelButtonClick","handleChooseButtonClick","updateFilter","handleFilterChange","e","target","currentTarget","handleItemClick","item","renderItemContent","RenderItemContent","key","isSelected","Boolean","title","disableInteractive","enterDelay","enterNextDelay","role","aria-pressed","onClick","div","fontSize","path","data-aglyn-icon-selected","sx","position","top","right","lineHeight","bgcolor","color","container","alignItems","disableRipple","typography","pxToRem","size","sm","component","variant","justifyContent","span","in","placeholder","fullWidth","b","disabled","GridContainerProps","GridItemProps","xs","ListWrapperProps","className","items","px","pb","displayName","IconSelectComponent","input","isReadOnly","isDisabled","isRequired","description","validateOnMount","meta","inputProps","help","clearable","FormFieldGridProps","invalidMessage","touched","warning","i","clear","hasValue","locked","onClear","aglyn"],"mappings":"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"}

package/src/lib/components/select.component.d.ts

@@ -0,0 +1,58 @@
+/**
+ * @license
+ * Copyright 2023 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 FormControlProps as MuiFormControlProps, type MenuItemProps as MuiMenuItemProps, type SelectProps as MuiSelectProps } from '@mui/material';
+import { type UseFieldApiConfig } from '../vendor/data-driven-forms';
+export type SelectBaseProps = MuiSelectProps & UseFieldApiConfig;
+export type SelectProps = SelectBaseProps & {
+    isReadOnly?: boolean;
+    isDisabled?: boolean;
+    isRequired?: boolean;
+    description?: JSX.Node;
+    validateOnMount?: boolean;
+    FormControlProps?: Partial<MuiFormControlProps>;
+    disableDefaultOption?: boolean;
+    defaultOption?: MuiMenuItemProps;
+};
+export declare const SelectComponent: import("react").ForwardRefExoticComponent<(Omit<import("@mui/material").FilledSelectProps & import("@mui/material").BaseSelectProps<unknown> & UseFieldApiConfig & {
+    isReadOnly?: boolean;
+    isDisabled?: boolean;
+    isRequired?: boolean;
+    description?: JSX.Node;
+    validateOnMount?: boolean;
+    FormControlProps?: Partial<MuiFormControlProps>;
+    disableDefaultOption?: boolean;
+    defaultOption?: MuiMenuItemProps;
+}, "ref"> | Omit<import("@mui/material").StandardSelectProps & import("@mui/material").BaseSelectProps<unknown> & UseFieldApiConfig & {
+    isReadOnly?: boolean;
+    isDisabled?: boolean;
+    isRequired?: boolean;
+    description?: JSX.Node;
+    validateOnMount?: boolean;
+    FormControlProps?: Partial<MuiFormControlProps>;
+    disableDefaultOption?: boolean;
+    defaultOption?: MuiMenuItemProps;
+}, "ref"> | Omit<import("@mui/material").OutlinedSelectProps & import("@mui/material").BaseSelectProps<unknown> & UseFieldApiConfig & {
+    isReadOnly?: boolean;
+    isDisabled?: boolean;
+    isRequired?: boolean;
+    description?: JSX.Node;
+    validateOnMount?: boolean;
+    FormControlProps?: Partial<MuiFormControlProps>;
+    disableDefaultOption?: boolean;
+    defaultOption?: MuiMenuItemProps;
+}, "ref">) & import("react").RefAttributes<any>>;
+export default SelectComponent;

package/src/lib/components/select.component.js

@@ -0,0 +1,107 @@
+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 2023 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 { mergeSxProps } from "@aglyn/shared-ui-theme";
+import { FormControl as MuiFormControl, FormHelperText as MuiFormHelperText, InputLabel as MuiInputLabel, MenuItem as MuiMenuItem, Select as MuiSelect } from "@mui/material";
+import { forwardRef } from "react";
+import { validationMessage } from "../utils/validation-message.js";
+import { useFieldApi } from "../vendor/data-driven-forms.js";
+export const SelectComponent = /*#__PURE__*/ forwardRef((props, ref)=>{
+    var _ref;
+    const _useFieldApi = useFieldApi(props), { input, isReadOnly, isDisabled, placeholder, isRequired, label, helperText, description, validateOnMount, meta, inputProps, options = [], variant, FormControlProps: _ref1 = {} } = _useFieldApi, { sx: formControlSx } = _ref1, formControlProps = _object_without_properties_loose(_ref1, [
+        "sx"
+    ]), { defaultOption, disableDefaultOption } = _useFieldApi, rest = _object_without_properties_loose(_useFieldApi, [
+        "input",
+        "isReadOnly",
+        "isDisabled",
+        "placeholder",
+        "isRequired",
+        "label",
+        "helperText",
+        "description",
+        "validateOnMount",
+        "meta",
+        "inputProps",
+        "options",
+        "variant",
+        "FormControlProps",
+        "defaultOption",
+        "disableDefaultOption"
+    ]);
+    const invalidMessage = validationMessage(meta, validateOnMount);
+    const helpText = invalidMessage || (meta.touched || validateOnMount) && meta.warning || helperText || description;
+    return /*#__PURE__*/ _jsxs(MuiFormControl, _extends({
+        ref: ref,
+        variant: variant,
+        size: "small",
+        sx: mergeSxProps({
+            width: '100%',
+            display: 'flex'
+        }, formControlSx)
+    }, formControlProps, {
+        children: [
+            /*#__PURE__*/ _jsx(MuiInputLabel, {
+                id: `field-select-${input.name}`,
+                children: label
+            }),
+            /*#__PURE__*/ _jsxs(MuiSelect, _extends({}, input, {
+                disabled: isDisabled,
+                error: Boolean(invalidMessage),
+                inputProps: _extends({
+                    readOnly: isReadOnly
+                }, inputProps),
+                label: label,
+                labelId: `field-select-${input.name}`,
+                required: isRequired,
+                fullWidth: true
+            }, rest, {
+                children: [
+                    disableDefaultOption ? null : /*#__PURE__*/ _jsx(MuiMenuItem, _extends({
+                        value: ''
+                    }, defaultOption, {
+                        children: (_ref = defaultOption == null ? void 0 : defaultOption.children) != null ? _ref : 'None'
+                    })),
+                    options.map((_0, _1)=>{
+                        let _ref = [
+                            _0,
+                            _1
+                        ], [_ref1, ..._rest] = _ref, { children, label, value } = _ref1, item = _object_without_properties_loose(_ref1, [
+                            "children",
+                            "label",
+                            "value"
+                        ]), [key] = _rest;
+                        var _ref2, _ref3, _item_key;
+                        return /*#__PURE__*/ _jsx(MuiMenuItem, _extends({
+                            value: value
+                        }, item, {
+                            children: children != null ? children : label
+                        }), (_ref2 = (_ref3 = (_item_key = item.key) != null ? _item_key : item.id) != null ? _ref3 : value) != null ? _ref2 : key);
+                    })
+                ]
+            })),
+            !helpText ? null : /*#__PURE__*/ _jsx(MuiFormHelperText, {
+                children: helpText
+            })
+        ]
+    }));
+});
+SelectComponent.displayName = 'SelectComponent';
+SelectComponent.aglyn = true;
+export default SelectComponent;
+
+//# sourceMappingURL=select.component.js.map

package/src/lib/components/select.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/shared/ui/jsx-forms/src/lib/components/select.component.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2023 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\nimport { mergeSxProps } from '@aglyn/shared-ui-theme'\nimport {\n  FormControl as MuiFormControl,\n  type FormControlProps as MuiFormControlProps,\n  FormHelperText as MuiFormHelperText,\n  InputLabel as MuiInputLabel,\n  MenuItem as MuiMenuItem,\n  type MenuItemProps as MuiMenuItemProps,\n  Select as MuiSelect,\n  type SelectProps as MuiSelectProps,\n} from '@mui/material'\nimport { forwardRef } from 'react'\nimport { validationMessage } from '../utils/validation-message'\nimport {\n  useFieldApi,\n  type UseFieldApiConfig,\n} from '../vendor/data-driven-forms'\n\nexport type SelectBaseProps = MuiSelectProps & UseFieldApiConfig\n\nexport type SelectProps = SelectBaseProps & {\n  isReadOnly?: boolean\n  isDisabled?: boolean\n  isRequired?: boolean\n  description?: JSX.Node\n  validateOnMount?: boolean\n  FormControlProps?: Partial<MuiFormControlProps>\n  disableDefaultOption?: boolean\n  defaultOption?: MuiMenuItemProps\n}\n\nexport const SelectComponent = forwardRef<any, SelectProps>((props, ref) => {\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    options = [],\n    variant,\n    FormControlProps: { sx: formControlSx, ...formControlProps } = {},\n    defaultOption,\n    disableDefaultOption,\n    ...rest\n  } = useFieldApi(props as UseFieldApiConfig)\n  const invalidMessage = validationMessage(meta, validateOnMount)\n  const helpText =\n    invalidMessage ||\n    ((meta.touched || validateOnMount) && meta.warning) ||\n    helperText ||\n    description\n\n  return (\n    <MuiFormControl\n      ref={ref}\n      variant={variant}\n      size=\"small\"\n      sx={mergeSxProps({ width: '100%', display: 'flex' }, formControlSx)}\n      {...formControlProps}\n    >\n      <MuiInputLabel id={`field-select-${input.name}`}>{label}</MuiInputLabel>\n      <MuiSelect\n        {...input}\n        disabled={isDisabled}\n        error={Boolean(invalidMessage)}\n        inputProps={{\n          readOnly: isReadOnly,\n          ...inputProps,\n        }}\n        label={label}\n        labelId={`field-select-${input.name}`}\n        required={isRequired}\n        fullWidth\n        {...rest}\n      >\n        {disableDefaultOption ? null : (\n          <MuiMenuItem value={''} {...defaultOption}>\n            {defaultOption?.children ?? 'None'}\n          </MuiMenuItem>\n        )}\n        {options.map(\n          ({ children, label, value, ...item }: any, key: number) => (\n            <MuiMenuItem\n              key={item.key ?? item.id ?? value ?? key}\n              value={value}\n              {...item}\n            >\n              {children ?? label}\n            </MuiMenuItem>\n          ),\n        )}\n      </MuiSelect>\n      {!helpText ? null : <MuiFormHelperText>{helpText}</MuiFormHelperText>}\n    </MuiFormControl>\n  )\n})\n\nSelectComponent.displayName = 'SelectComponent'\nSelectComponent.aglyn = true\n\nexport default SelectComponent\n"],"names":["mergeSxProps","FormControl","MuiFormControl","FormHelperText","MuiFormHelperText","InputLabel","MuiInputLabel","MenuItem","MuiMenuItem","Select","MuiSelect","forwardRef","validationMessage","useFieldApi","SelectComponent","props","ref","input","isReadOnly","isDisabled","placeholder","isRequired","label","helperText","description","validateOnMount","meta","inputProps","options","variant","FormControlProps","sx","formControlSx","formControlProps","defaultOption","disableDefaultOption","rest","invalidMessage","helpText","touched","warning","size","width","display","id","name","disabled","error","Boolean","readOnly","labelId","required","fullWidth","value","children","map","item","key","displayName","aglyn"],"mappings":";;;AAAA;;;;;;;;;;;;;;;CAeC,GAED,SAASA,YAAY,QAAQ,yBAAwB;AACrD,SACEC,eAAeC,cAAc,EAE7BC,kBAAkBC,iBAAiB,EACnCC,cAAcC,aAAa,EAC3BC,YAAYC,WAAW,EAEvBC,UAAUC,SAAS,QAEd,gBAAe;AACtB,SAASC,UAAU,QAAQ,QAAO;AAClC,SAASC,iBAAiB,QAAQ,iCAA6B;AAC/D,SACEC,WAAW,QAEN,iCAA6B;AAepC,OAAO,MAAMC,gCAAkBH,WAA6B,CAACI,OAAOC;;IAClE,MAkBIH,eAAAA,YAAYE,QAlBV,EACJE,KAAK,EACLC,UAAU,EACVC,UAAU,EACVC,WAAW,EACXC,UAAU,EACVC,KAAK,EACLC,UAAU,EACVC,WAAW,EACXC,eAAe,EACfC,IAAI,EACJC,UAAU,EACVC,UAAU,EAAE,EACZC,OAAO,EACPC,kBAAkB,QAA6C,CAAC,CAAC,EAIlE,GAAGjB,cAJgB,EAAEkB,IAAIC,aAAa,EAAuB,UAAlBC;;QAdtC,EAeJC,aAAa,EACbC,oBAAoB,EAErB,GAAGtB,cADCuB,wCACDvB;;;;;;;;;;;;;;;;;;IACJ,MAAMwB,iBAAiBzB,kBAAkBc,MAAMD;IAC/C,MAAMa,WACJD,kBACC,AAACX,CAAAA,KAAKa,OAAO,IAAId,eAAc,KAAMC,KAAKc,OAAO,IAClDjB,cACAC;IAEF,qBACE,MAACtB;QACCc,KAAKA;QACLa,SAASA;QACTY,MAAK;QACLV,IAAI/B,aAAa;YAAE0C,OAAO;YAAQC,SAAS;QAAO,GAAGX;OACjDC;;0BAEJ,KAAC3B;gBAAcsC,IAAI,CAAC,aAAa,EAAE3B,MAAM4B,IAAI,EAAE;0BAAGvB;;0BAClD,MAACZ,wBACKO;gBACJ6B,UAAU3B;gBACV4B,OAAOC,QAAQX;gBACfV,YAAY;oBACVsB,UAAU/B;mBACPS;gBAELL,OAAOA;gBACP4B,SAAS,CAAC,aAAa,EAAEjC,MAAM4B,IAAI,EAAE;gBACrCM,UAAU9B;gBACV+B,SAAS;eACLhB;;oBAEHD,uBAAuB,qBACtB,KAAC3B;wBAAY6C,OAAO;uBAAQnB;0CACzBA,iCAAAA,cAAeoB,QAAQ,mBAAI;;oBAG/B1B,QAAQ2B,GAAG,CACV;;;;qDAAC,EAAED,QAAQ,EAAEhC,KAAK,EAAE+B,KAAK,EAAgB,UAAXG;;;;6BAAaC;4BAElCD,OAAAA,OAAAA;6CADP,KAAChD;4BAEC6C,OAAOA;2BACHG;sCAEHF,mBAAAA,WAAYhC;6BAJRkC,SAAAA,SAAAA,YAAAA,KAAKC,GAAG,YAARD,YAAYA,KAAKZ,EAAE,YAAnBY,QAAuBH,iBAAvBG,QAAgCC;;;;YAS5C,CAACnB,WAAW,qBAAO,KAAClC;0BAAmBkC;;;;AAG9C,GAAE;AAEFxB,gBAAgB4C,WAAW,GAAG;AAC9B5C,gBAAgB6C,KAAK,GAAG;AAExB,eAAe7C,gBAAe"}

package/src/lib/components/switch.component.d.ts

@@ -0,0 +1,38 @@
+/**
+ * @license
+ * Copyright 2022 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 FormControlLabelProps as MuiFormControlLabelProps, type FormControlProps as MuiFormControlProps, type FormGroupProps as MuiFormGroupProps, type FormHelperTextProps as MuiFormHelperTextProps, type FormLabelProps as MuiFormLabelProps, type SwitchProps as MuiSwitchProps } from '@mui/material';
+import { type UseFieldApiConfig } from '../vendor/data-driven-forms';
+export type SwitchBaseProps = MuiSwitchProps & UseFieldApiConfig;
+export interface SwitchProps extends SwitchBaseProps {
+    isReadOnly?: boolean;
+    isDisabled?: boolean;
+    isRequired?: boolean;
+    label?: JSX.Node;
+    helperText?: JSX.Node;
+    description?: JSX.Node;
+    validateOnMount?: boolean;
+    onText?: JSX.Node;
+    offText?: JSX.Node;
+    FormControlProps?: MuiFormControlProps;
+    FormGroupProps?: MuiFormGroupProps;
+    FormControlLabelProps?: MuiFormControlLabelProps;
+    SwitchProps?: MuiSwitchProps;
+    FormLabelProps?: MuiFormLabelProps;
+    FormHelperTextProps?: MuiFormHelperTextProps;
+}
+declare const SwitchComponent: import("react").ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & import("react").RefAttributes<any>>;
+export default SwitchComponent;

package/src/lib/components/switch.component.js

@@ -0,0 +1,76 @@
+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 2022 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 { FormControl as MuiFormControl, FormControlLabel as MuiFormControlLabel, FormGroup as MuiFormGroup, FormHelperText as MuiFormHelperText, FormLabel as MuiFormLabel, Switch as MuiSwitch } from "@mui/material";
+import { forwardRef } from "react";
+import { validationMessage } from "../utils/validation-message.js";
+import { useFieldApi } from "../vendor/data-driven-forms.js";
+const SwitchComponent = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const _useFieldApi = useFieldApi(_extends({}, props, {
+        type: 'checkbox'
+    })), { input, isReadOnly, isDisabled, isRequired, label, helperText, description, validateOnMount, meta, onText, offText, FormControlProps, FormGroupProps, FormControlLabelProps, SwitchProps, FormLabelProps, FormHelperTextProps } = _useFieldApi, rest = _object_without_properties_loose(_useFieldApi, [
+        "input",
+        "isReadOnly",
+        "isDisabled",
+        "isRequired",
+        "label",
+        "helperText",
+        "description",
+        "validateOnMount",
+        "meta",
+        "onText",
+        "offText",
+        "FormControlProps",
+        "FormGroupProps",
+        "FormControlLabelProps",
+        "SwitchProps",
+        "FormLabelProps",
+        "FormHelperTextProps"
+    ]);
+    const invalid = validationMessage(meta, validateOnMount);
+    const helpText = invalid || (meta.touched || validateOnMount) && meta.warning || helperText || description;
+    return /*#__PURE__*/ _jsx(MuiFormControl, _extends({
+        ref: ref,
+        required: isRequired,
+        error: !!invalid,
+        component: "fieldset"
+    }, FormControlProps, {
+        children: /*#__PURE__*/ _jsxs(MuiFormGroup, _extends({}, FormGroupProps, {
+            children: [
+                /*#__PURE__*/ _jsx(MuiFormControlLabel, _extends({
+                    control: /*#__PURE__*/ _jsx(MuiSwitch, _extends({}, SwitchProps, rest, input, {
+                        readOnly: isReadOnly,
+                        disabled: isDisabled || isReadOnly,
+                        onChange: ({ target: { checked } })=>input.onChange(checked)
+                    })),
+                    label: /*#__PURE__*/ _jsx(MuiFormLabel, _extends({}, FormLabelProps, {
+                        children: input.checked ? onText || label : offText || label
+                    }))
+                }, FormControlLabelProps)),
+                helpText && /*#__PURE__*/ _jsx(MuiFormHelperText, _extends({}, FormHelperTextProps, {
+                    children: helpText
+                }))
+            ]
+        }))
+    }));
+});
+SwitchComponent.displayName = 'SwitchComponent';
+SwitchComponent.aglyn = true;
+export default SwitchComponent;
+
+//# sourceMappingURL=switch.component.js.map

package/src/lib/components/switch.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/shared/ui/jsx-forms/src/lib/components/switch.component.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2022 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\nimport {\n  FormControl as MuiFormControl,\n  FormControlLabel as MuiFormControlLabel,\n  type FormControlLabelProps as MuiFormControlLabelProps,\n  type FormControlProps as MuiFormControlProps,\n  FormGroup as MuiFormGroup,\n  type FormGroupProps as MuiFormGroupProps,\n  FormHelperText as MuiFormHelperText,\n  type FormHelperTextProps as MuiFormHelperTextProps,\n  FormLabel as MuiFormLabel,\n  type FormLabelProps as MuiFormLabelProps,\n  Switch as MuiSwitch,\n  type SwitchProps as MuiSwitchProps,\n} from '@mui/material'\nimport { forwardRef } from 'react'\nimport { validationMessage } from '../utils/validation-message'\nimport {\n  useFieldApi,\n  type UseFieldApiConfig,\n} from '../vendor/data-driven-forms'\n\nexport type SwitchBaseProps = MuiSwitchProps & UseFieldApiConfig\n\nexport interface SwitchProps extends SwitchBaseProps {\n  isReadOnly?: boolean\n  isDisabled?: boolean\n  isRequired?: boolean\n  label?: JSX.Node\n  helperText?: JSX.Node\n  description?: JSX.Node\n  validateOnMount?: boolean\n  onText?: JSX.Node\n  offText?: JSX.Node\n  FormControlProps?: MuiFormControlProps\n  FormGroupProps?: MuiFormGroupProps\n  FormControlLabelProps?: MuiFormControlLabelProps\n  SwitchProps?: MuiSwitchProps\n  FormLabelProps?: MuiFormLabelProps\n  FormHelperTextProps?: MuiFormHelperTextProps\n}\n\nconst SwitchComponent = forwardRef<any, SwitchProps>((props, ref) => {\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    FormControlProps,\n    FormGroupProps,\n    FormControlLabelProps,\n    SwitchProps,\n    FormLabelProps,\n    FormHelperTextProps,\n    ...rest\n  } = useFieldApi({\n    ...props,\n    type: 'checkbox',\n  } as unknown as UseFieldApiConfig)\n  const invalid = validationMessage(meta, validateOnMount)\n  const helpText =\n    invalid ||\n    ((meta.touched || validateOnMount) && meta.warning) ||\n    helperText ||\n    description\n\n  return (\n    <MuiFormControl\n      ref={ref}\n      required={isRequired}\n      error={!!invalid}\n      component=\"fieldset\"\n      {...FormControlProps}\n    >\n      <MuiFormGroup {...FormGroupProps}>\n        <MuiFormControlLabel\n          control={\n            <MuiSwitch\n              {...SwitchProps}\n              {...rest}\n              {...input}\n              readOnly={isReadOnly}\n              disabled={isDisabled || isReadOnly}\n              onChange={({ target: { checked } }) => input.onChange(checked)}\n            />\n          }\n          label={\n            <MuiFormLabel {...FormLabelProps}>\n              {input.checked ? onText || label : offText || label}\n            </MuiFormLabel>\n          }\n          {...FormControlLabelProps}\n        />\n        {helpText && (\n          <MuiFormHelperText {...FormHelperTextProps}>\n            {helpText}\n          </MuiFormHelperText>\n        )}\n      </MuiFormGroup>\n    </MuiFormControl>\n  )\n})\n\nSwitchComponent.displayName = 'SwitchComponent'\nSwitchComponent.aglyn = true\n\nexport default SwitchComponent\n"],"names":["FormControl","MuiFormControl","FormControlLabel","MuiFormControlLabel","FormGroup","MuiFormGroup","FormHelperText","MuiFormHelperText","FormLabel","MuiFormLabel","Switch","MuiSwitch","forwardRef","validationMessage","useFieldApi","SwitchComponent","props","ref","type","input","isReadOnly","isDisabled","isRequired","label","helperText","description","validateOnMount","meta","onText","offText","FormControlProps","FormGroupProps","FormControlLabelProps","SwitchProps","FormLabelProps","FormHelperTextProps","rest","invalid","helpText","touched","warning","required","error","component","control","readOnly","disabled","onChange","target","checked","displayName","aglyn"],"mappings":";;;AAAA;;;;;;;;;;;;;;;CAeC,GAED,SACEA,eAAeC,cAAc,EAC7BC,oBAAoBC,mBAAmB,EAGvCC,aAAaC,YAAY,EAEzBC,kBAAkBC,iBAAiB,EAEnCC,aAAaC,YAAY,EAEzBC,UAAUC,SAAS,QAEd,gBAAe;AACtB,SAASC,UAAU,QAAQ,QAAO;AAClC,SAASC,iBAAiB,QAAQ,iCAA6B;AAC/D,SACEC,WAAW,QAEN,iCAA6B;AAsBpC,MAAMC,gCAAkBH,WAA6B,CAACI,OAAOC;IAC3D,MAmBIH,eAAAA,YAAY,aACXE;QACHE,MAAM;SArBF,EACJC,KAAK,EACLC,UAAU,EACVC,UAAU,EACVC,UAAU,EACVC,KAAK,EACLC,UAAU,EACVC,WAAW,EACXC,eAAe,EACfC,IAAI,EACJC,MAAM,EACNC,OAAO,EACPC,gBAAgB,EAChBC,cAAc,EACdC,qBAAqB,EACrBC,WAAW,EACXC,cAAc,EACdC,mBAAmB,EAEpB,GAAGrB,cADCsB,wCACDtB;;;;;;;;;;;;;;;;;;;IAIJ,MAAMuB,UAAUxB,kBAAkBc,MAAMD;IACxC,MAAMY,WACJD,WACC,AAACV,CAAAA,KAAKY,OAAO,IAAIb,eAAc,KAAMC,KAAKa,OAAO,IAClDhB,cACAC;IAEF,qBACE,KAACxB;QACCgB,KAAKA;QACLwB,UAAUnB;QACVoB,OAAO,CAAC,CAACL;QACTM,WAAU;OACNb;kBAEJ,cAAA,MAACzB,2BAAiB0B;;8BAChB,KAAC5B;oBACCyC,uBACE,KAACjC,wBACKsB,aACAG,MACAjB;wBACJ0B,UAAUzB;wBACV0B,UAAUzB,cAAcD;wBACxB2B,UAAU,CAAC,EAAEC,QAAQ,EAAEC,OAAO,EAAE,EAAE,GAAK9B,MAAM4B,QAAQ,CAACE;;oBAG1D1B,qBACE,KAACd,2BAAiByB;kCACff,MAAM8B,OAAO,GAAGrB,UAAUL,QAAQM,WAAWN;;mBAG9CS;gBAELM,0BACC,KAAC/B,gCAAsB4B;8BACpBG;;;;;AAMb;AAEAvB,gBAAgBmC,WAAW,GAAG;AAC9BnC,gBAAgBoC,KAAK,GAAG;AAExB,eAAepC,gBAAe"}

package/src/lib/components/text-field.component.d.ts

@@ -0,0 +1,45 @@
+/**
+ * @license
+ * Copyright 2022 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 TextFieldProps as MuiTextFieldProps } from '@mui/material';
+import { type UseFieldApiConfig } from '../vendor/data-driven-forms';
+export type TextFieldProps = MuiTextFieldProps & UseFieldApiConfig & {
+    isReadOnly?: boolean;
+    isDisabled?: boolean;
+    isRequired?: boolean;
+    description?: JSX.Node;
+    validateOnMount?: boolean;
+};
+declare const TextFieldComponent: import("react").ForwardRefExoticComponent<(Omit<import("@mui/material").FilledTextFieldProps & UseFieldApiConfig & {
+    isReadOnly?: boolean;
+    isDisabled?: boolean;
+    isRequired?: boolean;
+    description?: JSX.Node;
+    validateOnMount?: boolean;
+}, "ref"> | Omit<import("@mui/material").StandardTextFieldProps & UseFieldApiConfig & {
+    isReadOnly?: boolean;
+    isDisabled?: boolean;
+    isRequired?: boolean;
+    description?: JSX.Node;
+    validateOnMount?: boolean;
+}, "ref"> | Omit<import("@mui/material").OutlinedTextFieldProps & UseFieldApiConfig & {
+    isReadOnly?: boolean;
+    isDisabled?: boolean;
+    isRequired?: boolean;
+    description?: JSX.Node;
+    validateOnMount?: boolean;
+}, "ref">) & import("react").RefAttributes<any>>;
+export default TextFieldComponent;

package/src/lib/components/text-field.component.js

@@ -0,0 +1,77 @@
+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 2022 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 { TextField as MuiTextField } from "@mui/material";
+import { forwardRef } from "react";
+import { validationMessage } from "../utils/validation-message.js";
+import { useFieldApi } from "../vendor/data-driven-forms.js";
+const TextFieldComponent = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const _useFieldApi = useFieldApi(props), { input, isReadOnly, isDisabled, placeholder, isRequired, label, helperText, description, validateOnMount, meta, inputProps, type, slotProps } = _useFieldApi, rest = _object_without_properties_loose(_useFieldApi, [
+        "input",
+        "isReadOnly",
+        "isDisabled",
+        "placeholder",
+        "isRequired",
+        "label",
+        "helperText",
+        "description",
+        "validateOnMount",
+        "meta",
+        "inputProps",
+        "type",
+        "slotProps"
+    ]);
+    const invalidMessage = validationMessage(meta, validateOnMount);
+    /*
+   * A date, time or colour input paints its own placeholder whether or not it
+   * is focused, so a label left to float sits ON TOP of `mm/dd/yyyy` and both
+   * are unreadable. Shrinking is not a preference for these types, it is the
+   * only legible state — so it is decided here rather than at every call site,
+   * where forgetting it looks like a typo in the label.
+   */ const alwaysFilled = type === 'date' || type === 'time' || type === 'datetime-local' || type === 'month' || type === 'week' || type === 'color';
+    const helpText = invalidMessage || (meta.touched || validateOnMount) && meta.warning || helperText || description;
+    return /*#__PURE__*/ _jsx(MuiTextField, _extends({}, input, {
+        ref: ref,
+        disabled: isDisabled,
+        error: Boolean(invalidMessage),
+        helperText: helpText,
+        type: type,
+        /*
+       * Merged rather than overwritten: a caller passing `slotProps` for one
+       * slot must not silently drop the read-only flag on another.
+       */ slotProps: _extends({}, slotProps, {
+            htmlInput: _extends({
+                readOnly: isReadOnly
+            }, inputProps, slotProps == null ? void 0 : slotProps.htmlInput)
+        }, alwaysFilled ? {
+            inputLabel: _extends({
+                shrink: true
+            }, slotProps == null ? void 0 : slotProps.inputLabel)
+        } : {}),
+        label: label,
+        placeholder: placeholder,
+        required: isRequired,
+        size: "small",
+        fullWidth: true
+    }, rest));
+});
+TextFieldComponent.displayName = 'TextFieldComponent';
+TextFieldComponent.aglyn = true;
+export default TextFieldComponent;
+
+//# sourceMappingURL=text-field.component.js.map

package/src/lib/components/text-field.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/shared/ui/jsx-forms/src/lib/components/text-field.component.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2022 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\nimport {\n  TextField as MuiTextField,\n  type TextFieldProps as MuiTextFieldProps,\n} from '@mui/material'\nimport { forwardRef } from 'react'\nimport { validationMessage } from '../utils/validation-message'\nimport {\n  useFieldApi,\n  type UseFieldApiConfig,\n} from '../vendor/data-driven-forms'\n\nexport type TextFieldProps = MuiTextFieldProps &\n  UseFieldApiConfig & {\n    isReadOnly?: boolean\n    isDisabled?: boolean\n    isRequired?: boolean\n    description?: JSX.Node\n    validateOnMount?: boolean\n  }\n\nconst TextFieldComponent = forwardRef<any, TextFieldProps>((props, ref) => {\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    type,\n    slotProps,\n    ...rest\n  } = useFieldApi(props as UseFieldApiConfig)\n  const invalidMessage = validationMessage(meta, validateOnMount)\n  /*\n   * A date, time or colour input paints its own placeholder whether or not it\n   * is focused, so a label left to float sits ON TOP of `mm/dd/yyyy` and both\n   * are unreadable. Shrinking is not a preference for these types, it is the\n   * only legible state — so it is decided here rather than at every call site,\n   * where forgetting it looks like a typo in the label.\n   */\n  const alwaysFilled =\n    type === 'date' ||\n    type === 'time' ||\n    type === 'datetime-local' ||\n    type === 'month' ||\n    type === 'week' ||\n    type === 'color'\n  const helpText =\n    invalidMessage ||\n    ((meta.touched || validateOnMount) && meta.warning) ||\n    helperText ||\n    description\n\n  return (\n    <MuiTextField\n      {...input}\n      ref={ref}\n      disabled={isDisabled}\n      error={Boolean(invalidMessage)}\n      helperText={helpText}\n      type={type}\n      /*\n       * Merged rather than overwritten: a caller passing `slotProps` for one\n       * slot must not silently drop the read-only flag on another.\n       */\n      slotProps={{\n        ...slotProps,\n        htmlInput: {\n          readOnly: isReadOnly,\n          ...inputProps,\n          ...(slotProps as any)?.htmlInput,\n        },\n        ...(alwaysFilled\n          ? {\n              inputLabel: {\n                shrink: true,\n                ...(slotProps as any)?.inputLabel,\n              },\n            }\n          : {}),\n      }}\n      label={label}\n      placeholder={placeholder}\n      required={isRequired}\n      size=\"small\"\n      fullWidth\n      {...rest}\n    />\n  )\n})\n\nTextFieldComponent.displayName = 'TextFieldComponent'\nTextFieldComponent.aglyn = true\n\nexport default TextFieldComponent\n"],"names":["TextField","MuiTextField","forwardRef","validationMessage","useFieldApi","TextFieldComponent","props","ref","input","isReadOnly","isDisabled","placeholder","isRequired","label","helperText","description","validateOnMount","meta","inputProps","type","slotProps","rest","invalidMessage","alwaysFilled","helpText","touched","warning","disabled","error","Boolean","htmlInput","readOnly","inputLabel","shrink","required","size","fullWidth","displayName","aglyn"],"mappings":";;;AAAA;;;;;;;;;;;;;;;CAeC,GAED,SACEA,aAAaC,YAAY,QAEpB,gBAAe;AACtB,SAASC,UAAU,QAAQ,QAAO;AAClC,SAASC,iBAAiB,QAAQ,iCAA6B;AAC/D,SACEC,WAAW,QAEN,iCAA6B;AAWpC,MAAMC,mCAAqBH,WAAgC,CAACI,OAAOC;IACjE,MAeIH,eAAAA,YAAYE,QAfV,EACJE,KAAK,EACLC,UAAU,EACVC,UAAU,EACVC,WAAW,EACXC,UAAU,EACVC,KAAK,EACLC,UAAU,EACVC,WAAW,EACXC,eAAe,EACfC,IAAI,EACJC,UAAU,EACVC,IAAI,EACJC,SAAS,EAEV,GAAGhB,cADCiB,wCACDjB;;;;;;;;;;;;;;;IACJ,MAAMkB,iBAAiBnB,kBAAkBc,MAAMD;IAC/C;;;;;;GAMC,GACD,MAAMO,eACJJ,SAAS,UACTA,SAAS,UACTA,SAAS,oBACTA,SAAS,WACTA,SAAS,UACTA,SAAS;IACX,MAAMK,WACJF,kBACC,AAACL,CAAAA,KAAKQ,OAAO,IAAIT,eAAc,KAAMC,KAAKS,OAAO,IAClDZ,cACAC;IAEF,qBACE,KAACd,2BACKO;QACJD,KAAKA;QACLoB,UAAUjB;QACVkB,OAAOC,QAAQP;QACfR,YAAYU;QACZL,MAAMA;QACN;;;OAGC,GACDC,WAAW,aACNA;YACHU,WAAW;gBACTC,UAAUtB;eACPS,YACCE,6BAAD,AAACA,UAAmBU,SAAS;WAE9BP,eACA;YACES,YAAY;gBACVC,QAAQ;eACJb,6BAAD,AAACA,UAAmBY,UAAU;QAErC,IACA,CAAC;QAEPnB,OAAOA;QACPF,aAAaA;QACbuB,UAAUtB;QACVuB,MAAK;QACLC,SAAS;OACLf;AAGV;AAEAhB,mBAAmBgC,WAAW,GAAG;AACjChC,mBAAmBiC,KAAK,GAAG;AAE3B,eAAejC,mBAAkB"}

package/src/lib/components/textarea.component.d.ts

@@ -0,0 +1,45 @@
+/**
+ * @license
+ * Copyright 2022 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 TextFieldProps as MuiTextFieldProps } from '@mui/material';
+import { type UseFieldApiConfig } from '../vendor/data-driven-forms';
+export type TextareaProps = MuiTextFieldProps & UseFieldApiConfig & {
+    isReadOnly?: boolean;
+    isDisabled?: boolean;
+    isRequired?: boolean;
+    description?: JSX.Node;
+    validateOnMount?: boolean;
+};
+declare const TextareaComponent: import("react").ForwardRefExoticComponent<(Omit<import("@mui/material").FilledTextFieldProps & UseFieldApiConfig & {
+    isReadOnly?: boolean;
+    isDisabled?: boolean;
+    isRequired?: boolean;
+    description?: JSX.Node;
+    validateOnMount?: boolean;
+}, "ref"> | Omit<import("@mui/material").StandardTextFieldProps & UseFieldApiConfig & {
+    isReadOnly?: boolean;
+    isDisabled?: boolean;
+    isRequired?: boolean;
+    description?: JSX.Node;
+    validateOnMount?: boolean;
+}, "ref"> | Omit<import("@mui/material").OutlinedTextFieldProps & UseFieldApiConfig & {
+    isReadOnly?: boolean;
+    isDisabled?: boolean;
+    isRequired?: boolean;
+    description?: JSX.Node;
+    validateOnMount?: boolean;
+}, "ref">) & import("react").RefAttributes<any>>;
+export default TextareaComponent;

package/src/lib/components/textarea.component.js

@@ -0,0 +1,61 @@
+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 2022 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 { TextField as MuiTextField } from "@mui/material";
+import { forwardRef } from "react";
+import { validationMessage } from "../utils/validation-message.js";
+import { useFieldApi } from "../vendor/data-driven-forms.js";
+const TextareaComponent = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const _useFieldApi = useFieldApi(props), { input, isReadOnly, isDisabled, placeholder, isRequired, label, helperText, description, validateOnMount, meta, inputProps } = _useFieldApi, rest = _object_without_properties_loose(_useFieldApi, [
+        "input",
+        "isReadOnly",
+        "isDisabled",
+        "placeholder",
+        "isRequired",
+        "label",
+        "helperText",
+        "description",
+        "validateOnMount",
+        "meta",
+        "inputProps"
+    ]);
+    const invalidMessage = validationMessage(meta, validateOnMount);
+    const helpText = invalidMessage || (meta.touched || validateOnMount) && meta.warning || helperText || description;
+    return /*#__PURE__*/ _jsx(MuiTextField, _extends({}, input, {
+        ref: ref,
+        disabled: isDisabled,
+        error: Boolean(invalidMessage),
+        helperText: helpText,
+        slotProps: {
+            htmlInput: _extends({
+                readOnly: isReadOnly
+            }, inputProps)
+        },
+        label: label,
+        placeholder: placeholder,
+        required: isRequired,
+        size: "small",
+        fullWidth: true,
+        multiline: true
+    }, rest));
+});
+TextareaComponent.displayName = 'TextareaComponent';
+TextareaComponent.aglyn = true;
+export default TextareaComponent;
+
+//# sourceMappingURL=textarea.component.js.map

package/src/lib/components/textarea.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/shared/ui/jsx-forms/src/lib/components/textarea.component.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2022 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\nimport {\n  TextField as MuiTextField,\n  type TextFieldProps as MuiTextFieldProps,\n} from '@mui/material'\nimport { forwardRef } from 'react'\nimport { validationMessage } from '../utils/validation-message'\nimport {\n  useFieldApi,\n  type UseFieldApiConfig,\n} from '../vendor/data-driven-forms'\n\nexport type TextareaProps = MuiTextFieldProps &\n  UseFieldApiConfig & {\n    isReadOnly?: boolean\n    isDisabled?: boolean\n    isRequired?: boolean\n    description?: JSX.Node\n    validateOnMount?: boolean\n  }\n\nconst TextareaComponent = forwardRef<any, TextareaProps>((props, ref) => {\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    ...rest\n  } = useFieldApi(props as UseFieldApiConfig)\n  const invalidMessage = validationMessage(meta, validateOnMount)\n  const helpText =\n    invalidMessage ||\n    ((meta.touched || validateOnMount) && meta.warning) ||\n    helperText ||\n    description\n\n  return (\n    <MuiTextField\n      {...input}\n      ref={ref}\n      disabled={isDisabled}\n      error={Boolean(invalidMessage)}\n      helperText={helpText}\n      slotProps={{ htmlInput: { readOnly: isReadOnly, ...inputProps } }}\n      label={label}\n      placeholder={placeholder}\n      required={isRequired}\n      size=\"small\"\n      fullWidth\n      multiline\n      {...rest}\n    />\n  )\n})\n\nTextareaComponent.displayName = 'TextareaComponent'\nTextareaComponent.aglyn = true\n\nexport default TextareaComponent\n"],"names":["TextField","MuiTextField","forwardRef","validationMessage","useFieldApi","TextareaComponent","props","ref","input","isReadOnly","isDisabled","placeholder","isRequired","label","helperText","description","validateOnMount","meta","inputProps","rest","invalidMessage","helpText","touched","warning","disabled","error","Boolean","slotProps","htmlInput","readOnly","required","size","fullWidth","multiline","displayName","aglyn"],"mappings":";;;AAAA;;;;;;;;;;;;;;;CAeC,GAED,SACEA,aAAaC,YAAY,QAEpB,gBAAe;AACtB,SAASC,UAAU,QAAQ,QAAO;AAClC,SAASC,iBAAiB,QAAQ,iCAA6B;AAC/D,SACEC,WAAW,QAEN,iCAA6B;AAWpC,MAAMC,kCAAoBH,WAA+B,CAACI,OAAOC;IAC/D,MAaIH,eAAAA,YAAYE,QAbV,EACJE,KAAK,EACLC,UAAU,EACVC,UAAU,EACVC,WAAW,EACXC,UAAU,EACVC,KAAK,EACLC,UAAU,EACVC,WAAW,EACXC,eAAe,EACfC,IAAI,EACJC,UAAU,EAEX,GAAGd,cADCe,wCACDf;;;;;;;;;;;;;IACJ,MAAMgB,iBAAiBjB,kBAAkBc,MAAMD;IAC/C,MAAMK,WACJD,kBACC,AAACH,CAAAA,KAAKK,OAAO,IAAIN,eAAc,KAAMC,KAAKM,OAAO,IAClDT,cACAC;IAEF,qBACE,KAACd,2BACKO;QACJD,KAAKA;QACLiB,UAAUd;QACVe,OAAOC,QAAQN;QACfN,YAAYO;QACZM,WAAW;YAAEC,WAAW;gBAAEC,UAAUpB;eAAeS;QAAa;QAChEL,OAAOA;QACPF,aAAaA;QACbmB,UAAUlB;QACVmB,MAAK;QACLC,SAAS;QACTC,SAAS;OACLd;AAGV;AAEAd,kBAAkB6B,WAAW,GAAG;AAChC7B,kBAAkB8B,KAAK,GAAG;AAE1B,eAAe9B,kBAAiB"}