@expcat/tigercat-react 2.1.1 → 2.1.3

package/dist/components/LoadingBar.mjs

@@ -1,47 +1,53 @@
 import {
   LoadingBarContainer
-} from "../chunk-XT43B7ZI.mjs";
-import {
-  getGlobalTigerLocale
-} from "../chunk-TGXBCKOU.mjs";
+} from "../chunk-QIGZOYBF.mjs";
+import "../chunk-RUIFGSVN.mjs";
 
 // src/components/LoadingBar.tsx
-import { useEffect, useState } from "react";
+import { useSyncExternalStore } from "react";
 import { flushSync } from "react-dom";
 import { createRoot } from "react-dom/client";
 import {
+  createImperativeHost,
   createLoadingBarController,
-  isBrowser,
-  LOADING_BAR_CONTAINER_ROOT_ID,
-  resolveLoadingBarMountTarget
+  isBrowser
 } from "@expcat/tigercat-core";
 import { jsx } from "react/jsx-runtime";
-var containerRoot = null;
-var updateCallback = null;
 var controller = null;
-function getDefaultAriaLabel() {
-  return getGlobalTigerLocale()?.common?.loadingText;
-}
 function getController() {
   if (!controller) {
     controller = createLoadingBarController();
     controller.subscribe(() => {
-      updateCallback?.();
+      if (controller?.getState().visible) return;
+      host.teardown();
     });
   }
   return controller;
 }
-var LoadingBarHost = () => {
-  const [state, setState] = useState(() => getController().getState());
-  useEffect(() => {
-    updateCallback = () => {
-      setState(getController().getState());
-    };
-    setState(getController().getState());
-    return () => {
-      updateCallback = null;
-    };
-  }, []);
+var host = createImperativeHost({
+  mount(element) {
+    const root = createRoot(element);
+    flushSync(() => {
+      root.render(/* @__PURE__ */ jsx(LoadingBarHost, {}));
+    });
+    return root;
+  },
+  unmount(root) {
+    root.unmount();
+  }
+});
+function subscribeLoadingBar(onStoreChange) {
+  return getController().subscribe(onStoreChange);
+}
+function getLoadingBarSnapshot() {
+  return getController().getState();
+}
+function LoadingBarHost() {
+  const state = useSyncExternalStore(
+    subscribeLoadingBar,
+    getLoadingBarSnapshot,
+    getLoadingBarSnapshot
+  );
   if (!state.visible) return null;
   return /* @__PURE__ */ jsx(
     LoadingBarContainer,
@@ -55,79 +61,46 @@ var LoadingBarHost = () => {
       ariaLabel: state.ariaLabel
     }
   );
-};
-function ensureContainer(container) {
-  if (!isBrowser()) {
-    return;
-  }
-  const existingRootEl = document.getElementById(LOADING_BAR_CONTAINER_ROOT_ID);
-  if (containerRoot && !existingRootEl) {
-    containerRoot = null;
-    updateCallback = null;
-  }
-  if (containerRoot) {
-    return;
-  }
-  let rootEl = existingRootEl;
-  if (!rootEl) {
-    rootEl = document.createElement("div");
-    rootEl.id = LOADING_BAR_CONTAINER_ROOT_ID;
-    const mountTarget = resolveLoadingBarMountTarget(container) ?? document.body;
-    mountTarget.appendChild(rootEl);
-  }
-  containerRoot = createRoot(rootEl);
-  flushSync(() => {
-    containerRoot?.render(/* @__PURE__ */ jsx(LoadingBarHost, {}));
-  });
-}
-function teardownContainer() {
-  if (containerRoot) {
-    containerRoot.unmount();
-    containerRoot = null;
-  }
-  updateCallback = null;
-  if (isBrowser()) {
-    const rootEl = document.getElementById(LOADING_BAR_CONTAINER_ROOT_ID);
-    if (rootEl?.parentNode) {
-      rootEl.parentNode.removeChild(rootEl);
-    }
-  }
 }
-function withAriaLabel(options) {
-  if (options?.ariaLabel) return options;
-  const localeLabel = getDefaultAriaLabel();
-  if (!localeLabel && !options) return options;
-  return { ...options, ariaLabel: options?.ariaLabel ?? localeLabel };
+function syncHost(container) {
+  if (!isBrowser()) return;
+  if (!getController().getState().visible) return;
+  host.ensure(container);
 }
 var LoadingBar = {
   start(options) {
-    const resolved = withAriaLabel(options);
-    const shouldUpdateExistingContainer = isBrowser() && containerRoot !== null && document.getElementById(LOADING_BAR_CONTAINER_ROOT_ID) !== null;
-    getController().start(resolved);
-    ensureContainer(resolved?.container);
-    if (shouldUpdateExistingContainer && updateCallback) {
-      updateCallback();
-    }
+    if (!isBrowser()) return;
+    getController().start(options);
+    syncHost(options?.container ?? getController().getState().container);
+  },
+  set(percentage) {
+    if (!isBrowser()) return;
+    getController().set(percentage);
+    syncHost(getController().getState().container);
+  },
+  inc(delta) {
+    if (!isBrowser()) return;
+    getController().inc(delta);
+    syncHost(getController().getState().container);
   },
   finish() {
+    if (!isBrowser()) return;
     getController().finish();
-    if (updateCallback) {
-      updateCallback();
-    } else if (getController().getState().visible) {
-      ensureContainer();
+    if (getController().getState().visible) {
+      syncHost(getController().getState().container);
     }
   },
   error() {
+    if (!isBrowser()) return;
     getController().error();
-    if (updateCallback) {
-      updateCallback();
-    } else {
-      ensureContainer();
+    if (getController().getState().visible) {
+      syncHost(getController().getState().container);
     }
   },
   clear() {
+    if (!isBrowser()) return;
     getController().clear();
-    teardownContainer();
+    host.teardown();
   }
 };
 var LoadingBar_default = LoadingBar;

package/dist/components/LoadingBarContainer.d.mts

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import { LoadingBarContainerProps as LoadingBarContainerProps$1 } from '@expcat/tigercat-core';
 
-interface LoadingBarContainerProps extends LoadingBarContainerProps$1, Omit<React__default.HTMLAttributes<HTMLDivElement>, keyof LoadingBarContainerProps$1> {
+interface LoadingBarContainerProps extends LoadingBarContainerProps$1, Omit<React__default.HTMLAttributes<HTMLDivElement>, keyof LoadingBarContainerProps$1 | 'role'> {
 }
 declare const LoadingBarContainer: React__default.FC<LoadingBarContainerProps>;
 

package/dist/components/LoadingBarContainer.mjs

@@ -1,7 +1,8 @@
 import {
   LoadingBarContainer,
   LoadingBarContainer_default
-} from "../chunk-XT43B7ZI.mjs";
+} from "../chunk-QIGZOYBF.mjs";
+import "../chunk-RUIFGSVN.mjs";
 export {
   LoadingBarContainer,
   LoadingBarContainer_default as default

package/dist/components/LoadingBarRoot.d.mts

@@ -1,6 +1,6 @@
-import { LoadingBarApi, LoadingBarOptions } from '@expcat/tigercat-core';
+import { LoadingBarApi } from '@expcat/tigercat-core';
+export { LoadingBarOptions, LoadingBarProps } from '@expcat/tigercat-core';
 
-type LoadingBarProps = LoadingBarOptions;
 declare const LoadingBar: LoadingBarApi;
 
-export { LoadingBar, type LoadingBarProps };
+export { LoadingBar };

package/dist/components/LoadingBarRoot.mjs

@@ -1,6 +1,6 @@
 import {
   LoadingBar
-} from "../chunk-U4M3DC2P.mjs";
+} from "../chunk-GOIJNJ5D.mjs";
 export {
   LoadingBar
 };

package/dist/components/MarkdownEditor.d.mts

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import { MarkdownEditorMode, MarkdownToolbarItem, MarkdownEditorProps as MarkdownEditorProps$1, TigerLocale, TigerLocaleMarkdownEditor } from '@expcat/tigercat-core';
 
-interface MarkdownEditorProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {
+interface MarkdownEditorProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue' | 'onFocus' | 'onBlur'> {
     value?: string;
     defaultValue?: string;
     placeholder?: string;
@@ -13,13 +13,16 @@ interface MarkdownEditorProps extends Omit<React__default.HTMLAttributes<HTMLDiv
     readOnly?: boolean;
     disabled?: boolean;
     renderer?: MarkdownEditorProps$1['renderer'];
-    /** Locale overrides merged on top of ConfigProvider locale */
     locale?: Partial<TigerLocale>;
-    /** Text/aria label overrides */
     labels?: Partial<TigerLocaleMarkdownEditor>;
+    tabSize?: number;
+    ariaLabel?: string;
+    name?: string;
     onChange?: (markdown: string) => void;
     onModeChange?: (mode: MarkdownEditorMode) => void;
+    onFocus?: React__default.FocusEventHandler<HTMLElement>;
+    onBlur?: React__default.FocusEventHandler<HTMLElement>;
 }
-declare const MarkdownEditor: React__default.FC<MarkdownEditorProps>;
+declare const MarkdownEditor: React__default.ForwardRefExoticComponent<MarkdownEditorProps & React__default.RefAttributes<HTMLTextAreaElement>>;
 
 export { MarkdownEditor, type MarkdownEditorProps, MarkdownEditor as default };

package/dist/components/MarkdownEditor.mjs

@@ -1,10 +1,10 @@
 import {
   MarkdownEditor,
   MarkdownEditor_default
-} from "../chunk-MXXAJSRS.mjs";
-import "../chunk-MEFARVQI.mjs";
-import "../chunk-YSIXURBW.mjs";
-import "../chunk-TGXBCKOU.mjs";
+} from "../chunk-RNH2I23I.mjs";
+import "../chunk-F6T3OLTQ.mjs";
+import "../chunk-UJTAHHQT.mjs";
+import "../chunk-RUIFGSVN.mjs";
 export {
   MarkdownEditor,
   MarkdownEditor_default as default

package/dist/components/Marquee.mjs

@@ -1,7 +1,7 @@
 import {
   Marquee,
   Marquee_default
-} from "../chunk-TQ6RIFWR.mjs";
+} from "../chunk-57IHCV62.mjs";
 export {
   Marquee,
   Marquee_default as default

package/dist/components/MaskInput.d.mts

@@ -2,36 +2,16 @@ import React__default from 'react';
 import { MaskInputProps as MaskInputProps$1, MaskInputChangeDetail } from '@expcat/tigercat-core';
 
 interface MaskInputProps extends MaskInputProps$1, Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'size' | 'value' | 'defaultValue' | 'autoComplete' | 'onChange' | 'onInput' | 'onFocus' | 'onBlur' | 'readOnly'> {
-    /**
-     * Additional CSS classes
-     */
     className?: string;
-    /**
-     * Internal shake trigger counter (used by FormItem)
-     * @internal
-     */
+    /** @internal */
     _shakeTrigger?: number;
-    /**
-     * Change event handler, called with the raw (unmasked) value and detail
-     */
     onChange?: (value: string, detail: MaskInputChangeDetail) => void;
-    /**
-     * Called when every token slot is filled
-     */
     onComplete?: (value: string, maskedValue: string) => void;
-    /**
-     * Focus event handler
-     */
     onFocus?: (event: React__default.FocusEvent<HTMLInputElement>) => void;
-    /**
-     * Blur event handler
-     */
     onBlur?: (event: React__default.FocusEvent<HTMLInputElement>) => void;
-    /**
-     * Clear event handler
-     */
     onClear?: () => void;
+    readOnly?: boolean;
 }
-declare const MaskInput: React__default.FC<MaskInputProps>;
+declare const MaskInput: React__default.ForwardRefExoticComponent<MaskInputProps & React__default.RefAttributes<HTMLInputElement>>;
 
 export { MaskInput, type MaskInputProps, MaskInput as default };

package/dist/components/MaskInput.mjs

@@ -1,9 +1,12 @@
 import {
   MaskInput,
   MaskInput_default
-} from "../chunk-246DAUEF.mjs";
+} from "../chunk-C6FS67EL.mjs";
+import "../chunk-WPRXOO6N.mjs";
+import "../chunk-2AVQQGL2.mjs";
 import "../chunk-F6T3OLTQ.mjs";
-import "../chunk-MEFARVQI.mjs";
+import "../chunk-UJTAHHQT.mjs";
+import "../chunk-RUIFGSVN.mjs";
 export {
   MaskInput,
   MaskInput_default as default

package/dist/components/Masonry.d.mts

@@ -2,7 +2,6 @@ import React__default from 'react';
 import { MasonryProps as MasonryProps$1, MasonryLayoutDetail, MasonryInstance } from '@expcat/tigercat-core';
 
 interface MasonryProps extends MasonryProps$1, Omit<React__default.HTMLAttributes<HTMLDivElement>, 'className'> {
-    /** Fired after the layout is (re)computed */
     onLayout?: (detail: MasonryLayoutDetail) => void;
 }
 declare const Masonry: React__default.ForwardRefExoticComponent<MasonryProps & React__default.RefAttributes<MasonryInstance>>;

package/dist/components/Masonry.mjs

@@ -1,7 +1,7 @@
 import {
   Masonry,
   Masonry_default
-} from "../chunk-J76R2S62.mjs";
+} from "../chunk-NNDEPQJG.mjs";
 export {
   Masonry,
   Masonry_default as default

package/dist/components/Mentions.d.mts

@@ -1,18 +1,18 @@
 import React__default from 'react';
-import { MentionOption, MentionsSize } from '@expcat/tigercat-core';
+import { MentionsProps as MentionsProps$1, MentionOption } from '@expcat/tigercat-core';
+export { MentionOption } from '@expcat/tigercat-core';
 
-interface MentionsProps {
+interface MentionsProps extends Omit<MentionsProps$1, 'value' | 'defaultValue' | 'open'>, Omit<React__default.TextareaHTMLAttributes<HTMLTextAreaElement>, 'value' | 'defaultValue' | 'onChange' | 'onSelect' | 'onFocus' | 'onBlur' | 'prefix' | 'size'> {
     value?: string;
-    prefix?: string;
-    options?: MentionOption[];
-    placeholder?: string;
-    disabled?: boolean;
-    size?: MentionsSize;
-    rows?: number;
+    defaultValue?: string;
+    open?: boolean;
     onChange?: (value: string) => void;
     onSelect?: (option: MentionOption) => void;
-    className?: string;
+    onSearch?: (query: string) => void;
+    onOpenChange?: (open: boolean) => void;
+    onFocus?: React__default.FocusEventHandler<HTMLTextAreaElement>;
+    onBlur?: React__default.FocusEventHandler<HTMLTextAreaElement>;
 }
-declare const Mentions: React__default.FC<MentionsProps>;
+declare const Mentions: React__default.ForwardRefExoticComponent<MentionsProps & React__default.RefAttributes<HTMLTextAreaElement>>;
 
 export { Mentions, type MentionsProps, Mentions as default };

package/dist/components/Mentions.mjs

@@ -1,8 +1,12 @@
 import {
   Mentions,
   Mentions_default
-} from "../chunk-6H5Y7Y6E.mjs";
-import "../chunk-HKAZXG74.mjs";
+} from "../chunk-GRB667BG.mjs";
+import "../chunk-2AVQQGL2.mjs";
+import "../chunk-F6T3OLTQ.mjs";
+import "../chunk-UJTAHHQT.mjs";
+import "../chunk-NPGU6VYD.mjs";
+import "../chunk-RUIFGSVN.mjs";
 export {
   Mentions,
   Mentions_default as default

package/dist/components/Menu.d.mts

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { MenuProps as MenuProps$1, MenuMode, MenuTheme, MenuItemProps as MenuItemProps$1, MenuItemGroupProps as MenuItemGroupProps$1, SubMenuProps as SubMenuProps$1 } from '@expcat/tigercat-core';
+import { MenuProps as MenuProps$1, MenuKey, MenuMode, MenuTheme, MenuItemProps as MenuItemProps$1, MenuItemGroupProps as MenuItemGroupProps$1, SubMenuProps as SubMenuProps$1 } from '@expcat/tigercat-core';
 
 interface MenuContextValue {
     mode: MenuMode;
@@ -7,81 +7,38 @@ interface MenuContextValue {
     collapsed: boolean;
     inlineIndent: number;
     popupPortal: boolean;
-    selectedKeys: (string | number)[];
-    openKeys: (string | number)[];
-    handleSelect: (key: string | number) => void;
-    handleOpenChange: (key: string | number) => void;
+    selectedKeys: MenuKey[];
+    openKeys: MenuKey[];
+    dir: 'ltr' | 'rtl';
+    handleSelect: (key: MenuKey) => void;
+    handleOpenChange: (key: MenuKey, open?: boolean) => void;
+    tabStopKey?: MenuKey;
 }
-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)[];
+interface MenuProps extends Omit<MenuProps$1, 'style'>, Omit<React__default.HTMLAttributes<HTMLElement>, 'onSelect'> {
+    onSelectedKeysChange?: (selectedKeys: MenuKey[]) => void;
+    onOpenKeysChange?: (openKeys: MenuKey[]) => void;
+    onSelect?: (key: MenuKey, info: {
+        selectedKeys: MenuKey[];
     }) => void;
-    /**
-     * Submenu open/close event handler
-     */
-    onOpenChange?: (key: string | number, info: {
-        openKeys: (string | number)[];
+    onOpenChange?: (key: MenuKey, info: {
+        openKeys: MenuKey[];
     }) => void;
-    /**
-     * Search value change handler
-     */
     onSearchChange?: (value: string) => void;
-    /**
-     * Menu content
-     */
     children?: React__default.ReactNode;
 }
-interface MenuItemProps extends MenuItemProps$1 {
-    /**
-     * Menu item content
-     */
+interface MenuItemProps extends MenuItemProps$1, Omit<React__default.HTMLAttributes<HTMLElement>, 'onSelect'> {
     children?: React__default.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__default.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
-     */
+interface SubMenuProps extends SubMenuProps$1, Omit<React__default.HTMLAttributes<HTMLElement>, 'onSelect'> {
     children?: React__default.ReactNode;
-    /**
-     * Nesting level (internal use for indentation)
-     */
     level?: number;
-    /**
-     * Internal override for collapsed rendering (used by SubMenu popup)
-     */
     collapsed?: boolean;
 }
 

package/dist/components/Menu.mjs

@@ -4,8 +4,12 @@ import {
   MenuItemGroup,
   SubMenu,
   useMenuContext
-} from "../chunk-BUXHI6UK.mjs";
-import "../chunk-HKAZXG74.mjs";
+} from "../chunk-HZGTQGSM.mjs";
+import "../chunk-5J7EDMS7.mjs";
+import "../chunk-WPRXOO6N.mjs";
+import "../chunk-UJTAHHQT.mjs";
+import "../chunk-NPGU6VYD.mjs";
+import "../chunk-RUIFGSVN.mjs";
 export {
   Menu,
   MenuItem,

package/dist/components/Message.d.mts

@@ -2,7 +2,6 @@ import { MessageOptions } from '@expcat/tigercat-core';
 export { MessageContainer, MessageContainerProps } from './MessageContainer.mjs';
 import 'react';
 
-type MessageProps = MessageOptions;
 declare const Message: {
     info(options: MessageOptions): () => void;
     success(options: MessageOptions): () => void;
@@ -12,4 +11,4 @@ declare const Message: {
     clear(): void;
 };
 
-export { Message, type MessageProps, Message as default };
+export { Message, Message as default };