@expcat/tigercat-react 1.5.0 → 2.0.0-preview.1

package/dist/components/Menu.d.mts

@@ -1,13 +1,98 @@
 import React from 'react';
-import { M as MenuContextValue, a as MenuProps } from '../types-CcgZY0mv.mjs';
-export { b as MenuItemGroupProps, c as MenuItemProps, S as SubMenuProps } from '../types-CcgZY0mv.mjs';
-export { MenuItem } from './MenuItem.mjs';
-export { SubMenu } from './SubMenu.mjs';
-export { MenuItemGroup } from './MenuItemGroup.mjs';
-import '@expcat/tigercat-core';
+import { MenuProps as MenuProps$1, MenuMode, MenuTheme, MenuItemProps as MenuItemProps$1, MenuItemGroupProps as MenuItemGroupProps$1, SubMenuProps as SubMenuProps$1 } from '@expcat/tigercat-core';
+
+interface MenuContextValue {
+    mode: MenuMode;
+    theme: MenuTheme;
+    collapsed: boolean;
+    inlineIndent: number;
+    popupPortal: boolean;
+    selectedKeys: (string | number)[];
+    openKeys: (string | number)[];
+    handleSelect: (key: string | number) => void;
+    handleOpenChange: (key: string | number) => void;
+}
+interface MenuProps extends MenuProps$1 {
+    /**
+     * Controlled selected keys change handler
+     */
+    onSelectedKeysChange?: (selectedKeys: (string | number)[]) => void;
+    /**
+     * Controlled open keys change handler
+     */
+    onOpenKeysChange?: (openKeys: (string | number)[]) => void;
+    /**
+     * Menu item click event handler
+     */
+    onSelect?: (key: string | number, info: {
+        selectedKeys: (string | number)[];
+    }) => void;
+    /**
+     * Submenu open/close event handler
+     */
+    onOpenChange?: (key: string | number, info: {
+        openKeys: (string | number)[];
+    }) => void;
+    /**
+     * Search value change handler
+     */
+    onSearchChange?: (value: string) => void;
+    /**
+     * Menu content
+     */
+    children?: React.ReactNode;
+}
+interface MenuItemProps extends MenuItemProps$1 {
+    /**
+     * Menu item content
+     */
+    children?: React.ReactNode;
+    /**
+     * Nesting level (internal use for indentation)
+     */
+    level?: number;
+    /**
+     * Internal override for collapsed rendering (used by SubMenu popup)
+     */
+    collapsed?: boolean;
+}
+interface MenuItemGroupProps extends MenuItemGroupProps$1 {
+    /**
+     * Group items
+     */
+    children?: React.ReactNode;
+    /**
+     * Nesting level (internal use for indentation)
+     */
+    level?: number;
+    /**
+     * Internal override for collapsed rendering (used by SubMenu popup)
+     */
+    collapsed?: boolean;
+}
+interface SubMenuProps extends SubMenuProps$1 {
+    /**
+     * Submenu content
+     */
+    children?: React.ReactNode;
+    /**
+     * Nesting level (internal use for indentation)
+     */
+    level?: number;
+    /**
+     * Internal override for collapsed rendering (used by SubMenu popup)
+     */
+    collapsed?: boolean;
+}
 
 declare function useMenuContext(): MenuContextValue | null;
 
+declare const MenuItem: React.FC<MenuItemProps>;
+
+declare const SubMenu: React.FC<SubMenuProps>;
+
+declare const MenuItemGroup: React.FC<MenuItemGroupProps>;
+
 declare const Menu: React.FC<MenuProps>;
 
-export { Menu, MenuContextValue, MenuProps, useMenuContext };
+export { Menu, type MenuContextValue, MenuItem, MenuItemGroup, type MenuItemGroupProps, type MenuItemProps, type MenuProps, SubMenu, type SubMenuProps, useMenuContext };

package/dist/components/Menu.mjs

@@ -4,7 +4,7 @@ import {
   MenuItemGroup,
   SubMenu,
   useMenuContext
-} from "../chunk-D7UR526A.mjs";
+} from "../chunk-Q327ESD2.mjs";
 import "../chunk-SEWNVIHH.mjs";
 export {
   Menu,

package/dist/components/Message.d.mts

@@ -1,22 +1,8 @@
-import React from 'react';
-import { MessageOptions, MessagePosition, MessageInstance } from '@expcat/tigercat-core';
+import { MessageOptions } from '@expcat/tigercat-core';
+export { MessageContainer, MessageContainerProps } from './MessageContainer.mjs';
+import 'react';
 
-/**
- * Message container props
- */
-interface MessageContainerProps {
-    position?: MessagePosition;
-    messages?: MessageInstance[];
-}
-/** Options accepted by the React global Message API. */
 type MessageProps = MessageOptions;
-/**
- * Message container component
- */
-declare const MessageContainer: React.FC<MessageContainerProps>;
-/**
- * Message API
- */
 declare const Message: {
     info(options: MessageOptions): () => void;
     success(options: MessageOptions): () => void;
@@ -26,4 +12,4 @@ declare const Message: {
     clear(): void;
 };
 
-export { Message, MessageContainer, type MessageContainerProps, type MessageProps, Message as default };
+export { Message, type MessageProps, Message as default };

package/dist/components/Message.mjs

@@ -1,9 +1,167 @@
 import {
-  Message,
-  MessageContainer,
-  Message_default
-} from "../chunk-E355NVP7.mjs";
+  MessageContainer
+} from "../chunk-BPQEM6AF.mjs";
 import "../chunk-FLYJVZED.mjs";
+
+// src/components/Message.tsx
+import { useEffect, useState } from "react";
+import { flushSync } from "react-dom";
+import { createRoot } from "react-dom/client";
+import {
+  createInstanceCounter,
+  isBrowser,
+  normalizeStringOption
+} from "@expcat/tigercat-core";
+import { Fragment, jsx } from "react/jsx-runtime";
+var MESSAGE_CONTAINER_ID = "tiger-message-container";
+var MESSAGE_POSITIONS = [
+  "top",
+  "top-left",
+  "top-right",
+  "bottom",
+  "bottom-left",
+  "bottom-right"
+];
+var messageInstances = [];
+var containerRoot = null;
+var updateCallback = null;
+var getNextInstanceId = null;
+function getMessageInstanceId() {
+  getNextInstanceId ??= createInstanceCounter();
+  return getNextInstanceId();
+}
+var MessageHost = () => {
+  const [messages, setMessages] = useState(() => [...messageInstances]);
+  useEffect(() => {
+    updateCallback = () => {
+      setMessages([...messageInstances]);
+    };
+    return () => {
+      updateCallback = null;
+    };
+  }, []);
+  return /* @__PURE__ */ jsx(Fragment, { children: MESSAGE_POSITIONS.map((position) => {
+    const positionedMessages = messages.filter((message) => message.position === position);
+    if (positionedMessages.length === 0) return null;
+    return /* @__PURE__ */ jsx(
+      MessageContainer,
+      {
+        position,
+        messages: positionedMessages,
+        onClose: removeMessage
+      },
+      position
+    );
+  }) });
+};
+function ensureContainer() {
+  if (!isBrowser()) {
+    return;
+  }
+  const rootId = `${MESSAGE_CONTAINER_ID}-root`;
+  const existingRootEl = document.getElementById(rootId);
+  if (containerRoot && !existingRootEl) {
+    containerRoot = null;
+    updateCallback = null;
+  }
+  if (containerRoot) {
+    return;
+  }
+  let rootEl = existingRootEl;
+  if (!rootEl) {
+    rootEl = document.createElement("div");
+    rootEl.id = rootId;
+    document.body.appendChild(rootEl);
+  }
+  containerRoot = createRoot(rootEl);
+  flushSync(() => {
+    containerRoot?.render(/* @__PURE__ */ jsx(MessageHost, {}));
+  });
+}
+function addMessage(config) {
+  const id = getMessageInstanceId();
+  const instance = {
+    id,
+    type: config.type || "info",
+    content: config.content,
+    duration: config.duration !== void 0 ? config.duration : 3e3,
+    closable: config.closable || false,
+    onClose: config.onClose,
+    icon: config.icon,
+    className: config.className,
+    position: config.position ?? "top"
+  };
+  messageInstances.push(instance);
+  const rootId = `${MESSAGE_CONTAINER_ID}-root`;
+  const shouldUpdateExistingContainer = isBrowser() && containerRoot !== null && document.getElementById(rootId) !== null;
+  ensureContainer();
+  if (shouldUpdateExistingContainer && updateCallback) {
+    updateCallback();
+  }
+  if (instance.duration > 0) {
+    setTimeout(() => {
+      removeMessage(id);
+    }, instance.duration);
+  }
+  return () => removeMessage(id);
+}
+function removeMessage(id) {
+  const index = messageInstances.findIndex((msg) => msg.id === id);
+  if (index !== -1) {
+    const instance = messageInstances[index];
+    messageInstances.splice(index, 1);
+    instance.onClose?.();
+    updateCallback?.();
+  }
+}
+function clearAll() {
+  messageInstances.forEach((instance) => {
+    instance.onClose?.();
+  });
+  messageInstances = [];
+  updateCallback?.();
+  if (containerRoot) {
+    containerRoot.unmount();
+    containerRoot = null;
+  }
+  updateCallback = null;
+  const rootId = `${MESSAGE_CONTAINER_ID}-root`;
+  if (isBrowser()) {
+    const rootEl = document.getElementById(rootId);
+    if (rootEl?.parentNode) {
+      rootEl.parentNode.removeChild(rootEl);
+    }
+  }
+}
+function normalizeOptions(options) {
+  return normalizeStringOption(options, "content");
+}
+var Message = {
+  info(options) {
+    const config = normalizeOptions(options);
+    return addMessage({ ...config, type: "info" });
+  },
+  success(options) {
+    const config = normalizeOptions(options);
+    return addMessage({ ...config, type: "success" });
+  },
+  warning(options) {
+    const config = normalizeOptions(options);
+    return addMessage({ ...config, type: "warning" });
+  },
+  error(options) {
+    const config = normalizeOptions(options);
+    return addMessage({ ...config, type: "error" });
+  },
+  loading(options) {
+    const config = normalizeOptions(options);
+    return addMessage({ ...config, type: "loading", duration: 0 });
+  },
+  clear() {
+    clearAll();
+  }
+};
+var Message_default = Message;
 export {
   Message,
   MessageContainer,

package/dist/components/MessageContainer.d.mts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { MessagePosition, MessageInstance } from '@expcat/tigercat-core';
+
+interface MessageContainerProps {
+    position?: MessagePosition;
+    messages?: MessageInstance[];
+    onClose?: (id: string | number) => void;
+}
+declare const MessageContainer: React.FC<MessageContainerProps>;
+
+export { MessageContainer, type MessageContainerProps, MessageContainer as default };

package/dist/components/MessageContainer.mjs

@@ -0,0 +1,9 @@
+import {
+  MessageContainer,
+  MessageContainer_default
+} from "../chunk-BPQEM6AF.mjs";
+import "../chunk-FLYJVZED.mjs";
+export {
+  MessageContainer,
+  MessageContainer_default as default
+};

package/dist/components/MessageRoot.d.mts

@@ -0,0 +1,9 @@
+import { MessageType, MessageOptions } from '@expcat/tigercat-core';
+
+type MessageProps = MessageOptions;
+type MessageClose = () => void;
+declare const Message: Record<MessageType, (options: MessageOptions) => MessageClose> & {
+    clear: () => void;
+};
+
+export { Message, type MessageProps };

package/dist/components/MessageRoot.mjs

@@ -0,0 +1,6 @@
+import {
+  Message
+} from "../chunk-FNBTGIDG.mjs";
+export {
+  Message
+};

package/dist/components/Modal.d.mts

@@ -22,6 +22,10 @@ interface ModalProps extends ModalProps$1, Omit<React.HTMLAttributes<HTMLDivElem
      * Callback when modal is closed
      */
     onClose?: () => void;
+    /**
+     * Callback after the modal close lifecycle completes
+     */
+    onAfterClose?: () => void;
     /**
      * Callback when cancel button or close action is triggered
      */

package/dist/components/Modal.mjs

@@ -1,6 +1,6 @@
 import {
   Modal
-} from "../chunk-SI3P3V75.mjs";
+} from "../chunk-TJDZFN2Z.mjs";
 import "../chunk-5TE7KLE5.mjs";
 import "../chunk-ZJWUBR2X.mjs";
 import "../chunk-SEWNVIHH.mjs";

package/dist/components/Notification.d.mts

@@ -1,21 +1,8 @@
-import React from 'react';
-import { NotificationPosition, NotificationOptions } from '@expcat/tigercat-core';
+import { NotificationOptions, NotificationPosition } from '@expcat/tigercat-core';
+export { NotificationContainer, NotificationContainerProps } from './NotificationContainer.mjs';
+import 'react';
 
-/**
- * Notification container props
- */
-interface NotificationContainerProps {
-    position?: NotificationPosition;
-}
-/** Options accepted by the React global notification API. */
 type NotificationProps = NotificationOptions;
-/**
- * Notification container component
- */
-declare const NotificationContainer: React.FC<NotificationContainerProps>;
-/**
- * Notification API
- */
 declare const notification: {
     info(options: NotificationOptions): () => void;
     success(options: NotificationOptions): () => void;
@@ -24,4 +11,4 @@ declare const notification: {
     clear(position?: NotificationPosition): void;
 };
 
-export { NotificationContainer, type NotificationContainerProps, type NotificationProps, notification as default, notification };
+export { type NotificationProps, notification as default, notification };

package/dist/components/Notification.mjs

@@ -1,9 +1,193 @@
 import {
-  NotificationContainer,
-  Notification_default,
-  notification
-} from "../chunk-DEIVWO2D.mjs";
+  NotificationContainer
+} from "../chunk-JNZHZVPW.mjs";
 import "../chunk-FLYJVZED.mjs";
+
+// src/components/Notification.tsx
+import { useEffect, useState } from "react";
+import { createRoot } from "react-dom/client";
+import {
+  createInstanceCounter,
+  createNotificationStackUpdateScheduler,
+  isBrowser,
+  normalizeStringOption
+} from "@expcat/tigercat-core";
+import { jsx } from "react/jsx-runtime";
+var NOTIFICATION_CONTAINER_ID_PREFIX = "tiger-notification-container";
+var notificationInstancesByPosition = {
+  "top-left": [],
+  "top-right": [],
+  "bottom-left": [],
+  "bottom-right": []
+};
+var containerRoots = {
+  "top-left": null,
+  "top-right": null,
+  "bottom-left": null,
+  "bottom-right": null
+};
+var updateCallbacks = {
+  "top-left": null,
+  "top-right": null,
+  "bottom-left": null,
+  "bottom-right": null
+};
+var stackUpdateScheduler = null;
+var getNextInstanceId = null;
+function getNotificationStackUpdateScheduler() {
+  stackUpdateScheduler ??= createNotificationStackUpdateScheduler();
+  return stackUpdateScheduler;
+}
+function getNotificationInstanceId() {
+  getNextInstanceId ??= createInstanceCounter();
+  return getNextInstanceId();
+}
+function scheduleNotificationStackUpdate(position) {
+  const callback = updateCallbacks[position];
+  if (!callback) return;
+  getNotificationStackUpdateScheduler().schedule(position, callback);
+}
+var NotificationHost = ({ position }) => {
+  const [notifications, setNotifications] = useState([]);
+  useEffect(() => {
+    updateCallbacks[position] = () => {
+      setNotifications([...notificationInstancesByPosition[position]]);
+    };
+    updateCallbacks[position]?.();
+    return () => {
+      getNotificationStackUpdateScheduler().cancel(position);
+      updateCallbacks[position] = null;
+    };
+  }, [position]);
+  return /* @__PURE__ */ jsx(
+    NotificationContainer,
+    {
+      position,
+      notifications,
+      onClose: (id) => removeNotification(id, position)
+    }
+  );
+};
+function ensureContainer(position) {
+  if (!isBrowser()) {
+    return;
+  }
+  const rootId = `${NOTIFICATION_CONTAINER_ID_PREFIX}-${position}-root`;
+  const existingRootEl = document.getElementById(rootId);
+  if (containerRoots[position] && !existingRootEl) {
+    containerRoots[position] = null;
+    updateCallbacks[position] = null;
+    getNotificationStackUpdateScheduler().cancel(position);
+  }
+  if (containerRoots[position]) {
+    return;
+  }
+  let rootEl = existingRootEl;
+  if (!rootEl) {
+    rootEl = document.createElement("div");
+    rootEl.id = rootId;
+    document.body.appendChild(rootEl);
+  }
+  containerRoots[position] = createRoot(rootEl);
+  containerRoots[position].render(/* @__PURE__ */ jsx(NotificationHost, { position }));
+}
+function destroyContainer(position) {
+  const rootId = `${NOTIFICATION_CONTAINER_ID_PREFIX}-${position}-root`;
+  if (containerRoots[position]) {
+    containerRoots[position].unmount();
+    containerRoots[position] = null;
+  }
+  updateCallbacks[position] = null;
+  getNotificationStackUpdateScheduler().cancel(position);
+  if (isBrowser()) {
+    document.getElementById(rootId)?.remove();
+  }
+}
+function addNotification(config) {
+  const position = config.position || "top-right";
+  ensureContainer(position);
+  const id = getNotificationInstanceId();
+  const instance = {
+    id,
+    type: config.type || "info",
+    title: config.title,
+    description: config.description,
+    duration: config.duration !== void 0 ? config.duration : 4500,
+    closable: config.closable !== void 0 ? config.closable : true,
+    onClose: config.onClose,
+    onClick: config.onClick,
+    actions: config.actions,
+    icon: config.icon,
+    className: config.className,
+    position
+  };
+  notificationInstancesByPosition[position].push(instance);
+  scheduleNotificationStackUpdate(position);
+  if (instance.duration > 0) {
+    setTimeout(() => {
+      removeNotification(id, position);
+    }, instance.duration);
+  }
+  return () => removeNotification(id, position);
+}
+function removeNotification(id, position) {
+  const instances = notificationInstancesByPosition[position];
+  const index = instances.findIndex((notif) => notif.id === id);
+  if (index !== -1) {
+    const instance = instances[index];
+    instances.splice(index, 1);
+    instance.onClose?.();
+    if (notificationInstancesByPosition[position].length > 0) {
+      scheduleNotificationStackUpdate(position);
+    }
+  }
+  if (notificationInstancesByPosition[position].length === 0) {
+    destroyContainer(position);
+  }
+}
+function clearAll(position) {
+  if (position) {
+    notificationInstancesByPosition[position].forEach((instance) => {
+      instance.onClose?.();
+    });
+    notificationInstancesByPosition[position] = [];
+    destroyContainer(position);
+  } else {
+    Object.keys(notificationInstancesByPosition).forEach((pos) => {
+      const p = pos;
+      notificationInstancesByPosition[p].forEach((instance) => {
+        instance.onClose?.();
+      });
+      notificationInstancesByPosition[p] = [];
+      destroyContainer(p);
+    });
+  }
+}
+function normalizeOptions(options) {
+  return normalizeStringOption(options, "title");
+}
+var notification = {
+  info(options) {
+    const config = normalizeOptions(options);
+    return addNotification({ ...config, type: "info" });
+  },
+  success(options) {
+    const config = normalizeOptions(options);
+    return addNotification({ ...config, type: "success" });
+  },
+  warning(options) {
+    const config = normalizeOptions(options);
+    return addNotification({ ...config, type: "warning" });
+  },
+  error(options) {
+    const config = normalizeOptions(options);
+    return addNotification({ ...config, type: "error" });
+  },
+  clear(position) {
+    clearAll(position);
+  }
+};
+var Notification_default = notification;
 export {
   NotificationContainer,
   Notification_default as default,

package/dist/components/NotificationCenter.mjs

@@ -1,8 +1,8 @@
 import {
   NotificationCenter,
   NotificationCenter_default
-} from "../chunk-HWZSMV2M.mjs";
-import "../chunk-4DRJA5ZK.mjs";
+} from "../chunk-7PP6RECM.mjs";
+import "../chunk-J4HCTYJG.mjs";
 import "../chunk-6REMGSLS.mjs";
 import "../chunk-Y5X3G2LD.mjs";
 import "../chunk-5TE7KLE5.mjs";

package/dist/components/NotificationContainer.d.mts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { NotificationPosition, NotificationInstance } from '@expcat/tigercat-core';
+
+interface NotificationContainerProps {
+    position?: NotificationPosition;
+    notifications?: NotificationInstance[];
+    onClose?: (id: string | number) => void;
+}
+declare const NotificationContainer: React.FC<NotificationContainerProps>;
+
+export { NotificationContainer, type NotificationContainerProps, NotificationContainer as default };

package/dist/components/NotificationContainer.mjs

@@ -0,0 +1,9 @@
+import {
+  NotificationContainer,
+  NotificationContainer_default
+} from "../chunk-JNZHZVPW.mjs";
+import "../chunk-FLYJVZED.mjs";
+export {
+  NotificationContainer,
+  NotificationContainer_default as default
+};

package/dist/components/NotificationRoot.d.mts

@@ -0,0 +1,9 @@
+import { NotificationOptions, NotificationType, NotificationPosition } from '@expcat/tigercat-core';
+
+type NotificationProps = NotificationOptions;
+type NotificationClose = () => void;
+declare const notification: Record<NotificationType, (options: NotificationOptions) => NotificationClose> & {
+    clear: (position?: NotificationPosition) => void;
+};
+
+export { type NotificationProps, notification };

package/dist/components/NotificationRoot.mjs

@@ -0,0 +1,6 @@
+import {
+  notification
+} from "../chunk-BPFKTAF2.mjs";
+export {
+  notification
+};

package/dist/components/PieChart.mjs

@@ -1,11 +1,11 @@
 import {
   PieChart,
   PieChart_default
-} from "../chunk-QFUIGOOM.mjs";
-import "../chunk-6QML6T3Y.mjs";
-import "../chunk-ZG2W4HS5.mjs";
-import "../chunk-O6YIPNXX.mjs";
+} from "../chunk-BSXPB2V6.mjs";
+import "../chunk-DNOPEJ5I.mjs";
+import "../chunk-YORCCCQX.mjs";
 import "../chunk-DKNVSQSV.mjs";
+import "../chunk-ZG2W4HS5.mjs";
 export {
   PieChart,
   PieChart_default as default

package/dist/components/Popconfirm.mjs

@@ -1,7 +1,7 @@
 import {
   Popconfirm
-} from "../chunk-PTMVWEIC.mjs";
-import "../chunk-C44WSDEY.mjs";
+} from "../chunk-4XGO3OSE.mjs";
+import "../chunk-S7IB6YST.mjs";
 import "../chunk-SEWNVIHH.mjs";
 export {
   Popconfirm