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

package/dist/components/ImageViewer.mjs

@@ -1,6 +1,7 @@
 import {
   ImageViewer
-} from "../chunk-KGMVRIYC.mjs";
+} from "../chunk-LOM6NNQK.mjs";
+import "../chunk-QAIBQHIO.mjs";
 export {
   ImageViewer
 };

package/dist/components/InfiniteScroll.mjs

@@ -1,7 +1,7 @@
 import {
   InfiniteScroll,
   InfiniteScroll_default
-} from "../chunk-YH57D4AV.mjs";
+} from "../chunk-LAKPYMBZ.mjs";
 import "../chunk-QAIBQHIO.mjs";
 export {
   InfiniteScroll,

package/dist/components/Input.mjs

@@ -1,7 +1,8 @@
 import {
   Input
-} from "../chunk-QIL24WZD.mjs";
-import "../chunk-WHYHLUXG.mjs";
+} from "../chunk-NRWH5IWZ.mjs";
+import "../chunk-34VGG7AK.mjs";
+import "../chunk-MEFARVQI.mjs";
 export {
   Input
 };

package/dist/components/InputGroup.d.mts

@@ -1,14 +1,14 @@
 import React from 'react';
-import { InputGroupSize } from '@expcat/tigercat-core';
+import { ComponentSize } from '@expcat/tigercat-core';
 
 interface InputGroupContextValue {
-    size?: InputGroupSize;
+    size?: ComponentSize;
     compact?: boolean;
 }
 declare const InputGroupContext: React.Context<InputGroupContextValue | null>;
 declare function useInputGroupContext(): InputGroupContextValue | null;
 interface InputGroupProps extends React.HTMLAttributes<HTMLDivElement> {
-    size?: InputGroupSize;
+    size?: ComponentSize;
     compact?: boolean;
 }
 declare const InputGroup: React.FC<InputGroupProps>;

package/dist/components/InputNumber.mjs

@@ -1,7 +1,8 @@
 import {
   InputNumber
-} from "../chunk-ULWT6W6M.mjs";
-import "../chunk-WHYHLUXG.mjs";
+} from "../chunk-B3O6MAC3.mjs";
+import "../chunk-34VGG7AK.mjs";
+import "../chunk-MEFARVQI.mjs";
 export {
   InputNumber
 };

package/dist/components/Kanban.d.mts

@@ -1,5 +1,5 @@
 import * as _expcat_tigercat_core from '@expcat/tigercat-core';
-import { TaskBoardColumn, TaskBoardCardMoveEvent, TaskBoardColumnMoveEvent } from '@expcat/tigercat-core';
+import { TaskBoardColumn, TaskBoardCardMoveEvent, TaskBoardColumnMoveEvent, KanbanSwimlane } from '@expcat/tigercat-core';
 import React from 'react';
 
 interface KanbanProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
@@ -21,6 +21,10 @@ interface KanbanProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChan
     filterText?: string;
     /** Column IDs to hide */
     hiddenColumns?: (string | number)[];
+    /** Swimlane definitions used to group cards inside each column */
+    swimlanes?: KanbanSwimlane[];
+    /** Card field used to assign a card to a swimlane */
+    swimlaneField?: string;
     /** Show card count badges */
     showCardCount?: boolean;
     /** Allow inline card add */

package/dist/components/Kanban.mjs

@@ -1,8 +1,8 @@
 import {
   Kanban,
   Kanban_default
-} from "../chunk-RVO6R37N.mjs";
-import "../chunk-JOB47R6Q.mjs";
+} from "../chunk-SHDQJ5BJ.mjs";
+import "../chunk-GCOA4AO6.mjs";
 import "../chunk-QAIBQHIO.mjs";
 export {
   Kanban,

package/dist/components/LineChart.mjs

@@ -1,14 +1,14 @@
 import {
   LineChart,
   LineChart_default
-} from "../chunk-ZITBUGBH.mjs";
-import "../chunk-6QML6T3Y.mjs";
-import "../chunk-UBP7HZSU.mjs";
-import "../chunk-SDLMB34Y.mjs";
-import "../chunk-NASC6XHN.mjs";
+} from "../chunk-2YDLAZTK.mjs";
+import "../chunk-DNOPEJ5I.mjs";
+import "../chunk-YORCCCQX.mjs";
 import "../chunk-RQSQXQN6.mjs";
 import "../chunk-DKNVSQSV.mjs";
 import "../chunk-677VSTPW.mjs";
+import "../chunk-ZG2W4HS5.mjs";
+import "../chunk-SDLMB34Y.mjs";
 export {
   LineChart,
   LineChart_default as default

package/dist/components/List.d.mts

@@ -1,6 +1,5 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
-import { ListItem, ListSize, ListBorderStyle, TigerLocale, ListItemLayout, ListPaginationConfig } from '@expcat/tigercat-core';
+import { ListItem, ComponentSize, ListBorderStyle, TigerLocale, ListItemLayout, ListPaginationConfig } from '@expcat/tigercat-core';
 
 interface ListProps<T extends ListItem = ListItem> extends React.HTMLAttributes<HTMLDivElement> {
     /**
@@ -11,7 +10,7 @@ interface ListProps<T extends ListItem = ListItem> extends React.HTMLAttributes<
      * List size
      * @default 'md'
      */
-    size?: ListSize;
+    size?: ComponentSize;
     /**
      * Border style
      * @default 'divided'
@@ -122,6 +121,6 @@ interface ListProps<T extends ListItem = ListItem> extends React.HTMLAttributes<
      */
     onReorder?: (items: T[], from: number, to: number) => void;
 }
-declare const List: <T extends ListItem = ListItem>({ dataSource, size, bordered, loading, emptyText, locale, split, itemLayout, header, footer, pagination, grid, virtual, virtualHeight, virtualItemHeight, virtualOverscan, rowKey, hoverable, renderItem, onItemClick, onPageChange, className, draggable: isDraggable, onReorder, ...divProps }: ListProps<T>) => react_jsx_runtime.JSX.Element;
+declare const List: <T extends ListItem = ListItem>({ dataSource, size, bordered, loading, emptyText, locale, split, itemLayout, header, footer, pagination, grid, virtual, virtualHeight, virtualItemHeight, virtualOverscan, rowKey, hoverable, renderItem, onItemClick, onPageChange, className, draggable: isDraggable, onReorder, ...divProps }: ListProps<T>) => React.JSX.Element;
 
 export { List, type ListProps };

package/dist/components/List.mjs

@@ -1,7 +1,7 @@
 import {
   List
-} from "../chunk-KED5S2WG.mjs";
-import "../chunk-7DUHHRAU.mjs";
+} from "../chunk-6REMGSLS.mjs";
+import "../chunk-Y5X3G2LD.mjs";
 import "../chunk-QAIBQHIO.mjs";
 export {
   List

package/dist/components/Loading.mjs

@@ -1,6 +1,6 @@
 import {
   Loading
-} from "../chunk-2LYV6NBJ.mjs";
+} from "../chunk-WTIEJCRV.mjs";
 import "../chunk-SEWNVIHH.mjs";
 import "../chunk-QAIBQHIO.mjs";
 export {

package/dist/components/MarkdownEditor.mjs

@@ -1,8 +1,8 @@
 import {
   MarkdownEditor,
   MarkdownEditor_default
-} from "../chunk-HHMYERHY.mjs";
-import "../chunk-WHYHLUXG.mjs";
+} from "../chunk-RCUL6RZU.mjs";
+import "../chunk-MEFARVQI.mjs";
 export {
   MarkdownEditor,
   MarkdownEditor_default as default

package/dist/components/Menu.d.mts

@@ -1,13 +1,98 @@
 import React from 'react';
-import { M as MenuContextValue, a as MenuProps } from '../types-DaC4a0Ny.mjs';
-export { c as MenuItemGroupProps, b as MenuItemProps, S as SubMenuProps } from '../types-DaC4a0Ny.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,21 +1,8 @@
-import React from 'react';
-import { MessagePosition, MessageOptions } 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;
-}
-/** 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;
@@ -25,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-SDZKL3IB.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-M3MOSUZO.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 };