@alepha/ui 0.11.7 → 0.11.10

package/dist/AlephaMantineProvider-DCF5kidi.cjs

@@ -0,0 +1,3 @@
+const require_AlephaMantineProvider = require('./AlephaMantineProvider-DlOEv9f0.cjs');
+
+exports.default = require_AlephaMantineProvider.AlephaMantineProvider_default;

package/dist/AlephaMantineProvider-DlOEv9f0.cjs

@@ -0,0 +1,173 @@
+let __alepha_react = require("@alepha/react");
+let __mantine_core = require("@mantine/core");
+let __mantine_modals = require("@mantine/modals");
+let __tabler_icons_react = require("@tabler/icons-react");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let __mantine_notifications = require("@mantine/notifications");
+let __mantine_spotlight = require("@mantine/spotlight");
+let __mantine_nprogress = require("@mantine/nprogress");
+
+//#region src/services/ToastService.tsx
+var ToastService = class {
+	raw = __mantine_notifications.notifications;
+	options = { default: {
+		autoClose: 5e3,
+		withCloseButton: true,
+		position: "top-center"
+	} };
+	show(options) {
+		__mantine_notifications.notifications.show({
+			...this.options.default,
+			...options
+		});
+	}
+	info(options) {
+		if (typeof options === "string") options = { message: options };
+		this.show({
+			color: "blue",
+			icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__tabler_icons_react.IconInfoCircle, { size: 20 }),
+			title: "Info",
+			message: "Information notification",
+			...options
+		});
+	}
+	success(options) {
+		if (typeof options === "string") options = { message: options };
+		this.show({
+			color: "green",
+			icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__tabler_icons_react.IconCheck, { size: 16 }),
+			title: "Success",
+			message: "Operation completed successfully",
+			...options
+		});
+	}
+	warning(options) {
+		if (typeof options === "string") options = { message: options };
+		this.show({
+			color: "yellow",
+			icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__tabler_icons_react.IconAlertTriangle, { size: 20 }),
+			title: "Warning",
+			message: "Please review this warning",
+			...options
+		});
+	}
+	danger(options) {
+		if (typeof options === "string") options = { message: options };
+		this.show({
+			color: "red",
+			icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__tabler_icons_react.IconX, { size: 20 }),
+			title: "Error",
+			message: "An error occurred",
+			...options
+		});
+	}
+};
+
+//#endregion
+//#region src/hooks/useToast.ts
+/**
+* Use this hook to access the Toast Service for showing notifications.
+*
+* @example
+* const toast = useToast();
+* toast.success({ message: "Operation completed successfully!" });
+* toast.error({ title: "Error", message: "Something went wrong" });
+*/
+const useToast = () => {
+	return (0, __alepha_react.useInject)(ToastService);
+};
+
+//#endregion
+//#region src/components/layout/Omnibar.tsx
+const Omnibar = (props) => {
+	const shortcut = props.shortcut ?? "mod+K";
+	const searchPlaceholder = props.searchPlaceholder ?? "Search...";
+	const nothingFound = props.nothingFound ?? "Nothing found...";
+	const router = (0, __alepha_react.useRouter)();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_spotlight.Spotlight, {
+		actions: (0, react.useMemo)(() => router.concretePages.map((page) => ({
+			id: page.name,
+			label: page.label ?? page.name,
+			description: page.description,
+			onClick: () => router.go(page.path ?? page.name),
+			leftSection: page.icon
+		})), []),
+		shortcut,
+		limit: 10,
+		searchProps: {
+			leftSection: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__tabler_icons_react.IconSearch, { size: 20 }),
+			placeholder: searchPlaceholder
+		},
+		nothingFound
+	});
+};
+var Omnibar_default = Omnibar;
+
+//#endregion
+//#region src/components/layout/AlephaMantineProvider.tsx
+const AlephaMantineProvider = (props) => {
+	const toast = useToast();
+	(0, __alepha_react.useEvents)({
+		"react:transition:begin": () => {
+			__mantine_nprogress.nprogress.start();
+		},
+		"react:transition:end": () => {
+			__mantine_nprogress.nprogress.complete();
+		},
+		"react:action:error": () => {
+			toast.danger("An error occurred while processing your action.");
+		}
+	}, []);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.ColorSchemeScript, {
+		defaultColorScheme: props.mantine?.defaultColorScheme,
+		...props.colorSchemeScript
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__mantine_core.MantineProvider, {
+		...props.mantine,
+		theme: {
+			primaryColor: "gray",
+			primaryShade: {
+				light: 9,
+				dark: 8
+			},
+			cursorType: "pointer",
+			...props.mantine?.theme
+		},
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_notifications.Notifications, { ...props.notifications }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_nprogress.NavigationProgress, { ...props.navigationProgress }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__mantine_modals.ModalsProvider, {
+				...props.modals,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Omnibar_default, { ...props.omnibar }), props.children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__alepha_react.NestedView, {})]
+			})
+		]
+	})] });
+};
+var AlephaMantineProvider_default = AlephaMantineProvider;
+
+//#endregion
+Object.defineProperty(exports, 'AlephaMantineProvider_default', {
+  enumerable: true,
+  get: function () {
+    return AlephaMantineProvider_default;
+  }
+});
+Object.defineProperty(exports, 'Omnibar_default', {
+  enumerable: true,
+  get: function () {
+    return Omnibar_default;
+  }
+});
+Object.defineProperty(exports, 'ToastService', {
+  enumerable: true,
+  get: function () {
+    return ToastService;
+  }
+});
+Object.defineProperty(exports, 'useToast', {
+  enumerable: true,
+  get: function () {
+    return useToast;
+  }
+});
+//# sourceMappingURL=AlephaMantineProvider-DlOEv9f0.cjs.map

package/dist/AlephaMantineProvider-DlOEv9f0.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlephaMantineProvider-DlOEv9f0.cjs","names":["notifications","IconInfoCircle","IconCheck","IconAlertTriangle","IconX","Spotlight","IconSearch","ColorSchemeScript","MantineProvider","Notifications","NavigationProgress","ModalsProvider","Omnibar","NestedView"],"sources":["../src/services/ToastService.tsx","../src/hooks/useToast.ts","../src/components/layout/Omnibar.tsx","../src/components/layout/AlephaMantineProvider.tsx"],"sourcesContent":["import type { NotificationData } from \"@mantine/notifications\";\nimport { notifications } from \"@mantine/notifications\";\nimport {\n  IconAlertTriangle,\n  IconCheck,\n  IconInfoCircle,\n  IconX,\n} from \"@tabler/icons-react\";\n\nexport interface ToastServiceOptions {\n  default?: Partial<NotificationData>;\n}\n\nexport class ToastService {\n  protected readonly raw = notifications;\n\n  public readonly options: ToastServiceOptions = {\n    default: {\n      autoClose: 5000,\n      withCloseButton: true,\n      position: \"top-center\",\n    },\n  };\n\n  public show(options: NotificationData) {\n    notifications.show({\n      ...this.options.default,\n      ...options,\n    });\n  }\n\n  public info(options: Partial<NotificationData> | string) {\n    if (typeof options === \"string\") {\n      options = { message: options };\n    }\n    this.show({\n      color: \"blue\",\n      icon: <IconInfoCircle size={20} />,\n      title: \"Info\",\n      message: \"Information notification\",\n      ...options,\n    });\n  }\n\n  public success(options: Partial<NotificationData> | string) {\n    if (typeof options === \"string\") {\n      options = { message: options };\n    }\n    this.show({\n      color: \"green\",\n      icon: <IconCheck size={16} />,\n      title: \"Success\",\n      message: \"Operation completed successfully\",\n      ...options,\n    });\n  }\n\n  public warning(options: Partial<NotificationData> | string) {\n    if (typeof options === \"string\") {\n      options = { message: options };\n    }\n    this.show({\n      color: \"yellow\",\n      icon: <IconAlertTriangle size={20} />,\n      title: \"Warning\",\n      message: \"Please review this warning\",\n      ...options,\n    });\n  }\n\n  public danger(options: Partial<NotificationData> | string) {\n    if (typeof options === \"string\") {\n      options = { message: options };\n    }\n    this.show({\n      color: \"red\",\n      icon: <IconX size={20} />,\n      title: \"Error\",\n      message: \"An error occurred\",\n      ...options,\n    });\n  }\n}\n","import { useInject } from \"@alepha/react\";\nimport { ToastService } from \"../services/ToastService.tsx\";\n\n/**\n * Use this hook to access the Toast Service for showing notifications.\n *\n * @example\n * const toast = useToast();\n * toast.success({ message: \"Operation completed successfully!\" });\n * toast.error({ title: \"Error\", message: \"Something went wrong\" });\n */\nexport const useToast = (): ToastService => {\n  return useInject(ToastService);\n};\n","import { useRouter } from \"@alepha/react\";\nimport { Spotlight, type SpotlightActionData } from \"@mantine/spotlight\";\nimport { IconSearch } from \"@tabler/icons-react\";\nimport { type ReactNode, useMemo } from \"react\";\n\nexport interface OmnibarProps {\n  shortcut?: string | string[];\n  searchPlaceholder?: string;\n  nothingFound?: ReactNode;\n}\n\nconst Omnibar = (props: OmnibarProps) => {\n  const shortcut = props.shortcut ?? \"mod+K\";\n  const searchPlaceholder = props.searchPlaceholder ?? \"Search...\";\n  const nothingFound = props.nothingFound ?? \"Nothing found...\";\n  const router = useRouter();\n  const actions: SpotlightActionData[] = useMemo(\n    () =>\n      router.concretePages.map((page) => ({\n        id: page.name,\n        label: page.label ?? page.name,\n        description: page.description,\n        onClick: () => router.go(page.path ?? page.name),\n        leftSection: page.icon,\n      })),\n    [],\n  );\n\n  return (\n    <Spotlight\n      actions={actions}\n      shortcut={shortcut}\n      limit={10}\n      searchProps={{\n        leftSection: <IconSearch size={20} />,\n        placeholder: searchPlaceholder,\n      }}\n      nothingFound={nothingFound}\n    />\n  );\n};\n\nexport default Omnibar;\n","import { NestedView, useEvents } from \"@alepha/react\";\nimport type {\n  ColorSchemeScriptProps,\n  MantineProviderProps,\n} from \"@mantine/core\";\nimport { ColorSchemeScript, MantineProvider } from \"@mantine/core\";\nimport { ModalsProvider, type ModalsProviderProps } from \"@mantine/modals\";\nimport { Notifications, type NotificationsProps } from \"@mantine/notifications\";\nimport type { NavigationProgressProps } from \"@mantine/nprogress\";\nimport { NavigationProgress, nprogress } from \"@mantine/nprogress\";\nimport type { ReactNode } from \"react\";\nimport { useToast } from \"../../hooks/useToast.ts\";\nimport Omnibar, { type OmnibarProps } from \"./Omnibar.tsx\";\n\nexport interface AlephaMantineProviderProps {\n  children?: ReactNode;\n  mantine?: MantineProviderProps;\n  colorSchemeScript?: ColorSchemeScriptProps;\n  navigationProgress?: NavigationProgressProps;\n  notifications?: NotificationsProps;\n  modals?: ModalsProviderProps;\n  omnibar?: OmnibarProps;\n}\n\nconst AlephaMantineProvider = (props: AlephaMantineProviderProps) => {\n  const toast = useToast();\n\n  useEvents(\n    {\n      \"react:transition:begin\": () => {\n        nprogress.start();\n      },\n      \"react:transition:end\": () => {\n        nprogress.complete();\n      },\n      \"react:action:error\": () => {\n        toast.danger(\"An error occurred while processing your action.\");\n      },\n    },\n    [],\n  );\n\n  return (\n    <>\n      <ColorSchemeScript\n        defaultColorScheme={props.mantine?.defaultColorScheme}\n        {...props.colorSchemeScript}\n      />\n      <MantineProvider\n        {...props.mantine}\n        theme={{\n          primaryColor: \"gray\",\n          primaryShade: {\n            light: 9,\n            dark: 8,\n          },\n          cursorType: \"pointer\",\n          ...props.mantine?.theme,\n        }}\n      >\n        <Notifications {...props.notifications} />\n        <NavigationProgress {...props.navigationProgress} />\n        <ModalsProvider {...props.modals}>\n          <Omnibar {...props.omnibar} />\n          {props.children ?? <NestedView />}\n        </ModalsProvider>\n      </MantineProvider>\n    </>\n  );\n};\n\nexport default AlephaMantineProvider;\n"],"mappings":";;;;;;;;;;;AAaA,IAAa,eAAb,MAA0B;CACxB,AAAmB,MAAMA;CAEzB,AAAgB,UAA+B,EAC7C,SAAS;EACP,WAAW;EACX,iBAAiB;EACjB,UAAU;EACX,EACF;CAED,AAAO,KAAK,SAA2B;AACrC,wCAAc,KAAK;GACjB,GAAG,KAAK,QAAQ;GAChB,GAAG;GACJ,CAAC;;CAGJ,AAAO,KAAK,SAA6C;AACvD,MAAI,OAAO,YAAY,SACrB,WAAU,EAAE,SAAS,SAAS;AAEhC,OAAK,KAAK;GACR,OAAO;GACP,MAAM,2CAACC,uCAAe,MAAM,KAAM;GAClC,OAAO;GACP,SAAS;GACT,GAAG;GACJ,CAAC;;CAGJ,AAAO,QAAQ,SAA6C;AAC1D,MAAI,OAAO,YAAY,SACrB,WAAU,EAAE,SAAS,SAAS;AAEhC,OAAK,KAAK;GACR,OAAO;GACP,MAAM,2CAACC,kCAAU,MAAM,KAAM;GAC7B,OAAO;GACP,SAAS;GACT,GAAG;GACJ,CAAC;;CAGJ,AAAO,QAAQ,SAA6C;AAC1D,MAAI,OAAO,YAAY,SACrB,WAAU,EAAE,SAAS,SAAS;AAEhC,OAAK,KAAK;GACR,OAAO;GACP,MAAM,2CAACC,0CAAkB,MAAM,KAAM;GACrC,OAAO;GACP,SAAS;GACT,GAAG;GACJ,CAAC;;CAGJ,AAAO,OAAO,SAA6C;AACzD,MAAI,OAAO,YAAY,SACrB,WAAU,EAAE,SAAS,SAAS;AAEhC,OAAK,KAAK;GACR,OAAO;GACP,MAAM,2CAACC,8BAAM,MAAM,KAAM;GACzB,OAAO;GACP,SAAS;GACT,GAAG;GACJ,CAAC;;;;;;;;;;;;;;ACrEN,MAAa,iBAA+B;AAC1C,sCAAiB,aAAa;;;;;ACDhC,MAAM,WAAW,UAAwB;CACvC,MAAM,WAAW,MAAM,YAAY;CACnC,MAAM,oBAAoB,MAAM,qBAAqB;CACrD,MAAM,eAAe,MAAM,gBAAgB;CAC3C,MAAM,wCAAoB;AAa1B,QACE,2CAACC;EACC,kCAZA,OAAO,cAAc,KAAK,UAAU;GAClC,IAAI,KAAK;GACT,OAAO,KAAK,SAAS,KAAK;GAC1B,aAAa,KAAK;GAClB,eAAe,OAAO,GAAG,KAAK,QAAQ,KAAK,KAAK;GAChD,aAAa,KAAK;GACnB,EAAE,EACL,EAAE,CACH;EAKa;EACV,OAAO;EACP,aAAa;GACX,aAAa,2CAACC,mCAAW,MAAM,KAAM;GACrC,aAAa;GACd;EACa;GACd;;AAIN,sBAAe;;;;AClBf,MAAM,yBAAyB,UAAsC;CACnE,MAAM,QAAQ,UAAU;AAExB,+BACE;EACE,gCAAgC;AAC9B,iCAAU,OAAO;;EAEnB,8BAA8B;AAC5B,iCAAU,UAAU;;EAEtB,4BAA4B;AAC1B,SAAM,OAAO,kDAAkD;;EAElE,EACD,EAAE,CACH;AAED,QACE,qFACE,2CAACC;EACC,oBAAoB,MAAM,SAAS;EACnC,GAAI,MAAM;GACV,EACF,4CAACC;EACC,GAAI,MAAM;EACV,OAAO;GACL,cAAc;GACd,cAAc;IACZ,OAAO;IACP,MAAM;IACP;GACD,YAAY;GACZ,GAAG,MAAM,SAAS;GACnB;;GAED,2CAACC,yCAAc,GAAI,MAAM,gBAAiB;GAC1C,2CAACC,0CAAmB,GAAI,MAAM,qBAAsB;GACpD,4CAACC;IAAe,GAAI,MAAM;eACxB,2CAACC,mBAAQ,GAAI,MAAM,UAAW,EAC7B,MAAM,YAAY,2CAACC,8BAAa;KAClB;;GACD,IACjB;;AAIP,oCAAe"}