@simoncomputing/mui-bueno-v2 0.21.1 → 0.23.0

package/CHANGELOG.md

@@ -11,6 +11,43 @@ 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.23.0] - 2026-01-23
+
+### Fixed
+
+- `TextField`
+    - Fixed lag while typing/interacting with the field, due to formik's `setValue` being called in the `onChange` handler.
+    - Fixed formik not being notified of the field blurring, which can cause incorrect `touched` value for the field.
+
+### Changed
+
+- `TextField`
+    - Autoformatting (`autoFormat` & `format` props) will occur during on blur instead of on change, due to fix mentioned above.
+
+### Added
+
+- New `TextArea` component
+    - Wrapper for `TextField`, which will hardcode the `multiline` prop and provide a default for the `rows` prop (`3`).
+
+## [0.22.0] - 2026-01-21
+
+### Removed
+
+- `Table`, `PaginatedTable`
+    - Removed `TableColumn.sortName`. Use `TableColumn.key` instead.
+
+### Fixed
+
+- `Table`, `PaginatedTable`
+    - Fixed `Table` using `fieldName` and `key` inconsistently. This has been fixed so that the `Table` component will use `key` wherever possible, if specified. Otherwise will fallback to `fieldName`. This affects the following:
+        - sorting
+        - auto-labeling of columns
+        - props
+            - `hideColumnsOnMobile`
+            - `columns` -- `TableColumn.hideCol`
+            - `allowSortCols`
+        - internal component keys & class names
+
 ## [0.21.1] - 2025-12-18
 
 ### Changed

package/dist/@types/index.d.ts

@@ -117,7 +117,6 @@ export type EnvironmentInfo = {
  *      is the whole object, in case you need to determine styling based on another property
  *      within the object. isMobile in case your styling depends on whether the user is viewing
  *      on a phone vs tablet/desktop
- * @property {string} sortName - (Optional) Passed instead of `fieldName` to onSortChange(fieldName, ...). Useful if you're rendering the same object in 2+ columns and need a way to differentiate when sorting.
  * @property {SxProps<Theme>} tableCellSx - (Optional) styles applies to TableCell (non-mobile)
  * @property {boolean} hideCol - (Optional) if true, this column will not be displayed
  * @property {string} tooltip - (Optional) if provided, shows a help icon with the specified tooltip when hovered
@@ -127,7 +126,6 @@ export type TableColumn<T, K extends keyof T> = {
     label?: string;
     fieldName: K;
     render?: (value: T[K], object: T, isMobile: boolean) => React.ReactNode;
-    sortName?: string;
     tableCellSx?: SxProps<Theme>;
     hideCol?: boolean;
     tooltip?: string;

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

@@ -2,6 +2,8 @@
  * Base props for ALL inputs
  *
  * TODO: Add other shared props, if possible. Maybe `label`, `required`, etc.?
+ *
+ * TODO: make sure components are correctly calling formik's handlers (onChange, onBlur, etc.) like TextField
  */
 export type BaseInputProps = {
     /**

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

@@ -0,0 +1,7 @@
+import { TextFieldProps } from '../TextField/TextField';
+import * as React from 'react';
+export type TextAreaProps = Omit<TextFieldProps, 'multiline'>;
+/**
+ * TextArea is a TextField but has more lines. Intended for larger blocks of text.
+ */
+export declare const TextArea: React.FC<TextAreaProps>;