remoraid 2.1.7 → 2.2.1

package/dist/core/index.js

@@ -31,6 +31,15 @@ import { useState } from "react";
 
 // src/core/lib/utils.ts
 var co = (condition, value, fallback) => condition(value) ? value : fallback;
+var isRemoraidButtonProps = (e) => {
+  if (typeof e !== "object") {
+    return false;
+  }
+  if (!("label" in e)) {
+    return false;
+  }
+  return true;
+};
 
 // src/core/components/RemoraidProvider/ThemeProvider/index.tsx
 import {
@@ -790,7 +799,7 @@ function WidgetSelectionHeader({
     ]
   }, undefined, true, undefined, this);
 }
-// src/core/components/CloseButton/index.tsx
+// src/core/components/Widget/WidgetWrapper/CloseButton/index.tsx
 import { ActionIcon, Transition } from "@mantine/core";
 import { IconX } from "@tabler/icons-react";
 import { jsxDEV as jsxDEV11 } from "react/jsx-dev-runtime";
@@ -969,52 +978,101 @@ function AlertMinimal({
   }, undefined, false, undefined, this);
 }
 // src/core/components/ResponsiveButton/index.tsx
+import {
+  Box
+} from "@mantine/core";
+
+// src/core/components/Button/index.tsx
 import {
   ActionIcon as ActionIcon2,
-  Button,
-  Tooltip as Tooltip4
+  Tooltip as Tooltip4,
+  Button as MantineButton
 } from "@mantine/core";
 import { IconClick } from "@tabler/icons-react";
-import { jsxDEV as jsxDEV15, Fragment as Fragment3 } from "react/jsx-dev-runtime";
-var isResponsiveButtonProps = (e) => {
-  if (typeof e !== "object") {
-    return false;
-  }
-  if (!("label" in e)) {
-    return false;
-  }
-  return true;
-};
-function ResponsiveButton(props) {
-  const { onClick, label, loading, variant, componentsProps, breakpoint } = props;
+import { jsxDEV as jsxDEV15 } from "react/jsx-dev-runtime";
+function Button({
+  label,
+  collapsed,
+  componentsProps,
+  onClick,
+  loading,
+  variant,
+  ...props
+}) {
   const theme = useRemoraidTheme();
+  const iconProps = { ...theme.iconProps.medium, ...componentsProps?.icon };
   const icon = props.icon ? /* @__PURE__ */ jsxDEV15(props.icon, {
-    ...theme.iconProps.medium
+    ...iconProps
   }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV15(IconClick, {
-    ...theme.iconProps.medium
+    ...iconProps
+  }, undefined, false, undefined, this);
+  if (collapsed === true) {
+    return /* @__PURE__ */ jsxDEV15(Tooltip4, {
+      label,
+      ...componentsProps?.tooltip,
+      children: /* @__PURE__ */ jsxDEV15(ActionIcon2, {
+        variant: variant ?? "default",
+        onClick,
+        loading,
+        size: "input-sm",
+        "aria-label": "Refresh",
+        ...componentsProps?.actionIcon,
+        children: icon
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this);
+  }
+  return /* @__PURE__ */ jsxDEV15(MantineButton, {
+    onClick,
+    loading,
+    variant: variant ?? "default",
+    leftSection: props.icon ? icon : undefined,
+    ...componentsProps?.button,
+    children: label
   }, undefined, false, undefined, this);
-  return /* @__PURE__ */ jsxDEV15(Fragment3, {
+}
+
+// src/core/components/ResponsiveButton/index.tsx
+import { jsxDEV as jsxDEV16, Fragment as Fragment3 } from "react/jsx-dev-runtime";
+function ResponsiveButton({
+  breakpoint,
+  componentsProps,
+  ...remoraidButtonProps
+}) {
+  return /* @__PURE__ */ jsxDEV16(Fragment3, {
     children: [
-      /* @__PURE__ */ jsxDEV15(Tooltip4, {
-        label,
-        ...componentsProps?.tooltip,
-        children: /* @__PURE__ */ jsxDEV15(ActionIcon2, {
-          variant: variant || "default",
-          onClick,
-          loading,
-          size: "input-sm",
-          "aria-label": "Refresh",
-          hiddenFrom: breakpoint || "md",
-          children: icon
+      /* @__PURE__ */ jsxDEV16(Box, {
+        hiddenFrom: breakpoint ?? "md",
+        children: /* @__PURE__ */ jsxDEV16(Button, {
+          ...remoraidButtonProps,
+          ...componentsProps?.Button,
+          componentsProps: {
+            tooltip: componentsProps?.tooltip,
+            icon: componentsProps?.icon,
+            ...componentsProps?.Button?.componentsProps,
+            actionIcon: {
+              ...componentsProps?.button,
+              ...componentsProps?.Button?.componentsProps?.actionIcon
+            }
+          },
+          collapsed: true
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV15(Button, {
-        onClick,
-        loading,
-        variant: variant || "default",
-        leftSection: props.icon ? icon : undefined,
-        visibleFrom: breakpoint || "md",
-        children: label
+      /* @__PURE__ */ jsxDEV16(Box, {
+        visibleFrom: breakpoint ?? "md",
+        children: /* @__PURE__ */ jsxDEV16(Button, {
+          ...remoraidButtonProps,
+          ...componentsProps?.Button,
+          componentsProps: {
+            tooltip: componentsProps?.tooltip,
+            icon: componentsProps?.icon,
+            ...componentsProps?.Button?.componentsProps,
+            button: {
+              ...componentsProps?.button,
+              ...componentsProps?.Button?.componentsProps?.button
+            }
+          },
+          collapsed: false
+        }, undefined, false, undefined, this)
       }, undefined, false, undefined, this)
     ]
   }, undefined, true, undefined, this);
@@ -1025,7 +1083,7 @@ import {
   Transition as Transition4
 } from "@mantine/core";
 import { useEffect as useEffect3 } from "react";
-import { jsxDEV as jsxDEV16 } from "react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV17 } from "react/jsx-dev-runtime";
 function WidgetWrapper({
   children,
   config,
@@ -1051,12 +1109,12 @@ function WidgetWrapper({
       registerWidget(page.pageId, config);
     }
   }, [pageRegistered]);
-  return /* @__PURE__ */ jsxDEV16(Transition4, {
+  return /* @__PURE__ */ jsxDEV17(Transition4, {
     mounted: page !== null && isWidgetSelected(page.pageId, config.widgetId),
     transition: "fade-left",
     duration: theme.transitionDurations.medium,
     timingFunction: "ease",
-    children: (transitionStyle) => /* @__PURE__ */ jsxDEV16(Paper3, {
+    children: (transitionStyle) => /* @__PURE__ */ jsxDEV17(Paper3, {
       p: "md",
       shadow: "md",
       bg: theme.transparentBackground,
@@ -1072,7 +1130,7 @@ function WidgetWrapper({
         updateActiveWidget(null);
       },
       children: [
-        withCloseButton !== false && /* @__PURE__ */ jsxDEV16(CloseButton, {
+        withCloseButton !== false && /* @__PURE__ */ jsxDEV17(CloseButton, {
           widgetId: config.widgetId
         }, undefined, false, undefined, this),
         children
@@ -1088,7 +1146,7 @@ import {
   Loader,
   Title
 } from "@mantine/core";
-import { jsxDEV as jsxDEV17, Fragment as Fragment4 } from "react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV18, Fragment as Fragment4 } from "react/jsx-dev-runtime";
 import { createElement as createElement2 } from "react";
 function Widget({
   children,
@@ -1106,7 +1164,7 @@ function Widget({
   const badgesGap = (typeof gaps === "object" ? gaps.badges : gaps) ?? "xs";
   const buttonsGap = (typeof gaps === "object" ? gaps.buttons : gaps) ?? "xs";
   const alertsGap = (typeof gaps === "object" ? gaps.alerts : gaps) ?? "xs";
-  return /* @__PURE__ */ jsxDEV17(WidgetWrapper, {
+  return /* @__PURE__ */ jsxDEV18(WidgetWrapper, {
     config: {
       widgetId: id,
       name: title,
@@ -1119,32 +1177,32 @@ function Widget({
     },
     ...componentsProps?.wrapper,
     children: [
-      /* @__PURE__ */ jsxDEV17(Group4, {
+      /* @__PURE__ */ jsxDEV18(Group4, {
         justify: "space-between",
         wrap: "nowrap",
         children: [
-          /* @__PURE__ */ jsxDEV17(Group4, {
+          /* @__PURE__ */ jsxDEV18(Group4, {
             gap: badgesGap,
             wrap: "nowrap",
             children: [
-              /* @__PURE__ */ jsxDEV17(Title, {
+              /* @__PURE__ */ jsxDEV18(Title, {
                 order: 1,
                 size: "h3",
                 lineClamp: 1,
                 children: title
               }, undefined, false, undefined, this),
-              badges !== undefined && /* @__PURE__ */ jsxDEV17(BadgeGroup, {
+              badges !== undefined && /* @__PURE__ */ jsxDEV18(BadgeGroup, {
                 badges,
                 gap: badgesGap,
                 ...componentsProps?.badgeGroup
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV17(Group4, {
+          /* @__PURE__ */ jsxDEV18(Group4, {
             gap: buttonsGap,
             wrap: "nowrap",
             children: buttons !== undefined && buttons.map((e, i) => {
-              if (isResponsiveButtonProps(e)) {
+              if (isRemoraidButtonProps(e)) {
                 return /* @__PURE__ */ createElement2(ResponsiveButton, {
                   ...e,
                   key: i
@@ -1155,7 +1213,7 @@ function Widget({
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV17(Divider3, {
+      /* @__PURE__ */ jsxDEV18(Divider3, {
         my: "md"
       }, undefined, false, undefined, this),
       alerts !== undefined && alerts.map((a, i) => {
@@ -1168,11 +1226,11 @@ function Widget({
         }
         return a;
       }),
-      loading ? /* @__PURE__ */ jsxDEV17(Center, {
-        children: /* @__PURE__ */ jsxDEV17(Loader, {
+      loading ? /* @__PURE__ */ jsxDEV18(Center, {
+        children: /* @__PURE__ */ jsxDEV18(Loader, {
           ...componentsProps?.loader
         }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV17(Fragment4, {
+      }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV18(Fragment4, {
         children
       }, undefined, false, undefined, this)
     ]
@@ -1181,7 +1239,7 @@ function Widget({
 // src/core/components/Page/NotFoundPage/index.tsx
 import { Alert as Alert2 } from "@mantine/core";
 import { usePathname as usePathname3 } from "next/navigation";
-import { jsxDEV as jsxDEV18 } from "react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV19 } from "react/jsx-dev-runtime";
 function NotFoundPage({
   children,
   message,
@@ -1189,11 +1247,11 @@ function NotFoundPage({
 }) {
   const pathname = usePathname3();
   const theme = useRemoraidTheme();
-  return /* @__PURE__ */ jsxDEV18(Page, {
+  return /* @__PURE__ */ jsxDEV19(Page, {
     name: "Not Found",
     ...componentsProps?.page,
     children: [
-      /* @__PURE__ */ jsxDEV18(Alert2, {
+      /* @__PURE__ */ jsxDEV19(Alert2, {
         ...theme.alertProps.negative,
         title: "404 - Page Not Found",
         children: message ?? `Could not find page ${pathname}.`
@@ -1204,7 +1262,7 @@ function NotFoundPage({
 }
 // src/core/components/EnvironmentShell/index.tsx
 import { Alert as Alert3 } from "@mantine/core";
-import { jsxDEV as jsxDEV19, Fragment as Fragment5 } from "react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV20, Fragment as Fragment5 } from "react/jsx-dev-runtime";
 function EnvironmentShell({
   children,
   environment,
@@ -1218,7 +1276,7 @@ function EnvironmentShell({
   const undefinedKeys = Object.keys(environment).filter((key) => environment[key] === undefined);
   const alertTitle = `Please Specify Environment Variable${undefinedKeys.length > 1 ? "s" : ""}`;
   const alertMessage = `Components could not be rendered because the following environment variables are not specified: ${undefinedKeys.join(", ")}.`;
-  const alert = /* @__PURE__ */ jsxDEV19(Alert3, {
+  const alert = /* @__PURE__ */ jsxDEV20(Alert3, {
     ...theme.alertProps.neutral,
     title: alertTitle,
     m,
@@ -1226,12 +1284,12 @@ function EnvironmentShell({
     children: message ?? alertMessage
   }, undefined, false, undefined, this);
   if (undefinedKeys.length === 0) {
-    return /* @__PURE__ */ jsxDEV19(Fragment5, {
+    return /* @__PURE__ */ jsxDEV20(Fragment5, {
       children
     }, undefined, false, undefined, this);
   }
   if (withContainer) {
-    return /* @__PURE__ */ jsxDEV19(PageContainer, {
+    return /* @__PURE__ */ jsxDEV20(PageContainer, {
       componentsProps: { container: componentsProps?.container },
       children: alert
     }, undefined, false, undefined, this);
@@ -1256,6 +1314,7 @@ export {
   NotFoundPage,
   EnvironmentShell,
   CloseButton,
+  Button,
   BadgeMinimal,
   BadgeGroup,
   AppShell,