@abgov/react-components 6.11.0-dev.10 → 6.11.0-dev.12

package/experimental/index.d.ts

@@ -27,7 +27,7 @@ export * from './side-menu/side-menu';
 export * from './side-menu-group/side-menu-group';
 export * from './side-menu-heading/side-menu-heading';
 export * from './table/table';
-export * from './table/table-sort-header';
+export * from './table-sort-header/table-sort-header';
 export * from './tab/tab';
 export * from './tabs/tabs';
 export * from './textarea/textarea';

package/experimental/table/table.d.ts

@@ -1,10 +1,11 @@
-import { GoabTableOnSortDetail, GoabTableVariant, Margins } from '@abgov/ui-components-common';
+import { GoabTableOnSortDetail, GoabTableOnMultiSortDetail, GoabTableSortMode, GoabTableVariant, Margins } from '@abgov/ui-components-common';
 import { ReactNode } from 'react';
 interface WCProps extends Margins {
     ref?: React.RefObject<HTMLElement | null>;
     width?: string;
     stickyheader?: string;
     variant?: GoabTableVariant;
+    "sort-mode"?: GoabTableSortMode;
     testid?: string;
     striped?: string;
     version?: string;
@@ -19,6 +20,8 @@ declare module "react" {
 export interface GoabxTableProps extends Margins {
     width?: string;
     onSort?: (detail: GoabTableOnSortDetail) => void;
+    onMultiSort?: (detail: GoabTableOnMultiSortDetail) => void;
+    sortMode?: GoabTableSortMode;
     variant?: GoabTableVariant;
     striped?: boolean;
     testId?: string;
@@ -26,5 +29,5 @@ export interface GoabxTableProps extends Margins {
     children?: ReactNode;
 }
 export type TableProps = GoabxTableProps;
-export declare function GoabxTable({ onSort, version, ...props }: GoabxTableProps): import("react/jsx-runtime").JSX.Element;
+export declare function GoabxTable({ onSort, onMultiSort, sortMode, version, ...props }: GoabxTableProps): import("react/jsx-runtime").JSX.Element;
 export default GoabxTable;

package/experimental/{table → table-sort-header}/table-sort-header.d.ts

@@ -1,8 +1,9 @@
-import { DataAttributes, GoabTableSortDirection } from '@abgov/ui-components-common';
+import { DataAttributes, GoabTableSortDirection, GoabTableSortOrder } from '@abgov/ui-components-common';
 import { JSX } from 'react';
 interface WCProps {
     name?: string;
     direction?: GoabTableSortDirection;
+    "sort-order"?: GoabTableSortOrder;
 }
 declare module "react" {
     namespace JSX {
@@ -14,7 +15,8 @@ declare module "react" {
 export interface GoabxTableSortProps extends DataAttributes {
     name?: string;
     direction?: GoabTableSortDirection;
+    sortOrder?: GoabTableSortOrder;
     children?: React.ReactNode;
 }
-export declare function GoabxTableSortHeader({ children, ...rest }: GoabxTableSortProps): JSX.Element;
+export declare function GoabxTableSortHeader({ name, direction, sortOrder, children, ...rest }: GoabxTableSortProps): JSX.Element;
 export default GoabxTableSortHeader;

package/experimental.js

@@ -1088,7 +1088,7 @@ function GoabxSideMenuHeading({
     meta && /* @__PURE__ */ jsxRuntime.jsx("span", { slot: "meta", children: meta })
   ] });
 }
-function GoabxTable({ onSort, version = "2", ...props }) {
+function GoabxTable({ onSort, onMultiSort, sortMode, version = "2", ...props }) {
   const ref = react.useRef(null);
   react.useEffect(() => {
     if (!ref.current) {
@@ -1099,17 +1099,24 @@ function GoabxTable({ onSort, version = "2", ...props }) {
       const detail = e.detail;
       onSort == null ? void 0 : onSort(detail);
     };
+    const multiSortListener = (e) => {
+      const detail = e.detail;
+      onMultiSort == null ? void 0 : onMultiSort(detail);
+    };
     current.addEventListener("_sort", sortListener);
+    current.addEventListener("_multisort", multiSortListener);
     return () => {
       current.removeEventListener("_sort", sortListener);
+      current.removeEventListener("_multisort", multiSortListener);
     };
-  }, [ref, onSort]);
+  }, [ref, onSort, onMultiSort]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "goa-table",
     {
       ref,
       width: props.width,
       variant: props.variant,
+      "sort-mode": sortMode,
       striped: props.striped ? "true" : void 0,
       testid: props.testId,
       mt: props.mt,
@@ -1122,11 +1129,13 @@ function GoabxTable({ onSort, version = "2", ...props }) {
   );
 }
 function GoabxTableSortHeader({
+  name,
+  direction = "none",
+  sortOrder,
   children,
   ...rest
 }) {
-  const _props = parseISO.transformProps(rest, parseISO.lowercase);
-  return /* @__PURE__ */ jsxRuntime.jsx("goa-table-sort-header", { ..._props, children });
+  return /* @__PURE__ */ jsxRuntime.jsx("goa-table-sort-header", { name, direction, "sort-order": sortOrder, ...rest, children });
 }
 function GoabxTab({ heading, disabled, slug, children }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(