@availity/mui-controlled-form 0.2.0 → 0.2.2

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [0.2.2](https://github.com/Availity/element/compare/@availity/mui-controlled-form@0.2.1...@availity/mui-controlled-form@0.2.2) (2025-02-04)
+
+
+### Bug Fixes
+
+* **mui-controlled-form:** forward required from controlled text field to text field ([c223248](https://github.com/Availity/element/commit/c223248ec4a970ebb078d170d7d9fec74e02dbdc))
+
+## [0.2.1](https://github.com/Availity/element/compare/@availity/mui-controlled-form@0.2.0...@availity/mui-controlled-form@0.2.1) (2025-02-04)
+
+
+### Bug Fixes
+
+* **mui-controlled-form:** export prop types ([bdc3034](https://github.com/Availity/element/commit/bdc3034966d72be414a05a0255fa5db7ff698819))
+
 ## [0.2.0](https://github.com/Availity/element/compare/@availity/mui-controlled-form@0.1.4...@availity/mui-controlled-form@0.2.0) (2025-02-04)
 
 ### Dependency Updates

package/README.md

@@ -12,7 +12,7 @@ This package extends the Element's Form components with [react-hook-form](https:
 
 Live demo and documentation in our [Storybook](https://availity.github.io/element/?path=/docs/form-components-controlled-form-introduction--docs)
 
-Availity standards for design and usage can be found in the [Availity Design Guide](https://zeroheight.com/2e36e50c7)
+Availity standards for design and usage can be found in the [Availity Design Guide](https://design.availity.com/2e36e50c7)
 
 ## Installation
 

package/dist/index.d.mts

@@ -69,4 +69,4 @@ type ControlledTextFieldProps = Omit<TextFieldProps, 'required'> & {
 } & RegisterOptions<FieldValues, string>;
 declare const ControlledTextField: ({ name, helperText, required, maxLength, minLength, max, min, pattern, validate, setValueAs, disabled, onChange, onBlur, value, shouldUnregister, deps, ...rest }: ControlledTextFieldProps) => react_jsx_runtime.JSX.Element;
 
-export { ControlledAsyncAutocomplete, ControlledAutocomplete, type ControlledAutocompleteProps, ControlledCheckbox, ControlledCodesAutocomplete, ControlledDatepicker, type ControlledDatepickerProps, ControlledForm, type ControlledFormProps, ControlledInput, type ControlledInputProps, ControlledOrganizationAutocomplete, ControlledProviderAutocomplete, ControlledRadioGroup, type ControlledRadioGroupProps, ControlledSelect, ControlledTextField, type ControlledTextFieldProps };
+export { ControlledAsyncAutocomplete, type ControlledAsyncAutocompleteProps, ControlledAutocomplete, type ControlledAutocompleteProps, ControlledCheckbox, type ControlledCheckboxProps, ControlledCodesAutocomplete, type ControlledCodesAutocompleteProps, ControlledDatepicker, type ControlledDatepickerProps, ControlledForm, type ControlledFormProps, ControlledInput, type ControlledInputProps, type ControlledOrgAutocompleteProps, ControlledOrganizationAutocomplete, ControlledProviderAutocomplete, type ControlledProviderAutocompleteProps, ControlledRadioGroup, type ControlledRadioGroupProps, ControlledSelect, type ControlledSelectProps, ControlledTextField, type ControlledTextFieldProps };

package/dist/index.d.ts

@@ -69,4 +69,4 @@ type ControlledTextFieldProps = Omit<TextFieldProps, 'required'> & {
 } & RegisterOptions<FieldValues, string>;
 declare const ControlledTextField: ({ name, helperText, required, maxLength, minLength, max, min, pattern, validate, setValueAs, disabled, onChange, onBlur, value, shouldUnregister, deps, ...rest }: ControlledTextFieldProps) => react_jsx_runtime.JSX.Element;
 
-export { ControlledAsyncAutocomplete, ControlledAutocomplete, type ControlledAutocompleteProps, ControlledCheckbox, ControlledCodesAutocomplete, ControlledDatepicker, type ControlledDatepickerProps, ControlledForm, type ControlledFormProps, ControlledInput, type ControlledInputProps, ControlledOrganizationAutocomplete, ControlledProviderAutocomplete, ControlledRadioGroup, type ControlledRadioGroupProps, ControlledSelect, ControlledTextField, type ControlledTextFieldProps };
+export { ControlledAsyncAutocomplete, type ControlledAsyncAutocompleteProps, ControlledAutocomplete, type ControlledAutocompleteProps, ControlledCheckbox, type ControlledCheckboxProps, ControlledCodesAutocomplete, type ControlledCodesAutocompleteProps, ControlledDatepicker, type ControlledDatepickerProps, ControlledForm, type ControlledFormProps, ControlledInput, type ControlledInputProps, type ControlledOrgAutocompleteProps, ControlledOrganizationAutocomplete, ControlledProviderAutocomplete, type ControlledProviderAutocompleteProps, ControlledRadioGroup, type ControlledRadioGroupProps, ControlledSelect, type ControlledSelectProps, ControlledTextField, type ControlledTextFieldProps };

package/dist/index.js

@@ -845,7 +845,9 @@ var ControlledTextField = (_a) => {
   const errorMessage = (_a2 = errors[name]) == null ? void 0 : _a2.message;
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     import_mui_textfield.TextField,
-    __spreadProps(__spreadValues(__spreadValues({}, rest), register(name, {
+    __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, rest), {
+      required: !!required
+    }), register(name, {
       required,
       maxLength,
       minLength,

package/dist/index.mjs

@@ -811,7 +811,9 @@ var ControlledTextField = (_a) => {
   const errorMessage = (_a2 = errors[name]) == null ? void 0 : _a2.message;
   return /* @__PURE__ */ jsx12(
     TextField,
-    __spreadProps(__spreadValues(__spreadValues({}, rest), register(name, {
+    __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, rest), {
+      required: !!required
+    }), register(name, {
       required,
       maxLength,
       minLength,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/mui-controlled-form",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "description": "Availity MUI ControlledForm Component - part of the @availity/element design system",
   "keywords": [
     "react",

package/src/lib/AsyncAutocomplete.tsx

@@ -2,7 +2,7 @@ import { AsyncAutocomplete, AsyncAutocompleteProps } from '@availity/mui-autocom
 import { useFormContext, RegisterOptions, FieldValues, Controller, ControllerProps } from 'react-hook-form';
 import { ChipTypeMap } from '@mui/material/Chip';
 
-type ControlledAsyncAutocompleteProps<
+export type ControlledAsyncAutocompleteProps<
   Option,
   Multiple extends boolean | undefined,
   DisableClearable extends boolean | undefined,

package/src/lib/Checkbox.tsx

@@ -1,7 +1,7 @@
 import { Checkbox, CheckboxProps } from '@availity/mui-checkbox';
 import { useFormContext, RegisterOptions, FieldValues } from 'react-hook-form';
 
-type ControlledCheckboxProps = CheckboxProps & {
+export type ControlledCheckboxProps = CheckboxProps & {
   name: string;
 } & Omit<
     RegisterOptions<FieldValues, string>,

package/src/lib/CodesAutocomplete.tsx

@@ -1,7 +1,7 @@
 import { CodesAutocomplete, CodesAutocompleteProps } from '@availity/mui-autocomplete';
 import { useFormContext, Controller, RegisterOptions, ControllerProps, FieldValues } from 'react-hook-form';
 
-type ControlledCodesAutocompleteProps = Omit<CodesAutocompleteProps, 'name'> &
+export type ControlledCodesAutocompleteProps = Omit<CodesAutocompleteProps, 'name'> &
   Omit<RegisterOptions<FieldValues, string>, 'disabled' | 'valueAsNumber' | 'valueAsDate' | 'setValueAs'> &
   Pick<ControllerProps, 'defaultValue' | 'shouldUnregister' | 'name'>;
 

package/src/lib/OrganizationAutocomplete.tsx

@@ -1,7 +1,7 @@
 import { OrganizationAutocomplete, OrgAutocompleteProps } from '@availity/mui-autocomplete';
 import { useFormContext, Controller, RegisterOptions, FieldValues, ControllerProps } from 'react-hook-form';
 
-type ControlledOrgAutocompleteProps = Omit<OrgAutocompleteProps, 'name'> &
+export type ControlledOrgAutocompleteProps = Omit<OrgAutocompleteProps, 'name'> &
   Omit<
     RegisterOptions<FieldValues, string>,
     'disabled' | 'valueAsNumber' | 'valueAsDate' | 'setValueAs' | 'max' | 'maxLength' | 'min' | 'minLength'

package/src/lib/ProviderAutocomplete.tsx

@@ -1,7 +1,7 @@
 import { ProviderAutocomplete, ProviderAutocompleteProps } from '@availity/mui-autocomplete';
 import { useFormContext, Controller, RegisterOptions, FieldValues, ControllerProps } from 'react-hook-form';
 
-type ControlledProviderAutocompleteProps = Omit<ProviderAutocompleteProps, 'name'> &
+export type ControlledProviderAutocompleteProps = Omit<ProviderAutocompleteProps, 'name'> &
   Omit<RegisterOptions<FieldValues, string>, 'disabled' | 'valueAsNumber' | 'valueAsDate' | 'setValueAs'> &
   Pick<ControllerProps, 'defaultValue' | 'shouldUnregister' | 'name'>;
 

package/src/lib/Select.tsx

@@ -1,7 +1,7 @@
 import { Select, SelectProps } from '@availity/mui-form-utils';
 import { useFormContext, RegisterOptions, FieldValues } from 'react-hook-form';
 
-type ControlledSelectProps = Omit<SelectProps, 'error' | 'required'> & { name: string } & RegisterOptions<
+export type ControlledSelectProps = Omit<SelectProps, 'error' | 'required'> & { name: string } & RegisterOptions<
     FieldValues,
     string
   >;

package/src/lib/TextField.tsx

@@ -34,6 +34,7 @@ export const ControlledTextField = ({
   return (
     <TextField
       {...rest}
+      required={!!required}
       {...register(name, {
         required,
         maxLength,