boreal-ui 0.0.31 → 0.0.32

package/dist/next/{CommandPalette-DjR2pE5m.cjs → CommandPalette-DhyChRCJ.cjs}

@@ -5,7 +5,7 @@ const ReactDOM = require("react-dom");
 const classNames = require("./classNames-BcWMx052.cjs");
 const capitalize = require("./capitalize-DoV-nOmN.cjs");
 const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
-const TextInput = require("./TextInput-D0rdRASC.cjs");
+const TextInput = require("./TextInput-CpbTf99E.cjs");
 const CommandPaletteBase = ({
   commands,
   placeholder = "Search...",
@@ -23,27 +23,36 @@ const CommandPaletteBase = ({
   className
 }) => {
   const [query, setQuery] = React.useState("");
-  const [activeIndex, setActiveIndex] = React.useState(0);
+  const [activeIndex, setActiveIndex] = React.useState(-1);
   const inputRef = React.useRef(null);
   const [mounted, setMounted] = React.useState(false);
   const [portalElement, setPortalElement] = React.useState(null);
   const [asyncResults, setAsyncResults] = React.useState([]);
   const [isLoading, setIsLoading] = React.useState(false);
   const debounceRef = React.useRef(null);
+  const prevFocusRef = React.useRef(null);
   const filtered = asyncSearch ? asyncResults : commands.filter(
     (cmd) => cmd.label.toLowerCase().includes(query.toLowerCase())
   );
+  React.useEffect(() => {
+    if (filtered.length === 0) {
+      setActiveIndex(-1);
+    } else if (activeIndex < 0 || activeIndex >= filtered.length) {
+      setActiveIndex(0);
+    }
+  }, [filtered, activeIndex]);
   React.useEffect(() => {
     if (!asyncSearch) return;
     if (debounceRef.current) clearTimeout(debounceRef.current);
-    if (!query.trim()) {
+    const q = query.trim();
+    if (!q) {
       setAsyncResults([]);
       setIsLoading(false);
       return;
     }
     setIsLoading(true);
     debounceRef.current = setTimeout(() => {
-      asyncSearch(query).then((results) => {
+      asyncSearch(q).then((results) => {
         setAsyncResults(results);
         setIsLoading(false);
       }).catch(() => {
@@ -58,6 +67,7 @@ const CommandPaletteBase = ({
   React.useEffect(() => {
     if (!isOpen) return;
     setMounted(true);
+    prevFocusRef.current = document.activeElement ?? null;
     const portal = document.getElementById("widget-portal") || (() => {
       const el = document.createElement("div");
       el.id = "widget-portal";
@@ -67,10 +77,12 @@ const CommandPaletteBase = ({
     setPortalElement(portal);
     document.body.classList.add("noScroll");
     return () => {
+      var _a, _b;
       document.body.classList.remove("noScroll");
       setQuery("");
-      setActiveIndex(0);
+      setActiveIndex(-1);
       setMounted(false);
+      (_b = (_a = prevFocusRef.current) == null ? void 0 : _a.focus) == null ? void 0 : _b.call(_a);
     };
   }, [isOpen]);
   React.useEffect(() => {
@@ -79,21 +91,34 @@ const CommandPaletteBase = ({
   const handleKeyDown = React.useCallback(
     (e) => {
       if (e.key === "ArrowDown") {
+        if (filtered.length === 0) return;
+        e.preventDefault();
         setActiveIndex((prev) => (prev + 1) % filtered.length);
       } else if (e.key === "ArrowUp") {
+        if (filtered.length === 0) return;
+        e.preventDefault();
         setActiveIndex(
           (prev) => (prev - 1 + filtered.length) % filtered.length
         );
-      } else if (e.key === "Enter" && filtered[activeIndex]) {
-        filtered[activeIndex].action();
-        onClose();
+      } else if (e.key === "Enter") {
+        if (activeIndex >= 0 && filtered[activeIndex]) {
+          filtered[activeIndex].action();
+          onClose();
+        }
       } else if (e.key === "Escape") {
         onClose();
       }
     },
     [filtered, activeIndex, onClose]
   );
+  const handleContainerKeyDown = React.useCallback(
+    (e) => {
+      if (e.key === "Escape") onClose();
+    },
+    [onClose]
+  );
   if (!isOpen || !mounted || !portalElement) return null;
+  const listId = `${testId}-list`;
   return ReactDOM.createPortal(
     /* @__PURE__ */ require$$2.jsx(
       "div",
@@ -113,6 +138,7 @@ const CommandPaletteBase = ({
               className
             ),
             onClick: (e) => e.stopPropagation(),
+            onKeyDown: handleContainerKeyDown,
             role: "dialog",
             "aria-modal": "true",
             "aria-label": "Command palette",
@@ -134,20 +160,31 @@ const CommandPaletteBase = ({
                   className: classMap.input,
                   "data-testid": `${testId}-input`,
                   role: "combobox",
+                  "aria-autocomplete": "list",
                   "aria-haspopup": "listbox",
-                  "aria-expanded": "true",
-                  "aria-controls": "command-list",
-                  "aria-activedescendant": filtered.length > 0 ? `cmd-${activeIndex}` : void 0
+                  "aria-expanded": filtered.length > 0,
+                  "aria-controls": listId,
+                  "aria-activedescendant": activeIndex >= 0 ? `cmd-${activeIndex}` : void 0
                 }
               ),
               /* @__PURE__ */ require$$2.jsx(
                 "ul",
                 {
-                  id: "command-list",
+                  id: listId,
                   className: classMap.list,
                   role: "listbox",
                   "aria-label": "Command suggestions",
-                  children: isLoading ? /* @__PURE__ */ require$$2.jsx("div", { className: classNames.combineClassNames(classMap.item, classMap.empty), children: "Searching..." }) : filtered.length > 0 ? filtered.map((cmd, index) => /* @__PURE__ */ require$$2.jsxs(
+                  "aria-busy": isLoading || void 0,
+                  children: isLoading ? /* @__PURE__ */ require$$2.jsx(
+                    "li",
+                    {
+                      className: classNames.combineClassNames(classMap.item, classMap.empty),
+                      role: "option",
+                      "aria-disabled": "true",
+                      "aria-selected": "false",
+                      children: "Searching…"
+                    }
+                  ) : filtered.length > 0 ? filtered.map((cmd, index) => /* @__PURE__ */ require$$2.jsxs(
                     "li",
                     {
                       id: `cmd-${index}`,
@@ -167,7 +204,7 @@ const CommandPaletteBase = ({
                         cmd.label
                       ]
                     },
-                    cmd.label
+                    `${cmd.label}-${index}`
                   )) : /* @__PURE__ */ require$$2.jsx(
                     "li",
                     {
@@ -188,39 +225,40 @@ const CommandPaletteBase = ({
     portalElement
   );
 };
-const noScroll = "_noScroll_42u1z_91";
-const errorMessage = "_errorMessage_42u1z_92";
-const loadingContainer = "_loadingContainer_42u1z_93";
-const hideScrollbar = "_hideScrollbar_42u1z_85";
-const sr_only = "_sr_only_42u1z_94";
-const overlay = "_overlay_42u1z_539";
-const command_palette = "_command_palette_42u1z_550";
-const roundNone = "_roundNone_42u1z_563";
-const item = "_item_42u1z_567";
-const roundSmall = "_roundSmall_42u1z_571";
-const roundMedium = "_roundMedium_42u1z_579";
-const roundLarge = "_roundLarge_42u1z_587";
-const roundFull = "_roundFull_42u1z_595";
-const shadowNone = "_shadowNone_42u1z_603";
-const shadowLight = "_shadowLight_42u1z_607";
-const shadowMedium = "_shadowMedium_42u1z_611";
-const shadowStrong = "_shadowStrong_42u1z_615";
-const shadowIntense = "_shadowIntense_42u1z_619";
-const input = "_input_42u1z_623";
-const list = "_list_42u1z_629";
-const icon = "_icon_42u1z_648";
-const empty = "_empty_42u1z_652";
-const active = "_active_42u1z_657";
-const primary = "_primary_42u1z_661";
-const secondary = "_secondary_42u1z_674";
-const tertiary = "_tertiary_42u1z_687";
-const quaternary = "_quaternary_42u1z_700";
-const clear = "_clear_42u1z_713";
-const success = "_success_42u1z_726";
-const error = "_error_42u1z_92";
-const warning = "_warning_42u1z_752";
-const spin = "_spin_42u1z_1";
-const pulse = "_pulse_42u1z_1";
+CommandPaletteBase.displayName = "CommandPaletteBase";
+const noScroll = "_noScroll_19rnn_91";
+const errorMessage = "_errorMessage_19rnn_92";
+const loadingContainer = "_loadingContainer_19rnn_93";
+const hideScrollbar = "_hideScrollbar_19rnn_85";
+const sr_only = "_sr_only_19rnn_94";
+const overlay = "_overlay_19rnn_540";
+const command_palette = "_command_palette_19rnn_551";
+const roundNone = "_roundNone_19rnn_564";
+const item = "_item_19rnn_568";
+const roundSmall = "_roundSmall_19rnn_572";
+const roundMedium = "_roundMedium_19rnn_580";
+const roundLarge = "_roundLarge_19rnn_588";
+const roundFull = "_roundFull_19rnn_596";
+const shadowNone = "_shadowNone_19rnn_604";
+const shadowLight = "_shadowLight_19rnn_608";
+const shadowMedium = "_shadowMedium_19rnn_612";
+const shadowStrong = "_shadowStrong_19rnn_616";
+const shadowIntense = "_shadowIntense_19rnn_620";
+const input = "_input_19rnn_624";
+const list = "_list_19rnn_630";
+const icon = "_icon_19rnn_649";
+const empty = "_empty_19rnn_653";
+const active = "_active_19rnn_658";
+const primary = "_primary_19rnn_662";
+const secondary = "_secondary_19rnn_675";
+const tertiary = "_tertiary_19rnn_688";
+const quaternary = "_quaternary_19rnn_701";
+const clear = "_clear_19rnn_714";
+const success = "_success_19rnn_727";
+const error = "_error_19rnn_92";
+const warning = "_warning_19rnn_753";
+const spin = "_spin_19rnn_1";
+const pulse = "_pulse_19rnn_1";
 const styles = {
   noScroll,
   errorMessage,
@@ -253,15 +291,15 @@ const styles = {
   success,
   error,
   warning,
-  "fade-in": "_fade-in_42u1z_1",
-  "slide-up": "_slide-up_42u1z_1",
-  "spin-3d": "_spin-3d_42u1z_1",
+  "fade-in": "_fade-in_19rnn_1",
+  "slide-up": "_slide-up_19rnn_1",
+  "spin-3d": "_spin-3d_19rnn_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_42u1z_1",
-  "progress-grow": "_progress-grow_42u1z_1",
-  "indeterminate-move": "_indeterminate-move_42u1z_1",
-  "skeleton-loading": "_skeleton-loading_42u1z_1"
+  "fade-in-up": "_fade-in-up_19rnn_1",
+  "progress-grow": "_progress-grow_19rnn_1",
+  "indeterminate-move": "_indeterminate-move_19rnn_1",
+  "skeleton-loading": "_skeleton-loading_19rnn_1"
 };
 const CommandPalette = (props) => /* @__PURE__ */ require$$2.jsx(
   CommandPaletteBase,
@@ -272,4 +310,4 @@ const CommandPalette = (props) => /* @__PURE__ */ require$$2.jsx(
   }
 );
 exports.CommandPalette = CommandPalette;
-//# sourceMappingURL=CommandPalette-DjR2pE5m.cjs.map
+//# sourceMappingURL=CommandPalette-DhyChRCJ.cjs.map

package/dist/next/CommandPalette-DhyChRCJ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPalette-DhyChRCJ.cjs","sources":["../../src/components/CommandPalette/CommandPaletteBase.tsx","../../src/components/CommandPalette/next/CommandPalette.tsx"],"sourcesContent":["import React, {\r\n  useEffect,\r\n  useRef,\r\n  useState,\r\n  useCallback,\r\n  KeyboardEvent,\r\n} from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport type { CommandPaletteProps } from \"./CommandPalette.types\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface CommandPaletteBaseProps extends CommandPaletteProps {\r\n  classMap: Record<string, string>;\r\n  TextInputComponent: React.ElementType;\r\n}\r\n\r\nconst CommandPaletteBase: React.FC<CommandPaletteBaseProps> = ({\r\n  commands,\r\n  placeholder = \"Search...\",\r\n  isOpen,\r\n  onClose,\r\n  asyncSearch,\r\n  debounceMs = 300,\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  classMap,\r\n  TextInputComponent,\r\n  \"data-testid\": testId = \"command-palette\",\r\n  className,\r\n}) => {\r\n  const [query, setQuery] = useState(\"\");\r\n  const [activeIndex, setActiveIndex] = useState<number>(-1);\r\n  const inputRef = useRef<HTMLInputElement>(null);\r\n  const [mounted, setMounted] = useState(false);\r\n  const [portalElement, setPortalElement] = useState<HTMLElement | null>(null);\r\n  const [asyncResults, setAsyncResults] = useState<typeof commands>([]);\r\n  const [isLoading, setIsLoading] = useState(false);\r\n  const debounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);\r\n  const prevFocusRef = useRef<HTMLElement | null>(null);\r\n\r\n  const filtered = asyncSearch\r\n    ? asyncResults\r\n    : commands.filter((cmd) =>\r\n        cmd.label.toLowerCase().includes(query.toLowerCase())\r\n      );\r\n\r\n  useEffect(() => {\r\n    if (filtered.length === 0) {\r\n      setActiveIndex(-1);\r\n    } else if (activeIndex < 0 || activeIndex >= filtered.length) {\r\n      setActiveIndex(0);\r\n    }\r\n  }, [filtered, activeIndex]);\r\n\r\n  useEffect(() => {\r\n    if (!asyncSearch) return;\r\n\r\n    if (debounceRef.current) clearTimeout(debounceRef.current);\r\n\r\n    const q = query.trim();\r\n    if (!q) {\r\n      setAsyncResults([]);\r\n      setIsLoading(false);\r\n      return;\r\n    }\r\n\r\n    setIsLoading(true);\r\n    debounceRef.current = setTimeout(() => {\r\n      asyncSearch(q)\r\n        .then((results) => {\r\n          setAsyncResults(results);\r\n          setIsLoading(false);\r\n        })\r\n        .catch(() => {\r\n          setAsyncResults([]);\r\n          setIsLoading(false);\r\n        });\r\n    }, debounceMs);\r\n\r\n    return () => {\r\n      if (debounceRef.current) clearTimeout(debounceRef.current);\r\n    };\r\n  }, [query, asyncSearch, debounceMs]);\r\n\r\n  useEffect(() => {\r\n    if (!isOpen) return;\r\n\r\n    setMounted(true);\r\n    prevFocusRef.current = (document.activeElement as HTMLElement) ?? null;\r\n\r\n    const portal =\r\n      document.getElementById(\"widget-portal\") ||\r\n      (() => {\r\n        const el = document.createElement(\"div\");\r\n        el.id = \"widget-portal\";\r\n        document.body.appendChild(el);\r\n        return el;\r\n      })();\r\n\r\n    setPortalElement(portal);\r\n    document.body.classList.add(\"noScroll\");\r\n\r\n    return () => {\r\n      document.body.classList.remove(\"noScroll\");\r\n      setQuery(\"\");\r\n      setActiveIndex(-1);\r\n      setMounted(false);\r\n      prevFocusRef.current?.focus?.();\r\n    };\r\n  }, [isOpen]);\r\n\r\n  useEffect(() => {\r\n    if (isOpen && inputRef.current) inputRef.current.focus();\r\n  }, [isOpen]);\r\n\r\n  const handleKeyDown = useCallback(\r\n    (e: KeyboardEvent<HTMLInputElement>) => {\r\n      if (e.key === \"ArrowDown\") {\r\n        if (filtered.length === 0) return;\r\n        e.preventDefault();\r\n        setActiveIndex((prev) => (prev + 1) % filtered.length);\r\n      } else if (e.key === \"ArrowUp\") {\r\n        if (filtered.length === 0) return;\r\n        e.preventDefault();\r\n        setActiveIndex(\r\n          (prev) => (prev - 1 + filtered.length) % filtered.length\r\n        );\r\n      } else if (e.key === \"Enter\") {\r\n        if (activeIndex >= 0 && filtered[activeIndex]) {\r\n          filtered[activeIndex].action();\r\n          onClose();\r\n        }\r\n      } else if (e.key === \"Escape\") {\r\n        onClose();\r\n      }\r\n    },\r\n    [filtered, activeIndex, onClose]\r\n  );\r\n\r\n  const handleContainerKeyDown = useCallback(\r\n    (e: KeyboardEvent<HTMLDivElement>) => {\r\n      if (e.key === \"Escape\") onClose();\r\n    },\r\n    [onClose]\r\n  );\r\n\r\n  if (!isOpen || !mounted || !portalElement) return null;\r\n\r\n  const listId = `${testId}-list`;\r\n\r\n  return ReactDOM.createPortal(\r\n    <div\r\n      className={classMap.overlay}\r\n      onClick={onClose}\r\n      data-testid={`${testId}-overlay`}\r\n    >\r\n      <div\r\n        className={combineClassNames(\r\n          classMap.command_palette,\r\n          classMap[theme],\r\n          classMap[state],\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`],\r\n          className\r\n        )}\r\n        onClick={(e) => e.stopPropagation()}\r\n        onKeyDown={handleContainerKeyDown}\r\n        role=\"dialog\"\r\n        aria-modal=\"true\"\r\n        aria-label=\"Command palette\"\r\n        data-testid={testId}\r\n      >\r\n        <TextInputComponent\r\n          ref={inputRef}\r\n          type=\"text\"\r\n          value={query}\r\n          onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\r\n            setQuery(e.target.value)\r\n          }\r\n          onKeyDown={handleKeyDown}\r\n          placeholder={placeholder}\r\n          theme={theme}\r\n          state={state}\r\n          shadow={\"none\"}\r\n          rounding={rounding}\r\n          className={classMap.input}\r\n          data-testid={`${testId}-input`}\r\n          role=\"combobox\"\r\n          aria-autocomplete=\"list\"\r\n          aria-haspopup=\"listbox\"\r\n          aria-expanded={filtered.length > 0}\r\n          aria-controls={listId}\r\n          aria-activedescendant={\r\n            activeIndex >= 0 ? `cmd-${activeIndex}` : undefined\r\n          }\r\n        />\r\n\r\n        <ul\r\n          id={listId}\r\n          className={classMap.list}\r\n          role=\"listbox\"\r\n          aria-label=\"Command suggestions\"\r\n          aria-busy={isLoading || undefined}\r\n        >\r\n          {isLoading ? (\r\n            <li\r\n              className={combineClassNames(classMap.item, classMap.empty)}\r\n              role=\"option\"\r\n              aria-disabled=\"true\"\r\n              aria-selected=\"false\"\r\n            >\r\n              Searching…\r\n            </li>\r\n          ) : filtered.length > 0 ? (\r\n            filtered.map((cmd, index) => (\r\n              <li\r\n                key={`${cmd.label}-${index}`}\r\n                id={`cmd-${index}`}\r\n                role=\"option\"\r\n                aria-selected={index === activeIndex}\r\n                className={combineClassNames(\r\n                  classMap.item,\r\n                  classMap[theme],\r\n                  index === activeIndex && classMap.active\r\n                )}\r\n                onClick={() => {\r\n                  cmd.action();\r\n                  onClose();\r\n                }}\r\n              >\r\n                {cmd.icon && (\r\n                  <span className={classMap.icon} aria-hidden=\"true\">\r\n                    {cmd.icon}\r\n                  </span>\r\n                )}\r\n                {cmd.label}\r\n              </li>\r\n            ))\r\n          ) : (\r\n            <li\r\n              role=\"option\"\r\n              aria-selected=\"false\"\r\n              aria-disabled=\"true\"\r\n              className={combineClassNames(classMap.item, classMap.empty)}\r\n            >\r\n              No matching results\r\n            </li>\r\n          )}\r\n        </ul>\r\n      </div>\r\n    </div>,\r\n    portalElement\r\n  );\r\n};\r\nCommandPaletteBase.displayName = \"CommandPaletteBase\";\r\nexport default CommandPaletteBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport CommandPaletteBase from \"../CommandPaletteBase\";\r\nimport styles from \"./CommandPalette.module.scss\";\r\nimport { TextInput } from \"@/index.next\";\r\nimport { CommandPaletteProps } from \"../CommandPalette.types\";\r\n\r\nconst CommandPalette: React.FC<CommandPaletteProps> = (props) => (\r\n  <CommandPaletteBase\r\n    {...props}\r\n    classMap={styles}\r\n    TextInputComponent={TextInput}\r\n  />\r\n);\r\n\r\nexport default CommandPalette;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","useState","useRef","useEffect","useCallback","jsx","jsxs","combineClassNames","capitalize","TextInput"],"mappings":"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"}

package/dist/next/CommandPalette.cjs.js

@@ -1,4 +1,4 @@
 "use strict";
-const CommandPalette = require("./CommandPalette-DjR2pE5m.cjs");
+const CommandPalette = require("./CommandPalette-DhyChRCJ.cjs");
 module.exports = CommandPalette.CommandPalette;
 //# sourceMappingURL=CommandPalette.cjs.js.map

package/dist/next/CommandPalette.js

@@ -1,4 +1,4 @@
-import { C } from "./CommandPalette-BaJ9KSob.js";
+import { C } from "./CommandPalette-BEDyY7vY.js";
 export {
   C as default
 };

package/dist/next/{DataTable-C5OyGLWn.cjs → DataTable-B0-pq0MG.cjs}

@@ -4,39 +4,38 @@ const React = require("react");
 const classNames = require("./classNames-BcWMx052.cjs");
 const capitalize = require("./capitalize-DoV-nOmN.cjs");
 const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
-const noScroll = "_noScroll_mhzry_91";
-const errorMessage = "_errorMessage_mhzry_92";
-const loadingContainer = "_loadingContainer_mhzry_93";
-const hideScrollbar = "_hideScrollbar_mhzry_85";
-const sr_only = "_sr_only_mhzry_94";
-const wrapper = "_wrapper_mhzry_539";
-const table = "_table_mhzry_545";
-const data_table = "_data_table_mhzry_569";
-const sortable = "_sortable_mhzry_569";
-const sort_icon = "_sort_icon_mhzry_572";
-const clickable = "_clickable_mhzry_576";
-const striped = "_striped_mhzry_586";
-const primary = "_primary_mhzry_592";
-const outline = "_outline_mhzry_596";
-const secondary = "_secondary_mhzry_600";
-const tertiary = "_tertiary_mhzry_608";
-const quaternary = "_quaternary_mhzry_616";
-const clear = "_clear_mhzry_624";
-const success = "_success_mhzry_632";
-const error = "_error_mhzry_92";
-const warning = "_warning_mhzry_648";
-const roundNone = "_roundNone_mhzry_700";
-const roundSmall = "_roundSmall_mhzry_704";
-const roundMedium = "_roundMedium_mhzry_708";
-const roundLarge = "_roundLarge_mhzry_712";
-const roundFull = "_roundFull_mhzry_716";
-const shadowNone = "_shadowNone_mhzry_720";
-const shadowLight = "_shadowLight_mhzry_724";
-const shadowMedium = "_shadowMedium_mhzry_728";
-const shadowStrong = "_shadowStrong_mhzry_732";
-const shadowIntense = "_shadowIntense_mhzry_736";
-const spin = "_spin_mhzry_1";
-const pulse = "_pulse_mhzry_1";
+const noScroll = "_noScroll_1h44z_91";
+const errorMessage = "_errorMessage_1h44z_92";
+const loadingContainer = "_loadingContainer_1h44z_93";
+const hideScrollbar = "_hideScrollbar_1h44z_85";
+const sr_only = "_sr_only_1h44z_94";
+const wrapper = "_wrapper_1h44z_540";
+const table = "_table_1h44z_546";
+const sortable = "_sortable_1h44z_570";
+const sort_icon = "_sort_icon_1h44z_576";
+const clickable = "_clickable_1h44z_580";
+const striped = "_striped_1h44z_593";
+const primary = "_primary_1h44z_599";
+const outline = "_outline_1h44z_603";
+const secondary = "_secondary_1h44z_607";
+const tertiary = "_tertiary_1h44z_615";
+const quaternary = "_quaternary_1h44z_623";
+const clear = "_clear_1h44z_631";
+const success = "_success_1h44z_639";
+const error = "_error_1h44z_92";
+const warning = "_warning_1h44z_655";
+const roundNone = "_roundNone_1h44z_707";
+const roundSmall = "_roundSmall_1h44z_711";
+const roundMedium = "_roundMedium_1h44z_715";
+const roundLarge = "_roundLarge_1h44z_719";
+const roundFull = "_roundFull_1h44z_723";
+const shadowNone = "_shadowNone_1h44z_727";
+const shadowLight = "_shadowLight_1h44z_731";
+const shadowMedium = "_shadowMedium_1h44z_735";
+const shadowStrong = "_shadowStrong_1h44z_739";
+const shadowIntense = "_shadowIntense_1h44z_743";
+const spin = "_spin_1h44z_1";
+const pulse = "_pulse_1h44z_1";
 const styles = {
   noScroll,
   errorMessage,
@@ -45,7 +44,6 @@ const styles = {
   sr_only,
   wrapper,
   table,
-  data_table,
   sortable,
   sort_icon,
   clickable,
@@ -69,15 +67,15 @@ const styles = {
   shadowMedium,
   shadowStrong,
   shadowIntense,
-  "fade-in": "_fade-in_mhzry_1",
-  "slide-up": "_slide-up_mhzry_1",
-  "spin-3d": "_spin-3d_mhzry_1",
+  "fade-in": "_fade-in_1h44z_1",
+  "slide-up": "_slide-up_1h44z_1",
+  "spin-3d": "_spin-3d_1h44z_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_mhzry_1",
-  "progress-grow": "_progress-grow_mhzry_1",
-  "indeterminate-move": "_indeterminate-move_mhzry_1",
-  "skeleton-loading": "_skeleton-loading_mhzry_1"
+  "fade-in-up": "_fade-in-up_1h44z_1",
+  "progress-grow": "_progress-grow_1h44z_1",
+  "indeterminate-move": "_indeterminate-move_1h44z_1",
+  "skeleton-loading": "_skeleton-loading_1h44z_1"
 };
 function DataTableBase({
   columns,
@@ -92,6 +90,7 @@ function DataTableBase({
   className = "",
   striped: striped2 = true,
   defaultSortKey,
+  ariaLabel,
   defaultSortOrder = "asc",
   serverSort = false,
   onSortChange,
@@ -102,20 +101,24 @@ function DataTableBase({
   const [sortOrder, setSortOrder] = React.useState(defaultSortOrder);
   const sortedData = React.useMemo(() => {
     if (serverSort || !sortKey) return data;
-    if (!sortKey) return data;
     return [...data].sort((a, b) => {
       const valA = a[sortKey];
       const valB = b[sortKey];
       if (valA === valB) return 0;
       if (valA == null) return 1;
       if (valB == null) return -1;
-      const isNumA = !isNaN(Number(valA));
-      const isNumB = !isNaN(Number(valB));
-      if (isNumA && isNumB)
-        return sortOrder === "asc" ? +valA - +valB : +valB - +valA;
-      return sortOrder === "asc" ? String(valA).localeCompare(String(valB)) : String(valB).localeCompare(String(valA));
+      const numA = Number(valA);
+      const numB = Number(valB);
+      const bothNumeric = !Number.isNaN(numA) && !Number.isNaN(numB);
+      if (bothNumeric) {
+        return sortOrder === "asc" ? numA - numB : numB - numA;
+      }
+      const cmp = String(valA).localeCompare(String(valB), void 0, {
+        numeric: true
+      });
+      return sortOrder === "asc" ? cmp : -cmp;
     });
-  }, [data, sortKey, sortOrder]);
+  }, [data, sortKey, sortOrder, serverSort]);
   const handleSort = (key) => {
     const newOrder = key === sortKey && sortOrder === "asc" ? "desc" : "asc";
     setSortKey(key);
@@ -128,6 +131,14 @@ function DataTableBase({
       handleSort(key);
     }
   };
+  const handleRowKeyDown = (row) => (e) => {
+    if (!onRowClick) return;
+    if (e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      onRowClick(row);
+    }
+  };
+  const captionId = `${testId}-caption`;
   return /* @__PURE__ */ require$$2.jsx(
     "div",
     {
@@ -148,16 +159,16 @@ function DataTableBase({
             classMap[state],
             outline2 && classMap.outline
           ),
-          role: "table",
+          "aria-label": ariaLabel,
+          "aria-describedby": captionId,
           children: [
-            /* @__PURE__ */ require$$2.jsx("caption", { className: "sr_only", children: "Sortable data table" }),
-            /* @__PURE__ */ require$$2.jsx("thead", { children: /* @__PURE__ */ require$$2.jsx("tr", { role: "row", children: columns.map((col) => {
+            /* @__PURE__ */ require$$2.jsx("caption", { id: captionId, className: classMap.srOnly ?? "sr_only", children: "Sortable data table" }),
+            /* @__PURE__ */ require$$2.jsx("thead", { children: /* @__PURE__ */ require$$2.jsx("tr", { children: columns.map((col) => {
               const isActive = sortKey === col.key;
               return /* @__PURE__ */ require$$2.jsxs(
                 "th",
                 {
                   scope: "col",
-                  role: "columnheader",
                   tabIndex: col.sortable ? 0 : void 0,
                   "aria-sort": col.sortable ? isActive ? sortOrder === "asc" ? "ascending" : "descending" : "none" : void 0,
                   onClick: () => col.sortable && handleSort(col.key),
@@ -174,23 +185,29 @@ function DataTableBase({
                 String(col.key)
               );
             }) }) }),
-            /* @__PURE__ */ require$$2.jsx("tbody", { children: sortedData.map((row, idx) => {
+            /* @__PURE__ */ require$$2.jsx("tbody", { children: sortedData.length === 0 ? /* @__PURE__ */ require$$2.jsx("tr", { children: /* @__PURE__ */ require$$2.jsx(
+              "td",
+              {
+                className: classMap.emptyCell,
+                colSpan: columns.length,
+                "aria-live": "polite",
+                children: "No data available"
+              }
+            ) }) : sortedData.map((row, idx) => {
               const key = rowKey ? rowKey(row) : idx;
               return /* @__PURE__ */ require$$2.jsx(
                 "tr",
                 {
-                  role: "row",
                   className: classNames.combineClassNames(
                     onRowClick && classMap.clickable,
                     striped2 && idx % 2 === 1 && classMap.striped
                   ),
                   onClick: () => onRowClick == null ? void 0 : onRowClick(row),
+                  onKeyDown: handleRowKeyDown(row),
                   tabIndex: onRowClick ? 0 : void 0,
-                  "aria-label": onRowClick ? "Selectable row" : void 0,
                   children: columns.map((col) => /* @__PURE__ */ require$$2.jsx(
                     "td",
                     {
-                      role: "cell",
                       "data-label": col.label,
                       className: classMap.cell,
                       children: col.render ? col.render(row[col.key], row) : typeof row[col.key] === "object" ? JSON.stringify(row[col.key]) : String(row[col.key] ?? "")
@@ -207,8 +224,9 @@ function DataTableBase({
     }
   );
 }
+DataTableBase.displayName = "DataTableBase";
 function DataTable(props) {
   return /* @__PURE__ */ require$$2.jsx(DataTableBase, { ...props, classMap: styles });
 }
 exports.DataTable = DataTable;
-//# sourceMappingURL=DataTable-C5OyGLWn.cjs.map
+//# sourceMappingURL=DataTable-B0-pq0MG.cjs.map

package/dist/next/DataTable-B0-pq0MG.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable-B0-pq0MG.cjs","sources":["../../src/components/DataTable/DataTableBase.tsx","../../src/components/DataTable/next/DataTable.tsx"],"sourcesContent":["import { useMemo, useState, KeyboardEvent } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { DataTableBaseProps } from \"./DataTable.types\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nfunction DataTableBase<T extends object>({\r\n  columns,\r\n  data,\r\n  onRowClick,\r\n  classMap,\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  outline = false,\r\n  className = \"\",\r\n  striped = true,\r\n  defaultSortKey,\r\n  ariaLabel,\r\n  defaultSortOrder = \"asc\",\r\n  serverSort = false,\r\n  onSortChange,\r\n  rowKey,\r\n  \"data-testid\": testId = \"data-table\",\r\n}: DataTableBaseProps<T>) {\r\n  const [sortKey, setSortKey] = useState<keyof T | undefined>(defaultSortKey);\r\n  const [sortOrder, setSortOrder] = useState<\"asc\" | \"desc\">(defaultSortOrder);\r\n\r\n  const sortedData = useMemo(() => {\r\n    if (serverSort || !sortKey) return data;\r\n\r\n    return [...data].sort((a, b) => {\r\n      const valA = a[sortKey];\r\n      const valB = b[sortKey];\r\n      if (valA === valB) return 0;\r\n      if (valA == null) return 1;\r\n      if (valB == null) return -1;\r\n\r\n      const numA = Number(valA);\r\n      const numB = Number(valB);\r\n      const bothNumeric = !Number.isNaN(numA) && !Number.isNaN(numB);\r\n\r\n      if (bothNumeric) {\r\n        return sortOrder === \"asc\" ? numA - numB : numB - numA;\r\n      }\r\n      const cmp = String(valA).localeCompare(String(valB), undefined, {\r\n        numeric: true,\r\n      });\r\n      return sortOrder === \"asc\" ? cmp : -cmp;\r\n    });\r\n  }, [data, sortKey, sortOrder, serverSort]);\r\n\r\n  const handleSort = (key: keyof T) => {\r\n    const newOrder = key === sortKey && sortOrder === \"asc\" ? \"desc\" : \"asc\";\r\n    setSortKey(key);\r\n    setSortOrder(newOrder);\r\n    if (serverSort && onSortChange) onSortChange(key, newOrder);\r\n  };\r\n\r\n  const handleSortKeyDown = (e: KeyboardEvent, key: keyof T) => {\r\n    if (e.key === \"Enter\" || e.key === \" \") {\r\n      e.preventDefault();\r\n      handleSort(key);\r\n    }\r\n  };\r\n\r\n  const handleRowKeyDown =\r\n    (row: T) => (e: KeyboardEvent<HTMLTableRowElement>) => {\r\n      if (!onRowClick) return;\r\n      if (e.key === \"Enter\" || e.key === \" \") {\r\n        e.preventDefault();\r\n        onRowClick(row);\r\n      }\r\n    };\r\n\r\n  const captionId = `${testId}-caption`;\r\n\r\n  return (\r\n    <div\r\n      className={combineClassNames(\r\n        classMap.wrapper,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        striped && classMap.striped,\r\n        className\r\n      )}\r\n      data-testid={testId}\r\n    >\r\n      <table\r\n        className={combineClassNames(\r\n          classMap.table,\r\n          classMap[theme],\r\n          classMap[state],\r\n          outline && classMap.outline\r\n        )}\r\n        aria-label={ariaLabel}\r\n        aria-describedby={captionId}\r\n      >\r\n        <caption id={captionId} className={classMap.srOnly ?? \"sr_only\"}>\r\n          Sortable data table\r\n        </caption>\r\n\r\n        <thead>\r\n          <tr>\r\n            {columns.map((col) => {\r\n              const isActive = sortKey === col.key;\r\n              return (\r\n                <th\r\n                  key={String(col.key)}\r\n                  scope=\"col\"\r\n                  tabIndex={col.sortable ? 0 : undefined}\r\n                  aria-sort={\r\n                    col.sortable\r\n                      ? isActive\r\n                        ? sortOrder === \"asc\"\r\n                          ? \"ascending\"\r\n                          : \"descending\"\r\n                        : \"none\"\r\n                      : undefined\r\n                  }\r\n                  onClick={() => col.sortable && handleSort(col.key)}\r\n                  onKeyDown={(e) =>\r\n                    col.sortable && handleSortKeyDown(e, col.key)\r\n                  }\r\n                  className={combineClassNames(\r\n                    col.sortable && classMap.sortable,\r\n                    classMap.headerCell\r\n                  )}\r\n                >\r\n                  <span>{col.label}</span>\r\n                  {col.sortable && (\r\n                    <span className={classMap.sortIcon} aria-hidden=\"true\">\r\n                      {isActive ? (sortOrder === \"asc\" ? \"▲\" : \"▼\") : \"⇅\"}\r\n                    </span>\r\n                  )}\r\n                </th>\r\n              );\r\n            })}\r\n          </tr>\r\n        </thead>\r\n\r\n        <tbody>\r\n          {sortedData.length === 0 ? (\r\n            <tr>\r\n              <td\r\n                className={classMap.emptyCell}\r\n                colSpan={columns.length}\r\n                // announce emptiness politely\r\n                aria-live=\"polite\"\r\n              >\r\n                No data available\r\n              </td>\r\n            </tr>\r\n          ) : (\r\n            sortedData.map((row, idx) => {\r\n              const key = rowKey ? rowKey(row) : idx;\r\n              return (\r\n                <tr\r\n                  key={key}\r\n                  className={combineClassNames(\r\n                    onRowClick && classMap.clickable,\r\n                    striped && idx % 2 === 1 && classMap.striped\r\n                  )}\r\n                  onClick={() => onRowClick?.(row)}\r\n                  onKeyDown={handleRowKeyDown(row)}\r\n                  tabIndex={onRowClick ? 0 : undefined}\r\n                >\r\n                  {columns.map((col) => (\r\n                    <td\r\n                      key={String(col.key)}\r\n                      data-label={col.label}\r\n                      className={classMap.cell}\r\n                    >\r\n                      {col.render\r\n                        ? col.render(row[col.key], row)\r\n                        : typeof row[col.key] === \"object\"\r\n                          ? JSON.stringify(row[col.key])\r\n                          : String(row[col.key] ?? \"\")}\r\n                    </td>\r\n                  ))}\r\n                </tr>\r\n              );\r\n            })\r\n          )}\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n  );\r\n}\r\nDataTableBase.displayName = \"DataTableBase\";\r\nexport default DataTableBase;\r\n","\"use client\";\r\n\r\nimport styles from \"./DataTable.module.scss\";\r\nimport DataTableBase from \"../DataTableBase\";\r\nimport { DataTableProps } from \"../DataTable.types\";\r\n\r\nfunction DataTable<T extends object>(props: DataTableProps<T>) {\r\n  return <DataTableBase {...props} classMap={styles} />;\r\n}\r\n\r\nexport default DataTable;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","outline","striped","useState","useMemo","jsx","combineClassNames","capitalize","jsxs"],"mappings":"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"}