@simoncomputing/mui-bueno-v2 0.18.9 → 0.18.10

package/CHANGELOG.md

@@ -11,6 +11,18 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Minor increment --> singlular/minor changes. Minimal breaking changes.
 - Patch increment --> singlular/minor changes. Zero breaking changes.
 
+## [0.18.10] - 2025-09-25
+
+### Added
+
+- All Form Input components (`Autocomplete`, `MultiAutocomplete`, `Checkbox`, `CheckboxGroup`, `CitationField`, `DateField`, `DateRangeField`, `FileUpload`, `Location`, `RadioGroup`, `Select`, `Switch`, `TextField`)
+    - added `collapseErrorWhenEmpty`, which will collapse or leave padding (default) for the internal `Error` component. (The value is passed directly to `Error`'s `collapseWhenEmpty` prop).
+
+### Removed
+
+- `Checkbox`
+    - Removed `noError`. Migration: use `collapseErrorWhenEmpty` instead.
+
 ## [0.18.9] - 2025-09-25
 
 ### Changed

package/dist/components/Form/Inputs/Autocomplete/Autocomplete.d.ts

@@ -1,10 +1,6 @@
 import { AutocompleteProps as MuiAutocompleteProps, TypographyProps } from '@mui/material';
-export type BaseAutocompleteProps<T> = {
-    /**
-     * Name of the component. Must match a key from initialValues in Formik.
-     * @required
-     */
-    name: string;
+import { BaseInputProps } from '../BaseInputProps';
+export type BaseAutocompleteProps<T> = BaseInputProps & {
     /**
      * The label for the text field.
      * @recommended

package/dist/components/Form/Inputs/BaseInputProps.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Base props for ALL inputs
+ *
+ * TODO: Add other shared props, if possible. Maybe `label`, `required`, etc.?
+ */
+export type BaseInputProps = {
+    /**
+     * Must match a key from initialValues in Formik.
+     * @required
+     */
+    name: string;
+    /**
+     * When true, compoent will not take up space when no error(s) exist. This is recommended when
+     * validation is not needed.
+     *
+     * When false or undefined, component will take up space when no error(s) exist. This is recommended when
+     * the field and/or form requires validation, to prevent form jittering as errors show/hide.
+     *
+     * @default undefined
+     */
+    collapseErrorWhenEmpty?: boolean;
+};

package/dist/components/Form/Inputs/Checkbox/Checkbox.d.ts

@@ -1,11 +1,7 @@
 import { CheckboxProps as MuiCheckboxProps, TypographyProps } from '@mui/material';
+import { BaseInputProps } from '../BaseInputProps';
 import * as React from 'react';
-type BaseCheckboxProps = {
-    /**
-     * Must match a key from initialValues in Formik.
-     * @required
-     */
-    name: string;
+type BaseCheckboxProps = BaseInputProps & {
     /**
      * The label for the checkbox.
      * @recommended
@@ -49,12 +45,6 @@ type BaseCheckboxProps = {
      * Used to customize the label when the static label option is selected or the field is readOnly.
      */
     staticLabelProps?: TypographyProps;
-    /**
-     * Does not display error and does not leave padding for error.
-     *
-     * Use this if handling validation errors elsewhere.
-     */
-    noError?: boolean;
 };
 export type CheckboxProps = BaseCheckboxProps & Omit<MuiCheckboxProps, 'checked' | 'name'>;
 /**

package/dist/components/Form/Inputs/CheckboxGroup/CheckboxGroup.d.ts

@@ -1,11 +1,7 @@
 import { TypographyProps } from '@mui/material';
 import { CheckboxOption } from '../../../../@types';
-export type CheckboxGroupProps = {
-    /**
-     * Name and ID of the component. It should match a key in initialValues.
-     * @required
-     */
-    name: string;
+import { BaseInputProps } from '../BaseInputProps';
+export type CheckboxGroupProps = BaseInputProps & {
     /**
      * Label for the checkbox group.
      * @recommended

package/dist/components/Form/Inputs/CitationField/CitationField.d.ts

@@ -1,10 +1,6 @@
 import { Citation, PageState, PageResponse, UnsavedCitation } from '../../../../@types';
-export type CitationFieldProps = {
-    /**
-     * Name and ID of the component. Must match a key from initialValues in Formik.
-     * @required
-     */
-    name: string;
+import { BaseInputProps } from '../BaseInputProps';
+export type CitationFieldProps = BaseInputProps & {
     /**
      * (Optional) Label. NOTE: this won't be floating, it's always static.
      */

package/dist/components/Form/Inputs/DateField/DateField.d.ts

@@ -3,13 +3,9 @@ import { DateFieldProps as MuiDateFieldProps } from '@mui/x-date-pickers/DateFie
 import { Dayjs } from 'dayjs';
 import { DatePickerProps } from '@mui/x-date-pickers/DatePicker';
 import { DateValidationError, PickerChangeHandlerContext } from '@mui/x-date-pickers';
+import { BaseInputProps } from '../BaseInputProps';
 import * as React from 'react';
-type BaseDateFieldProps = {
-    /**
-     * Name and ID of the component. Must match a key from initialValues in Formik.
-     * @required
-     */
-    name: string;
+type BaseDateFieldProps = BaseInputProps & {
     /**
      * Label for the Date field. `name` will be used if none is provided
      */

package/dist/components/Form/Inputs/FileUpload/FileUpload.d.ts

@@ -1,11 +1,7 @@
 import { TypographyProps } from '@mui/material';
+import { BaseInputProps } from '../BaseInputProps';
 import * as React from 'react';
-export type FileUploadProps = {
-    /**
-     * Must match a key from initialValues in Formik.
-     * @required
-     */
-    name: string;
+export type FileUploadProps = BaseInputProps & {
     /**
      * File extensions that FileUpload will accept. Does NOT restrict files selected via drag & drop.
      *

package/dist/components/Form/Inputs/Location/Location.d.ts

@@ -1,12 +1,8 @@
 import { TypographyProps } from '@mui/material';
 import { TextFieldProps } from '../TextField/TextField';
+import { BaseInputProps } from '../BaseInputProps';
 import * as React from 'react';
-type BaseLocationProps = {
-    /**
-     * Name of the component. Must match the initialValue name in Formik.
-     * @required
-     */
-    name: string;
+type BaseLocationProps = BaseInputProps & {
     /**
      * API Key. Needed for Location to work.
      *

package/dist/components/Form/Inputs/RadioGroup/RadioGroup.d.ts

@@ -1,4 +1,5 @@
 import { RadioProps, RadioGroupProps as MuiRadioGroupProps, TypographyProps } from '@mui/material';
+import { BaseInputProps } from '../BaseInputProps';
 type BaseRadioProps<T> = {
     /**
      * Value of the radio button
@@ -24,12 +25,7 @@ type BaseRadioProps<T> = {
  * define and create the radio buttons.
  */
 export type Radio<T> = BaseRadioProps<T> & Omit<RadioProps, 'checked' | 'id' | 'required' | 'value'>;
-type BaseRadioGroupProps<T> = {
-    /**
-     * Name and ID of the component. It should match a key in initialValues.
-     * @required
-     */
-    name: string;
+type BaseRadioGroupProps<T> = BaseInputProps & {
     /**
      * Label for the radio group.
      * @recommended

package/dist/components/Form/Inputs/Select/Select.d.ts

@@ -1,4 +1,5 @@
 import { SelectProps as MuiSelectProps, TypographyProps } from '@mui/material';
+import { BaseInputProps } from '../BaseInputProps';
 import * as React from 'react';
 /**
  * *Interface used exclusively for creating the select menu within Select*
@@ -40,12 +41,7 @@ export interface SelectOption<T> {
      */
     required?: boolean;
 }
-type BaseSelectProps<T> = {
-    /**
-     * Must match the initialValue name in BForm.
-     * @required
-     */
-    name: string;
+type BaseSelectProps<T> = BaseInputProps & {
     /**
      * Label for the select component
      */

package/dist/components/Form/Inputs/Switch/Switch.d.ts

@@ -1,12 +1,8 @@
 import { SwitchProps as MuiSwitchProps, TypographyProps, Theme, SwitchPropsColorOverrides } from '@mui/material';
 import { OverridableStringUnion } from '@mui/types';
 import { SystemProps } from '@mui/system';
-export type BaseSwitchProps<T = boolean> = {
-    /**
-     * Name and ID of the component. Must match a key from initialValues in Formik.
-     * @required
-     */
-    name: string;
+import { BaseInputProps } from '../BaseInputProps';
+export type BaseSwitchProps<T = boolean> = BaseInputProps & {
     /**
      * Label that goes next to the switch.
      * @recommended

package/dist/components/Form/Inputs/TextField/TextField.d.ts

@@ -1,11 +1,7 @@
 import { TypographyProps, TextFieldProps as MuiTextFieldProps } from '@mui/material';
+import { BaseInputProps } from '../BaseInputProps';
 import * as React from 'react';
-type BaseTextFieldProps = {
-    /**
-     * Name and ID of the component. Must match a key from initialValues in Formik.
-     * @required
-     */
-    name: string;
+type BaseTextFieldProps = BaseInputProps & {
     /**
      * If true, ensures that user enters only input that matches the format.
      * Defaults to true if a format is specified.