remoraid 1.1.0 → 2.0.0

package/dist/index.js

@@ -1,395 +0,0 @@
-"use client";
-// src/components/AppShell/NavbarMinimal/index.tsx
-import {
-  Tooltip,
-  UnstyledButton,
-  Stack,
-  rem,
-  useMantineColorScheme,
-  Flex,
-  Paper,
-  useMantineTheme,
-  Divider,
-  Indicator
-} from "@mantine/core";
-import {
-  IconLogin,
-  IconLogout,
-  IconMoon,
-  IconSun
-} from "@tabler/icons-react";
-import Link from "next/link";
-import { usePathname } from "next/navigation";
-import { useState } from "react";
-
-// src/lib/utils.ts
-import {
-  px,
-  rgba
-} from "@mantine/core";
-var co = (condition, value, fallback) => condition(value) ? value : fallback;
-var isMantinePrimaryShade = (primaryShade) => {
-  if (isNaN(Number(primaryShade))) {
-    return true;
-  }
-  return false;
-};
-var getCustomStyles = (theme, colorScheme) => {
-  return {
-    transparentBackground: colorScheme === "dark" ? rgba(theme.colors.dark[8], 0.8) : rgba(theme.white, 0.8),
-    iconSize: "1.125em",
-    primaryColor: theme.colors[theme.primaryColor][isMantinePrimaryShade(theme.primaryShade) ? theme.primaryShade[colorScheme === "auto" ? "light" : colorScheme] : theme.primaryShade],
-    spacingPx: {
-      xs: Number(co((v) => !Number.isNaN(v), Number(px(theme.spacing.xs)), 0)),
-      sm: Number(co((v) => !Number.isNaN(v), Number(px(theme.spacing.sm)), 0)),
-      md: Number(co((v) => !Number.isNaN(v), Number(px(theme.spacing.md)), 0)),
-      lg: Number(co((v) => !Number.isNaN(v), Number(px(theme.spacing.lg)), 0)),
-      xl: Number(co((v) => !Number.isNaN(v), Number(px(theme.spacing.xl)), 0))
-    }
-  };
-};
-
-// src/components/AppShell/NavbarMinimal/index.tsx
-import { jsxDEV } from "react/jsx-dev-runtime";
-function NavbarLink({
-  icon: Icon2,
-  label,
-  active,
-  onClick,
-  href,
-  indicator,
-  settings
-}) {
-  const [isHoveringRoleIndicator, setIsHoveringRoleIndicator] = useState(false);
-  const iconProps = {
-    size: settings.iconSize,
-    stroke: 1.5
-  };
-  if (!href) {
-    return /* @__PURE__ */ jsxDEV(Tooltip, {
-      label,
-      position: "right",
-      transitionProps: { duration: 0 },
-      children: /* @__PURE__ */ jsxDEV(UnstyledButton, {
-        onClick,
-        className: "remoraid-navbar-minimal-link",
-        "data-active": active || undefined,
-        w: settings.linkSize,
-        h: settings.linkSize,
-        children: /* @__PURE__ */ jsxDEV(Icon2, {
-          ...iconProps
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this)
-    }, undefined, false, undefined, this);
-  }
-  const button = /* @__PURE__ */ jsxDEV(UnstyledButton, {
-    onClick,
-    className: "remoraid-navbar-minimal-link",
-    "data-active": active || undefined,
-    w: settings.linkSize,
-    h: settings.linkSize,
-    component: Link,
-    href,
-    children: /* @__PURE__ */ jsxDEV(Icon2, {
-      ...iconProps
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
-  return /* @__PURE__ */ jsxDEV(Tooltip, {
-    label,
-    position: "right",
-    transitionProps: { duration: 0 },
-    children: indicator === undefined ? button : /* @__PURE__ */ jsxDEV(Indicator, {
-      withBorder: true,
-      size: 13,
-      offset: 2,
-      onMouseEnter: () => setIsHoveringRoleIndicator(true),
-      onMouseLeave: () => setIsHoveringRoleIndicator(false),
-      ...indicator(isHoveringRoleIndicator),
-      children: button
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
-}
-var defaultSettings = {
-  hiddenPages: [],
-  linkSize: rem("50px"),
-  iconSize: "50%",
-  px: "sm",
-  py: "md"
-};
-function NavbarMinimal({
-  logo,
-  pages,
-  user,
-  settings: settingsProp,
-  linkIndicator,
-  logoIndicator,
-  onLogout
-}) {
-  const pathname = usePathname();
-  const theme = useMantineTheme();
-  const { setColorScheme, colorScheme } = useMantineColorScheme();
-  const { transparentBackground } = getCustomStyles(theme, colorScheme);
-  const [isHoveringRoleIndicator, setIsHoveringRoleIndicator] = useState(false);
-  const settings = settingsProp || defaultSettings;
-  const links = pages.filter((link) => !settings.hiddenPages.includes(link.href)).map((link) => /* @__PURE__ */ jsxDEV(NavbarLink, {
-    active: link.href === pathname,
-    indicator: linkIndicator,
-    settings,
-    ...link
-  }, link.label, false, undefined, this));
-  const logoImage = logo({
-    style: {
-      cursor: "pointer",
-      width: settings.linkSize,
-      height: settings.linkSize
-    }
-  });
-  return /* @__PURE__ */ jsxDEV(Paper, {
-    h: "100%",
-    py: settings.py,
-    bg: transparentBackground,
-    radius: 0,
-    shadow: "md",
-    children: /* @__PURE__ */ jsxDEV(Flex, {
-      direction: "column",
-      h: "100%",
-      align: "center",
-      px: settings.px,
-      children: [
-        logoIndicator === undefined ? logoImage : /* @__PURE__ */ jsxDEV(Indicator, {
-          withBorder: true,
-          offset: 2,
-          size: 13,
-          onMouseEnter: () => setIsHoveringRoleIndicator(true),
-          onMouseLeave: () => setIsHoveringRoleIndicator(false),
-          ...logoIndicator(isHoveringRoleIndicator),
-          children: logoImage
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV(Divider, {
-          my: "md",
-          variant: "dashed",
-          w: "100%"
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV(Stack, {
-          justify: "flex-start",
-          gap: 0,
-          flex: 1,
-          children: links
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV(Stack, {
-          justify: "center",
-          gap: 0,
-          children: [
-            user !== undefined && (user === null ? /* @__PURE__ */ jsxDEV(NavbarLink, {
-              icon: IconLogin,
-              label: "Login",
-              href: "/login",
-              active: pathname === "/login",
-              settings
-            }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV(NavbarLink, {
-              icon: IconLogout,
-              label: "Logout",
-              onClick: () => {
-                if (onLogout) {
-                  onLogout();
-                }
-              },
-              href: "/login",
-              settings
-            }, undefined, false, undefined, this)),
-            /* @__PURE__ */ jsxDEV(NavbarLink, {
-              icon: colorScheme === "dark" ? IconSun : IconMoon,
-              onClick: () => {
-                if (colorScheme === "dark") {
-                  setColorScheme("light");
-                } else {
-                  setColorScheme("dark");
-                }
-              },
-              label: "Toggle Color Scheme",
-              settings
-            }, undefined, false, undefined, this)
-          ]
-        }, undefined, true, undefined, this)
-      ]
-    }, undefined, true, undefined, this)
-  }, undefined, false, undefined, this);
-}
-
-// src/lib/navbar-utils.ts
-var defaultNavbarVariant = "minimal";
-var defaultNavbarSettings = {
-  minimal: defaultSettings
-};
-
-// src/components/UserExperienceProvider/index.tsx
-import React, { useContext } from "react";
-import { useCookies } from "react-cookie";
-import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
-var defaultUserExperience = {
-  navbarVariant: defaultNavbarVariant,
-  navbarSettings: defaultNavbarSettings[defaultNavbarVariant],
-  showWelcomeMessage: true
-};
-var userExperienceContext = React.createContext(defaultUserExperience);
-var updateUserExperienceContext = React.createContext(null);
-var useUserExperience = () => {
-  return useContext(userExperienceContext);
-};
-var useUpdateUserExperience = () => {
-  return useContext(updateUserExperienceContext);
-};
-function UserExperienceProvider({
-  children
-}) {
-  const [cookies, setCookie] = useCookies();
-  const isUserExperience = (x) => {
-    if (typeof x !== "object") {
-      return false;
-    }
-    if (!("showWelcomeMessage" in x)) {
-      return false;
-    }
-    if (!("navbarVariant" in x)) {
-      return false;
-    }
-    if (!("navbarSettings" in x)) {
-      return false;
-    }
-    if (typeof x.navbarSettings !== "object") {
-      return false;
-    }
-    if (!("hiddenPages" in x.navbarSettings)) {
-      return false;
-    }
-    if (!("linkSize" in x.navbarSettings)) {
-      return false;
-    }
-    if (!("px" in x.navbarSettings)) {
-      return false;
-    }
-    if (!("py" in x.navbarSettings)) {
-      return false;
-    }
-    return true;
-  };
-  const userExperience = cookies["userExperience"] && isUserExperience(cookies["userExperience"]) ? cookies["userExperience"] : defaultUserExperience;
-  const updateUserExperience = (p) => {
-    if (typeof p === "function") {
-      setCookie("userExperience", p(userExperience), { path: "/" });
-      return;
-    }
-    setCookie("userExperience", p, { path: "/" });
-  };
-  return /* @__PURE__ */ jsxDEV2(updateUserExperienceContext.Provider, {
-    value: updateUserExperience,
-    children: /* @__PURE__ */ jsxDEV2(userExperienceContext.Provider, {
-      value: userExperience,
-      children
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
-}
-// src/components/AppShell/index.tsx
-import {
-  AppShell as MantineAppShell,
-  Burger,
-  rem as rem2,
-  Group as Group2,
-  useMantineTheme as useMantineTheme3,
-  useMantineColorScheme as useMantineColorScheme3,
-  Paper as Paper2,
-  px as px2
-} from "@mantine/core";
-import { useDisclosure } from "@mantine/hooks";
-
-// src/components/AppShell/Footer/index.tsx
-import { Group, useMantineColorScheme as useMantineColorScheme2, useMantineTheme as useMantineTheme2 } from "@mantine/core";
-import { IconPennant } from "@tabler/icons-react";
-import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
-function Footer() {
-  const theme = useMantineTheme2();
-  const { colorScheme } = useMantineColorScheme2();
-  return /* @__PURE__ */ jsxDEV3(Group, {
-    justify: "center",
-    w: "100%",
-    py: "md",
-    children: /* @__PURE__ */ jsxDEV3(IconPennant, {
-      size: 50,
-      color: colorScheme === "dark" ? theme.colors.dark[8] : theme.colors.gray[3]
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
-}
-
-// src/components/AppShell/index.tsx
-import { jsxDEV as jsxDEV4, Fragment } from "react/jsx-dev-runtime";
-function AppShell({
-  children,
-  logo,
-  pages,
-  navbar,
-  user
-}) {
-  const theme = useMantineTheme3();
-  const { colorScheme } = useMantineColorScheme3();
-  const { spacingPx } = getCustomStyles(theme, colorScheme);
-  const [opened, { toggle }] = useDisclosure();
-  const navbarVariant = navbar && navbar.variant ? navbar.variant : defaultNavbarVariant;
-  const navbarSettings = navbar && navbar.settings ? navbar.settings : defaultNavbarSettings[defaultNavbarVariant];
-  const navbarLinkSizePx = co((v) => !Number.isNaN(v), Number(px2(navbarSettings.linkSize)), 0);
-  const navbarPaddingPx = typeof navbarSettings.px === "number" ? navbarSettings.px : spacingPx[navbarSettings.px];
-  return /* @__PURE__ */ jsxDEV4(MantineAppShell, {
-    header: { height: 0 },
-    navbar: {
-      width: rem2(`${navbarLinkSizePx + 2 * navbarPaddingPx}px`),
-      breakpoint: "sm",
-      collapsed: { mobile: !opened }
-    },
-    bg: colorScheme === "dark" ? theme.colors.dark[9] : theme.colors.gray[0],
-    children: [
-      /* @__PURE__ */ jsxDEV4(MantineAppShell.Header, {
-        withBorder: false,
-        children: /* @__PURE__ */ jsxDEV4(Group2, {
-          p: "md",
-          bg: colorScheme === "dark" ? theme.colors.dark[8] : theme.colors.gray[3],
-          hiddenFrom: "sm",
-          children: /* @__PURE__ */ jsxDEV4(Burger, {
-            opened,
-            onClick: toggle,
-            h: 20,
-            size: 18
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV4(MantineAppShell.Navbar, {
-        withBorder: false,
-        children: navbarVariant === "minimal" && /* @__PURE__ */ jsxDEV4(NavbarMinimal, {
-          logo,
-          pages,
-          user,
-          ...navbar
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV4(MantineAppShell.Main, {
-        children: /* @__PURE__ */ jsxDEV4(Fragment, {
-          children: [
-            /* @__PURE__ */ jsxDEV4(Paper2, {
-              radius: 0,
-              my: "md",
-              h: 20,
-              hiddenFrom: "sm"
-            }, undefined, false, undefined, this),
-            children,
-            /* @__PURE__ */ jsxDEV4(Footer, {}, undefined, false, undefined, this)
-          ]
-        }, undefined, true, undefined, this)
-      }, undefined, false, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-export {
-  useUserExperience,
-  useUpdateUserExperience,
-  defaultNavbarSettings,
-  UserExperienceProvider,
-  AppShell
-};

package/dist/ssc.d.ts

@@ -1,10 +0,0 @@
-// Generated by dts-bundle-generator v9.5.1
-
-import { PropsWithChildren } from 'react';
-
-export interface EnvironmentShellProps {
-	vars: string[];
-}
-export function EnvironmentShell({ children, vars, }: PropsWithChildren<EnvironmentShellProps>): import("react").JSX.Element;
-
-export {};