@inf-monkeys-tech/monkeys-design 0.4.33 → 0.4.35

package/dist/index.js

@@ -5,6 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var ContextMenu = require('@radix-ui/react-context-menu');
 var DropdownMenu3 = require('@radix-ui/react-dropdown-menu');
 var core = require('@dnd-kit/core');
+var sonner = require('sonner');
 var Tooltip = require('@radix-ui/react-tooltip');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -749,7 +750,7 @@ var require_lodash = __commonJS({
       }
       var runInContext = (function runInContext2(context) {
         context = context == null ? root : _.defaults(root.Object(), context, _.pick(root, contextProps));
-        var Array2 = context.Array, Date = context.Date, Error2 = context.Error, Function2 = context.Function, Math2 = context.Math, Object2 = context.Object, RegExp2 = context.RegExp, String2 = context.String, TypeError2 = context.TypeError;
+        var Array2 = context.Array, Date2 = context.Date, Error2 = context.Error, Function2 = context.Function, Math2 = context.Math, Object2 = context.Object, RegExp2 = context.RegExp, String2 = context.String, TypeError2 = context.TypeError;
         var arrayProto = Array2.prototype, funcProto = Function2.prototype, objectProto = Object2.prototype;
         var coreJsData = context["__core-js_shared__"];
         var funcToString = funcProto.toString;
@@ -774,8 +775,8 @@ var require_lodash = __commonJS({
           } catch (e) {
           }
         })();
-        var ctxClearTimeout = context.clearTimeout !== root.clearTimeout && context.clearTimeout, ctxNow = Date && Date.now !== root.Date.now && Date.now, ctxSetTimeout = context.setTimeout !== root.setTimeout && context.setTimeout;
-        var nativeCeil = Math2.ceil, nativeFloor = Math2.floor, nativeGetSymbols = Object2.getOwnPropertySymbols, nativeIsBuffer = Buffer2 ? Buffer2.isBuffer : undefined2, nativeIsFinite = context.isFinite, nativeJoin = arrayProto.join, nativeKeys = overArg(Object2.keys, Object2), nativeMax = Math2.max, nativeMin = Math2.min, nativeNow = Date.now, nativeParseInt = context.parseInt, nativeRandom = Math2.random, nativeReverse = arrayProto.reverse;
+        var ctxClearTimeout = context.clearTimeout !== root.clearTimeout && context.clearTimeout, ctxNow = Date2 && Date2.now !== root.Date.now && Date2.now, ctxSetTimeout = context.setTimeout !== root.setTimeout && context.setTimeout;
+        var nativeCeil = Math2.ceil, nativeFloor = Math2.floor, nativeGetSymbols = Object2.getOwnPropertySymbols, nativeIsBuffer = Buffer2 ? Buffer2.isBuffer : undefined2, nativeIsFinite = context.isFinite, nativeJoin = arrayProto.join, nativeKeys = overArg(Object2.keys, Object2), nativeMax = Math2.max, nativeMin = Math2.min, nativeNow = Date2.now, nativeParseInt = context.parseInt, nativeRandom = Math2.random, nativeReverse = arrayProto.reverse;
         var DataView = getNative(context, "DataView"), Map2 = getNative(context, "Map"), Promise2 = getNative(context, "Promise"), Set2 = getNative(context, "Set"), WeakMap = getNative(context, "WeakMap"), nativeCreate = getNative(Object2, "create");
         var metaMap = WeakMap && new WeakMap();
         var realNames = {};
@@ -24143,7 +24144,271 @@ function WorkbenchLaneView({
     }) }) : null })
   ] });
 }
-function cn4(...inputs) {
+var DEFAULT_TOAST_DURATION = 5200;
+var TOAST_DEDUPE_WINDOW = 1200;
+var DEFAULT_MESSAGES = {
+  errorTitle: "Error",
+  warningTitle: "Warning",
+  defaultErrorDescription: "Something went wrong.",
+  defaultWarningDescription: "Please check and try again."
+};
+var ACTIONABLE_TOAST_PATTERNS = [
+  /^(please|select|enter|provide|write|choose|confirm|fill)\b/i,
+  /^(请|请选择|请先|请输入|请填写|请确认|请留意)/
+];
+var DEFAULT_TOAST_CLASS_NAMES = {
+  toast: "group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",
+  description: "group-[.toast]:text-muted-foreground",
+  actionButton: "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
+  cancelButton: "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground"
+};
+var recentToastSignatures = /* @__PURE__ */ new Map();
+function cn4(...classNames) {
+  return classNames.filter(Boolean).join(" ");
+}
+function isToastInput(input) {
+  if (!input || typeof input !== "object" || React.isValidElement(input)) {
+    return false;
+  }
+  return "title" in input || "description" in input || "variant" in input;
+}
+function isEmptyToastContent(value) {
+  return value == null || typeof value === "string" && !value.trim();
+}
+function normalizeToastInput(input, variant, options) {
+  const { description: _description, ...baseOptions } = options ?? {};
+  if (isToastInput(input)) {
+    return {
+      ...baseOptions,
+      ...input,
+      variant: input.variant ?? variant
+    };
+  }
+  return {
+    ...baseOptions,
+    title: input,
+    variant
+  };
+}
+function resolveValue(candidate, value) {
+  if (typeof candidate === "function") {
+    return candidate(value);
+  }
+  return candidate;
+}
+function shouldEmitToast(signature) {
+  const now = Date.now();
+  for (const [key, timestamp] of recentToastSignatures.entries()) {
+    if (now - timestamp > TOAST_DEDUPE_WINDOW) {
+      recentToastSignatures.delete(key);
+    }
+  }
+  const previousTimestamp = recentToastSignatures.get(signature);
+  if (previousTimestamp && now - previousTimestamp < TOAST_DEDUPE_WINDOW) {
+    return false;
+  }
+  recentToastSignatures.set(signature, now);
+  return true;
+}
+function translateMessage(translate, value) {
+  return translate ? translate(value, { defaultValue: value }) : value;
+}
+function getDefaultMessage(messages, key) {
+  return messages?.[key] ?? DEFAULT_MESSAGES[key];
+}
+function emitToast(input) {
+  const { title, description, duration, variant = "info", ...options } = input;
+  const message = isEmptyToastContent(title) ? description : title;
+  if (isEmptyToastContent(message)) {
+    return void 0;
+  }
+  const descriptionValue = !isEmptyToastContent(description) && description !== message ? description : void 0;
+  const sonnerOptions = {
+    ...options,
+    description: descriptionValue,
+    duration: duration ?? DEFAULT_TOAST_DURATION
+  };
+  switch (variant) {
+    case "error":
+      return sonner.toast.error(message, sonnerOptions);
+    case "warning":
+      return sonner.toast.warning(message, sonnerOptions);
+    case "success":
+      return sonner.toast.success(message, sonnerOptions);
+    default:
+      return sonner.toast(message, sonnerOptions);
+  }
+}
+function extractToastMessage(value, fallback = "") {
+  if (!value) return fallback;
+  if (typeof value === "string") {
+    const nextMessage = value.trim();
+    return nextMessage || fallback;
+  }
+  if (value instanceof Error) {
+    const nextMessage = String(value.message || "").trim();
+    return nextMessage || fallback;
+  }
+  if (typeof value === "object" && typeof value.message === "string") {
+    const nextMessage = value.message.trim();
+    if (nextMessage) return nextMessage;
+  }
+  if (typeof value === "object" && typeof value.title === "string") {
+    const nextTitle = value.title.trim();
+    if (nextTitle) return nextTitle;
+  }
+  return fallback;
+}
+function resolveToastVariantForMessage(value) {
+  const message = extractToastMessage(value);
+  if (ACTIONABLE_TOAST_PATTERNS.some((pattern) => pattern.test(message))) {
+    return "warning";
+  }
+  return "error";
+}
+function MonkeysToaster({
+  className,
+  closeButton = true,
+  position = "bottom-right",
+  richColors = true,
+  toastOptions,
+  useThemeClassNames = true,
+  visibleToasts = 10,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    sonner.Toaster,
+    {
+      className: cn4("pointer-events-auto toaster group", className),
+      closeButton,
+      position,
+      richColors,
+      toastOptions: {
+        ...toastOptions,
+        classNames: useThemeClassNames ? {
+          ...DEFAULT_TOAST_CLASS_NAMES,
+          ...toastOptions?.classNames
+        } : toastOptions?.classNames
+      },
+      visibleToasts,
+      ...props
+    }
+  );
+}
+function MonkeysToastProvider({ children, toasterProps }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    children,
+    /* @__PURE__ */ jsxRuntime.jsx(MonkeysToaster, { ...toasterProps })
+  ] });
+}
+function useToastOnValue(value, options = {}) {
+  const previousSignatureRef = React.useRef(null);
+  const translate = options.translate;
+  React.useEffect(() => {
+    if (!value) {
+      previousSignatureRef.current = null;
+      return;
+    }
+    const variant = resolveValue(options.variant, value) ?? "error";
+    const rawTitle = resolveValue(options.title, value);
+    const rawFallbackDescription = resolveValue(options.fallbackDescription, value);
+    const rawDescription = resolveValue(options.description, value) ?? extractToastMessage(value, rawFallbackDescription || "");
+    const title = translateMessage(
+      translate,
+      rawTitle || getDefaultMessage(options.messages, variant === "warning" ? "warningTitle" : "errorTitle")
+    );
+    const description = translateMessage(
+      translate,
+      rawDescription || getDefaultMessage(
+        options.messages,
+        variant === "warning" ? "defaultWarningDescription" : "defaultErrorDescription"
+      )
+    );
+    const signature = resolveValue(options.signature, value) || [variant, title, description].join("|");
+    if (previousSignatureRef.current === signature) {
+      return;
+    }
+    previousSignatureRef.current = signature;
+    if (!shouldEmitToast(signature)) {
+      return;
+    }
+    toast.show({
+      variant,
+      title,
+      description,
+      duration: resolveValue(options.duration, value)
+    });
+  }, [
+    options.description,
+    options.duration,
+    options.fallbackDescription,
+    options.messages,
+    options.signature,
+    options.title,
+    options.variant,
+    translate,
+    value
+  ]);
+}
+function useToastFeed(items, options = {}) {
+  const previousVisibleSignaturesRef = React.useRef(/* @__PURE__ */ new Set());
+  const translate = options.translate;
+  const emitItem = React.useCallback(
+    (item, index, visibleSignatures) => {
+      const variant = item.variant ?? "info";
+      const title = translateMessage(
+        translate,
+        item.title || getDefaultMessage(options.messages, variant === "warning" ? "warningTitle" : "errorTitle")
+      );
+      const description = translateMessage(
+        translate,
+        item.description || getDefaultMessage(
+          options.messages,
+          variant === "warning" ? "defaultWarningDescription" : "defaultErrorDescription"
+        )
+      );
+      const signature = item.signature || [variant, title, description, index].join("|");
+      visibleSignatures.add(signature);
+      if (previousVisibleSignaturesRef.current.has(signature) || !shouldEmitToast(signature)) {
+        return;
+      }
+      toast.show({
+        variant,
+        title,
+        description,
+        duration: item.duration
+      });
+    },
+    [options.messages, translate]
+  );
+  React.useEffect(() => {
+    const visibleSignatures = /* @__PURE__ */ new Set();
+    items.forEach((item, index) => {
+      if (item) {
+        emitItem(item, index, visibleSignatures);
+      }
+    });
+    previousVisibleSignaturesRef.current = visibleSignatures;
+  }, [emitItem, items]);
+}
+var toast = Object.assign(
+  (message, options) => sonner.toast(message, options),
+  {
+    show: emitToast,
+    error: (input, options) => emitToast(normalizeToastInput(input, "error", options)),
+    warning: (input, options) => emitToast(normalizeToastInput(input, "warning", options)),
+    success: (input, options) => emitToast(normalizeToastInput(input, "success", options)),
+    info: (input, options) => emitToast(normalizeToastInput(input, "info", options)),
+    message: sonner.toast.message,
+    promise: sonner.toast.promise,
+    dismiss: sonner.toast.dismiss,
+    loading: sonner.toast.loading,
+    custom: sonner.toast.custom,
+    getHistory: sonner.toast.getHistory,
+    getToasts: sonner.toast.getToasts
+  }
+);
+function cn5(...inputs) {
   return inputs.filter(Boolean).join(" ");
 }
 function SunIcon({ className }) {
@@ -24195,7 +24460,7 @@ function DarkModeSelector({
   const trigger = /* @__PURE__ */ jsxRuntime.jsx(DropdownMenu3__namespace.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
     "button",
     {
-      className: cn4(
+      className: cn5(
         "inline-flex h-8 w-8 items-center justify-center rounded-md text-[hsl(var(--foreground))] hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--accent-foreground))] transition-colors focus-visible:outline-none",
         className
       ),
@@ -24229,7 +24494,7 @@ function DarkModeSelector({
         children: options.map(({ value, label, Icon }) => /* @__PURE__ */ jsxRuntime.jsxs(
           DropdownMenu3__namespace.Item,
           {
-            className: cn4(
+            className: cn5(
               "relative flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--accent-foreground))]",
               mode === value && "bg-[hsl(var(--accent))]"
             ),
@@ -24291,7 +24556,7 @@ function DarkModeSubMenu({
           {
             checked: mode === value,
             disabled: mode === value,
-            className: cn4(
+            className: cn5(
               "relative flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 pl-7 text-sm outline-none transition-colors hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--accent-foreground))] data-[disabled]:pointer-events-none data-[disabled]:opacity-50"
             ),
             onCheckedChange: () => onModeChange(value),
@@ -24307,7 +24572,7 @@ function DarkModeSubMenu({
     ) })
   ] });
 }
-function cn5(...inputs) {
+function cn6(...inputs) {
   return inputs.filter(Boolean).join(" ");
 }
 function GlobeIcon({ className }) {
@@ -24327,7 +24592,7 @@ function I18nSelector({
   const trigger = /* @__PURE__ */ jsxRuntime.jsx(DropdownMenu3__namespace.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
     "button",
     {
-      className: cn5(
+      className: cn6(
         "inline-flex h-8 w-8 items-center justify-center rounded-md text-[hsl(var(--foreground))] hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--accent-foreground))] transition-colors focus-visible:outline-none",
         className
       ),
@@ -24361,7 +24626,7 @@ function I18nSelector({
         children: languages.map(({ code, label }) => /* @__PURE__ */ jsxRuntime.jsx(
           DropdownMenu3__namespace.Item,
           {
-            className: cn5(
+            className: cn6(
               "relative flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--accent-foreground))]",
               currentLanguage === code && "bg-[hsl(var(--accent))]"
             ),
@@ -24543,10 +24808,14 @@ exports.InteractiveTableEditableTextCell = InteractiveTableEditableTextCell;
 exports.InteractiveTableReadonlyCell = InteractiveTableReadonlyCell;
 exports.InteractiveTableSelectCell = InteractiveTableSelectCell;
 exports.LoginLayout = LoginLayout;
+exports.MonkeysToastProvider = MonkeysToastProvider;
+exports.MonkeysToaster = MonkeysToaster;
 exports.NavButton = NavButton;
 exports.OAuthButton = OAuthButton;
 exports.OIDCButton = OIDCButton;
 exports.PendingApproval = PendingApproval;
+exports.ToastProvider = MonkeysToastProvider;
+exports.Toaster = MonkeysToaster;
 exports.WorkbenchContentPane = WorkbenchContentPane;
 exports.WorkbenchContentToolbar = WorkbenchContentToolbar;
 exports.WorkbenchDetailSidebar = WorkbenchDetailSidebar;
@@ -24565,6 +24834,7 @@ exports.calculateSaturation = calculateSaturation;
 exports.clearRegistry = clearRegistry;
 exports.cn = cn3;
 exports.createSolidColorScale = createSolidColorScale;
+exports.extractToastMessage = extractToastMessage;
 exports.genTailwindTheme = genTailwindTheme;
 exports.getBaseBadgeToneClassName = getBaseBadgeToneClassName;
 exports.getBaseButtonToneClassName = getBaseButtonToneClassName;
@@ -24583,8 +24853,12 @@ exports.resolveBaseAppearance = resolveBaseAppearance;
 exports.resolveComponent = resolveComponent;
 exports.resolveDataExplorerAppearance = resolveDataExplorerAppearance;
 exports.resolveMonkeysTheme = resolveMonkeysTheme;
+exports.resolveToastVariantForMessage = resolveToastVariantForMessage;
 exports.setNeocardTheme = setNeocardTheme;
 exports.setTailwindTheme = setTailwindTheme;
+exports.toast = toast;
 exports.useDarkMode = useDarkMode;
+exports.useToastFeed = useToastFeed;
+exports.useToastOnValue = useToastOnValue;
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map