remoraid 2.1.7 → 2.2.5

package/dist/core/index.cjs

@@ -53,8 +53,8 @@ __export(exports_core, {
   WidgetWrapper: () => WidgetWrapper,
   WidgetSelectionHeader: () => WidgetSelectionHeader,
   Widget: () => Widget,
-  ResponsiveButton: () => ResponsiveButton,
   RemoraidProvider: () => RemoraidProvider,
+  RemoraidButton: () => RemoraidButton,
   PageContainer: () => PageContainer,
   Page: () => Page,
   NotFoundPage: () => NotFoundPage,
@@ -806,7 +806,7 @@ function WidgetSelectionHeader({
     ]
   }, undefined, true, undefined, this);
 }
-// src/core/components/CloseButton/index.tsx
+// src/core/components/Widget/WidgetWrapper/CloseButton/index.tsx
 var import_core7 = require("@mantine/core");
 var import_icons_react5 = require("@tabler/icons-react");
 var jsx_dev_runtime11 = require("react/jsx-dev-runtime");
@@ -973,11 +973,11 @@ function AlertMinimal({
     }, undefined, true, undefined, this)
   }, undefined, false, undefined, this);
 }
-// src/core/components/ResponsiveButton/index.tsx
+// src/core/components/RemoraidButton/index.tsx
 var import_core11 = require("@mantine/core");
 var import_icons_react6 = require("@tabler/icons-react");
 var jsx_dev_runtime15 = require("react/jsx-dev-runtime");
-var isResponsiveButtonProps = (e) => {
+var isRemoraidButtonProps = (e) => {
   if (typeof e !== "object") {
     return false;
   }
@@ -986,13 +986,25 @@ var isResponsiveButtonProps = (e) => {
   }
   return true;
 };
-function ResponsiveButton(props) {
-  const { onClick, label, loading, variant, componentsProps, breakpoint } = props;
+function RemoraidButton({
+  label,
+  responsive,
+  breakpoint,
+  collapsed,
+  size,
+  color,
+  onClick,
+  loading,
+  variant,
+  componentsProps,
+  ...props
+}) {
   const theme = useRemoraidTheme();
+  const iconProps = { ...theme.iconProps.medium, ...componentsProps?.icon };
   const icon = props.icon ? /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(props.icon, {
-    ...theme.iconProps.medium
+    ...iconProps
   }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(import_icons_react6.IconClick, {
-    ...theme.iconProps.medium
+    ...iconProps
   }, undefined, false, undefined, this);
   return /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(jsx_dev_runtime15.Fragment, {
     children: [
@@ -1000,21 +1012,30 @@ function ResponsiveButton(props) {
         label,
         ...componentsProps?.tooltip,
         children: /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(import_core11.ActionIcon, {
-          variant: variant || "default",
+          "aria-label": label,
+          variant: variant ?? "default",
           onClick,
           loading,
-          size: "input-sm",
-          "aria-label": "Refresh",
-          hiddenFrom: breakpoint || "md",
+          size: size ? `input-${size}` : "input-sm",
+          color,
+          ...componentsProps?.button,
+          ...componentsProps?.ActionIcon,
+          hiddenFrom: responsive === false ? undefined : breakpoint ?? "md",
+          display: responsive === false && collapsed !== true ? "none" : componentsProps?.ActionIcon?.display ?? componentsProps?.button?.display,
           children: icon
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
       /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(import_core11.Button, {
         onClick,
         loading,
-        variant: variant || "default",
+        variant: variant ?? "default",
+        size,
+        color,
         leftSection: props.icon ? icon : undefined,
-        visibleFrom: breakpoint || "md",
+        ...componentsProps?.button,
+        ...componentsProps?.Button,
+        visibleFrom: responsive === false ? undefined : breakpoint ?? "md",
+        display: responsive === false && collapsed ? "none" : componentsProps?.Button?.display ?? componentsProps?.button?.display,
         children: label
       }, undefined, false, undefined, this)
     ]
@@ -1136,8 +1157,8 @@ function Widget({
             gap: buttonsGap,
             wrap: "nowrap",
             children: buttons !== undefined && buttons.map((e, i) => {
-              if (isResponsiveButtonProps(e)) {
-                return /* @__PURE__ */ react2.createElement(ResponsiveButton, {
+              if (isRemoraidButtonProps(e)) {
+                return /* @__PURE__ */ react2.createElement(RemoraidButton, {
                   ...e,
                   key: i
                 });

package/dist/core/index.d.ts

@@ -17,28 +17,21 @@ interface UserExperience {
 	showWelcomeMessage: boolean;
 }
 type AlertCategory = "negative" | "neutral" | "positive";
+type TransitionDuration = "short" | "medium" | "long";
+type RemoraidBreakpoint = "buttonCollapse" | "badgeGroupCollapse";
+type RemoraidIconSize = "tiny" | "medium";
 interface RemoraidTheme {
 	complete: true;
-	transitionDurations: {
-		short: number
-		medium: number
-		long: number
-	};
-	breakpoints: {
-		buttonCollapse: MantineBreakpoint
-		badgeGroupCollapse: MantineBreakpoint
-	};
+	transitionDurations: Record<TransitionDuration, number>;
+	breakpoints: Record<RemoraidBreakpoint, MantineBreakpoint>;
 	scrollAreaProps: ScrollAreaProps;
-	alertProps: { [C in AlertCategory] : AlertProps };
+	alertProps: Record<AlertCategory, AlertProps>;
 	containerSize: MantineSize | number;
-	iconProps: {
-		tiny: IconProps
-		medium: IconProps
-	};
+	iconProps: Record<RemoraidIconSize, IconProps>;
 	jsonStringifySpace: string | number;
 	transparentBackground?: string;
 	primaryColor?: string;
-	spacingPx?: { [S in MantineSize] : number };
+	spacingPx?: Record<MantineSize, number>;
 }
 type RemoraidThemeCallback = (mantineTheme: MantineTheme, colorScheme: MantineColorScheme) => RemoraidTheme;
 type PartialRemoraidTheme = Omit<Partial<RemoraidTheme>, "complete">;
@@ -181,22 +174,34 @@ interface AlertMinimalProps {
 	};
 }
 declare function AlertMinimal({ children, title, category, text, onClose, mounted, mt, mb, componentsProps }: PropsWithChildren6<AlertMinimalProps>): ReactNode11;
-import { ActionIconVariant, ButtonVariant, MantineBreakpoint as MantineBreakpoint3, TooltipProps as TooltipProps3 } from "@mantine/core";
-import { Icon as Icon2 } from "@tabler/icons-react";
+import { ActionIconProps, ActionIconVariant, ButtonProps, ButtonVariant, MantineBreakpoint as MantineBreakpoint3, MantineColor, MantineSize as MantineSize5, TooltipProps as TooltipProps3 } from "@mantine/core";
+import { Icon as Icon2, IconProps as IconProps2 } from "@tabler/icons-react";
 import { ReactNode as ReactNode12 } from "react";
-interface ResponsiveButtonProps {
+type Common<
+	A,
+	B
+> = Pick<A & B, keyof A & keyof B>;
+interface RemoraidButtonProps {
 	label: string;
+	responsive?: boolean;
+	breakpoint?: MantineBreakpoint3;
+	collapsed?: boolean;
+	size?: MantineSize5;
+	color?: MantineColor;
 	icon?: Icon2;
 	onClick?: () => void;
-	breakpoint?: MantineBreakpoint3;
 	loading?: boolean;
 	variant?: Extract<ButtonVariant, ActionIconVariant>;
-	componentsProps?: {
+	componentsProps: {
 		tooltip?: Partial<TooltipProps3>
+		icon?: Partial<IconProps2>
+		button: Omit<Partial<Common<ButtonProps, ActionIconProps>>, "variant" | "onClick" | "size" | "color" | "loading">
+		Button?: Partial<ButtonProps>
+		ActionIcon?: Partial<ActionIconProps>
 	};
 }
-declare function ResponsiveButton(props: ResponsiveButtonProps): ReactNode12;
-import { MantineSize as MantineSize5, PaperProps, TransitionProps as TransitionProps3 } from "@mantine/core";
+declare function RemoraidButton({ label, responsive, breakpoint, collapsed, size, color, onClick, loading, variant, componentsProps,...props }: RemoraidButtonProps): ReactNode12;
+import { MantineSize as MantineSize6, PaperProps, TransitionProps as TransitionProps3 } from "@mantine/core";
 import { PropsWithChildren as PropsWithChildren7, ReactNode as ReactNode13 } from "react";
 interface WidgetWrapperComponentsProps {
 	container?: Partial<PaperProps>;
@@ -204,12 +209,12 @@ interface WidgetWrapperComponentsProps {
 }
 interface WidgetWrapperProps {
 	config: WidgetConfiguration;
-	mt?: MantineSize5 | number;
+	mt?: MantineSize6 | number;
 	withCloseButton?: boolean;
 	componentsProps?: WidgetWrapperComponentsProps;
 }
 declare function WidgetWrapper({ children, config, mt, withCloseButton, componentsProps }: PropsWithChildren7<WidgetWrapperProps>): ReactNode13;
-import { MantineSize as MantineSize6, LoaderProps } from "@mantine/core";
+import { MantineSize as MantineSize7, LoaderProps } from "@mantine/core";
 import { PropsWithChildren as PropsWithChildren8, ReactNode as ReactNode14 } from "react";
 interface WidgetComponentsProps extends WidgetWrapperComponentsProps {
 	wrapper?: Partial<Omit<WidgetWrapperProps, "widgetId">>;
@@ -221,33 +226,33 @@ interface WidgetProps {
 	title: string;
 	config?: Partial<Omit<WidgetConfiguration, "widgetId">>;
 	badges?: (BadgeMinimalProps | ReactNode14)[];
-	buttons?: (ResponsiveButtonProps | ReactNode14)[];
+	buttons?: (RemoraidButtonProps | ReactNode14)[];
 	alerts?: (AlertMinimalProps | ReactNode14)[];
-	gaps?: MantineSize6 | number | {
-		badges?: MantineSize6 | number
-		buttons?: MantineSize6 | number
-		alerts?: MantineSize6 | number
+	gaps?: MantineSize7 | number | {
+		badges?: MantineSize7 | number
+		buttons?: MantineSize7 | number
+		alerts?: MantineSize7 | number
 	};
 	loading?: boolean;
-	mt?: MantineSize6 | number;
+	mt?: MantineSize7 | number;
 	componentsProps?: WidgetComponentsProps;
 }
 declare function Widget({ children, id, config, title, badges, buttons, alerts, gaps, loading, mt, componentsProps }: PropsWithChildren8<WidgetProps>): ReactNode14;
-import { ContainerProps, MantineSize as MantineSize7 } from "@mantine/core";
+import { ContainerProps, MantineSize as MantineSize8 } from "@mantine/core";
 import { PropsWithChildren as PropsWithChildren9, ReactNode as ReactNode15 } from "react";
 interface PageProps {
 	name?: string;
 	config?: Partial<Omit<PageConfiguration, "name">>;
-	pt?: MantineSize7 | number;
+	pt?: MantineSize8 | number;
 	componentsProps?: {
 		container?: ContainerProps
 	};
 }
 declare function Page({ children, name, config, pt, componentsProps }: PropsWithChildren9<PageProps>): ReactNode15;
-import { ContainerProps as ContainerProps2, MantineSize as MantineSize8 } from "@mantine/core";
+import { ContainerProps as ContainerProps2, MantineSize as MantineSize9 } from "@mantine/core";
 import { PropsWithChildren as PropsWithChildren10, ReactNode as ReactNode16 } from "react";
 interface PageContainerProps {
-	pt?: MantineSize8 | number;
+	pt?: MantineSize9 | number;
 	componentsProps?: {
 		container?: ContainerProps2
 	};
@@ -262,17 +267,17 @@ interface NotFoundPageProps {
 	};
 }
 declare function NotFoundPage({ children, message, componentsProps }: PropsWithChildren11<NotFoundPageProps>): ReactNode17;
-import { ContainerProps as ContainerProps3, MantineSize as MantineSize9 } from "@mantine/core";
+import { ContainerProps as ContainerProps3, MantineSize as MantineSize10 } from "@mantine/core";
 import { PropsWithChildren as PropsWithChildren12, ReactNode as ReactNode18 } from "react";
 interface EnvironmentShellProps {
 	environment: Record<string, string | undefined>;
 	message?: string;
-	m?: MantineSize9 | number;
-	mt?: MantineSize9 | number;
+	m?: MantineSize10 | number;
+	mt?: MantineSize10 | number;
 	withContainer?: boolean;
 	componentsProps?: {
 		container?: ContainerProps3
 	};
 }
 declare function EnvironmentShell({ children, environment, message, m, mt, withContainer, componentsProps }: PropsWithChildren12<EnvironmentShellProps>): ReactNode18;
-export { userExperienceCookieName, useWidgets, useRemoraidUserExperience, useRemoraidTheme, defaultUserExperience, defaultNavbarSettings, createRemoraidTheme, WidgetsProviderProps, WidgetWrapperProps, WidgetWrapper, WidgetSelectionHeaderProps, WidgetSelectionHeader, WidgetProps, WidgetConfiguration, Widget, UserExperienceProviderProps, UserExperience, ThemeProviderProps, ResponsiveButtonProps, ResponsiveButton, RemoraidThemeCallback, RemoraidTheme, RemoraidProviderProps, RemoraidProvider, PartialRemoraidTheme, PageProps, PageContainerProps, PageContainer, PageConfiguration, Page, NotFoundPageProps, NotFoundPage, NavbarVariant, NavbarSettings, NavbarProps, NavbarLink, EnvironmentShellProps, EnvironmentShell, CloseButtonProps, CloseButton, BadgeMinimalProps, BadgeMinimal, BadgeGroupProps, BadgeGroup, AppShellProps, AppShellLogo, AppShell, AlertMinimalProps, AlertMinimal, AlertCategory };
+export { userExperienceCookieName, useWidgets, useRemoraidUserExperience, useRemoraidTheme, defaultUserExperience, defaultNavbarSettings, createRemoraidTheme, WidgetsProviderProps, WidgetWrapperProps, WidgetWrapper, WidgetSelectionHeaderProps, WidgetSelectionHeader, WidgetProps, WidgetConfiguration, Widget, UserExperienceProviderProps, UserExperience, TransitionDuration, ThemeProviderProps, RemoraidThemeCallback, RemoraidTheme, RemoraidProviderProps, RemoraidProvider, RemoraidIconSize, RemoraidButtonProps, RemoraidButton, RemoraidBreakpoint, PartialRemoraidTheme, PageProps, PageContainerProps, PageContainer, PageConfiguration, Page, NotFoundPageProps, NotFoundPage, NavbarVariant, NavbarSettings, NavbarProps, NavbarLink, EnvironmentShellProps, EnvironmentShell, CloseButtonProps, CloseButton, BadgeMinimalProps, BadgeMinimal, BadgeGroupProps, BadgeGroup, AppShellProps, AppShellLogo, AppShell, AlertMinimalProps, AlertMinimal, AlertCategory };

package/dist/core/index.js

@@ -790,7 +790,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";
@@ -968,7 +968,7 @@ function AlertMinimal({
     }, undefined, true, undefined, this)
   }, undefined, false, undefined, this);
 }
-// src/core/components/ResponsiveButton/index.tsx
+// src/core/components/RemoraidButton/index.tsx
 import {
   ActionIcon as ActionIcon2,
   Button,
@@ -976,7 +976,7 @@ import {
 } from "@mantine/core";
 import { IconClick } from "@tabler/icons-react";
 import { jsxDEV as jsxDEV15, Fragment as Fragment3 } from "react/jsx-dev-runtime";
-var isResponsiveButtonProps = (e) => {
+var isRemoraidButtonProps = (e) => {
   if (typeof e !== "object") {
     return false;
   }
@@ -985,13 +985,25 @@ var isResponsiveButtonProps = (e) => {
   }
   return true;
 };
-function ResponsiveButton(props) {
-  const { onClick, label, loading, variant, componentsProps, breakpoint } = props;
+function RemoraidButton({
+  label,
+  responsive,
+  breakpoint,
+  collapsed,
+  size,
+  color,
+  onClick,
+  loading,
+  variant,
+  componentsProps,
+  ...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);
   return /* @__PURE__ */ jsxDEV15(Fragment3, {
     children: [
@@ -999,21 +1011,30 @@ function ResponsiveButton(props) {
         label,
         ...componentsProps?.tooltip,
         children: /* @__PURE__ */ jsxDEV15(ActionIcon2, {
-          variant: variant || "default",
+          "aria-label": label,
+          variant: variant ?? "default",
           onClick,
           loading,
-          size: "input-sm",
-          "aria-label": "Refresh",
-          hiddenFrom: breakpoint || "md",
+          size: size ? `input-${size}` : "input-sm",
+          color,
+          ...componentsProps?.button,
+          ...componentsProps?.ActionIcon,
+          hiddenFrom: responsive === false ? undefined : breakpoint ?? "md",
+          display: responsive === false && collapsed !== true ? "none" : componentsProps?.ActionIcon?.display ?? componentsProps?.button?.display,
           children: icon
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
       /* @__PURE__ */ jsxDEV15(Button, {
         onClick,
         loading,
-        variant: variant || "default",
+        variant: variant ?? "default",
+        size,
+        color,
         leftSection: props.icon ? icon : undefined,
-        visibleFrom: breakpoint || "md",
+        ...componentsProps?.button,
+        ...componentsProps?.Button,
+        visibleFrom: responsive === false ? undefined : breakpoint ?? "md",
+        display: responsive === false && collapsed ? "none" : componentsProps?.Button?.display ?? componentsProps?.button?.display,
         children: label
       }, undefined, false, undefined, this)
     ]
@@ -1144,8 +1165,8 @@ function Widget({
             gap: buttonsGap,
             wrap: "nowrap",
             children: buttons !== undefined && buttons.map((e, i) => {
-              if (isResponsiveButtonProps(e)) {
-                return /* @__PURE__ */ createElement2(ResponsiveButton, {
+              if (isRemoraidButtonProps(e)) {
+                return /* @__PURE__ */ createElement2(RemoraidButton, {
                   ...e,
                   key: i
                 });
@@ -1249,8 +1270,8 @@ export {
   WidgetWrapper,
   WidgetSelectionHeader,
   Widget,
-  ResponsiveButton,
   RemoraidProvider,
+  RemoraidButton,
   PageContainer,
   Page,
   NotFoundPage,