@utahdts/utah-design-system 4.3.0 → 5.0.1

package/package.json

@@ -2,7 +2,7 @@
   "name": "@utahdts/utah-design-system",
   "description": "Utah Design System React Library",
   "displayName": "Utah Design System React Library",
-  "version": "4.3.0",
+  "version": "5.0.1",
   "exports": {
     ".": {
       "development-local": "./index.js",
@@ -68,26 +68,26 @@
     "react": "^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@floating-ui/react-dom": "2.1.7",
-    "@utahdts/utah-design-system-header": "4.3.0",
+    "@floating-ui/react-dom": "^2.1.8",
+    "@utahdts/utah-design-system-header": "5.0.1",
     "date-fns": "4.1.0",
     "immer": "11.1.4",
-    "lodash-es": "4.17.23",
+    "lodash-es": "4.18.1",
     "use-immer": "0.11.0",
-    "uuid": "13.0.0"
+    "uuid": "14.0.0"
   },
   "devDependencies": {
     "@types/lodash-es": "4.17.12",
-    "@types/react": "^19.2.13",
-    "@vitejs/plugin-react": "5.1.4",
-    "@vitest/coverage-istanbul": "4.0.18",
-    "@vitest/ui": "4.0.18",
-    "jsdom": "28.0.0",
+    "@types/react": "^19.2.14",
+    "@vitejs/plugin-react": "^6.0.1",
+    "@vitest/coverage-istanbul": "^4.1.5",
+    "@vitest/ui": "^4.1.5",
+    "jsdom": "^29.1.1",
     "prop-types": "15.8.1",
-    "sass": "1.97.3",
-    "typescript": "5.9.3",
-    "vite": "7.3.1",
-    "vitest": "4.0.18"
+    "sass": "^1.99.0",
+    "typescript": "^6.0.3",
+    "vite": "^8.0.10",
+    "vitest": "^4.1.5"
   },
   "type": "module"
 }

package/react/components/table/TableWrapper.jsx

@@ -58,6 +58,7 @@ function sortByFieldType(sortingRule, fieldValueA, fieldValueB) {
  * @template TableDataT extends TableDataT & { [x: string]: any; }
  * @param {object} props
  * @param {boolean} [props.allowScrollOverflow]
+ * @param {string} [props.ariaLabelledBy]
  * @param {import('react').ReactNode} props.children
  * @param {string} [props.className]
  * @param {import('react').RefObject<HTMLDivElement>} [props.innerRef]
@@ -66,12 +67,16 @@ function sortByFieldType(sortingRule, fieldValueA, fieldValueB) {
  */
 export function TableWrapper({
   allowScrollOverflow,
+  ariaLabelledBy,
   children,
   className,
   id,
   innerRef,
   ...rest
 }) {
+  if (allowScrollOverflow && !ariaLabelledBy) {
+    console.warn(`allowScrollOverflow: TableWrapper is missing a valid ariaLabelledBy attribute`);
+  }
   const internalId = useId();
   /** @type {[TableContextState<TableDataT>, import('use-immer').Updater<import('@utahdts/utah-design-system').TableContextState<TableDataT>>]} */
   const [state, setState] = useImmer(
@@ -215,9 +220,11 @@ export function TableWrapper({
   return (
     <TableContext.Provider value={contextValue}>
       <div
+        aria-labelledby={ariaLabelledBy}
         className={joinClassNames('table__wrapper', className)}
         id={id} ref={innerRef}
         tabIndex={allowScrollOverflow ? 0 : undefined}
+        role={allowScrollOverflow ? 'region' : undefined}
         {...rest}
       >
         {children}

package/react/components/table/useCurrentValuesFromStateContext.js

@@ -126,8 +126,7 @@ export function useCurrentValuesFromStateContext({
           setStateLocal(defaultOnChange(e));
         })
       ),
-      // @ts-expect-error hacked for missing currentValue that shouldn't be?
-      currentValue: currentValue ?? '',
+      currentValue: currentValue ?? /** @type {any} */(''),
       setValue,
     }),
     [