@oneuptime/common 9.3.4 → 9.3.6

package/build/dist/UI/Components/Navbar/NavBarMenu.js

@@ -1,6 +1,8 @@
 import Link from "../Link/Link";
+import Icon from "../Icon/Icon";
+import IconProp from "../../../Types/Icon/IconProp";
 import React from "react";
-const NavBarItem = (props) => {
+const NavBarMenu = (props) => {
     let children;
     if (!Array.isArray(props.children) && props.children) {
         children = [props.children];
@@ -8,14 +10,28 @@ const NavBarItem = (props) => {
     else {
         children = props.children;
     }
-    return (React.createElement("div", { className: "absolute left-1/3 z-10 mt-10 w-screen max-w-md -translate-x-1/2 transform px-2 sm:px-0 lg:max-w-3xl" },
-        React.createElement("div", { className: "overflow-hidden rounded-lg shadow-lg ring-1 ring-black ring-opacity-5" },
-            React.createElement("div", { className: "relative grid gap-6 bg-white px-5 py-6 sm:gap-8 sm:p-8 lg:grid-cols-2" }, children),
-            props.footer && (React.createElement("div", { className: "bg-gray-50 p-5 sm:p-8" },
-                React.createElement(Link, { to: props.footer.link, openInNewTab: true, className: "-m-3 flow-root rounded-md p-3 transition duration-150 ease-in-out hover:bg-gray-100" },
-                    React.createElement("span", { className: "flex items-center" },
-                        React.createElement("span", { className: "text-base font-medium text-gray-900" }, props.footer.title)),
-                    React.createElement("span", { className: "mt-1 block text-sm text-gray-500 text-left" }, props.footer.description)))))));
+    // Calculate number of columns based on items count
+    const itemCount = children.length;
+    const columnClass = itemCount <= 4
+        ? "lg:grid-cols-2"
+        : itemCount <= 6
+            ? "lg:grid-cols-3"
+            : "lg:grid-cols-3";
+    const maxWidthClass = itemCount <= 4
+        ? "lg:max-w-xl"
+        : itemCount <= 6
+            ? "lg:max-w-2xl"
+            : "lg:max-w-3xl";
+    return (React.createElement("div", { className: `absolute left-1/2 z-10 mt-8 w-screen max-w-md -translate-x-1/2 transform px-2 sm:px-0 ${maxWidthClass}` },
+        React.createElement("div", { className: "overflow-hidden rounded-2xl shadow-xl ring-1 ring-black ring-opacity-5 bg-white" },
+            React.createElement("div", { className: `relative grid gap-1 p-4 ${columnClass}` }, children),
+            props.footer && (React.createElement("div", { className: "border-t border-gray-100 bg-gray-50 px-4 py-4" },
+                React.createElement(Link, { to: props.footer.link, openInNewTab: true, className: "group flex items-center gap-3 rounded-lg p-2.5 -m-2 transition-colors hover:bg-gray-100" },
+                    React.createElement("div", { className: "flex h-9 w-9 flex-shrink-0 items-center justify-center rounded-lg bg-gray-100 ring-1 ring-gray-200 group-hover:bg-gray-200 group-hover:ring-gray-300 transition-all" },
+                        React.createElement(Icon, { icon: IconProp.GitHub, className: "h-5 w-5 text-gray-700" })),
+                    React.createElement("div", { className: "flex-1 min-w-0 text-left" },
+                        React.createElement("p", { className: "text-sm font-medium text-gray-900" }, props.footer.title),
+                        React.createElement("p", { className: "text-xs text-gray-500" }, props.footer.description))))))));
 };
-export default NavBarItem;
+export default NavBarMenu;
 //# sourceMappingURL=NavBarMenu.js.map

package/build/dist/UI/Components/Navbar/NavBarMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavBarMenu.js","sourceRoot":"","sources":["../../../../../UI/Components/Navbar/NavBarMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,cAAc,CAAC;AAEhC,OAAO,KAA0C,MAAM,OAAO,CAAC;AAW/D,MAAM,UAAU,GAAsC,CACpD,KAAqB,EACP,EAAE;IAChB,IAAI,QAA6B,CAAC;IAClC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;QACrD,QAAQ,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC9B,CAAC;SAAM,CAAC;QACN,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC;IAC5B,CAAC;IACD,OAAO,CACL,6BAAK,SAAS,EAAC,qGAAqG;QAClH,6BAAK,SAAS,EAAC,uEAAuE;YACpF,6BAAK,SAAS,EAAC,uEAAuE,IACnF,QAAQ,CACL;YACL,KAAK,CAAC,MAAM,IAAI,CACf,6BAAK,SAAS,EAAC,uBAAuB;gBACpC,oBAAC,IAAI,IACH,EAAE,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,EACrB,YAAY,EAAE,IAAI,EAClB,SAAS,EAAC,qFAAqF;oBAE/F,8BAAM,SAAS,EAAC,mBAAmB;wBACjC,8BAAM,SAAS,EAAC,qCAAqC,IAClD,KAAK,CAAC,MAAM,CAAC,KAAK,CACd,CACF;oBACP,8BAAM,SAAS,EAAC,4CAA4C,IACzD,KAAK,CAAC,MAAM,CAAC,WAAW,CACpB,CACF,CACH,CACP,CACG,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"NavBarMenu.js","sourceRoot":"","sources":["../../../../../UI/Components/Navbar/NavBarMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,cAAc,CAAC;AAChC,OAAO,IAAI,MAAM,cAAc,CAAC;AAChC,OAAO,QAAQ,MAAM,8BAA8B,CAAC;AAEpD,OAAO,KAA0C,MAAM,OAAO,CAAC;AAgB/D,MAAM,UAAU,GAAsC,CACpD,KAAqB,EACP,EAAE;IAChB,IAAI,QAA6B,CAAC;IAClC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;QACrD,QAAQ,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC9B,CAAC;SAAM,CAAC;QACN,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC;IAC5B,CAAC;IAED,mDAAmD;IACnD,MAAM,SAAS,GAAW,QAAQ,CAAC,MAAM,CAAC;IAC1C,MAAM,WAAW,GACf,SAAS,IAAI,CAAC;QACZ,CAAC,CAAC,gBAAgB;QAClB,CAAC,CAAC,SAAS,IAAI,CAAC;YACd,CAAC,CAAC,gBAAgB;YAClB,CAAC,CAAC,gBAAgB,CAAC;IACzB,MAAM,aAAa,GACjB,SAAS,IAAI,CAAC;QACZ,CAAC,CAAC,aAAa;QACf,CAAC,CAAC,SAAS,IAAI,CAAC;YACd,CAAC,CAAC,cAAc;YAChB,CAAC,CAAC,cAAc,CAAC;IAEvB,OAAO,CACL,6BACE,SAAS,EAAE,yFAAyF,aAAa,EAAE;QAEnH,6BAAK,SAAS,EAAC,iFAAiF;YAE9F,6BAAK,SAAS,EAAE,2BAA2B,WAAW,EAAE,IACrD,QAAQ,CACL;YAGL,KAAK,CAAC,MAAM,IAAI,CACf,6BAAK,SAAS,EAAC,+CAA+C;gBAC5D,oBAAC,IAAI,IACH,EAAE,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,EACrB,YAAY,EAAE,IAAI,EAClB,SAAS,EAAC,yFAAyF;oBAEnG,6BAAK,SAAS,EAAC,qKAAqK;wBAClL,oBAAC,IAAI,IACH,IAAI,EAAE,QAAQ,CAAC,MAAM,EACrB,SAAS,EAAC,uBAAuB,GACjC,CACE;oBACN,6BAAK,SAAS,EAAC,0BAA0B;wBACvC,2BAAG,SAAS,EAAC,mCAAmC,IAC7C,KAAK,CAAC,MAAM,CAAC,KAAK,CACjB;wBACJ,2BAAG,SAAS,EAAC,uBAAuB,IACjC,KAAK,CAAC,MAAM,CAAC,WAAW,CACvB,CACA,CACD,CACH,CACP,CACG,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/build/dist/UI/Components/Navbar/NavBarMenuItem.js

@@ -2,13 +2,79 @@ import Icon from "../Icon/Icon";
 import Link from "../Link/Link";
 import React from "react";
 const NavBarMenuItem = (props) => {
+    // Default to indigo if no color specified
+    const colorName = props.iconColor || "indigo";
+    // Map color names to their respective Tailwind classes
+    const colorClasses = {
+        purple: {
+            bg: "bg-purple-50",
+            ring: "ring-purple-200",
+            hoverBg: "hover:bg-purple-50",
+            hoverRing: "group-hover:ring-purple-300",
+        },
+        blue: {
+            bg: "bg-blue-50",
+            ring: "ring-blue-200",
+            hoverBg: "hover:bg-blue-50",
+            hoverRing: "group-hover:ring-blue-300",
+        },
+        gray: {
+            bg: "bg-gray-100",
+            ring: "ring-gray-300",
+            hoverBg: "hover:bg-gray-50",
+            hoverRing: "group-hover:ring-gray-400",
+        },
+        amber: {
+            bg: "bg-amber-50",
+            ring: "ring-amber-200",
+            hoverBg: "hover:bg-amber-50",
+            hoverRing: "group-hover:ring-amber-300",
+        },
+        green: {
+            bg: "bg-green-50",
+            ring: "ring-green-200",
+            hoverBg: "hover:bg-green-50",
+            hoverRing: "group-hover:ring-green-300",
+        },
+        cyan: {
+            bg: "bg-cyan-50",
+            ring: "ring-cyan-200",
+            hoverBg: "hover:bg-cyan-50",
+            hoverRing: "group-hover:ring-cyan-300",
+        },
+        slate: {
+            bg: "bg-slate-100",
+            ring: "ring-slate-300",
+            hoverBg: "hover:bg-slate-50",
+            hoverRing: "group-hover:ring-slate-400",
+        },
+        indigo: {
+            bg: "bg-indigo-50",
+            ring: "ring-indigo-200",
+            hoverBg: "hover:bg-indigo-50",
+            hoverRing: "group-hover:ring-indigo-300",
+        },
+        rose: {
+            bg: "bg-rose-50",
+            ring: "ring-rose-200",
+            hoverBg: "hover:bg-rose-50",
+            hoverRing: "group-hover:ring-rose-300",
+        },
+        violet: {
+            bg: "bg-violet-50",
+            ring: "ring-violet-200",
+            hoverBg: "hover:bg-violet-50",
+            hoverRing: "group-hover:ring-violet-300",
+        },
+    };
+    const colors = colorClasses[colorName] || colorClasses["indigo"];
     return (React.createElement("div", { className: "dropdown" },
-        React.createElement(Link, { onClick: props.onClick, to: props.route, className: "-m-3 text-left flex items-start rounded-lg p-3 transition duration-150 ease-in-out hover:bg-gray-50" },
-            React.createElement("div", { className: "flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-md bg-indigo-500 text-white sm:h-12 sm:w-12" },
-                React.createElement(Icon, { icon: props.icon, className: "h-6 w-6" })),
-            React.createElement("div", { className: "ml-4" },
-                React.createElement("p", { className: "text-base font-medium text-gray-900" }, props.title),
-                React.createElement("p", { className: "text-sm text-gray-500" }, props.description)))));
+        React.createElement(Link, { onClick: props.onClick, to: props.route, className: `group flex items-center gap-3 rounded-lg p-2.5 transition-colors ${colors.hoverBg}` },
+            React.createElement("div", { className: `flex h-9 w-9 flex-shrink-0 items-center justify-center rounded-lg ${colors.bg} ring-1 ${colors.ring} ${colors.hoverRing} transition-all` },
+                React.createElement(Icon, { icon: props.icon, className: "h-4 w-4 text-gray-600" })),
+            React.createElement("div", { className: "flex-1 min-w-0 text-left" },
+                React.createElement("p", { className: "text-sm font-medium text-gray-900" }, props.title),
+                React.createElement("p", { className: "text-xs text-gray-500" }, props.description)))));
 };
 export default NavBarMenuItem;
 //# sourceMappingURL=NavBarMenuItem.js.map

package/build/dist/UI/Components/Navbar/NavBarMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavBarMenuItem.js","sourceRoot":"","sources":["../../../../../UI/Components/Navbar/NavBarMenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,cAAc,CAAC;AAChC,OAAO,IAAI,MAAM,cAAc,CAAC;AAGhC,OAAO,KAA0C,MAAM,OAAO,CAAC;AAU/D,MAAM,cAAc,GAAsC,CACxD,KAAqB,EACP,EAAE;IAChB,OAAO,CACL,6BAAK,SAAS,EAAC,UAAU;QACvB,oBAAC,IAAI,IACH,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,EAAE,EAAE,KAAK,CAAC,KAAK,EACf,SAAS,EAAC,qGAAqG;YAE/G,6BAAK,SAAS,EAAC,8GAA8G;gBAC3H,oBAAC,IAAI,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,SAAS,EAAC,SAAS,GAAG,CAC1C;YACN,6BAAK,SAAS,EAAC,MAAM;gBACnB,2BAAG,SAAS,EAAC,qCAAqC,IAAE,KAAK,CAAC,KAAK,CAAK;gBACpE,2BAAG,SAAS,EAAC,uBAAuB,IAAE,KAAK,CAAC,WAAW,CAAK,CACxD,CACD,CACH,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"NavBarMenuItem.js","sourceRoot":"","sources":["../../../../../UI/Components/Navbar/NavBarMenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,cAAc,CAAC;AAChC,OAAO,IAAI,MAAM,cAAc,CAAC;AAGhC,OAAO,KAA0C,MAAM,OAAO,CAAC;AAW/D,MAAM,cAAc,GAAsC,CACxD,KAAqB,EACP,EAAE;IAChB,0CAA0C;IAC1C,MAAM,SAAS,GAAW,KAAK,CAAC,SAAS,IAAI,QAAQ,CAAC;IAEtD,uDAAuD;IACvD,MAAM,YAAY,GAGd;QACF,MAAM,EAAE;YACN,EAAE,EAAE,cAAc;YAClB,IAAI,EAAE,iBAAiB;YACvB,OAAO,EAAE,oBAAoB;YAC7B,SAAS,EAAE,6BAA6B;SACzC;QACD,IAAI,EAAE;YACJ,EAAE,EAAE,YAAY;YAChB,IAAI,EAAE,eAAe;YACrB,OAAO,EAAE,kBAAkB;YAC3B,SAAS,EAAE,2BAA2B;SACvC;QACD,IAAI,EAAE;YACJ,EAAE,EAAE,aAAa;YACjB,IAAI,EAAE,eAAe;YACrB,OAAO,EAAE,kBAAkB;YAC3B,SAAS,EAAE,2BAA2B;SACvC;QACD,KAAK,EAAE;YACL,EAAE,EAAE,aAAa;YACjB,IAAI,EAAE,gBAAgB;YACtB,OAAO,EAAE,mBAAmB;YAC5B,SAAS,EAAE,4BAA4B;SACxC;QACD,KAAK,EAAE;YACL,EAAE,EAAE,aAAa;YACjB,IAAI,EAAE,gBAAgB;YACtB,OAAO,EAAE,mBAAmB;YAC5B,SAAS,EAAE,4BAA4B;SACxC;QACD,IAAI,EAAE;YACJ,EAAE,EAAE,YAAY;YAChB,IAAI,EAAE,eAAe;YACrB,OAAO,EAAE,kBAAkB;YAC3B,SAAS,EAAE,2BAA2B;SACvC;QACD,KAAK,EAAE;YACL,EAAE,EAAE,cAAc;YAClB,IAAI,EAAE,gBAAgB;YACtB,OAAO,EAAE,mBAAmB;YAC5B,SAAS,EAAE,4BAA4B;SACxC;QACD,MAAM,EAAE;YACN,EAAE,EAAE,cAAc;YAClB,IAAI,EAAE,iBAAiB;YACvB,OAAO,EAAE,oBAAoB;YAC7B,SAAS,EAAE,6BAA6B;SACzC;QACD,IAAI,EAAE;YACJ,EAAE,EAAE,YAAY;YAChB,IAAI,EAAE,eAAe;YACrB,OAAO,EAAE,kBAAkB;YAC3B,SAAS,EAAE,2BAA2B;SACvC;QACD,MAAM,EAAE;YACN,EAAE,EAAE,cAAc;YAClB,IAAI,EAAE,iBAAiB;YACvB,OAAO,EAAE,oBAAoB;YAC7B,SAAS,EAAE,6BAA6B;SACzC;KACF,CAAC;IAEF,MAAM,MAAM,GAKR,YAAY,CAAC,SAAS,CAAC,IAAI,YAAY,CAAC,QAAQ,CAAE,CAAC;IAEvD,OAAO,CACL,6BAAK,SAAS,EAAC,UAAU;QACvB,oBAAC,IAAI,IACH,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,EAAE,EAAE,KAAK,CAAC,KAAK,EACf,SAAS,EAAE,oEAAoE,MAAM,CAAC,OAAO,EAAE;YAE/F,6BACE,SAAS,EAAE,qEAAqE,MAAM,CAAC,EAAE,WAAW,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,SAAS,iBAAiB;gBAEpJ,oBAAC,IAAI,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,SAAS,EAAC,uBAAuB,GAAG,CACxD;YACN,6BAAK,SAAS,EAAC,0BAA0B;gBACvC,2BAAG,SAAS,EAAC,mCAAmC,IAAE,KAAK,CAAC,KAAK,CAAK;gBAClE,2BAAG,SAAS,EAAC,uBAAuB,IAAE,KAAK,CAAC,WAAW,CAAK,CACxD,CACD,CACH,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oneuptime/common",
-  "version": "9.3.4",
+  "version": "9.3.6",
   "description": "",
   "repository": {
     "type": "git",