@utahdts/utah-design-system 4.3.0 → 5.0.0

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.0",
   "exports": {
     ".": {
       "development-local": "./index.js",
@@ -68,8 +68,8 @@
     "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.0",
     "date-fns": "4.1.0",
     "immer": "11.1.4",
     "lodash-es": "4.17.23",
@@ -79,15 +79,15 @@
   "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",
+    "@vitejs/plugin-react": "^6.0.1",
+    "@vitest/coverage-istanbul": "^4.1.2",
+    "@vitest/ui": "^4.1.2",
+    "jsdom": "^29.0.1",
     "prop-types": "15.8.1",
-    "sass": "1.97.3",
-    "typescript": "5.9.3",
-    "vite": "7.3.1",
-    "vitest": "4.0.18"
+    "sass": "^1.98.0",
+    "typescript": "^6.0.2",
+    "vite": "^8.0.3",
+    "vitest": "^4.1.2"
   },
   "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

@@ -100,6 +100,7 @@ export function useCurrentValuesFromStateContext({
     currentValue = defaultValueRef.current;
   }
 
+  // @ts-expect-error I dont know how to fix this Austin
   return useMemo(
     () => ({
       currentOnChange: (
@@ -126,7 +127,6 @@ export function useCurrentValuesFromStateContext({
           setStateLocal(defaultOnChange(e));
         })
       ),
-      // @ts-expect-error hacked for missing currentValue that shouldn't be?
       currentValue: currentValue ?? '',
       setValue,
     }),