@j2-health/design-system 0.2.0 → 0.2.1

package/dist/src/components/legacyNavMenu/LegacyNavMenu.module.css.cjs

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const navContainer = "_navContainer_1eoor_2";
+const logoSection = "_logoSection_1eoor_14";
+const logoContainer = "_logoContainer_1eoor_18";
+const logoLink = "_logoLink_1eoor_25";
+const logo = "_logo_1eoor_14";
+const navContent = "_navContent_1eoor_46";
+const navSection = "_navSection_1eoor_54";
+const sectionHeader = "_sectionHeader_1eoor_59";
+const sectionTitle = "_sectionTitle_1eoor_63";
+const sectionItems = "_sectionItems_1eoor_73";
+const navItem = "_navItem_1eoor_79";
+const active = "_active_1eoor_96";
+const navItemIcon = "_navItemIcon_1eoor_100";
+const navItemLabel = "_navItemLabel_1eoor_115";
+const styles = {
+  navContainer,
+  logoSection,
+  logoContainer,
+  logoLink,
+  logo,
+  navContent,
+  navSection,
+  sectionHeader,
+  sectionTitle,
+  sectionItems,
+  navItem,
+  active,
+  navItemIcon,
+  navItemLabel
+};
+exports.active = active;
+exports.default = styles;
+exports.logo = logo;
+exports.logoContainer = logoContainer;
+exports.logoLink = logoLink;
+exports.logoSection = logoSection;
+exports.navContainer = navContainer;
+exports.navContent = navContent;
+exports.navItem = navItem;
+exports.navItemIcon = navItemIcon;
+exports.navItemLabel = navItemLabel;
+exports.navSection = navSection;
+exports.sectionHeader = sectionHeader;
+exports.sectionItems = sectionItems;
+exports.sectionTitle = sectionTitle;
+//# sourceMappingURL=LegacyNavMenu.module.css.cjs.map

package/dist/src/components/legacyNavMenu/LegacyNavMenu.module.css.cjs.map

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

package/dist/src/components/legacyNavMenu/LegacyNavMenu.module.css.js

@@ -0,0 +1,48 @@
+const navContainer = "_navContainer_1eoor_2";
+const logoSection = "_logoSection_1eoor_14";
+const logoContainer = "_logoContainer_1eoor_18";
+const logoLink = "_logoLink_1eoor_25";
+const logo = "_logo_1eoor_14";
+const navContent = "_navContent_1eoor_46";
+const navSection = "_navSection_1eoor_54";
+const sectionHeader = "_sectionHeader_1eoor_59";
+const sectionTitle = "_sectionTitle_1eoor_63";
+const sectionItems = "_sectionItems_1eoor_73";
+const navItem = "_navItem_1eoor_79";
+const active = "_active_1eoor_96";
+const navItemIcon = "_navItemIcon_1eoor_100";
+const navItemLabel = "_navItemLabel_1eoor_115";
+const styles = {
+  navContainer,
+  logoSection,
+  logoContainer,
+  logoLink,
+  logo,
+  navContent,
+  navSection,
+  sectionHeader,
+  sectionTitle,
+  sectionItems,
+  navItem,
+  active,
+  navItemIcon,
+  navItemLabel
+};
+export {
+  active,
+  styles as default,
+  logo,
+  logoContainer,
+  logoLink,
+  logoSection,
+  navContainer,
+  navContent,
+  navItem,
+  navItemIcon,
+  navItemLabel,
+  navSection,
+  sectionHeader,
+  sectionItems,
+  sectionTitle
+};
+//# sourceMappingURL=LegacyNavMenu.module.css.js.map

package/dist/src/components/legacyNavMenu/LegacyNavMenu.module.css.js.map

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

package/dist/src/components/legacyNavMenu/UserProfile.cjs

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const UserProfile_module = require("./UserProfile.module.css.cjs");
+const UserProfile = ({
+  firstName,
+  lastName,
+  avatarUrl,
+  onLogOut,
+  onChangeClient
+}) => {
+  const [isPopoverOpen, setIsPopoverOpen] = React.useState(false);
+  const popoverRef = React.useRef(null);
+  const buttonRef = React.useRef(null);
+  const displayName = lastName ? `${firstName} ${lastName}` : firstName;
+  const avatarDisplay = avatarUrl ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: avatarUrl, alt: displayName, className: UserProfile_module.default.avatarImage }) : firstName.charAt(0).toUpperCase();
+  const togglePopover = () => {
+    setIsPopoverOpen(!isPopoverOpen);
+  };
+  React.useEffect(() => {
+    const handleClickOutside = (event) => {
+      if (popoverRef.current && !popoverRef.current.contains(event.target) && buttonRef.current && !buttonRef.current.contains(event.target)) {
+        setIsPopoverOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: UserProfile_module.default.userSection, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        ref: buttonRef,
+        className: UserProfile_module.default.userProfile,
+        onClick: togglePopover,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: UserProfile_module.default.userAvatar, children: avatarDisplay }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: UserProfile_module.default.userName, children: displayName })
+        ]
+      }
+    ),
+    isPopoverOpen && /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: popoverRef, className: UserProfile_module.default.popover, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: UserProfile_module.default.popoverUserInfo, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: UserProfile_module.default.popoverAvatar, children: avatarDisplay }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: UserProfile_module.default.popoverUserName, children: displayName })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: UserProfile_module.default.popoverActions, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            className: UserProfile_module.default.logOutButton,
+            onClick: () => {
+              onLogOut == null ? void 0 : onLogOut();
+              setIsPopoverOpen(false);
+            },
+            children: "LOG OUT"
+          }
+        ),
+        onChangeClient && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            className: UserProfile_module.default.changeClientButton,
+            onClick: () => {
+              onChangeClient == null ? void 0 : onChangeClient();
+              setIsPopoverOpen(false);
+            },
+            children: "CHANGE CLIENT"
+          }
+        )
+      ] })
+    ] })
+  ] });
+};
+exports.UserProfile = UserProfile;
+//# sourceMappingURL=UserProfile.cjs.map

package/dist/src/components/legacyNavMenu/UserProfile.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserProfile.cjs","sources":["../../../../src/components/legacyNavMenu/UserProfile.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react'\nimport styles from './UserProfile.module.css'\n\nexport interface UserProfileProps {\n  firstName: string\n  lastName?: string\n  avatarUrl?: string\n  onLogOut?: () => void\n  onChangeClient?: () => void\n}\n\nexport const UserProfile: React.FC<UserProfileProps> = ({\n  firstName,\n  lastName,\n  avatarUrl,\n  onLogOut,\n  onChangeClient,\n}) => {\n  const [isPopoverOpen, setIsPopoverOpen] = useState(false)\n  const popoverRef = useRef<HTMLDivElement>(null)\n  const buttonRef = useRef<HTMLButtonElement>(null)\n\n  // Create display name and avatar\n  const displayName = lastName ? `${firstName} ${lastName}` : firstName\n  const avatarDisplay = avatarUrl ? (\n    <img src={avatarUrl} alt={displayName} className={styles.avatarImage} />\n  ) : (\n    firstName.charAt(0).toUpperCase()\n  )\n\n  const togglePopover = () => {\n    setIsPopoverOpen(!isPopoverOpen)\n  }\n\n  // Close popover when clicking outside\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        popoverRef.current &&\n        !popoverRef.current.contains(event.target as Node) &&\n        buttonRef.current &&\n        !buttonRef.current.contains(event.target as Node)\n      ) {\n        setIsPopoverOpen(false)\n      }\n    }\n\n    document.addEventListener('mousedown', handleClickOutside)\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside)\n    }\n  }, [])\n\n  return (\n    <div className={styles.userSection}>\n      <button\n        ref={buttonRef}\n        className={styles.userProfile}\n        onClick={togglePopover}\n      >\n        <div className={styles.userAvatar}>{avatarDisplay}</div>\n        <span className={styles.userName}>{displayName}</span>\n      </button>\n\n      {isPopoverOpen && (\n        <div ref={popoverRef} className={styles.popover}>\n          <div className={styles.popoverUserInfo}>\n            <div className={styles.popoverAvatar}>{avatarDisplay}</div>\n            <span className={styles.popoverUserName}>{displayName}</span>\n          </div>\n\n          <div className={styles.popoverActions}>\n            <button\n              className={styles.logOutButton}\n              onClick={() => {\n                onLogOut?.()\n                setIsPopoverOpen(false)\n              }}\n            >\n              LOG OUT\n            </button>\n            {onChangeClient && (\n              <button\n                className={styles.changeClientButton}\n                onClick={() => {\n                  onChangeClient?.()\n                  setIsPopoverOpen(false)\n                }}\n              >\n                CHANGE CLIENT\n              </button>\n            )}\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["useState","useRef","jsx","styles","useEffect","jsxs"],"mappings":";;;;;AAWO,MAAM,cAA0C,CAAC;AAAA,EACtD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,CAAC,eAAe,gBAAgB,IAAIA,MAAAA,SAAS,KAAK;AACxD,QAAM,aAAaC,MAAAA,OAAuB,IAAI;AAC9C,QAAM,YAAYA,MAAAA,OAA0B,IAAI;AAGhD,QAAM,cAAc,WAAW,GAAG,SAAS,IAAI,QAAQ,KAAK;AAC5D,QAAM,gBAAgB,YACpBC,2BAAAA,IAAC,OAAA,EAAI,KAAK,WAAW,KAAK,aAAa,WAAWC,mBAAAA,QAAO,aAAa,IAEtE,UAAU,OAAO,CAAC,EAAE,YAAA;AAGtB,QAAM,gBAAgB,MAAM;AAC1B,qBAAiB,CAAC,aAAa;AAAA,EACjC;AAGAC,QAAAA,UAAU,MAAM;AACd,UAAM,qBAAqB,CAAC,UAAsB;AAChD,UACE,WAAW,WACX,CAAC,WAAW,QAAQ,SAAS,MAAM,MAAc,KACjD,UAAU,WACV,CAAC,UAAU,QAAQ,SAAS,MAAM,MAAc,GAChD;AACA,yBAAiB,KAAK;AAAA,MACxB;AAAA,IACF;AAEA,aAAS,iBAAiB,aAAa,kBAAkB;AACzD,WAAO,MAAM;AACX,eAAS,oBAAoB,aAAa,kBAAkB;AAAA,IAC9D;AAAA,EACF,GAAG,CAAA,CAAE;AAEL,SACEC,2BAAAA,KAAC,OAAA,EAAI,WAAWF,mBAAAA,QAAO,aACrB,UAAA;AAAA,IAAAE,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,QACL,WAAWF,mBAAAA,QAAO;AAAA,QAClB,SAAS;AAAA,QAET,UAAA;AAAA,UAAAD,2BAAAA,IAAC,OAAA,EAAI,WAAWC,mBAAAA,QAAO,YAAa,UAAA,eAAc;AAAA,UAClDD,2BAAAA,IAAC,QAAA,EAAK,WAAWC,mBAAAA,QAAO,UAAW,UAAA,YAAA,CAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGhD,iBACCE,2BAAAA,KAAC,OAAA,EAAI,KAAK,YAAY,WAAWF,mBAAAA,QAAO,SACtC,UAAA;AAAA,MAAAE,2BAAAA,KAAC,OAAA,EAAI,WAAWF,mBAAAA,QAAO,iBACrB,UAAA;AAAA,QAAAD,2BAAAA,IAAC,OAAA,EAAI,WAAWC,mBAAAA,QAAO,eAAgB,UAAA,eAAc;AAAA,QACrDD,2BAAAA,IAAC,QAAA,EAAK,WAAWC,mBAAAA,QAAO,iBAAkB,UAAA,YAAA,CAAY;AAAA,MAAA,GACxD;AAAA,MAEAE,2BAAAA,KAAC,OAAA,EAAI,WAAWF,mBAAAA,QAAO,gBACrB,UAAA;AAAA,QAAAD,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWC,mBAAAA,QAAO;AAAA,YAClB,SAAS,MAAM;AACb;AACA,+BAAiB,KAAK;AAAA,YACxB;AAAA,YACD,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGA,kBACCD,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWC,mBAAAA,QAAO;AAAA,YAClB,SAAS,MAAM;AACb;AACA,+BAAiB,KAAK;AAAA,YACxB;AAAA,YACD,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED,EAAA,CAEJ;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ;;"}

package/dist/src/components/legacyNavMenu/UserProfile.js

@@ -0,0 +1,78 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useRef, useEffect } from "react";
+import styles from "./UserProfile.module.css.js";
+const UserProfile = ({
+  firstName,
+  lastName,
+  avatarUrl,
+  onLogOut,
+  onChangeClient
+}) => {
+  const [isPopoverOpen, setIsPopoverOpen] = useState(false);
+  const popoverRef = useRef(null);
+  const buttonRef = useRef(null);
+  const displayName = lastName ? `${firstName} ${lastName}` : firstName;
+  const avatarDisplay = avatarUrl ? /* @__PURE__ */ jsx("img", { src: avatarUrl, alt: displayName, className: styles.avatarImage }) : firstName.charAt(0).toUpperCase();
+  const togglePopover = () => {
+    setIsPopoverOpen(!isPopoverOpen);
+  };
+  useEffect(() => {
+    const handleClickOutside = (event) => {
+      if (popoverRef.current && !popoverRef.current.contains(event.target) && buttonRef.current && !buttonRef.current.contains(event.target)) {
+        setIsPopoverOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, []);
+  return /* @__PURE__ */ jsxs("div", { className: styles.userSection, children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        ref: buttonRef,
+        className: styles.userProfile,
+        onClick: togglePopover,
+        children: [
+          /* @__PURE__ */ jsx("div", { className: styles.userAvatar, children: avatarDisplay }),
+          /* @__PURE__ */ jsx("span", { className: styles.userName, children: displayName })
+        ]
+      }
+    ),
+    isPopoverOpen && /* @__PURE__ */ jsxs("div", { ref: popoverRef, className: styles.popover, children: [
+      /* @__PURE__ */ jsxs("div", { className: styles.popoverUserInfo, children: [
+        /* @__PURE__ */ jsx("div", { className: styles.popoverAvatar, children: avatarDisplay }),
+        /* @__PURE__ */ jsx("span", { className: styles.popoverUserName, children: displayName })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: styles.popoverActions, children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            className: styles.logOutButton,
+            onClick: () => {
+              onLogOut == null ? void 0 : onLogOut();
+              setIsPopoverOpen(false);
+            },
+            children: "LOG OUT"
+          }
+        ),
+        onChangeClient && /* @__PURE__ */ jsx(
+          "button",
+          {
+            className: styles.changeClientButton,
+            onClick: () => {
+              onChangeClient == null ? void 0 : onChangeClient();
+              setIsPopoverOpen(false);
+            },
+            children: "CHANGE CLIENT"
+          }
+        )
+      ] })
+    ] })
+  ] });
+};
+export {
+  UserProfile
+};
+//# sourceMappingURL=UserProfile.js.map

package/dist/src/components/legacyNavMenu/UserProfile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserProfile.js","sources":["../../../../src/components/legacyNavMenu/UserProfile.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react'\nimport styles from './UserProfile.module.css'\n\nexport interface UserProfileProps {\n  firstName: string\n  lastName?: string\n  avatarUrl?: string\n  onLogOut?: () => void\n  onChangeClient?: () => void\n}\n\nexport const UserProfile: React.FC<UserProfileProps> = ({\n  firstName,\n  lastName,\n  avatarUrl,\n  onLogOut,\n  onChangeClient,\n}) => {\n  const [isPopoverOpen, setIsPopoverOpen] = useState(false)\n  const popoverRef = useRef<HTMLDivElement>(null)\n  const buttonRef = useRef<HTMLButtonElement>(null)\n\n  // Create display name and avatar\n  const displayName = lastName ? `${firstName} ${lastName}` : firstName\n  const avatarDisplay = avatarUrl ? (\n    <img src={avatarUrl} alt={displayName} className={styles.avatarImage} />\n  ) : (\n    firstName.charAt(0).toUpperCase()\n  )\n\n  const togglePopover = () => {\n    setIsPopoverOpen(!isPopoverOpen)\n  }\n\n  // Close popover when clicking outside\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        popoverRef.current &&\n        !popoverRef.current.contains(event.target as Node) &&\n        buttonRef.current &&\n        !buttonRef.current.contains(event.target as Node)\n      ) {\n        setIsPopoverOpen(false)\n      }\n    }\n\n    document.addEventListener('mousedown', handleClickOutside)\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside)\n    }\n  }, [])\n\n  return (\n    <div className={styles.userSection}>\n      <button\n        ref={buttonRef}\n        className={styles.userProfile}\n        onClick={togglePopover}\n      >\n        <div className={styles.userAvatar}>{avatarDisplay}</div>\n        <span className={styles.userName}>{displayName}</span>\n      </button>\n\n      {isPopoverOpen && (\n        <div ref={popoverRef} className={styles.popover}>\n          <div className={styles.popoverUserInfo}>\n            <div className={styles.popoverAvatar}>{avatarDisplay}</div>\n            <span className={styles.popoverUserName}>{displayName}</span>\n          </div>\n\n          <div className={styles.popoverActions}>\n            <button\n              className={styles.logOutButton}\n              onClick={() => {\n                onLogOut?.()\n                setIsPopoverOpen(false)\n              }}\n            >\n              LOG OUT\n            </button>\n            {onChangeClient && (\n              <button\n                className={styles.changeClientButton}\n                onClick={() => {\n                  onChangeClient?.()\n                  setIsPopoverOpen(false)\n                }}\n              >\n                CHANGE CLIENT\n              </button>\n            )}\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;AAWO,MAAM,cAA0C,CAAC;AAAA,EACtD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,KAAK;AACxD,QAAM,aAAa,OAAuB,IAAI;AAC9C,QAAM,YAAY,OAA0B,IAAI;AAGhD,QAAM,cAAc,WAAW,GAAG,SAAS,IAAI,QAAQ,KAAK;AAC5D,QAAM,gBAAgB,YACpB,oBAAC,OAAA,EAAI,KAAK,WAAW,KAAK,aAAa,WAAW,OAAO,aAAa,IAEtE,UAAU,OAAO,CAAC,EAAE,YAAA;AAGtB,QAAM,gBAAgB,MAAM;AAC1B,qBAAiB,CAAC,aAAa;AAAA,EACjC;AAGA,YAAU,MAAM;AACd,UAAM,qBAAqB,CAAC,UAAsB;AAChD,UACE,WAAW,WACX,CAAC,WAAW,QAAQ,SAAS,MAAM,MAAc,KACjD,UAAU,WACV,CAAC,UAAU,QAAQ,SAAS,MAAM,MAAc,GAChD;AACA,yBAAiB,KAAK;AAAA,MACxB;AAAA,IACF;AAEA,aAAS,iBAAiB,aAAa,kBAAkB;AACzD,WAAO,MAAM;AACX,eAAS,oBAAoB,aAAa,kBAAkB;AAAA,IAC9D;AAAA,EACF,GAAG,CAAA,CAAE;AAEL,SACE,qBAAC,OAAA,EAAI,WAAW,OAAO,aACrB,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,QACL,WAAW,OAAO;AAAA,QAClB,SAAS;AAAA,QAET,UAAA;AAAA,UAAA,oBAAC,OAAA,EAAI,WAAW,OAAO,YAAa,UAAA,eAAc;AAAA,UAClD,oBAAC,QAAA,EAAK,WAAW,OAAO,UAAW,UAAA,YAAA,CAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGhD,iBACC,qBAAC,OAAA,EAAI,KAAK,YAAY,WAAW,OAAO,SACtC,UAAA;AAAA,MAAA,qBAAC,OAAA,EAAI,WAAW,OAAO,iBACrB,UAAA;AAAA,QAAA,oBAAC,OAAA,EAAI,WAAW,OAAO,eAAgB,UAAA,eAAc;AAAA,QACrD,oBAAC,QAAA,EAAK,WAAW,OAAO,iBAAkB,UAAA,YAAA,CAAY;AAAA,MAAA,GACxD;AAAA,MAEA,qBAAC,OAAA,EAAI,WAAW,OAAO,gBACrB,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,OAAO;AAAA,YAClB,SAAS,MAAM;AACb;AACA,+BAAiB,KAAK;AAAA,YACxB;AAAA,YACD,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGA,kBACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,OAAO;AAAA,YAClB,SAAS,MAAM;AACb;AACA,+BAAiB,KAAK;AAAA,YACxB;AAAA,YACD,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED,EAAA,CAEJ;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/src/components/legacyNavMenu/UserProfile.module.css.cjs

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const userSection = "_userSection_r06sp_2";
+const userProfile = "_userProfile_r06sp_7";
+const userAvatar = "_userAvatar_r06sp_24";
+const avatarImage = "_avatarImage_r06sp_38";
+const userName = "_userName_r06sp_44";
+const popover = "_popover_r06sp_55";
+const popoverUserInfo = "_popoverUserInfo_r06sp_78";
+const popoverAvatar = "_popoverAvatar_r06sp_86";
+const popoverUserName = "_popoverUserName_r06sp_105";
+const popoverActions = "_popoverActions_r06sp_113";
+const logOutButton = "_logOutButton_r06sp_138";
+const changeClientButton = "_changeClientButton_r06sp_143";
+const styles = {
+  userSection,
+  userProfile,
+  userAvatar,
+  avatarImage,
+  userName,
+  popover,
+  popoverUserInfo,
+  popoverAvatar,
+  popoverUserName,
+  popoverActions,
+  logOutButton,
+  changeClientButton
+};
+exports.avatarImage = avatarImage;
+exports.changeClientButton = changeClientButton;
+exports.default = styles;
+exports.logOutButton = logOutButton;
+exports.popover = popover;
+exports.popoverActions = popoverActions;
+exports.popoverAvatar = popoverAvatar;
+exports.popoverUserInfo = popoverUserInfo;
+exports.popoverUserName = popoverUserName;
+exports.userAvatar = userAvatar;
+exports.userName = userName;
+exports.userProfile = userProfile;
+exports.userSection = userSection;
+//# sourceMappingURL=UserProfile.module.css.cjs.map

package/dist/src/components/legacyNavMenu/UserProfile.module.css.cjs.map

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

package/dist/src/components/legacyNavMenu/UserProfile.module.css.js

@@ -0,0 +1,42 @@
+const userSection = "_userSection_r06sp_2";
+const userProfile = "_userProfile_r06sp_7";
+const userAvatar = "_userAvatar_r06sp_24";
+const avatarImage = "_avatarImage_r06sp_38";
+const userName = "_userName_r06sp_44";
+const popover = "_popover_r06sp_55";
+const popoverUserInfo = "_popoverUserInfo_r06sp_78";
+const popoverAvatar = "_popoverAvatar_r06sp_86";
+const popoverUserName = "_popoverUserName_r06sp_105";
+const popoverActions = "_popoverActions_r06sp_113";
+const logOutButton = "_logOutButton_r06sp_138";
+const changeClientButton = "_changeClientButton_r06sp_143";
+const styles = {
+  userSection,
+  userProfile,
+  userAvatar,
+  avatarImage,
+  userName,
+  popover,
+  popoverUserInfo,
+  popoverAvatar,
+  popoverUserName,
+  popoverActions,
+  logOutButton,
+  changeClientButton
+};
+export {
+  avatarImage,
+  changeClientButton,
+  styles as default,
+  logOutButton,
+  popover,
+  popoverActions,
+  popoverAvatar,
+  popoverUserInfo,
+  popoverUserName,
+  userAvatar,
+  userName,
+  userProfile,
+  userSection
+};
+//# sourceMappingURL=UserProfile.module.css.js.map

package/dist/src/components/legacyNavMenu/UserProfile.module.css.js.map

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

package/dist/src/components/listpopover/ListPopover.cjs

@@ -0,0 +1,125 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const cx = require("classnames");
+const Popover = require("../popover/Popover.cjs");
+const Button = require("../button/Button.cjs");
+const react = require("@phosphor-icons/react");
+const ListPopover_module = require("./ListPopover.module.css.cjs");
+const Tooltip = require("../tooltip/Tooltip.cjs");
+const CopyButton = ({
+  openMessage,
+  textToCopy
+}) => /* @__PURE__ */ jsxRuntime.jsx(Tooltip.Tooltip, { title: "Copy to Clipboard", className: "ml-2", arrow: false, children: /* @__PURE__ */ jsxRuntime.jsx(
+  Button.Button,
+  {
+    type: "text",
+    icon: /* @__PURE__ */ jsxRuntime.jsx(
+      react.CopyIcon,
+      {
+        onClick: () => {
+          navigator.clipboard.writeText(textToCopy);
+          openMessage("success", "Copied to Clipboard");
+        }
+      }
+    )
+  }
+) });
+const StringListItem = ({
+  item,
+  openMessage,
+  renderItem
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx("flex items-center"), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx("overflow-hidden text-nowrap text-ellipsis"), children: renderItem ? renderItem(item) : item }),
+    /* @__PURE__ */ jsxRuntime.jsx(CopyButton, { openMessage, textToCopy: item })
+  ] }, item);
+};
+const ObjectListItem = ({
+  item,
+  openMessage,
+  index,
+  renderItem
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx({ "mt-2": index != 0 }), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "p",
+      {
+        className: cx(
+          "overflow-hidden text-nowrap text-ellipsis",
+          ListPopover_module.default.categoryName
+        ),
+        title: item.categoryName,
+        children: item.categoryName
+      }
+    ),
+    item.items.map((subItem, index2) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx("flex items-center"), children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx("overflow-hidden text-nowrap text-ellipsis"), children: renderItem ? renderItem(subItem) : subItem }),
+      /* @__PURE__ */ jsxRuntime.jsx(CopyButton, { openMessage, textToCopy: subItem })
+    ] }, `${subItem}:${index2}`))
+  ] });
+};
+const PopoverContent = ({
+  items,
+  openMessage,
+  renderItem
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx("max-w-[400px] max-h-[198px]"), children: items.map(
+    (item, i) => typeof item === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+      StringListItem,
+      {
+        item,
+        openMessage,
+        renderItem
+      },
+      item
+    ) : /* @__PURE__ */ jsxRuntime.jsx(
+      ObjectListItem,
+      {
+        index: i,
+        item,
+        openMessage,
+        renderItem
+      },
+      item.categoryName
+    )
+  ) });
+};
+const ListPopover = ({
+  children,
+  items,
+  column,
+  openMessage,
+  renderItem
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Popover.Popover,
+    {
+      title: `${column} (${items.length})`,
+      content: /* @__PURE__ */ jsxRuntime.jsx(
+        PopoverContent,
+        {
+          items,
+          openMessage,
+          renderItem
+        }
+      ),
+      trigger: "click",
+      scrollable: true,
+      arrow: false,
+      contentPadding: false,
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
+        Button.Button,
+        {
+          className: cx(
+            "p-0 h-auto w-full overflow-hidden text-left justify-start"
+          ),
+          type: items.length > 0 ? "link" : "text",
+          children
+        }
+      ) })
+    }
+  );
+};
+exports.ListPopover = ListPopover;
+//# sourceMappingURL=ListPopover.cjs.map

package/dist/src/components/listpopover/ListPopover.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListPopover.cjs","sources":["../../../../src/components/listpopover/ListPopover.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport cx from 'classnames'\nimport { Popover } from '../popover/Popover'\nimport { Button } from '../button/Button'\nimport { CopyIcon } from '@phosphor-icons/react'\nimport { Tooltip } from '../tooltip'\nimport { OpenMessageFunc } from '../message/useMessage'\nimport s from './ListPopover.module.css'\n\nexport type PopoverObjectItem = { categoryName: string; items: string[] }\nexport type PopoverItem = string | PopoverObjectItem\n\ntype _ContentProps = {\n  items: PopoverItem[]\n  openMessage: OpenMessageFunc\n  renderItem?: (label: string) => ReactNode\n}\n\ntype PopoverContentProps = Expand<_ContentProps>\n\nconst CopyButton = ({\n  openMessage,\n  textToCopy,\n}: {\n  openMessage: OpenMessageFunc\n  textToCopy: string\n}) => (\n  <Tooltip title=\"Copy to Clipboard\" className=\"ml-2\" arrow={false}>\n    <Button\n      type=\"text\"\n      icon={\n        <CopyIcon\n          onClick={() => {\n            navigator.clipboard.writeText(textToCopy)\n            openMessage('success', 'Copied to Clipboard')\n          }}\n        />\n      }\n    ></Button>\n  </Tooltip>\n)\n\nconst StringListItem = ({\n  item,\n  openMessage,\n  renderItem,\n}: {\n  item: string\n  openMessage: OpenMessageFunc\n  renderItem?: (label: string) => ReactNode\n}) => {\n  return (\n    <div key={item} className={cx('flex items-center')}>\n      <div className={cx('overflow-hidden text-nowrap text-ellipsis')}>\n        {renderItem ? renderItem(item) : item}\n      </div>\n      <CopyButton openMessage={openMessage} textToCopy={item} />\n    </div>\n  )\n}\n\nconst ObjectListItem = ({\n  item,\n  openMessage,\n  index,\n  renderItem,\n}: {\n  item: PopoverObjectItem\n  openMessage: OpenMessageFunc\n  index: number\n  renderItem?: (label: string) => ReactNode\n}) => {\n  return (\n    <div className={cx({ 'mt-2': index != 0 })}>\n      <p\n        className={cx(\n          'overflow-hidden text-nowrap text-ellipsis',\n          s.categoryName\n        )}\n        title={item.categoryName}\n      >\n        {item.categoryName}\n      </p>\n      {item.items.map((subItem, index) => (\n        <div key={`${subItem}:${index}`} className={cx('flex items-center')}>\n          <div className={cx('overflow-hidden text-nowrap text-ellipsis')}>\n            {renderItem ? renderItem(subItem) : subItem}\n          </div>\n          <CopyButton openMessage={openMessage} textToCopy={subItem} />\n        </div>\n      ))}\n    </div>\n  )\n}\n\nconst PopoverContent = ({\n  items,\n  openMessage,\n  renderItem,\n}: PopoverContentProps) => {\n  return (\n    <div className={cx('max-w-[400px] max-h-[198px]')}>\n      {items.map((item, i) =>\n        typeof item === 'string' ? (\n          <StringListItem\n            key={item}\n            item={item}\n            openMessage={openMessage}\n            renderItem={renderItem}\n          />\n        ) : (\n          <ObjectListItem\n            index={i}\n            key={item.categoryName}\n            item={item}\n            openMessage={openMessage}\n            renderItem={renderItem}\n          />\n        )\n      )}\n    </div>\n  )\n}\n\ntype Props = {\n  items: PopoverItem[]\n  column: string\n  openMessage: OpenMessageFunc\n  children: React.ReactNode\n  renderItem?: (label: string) => ReactNode\n}\n\nexport type ListPopoverProps = Expand<Props>\n\nconst ListPopover = ({\n  children,\n  items,\n  column,\n  openMessage,\n  renderItem,\n}: ListPopoverProps) => {\n  return (\n    <Popover\n      title={`${column} (${items.length})`}\n      content={\n        <PopoverContent\n          items={items}\n          openMessage={openMessage}\n          renderItem={renderItem}\n        />\n      }\n      trigger=\"click\"\n      scrollable={true}\n      arrow={false}\n      contentPadding={false}\n    >\n      <div className=\"w-full overflow-hidden\">\n        <Button\n          className={cx(\n            'p-0 h-auto w-full overflow-hidden text-left justify-start'\n          )}\n          type={items.length > 0 ? 'link' : 'text'}\n        >\n          {children}\n        </Button>\n      </div>\n    </Popover>\n  )\n}\n\nexport { ListPopover }\n"],"names":["Tooltip","jsx","Button","CopyIcon","jsxs","s","index","Popover"],"mappings":"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"}

package/dist/src/components/listpopover/ListPopover.js

@@ -0,0 +1,125 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import cx from "classnames";
+import { Popover } from "../popover/Popover.js";
+import { Button } from "../button/Button.js";
+import { CopyIcon } from "@phosphor-icons/react";
+import s from "./ListPopover.module.css.js";
+import { Tooltip } from "../tooltip/Tooltip.js";
+const CopyButton = ({
+  openMessage,
+  textToCopy
+}) => /* @__PURE__ */ jsx(Tooltip, { title: "Copy to Clipboard", className: "ml-2", arrow: false, children: /* @__PURE__ */ jsx(
+  Button,
+  {
+    type: "text",
+    icon: /* @__PURE__ */ jsx(
+      CopyIcon,
+      {
+        onClick: () => {
+          navigator.clipboard.writeText(textToCopy);
+          openMessage("success", "Copied to Clipboard");
+        }
+      }
+    )
+  }
+) });
+const StringListItem = ({
+  item,
+  openMessage,
+  renderItem
+}) => {
+  return /* @__PURE__ */ jsxs("div", { className: cx("flex items-center"), children: [
+    /* @__PURE__ */ jsx("div", { className: cx("overflow-hidden text-nowrap text-ellipsis"), children: renderItem ? renderItem(item) : item }),
+    /* @__PURE__ */ jsx(CopyButton, { openMessage, textToCopy: item })
+  ] }, item);
+};
+const ObjectListItem = ({
+  item,
+  openMessage,
+  index,
+  renderItem
+}) => {
+  return /* @__PURE__ */ jsxs("div", { className: cx({ "mt-2": index != 0 }), children: [
+    /* @__PURE__ */ jsx(
+      "p",
+      {
+        className: cx(
+          "overflow-hidden text-nowrap text-ellipsis",
+          s.categoryName
+        ),
+        title: item.categoryName,
+        children: item.categoryName
+      }
+    ),
+    item.items.map((subItem, index2) => /* @__PURE__ */ jsxs("div", { className: cx("flex items-center"), children: [
+      /* @__PURE__ */ jsx("div", { className: cx("overflow-hidden text-nowrap text-ellipsis"), children: renderItem ? renderItem(subItem) : subItem }),
+      /* @__PURE__ */ jsx(CopyButton, { openMessage, textToCopy: subItem })
+    ] }, `${subItem}:${index2}`))
+  ] });
+};
+const PopoverContent = ({
+  items,
+  openMessage,
+  renderItem
+}) => {
+  return /* @__PURE__ */ jsx("div", { className: cx("max-w-[400px] max-h-[198px]"), children: items.map(
+    (item, i) => typeof item === "string" ? /* @__PURE__ */ jsx(
+      StringListItem,
+      {
+        item,
+        openMessage,
+        renderItem
+      },
+      item
+    ) : /* @__PURE__ */ jsx(
+      ObjectListItem,
+      {
+        index: i,
+        item,
+        openMessage,
+        renderItem
+      },
+      item.categoryName
+    )
+  ) });
+};
+const ListPopover = ({
+  children,
+  items,
+  column,
+  openMessage,
+  renderItem
+}) => {
+  return /* @__PURE__ */ jsx(
+    Popover,
+    {
+      title: `${column} (${items.length})`,
+      content: /* @__PURE__ */ jsx(
+        PopoverContent,
+        {
+          items,
+          openMessage,
+          renderItem
+        }
+      ),
+      trigger: "click",
+      scrollable: true,
+      arrow: false,
+      contentPadding: false,
+      children: /* @__PURE__ */ jsx("div", { className: "w-full overflow-hidden", children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          className: cx(
+            "p-0 h-auto w-full overflow-hidden text-left justify-start"
+          ),
+          type: items.length > 0 ? "link" : "text",
+          children
+        }
+      ) })
+    }
+  );
+};
+export {
+  ListPopover
+};
+//# sourceMappingURL=ListPopover.js.map

package/dist/src/components/listpopover/ListPopover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListPopover.js","sources":["../../../../src/components/listpopover/ListPopover.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport cx from 'classnames'\nimport { Popover } from '../popover/Popover'\nimport { Button } from '../button/Button'\nimport { CopyIcon } from '@phosphor-icons/react'\nimport { Tooltip } from '../tooltip'\nimport { OpenMessageFunc } from '../message/useMessage'\nimport s from './ListPopover.module.css'\n\nexport type PopoverObjectItem = { categoryName: string; items: string[] }\nexport type PopoverItem = string | PopoverObjectItem\n\ntype _ContentProps = {\n  items: PopoverItem[]\n  openMessage: OpenMessageFunc\n  renderItem?: (label: string) => ReactNode\n}\n\ntype PopoverContentProps = Expand<_ContentProps>\n\nconst CopyButton = ({\n  openMessage,\n  textToCopy,\n}: {\n  openMessage: OpenMessageFunc\n  textToCopy: string\n}) => (\n  <Tooltip title=\"Copy to Clipboard\" className=\"ml-2\" arrow={false}>\n    <Button\n      type=\"text\"\n      icon={\n        <CopyIcon\n          onClick={() => {\n            navigator.clipboard.writeText(textToCopy)\n            openMessage('success', 'Copied to Clipboard')\n          }}\n        />\n      }\n    ></Button>\n  </Tooltip>\n)\n\nconst StringListItem = ({\n  item,\n  openMessage,\n  renderItem,\n}: {\n  item: string\n  openMessage: OpenMessageFunc\n  renderItem?: (label: string) => ReactNode\n}) => {\n  return (\n    <div key={item} className={cx('flex items-center')}>\n      <div className={cx('overflow-hidden text-nowrap text-ellipsis')}>\n        {renderItem ? renderItem(item) : item}\n      </div>\n      <CopyButton openMessage={openMessage} textToCopy={item} />\n    </div>\n  )\n}\n\nconst ObjectListItem = ({\n  item,\n  openMessage,\n  index,\n  renderItem,\n}: {\n  item: PopoverObjectItem\n  openMessage: OpenMessageFunc\n  index: number\n  renderItem?: (label: string) => ReactNode\n}) => {\n  return (\n    <div className={cx({ 'mt-2': index != 0 })}>\n      <p\n        className={cx(\n          'overflow-hidden text-nowrap text-ellipsis',\n          s.categoryName\n        )}\n        title={item.categoryName}\n      >\n        {item.categoryName}\n      </p>\n      {item.items.map((subItem, index) => (\n        <div key={`${subItem}:${index}`} className={cx('flex items-center')}>\n          <div className={cx('overflow-hidden text-nowrap text-ellipsis')}>\n            {renderItem ? renderItem(subItem) : subItem}\n          </div>\n          <CopyButton openMessage={openMessage} textToCopy={subItem} />\n        </div>\n      ))}\n    </div>\n  )\n}\n\nconst PopoverContent = ({\n  items,\n  openMessage,\n  renderItem,\n}: PopoverContentProps) => {\n  return (\n    <div className={cx('max-w-[400px] max-h-[198px]')}>\n      {items.map((item, i) =>\n        typeof item === 'string' ? (\n          <StringListItem\n            key={item}\n            item={item}\n            openMessage={openMessage}\n            renderItem={renderItem}\n          />\n        ) : (\n          <ObjectListItem\n            index={i}\n            key={item.categoryName}\n            item={item}\n            openMessage={openMessage}\n            renderItem={renderItem}\n          />\n        )\n      )}\n    </div>\n  )\n}\n\ntype Props = {\n  items: PopoverItem[]\n  column: string\n  openMessage: OpenMessageFunc\n  children: React.ReactNode\n  renderItem?: (label: string) => ReactNode\n}\n\nexport type ListPopoverProps = Expand<Props>\n\nconst ListPopover = ({\n  children,\n  items,\n  column,\n  openMessage,\n  renderItem,\n}: ListPopoverProps) => {\n  return (\n    <Popover\n      title={`${column} (${items.length})`}\n      content={\n        <PopoverContent\n          items={items}\n          openMessage={openMessage}\n          renderItem={renderItem}\n        />\n      }\n      trigger=\"click\"\n      scrollable={true}\n      arrow={false}\n      contentPadding={false}\n    >\n      <div className=\"w-full overflow-hidden\">\n        <Button\n          className={cx(\n            'p-0 h-auto w-full overflow-hidden text-left justify-start'\n          )}\n          type={items.length > 0 ? 'link' : 'text'}\n        >\n          {children}\n        </Button>\n      </div>\n    </Popover>\n  )\n}\n\nexport { ListPopover }\n"],"names":["index"],"mappings":"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"}