@j2-health/design-system 0.2.0 → 0.3.0

package/dist/src/components/message/useMessage.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMessage.cjs","sources":["../../../../src/components/message/useMessage.tsx"],"sourcesContent":["import { message } from 'antd'\nimport styles from './Message.module.css'\nimport cx from 'classnames'\nimport {\n  CheckCircleIcon,\n  WarningCircleIcon,\n  XCircleIcon,\n} from '@phosphor-icons/react'\n\ntype NotificationType = 'success' | 'warning' | 'error'\n\nexport type OpenMessageFunc = (\n  type: Expand<NotificationType>,\n  messageContent: string\n) => void\n\nconst getIcon = (type: NotificationType) => {\n  switch (type) {\n    case 'success':\n      return (\n        <CheckCircleIcon\n          weight=\"fill\"\n          color=\"var(--j2-color-success)\"\n          size={16}\n          className={cx(styles.messageIcon)}\n        />\n      )\n    case 'warning':\n      return (\n        <WarningCircleIcon\n          weight=\"fill\"\n          color=\"var(--j2-color-warning)\"\n          size={16}\n          className={cx(styles.messageIcon)}\n        />\n      )\n    case 'error':\n      return (\n        <XCircleIcon\n          weight=\"fill\"\n          color=\"var(--j2-color-error)\"\n          size={16}\n          className={cx(styles.messageIcon)}\n        />\n      )\n  }\n}\n\nexport const useMessage = () => {\n  const [messageApi, contextHolder] = message.useMessage()\n\n  const openMessage: OpenMessageFunc = (\n    type: Expand<NotificationType>,\n    messageContent: string\n  ) => {\n    messageApi.open({\n      type: type,\n      icon: getIcon(type),\n      content: messageContent,\n      className: cx({ styles }),\n    })\n  }\n\n  return { openMessage, contextHolder }\n}\n"],"names":["jsx","CheckCircleIcon","styles","WarningCircleIcon","XCircleIcon","message"],"mappings":";;;;;;;AAgBA,MAAM,UAAU,CAAC,SAA2B;AAC1C,UAAQ,MAAA;AAAA,IACN,KAAK;AACH,aACEA,2BAAAA;AAAAA,QAACC,MAAAA;AAAAA,QAAA;AAAA,UACC,QAAO;AAAA,UACP,OAAM;AAAA,UACN,MAAM;AAAA,UACN,WAAW,GAAGC,eAAAA,QAAO,WAAW;AAAA,QAAA;AAAA,MAAA;AAAA,IAGtC,KAAK;AACH,aACEF,2BAAAA;AAAAA,QAACG,MAAAA;AAAAA,QAAA;AAAA,UACC,QAAO;AAAA,UACP,OAAM;AAAA,UACN,MAAM;AAAA,UACN,WAAW,GAAGD,eAAAA,QAAO,WAAW;AAAA,QAAA;AAAA,MAAA;AAAA,IAGtC,KAAK;AACH,aACEF,2BAAAA;AAAAA,QAACI,MAAAA;AAAAA,QAAA;AAAA,UACC,QAAO;AAAA,UACP,OAAM;AAAA,UACN,MAAM;AAAA,UACN,WAAW,GAAGF,eAAAA,QAAO,WAAW;AAAA,QAAA;AAAA,MAAA;AAAA,EAClC;AAGR;AAEO,MAAM,aAAa,MAAM;AAC9B,QAAM,CAAC,YAAY,aAAa,IAAIG,KAAAA,QAAQ,WAAA;AAE5C,QAAM,cAA+B,CACnC,MACA,mBACG;AACH,eAAW,KAAK;AAAA,MACd;AAAA,MACA,MAAM,QAAQ,IAAI;AAAA,MAClB,SAAS;AAAA,MACT,WAAW,GAAG,EAAA,QAAEH,uBAAA,CAAQ;AAAA,IAAA,CACzB;AAAA,EACH;AAEA,SAAO,EAAE,aAAa,cAAA;AACxB;;"}

package/dist/src/components/message/useMessage.js

@@ -0,0 +1,55 @@
+import { jsx } from "react/jsx-runtime";
+import { message } from "antd";
+import styles from "./Message.module.css.js";
+import cx from "classnames";
+import { XCircleIcon, WarningCircleIcon, CheckCircleIcon } from "@phosphor-icons/react";
+const getIcon = (type) => {
+  switch (type) {
+    case "success":
+      return /* @__PURE__ */ jsx(
+        CheckCircleIcon,
+        {
+          weight: "fill",
+          color: "var(--j2-color-success)",
+          size: 16,
+          className: cx(styles.messageIcon)
+        }
+      );
+    case "warning":
+      return /* @__PURE__ */ jsx(
+        WarningCircleIcon,
+        {
+          weight: "fill",
+          color: "var(--j2-color-warning)",
+          size: 16,
+          className: cx(styles.messageIcon)
+        }
+      );
+    case "error":
+      return /* @__PURE__ */ jsx(
+        XCircleIcon,
+        {
+          weight: "fill",
+          color: "var(--j2-color-error)",
+          size: 16,
+          className: cx(styles.messageIcon)
+        }
+      );
+  }
+};
+const useMessage = () => {
+  const [messageApi, contextHolder] = message.useMessage();
+  const openMessage = (type, messageContent) => {
+    messageApi.open({
+      type,
+      icon: getIcon(type),
+      content: messageContent,
+      className: cx({ styles })
+    });
+  };
+  return { openMessage, contextHolder };
+};
+export {
+  useMessage
+};
+//# sourceMappingURL=useMessage.js.map

package/dist/src/components/message/useMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMessage.js","sources":["../../../../src/components/message/useMessage.tsx"],"sourcesContent":["import { message } from 'antd'\nimport styles from './Message.module.css'\nimport cx from 'classnames'\nimport {\n  CheckCircleIcon,\n  WarningCircleIcon,\n  XCircleIcon,\n} from '@phosphor-icons/react'\n\ntype NotificationType = 'success' | 'warning' | 'error'\n\nexport type OpenMessageFunc = (\n  type: Expand<NotificationType>,\n  messageContent: string\n) => void\n\nconst getIcon = (type: NotificationType) => {\n  switch (type) {\n    case 'success':\n      return (\n        <CheckCircleIcon\n          weight=\"fill\"\n          color=\"var(--j2-color-success)\"\n          size={16}\n          className={cx(styles.messageIcon)}\n        />\n      )\n    case 'warning':\n      return (\n        <WarningCircleIcon\n          weight=\"fill\"\n          color=\"var(--j2-color-warning)\"\n          size={16}\n          className={cx(styles.messageIcon)}\n        />\n      )\n    case 'error':\n      return (\n        <XCircleIcon\n          weight=\"fill\"\n          color=\"var(--j2-color-error)\"\n          size={16}\n          className={cx(styles.messageIcon)}\n        />\n      )\n  }\n}\n\nexport const useMessage = () => {\n  const [messageApi, contextHolder] = message.useMessage()\n\n  const openMessage: OpenMessageFunc = (\n    type: Expand<NotificationType>,\n    messageContent: string\n  ) => {\n    messageApi.open({\n      type: type,\n      icon: getIcon(type),\n      content: messageContent,\n      className: cx({ styles }),\n    })\n  }\n\n  return { openMessage, contextHolder }\n}\n"],"names":[],"mappings":";;;;;AAgBA,MAAM,UAAU,CAAC,SAA2B;AAC1C,UAAQ,MAAA;AAAA,IACN,KAAK;AACH,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,QAAO;AAAA,UACP,OAAM;AAAA,UACN,MAAM;AAAA,UACN,WAAW,GAAG,OAAO,WAAW;AAAA,QAAA;AAAA,MAAA;AAAA,IAGtC,KAAK;AACH,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,QAAO;AAAA,UACP,OAAM;AAAA,UACN,MAAM;AAAA,UACN,WAAW,GAAG,OAAO,WAAW;AAAA,QAAA;AAAA,MAAA;AAAA,IAGtC,KAAK;AACH,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,QAAO;AAAA,UACP,OAAM;AAAA,UACN,MAAM;AAAA,UACN,WAAW,GAAG,OAAO,WAAW;AAAA,QAAA;AAAA,MAAA;AAAA,EAClC;AAGR;AAEO,MAAM,aAAa,MAAM;AAC9B,QAAM,CAAC,YAAY,aAAa,IAAI,QAAQ,WAAA;AAE5C,QAAM,cAA+B,CACnC,MACA,mBACG;AACH,eAAW,KAAK;AAAA,MACd;AAAA,MACA,MAAM,QAAQ,IAAI;AAAA,MAClB,SAAS;AAAA,MACT,WAAW,GAAG,EAAE,OAAA,CAAQ;AAAA,IAAA,CACzB;AAAA,EACH;AAEA,SAAO,EAAE,aAAa,cAAA;AACxB;"}

package/dist/src/components/modal/Modal.cjs

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const antd = require("antd");
+const react = require("@phosphor-icons/react");
+;/* empty css            */
+const cx = require("classnames");
+const Modal = ({
+  open,
+  title,
+  children,
+  onCancel,
+  withContentPadding: withPadding = true,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    antd.Modal,
+    {
+      title,
+      className: cx("j2-modal"),
+      maskClosable: true,
+      centered: true,
+      closeIcon: /* @__PURE__ */ jsxRuntime.jsx(react.XIcon, { size: 22, weight: "regular" }),
+      onCancel,
+      open,
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx(withPadding ? "px-6 py-3" : "px-0 py-0"), children })
+    }
+  );
+};
+exports.Modal = Modal;
+//# sourceMappingURL=Modal.cjs.map

package/dist/src/components/modal/Modal.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.cjs","sources":["../../../../src/components/modal/Modal.tsx"],"sourcesContent":["import { Modal as AntdModal, ModalProps } from 'antd'\nimport { XIcon } from '@phosphor-icons/react'\nimport './Modal.css'\nimport cx from 'classnames'\n\nexport type Props = {\n  withContentPadding?: boolean\n} & Expand<ModalProps>\n\nconst Modal = ({\n  open,\n  title,\n  children,\n  onCancel,\n  withContentPadding: withPadding = true,\n  ...props\n}: Props) => {\n  return (\n    <AntdModal\n      title={title}\n      className={cx('j2-modal')}\n      maskClosable={true}\n      centered\n      closeIcon={<XIcon size={22} weight=\"regular\" />}\n      onCancel={onCancel}\n      open={open}\n      {...props}\n    >\n      <div className={cx(withPadding ? 'px-6 py-3' : 'px-0 py-0')}>\n        {children}\n      </div>\n    </AntdModal>\n  )\n}\n\nexport { Modal }\n"],"names":["jsx","AntdModal","XIcon"],"mappings":";;;;;;;AASA,MAAM,QAAQ,CAAC;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,oBAAoB,cAAc;AAAA,EAClC,GAAG;AACL,MAAa;AACX,SACEA,2BAAAA;AAAAA,IAACC,KAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,UAAU;AAAA,MACxB,cAAc;AAAA,MACd,UAAQ;AAAA,MACR,WAAWD,2BAAAA,IAACE,aAAA,EAAM,MAAM,IAAI,QAAO,WAAU;AAAA,MAC7C;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MAEJ,UAAAF,2BAAAA,IAAC,SAAI,WAAW,GAAG,cAAc,cAAc,WAAW,GACvD,SAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;;"}

package/dist/src/components/modal/Modal.js

@@ -0,0 +1,32 @@
+import { jsx } from "react/jsx-runtime";
+import { Modal as Modal$1 } from "antd";
+import { XIcon } from "@phosphor-icons/react";
+/* empty css          */
+import cx from "classnames";
+const Modal = ({
+  open,
+  title,
+  children,
+  onCancel,
+  withContentPadding: withPadding = true,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    Modal$1,
+    {
+      title,
+      className: cx("j2-modal"),
+      maskClosable: true,
+      centered: true,
+      closeIcon: /* @__PURE__ */ jsx(XIcon, { size: 22, weight: "regular" }),
+      onCancel,
+      open,
+      ...props,
+      children: /* @__PURE__ */ jsx("div", { className: cx(withPadding ? "px-6 py-3" : "px-0 py-0"), children })
+    }
+  );
+};
+export {
+  Modal
+};
+//# sourceMappingURL=Modal.js.map

package/dist/src/components/modal/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sources":["../../../../src/components/modal/Modal.tsx"],"sourcesContent":["import { Modal as AntdModal, ModalProps } from 'antd'\nimport { XIcon } from '@phosphor-icons/react'\nimport './Modal.css'\nimport cx from 'classnames'\n\nexport type Props = {\n  withContentPadding?: boolean\n} & Expand<ModalProps>\n\nconst Modal = ({\n  open,\n  title,\n  children,\n  onCancel,\n  withContentPadding: withPadding = true,\n  ...props\n}: Props) => {\n  return (\n    <AntdModal\n      title={title}\n      className={cx('j2-modal')}\n      maskClosable={true}\n      centered\n      closeIcon={<XIcon size={22} weight=\"regular\" />}\n      onCancel={onCancel}\n      open={open}\n      {...props}\n    >\n      <div className={cx(withPadding ? 'px-6 py-3' : 'px-0 py-0')}>\n        {children}\n      </div>\n    </AntdModal>\n  )\n}\n\nexport { Modal }\n"],"names":["AntdModal"],"mappings":";;;;;AASA,MAAM,QAAQ,CAAC;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,oBAAoB,cAAc;AAAA,EAClC,GAAG;AACL,MAAa;AACX,SACE;AAAA,IAACA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,UAAU;AAAA,MACxB,cAAc;AAAA,MACd,UAAQ;AAAA,MACR,WAAW,oBAAC,OAAA,EAAM,MAAM,IAAI,QAAO,WAAU;AAAA,MAC7C;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MAEJ,UAAA,oBAAC,SAAI,WAAW,GAAG,cAAc,cAAc,WAAW,GACvD,SAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/src/components/navMenu/NavMenu.cjs

@@ -0,0 +1,132 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const cx = require("classnames");
+const j2LogoMenuCollapse = require("../../svgs/j2-logo-menu-collapse.svg.cjs");
+const j2LogoMenu = require("../../svgs/j2-logo-menu.svg.cjs");
+const menuSidebarExpand = require("../../svgs/menu-sidebar-expand.svg.cjs");
+const menuSidebarCollapse = require("../../svgs/menu-sidebar-collapse.svg.cjs");
+const NavMenu_module = require("./NavMenu.module.css.cjs");
+const Tooltip = require("../tooltip/Tooltip.cjs");
+const Button = require("../button/Button.cjs");
+const Menu = require("../menu/Menu.cjs");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+const NavMenu = ({
+  href = "/",
+  items,
+  headerSlot,
+  defaultOpenKeys,
+  defaultSelectedKeys,
+  footerItems,
+  className,
+  onCollapse
+}) => {
+  const [isCollapsed, setIsCollapsed] = React__namespace.useState(false);
+  const [isToggleTooltipOpen, setToggleTooltipOpen] = React__namespace.useState(false);
+  const toggleCollapse = React__namespace.useCallback(() => {
+    setIsCollapsed(!isCollapsed);
+    setToggleTooltipOpen(false);
+    onCollapse == null ? void 0 : onCollapse(!isCollapsed);
+  }, [isCollapsed]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cx(
+        NavMenu_module.default.navMenuContainer,
+        isCollapsed && NavMenu_module.default.collapsed,
+        "bg-white",
+        className
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx("flex", "flex-col", "h-full"), children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "py-5 px-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: cx(
+                "flex",
+                "items-center",
+                isCollapsed ? "justify-center" : "justify-between",
+                NavMenu_module.default.headerContainer,
+                "min-h-9"
+              ),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "a",
+                  {
+                    href,
+                    className: cx("flex", "items-center", "gap-2", NavMenu_module.default.logo),
+                    children: isCollapsed ? /* @__PURE__ */ jsxRuntime.jsx(j2LogoMenuCollapse, {}) : /* @__PURE__ */ jsxRuntime.jsx(j2LogoMenu, {})
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  Tooltip.Tooltip,
+                  {
+                    title: isCollapsed ? "Expand Menu" : "Collapse Menu",
+                    placement: "right",
+                    arrow: false,
+                    onOpenChange: (shouldBeOpen) => {
+                      setToggleTooltipOpen(shouldBeOpen);
+                    },
+                    open: isToggleTooltipOpen,
+                    children: /* @__PURE__ */ jsxRuntime.jsx(
+                      Button.Button,
+                      {
+                        type: "text",
+                        icon: isCollapsed ? /* @__PURE__ */ jsxRuntime.jsx(menuSidebarExpand, {}) : /* @__PURE__ */ jsxRuntime.jsx(menuSidebarCollapse, {}),
+                        onClick: toggleCollapse,
+                        className: cx("toggle-button")
+                      }
+                    )
+                  }
+                )
+              ]
+            }
+          ),
+          headerSlot && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx("mt-5"), children: headerSlot })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx("flex", "flex-col", "justify-between", "flex-1"), children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Menu.Menu,
+            {
+              mode: "inline",
+              compact: isCollapsed,
+              items,
+              defaultOpenKeys: isCollapsed ? void 0 : defaultOpenKeys,
+              defaultSelectedKeys
+            },
+            `nav-menu-main-${isCollapsed}`
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Menu.Menu,
+            {
+              mode: "inline",
+              compact: isCollapsed,
+              selectable: false,
+              items: footerItems
+            },
+            `nav-menu-footer-${isCollapsed}`
+          )
+        ] })
+      ] })
+    }
+  );
+};
+exports.NavMenu = NavMenu;
+//# sourceMappingURL=NavMenu.cjs.map

package/dist/src/components/navMenu/NavMenu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavMenu.cjs","sources":["../../../../src/components/navMenu/NavMenu.tsx"],"sourcesContent":["import * as React from 'react'\nimport { ItemType } from 'antd/es/menu/interface'\nimport cx from 'classnames'\nimport { Menu } from '../menu'\n\nimport SmallLogo from '../../svgs/j2-logo-menu-collapse.svg?react'\nimport LogoWithText from '../../svgs/j2-logo-menu.svg?react'\nimport ExpandIcon from '../../svgs/menu-sidebar-expand.svg?react'\nimport CollapseIcon from '../../svgs/menu-sidebar-collapse.svg?react'\nimport { Button } from '../button'\n\nimport styles from './NavMenu.module.css'\nimport { Tooltip } from '../tooltip'\n\ntype Props = {\n  href?: string\n  items: ItemType[]\n  headerSlot?: React.ReactNode\n  defaultOpenKeys?: string[]\n  defaultSelectedKeys?: string[]\n  footerItems: ItemType[]\n  className?: string\n  onCollapse?: (isCollapsed: boolean) => void\n}\n\nexport const NavMenu = ({\n  href = '/',\n  items,\n  headerSlot,\n  defaultOpenKeys,\n  defaultSelectedKeys,\n  footerItems,\n  className,\n  onCollapse,\n}: Props) => {\n  const [isCollapsed, setIsCollapsed] = React.useState(false)\n  const [isToggleTooltipOpen, setToggleTooltipOpen] = React.useState(false)\n\n  const toggleCollapse = React.useCallback(() => {\n    setIsCollapsed(!isCollapsed)\n    setToggleTooltipOpen(false)\n    onCollapse?.(!isCollapsed)\n  }, [isCollapsed])\n\n  return (\n    <div\n      className={cx(\n        styles.navMenuContainer,\n        isCollapsed && styles.collapsed,\n        'bg-white',\n        className\n      )}\n    >\n      <div className={cx('flex', 'flex-col', 'h-full')}>\n        <div className=\"py-5 px-3\">\n          <div\n            className={cx(\n              'flex',\n              'items-center',\n              isCollapsed ? 'justify-center' : 'justify-between',\n              styles.headerContainer,\n              'min-h-9'\n            )}\n          >\n            <a\n              href={href}\n              className={cx('flex', 'items-center', 'gap-2', styles.logo)}\n            >\n              {isCollapsed ? <SmallLogo /> : <LogoWithText />}\n            </a>\n            <Tooltip\n              title={isCollapsed ? 'Expand Menu' : 'Collapse Menu'}\n              placement=\"right\"\n              arrow={false}\n              onOpenChange={(shouldBeOpen) => {\n                setToggleTooltipOpen(shouldBeOpen)\n              }}\n              open={isToggleTooltipOpen}\n            >\n              <Button\n                type=\"text\"\n                icon={isCollapsed ? <ExpandIcon /> : <CollapseIcon />}\n                onClick={toggleCollapse}\n                className={cx('toggle-button')}\n              />\n            </Tooltip>\n          </div>\n          {headerSlot && <div className={cx('mt-5')}>{headerSlot}</div>}\n        </div>\n        <div className={cx('flex', 'flex-col', 'justify-between', 'flex-1')}>\n          <Menu\n            key={`nav-menu-main-${isCollapsed}`}\n            mode={'inline'}\n            compact={isCollapsed}\n            items={items}\n            defaultOpenKeys={isCollapsed ? undefined : defaultOpenKeys}\n            defaultSelectedKeys={defaultSelectedKeys}\n          />\n          <Menu\n            key={`nav-menu-footer-${isCollapsed}`}\n            mode={'inline'}\n            compact={isCollapsed}\n            selectable={false}\n            items={footerItems}\n          />\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"names":["React","jsx","styles","jsxs","SmallLogo","LogoWithText","Tooltip","Button","ExpandIcon","CollapseIcon","Menu"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBO,MAAM,UAAU,CAAC;AAAA,EACtB,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAa;AACX,QAAM,CAAC,aAAa,cAAc,IAAIA,iBAAM,SAAS,KAAK;AAC1D,QAAM,CAAC,qBAAqB,oBAAoB,IAAIA,iBAAM,SAAS,KAAK;AAExE,QAAM,iBAAiBA,iBAAM,YAAY,MAAM;AAC7C,mBAAe,CAAC,WAAW;AAC3B,yBAAqB,KAAK;AAC1B,6CAAa,CAAC;AAAA,EAChB,GAAG,CAAC,WAAW,CAAC;AAEhB,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACTC,eAAAA,QAAO;AAAA,QACP,eAAeA,eAAAA,QAAO;AAAA,QACtB;AAAA,QACA;AAAA,MAAA;AAAA,MAGF,0CAAC,OAAA,EAAI,WAAW,GAAG,QAAQ,YAAY,QAAQ,GAC7C,UAAA;AAAA,QAAAC,2BAAAA,KAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,UAAAA,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW;AAAA,gBACT;AAAA,gBACA;AAAA,gBACA,cAAc,mBAAmB;AAAA,gBACjCD,eAAAA,QAAO;AAAA,gBACP;AAAA,cAAA;AAAA,cAGF,UAAA;AAAA,gBAAAD,2BAAAA;AAAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC;AAAA,oBACA,WAAW,GAAG,QAAQ,gBAAgB,SAASC,eAAAA,QAAO,IAAI;AAAA,oBAEzD,UAAA,cAAcD,+BAACG,oBAAA,CAAA,CAAU,mCAAMC,YAAA,CAAA,CAAa;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAE/CJ,2BAAAA;AAAAA,kBAACK,QAAAA;AAAAA,kBAAA;AAAA,oBACC,OAAO,cAAc,gBAAgB;AAAA,oBACrC,WAAU;AAAA,oBACV,OAAO;AAAA,oBACP,cAAc,CAAC,iBAAiB;AAC9B,2CAAqB,YAAY;AAAA,oBACnC;AAAA,oBACA,MAAM;AAAA,oBAEN,UAAAL,2BAAAA;AAAAA,sBAACM,OAAAA;AAAAA,sBAAA;AAAA,wBACC,MAAK;AAAA,wBACL,MAAM,cAAcN,2BAAAA,IAACO,mBAAA,CAAA,CAAW,mCAAMC,qBAAA,EAAa;AAAA,wBACnD,SAAS;AAAA,wBACT,WAAW,GAAG,eAAe;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBAC/B;AAAA,gBAAA;AAAA,cACF;AAAA,YAAA;AAAA,UAAA;AAAA,UAED,cAAcR,2BAAAA,IAAC,OAAA,EAAI,WAAW,GAAG,MAAM,GAAI,UAAA,WAAA,CAAW;AAAA,QAAA,GACzD;AAAA,QACAE,gCAAC,SAAI,WAAW,GAAG,QAAQ,YAAY,mBAAmB,QAAQ,GAChE,UAAA;AAAA,UAAAF,2BAAAA;AAAAA,YAACS,KAAAA;AAAAA,YAAA;AAAA,cAEC,MAAM;AAAA,cACN,SAAS;AAAA,cACT;AAAA,cACA,iBAAiB,cAAc,SAAY;AAAA,cAC3C;AAAA,YAAA;AAAA,YALK,iBAAiB,WAAW;AAAA,UAAA;AAAA,UAOnCT,2BAAAA;AAAAA,YAACS,KAAAA;AAAAA,YAAA;AAAA,cAEC,MAAM;AAAA,cACN,SAAS;AAAA,cACT,YAAY;AAAA,cACZ,OAAO;AAAA,YAAA;AAAA,YAJF,mBAAmB,WAAW;AAAA,UAAA;AAAA,QAKrC,EAAA,CACF;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;;"}

package/dist/src/components/navMenu/NavMenu.js

@@ -0,0 +1,115 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import cx from "classnames";
+import SvgJ2LogoMenuCollapse from "../../svgs/j2-logo-menu-collapse.svg.js";
+import SvgJ2LogoMenu from "../../svgs/j2-logo-menu.svg.js";
+import SvgMenuSidebarExpand from "../../svgs/menu-sidebar-expand.svg.js";
+import SvgMenuSidebarCollapse from "../../svgs/menu-sidebar-collapse.svg.js";
+import styles from "./NavMenu.module.css.js";
+import { Tooltip } from "../tooltip/Tooltip.js";
+import { Button } from "../button/Button.js";
+import { Menu } from "../menu/Menu.js";
+const NavMenu = ({
+  href = "/",
+  items,
+  headerSlot,
+  defaultOpenKeys,
+  defaultSelectedKeys,
+  footerItems,
+  className,
+  onCollapse
+}) => {
+  const [isCollapsed, setIsCollapsed] = React.useState(false);
+  const [isToggleTooltipOpen, setToggleTooltipOpen] = React.useState(false);
+  const toggleCollapse = React.useCallback(() => {
+    setIsCollapsed(!isCollapsed);
+    setToggleTooltipOpen(false);
+    onCollapse == null ? void 0 : onCollapse(!isCollapsed);
+  }, [isCollapsed]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cx(
+        styles.navMenuContainer,
+        isCollapsed && styles.collapsed,
+        "bg-white",
+        className
+      ),
+      children: /* @__PURE__ */ jsxs("div", { className: cx("flex", "flex-col", "h-full"), children: [
+        /* @__PURE__ */ jsxs("div", { className: "py-5 px-3", children: [
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cx(
+                "flex",
+                "items-center",
+                isCollapsed ? "justify-center" : "justify-between",
+                styles.headerContainer,
+                "min-h-9"
+              ),
+              children: [
+                /* @__PURE__ */ jsx(
+                  "a",
+                  {
+                    href,
+                    className: cx("flex", "items-center", "gap-2", styles.logo),
+                    children: isCollapsed ? /* @__PURE__ */ jsx(SvgJ2LogoMenuCollapse, {}) : /* @__PURE__ */ jsx(SvgJ2LogoMenu, {})
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Tooltip,
+                  {
+                    title: isCollapsed ? "Expand Menu" : "Collapse Menu",
+                    placement: "right",
+                    arrow: false,
+                    onOpenChange: (shouldBeOpen) => {
+                      setToggleTooltipOpen(shouldBeOpen);
+                    },
+                    open: isToggleTooltipOpen,
+                    children: /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        type: "text",
+                        icon: isCollapsed ? /* @__PURE__ */ jsx(SvgMenuSidebarExpand, {}) : /* @__PURE__ */ jsx(SvgMenuSidebarCollapse, {}),
+                        onClick: toggleCollapse,
+                        className: cx("toggle-button")
+                      }
+                    )
+                  }
+                )
+              ]
+            }
+          ),
+          headerSlot && /* @__PURE__ */ jsx("div", { className: cx("mt-5"), children: headerSlot })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: cx("flex", "flex-col", "justify-between", "flex-1"), children: [
+          /* @__PURE__ */ jsx(
+            Menu,
+            {
+              mode: "inline",
+              compact: isCollapsed,
+              items,
+              defaultOpenKeys: isCollapsed ? void 0 : defaultOpenKeys,
+              defaultSelectedKeys
+            },
+            `nav-menu-main-${isCollapsed}`
+          ),
+          /* @__PURE__ */ jsx(
+            Menu,
+            {
+              mode: "inline",
+              compact: isCollapsed,
+              selectable: false,
+              items: footerItems
+            },
+            `nav-menu-footer-${isCollapsed}`
+          )
+        ] })
+      ] })
+    }
+  );
+};
+export {
+  NavMenu
+};
+//# sourceMappingURL=NavMenu.js.map

package/dist/src/components/navMenu/NavMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavMenu.js","sources":["../../../../src/components/navMenu/NavMenu.tsx"],"sourcesContent":["import * as React from 'react'\nimport { ItemType } from 'antd/es/menu/interface'\nimport cx from 'classnames'\nimport { Menu } from '../menu'\n\nimport SmallLogo from '../../svgs/j2-logo-menu-collapse.svg?react'\nimport LogoWithText from '../../svgs/j2-logo-menu.svg?react'\nimport ExpandIcon from '../../svgs/menu-sidebar-expand.svg?react'\nimport CollapseIcon from '../../svgs/menu-sidebar-collapse.svg?react'\nimport { Button } from '../button'\n\nimport styles from './NavMenu.module.css'\nimport { Tooltip } from '../tooltip'\n\ntype Props = {\n  href?: string\n  items: ItemType[]\n  headerSlot?: React.ReactNode\n  defaultOpenKeys?: string[]\n  defaultSelectedKeys?: string[]\n  footerItems: ItemType[]\n  className?: string\n  onCollapse?: (isCollapsed: boolean) => void\n}\n\nexport const NavMenu = ({\n  href = '/',\n  items,\n  headerSlot,\n  defaultOpenKeys,\n  defaultSelectedKeys,\n  footerItems,\n  className,\n  onCollapse,\n}: Props) => {\n  const [isCollapsed, setIsCollapsed] = React.useState(false)\n  const [isToggleTooltipOpen, setToggleTooltipOpen] = React.useState(false)\n\n  const toggleCollapse = React.useCallback(() => {\n    setIsCollapsed(!isCollapsed)\n    setToggleTooltipOpen(false)\n    onCollapse?.(!isCollapsed)\n  }, [isCollapsed])\n\n  return (\n    <div\n      className={cx(\n        styles.navMenuContainer,\n        isCollapsed && styles.collapsed,\n        'bg-white',\n        className\n      )}\n    >\n      <div className={cx('flex', 'flex-col', 'h-full')}>\n        <div className=\"py-5 px-3\">\n          <div\n            className={cx(\n              'flex',\n              'items-center',\n              isCollapsed ? 'justify-center' : 'justify-between',\n              styles.headerContainer,\n              'min-h-9'\n            )}\n          >\n            <a\n              href={href}\n              className={cx('flex', 'items-center', 'gap-2', styles.logo)}\n            >\n              {isCollapsed ? <SmallLogo /> : <LogoWithText />}\n            </a>\n            <Tooltip\n              title={isCollapsed ? 'Expand Menu' : 'Collapse Menu'}\n              placement=\"right\"\n              arrow={false}\n              onOpenChange={(shouldBeOpen) => {\n                setToggleTooltipOpen(shouldBeOpen)\n              }}\n              open={isToggleTooltipOpen}\n            >\n              <Button\n                type=\"text\"\n                icon={isCollapsed ? <ExpandIcon /> : <CollapseIcon />}\n                onClick={toggleCollapse}\n                className={cx('toggle-button')}\n              />\n            </Tooltip>\n          </div>\n          {headerSlot && <div className={cx('mt-5')}>{headerSlot}</div>}\n        </div>\n        <div className={cx('flex', 'flex-col', 'justify-between', 'flex-1')}>\n          <Menu\n            key={`nav-menu-main-${isCollapsed}`}\n            mode={'inline'}\n            compact={isCollapsed}\n            items={items}\n            defaultOpenKeys={isCollapsed ? undefined : defaultOpenKeys}\n            defaultSelectedKeys={defaultSelectedKeys}\n          />\n          <Menu\n            key={`nav-menu-footer-${isCollapsed}`}\n            mode={'inline'}\n            compact={isCollapsed}\n            selectable={false}\n            items={footerItems}\n          />\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"names":["SmallLogo","LogoWithText","ExpandIcon","CollapseIcon"],"mappings":";;;;;;;;;;;AAyBO,MAAM,UAAU,CAAC;AAAA,EACtB,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAa;AACX,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAS,KAAK;AAC1D,QAAM,CAAC,qBAAqB,oBAAoB,IAAI,MAAM,SAAS,KAAK;AAExE,QAAM,iBAAiB,MAAM,YAAY,MAAM;AAC7C,mBAAe,CAAC,WAAW;AAC3B,yBAAqB,KAAK;AAC1B,6CAAa,CAAC;AAAA,EAChB,GAAG,CAAC,WAAW,CAAC;AAEhB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT,OAAO;AAAA,QACP,eAAe,OAAO;AAAA,QACtB;AAAA,QACA;AAAA,MAAA;AAAA,MAGF,+BAAC,OAAA,EAAI,WAAW,GAAG,QAAQ,YAAY,QAAQ,GAC7C,UAAA;AAAA,QAAA,qBAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW;AAAA,gBACT;AAAA,gBACA;AAAA,gBACA,cAAc,mBAAmB;AAAA,gBACjC,OAAO;AAAA,gBACP;AAAA,cAAA;AAAA,cAGF,UAAA;AAAA,gBAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC;AAAA,oBACA,WAAW,GAAG,QAAQ,gBAAgB,SAAS,OAAO,IAAI;AAAA,oBAEzD,UAAA,cAAc,oBAACA,uBAAA,CAAA,CAAU,wBAAMC,eAAA,CAAA,CAAa;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAE/C;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,OAAO,cAAc,gBAAgB;AAAA,oBACrC,WAAU;AAAA,oBACV,OAAO;AAAA,oBACP,cAAc,CAAC,iBAAiB;AAC9B,2CAAqB,YAAY;AAAA,oBACnC;AAAA,oBACA,MAAM;AAAA,oBAEN,UAAA;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACC,MAAK;AAAA,wBACL,MAAM,cAAc,oBAACC,sBAAA,CAAA,CAAW,wBAAMC,wBAAA,EAAa;AAAA,wBACnD,SAAS;AAAA,wBACT,WAAW,GAAG,eAAe;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBAC/B;AAAA,gBAAA;AAAA,cACF;AAAA,YAAA;AAAA,UAAA;AAAA,UAED,cAAc,oBAAC,OAAA,EAAI,WAAW,GAAG,MAAM,GAAI,UAAA,WAAA,CAAW;AAAA,QAAA,GACzD;AAAA,QACA,qBAAC,SAAI,WAAW,GAAG,QAAQ,YAAY,mBAAmB,QAAQ,GAChE,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cAEC,MAAM;AAAA,cACN,SAAS;AAAA,cACT;AAAA,cACA,iBAAiB,cAAc,SAAY;AAAA,cAC3C;AAAA,YAAA;AAAA,YALK,iBAAiB,WAAW;AAAA,UAAA;AAAA,UAOnC;AAAA,YAAC;AAAA,YAAA;AAAA,cAEC,MAAM;AAAA,cACN,SAAS;AAAA,cACT,YAAY;AAAA,cACZ,OAAO;AAAA,YAAA;AAAA,YAJF,mBAAmB,WAAW;AAAA,UAAA;AAAA,QAKrC,EAAA,CACF;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/src/components/navMenu/NavMenu.module.css.cjs

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const navMenuContainer = "_navMenuContainer_1ul3o_1";
+const collapsed = "_collapsed_1ul3o_5";
+const headerContainer = "_headerContainer_1ul3o_8";
+const logo = "_logo_1ul3o_9";
+const styles = {
+  navMenuContainer,
+  collapsed,
+  headerContainer,
+  logo
+};
+exports.collapsed = collapsed;
+exports.default = styles;
+exports.headerContainer = headerContainer;
+exports.logo = logo;
+exports.navMenuContainer = navMenuContainer;
+//# sourceMappingURL=NavMenu.module.css.cjs.map

package/dist/src/components/navMenu/NavMenu.module.css.cjs.map

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

package/dist/src/components/navMenu/NavMenu.module.css.js

@@ -0,0 +1,18 @@
+const navMenuContainer = "_navMenuContainer_1ul3o_1";
+const collapsed = "_collapsed_1ul3o_5";
+const headerContainer = "_headerContainer_1ul3o_8";
+const logo = "_logo_1ul3o_9";
+const styles = {
+  navMenuContainer,
+  collapsed,
+  headerContainer,
+  logo
+};
+export {
+  collapsed,
+  styles as default,
+  headerContainer,
+  logo,
+  navMenuContainer
+};
+//# sourceMappingURL=NavMenu.module.css.js.map

package/dist/src/components/navMenu/NavMenu.module.css.js.map

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

package/dist/src/components/notification/Notification.module.css.cjs

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const messageOnly = "_messageOnly_1pxqk_14";
+const s = {
+  messageOnly
+};
+exports.default = s;
+exports.messageOnly = messageOnly;
+//# sourceMappingURL=Notification.module.css.cjs.map

package/dist/src/components/notification/Notification.module.css.cjs.map

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

package/dist/src/components/notification/Notification.module.css.js

@@ -0,0 +1,9 @@
+const messageOnly = "_messageOnly_1pxqk_14";
+const s = {
+  messageOnly
+};
+export {
+  s as default,
+  messageOnly
+};
+//# sourceMappingURL=Notification.module.css.js.map

package/dist/src/components/notification/Notification.module.css.js.map

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

package/dist/src/components/notification/useNotification.cjs

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const antd = require("antd");
+const Notification_module = require("./Notification.module.css.cjs");
+const react = require("@phosphor-icons/react");
+const cx = require("classnames");
+const getIcon = (type) => {
+  switch (type) {
+    case "error":
+      return /* @__PURE__ */ jsxRuntime.jsx(react.XCircleIcon, { color: "var(--j2-color-error)", weight: "duotone", size: 24 });
+    case "success":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        react.CheckCircleIcon,
+        {
+          color: "var(--j2-color-success)",
+          weight: "duotone",
+          size: 24
+        }
+      );
+    case "info":
+      return /* @__PURE__ */ jsxRuntime.jsx(react.InfoIcon, { color: "var(--j2-color-info)", weight: "duotone", size: 24 });
+    case "warning":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        react.WarningCircleIcon,
+        {
+          color: "var(--j2-color-warning)",
+          weight: "duotone",
+          size: 24
+        }
+      );
+  }
+};
+const useNotification = () => {
+  const [api, contextHolder] = antd.notification.useNotification();
+  const openNotification = (type, config) => {
+    api[type]({
+      icon: getIcon(type),
+      ...config,
+      closeIcon: /* @__PURE__ */ jsxRuntime.jsx(react.XIcon, { color: "var(--j2-color-icon)", size: 22, weight: "regular" }),
+      className: cx({
+        [Notification_module.default.messageOnly]: config.message && !config.description
+      })
+    });
+  };
+  const closeNotification = (key) => {
+    api.destroy(key);
+  };
+  return { openNotification, closeNotification, contextHolder };
+};
+exports.useNotification = useNotification;
+//# sourceMappingURL=useNotification.cjs.map

package/dist/src/components/notification/useNotification.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNotification.cjs","sources":["../../../../src/components/notification/useNotification.tsx"],"sourcesContent":["import { notification } from 'antd'\nimport type { NotificationArgsProps } from 'antd'\nimport s from './Notification.module.css'\nimport {\n  CheckCircleIcon,\n  InfoIcon,\n  WarningCircleIcon,\n  XIcon,\n  XCircleIcon,\n} from '@phosphor-icons/react'\nimport cx from 'classnames'\nimport React from 'react'\n\ntype NotificationType = 'success' | 'info' | 'warning' | 'error'\n\nexport type OpenNotificationFunc = (\n  type: Expand<NotificationType>,\n  config: Expand<NotificationArgsProps>\n) => void\n\nconst getIcon = (type: NotificationType) => {\n  switch (type) {\n    case 'error':\n      return (\n        <XCircleIcon color=\"var(--j2-color-error)\" weight=\"duotone\" size={24} />\n      )\n    case 'success':\n      return (\n        <CheckCircleIcon\n          color=\"var(--j2-color-success)\"\n          weight=\"duotone\"\n          size={24}\n        />\n      )\n    case 'info':\n      return (\n        <InfoIcon color=\"var(--j2-color-info)\" weight=\"duotone\" size={24} />\n      )\n    case 'warning':\n      return (\n        <WarningCircleIcon\n          color=\"var(--j2-color-warning)\"\n          weight=\"duotone\"\n          size={24}\n        />\n      )\n  }\n}\n\nexport const useNotification = () => {\n  const [api, contextHolder] = notification.useNotification()\n\n  const openNotification: OpenNotificationFunc = (\n    type: Expand<NotificationType>,\n    config: Expand<NotificationArgsProps>\n  ) => {\n    api[type]({\n      icon: getIcon(type),\n      ...config,\n      closeIcon: (\n        <XIcon color=\"var(--j2-color-icon)\" size={22} weight=\"regular\" />\n      ),\n      className: cx({\n        [s.messageOnly]: config.message && !config.description,\n      }),\n    })\n  }\n\n  const closeNotification = (key?: React.Key) => {\n    api.destroy(key)\n  }\n\n  return { openNotification, closeNotification, contextHolder }\n}\n"],"names":["XCircleIcon","jsx","CheckCircleIcon","InfoIcon","WarningCircleIcon","notification","XIcon","s"],"mappings":";;;;;;;AAoBA,MAAM,UAAU,CAAC,SAA2B;AAC1C,UAAQ,MAAA;AAAA,IACN,KAAK;AACH,4CACGA,mBAAA,EAAY,OAAM,yBAAwB,QAAO,WAAU,MAAM,IAAI;AAAA,IAE1E,KAAK;AACH,aACEC,2BAAAA;AAAAA,QAACC,MAAAA;AAAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,QAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAGZ,KAAK;AACH,4CACGC,gBAAA,EAAS,OAAM,wBAAuB,QAAO,WAAU,MAAM,IAAI;AAAA,IAEtE,KAAK;AACH,aACEF,2BAAAA;AAAAA,QAACG,MAAAA;AAAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,QAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,EACR;AAGR;AAEO,MAAM,kBAAkB,MAAM;AACnC,QAAM,CAAC,KAAK,aAAa,IAAIC,KAAAA,aAAa,gBAAA;AAE1C,QAAM,mBAAyC,CAC7C,MACA,WACG;AACH,QAAI,IAAI,EAAE;AAAA,MACR,MAAM,QAAQ,IAAI;AAAA,MAClB,GAAG;AAAA,MACH,0CACGC,MAAAA,OAAA,EAAM,OAAM,wBAAuB,MAAM,IAAI,QAAO,WAAU;AAAA,MAEjE,WAAW,GAAG;AAAA,QACZ,CAACC,oBAAAA,QAAE,WAAW,GAAG,OAAO,WAAW,CAAC,OAAO;AAAA,MAAA,CAC5C;AAAA,IAAA,CACF;AAAA,EACH;AAEA,QAAM,oBAAoB,CAAC,QAAoB;AAC7C,QAAI,QAAQ,GAAG;AAAA,EACjB;AAEA,SAAO,EAAE,kBAAkB,mBAAmB,cAAA;AAChD;;"}

package/dist/src/components/notification/useNotification.js

@@ -0,0 +1,52 @@
+import { jsx } from "react/jsx-runtime";
+import { notification } from "antd";
+import s from "./Notification.module.css.js";
+import { XIcon, WarningCircleIcon, InfoIcon, CheckCircleIcon, XCircleIcon } from "@phosphor-icons/react";
+import cx from "classnames";
+const getIcon = (type) => {
+  switch (type) {
+    case "error":
+      return /* @__PURE__ */ jsx(XCircleIcon, { color: "var(--j2-color-error)", weight: "duotone", size: 24 });
+    case "success":
+      return /* @__PURE__ */ jsx(
+        CheckCircleIcon,
+        {
+          color: "var(--j2-color-success)",
+          weight: "duotone",
+          size: 24
+        }
+      );
+    case "info":
+      return /* @__PURE__ */ jsx(InfoIcon, { color: "var(--j2-color-info)", weight: "duotone", size: 24 });
+    case "warning":
+      return /* @__PURE__ */ jsx(
+        WarningCircleIcon,
+        {
+          color: "var(--j2-color-warning)",
+          weight: "duotone",
+          size: 24
+        }
+      );
+  }
+};
+const useNotification = () => {
+  const [api, contextHolder] = notification.useNotification();
+  const openNotification = (type, config) => {
+    api[type]({
+      icon: getIcon(type),
+      ...config,
+      closeIcon: /* @__PURE__ */ jsx(XIcon, { color: "var(--j2-color-icon)", size: 22, weight: "regular" }),
+      className: cx({
+        [s.messageOnly]: config.message && !config.description
+      })
+    });
+  };
+  const closeNotification = (key) => {
+    api.destroy(key);
+  };
+  return { openNotification, closeNotification, contextHolder };
+};
+export {
+  useNotification
+};
+//# sourceMappingURL=useNotification.js.map

package/dist/src/components/notification/useNotification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNotification.js","sources":["../../../../src/components/notification/useNotification.tsx"],"sourcesContent":["import { notification } from 'antd'\nimport type { NotificationArgsProps } from 'antd'\nimport s from './Notification.module.css'\nimport {\n  CheckCircleIcon,\n  InfoIcon,\n  WarningCircleIcon,\n  XIcon,\n  XCircleIcon,\n} from '@phosphor-icons/react'\nimport cx from 'classnames'\nimport React from 'react'\n\ntype NotificationType = 'success' | 'info' | 'warning' | 'error'\n\nexport type OpenNotificationFunc = (\n  type: Expand<NotificationType>,\n  config: Expand<NotificationArgsProps>\n) => void\n\nconst getIcon = (type: NotificationType) => {\n  switch (type) {\n    case 'error':\n      return (\n        <XCircleIcon color=\"var(--j2-color-error)\" weight=\"duotone\" size={24} />\n      )\n    case 'success':\n      return (\n        <CheckCircleIcon\n          color=\"var(--j2-color-success)\"\n          weight=\"duotone\"\n          size={24}\n        />\n      )\n    case 'info':\n      return (\n        <InfoIcon color=\"var(--j2-color-info)\" weight=\"duotone\" size={24} />\n      )\n    case 'warning':\n      return (\n        <WarningCircleIcon\n          color=\"var(--j2-color-warning)\"\n          weight=\"duotone\"\n          size={24}\n        />\n      )\n  }\n}\n\nexport const useNotification = () => {\n  const [api, contextHolder] = notification.useNotification()\n\n  const openNotification: OpenNotificationFunc = (\n    type: Expand<NotificationType>,\n    config: Expand<NotificationArgsProps>\n  ) => {\n    api[type]({\n      icon: getIcon(type),\n      ...config,\n      closeIcon: (\n        <XIcon color=\"var(--j2-color-icon)\" size={22} weight=\"regular\" />\n      ),\n      className: cx({\n        [s.messageOnly]: config.message && !config.description,\n      }),\n    })\n  }\n\n  const closeNotification = (key?: React.Key) => {\n    api.destroy(key)\n  }\n\n  return { openNotification, closeNotification, contextHolder }\n}\n"],"names":[],"mappings":";;;;;AAoBA,MAAM,UAAU,CAAC,SAA2B;AAC1C,UAAQ,MAAA;AAAA,IACN,KAAK;AACH,iCACG,aAAA,EAAY,OAAM,yBAAwB,QAAO,WAAU,MAAM,IAAI;AAAA,IAE1E,KAAK;AACH,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,QAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAGZ,KAAK;AACH,iCACG,UAAA,EAAS,OAAM,wBAAuB,QAAO,WAAU,MAAM,IAAI;AAAA,IAEtE,KAAK;AACH,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,QAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,EACR;AAGR;AAEO,MAAM,kBAAkB,MAAM;AACnC,QAAM,CAAC,KAAK,aAAa,IAAI,aAAa,gBAAA;AAE1C,QAAM,mBAAyC,CAC7C,MACA,WACG;AACH,QAAI,IAAI,EAAE;AAAA,MACR,MAAM,QAAQ,IAAI;AAAA,MAClB,GAAG;AAAA,MACH,+BACG,OAAA,EAAM,OAAM,wBAAuB,MAAM,IAAI,QAAO,WAAU;AAAA,MAEjE,WAAW,GAAG;AAAA,QACZ,CAAC,EAAE,WAAW,GAAG,OAAO,WAAW,CAAC,OAAO;AAAA,MAAA,CAC5C;AAAA,IAAA,CACF;AAAA,EACH;AAEA,QAAM,oBAAoB,CAAC,QAAoB;AAC7C,QAAI,QAAQ,GAAG;AAAA,EACjB;AAEA,SAAO,EAAE,kBAAkB,mBAAmB,cAAA;AAChD;"}

package/dist/src/components/notificationModal/NotifcationModal.module.css.cjs

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const modalTitleWithIcon = "_modalTitleWithIcon_5g0kf_1";
+const modalIcon = "_modalIcon_5g0kf_7";
+const modalTitleContent = "_modalTitleContent_5g0kf_16";
+const modalTitleText = "_modalTitleText_5g0kf_21";
+const modalContentWithIcon = "_modalContentWithIcon_5g0kf_30";
+const styles = {
+  modalTitleWithIcon,
+  modalIcon,
+  modalTitleContent,
+  modalTitleText,
+  modalContentWithIcon
+};
+exports.default = styles;
+exports.modalContentWithIcon = modalContentWithIcon;
+exports.modalIcon = modalIcon;
+exports.modalTitleContent = modalTitleContent;
+exports.modalTitleText = modalTitleText;
+exports.modalTitleWithIcon = modalTitleWithIcon;
+//# sourceMappingURL=NotifcationModal.module.css.cjs.map

package/dist/src/components/notificationModal/NotifcationModal.module.css.cjs.map

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