boreal-ui 0.0.71 → 0.0.73

package/dist/next/{EmptyState-C9ZcLwdE.js → EmptyState-oXCSBosz.js}

@@ -2,9 +2,9 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useId, useMemo } from "react";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
-import { a as getDefaultRounding, b as getDefaultShadow, c as getDefaultSize, d as getDefaultTheme } from "./boreal-style-config-BILmxkZG.js";
+import { a as getDefaultRounding, b as getDefaultShadow, c as getDefaultSize, d as getDefaultTheme } from "./boreal-style-config-DsaRlxmw.js";
 /* empty css                 */
-import { B as Button } from "./Button-CARQQF9h.js";
+import { B as Button } from "./Button-BfgUzkgN.js";
 const BaseEmptyState = ({
   icon: Icon,
   title: title2 = "Nothing Here Yet",
@@ -18,13 +18,25 @@ const BaseEmptyState = ({
   actionLabel,
   onActionClick,
   className = "",
+  id,
+  role,
+  iconDecorative = true,
+  iconAriaLabel,
+  actionAriaLabel,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
   "data-testid": testId = "empty-state",
   Button: Button2,
-  classMap
+  classMap,
+  ...rest
 }) => {
   const uid = useId();
-  const titleId = `${testId}-title-${uid}`;
-  const descId = message2 ? `${testId}-message-${uid}` : void 0;
+  const titleId = title2 && !ariaLabelledBy ? `${testId}-title-${uid}` : void 0;
+  const messageId = message2 && !ariaDescribedBy ? `${testId}-message-${uid}` : void 0;
+  const resolvedRole = role ?? (title2 ? "region" : void 0);
+  const resolvedAriaLabelledBy = ariaLabelledBy ?? (!ariaLabel && titleId ? titleId : void 0);
+  const resolvedAriaDescribedBy = ariaDescribedBy ?? messageId;
   const sectionClassNames = useMemo(
     () => combineClassNames(
       classMap.empty_state,
@@ -38,18 +50,36 @@ const BaseEmptyState = ({
     ),
     [classMap, rounding, shadow, size, state, theme, outline2, className]
   );
-  const buttonAriaLabel = typeof actionLabel === "string" ? void 0 : "Perform action";
-  return title2 ? /* @__PURE__ */ jsxs(
+  const resolvedActionAriaLabel = actionAriaLabel ?? (typeof actionLabel === "string" ? void 0 : "Perform action");
+  return /* @__PURE__ */ jsxs(
     "section",
     {
+      id,
       className: sectionClassNames,
-      role: "region",
-      "aria-labelledby": titleId,
-      "aria-describedby": descId,
+      role: resolvedRole,
+      "aria-label": ariaLabel,
+      "aria-labelledby": resolvedAriaLabelledBy,
+      "aria-describedby": resolvedAriaDescribedBy,
       "data-testid": testId,
+      ...rest,
       children: [
-        Icon && /* @__PURE__ */ jsx("div", { className: classMap.icon, "data-testid": `${testId}-icon`, children: /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true", focusable: false }) }),
-        /* @__PURE__ */ jsx(
+        Icon && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: classMap.icon,
+            "data-testid": `${testId}-icon`,
+            "aria-hidden": iconDecorative ? true : void 0,
+            children: /* @__PURE__ */ jsx(
+              Icon,
+              {
+                "aria-hidden": iconDecorative ? true : void 0,
+                "aria-label": !iconDecorative ? iconAriaLabel : void 0,
+                focusable: false
+              }
+            )
+          }
+        ),
+        title2 && /* @__PURE__ */ jsx(
           "h2",
           {
             id: titleId,
@@ -61,37 +91,7 @@ const BaseEmptyState = ({
         message2 && /* @__PURE__ */ jsx(
           "p",
           {
-            id: descId,
-            className: classMap.message,
-            "data-testid": `${testId}-message`,
-            children: message2
-          }
-        ),
-        actionLabel && onActionClick && /* @__PURE__ */ jsx(
-          Button2,
-          {
-            theme: "clear",
-            outline: outline2,
-            onClick: onActionClick,
-            "aria-label": buttonAriaLabel,
-            "data-testid": `${testId}-action`,
-            children: actionLabel
-          }
-        )
-      ]
-    }
-  ) : /* @__PURE__ */ jsxs(
-    "section",
-    {
-      className: sectionClassNames,
-      "aria-describedby": descId,
-      "data-testid": testId,
-      children: [
-        Icon && /* @__PURE__ */ jsx("div", { className: classMap.icon, "data-testid": `${testId}-icon`, children: /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true", focusable: false }) }),
-        message2 && /* @__PURE__ */ jsx(
-          "p",
-          {
-            id: descId,
+            id: messageId,
             className: classMap.message,
             "data-testid": `${testId}-message`,
             children: message2
@@ -103,7 +103,7 @@ const BaseEmptyState = ({
             theme: "clear",
             outline: outline2,
             onClick: onActionClick,
-            "aria-label": buttonAriaLabel,
+            "aria-label": resolvedActionAriaLabel,
             "data-testid": `${testId}-action`,
             children: actionLabel
           }
@@ -180,4 +180,4 @@ EmptyState.displayName = "EmptyState";
 export {
   EmptyState as E
 };
-//# sourceMappingURL=EmptyState-C9ZcLwdE.js.map
+//# sourceMappingURL=EmptyState-oXCSBosz.js.map

package/dist/next/EmptyState-oXCSBosz.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState-oXCSBosz.js","sources":["../../src/components/EmptyState/EmptyStateBase.tsx","../../src/components/EmptyState/next/EmptyState.tsx"],"sourcesContent":["import React, { useMemo, useId } from \"react\";\r\nimport type { BaseEmptyStateProps } from \"./EmptyState.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst BaseEmptyState: React.FC<BaseEmptyStateProps> = ({\r\n  icon: Icon,\r\n  title = \"Nothing Here Yet\",\r\n  message = \"There’s no content to display.\",\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = getDefaultSize(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  outline = false,\r\n  actionLabel,\r\n  onActionClick,\r\n  className = \"\",\r\n  id,\r\n  role,\r\n  iconDecorative = true,\r\n  iconAriaLabel,\r\n  actionAriaLabel,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"data-testid\": testId = \"empty-state\",\r\n  Button,\r\n  classMap,\r\n  ...rest\r\n}) => {\r\n  const uid = useId();\r\n\r\n  const titleId =\r\n    title && !ariaLabelledBy ? `${testId}-title-${uid}` : undefined;\r\n  const messageId =\r\n    message && !ariaDescribedBy ? `${testId}-message-${uid}` : undefined;\r\n\r\n  const resolvedRole = role ?? (title ? \"region\" : undefined);\r\n\r\n  const resolvedAriaLabelledBy =\r\n    ariaLabelledBy ?? (!ariaLabel && titleId ? titleId : undefined);\r\n\r\n  const resolvedAriaDescribedBy = ariaDescribedBy ?? messageId;\r\n\r\n  const sectionClassNames = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.empty_state,\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        outline && classMap.outline,\r\n        className,\r\n      ),\r\n    [classMap, rounding, shadow, size, state, theme, outline, className],\r\n  );\r\n\r\n  const resolvedActionAriaLabel =\r\n    actionAriaLabel ??\r\n    (typeof actionLabel === \"string\" ? undefined : \"Perform action\");\r\n\r\n  return (\r\n    <section\r\n      id={id}\r\n      className={sectionClassNames}\r\n      role={resolvedRole}\r\n      aria-label={ariaLabel}\r\n      aria-labelledby={resolvedAriaLabelledBy}\r\n      aria-describedby={resolvedAriaDescribedBy}\r\n      data-testid={testId}\r\n      {...rest}\r\n    >\r\n      {Icon && (\r\n        <div\r\n          className={classMap.icon}\r\n          data-testid={`${testId}-icon`}\r\n          aria-hidden={iconDecorative ? true : undefined}\r\n        >\r\n          <Icon\r\n            aria-hidden={iconDecorative ? true : undefined}\r\n            aria-label={!iconDecorative ? iconAriaLabel : undefined}\r\n            focusable={false}\r\n          />\r\n        </div>\r\n      )}\r\n\r\n      {title && (\r\n        <h2\r\n          id={titleId}\r\n          className={classMap.title}\r\n          data-testid={`${testId}-title`}\r\n        >\r\n          {title}\r\n        </h2>\r\n      )}\r\n\r\n      {message && (\r\n        <p\r\n          id={messageId}\r\n          className={classMap.message}\r\n          data-testid={`${testId}-message`}\r\n        >\r\n          {message}\r\n        </p>\r\n      )}\r\n\r\n      {actionLabel && onActionClick && (\r\n        <Button\r\n          theme=\"clear\"\r\n          outline={outline}\r\n          onClick={onActionClick}\r\n          aria-label={resolvedActionAriaLabel}\r\n          data-testid={`${testId}-action`}\r\n        >\r\n          {actionLabel}\r\n        </Button>\r\n      )}\r\n    </section>\r\n  );\r\n};\r\n\r\nBaseEmptyState.displayName = \"BaseEmptyState\";\r\nexport default BaseEmptyState;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseEmptyState from \"../EmptyStateBase\";\r\nimport { EmptyStateProps } from \"../EmptyState.types\";\r\nimport { Button } from \"../../../index.next\";\r\nimport styles from \"./EmptyState.module.scss\";\r\n\r\nconst EmptyState: React.FC<EmptyStateProps> = (props) => {\r\n  return <BaseEmptyState {...props} Button={Button} classMap={styles} />;\r\n};\r\nEmptyState.displayName = \"EmptyState\";\r\nexport default EmptyState;\r\n"],"names":["title","message","outline","Button"],"mappings":"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"}

package/dist/next/EmptyState.cjs.js

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

package/dist/next/EmptyState.js

@@ -1,4 +1,4 @@
-import { E } from "./EmptyState-C9ZcLwdE.js";
+import { E } from "./EmptyState-oXCSBosz.js";
 export {
   E as default
 };