boreal-ui 0.0.1

package/dist/core/MarkdownRenderer-taVkZLE9.cjs

@@ -0,0 +1,78 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const marked = require("marked");
+const classNames = require("./classNames-BcWMx052.cjs");
+const capitalize = require("./capitalize-DoV-nOmN.cjs");
+const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
+function sanitizeWithDOMParser(html) {
+  const doc = new DOMParser().parseFromString(html, "text/html");
+  doc.querySelectorAll("script").forEach((el) => el.remove());
+  return doc.body.innerHTML;
+}
+const BaseMarkdownRenderer = ({
+  content,
+  className = "",
+  language = "en",
+  rounding = borealStyleConfig.getDefaultRounding(),
+  shadow = borealStyleConfig.getDefaultShadow(),
+  "data-testid": testId = "markdown-renderer",
+  classMap
+}) => {
+  const html = React.useMemo(() => {
+    const trimmed = content.trim();
+    if (!trimmed) return "";
+    const raw = marked.marked.parse(trimmed, { async: false });
+    return sanitizeWithDOMParser(raw);
+  }, [content]);
+  const wrapperClass = React.useMemo(
+    () => classNames.combineClassNames(
+      classMap.wrapper,
+      shadow && classMap[`shadow${capitalize.capitalize(shadow)}`],
+      rounding && classMap[`round${capitalize.capitalize(rounding)}`],
+      className
+    ),
+    [classMap, rounding, shadow, className]
+  );
+  if (!html) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: classMap.empty,
+        "data-testid": testId,
+        role: "region",
+        "aria-label": "No markdown content",
+        children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "No content available." })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: wrapperClass,
+      "data-testid": testId,
+      role: "region",
+      "aria-label": "Markdown content",
+      lang: language,
+      dangerouslySetInnerHTML: { __html: html }
+    }
+  );
+};
+const classes = {
+  wrapper: "markdown",
+  loading: "markdown_loading",
+  shadowNone: "markdown_shadow-None",
+  shadowLight: "markdown_shadow-Light",
+  shadowMedium: "markdown_shadow-Medium",
+  shadowStrong: "markdown_shadow-Strong",
+  shadowIntense: "markdown_shadow-Intense",
+  roundNone: "markdown_round-None",
+  roundSmall: "markdown_round-Small",
+  roundMedium: "markdown_round-Medium",
+  roundLarge: "markdown_round-Large"
+};
+const MarkdownRenderer = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(BaseMarkdownRenderer, { ...props, classMap: classes });
+};
+exports.MarkdownRenderer = MarkdownRenderer;
+//# sourceMappingURL=MarkdownRenderer-taVkZLE9.cjs.map

package/dist/core/MarkdownRenderer-taVkZLE9.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownRenderer-taVkZLE9.cjs","sources":["../../src/components/MarkdownRenderer/MarkdownRendererBase.tsx","../../src/components/MarkdownRenderer/core/MarkdownRenderer.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { marked } from \"marked\";\r\nimport { MarkdownRendererProps } from \"./MarkdownRenderer.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface BaseMarkdownRendererProps extends MarkdownRendererProps {\r\n  classMap: Record<string, string>;\r\n  language?: string;\r\n}\r\n\r\nfunction sanitizeWithDOMParser(html: string): string {\r\n  const doc = new DOMParser().parseFromString(html, \"text/html\");\r\n  doc.querySelectorAll(\"script\").forEach((el) => el.remove());\r\n  return doc.body.innerHTML;\r\n}\r\n\r\nconst BaseMarkdownRenderer: React.FC<BaseMarkdownRendererProps> = ({\r\n  content,\r\n  className = \"\",\r\n  language = \"en\",\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  \"data-testid\": testId = \"markdown-renderer\",\r\n  classMap,\r\n}) => {\r\n  const html = useMemo(() => {\r\n    const trimmed = content.trim();\r\n    if (!trimmed) return \"\";\r\n    const raw = marked.parse(trimmed, { async: false }) as string;\r\n    return sanitizeWithDOMParser(raw);\r\n  }, [content]);\r\n\r\n  const wrapperClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.wrapper,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        className\r\n      ),\r\n    [classMap, rounding, shadow, className]\r\n  );\r\n\r\n  if (!html) {\r\n    return (\r\n      <div\r\n        className={classMap.empty}\r\n        data-testid={testId}\r\n        role=\"region\"\r\n        aria-label=\"No markdown content\"\r\n      >\r\n        <p>No content available.</p>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <div\r\n      className={wrapperClass}\r\n      data-testid={testId}\r\n      role=\"region\"\r\n      aria-label=\"Markdown content\"\r\n      lang={language}\r\n      dangerouslySetInnerHTML={{ __html: html }}\r\n    />\r\n  );\r\n};\r\n\r\nexport default BaseMarkdownRenderer;\r\n","import React from \"react\";\r\nimport BaseMarkdownRenderer from \"../MarkdownRendererBase\";\r\nimport \"./MarkdownRenderer.scss\";\r\nimport { MarkdownRendererProps } from \"../MarkdownRenderer.types\";\r\n\r\nconst classes = {\r\n  wrapper: \"markdown\",\r\n  loading: \"markdown_loading\",\r\n\r\n  shadowNone: \"markdown_shadow-None\",\r\n  shadowLight: \"markdown_shadow-Light\",\r\n  shadowMedium: \"markdown_shadow-Medium\",\r\n  shadowStrong: \"markdown_shadow-Strong\",\r\n  shadowIntense: \"markdown_shadow-Intense\",\r\n\r\n  roundNone: \"markdown_round-None\",\r\n  roundSmall: \"markdown_round-Small\",\r\n  roundMedium: \"markdown_round-Medium\",\r\n  roundLarge: \"markdown_round-Large\",\r\n};\r\n\r\nconst MarkdownRenderer: React.FC<MarkdownRendererProps> = (props) => {\r\n  return <BaseMarkdownRenderer {...props} classMap={classes} />;\r\n};\r\n\r\nexport default MarkdownRenderer;\r\n"],"names":["getDefaultRounding","getDefaultShadow","useMemo","marked","combineClassNames","capitalize","jsx"],"mappings":";;;;;;;AAeA,SAAS,sBAAsB,MAAsB;AACnD,QAAM,MAAM,IAAI,UAAA,EAAY,gBAAgB,MAAM,WAAW;AACzD,MAAA,iBAAiB,QAAQ,EAAE,QAAQ,CAAC,OAAO,GAAG,QAAQ;AAC1D,SAAO,IAAI,KAAK;AAClB;AAEA,MAAM,uBAA4D,CAAC;AAAA,EACjE;AAAA,EACA,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,WAAWA,kBAAAA,mBAAmB;AAAA,EAC9B,SAASC,kBAAAA,iBAAiB;AAAA,EAC1B,eAAe,SAAS;AAAA,EACxB;AACF,MAAM;AACE,QAAA,OAAOC,MAAAA,QAAQ,MAAM;AACnB,UAAA,UAAU,QAAQ,KAAK;AACzB,QAAA,CAAC,QAAgB,QAAA;AACrB,UAAM,MAAMC,OAAAA,OAAO,MAAM,SAAS,EAAE,OAAO,OAAO;AAClD,WAAO,sBAAsB,GAAG;AAAA,EAAA,GAC/B,CAAC,OAAO,CAAC;AAEZ,QAAM,eAAeD,MAAA;AAAA,IACnB,MACEE,WAAA;AAAA,MACE,SAAS;AAAA,MACT,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnD;AAAA,IACF;AAAA,IACF,CAAC,UAAU,UAAU,QAAQ,SAAS;AAAA,EACxC;AAEA,MAAI,CAAC,MAAM;AAEP,WAAAC,2BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,SAAS;AAAA,QACpB,eAAa;AAAA,QACb,MAAK;AAAA,QACL,cAAW;AAAA,QAEX,UAAAA,2BAAAA,IAAC,OAAE,UAAqB,wBAAA,CAAA;AAAA,MAAA;AAAA,IAC1B;AAAA,EAAA;AAKF,SAAAA,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,eAAa;AAAA,MACb,MAAK;AAAA,MACL,cAAW;AAAA,MACX,MAAM;AAAA,MACN,yBAAyB,EAAE,QAAQ,KAAK;AAAA,IAAA;AAAA,EAC1C;AAEJ;AClEA,MAAM,UAAU;AAAA,EACd,SAAS;AAAA,EACT,SAAS;AAAA,EAET,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AAAA,EAEf,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AACd;AAEM,MAAA,mBAAoD,CAAC,UAAU;AACnE,SAAQA,2BAAAA,IAAA,sBAAA,EAAsB,GAAG,OAAO,UAAU,SAAS;AAC7D;;"}

package/dist/core/MarkdownRenderer.cjs.js

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

package/dist/core/MarkdownRenderer.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownRenderer.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/core/MarkdownRenderer.js

@@ -0,0 +1,5 @@
+import { M } from "./MarkdownRenderer-CQVfqnxf.js";
+export {
+  M as default
+};
+//# sourceMappingURL=MarkdownRenderer.js.map

package/dist/core/MarkdownRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownRenderer.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/core/MessagePopUp.cjs.js

@@ -0,0 +1,4 @@
+"use strict";
+const MessagePopup = require("./MessagePopup-OA1gjb8E.cjs");
+module.exports = MessagePopup.MessagePopup;
+//# sourceMappingURL=MessagePopUp.cjs.js.map

package/dist/core/MessagePopUp.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessagePopUp.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/core/MessagePopUp.js

@@ -0,0 +1,5 @@
+import { M } from "./MessagePopup-By89AGqE.js";
+export {
+  M as default
+};
+//# sourceMappingURL=MessagePopUp.js.map

package/dist/core/MessagePopUp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessagePopUp.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/core/MessagePopup-By89AGqE.js

@@ -0,0 +1,189 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useRef, useId, useEffect } from "react";
+import ReactDOM from "react-dom";
+import { C as CloseIcon } from "./CloseIcon-C3eQm4EK.js";
+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-DEYbr8xW.js";
+import { I as IconButton } from "./IconButton-B6cAP2hY.js";
+const BaseMessagePopup = ({
+  message,
+  onClose,
+  onConfirm,
+  onCancel,
+  controlsRounding = getDefaultRounding(),
+  rounding = getDefaultRounding(),
+  shadow = getDefaultShadow(),
+  confirmText = "Confirm",
+  cancelText = "Cancel",
+  className = "",
+  "data-testid": testId = "message-popup",
+  Button: Button2,
+  IconButton: IconButton2,
+  classMap
+}) => {
+  const [isMounted, setIsMounted] = useState(false);
+  const [portalElement, setPortalElement] = useState(null);
+  const dialogRef = useRef(null);
+  const firstButtonRef = useRef(null);
+  const messageId = useId();
+  useEffect(() => {
+    setIsMounted(true);
+    let portal = document.getElementById("popup-portal");
+    if (!portal) {
+      portal = document.createElement("div");
+      portal.id = "popup-portal";
+      document.body.appendChild(portal);
+    }
+    setPortalElement(portal);
+    document.body.classList.add("no-scroll");
+    const handleEscape = (e) => {
+      if (e.key === "Escape") onClose();
+    };
+    document.addEventListener("keydown", handleEscape);
+    return () => {
+      document.body.classList.remove("no-scroll");
+      document.removeEventListener("keydown", handleEscape);
+    };
+  }, [onClose]);
+  useEffect(() => {
+    setTimeout(() => {
+      var _a;
+      (_a = firstButtonRef.current) == null ? void 0 : _a.focus();
+    }, 10);
+  }, [isMounted]);
+  const handleKeyDown = (e) => {
+    var _a;
+    if (e.key !== "Tab") return;
+    const focusableEls = (_a = dialogRef.current) == null ? void 0 : _a.querySelectorAll(
+      'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+    );
+    if (!focusableEls || focusableEls.length === 0) return;
+    const first = focusableEls[0];
+    const last = focusableEls[focusableEls.length - 1];
+    if (e.shiftKey && document.activeElement === first) {
+      e.preventDefault();
+      last.focus();
+    } else if (!e.shiftKey && document.activeElement === last) {
+      e.preventDefault();
+      first.focus();
+    }
+  };
+  if (!isMounted || !portalElement) return null;
+  const wrapperClass = combineClassNames(
+    classMap.wrapper,
+    shadow && classMap[`shadow${capitalize(shadow)}`],
+    rounding && classMap[`round${capitalize(rounding)}`],
+    className
+  );
+  return ReactDOM.createPortal(
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: wrapperClass,
+        onClick: onClose,
+        role: "presentation",
+        "data-testid": testId,
+        children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: classMap.content,
+            onClick: (e) => e.stopPropagation(),
+            role: "dialog",
+            "aria-modal": "true",
+            "aria-labelledby": messageId,
+            tabIndex: -1,
+            ref: dialogRef,
+            onKeyDown: handleKeyDown,
+            "data-testid": `${testId}-dialog`,
+            children: [
+              /* @__PURE__ */ jsx(
+                IconButton2,
+                {
+                  className: classMap.close,
+                  onClick: onClose,
+                  "aria-label": "Close popup",
+                  icon: CloseIcon,
+                  state: "error",
+                  size: "small",
+                  "data-testid": `${testId}-close`
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "h2",
+                {
+                  id: messageId,
+                  className: classMap.message,
+                  "data-testid": `${testId}-message`,
+                  children: message
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: classMap.actions, "data-testid": `${testId}-actions`, children: [
+                onConfirm && /* @__PURE__ */ jsx(
+                  Button2,
+                  {
+                    className: classMap.confirm,
+                    state: "success",
+                    onClick: onConfirm,
+                    ref: firstButtonRef,
+                    rounding: controlsRounding,
+                    type: "button",
+                    "data-testid": `${testId}-confirm`,
+                    children: confirmText
+                  }
+                ),
+                onCancel && /* @__PURE__ */ jsx(
+                  Button2,
+                  {
+                    className: classMap.cancel,
+                    state: "warning",
+                    onClick: onCancel,
+                    type: "button",
+                    "data-testid": `${testId}-cancel`,
+                    children: cancelText
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      }
+    ),
+    portalElement
+  );
+};
+const classes = {
+  wrapper: "messagePopup",
+  content: "messagePopup_popupContent",
+  close: "messagePopup_closeButton",
+  message: "messagePopup_popupMessage",
+  actions: "messagePopup_popupActions",
+  confirm: "messagePopup_confirmBtn",
+  cancel: "messagePopup_cancelBtn",
+  shadowNone: "messagePopup_shadow-None",
+  shadowLight: "messagePopup_shadow-Light",
+  shadowMedium: "messagePopup_shadow-Medium",
+  shadowStrong: "messagePopup_shadow-Strong",
+  shadowIntense: "messagePopup_shadow-Intense",
+  roundNone: "messagePopup_round-None",
+  roundSmall: "messagePopup_round-Small",
+  roundMedium: "messagePopup_round-Medium",
+  roundLarge: "messagePopup_round-Large"
+};
+const MessagePopup = (props) => {
+  return /* @__PURE__ */ jsx(
+    BaseMessagePopup,
+    {
+      ...props,
+      Button,
+      IconButton,
+      classMap: classes
+    }
+  );
+};
+export {
+  MessagePopup as M
+};
+//# sourceMappingURL=MessagePopup-By89AGqE.js.map

package/dist/core/MessagePopup-By89AGqE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessagePopup-By89AGqE.js","sources":["../../src/components/MessagePopUp/MessagePopupBase.tsx","../../src/components/MessagePopUp/core/MessagePopup.tsx"],"sourcesContent":["import React, {\r\n  useEffect,\r\n  useRef,\r\n  useState,\r\n  useId,\r\n  KeyboardEvent,\r\n} from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport { CloseIcon } from \"../../Icons\";\r\nimport { MessagePopupProps } from \"./MessagePopup.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface BaseMessagePopupProps extends MessagePopupProps {\r\n  Button: React.ComponentType<any>;\r\n  IconButton: React.ComponentType<any>;\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst BaseMessagePopup: React.FC<BaseMessagePopupProps> = ({\r\n  message,\r\n  onClose,\r\n  onConfirm,\r\n  onCancel,\r\n  controlsRounding = getDefaultRounding(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  confirmText = \"Confirm\",\r\n  cancelText = \"Cancel\",\r\n  className = \"\",\r\n  \"data-testid\": testId = \"message-popup\",\r\n  Button,\r\n  IconButton,\r\n  classMap,\r\n}) => {\r\n  const [isMounted, setIsMounted] = useState(false);\r\n  const [portalElement, setPortalElement] = useState<HTMLElement | null>(null);\r\n  const dialogRef = useRef<HTMLDivElement>(null);\r\n  const firstButtonRef = useRef<HTMLButtonElement>(null);\r\n  const messageId = useId();\r\n\r\n  useEffect(() => {\r\n    setIsMounted(true);\r\n    let portal = document.getElementById(\"popup-portal\");\r\n    if (!portal) {\r\n      portal = document.createElement(\"div\");\r\n      portal.id = \"popup-portal\";\r\n      document.body.appendChild(portal);\r\n    }\r\n    setPortalElement(portal);\r\n    document.body.classList.add(\"no-scroll\");\r\n\r\n    const handleEscape = (e: globalThis.KeyboardEvent) => {\r\n      if (e.key === \"Escape\") onClose();\r\n    };\r\n\r\n    document.addEventListener(\"keydown\", handleEscape);\r\n    return () => {\r\n      document.body.classList.remove(\"no-scroll\");\r\n      document.removeEventListener(\"keydown\", handleEscape);\r\n    };\r\n  }, [onClose]);\r\n\r\n  useEffect(() => {\r\n    setTimeout(() => {\r\n      firstButtonRef.current?.focus();\r\n    }, 10);\r\n  }, [isMounted]);\r\n\r\n  const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\r\n    if (e.key !== \"Tab\") return;\r\n\r\n    const focusableEls = dialogRef.current?.querySelectorAll<HTMLElement>(\r\n      'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\r\n    );\r\n    if (!focusableEls || focusableEls.length === 0) return;\r\n\r\n    const first = focusableEls[0];\r\n    const last = focusableEls[focusableEls.length - 1];\r\n\r\n    if (e.shiftKey && document.activeElement === first) {\r\n      e.preventDefault();\r\n      last.focus();\r\n    } else if (!e.shiftKey && document.activeElement === last) {\r\n      e.preventDefault();\r\n      first.focus();\r\n    }\r\n  };\r\n\r\n  if (!isMounted || !portalElement) return null;\r\n\r\n  const wrapperClass = combineClassNames(\r\n    classMap.wrapper,\r\n    shadow && classMap[`shadow${capitalize(shadow)}`],\r\n    rounding && classMap[`round${capitalize(rounding)}`],\r\n    className\r\n  );\r\n\r\n  return ReactDOM.createPortal(\r\n    <div\r\n      className={wrapperClass}\r\n      onClick={onClose}\r\n      role=\"presentation\"\r\n      data-testid={testId}\r\n    >\r\n      <div\r\n        className={classMap.content}\r\n        onClick={(e) => e.stopPropagation()}\r\n        role=\"dialog\"\r\n        aria-modal=\"true\"\r\n        aria-labelledby={messageId}\r\n        tabIndex={-1}\r\n        ref={dialogRef}\r\n        onKeyDown={handleKeyDown}\r\n        data-testid={`${testId}-dialog`}\r\n      >\r\n        <IconButton\r\n          className={classMap.close}\r\n          onClick={onClose}\r\n          aria-label=\"Close popup\"\r\n          icon={CloseIcon}\r\n          state=\"error\"\r\n          size=\"small\"\r\n          data-testid={`${testId}-close`}\r\n        />\r\n        <h2\r\n          id={messageId}\r\n          className={classMap.message}\r\n          data-testid={`${testId}-message`}\r\n        >\r\n          {message}\r\n        </h2>\r\n        <div className={classMap.actions} data-testid={`${testId}-actions`}>\r\n          {onConfirm && (\r\n            <Button\r\n              className={classMap.confirm}\r\n              state=\"success\"\r\n              onClick={onConfirm}\r\n              ref={firstButtonRef}\r\n              rounding={controlsRounding}\r\n              type=\"button\"\r\n              data-testid={`${testId}-confirm`}\r\n            >\r\n              {confirmText}\r\n            </Button>\r\n          )}\r\n          {onCancel && (\r\n            <Button\r\n              className={classMap.cancel}\r\n              state=\"warning\"\r\n              onClick={onCancel}\r\n              type=\"button\"\r\n              data-testid={`${testId}-cancel`}\r\n            >\r\n              {cancelText}\r\n            </Button>\r\n          )}\r\n        </div>\r\n      </div>\r\n    </div>,\r\n    portalElement\r\n  );\r\n};\r\n\r\nexport default BaseMessagePopup;\r\n","import React from \"react\";\r\nimport BaseMessagePopup from \"../MessagePopupBase\";\r\nimport { Button, IconButton } from \"../../../index.core\";\r\nimport \"./MessagePopup.scss\";\r\nimport { MessagePopupProps } from \"../MessagePopup.types\";\r\n\r\nconst classes = {\r\n  wrapper: \"messagePopup\",\r\n  content: \"messagePopup_popupContent\",\r\n  close: \"messagePopup_closeButton\",\r\n  message: \"messagePopup_popupMessage\",\r\n  actions: \"messagePopup_popupActions\",\r\n  confirm: \"messagePopup_confirmBtn\",\r\n  cancel: \"messagePopup_cancelBtn\",\r\n\r\n  shadowNone: \"messagePopup_shadow-None\",\r\n  shadowLight: \"messagePopup_shadow-Light\",\r\n  shadowMedium: \"messagePopup_shadow-Medium\",\r\n  shadowStrong: \"messagePopup_shadow-Strong\",\r\n  shadowIntense: \"messagePopup_shadow-Intense\",\r\n\r\n  roundNone: \"messagePopup_round-None\",\r\n  roundSmall: \"messagePopup_round-Small\",\r\n  roundMedium: \"messagePopup_round-Medium\",\r\n  roundLarge: \"messagePopup_round-Large\",\r\n};\r\n\r\nconst MessagePopup: React.FC<MessagePopupProps> = (props) => {\r\n  return (\r\n    <BaseMessagePopup\r\n      {...props}\r\n      Button={Button}\r\n      IconButton={IconButton}\r\n      classMap={classes}\r\n    />\r\n  );\r\n};\r\n\r\nexport default MessagePopup;\r\n"],"names":["Button","IconButton"],"mappings":"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"}

package/dist/core/MessagePopup-OA1gjb8E.cjs

@@ -0,0 +1,188 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const ReactDOM = require("react-dom");
+const CloseIcon = require("./CloseIcon-DSnN6ggf.cjs");
+const classNames = require("./classNames-BcWMx052.cjs");
+const capitalize = require("./capitalize-DoV-nOmN.cjs");
+const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
+;/* empty css                   */
+const Button = require("./Button-wz_We8xU.cjs");
+const IconButton = require("./IconButton-BxUXK-xn.cjs");
+const BaseMessagePopup = ({
+  message,
+  onClose,
+  onConfirm,
+  onCancel,
+  controlsRounding = borealStyleConfig.getDefaultRounding(),
+  rounding = borealStyleConfig.getDefaultRounding(),
+  shadow = borealStyleConfig.getDefaultShadow(),
+  confirmText = "Confirm",
+  cancelText = "Cancel",
+  className = "",
+  "data-testid": testId = "message-popup",
+  Button: Button2,
+  IconButton: IconButton2,
+  classMap
+}) => {
+  const [isMounted, setIsMounted] = React.useState(false);
+  const [portalElement, setPortalElement] = React.useState(null);
+  const dialogRef = React.useRef(null);
+  const firstButtonRef = React.useRef(null);
+  const messageId = React.useId();
+  React.useEffect(() => {
+    setIsMounted(true);
+    let portal = document.getElementById("popup-portal");
+    if (!portal) {
+      portal = document.createElement("div");
+      portal.id = "popup-portal";
+      document.body.appendChild(portal);
+    }
+    setPortalElement(portal);
+    document.body.classList.add("no-scroll");
+    const handleEscape = (e) => {
+      if (e.key === "Escape") onClose();
+    };
+    document.addEventListener("keydown", handleEscape);
+    return () => {
+      document.body.classList.remove("no-scroll");
+      document.removeEventListener("keydown", handleEscape);
+    };
+  }, [onClose]);
+  React.useEffect(() => {
+    setTimeout(() => {
+      var _a;
+      (_a = firstButtonRef.current) == null ? void 0 : _a.focus();
+    }, 10);
+  }, [isMounted]);
+  const handleKeyDown = (e) => {
+    var _a;
+    if (e.key !== "Tab") return;
+    const focusableEls = (_a = dialogRef.current) == null ? void 0 : _a.querySelectorAll(
+      'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+    );
+    if (!focusableEls || focusableEls.length === 0) return;
+    const first = focusableEls[0];
+    const last = focusableEls[focusableEls.length - 1];
+    if (e.shiftKey && document.activeElement === first) {
+      e.preventDefault();
+      last.focus();
+    } else if (!e.shiftKey && document.activeElement === last) {
+      e.preventDefault();
+      first.focus();
+    }
+  };
+  if (!isMounted || !portalElement) return null;
+  const wrapperClass = classNames.combineClassNames(
+    classMap.wrapper,
+    shadow && classMap[`shadow${capitalize.capitalize(shadow)}`],
+    rounding && classMap[`round${capitalize.capitalize(rounding)}`],
+    className
+  );
+  return ReactDOM.createPortal(
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: wrapperClass,
+        onClick: onClose,
+        role: "presentation",
+        "data-testid": testId,
+        children: /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: classMap.content,
+            onClick: (e) => e.stopPropagation(),
+            role: "dialog",
+            "aria-modal": "true",
+            "aria-labelledby": messageId,
+            tabIndex: -1,
+            ref: dialogRef,
+            onKeyDown: handleKeyDown,
+            "data-testid": `${testId}-dialog`,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                IconButton2,
+                {
+                  className: classMap.close,
+                  onClick: onClose,
+                  "aria-label": "Close popup",
+                  icon: CloseIcon.CloseIcon,
+                  state: "error",
+                  size: "small",
+                  "data-testid": `${testId}-close`
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "h2",
+                {
+                  id: messageId,
+                  className: classMap.message,
+                  "data-testid": `${testId}-message`,
+                  children: message
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classMap.actions, "data-testid": `${testId}-actions`, children: [
+                onConfirm && /* @__PURE__ */ jsxRuntime.jsx(
+                  Button2,
+                  {
+                    className: classMap.confirm,
+                    state: "success",
+                    onClick: onConfirm,
+                    ref: firstButtonRef,
+                    rounding: controlsRounding,
+                    type: "button",
+                    "data-testid": `${testId}-confirm`,
+                    children: confirmText
+                  }
+                ),
+                onCancel && /* @__PURE__ */ jsxRuntime.jsx(
+                  Button2,
+                  {
+                    className: classMap.cancel,
+                    state: "warning",
+                    onClick: onCancel,
+                    type: "button",
+                    "data-testid": `${testId}-cancel`,
+                    children: cancelText
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      }
+    ),
+    portalElement
+  );
+};
+const classes = {
+  wrapper: "messagePopup",
+  content: "messagePopup_popupContent",
+  close: "messagePopup_closeButton",
+  message: "messagePopup_popupMessage",
+  actions: "messagePopup_popupActions",
+  confirm: "messagePopup_confirmBtn",
+  cancel: "messagePopup_cancelBtn",
+  shadowNone: "messagePopup_shadow-None",
+  shadowLight: "messagePopup_shadow-Light",
+  shadowMedium: "messagePopup_shadow-Medium",
+  shadowStrong: "messagePopup_shadow-Strong",
+  shadowIntense: "messagePopup_shadow-Intense",
+  roundNone: "messagePopup_round-None",
+  roundSmall: "messagePopup_round-Small",
+  roundMedium: "messagePopup_round-Medium",
+  roundLarge: "messagePopup_round-Large"
+};
+const MessagePopup = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    BaseMessagePopup,
+    {
+      ...props,
+      Button: Button.Button,
+      IconButton: IconButton.IconButton,
+      classMap: classes
+    }
+  );
+};
+exports.MessagePopup = MessagePopup;
+//# sourceMappingURL=MessagePopup-OA1gjb8E.cjs.map

package/dist/core/MessagePopup-OA1gjb8E.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessagePopup-OA1gjb8E.cjs","sources":["../../src/components/MessagePopUp/MessagePopupBase.tsx","../../src/components/MessagePopUp/core/MessagePopup.tsx"],"sourcesContent":["import React, {\r\n  useEffect,\r\n  useRef,\r\n  useState,\r\n  useId,\r\n  KeyboardEvent,\r\n} from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport { CloseIcon } from \"../../Icons\";\r\nimport { MessagePopupProps } from \"./MessagePopup.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface BaseMessagePopupProps extends MessagePopupProps {\r\n  Button: React.ComponentType<any>;\r\n  IconButton: React.ComponentType<any>;\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst BaseMessagePopup: React.FC<BaseMessagePopupProps> = ({\r\n  message,\r\n  onClose,\r\n  onConfirm,\r\n  onCancel,\r\n  controlsRounding = getDefaultRounding(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  confirmText = \"Confirm\",\r\n  cancelText = \"Cancel\",\r\n  className = \"\",\r\n  \"data-testid\": testId = \"message-popup\",\r\n  Button,\r\n  IconButton,\r\n  classMap,\r\n}) => {\r\n  const [isMounted, setIsMounted] = useState(false);\r\n  const [portalElement, setPortalElement] = useState<HTMLElement | null>(null);\r\n  const dialogRef = useRef<HTMLDivElement>(null);\r\n  const firstButtonRef = useRef<HTMLButtonElement>(null);\r\n  const messageId = useId();\r\n\r\n  useEffect(() => {\r\n    setIsMounted(true);\r\n    let portal = document.getElementById(\"popup-portal\");\r\n    if (!portal) {\r\n      portal = document.createElement(\"div\");\r\n      portal.id = \"popup-portal\";\r\n      document.body.appendChild(portal);\r\n    }\r\n    setPortalElement(portal);\r\n    document.body.classList.add(\"no-scroll\");\r\n\r\n    const handleEscape = (e: globalThis.KeyboardEvent) => {\r\n      if (e.key === \"Escape\") onClose();\r\n    };\r\n\r\n    document.addEventListener(\"keydown\", handleEscape);\r\n    return () => {\r\n      document.body.classList.remove(\"no-scroll\");\r\n      document.removeEventListener(\"keydown\", handleEscape);\r\n    };\r\n  }, [onClose]);\r\n\r\n  useEffect(() => {\r\n    setTimeout(() => {\r\n      firstButtonRef.current?.focus();\r\n    }, 10);\r\n  }, [isMounted]);\r\n\r\n  const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\r\n    if (e.key !== \"Tab\") return;\r\n\r\n    const focusableEls = dialogRef.current?.querySelectorAll<HTMLElement>(\r\n      'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\r\n    );\r\n    if (!focusableEls || focusableEls.length === 0) return;\r\n\r\n    const first = focusableEls[0];\r\n    const last = focusableEls[focusableEls.length - 1];\r\n\r\n    if (e.shiftKey && document.activeElement === first) {\r\n      e.preventDefault();\r\n      last.focus();\r\n    } else if (!e.shiftKey && document.activeElement === last) {\r\n      e.preventDefault();\r\n      first.focus();\r\n    }\r\n  };\r\n\r\n  if (!isMounted || !portalElement) return null;\r\n\r\n  const wrapperClass = combineClassNames(\r\n    classMap.wrapper,\r\n    shadow && classMap[`shadow${capitalize(shadow)}`],\r\n    rounding && classMap[`round${capitalize(rounding)}`],\r\n    className\r\n  );\r\n\r\n  return ReactDOM.createPortal(\r\n    <div\r\n      className={wrapperClass}\r\n      onClick={onClose}\r\n      role=\"presentation\"\r\n      data-testid={testId}\r\n    >\r\n      <div\r\n        className={classMap.content}\r\n        onClick={(e) => e.stopPropagation()}\r\n        role=\"dialog\"\r\n        aria-modal=\"true\"\r\n        aria-labelledby={messageId}\r\n        tabIndex={-1}\r\n        ref={dialogRef}\r\n        onKeyDown={handleKeyDown}\r\n        data-testid={`${testId}-dialog`}\r\n      >\r\n        <IconButton\r\n          className={classMap.close}\r\n          onClick={onClose}\r\n          aria-label=\"Close popup\"\r\n          icon={CloseIcon}\r\n          state=\"error\"\r\n          size=\"small\"\r\n          data-testid={`${testId}-close`}\r\n        />\r\n        <h2\r\n          id={messageId}\r\n          className={classMap.message}\r\n          data-testid={`${testId}-message`}\r\n        >\r\n          {message}\r\n        </h2>\r\n        <div className={classMap.actions} data-testid={`${testId}-actions`}>\r\n          {onConfirm && (\r\n            <Button\r\n              className={classMap.confirm}\r\n              state=\"success\"\r\n              onClick={onConfirm}\r\n              ref={firstButtonRef}\r\n              rounding={controlsRounding}\r\n              type=\"button\"\r\n              data-testid={`${testId}-confirm`}\r\n            >\r\n              {confirmText}\r\n            </Button>\r\n          )}\r\n          {onCancel && (\r\n            <Button\r\n              className={classMap.cancel}\r\n              state=\"warning\"\r\n              onClick={onCancel}\r\n              type=\"button\"\r\n              data-testid={`${testId}-cancel`}\r\n            >\r\n              {cancelText}\r\n            </Button>\r\n          )}\r\n        </div>\r\n      </div>\r\n    </div>,\r\n    portalElement\r\n  );\r\n};\r\n\r\nexport default BaseMessagePopup;\r\n","import React from \"react\";\r\nimport BaseMessagePopup from \"../MessagePopupBase\";\r\nimport { Button, IconButton } from \"../../../index.core\";\r\nimport \"./MessagePopup.scss\";\r\nimport { MessagePopupProps } from \"../MessagePopup.types\";\r\n\r\nconst classes = {\r\n  wrapper: \"messagePopup\",\r\n  content: \"messagePopup_popupContent\",\r\n  close: \"messagePopup_closeButton\",\r\n  message: \"messagePopup_popupMessage\",\r\n  actions: \"messagePopup_popupActions\",\r\n  confirm: \"messagePopup_confirmBtn\",\r\n  cancel: \"messagePopup_cancelBtn\",\r\n\r\n  shadowNone: \"messagePopup_shadow-None\",\r\n  shadowLight: \"messagePopup_shadow-Light\",\r\n  shadowMedium: \"messagePopup_shadow-Medium\",\r\n  shadowStrong: \"messagePopup_shadow-Strong\",\r\n  shadowIntense: \"messagePopup_shadow-Intense\",\r\n\r\n  roundNone: \"messagePopup_round-None\",\r\n  roundSmall: \"messagePopup_round-Small\",\r\n  roundMedium: \"messagePopup_round-Medium\",\r\n  roundLarge: \"messagePopup_round-Large\",\r\n};\r\n\r\nconst MessagePopup: React.FC<MessagePopupProps> = (props) => {\r\n  return (\r\n    <BaseMessagePopup\r\n      {...props}\r\n      Button={Button}\r\n      IconButton={IconButton}\r\n      classMap={classes}\r\n    />\r\n  );\r\n};\r\n\r\nexport default MessagePopup;\r\n"],"names":["getDefaultRounding","getDefaultShadow","Button","IconButton","useState","useRef","useId","useEffect","combineClassNames","capitalize","jsx","jsxs","CloseIcon"],"mappings":"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"}