boreal-ui 0.0.72 → 0.0.73

package/dist/next/CommandPalette-B-aiEtIm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CommandPalette-B-aiEtIm.js","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\nCommandPalette.displayName = \"CommandPalette\";\r\nexport default CommandPalette;\r\n"],"names":[],"mappings":"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"}

package/dist/next/CommandPalette-CtnVZcVo.cjs

@@ -1,315 +0,0 @@
-"use strict";
-const require$$2 = require("react/jsx-runtime");
-const React = require("react");
-const ReactDOM = require("react-dom");
-const classNames = require("./classNames-BcWMx052.cjs");
-const capitalize = require("./capitalize-DoV-nOmN.cjs");
-const borealStyleConfig = require("./boreal-style-config-C1UIwOFN.cjs");
-;/* empty css                   */
-const TextInput = require("./TextInput-D2ptuAkp.cjs");
-const CommandPaletteBase = ({
-  commands,
-  placeholder = "Search...",
-  isOpen,
-  onClose,
-  asyncSearch,
-  debounceMs = 300,
-  theme = borealStyleConfig.getDefaultTheme(),
-  rounding = borealStyleConfig.getDefaultRounding(),
-  shadow = borealStyleConfig.getDefaultShadow(),
-  state = "",
-  classMap,
-  TextInputComponent,
-  "data-testid": testId = "command-palette",
-  className
-}) => {
-  const [query, setQuery] = React.useState("");
-  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);
-    const q = query.trim();
-    if (!q) {
-      setAsyncResults([]);
-      setIsLoading(false);
-      return;
-    }
-    setIsLoading(true);
-    debounceRef.current = setTimeout(() => {
-      asyncSearch(q).then((results) => {
-        setAsyncResults(results);
-        setIsLoading(false);
-      }).catch(() => {
-        setAsyncResults([]);
-        setIsLoading(false);
-      });
-    }, debounceMs);
-    return () => {
-      if (debounceRef.current) clearTimeout(debounceRef.current);
-    };
-  }, [query, asyncSearch, debounceMs]);
-  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";
-      document.body.appendChild(el);
-      return el;
-    })();
-    setPortalElement(portal);
-    document.body.classList.add("noScroll");
-    return () => {
-      var _a, _b;
-      document.body.classList.remove("noScroll");
-      setQuery("");
-      setActiveIndex(-1);
-      setMounted(false);
-      (_b = (_a = prevFocusRef.current) == null ? void 0 : _a.focus) == null ? void 0 : _b.call(_a);
-    };
-  }, [isOpen]);
-  React.useEffect(() => {
-    if (isOpen && inputRef.current) inputRef.current.focus();
-  }, [isOpen]);
-  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") {
-        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",
-      {
-        className: classMap.overlay,
-        onClick: onClose,
-        "data-testid": `${testId}-overlay`,
-        children: /* @__PURE__ */ require$$2.jsxs(
-          "div",
-          {
-            className: classNames.combineClassNames(
-              classMap.command_palette,
-              classMap[theme],
-              classMap[state],
-              shadow && classMap[`shadow${capitalize.capitalize(shadow)}`],
-              rounding && classMap[`round${capitalize.capitalize(rounding)}`],
-              className
-            ),
-            onClick: (e) => e.stopPropagation(),
-            onKeyDown: handleContainerKeyDown,
-            role: "dialog",
-            "aria-modal": "true",
-            "aria-label": "Command palette",
-            "data-testid": testId,
-            children: [
-              /* @__PURE__ */ require$$2.jsx(
-                TextInputComponent,
-                {
-                  ref: inputRef,
-                  type: "text",
-                  value: query,
-                  onChange: (e) => setQuery(e.target.value),
-                  onKeyDown: handleKeyDown,
-                  placeholder,
-                  theme,
-                  state,
-                  shadow: "none",
-                  rounding,
-                  className: classMap.input,
-                  "data-testid": `${testId}-input`,
-                  role: "combobox",
-                  "aria-autocomplete": "list",
-                  "aria-haspopup": "listbox",
-                  "aria-expanded": filtered.length > 0,
-                  "aria-controls": listId,
-                  "aria-activedescendant": activeIndex >= 0 ? `cmd-${activeIndex}` : void 0
-                }
-              ),
-              /* @__PURE__ */ require$$2.jsx(
-                "ul",
-                {
-                  id: listId,
-                  className: classMap.list,
-                  role: "listbox",
-                  "aria-label": "Command suggestions",
-                  "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}`,
-                      role: "option",
-                      "aria-selected": index === activeIndex,
-                      className: classNames.combineClassNames(
-                        classMap.item,
-                        classMap[theme],
-                        index === activeIndex && classMap.active
-                      ),
-                      onClick: () => {
-                        cmd.action();
-                        onClose();
-                      },
-                      children: [
-                        cmd.icon && /* @__PURE__ */ require$$2.jsx("span", { className: classMap.icon, "aria-hidden": "true", children: cmd.icon }),
-                        cmd.label
-                      ]
-                    },
-                    `${cmd.label}-${index}`
-                  )) : /* @__PURE__ */ require$$2.jsx(
-                    "li",
-                    {
-                      role: "option",
-                      "aria-selected": "false",
-                      "aria-disabled": "true",
-                      className: classNames.combineClassNames(classMap.item, classMap.empty),
-                      children: "No matching results"
-                    }
-                  )
-                }
-              )
-            ]
-          }
-        )
-      }
-    ),
-    portalElement
-  );
-};
-CommandPaletteBase.displayName = "CommandPaletteBase";
-const noScroll = "_noScroll_i3ufv_109";
-const errorMessage = "_errorMessage_i3ufv_110";
-const loadingContainer = "_loadingContainer_i3ufv_111";
-const hideScrollbar = "_hideScrollbar_i3ufv_103";
-const sr_only = "_sr_only_i3ufv_112";
-const overlay = "_overlay_i3ufv_637";
-const command_palette = "_command_palette_i3ufv_658";
-const roundNone = "_roundNone_i3ufv_694";
-const item = "_item_i3ufv_698";
-const roundSmall = "_roundSmall_i3ufv_702";
-const roundMedium = "_roundMedium_i3ufv_710";
-const roundLarge = "_roundLarge_i3ufv_718";
-const roundFull = "_roundFull_i3ufv_726";
-const shadowNone = "_shadowNone_i3ufv_734";
-const shadowLight = "_shadowLight_i3ufv_738";
-const shadowMedium = "_shadowMedium_i3ufv_742";
-const shadowStrong = "_shadowStrong_i3ufv_746";
-const shadowIntense = "_shadowIntense_i3ufv_750";
-const input = "_input_i3ufv_754";
-const list = "_list_i3ufv_782";
-const icon = "_icon_i3ufv_848";
-const empty = "_empty_i3ufv_852";
-const active = "_active_i3ufv_874";
-const primary = "_primary_i3ufv_879";
-const secondary = "_secondary_i3ufv_897";
-const tertiary = "_tertiary_i3ufv_915";
-const quaternary = "_quaternary_i3ufv_933";
-const clear = "_clear_i3ufv_951";
-const success = "_success_i3ufv_969";
-const error = "_error_i3ufv_110";
-const warning = "_warning_i3ufv_1005";
-const spin = "_spin_i3ufv_1";
-const pulse = "_pulse_i3ufv_1";
-const styles = {
-  noScroll,
-  errorMessage,
-  loadingContainer,
-  hideScrollbar,
-  sr_only,
-  overlay,
-  command_palette,
-  roundNone,
-  item,
-  roundSmall,
-  roundMedium,
-  roundLarge,
-  roundFull,
-  shadowNone,
-  shadowLight,
-  shadowMedium,
-  shadowStrong,
-  shadowIntense,
-  input,
-  list,
-  icon,
-  empty,
-  active,
-  primary,
-  secondary,
-  tertiary,
-  quaternary,
-  clear,
-  success,
-  error,
-  warning,
-  "fade-in": "_fade-in_i3ufv_1",
-  "slide-up": "_slide-up_i3ufv_1",
-  "spin-3d": "_spin-3d_i3ufv_1",
-  spin,
-  pulse,
-  "fade-in-up": "_fade-in-up_i3ufv_1",
-  "progress-grow": "_progress-grow_i3ufv_1",
-  "indeterminate-move": "_indeterminate-move_i3ufv_1",
-  "skeleton-loading": "_skeleton-loading_i3ufv_1"
-};
-const CommandPalette = (props) => /* @__PURE__ */ require$$2.jsx(
-  CommandPaletteBase,
-  {
-    ...props,
-    classMap: styles,
-    TextInputComponent: TextInput.TextInput
-  }
-);
-CommandPalette.displayName = "CommandPalette";
-exports.CommandPalette = CommandPalette;
-//# sourceMappingURL=CommandPalette-CtnVZcVo.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CommandPalette-CtnVZcVo.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\nCommandPalette.displayName = \"CommandPalette\";\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/DataTable-Cdhd9JxJ.js

@@ -1,234 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useState, useMemo } from "react";
-import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
-import { c as capitalize } from "./capitalize-C0TSQSPh.js";
-import { d as getDefaultTheme, a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-DsaRlxmw.js";
-const noScroll = "_noScroll_1hc20_109";
-const errorMessage = "_errorMessage_1hc20_110";
-const loadingContainer = "_loadingContainer_1hc20_111";
-const hideScrollbar = "_hideScrollbar_1hc20_103";
-const sr_only = "_sr_only_1hc20_112";
-const wrapper = "_wrapper_1hc20_637";
-const table = "_table_1hc20_646";
-const sortable = "_sortable_1hc20_694";
-const sort_icon = "_sort_icon_1hc20_701";
-const clickable = "_clickable_1hc20_715";
-const striped = "_striped_1hc20_729";
-const clear = "_clear_1hc20_732";
-const primary = "_primary_1hc20_788";
-const outline = "_outline_1hc20_793";
-const secondary = "_secondary_1hc20_804";
-const tertiary = "_tertiary_1hc20_820";
-const quaternary = "_quaternary_1hc20_836";
-const success = "_success_1hc20_868";
-const error = "_error_1hc20_110";
-const warning = "_warning_1hc20_900";
-const roundNone = "_roundNone_1hc20_916";
-const roundSmall = "_roundSmall_1hc20_920";
-const roundMedium = "_roundMedium_1hc20_924";
-const roundLarge = "_roundLarge_1hc20_928";
-const roundFull = "_roundFull_1hc20_932";
-const shadowNone = "_shadowNone_1hc20_936";
-const shadowLight = "_shadowLight_1hc20_940";
-const shadowMedium = "_shadowMedium_1hc20_944";
-const shadowStrong = "_shadowStrong_1hc20_948";
-const shadowIntense = "_shadowIntense_1hc20_952";
-const spin = "_spin_1hc20_1";
-const pulse = "_pulse_1hc20_1";
-const styles = {
-  noScroll,
-  errorMessage,
-  loadingContainer,
-  hideScrollbar,
-  sr_only,
-  wrapper,
-  table,
-  sortable,
-  sort_icon,
-  clickable,
-  striped,
-  clear,
-  primary,
-  outline,
-  secondary,
-  tertiary,
-  quaternary,
-  success,
-  error,
-  warning,
-  roundNone,
-  roundSmall,
-  roundMedium,
-  roundLarge,
-  roundFull,
-  shadowNone,
-  shadowLight,
-  shadowMedium,
-  shadowStrong,
-  shadowIntense,
-  "fade-in": "_fade-in_1hc20_1",
-  "slide-up": "_slide-up_1hc20_1",
-  "spin-3d": "_spin-3d_1hc20_1",
-  spin,
-  pulse,
-  "fade-in-up": "_fade-in-up_1hc20_1",
-  "progress-grow": "_progress-grow_1hc20_1",
-  "indeterminate-move": "_indeterminate-move_1hc20_1",
-  "skeleton-loading": "_skeleton-loading_1hc20_1"
-};
-function DataTableBase({
-  columns,
-  data,
-  onRowClick,
-  classMap,
-  theme = getDefaultTheme(),
-  rounding = getDefaultRounding(),
-  shadow = getDefaultShadow(),
-  state = "",
-  outline: outline2 = false,
-  className = "",
-  striped: striped2 = true,
-  defaultSortKey,
-  ariaLabel,
-  defaultSortOrder = "asc",
-  serverSort = false,
-  onSortChange,
-  rowKey,
-  "data-testid": testId = "data-table"
-}) {
-  const [sortKey, setSortKey] = useState(defaultSortKey);
-  const [sortOrder, setSortOrder] = useState(defaultSortOrder);
-  const sortedData = useMemo(() => {
-    if (serverSort || !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 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, serverSort]);
-  const handleSort = (key) => {
-    const newOrder = key === sortKey && sortOrder === "asc" ? "desc" : "asc";
-    setSortKey(key);
-    setSortOrder(newOrder);
-    if (serverSort && onSortChange) onSortChange(key, newOrder);
-  };
-  const handleSortKeyDown = (e, key) => {
-    if (e.key === "Enter" || e.key === " ") {
-      e.preventDefault();
-      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__ */ jsx(
-    "div",
-    {
-      className: combineClassNames(
-        classMap.wrapper,
-        shadow && classMap[`shadow${capitalize(shadow)}`],
-        rounding && classMap[`round${capitalize(rounding)}`],
-        striped2 && classMap.striped,
-        className
-      ),
-      "data-testid": testId,
-      children: /* @__PURE__ */ jsxs(
-        "table",
-        {
-          className: combineClassNames(
-            classMap.table,
-            classMap[theme],
-            classMap[state],
-            outline2 && classMap.outline
-          ),
-          "aria-label": ariaLabel,
-          "aria-describedby": captionId,
-          children: [
-            /* @__PURE__ */ jsx("caption", { id: captionId, className: classMap.srOnly ?? "sr_only", children: "Sortable data table" }),
-            /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { children: columns.map((col) => {
-              const isActive = sortKey === col.key;
-              return /* @__PURE__ */ jsxs(
-                "th",
-                {
-                  scope: "col",
-                  tabIndex: col.sortable ? 0 : void 0,
-                  "aria-sort": col.sortable ? isActive ? sortOrder === "asc" ? "ascending" : "descending" : "none" : void 0,
-                  onClick: () => col.sortable && handleSort(col.key),
-                  onKeyDown: (e) => col.sortable && handleSortKeyDown(e, col.key),
-                  className: combineClassNames(
-                    col.sortable && classMap.sortable,
-                    classMap.headerCell
-                  ),
-                  children: [
-                    /* @__PURE__ */ jsx("span", { children: col.label }),
-                    col.sortable && /* @__PURE__ */ jsx("span", { className: classMap.sortIcon, "aria-hidden": "true", children: isActive ? sortOrder === "asc" ? "▲" : "▼" : "⇅" })
-                  ]
-                },
-                String(col.key)
-              );
-            }) }) }),
-            /* @__PURE__ */ jsx("tbody", { children: sortedData.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ 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__ */ jsx(
-                "tr",
-                {
-                  className: 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,
-                  children: columns.map((col) => /* @__PURE__ */ jsx(
-                    "td",
-                    {
-                      "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] ?? "")
-                    },
-                    String(col.key)
-                  ))
-                },
-                key
-              );
-            }) })
-          ]
-        }
-      )
-    }
-  );
-}
-DataTableBase.displayName = "DataTableBase";
-function DataTable(props) {
-  return /* @__PURE__ */ jsx(DataTableBase, { ...props, classMap: styles });
-}
-DataTable.displayName = "DataTable";
-export {
-  DataTable as D
-};
-//# sourceMappingURL=DataTable-Cdhd9JxJ.js.map

package/dist/next/DataTable-Cdhd9JxJ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataTable-Cdhd9JxJ.js","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                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\nDataTable.displayName = \"DataTable\";\r\nexport default DataTable;\r\n"],"names":["outline","striped"],"mappings":"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"}