boreal-ui 0.0.35 → 0.0.37

package/dist/core/NavBar-DujO5gH_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavBar-DujO5gH_.js","sources":["../../src/components/NavBar/NavBarBase.tsx","../../src/components/NavBar/core/NavBar.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\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\nimport { BaseNavBarProps } from \"./NavBar.types\";\r\n\r\nconst normalizePath = (p: string) =>\r\n  p.endsWith(\"/\") && p.length > 1 ? p.slice(0, -1) : p;\r\nconst slugify = (s: string) =>\r\n  s\r\n    .toLowerCase()\r\n    .trim()\r\n    .replace(/\\s+/g, \"-\")\r\n    .replace(/[^a-z0-9]/g, \"\");\r\n\r\nconst BaseNavBar: React.FC<BaseNavBarProps> = ({\r\n  items,\r\n  currentPath,\r\n  LinkWrapper,\r\n  classMap,\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  className = \"\",\r\n  \"data-testid\": testId = \"nav-bar\",\r\n}) => {\r\n  const wrapperClass = useMemo(\r\n    () => combineClassNames(classMap.container, classMap[theme], className),\r\n    [classMap, theme, className]\r\n  );\r\n\r\n  const itemClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.item,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`]\r\n      ),\r\n    [classMap, shadow, rounding]\r\n  );\r\n\r\n  const current = normalizePath(currentPath ?? \"/\");\r\n\r\n  return (\r\n    <nav\r\n      aria-label=\"Main navigation\"\r\n      className={wrapperClass}\r\n      data-testid={`${testId}-nav-bar`}\r\n    >\r\n      <ul className={classMap.list}>\r\n        {items.map((item) => {\r\n          const isActive = normalizePath(item.path) === current;\r\n          const slug = slugify(item.label || item.path);\r\n\r\n          return (\r\n            <li key={`${item.path}-${slug}`} className={classMap.listItem}>\r\n              <LinkWrapper\r\n                href={item.path}\r\n                isActive={isActive}\r\n                className={combineClassNames(\r\n                  itemClass,\r\n                  isActive && classMap.item_active\r\n                )}\r\n                data-testid={`${testId}-nav-item-${slug}`}\r\n                aria-current={isActive ? \"page\" : undefined}\r\n              >\r\n                <span className={classMap.linkContent}>\r\n                  {item.icon && (\r\n                    <span\r\n                      className={classMap.icon}\r\n                      aria-hidden=\"true\"\r\n                      data-testid={`${testId}-nav-icon-${slug}`}\r\n                    >\r\n                      {item.icon}\r\n                    </span>\r\n                  )}\r\n                  <span className={classMap.label}>{item.label}</span>\r\n                </span>\r\n              </LinkWrapper>\r\n            </li>\r\n          );\r\n        })}\r\n      </ul>\r\n    </nav>\r\n  );\r\n};\r\n\r\nBaseNavBar.displayName = \"BaseNavBar\";\r\nexport default BaseNavBar;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport BaseNavBar from \"../NavBarBase\";\r\nimport \"./NavBar.scss\";\r\nimport { NavBarProps } from \"../NavBar.types\";\r\n\r\nconst classes = {\r\n  container: \"nav\",\r\n  item: \"nav_item\",\r\n  list: \"nav_list\",\r\n  item_active: \"nav_active\",\r\n  icon: \"nav_icon_container\",\r\n  label: \"nav_label\",\r\n  linkContent: \"nav_link_container\",\r\n\r\n  primary: \"nav_primary\",\r\n  secondary: \"nav_secondary\",\r\n  tertiary: \"nav_tertiary\",\r\n  quaternary: \"nav_quaternary\",\r\n  clear: \"nav_clear\",\r\n\r\n  shadowNone: \"nav_shadow-None\",\r\n  shadowLight: \"nav_shadow-Light\",\r\n  shadowMedium: \"nav_shadow-Medium\",\r\n  shadowStrong: \"nav_shadow-Strong\",\r\n  shadowIntense: \"nav_shadow-Intense\",\r\n\r\n  roundNone: \"nav_round-None\",\r\n  roundSmall: \"nav_round-Small\",\r\n  roundMedium: \"nav_round-Medium\",\r\n  roundLarge: \"nav_round-Large\",\r\n  roundFull: \"nav_round-Full\",\r\n};\r\n\r\nconst NavBar: React.FC<NavBarProps> = (props) => {\r\n  const [pathname, setPathname] = useState(\"\");\r\n\r\n  useEffect(() => {\r\n    setPathname(window.location.pathname);\r\n  }, []);\r\n\r\n  return (\r\n    <BaseNavBar\r\n      {...props}\r\n      currentPath={pathname}\r\n      LinkWrapper={({\r\n        href,\r\n        children,\r\n        className,\r\n        isActive,\r\n        \"data-testid\": testId,\r\n      }) => (\r\n        <a\r\n          href={href}\r\n          className={className}\r\n          aria-current={isActive ? \"page\" : undefined}\r\n          data-testid={testId}\r\n        >\r\n          {children}\r\n        </a>\r\n      )}\r\n      classMap={classes}\r\n    />\r\n  );\r\n};\r\nNavBar.displayName = \"NavBar\";\r\nexport default NavBar;\r\n"],"names":[],"mappings":"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"}

package/dist/core/NavBar.cjs.js

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

package/dist/core/NavBar.js

@@ -1,4 +1,4 @@
-import { N } from "./NavBar-CBC9YPkH.js";
+import { N } from "./NavBar-DujO5gH_.js";
 export {
   N as default
 };

package/dist/core/{NotificationCenter-DgSWWT0G.js → NotificationCenter-BrUNpJAx.js}

@@ -5,8 +5,8 @@ import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 import { a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-BILmxkZG.js";
 /* empty css                 */
-import { B as Button } from "./Button-sz60qyTn.js";
-import { I as IconButton } from "./IconButton-DgfUCfo9.js";
+import { B as Button } from "./Button-CC0Q_XPy.js";
+import { I as IconButton } from "./IconButton-_lxTppua.js";
 var DefaultContext = {
   color: void 0,
   size: void 0,
@@ -253,69 +253,78 @@ const BaseNotificationCenter = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx("div", { role: "status", "aria-live": "polite", "aria-relevant": "additions text", children: /* @__PURE__ */ jsx("ul", { className: classMap.list, "aria-labelledby": `${testId}-title`, children: notifications.map((note, index) => {
-          var _a;
-          const Icon = themeIcons[note.type || "info"];
-          const noteTestId = `${testId}-item-${note.id}`;
-          const timestampStr = (_a = note.timestamp) == null ? void 0 : _a.toLocaleTimeString([], {
-            hour: "2-digit",
-            minute: "2-digit"
-          });
-          return /* @__PURE__ */ jsxs(
-            "li",
-            {
-              className: combineClassNames(
-                notificationClass,
-                classMap[note.type || "info"]
-              ),
-              "data-testid": noteTestId,
-              children: [
-                /* @__PURE__ */ jsx(
-                  Icon,
-                  {
-                    className: classMap.icon,
-                    "aria-hidden": "true",
-                    focusable: false
-                  }
-                ),
-                /* @__PURE__ */ jsxs("div", { className: classMap.content, children: [
-                  /* @__PURE__ */ jsx(
-                    "span",
-                    {
-                      className: classMap.message,
-                      "data-testid": `${noteTestId}-message`,
-                      children: note.message
-                    }
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            role: "status",
+            "aria-live": "polite",
+            "aria-relevant": "additions text",
+            className: classMap.body,
+            children: /* @__PURE__ */ jsx("ul", { className: classMap.list, "aria-labelledby": `${testId}-title`, children: notifications.map((note, index) => {
+              var _a;
+              const Icon = themeIcons[note.type || "info"];
+              const noteTestId = `${testId}-item-${note.id}`;
+              const timestampStr = (_a = note.timestamp) == null ? void 0 : _a.toLocaleTimeString([], {
+                hour: "2-digit",
+                minute: "2-digit"
+              });
+              return /* @__PURE__ */ jsxs(
+                "li",
+                {
+                  className: combineClassNames(
+                    notificationClass,
+                    classMap[note.type || "info"]
                   ),
-                  note.timestamp && /* @__PURE__ */ jsx(
-                    "span",
-                    {
-                      className: classMap.timestamp,
-                      "data-testid": `${noteTestId}-timestamp`,
-                      children: timestampStr
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ jsx(
-                  IconButton2,
-                  {
-                    className: classMap.close,
-                    state: "error",
-                    size: "small",
-                    outline: true,
-                    icon: CloseIcon,
-                    onClick: () => onRemove(note.id),
-                    ariaLabel: `Dismiss notification ${index + 1}`,
-                    title: "Dismiss",
-                    "data-testid": `${noteTestId}-dismiss`,
-                    type: "button"
-                  }
-                )
-              ]
-            },
-            note.id
-          );
-        }) }) })
+                  "data-testid": noteTestId,
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      Icon,
+                      {
+                        className: classMap.icon,
+                        "aria-hidden": "true",
+                        focusable: false
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs("div", { className: classMap.content, children: [
+                      /* @__PURE__ */ jsx(
+                        "span",
+                        {
+                          className: classMap.message,
+                          "data-testid": `${noteTestId}-message`,
+                          children: note.message
+                        }
+                      ),
+                      note.timestamp && /* @__PURE__ */ jsx(
+                        "span",
+                        {
+                          className: classMap.timestamp,
+                          "data-testid": `${noteTestId}-timestamp`,
+                          children: timestampStr
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsx(
+                      IconButton2,
+                      {
+                        className: classMap.close,
+                        state: "error",
+                        size: "small",
+                        outline: true,
+                        icon: CloseIcon,
+                        onClick: () => onRemove(note.id),
+                        ariaLabel: `Dismiss notification ${index + 1}`,
+                        title: "Dismiss",
+                        "data-testid": `${noteTestId}-dismiss`,
+                        type: "button"
+                      }
+                    )
+                  ]
+                },
+                note.id
+              );
+            }) })
+          }
+        )
       ]
     }
   );
@@ -324,6 +333,7 @@ BaseNotificationCenter.displayName = "BaseNotificationCenter";
 const classes = {
   wrapper: "notification_center",
   header: "notification_center_header",
+  body: "notification_center_body",
   list: "notification_center_list",
   notification: "notification_center_notification",
   icon: "notification_center_icon",
@@ -331,7 +341,7 @@ const classes = {
   message: "notification_center_message",
   timestamp: "notification_center_timestamp",
   close: "notification_center_close",
-  clearAll: "notification_center_clearAll",
+  clearAll: "notification_center_clear_all",
   general: "notification_center_general",
   success: "notification_center_success",
   error: "notification_center_error",
@@ -358,8 +368,9 @@ const NotificationCenter = (props) => {
     }
   );
 };
+NotificationCenter.displayName = "NotificationCenter";
 export {
   NotificationCenter as N,
   themeIcons as t
 };
-//# sourceMappingURL=NotificationCenter-DgSWWT0G.js.map
+//# sourceMappingURL=NotificationCenter-BrUNpJAx.js.map