@tensor_1/react 2.49.1 → 2.50.0

package/dist/components/SearchBar.d.ts

@@ -46,6 +46,8 @@ interface SearchBarProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onSubmit'
     labels?: Partial<SearchBarLabels>;
     /** The field's `name`. */
     name?: string;
+    /** The longest text the field takes (HAR-2622). */
+    maxLength?: number;
     /** The field's `id`, e.g. for a "/" shortcut that focuses it. Default: generated. */
     inputId?: string;
     inputRef?: Ref<HTMLInputElement>;
@@ -63,6 +65,6 @@ interface SearchBarProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onSubmit'
  * takes Escape itself before the field (a ConfirmPopover, the table's view menu), Escape closes
  * the overlay rather than clearing the text.
  */
-declare function SearchBar({ label, value: valueProp, defaultValue, onValueChange, onSubmit, onClear, placeholder, size, submitButton, submitVariant, landmark, inputDescribedBy, labels: labelsProp, name, inputId, inputRef, autoFocus, disabled, className, ...props }: SearchBarProps): react.JSX.Element;
+declare function SearchBar({ label, value: valueProp, defaultValue, onValueChange, onSubmit, onClear, placeholder, size, submitButton, submitVariant, landmark, inputDescribedBy, labels: labelsProp, name, maxLength, inputId, inputRef, autoFocus, disabled, className, ...props }: SearchBarProps): react.JSX.Element;
 
 export { SearchBar, type SearchBarLabels, type SearchBarProps };

package/dist/components/SearchBar.js

@@ -25,6 +25,7 @@ function SearchBar({
   inputDescribedBy,
   labels: labelsProp,
   name,
+  maxLength,
   inputId,
   inputRef,
   autoFocus,
@@ -83,6 +84,7 @@ function SearchBar({
               id: fieldId,
               type: "search",
               name,
+              maxLength,
               className: "uix-input",
               value,
               placeholder,

package/dist/components/Table.d.ts

@@ -40,9 +40,14 @@ interface ThProps extends ThHTMLAttributes<HTMLTableCellElement> {
     sortDirection?: SortDirection;
     /** 1-based ordinal shown when this column is a secondary key in a multi-sort */
     sortOrder?: number;
+    /**
+     * The ordinal in words for assistive tech, e.g. "Sort priority 2" (2.50, HAR-2623). The visible
+     * ordinal is CSS content with empty alt text, so without this it is not announced at all.
+     */
+    sortOrderLabel?: string;
     onSort?: () => void;
 }
-declare function Th({ sortable, sortDirection, sortOrder, onSort, className, children, onClick, ...props }: ThProps): react.JSX.Element;
+declare function Th({ sortable, sortDirection, sortOrder, sortOrderLabel, onSort, className, children, onClick, ...props }: ThProps): react.JSX.Element;
 interface TdProps extends TdHTMLAttributes<HTMLTableCellElement> {
     pinned?: boolean;
 }

package/dist/components/Table.js

@@ -43,17 +43,25 @@ function Table({
     }
   );
 }
-function Th({ sortable, sortDirection, sortOrder, onSort, className, children, onClick, ...props }) {
+function Th({ sortable, sortDirection, sortOrder, sortOrderLabel, onSort, className, children, onClick, ...props }) {
+  const ordinal = sortOrder != null && sortOrder > 0 && sortOrderLabel ? /* @__PURE__ */ jsx("span", { className: "uix-visually-hidden", children: `, ${sortOrderLabel}` }) : null;
   return /* @__PURE__ */ jsx(
     "th",
     {
       className,
       "data-sort": sortable || void 0,
       "data-sort-order": sortOrder != null && sortOrder > 0 ? sortOrder : void 0,
+      "data-sort-labelled": ordinal != null || void 0,
       "aria-sort": sortDirection && sortDirection !== "none" ? sortDirection : void 0,
       onClick: sortable && onSort ? void 0 : onClick,
       ...props,
-      children: sortable ? /* @__PURE__ */ jsx("button", { type: "button", className: "uix-th__sortbtn", onClick: onSort, children }) : children
+      children: sortable ? /* @__PURE__ */ jsxs("button", { type: "button", className: "uix-th__sortbtn", onClick: onSort, children: [
+        children,
+        ordinal
+      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        children,
+        ordinal
+      ] })
     }
   );
 }