@oneuptime/common 10.7.2 → 10.8.0

package/UI/Components/Navbar/NavBarMenuItem.tsx

@@ -1,146 +0,0 @@
-import Icon from "../Icon/Icon";
-import Link from "../Link/Link";
-import Route from "../../../Types/API/Route";
-import IconProp from "../../../Types/Icon/IconProp";
-import useTranslateValue from "../../Utils/Translation";
-import React, { FunctionComponent, ReactElement } from "react";
-
-export interface ComponentProps {
-  title: string;
-  route: Route;
-  icon: IconProp;
-  description: string;
-  onClick: () => void;
-  iconColor?: string | undefined; // Tailwind color name like "blue", "purple", "amber"
-}
-
-const NavBarMenuItem: FunctionComponent<ComponentProps> = (
-  props: ComponentProps,
-): ReactElement => {
-  const { translateString } = useTranslateValue();
-  const translatedTitle: string = translateString(props.title) ?? props.title;
-  const translatedDescription: string =
-    translateString(props.description) ?? props.description;
-  // Default to indigo if no color specified
-  const colorName: string = props.iconColor || "indigo";
-
-  // Map color names to their respective Tailwind classes
-  const colorClasses: Record<
-    string,
-    { bg: string; ring: string; hoverBg: string; hoverRing: string }
-  > = {
-    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",
-    },
-    orange: {
-      bg: "bg-orange-50",
-      ring: "ring-orange-200",
-      hoverBg: "hover:bg-orange-50",
-      hoverRing: "group-hover:ring-orange-300",
-    },
-    stone: {
-      bg: "bg-stone-100",
-      ring: "ring-stone-300",
-      hoverBg: "hover:bg-stone-50",
-      hoverRing: "group-hover:ring-stone-400",
-    },
-    sky: {
-      bg: "bg-sky-50",
-      ring: "ring-sky-200",
-      hoverBg: "hover:bg-sky-50",
-      hoverRing: "group-hover:ring-sky-300",
-    },
-    emerald: {
-      bg: "bg-emerald-50",
-      ring: "ring-emerald-200",
-      hoverBg: "hover:bg-emerald-50",
-      hoverRing: "group-hover:ring-emerald-300",
-    },
-  };
-
-  const colors: {
-    bg: string;
-    ring: string;
-    hoverBg: string;
-    hoverRing: string;
-  } = colorClasses[colorName] || colorClasses["indigo"]!;
-
-  return (
-    <div className="dropdown">
-      <Link
-        onClick={props.onClick}
-        to={props.route}
-        className={`group flex items-start gap-3 rounded-lg p-2.5 transition-colors ${colors.hoverBg}`}
-      >
-        <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`}
-        >
-          <Icon icon={props.icon} className="h-4 w-4 text-gray-600" />
-        </div>
-        <div className="flex-1 min-w-0 text-left">
-          <p className="text-sm font-medium text-gray-900">{translatedTitle}</p>
-          <p className="text-xs text-gray-500">{translatedDescription}</p>
-        </div>
-      </Link>
-    </div>
-  );
-};
-
-export default NavBarMenuItem;

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

@@ -1,82 +0,0 @@
-import Link from "../Link/Link";
-import Icon from "../Icon/Icon";
-import IconProp from "../../../Types/Icon/IconProp";
-import React from "react";
-const NavBarMenu = (props) => {
-    // If sections are provided, render categorized menu
-    if (props.sections && props.sections.length > 0) {
-        // Separate Settings section from other sections
-        const mainSections = props.sections.filter((section) => {
-            return section.title !== "Settings";
-        });
-        const settingsSection = props.sections.find((section) => {
-            return section.title === "Settings";
-        });
-        /*
-         * Lay every category out in a single horizontal row. Settings keeps its
-         * right-hand divider; the four content categories share the remaining
-         * width as equal columns. We pick the column count from
-         * mainSections.length so adding or removing a category stays one row.
-         */
-        const mainColsClass = mainSections.length >= 4
-            ? "md:grid-cols-4"
-            : mainSections.length === 3
-                ? "md:grid-cols-3"
-                : mainSections.length === 2
-                    ? "md:grid-cols-2"
-                    : "md:grid-cols-1";
-        return (React.createElement("div", { className: "absolute left-0 z-50 mt-8 w-screen max-w-7xl transform px-2 sm:px-0" },
-            React.createElement("div", { className: "overflow-hidden rounded-2xl shadow-xl ring-1 ring-black ring-opacity-5 bg-white" },
-                React.createElement("div", { className: "p-6" },
-                    React.createElement("div", { className: "flex gap-6" },
-                        React.createElement("div", { className: `flex-1 grid grid-cols-1 ${mainColsClass} gap-6` }, mainSections.map((section, index) => {
-                            return (React.createElement("div", { key: index, className: "space-y-3" },
-                                React.createElement("h3", { className: "text-xs font-semibold uppercase tracking-wider text-gray-500 px-2.5 text-left" }, section.title),
-                                React.createElement("div", { className: "space-y-1" }, section.items)));
-                        })),
-                        settingsSection && (React.createElement("div", { className: "border-l border-gray-100 pl-6 space-y-3 min-w-[200px]" },
-                            React.createElement("h3", { className: "text-xs font-semibold uppercase tracking-wider text-gray-500 px-2.5 text-left" }, settingsSection.title),
-                            React.createElement("div", { className: "space-y-1" }, settingsSection.items))))),
-                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))))))));
-    }
-    // Legacy: render children directly
-    let children = [];
-    if (props.children) {
-        if (!Array.isArray(props.children)) {
-            children = [props.children];
-        }
-        else {
-            children = props.children;
-        }
-    }
-    // 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-50 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 NavBarMenu;
-//# sourceMappingURL=NavBarMenu.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"NavBarMenu.js","sourceRoot":"","sources":["../../../../../UI/Components/Navbar/NavBarMenu.tsx"],"names":[],"mappings":"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"}

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

@@ -1,109 +0,0 @@
-import Icon from "../Icon/Icon";
-import Link from "../Link/Link";
-import useTranslateValue from "../../Utils/Translation";
-import React from "react";
-const NavBarMenuItem = (props) => {
-    var _a, _b;
-    const { translateString } = useTranslateValue();
-    const translatedTitle = (_a = translateString(props.title)) !== null && _a !== void 0 ? _a : props.title;
-    const translatedDescription = (_b = translateString(props.description)) !== null && _b !== void 0 ? _b : props.description;
-    // 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",
-        },
-        orange: {
-            bg: "bg-orange-50",
-            ring: "ring-orange-200",
-            hoverBg: "hover:bg-orange-50",
-            hoverRing: "group-hover:ring-orange-300",
-        },
-        stone: {
-            bg: "bg-stone-100",
-            ring: "ring-stone-300",
-            hoverBg: "hover:bg-stone-50",
-            hoverRing: "group-hover:ring-stone-400",
-        },
-        sky: {
-            bg: "bg-sky-50",
-            ring: "ring-sky-200",
-            hoverBg: "hover:bg-sky-50",
-            hoverRing: "group-hover:ring-sky-300",
-        },
-        emerald: {
-            bg: "bg-emerald-50",
-            ring: "ring-emerald-200",
-            hoverBg: "hover:bg-emerald-50",
-            hoverRing: "group-hover:ring-emerald-300",
-        },
-    };
-    const colors = colorClasses[colorName] || colorClasses["indigo"];
-    return (React.createElement("div", { className: "dropdown" },
-        React.createElement(Link, { onClick: props.onClick, to: props.route, className: `group flex items-start 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" }, translatedTitle),
-                React.createElement("p", { className: "text-xs text-gray-500" }, translatedDescription)))));
-};
-export default NavBarMenuItem;
-//# sourceMappingURL=NavBarMenuItem.js.map

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

@@ -1 +0,0 @@
-{"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,iBAAiB,MAAM,yBAAyB,CAAC;AACxD,OAAO,KAA0C,MAAM,OAAO,CAAC;AAW/D,MAAM,cAAc,GAAsC,CACxD,KAAqB,EACP,EAAE;;IAChB,MAAM,EAAE,eAAe,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAChD,MAAM,eAAe,GAAW,MAAA,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,mCAAI,KAAK,CAAC,KAAK,CAAC;IAC5E,MAAM,qBAAqB,GACzB,MAAA,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,mCAAI,KAAK,CAAC,WAAW,CAAC;IAC1D,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;QACD,MAAM,EAAE;YACN,EAAE,EAAE,cAAc;YAClB,IAAI,EAAE,iBAAiB;YACvB,OAAO,EAAE,oBAAoB;YAC7B,SAAS,EAAE,6BAA6B;SACzC;QACD,KAAK,EAAE;YACL,EAAE,EAAE,cAAc;YAClB,IAAI,EAAE,gBAAgB;YACtB,OAAO,EAAE,mBAAmB;YAC5B,SAAS,EAAE,4BAA4B;SACxC;QACD,GAAG,EAAE;YACH,EAAE,EAAE,WAAW;YACf,IAAI,EAAE,cAAc;YACpB,OAAO,EAAE,iBAAiB;YAC1B,SAAS,EAAE,0BAA0B;SACtC;QACD,OAAO,EAAE;YACP,EAAE,EAAE,eAAe;YACnB,IAAI,EAAE,kBAAkB;YACxB,OAAO,EAAE,qBAAqB;YAC9B,SAAS,EAAE,8BAA8B;SAC1C;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,mEAAmE,MAAM,CAAC,OAAO,EAAE;YAE9F,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,eAAe,CAAK;gBACtE,2BAAG,SAAS,EAAC,uBAAuB,IAAE,qBAAqB,CAAK,CAC5D,CACD,CACH,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}