@expcat/tigercat-react 2.0.19 → 2.1.1

package/dist/components/FunnelChart.mjs

@@ -1,9 +1,9 @@
 import {
   FunnelChart
-} from "../chunk-7KCQMXJA.mjs";
-import "../chunk-DNOPEJ5I.mjs";
+} from "../chunk-KDURW5AS.mjs";
+import "../chunk-JZZPLKTW.mjs";
 import "../chunk-YORCCCQX.mjs";
-import "../chunk-DKNVSQSV.mjs";
+import "../chunk-CUAXRBKO.mjs";
 import "../chunk-F2ITBDUS.mjs";
 export {
   FunnelChart

package/dist/components/Gantt.d.mts

@@ -7,8 +7,10 @@ interface GanttProps extends Omit<GanttProps$1, 'className'> {
     onTaskClick?: (task: GanttTask) => void;
     onTaskHover?: (task: GanttTask | null) => void;
     onSelectedIdChange?: (id: string | number | null) => void;
+    onTaskChange?: (task: GanttTask) => void;
+    onDataChange?: (data: GanttTask[]) => void;
 }
-declare function Gantt({ data, width, height, padding, scale, rowHeight, barHeight, taskLabelWidth, timelineHeight, minDate, maxDate, minBarWidth, showToday, showProgress, showDependencies, hoverable, selectable, selectedId, activeOpacity, inactiveOpacity, dateFormatter, colors, title, desc, ariaLabel, className, onTaskClick, onTaskHover, onSelectedIdChange }: GanttProps): React__default.ReactElement;
+declare function Gantt({ data, width, height, padding, scale, rowHeight, barHeight, taskLabelWidth, timelineHeight, minDate, maxDate, minBarWidth, showToday, showProgress, showDependencies, hoverable, selectable, selectedId, activeOpacity, inactiveOpacity, dateFormatter, colors, title, desc, ariaLabel, className, onTaskClick, onTaskHover, onSelectedIdChange, onTaskChange, onDataChange }: GanttProps): React__default.ReactElement;
 declare namespace Gantt {
     var displayName: string;
 }

package/dist/components/Gantt.mjs

@@ -1,7 +1,7 @@
 import {
   Gantt
-} from "../chunk-CB4SK5AU.mjs";
-import "../chunk-DKNVSQSV.mjs";
+} from "../chunk-2YBLMVDT.mjs";
+import "../chunk-CUAXRBKO.mjs";
 export {
   Gantt
 };

package/dist/components/GaugeChart.mjs

@@ -1,8 +1,8 @@
 import {
   GaugeChart
-} from "../chunk-EKILTLUO.mjs";
+} from "../chunk-72CJNKDY.mjs";
 import "../chunk-YORCCCQX.mjs";
-import "../chunk-DKNVSQSV.mjs";
+import "../chunk-CUAXRBKO.mjs";
 export {
   GaugeChart
 };

package/dist/components/HeatmapChart.mjs

@@ -1,9 +1,9 @@
 import {
   HeatmapChart
-} from "../chunk-25D5TXZH.mjs";
-import "../chunk-DNOPEJ5I.mjs";
+} from "../chunk-32MCQMBJ.mjs";
+import "../chunk-JZZPLKTW.mjs";
 import "../chunk-YORCCCQX.mjs";
-import "../chunk-DKNVSQSV.mjs";
+import "../chunk-CUAXRBKO.mjs";
 export {
   HeatmapChart
 };

package/dist/components/Highlight.d.mts

@@ -0,0 +1,11 @@
+import React__default from 'react';
+import { HighlightProps as HighlightProps$1 } from '@expcat/tigercat-core';
+
+interface HighlightProps extends Omit<HighlightProps$1, 'style' | 'highlightStyle'>, Omit<React__default.ComponentPropsWithoutRef<'span'>, keyof HighlightProps$1> {
+    children?: React__default.ReactNode;
+    style?: React__default.CSSProperties;
+    highlightStyle?: React__default.CSSProperties;
+}
+declare const Highlight: React__default.ForwardRefExoticComponent<HighlightProps & React__default.RefAttributes<HTMLSpanElement>>;
+
+export { Highlight, type HighlightProps, Highlight as default };

package/dist/components/Highlight.mjs

@@ -0,0 +1,8 @@
+import {
+  Highlight,
+  Highlight_default
+} from "../chunk-SEOG5AGS.mjs";
+export {
+  Highlight,
+  Highlight_default as default
+};

package/dist/components/Image.mjs

@@ -1,9 +1,9 @@
 import {
   Image
-} from "../chunk-DPWRXXXW.mjs";
-import "../chunk-HSBN5MLS.mjs";
-import "../chunk-ZCGIZOMT.mjs";
-import "../chunk-ZG56T75O.mjs";
+} from "../chunk-OJ6SHHOZ.mjs";
+import "../chunk-3LACOSJQ.mjs";
+import "../chunk-V7HJ5HLC.mjs";
+import "../chunk-WTHWLCRL.mjs";
 import "../chunk-HKAZXG74.mjs";
 import "../chunk-YSIXURBW.mjs";
 import "../chunk-TGXBCKOU.mjs";

package/dist/components/ImageCompare.d.mts

@@ -0,0 +1,15 @@
+import React__default from 'react';
+import { ImageCompareProps as ImageCompareProps$1 } from '@expcat/tigercat-core';
+
+interface ImageCompareProps extends Omit<ImageCompareProps$1, 'style'>, Omit<React__default.ComponentPropsWithoutRef<'div'>, keyof ImageCompareProps$1 | 'onChange'> {
+    /** Before pane content. Takes precedence over `beforeSrc`. */
+    before?: React__default.ReactNode;
+    /** After pane content. Takes precedence over `afterSrc`. */
+    after?: React__default.ReactNode;
+    style?: React__default.CSSProperties;
+    /** Called when the handle position changes */
+    onChange?: (position: number) => void;
+}
+declare const ImageCompare: React__default.ForwardRefExoticComponent<ImageCompareProps & React__default.RefAttributes<HTMLDivElement>>;
+
+export { ImageCompare, type ImageCompareProps, ImageCompare as default };

package/dist/components/ImageCompare.mjs

@@ -0,0 +1,8 @@
+import {
+  ImageCompare,
+  ImageCompare_default
+} from "../chunk-OKYMTHFQ.mjs";
+export {
+  ImageCompare,
+  ImageCompare_default as default
+};

package/dist/components/ImageGroup.mjs

@@ -1,8 +1,8 @@
 import {
   ImageGroup,
   ImageGroupContext
-} from "../chunk-HSBN5MLS.mjs";
-import "../chunk-ZCGIZOMT.mjs";
+} from "../chunk-3LACOSJQ.mjs";
+import "../chunk-V7HJ5HLC.mjs";
 import "../chunk-HKAZXG74.mjs";
 import "../chunk-YSIXURBW.mjs";
 import "../chunk-TGXBCKOU.mjs";

package/dist/components/ImagePreview.mjs

@@ -1,6 +1,6 @@
 import {
   ImagePreview
-} from "../chunk-ZCGIZOMT.mjs";
+} from "../chunk-V7HJ5HLC.mjs";
 import "../chunk-HKAZXG74.mjs";
 import "../chunk-YSIXURBW.mjs";
 import "../chunk-TGXBCKOU.mjs";

package/dist/components/Input.mjs

@@ -1,6 +1,6 @@
 import {
   Input
-} from "../chunk-F6WV53BS.mjs";
+} from "../chunk-3LDDXHW2.mjs";
 import "../chunk-F6T3OLTQ.mjs";
 import "../chunk-34VGG7AK.mjs";
 import "../chunk-MEFARVQI.mjs";

package/dist/components/InputNumber.d.mts

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import { InputNumberProps as InputNumberProps$1 } from '@expcat/tigercat-core';
 
-interface InputNumberProps extends InputNumberProps$1 {
+interface InputNumberProps extends InputNumberProps$1, Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'size' | 'value' | 'defaultValue' | 'onChange' | 'onFocus' | 'onBlur' | 'min' | 'max' | 'step' | 'readOnly'> {
     /**
      * Change handler (called with committed value)
      */

package/dist/components/InputNumber.mjs

@@ -1,6 +1,6 @@
 import {
   InputNumber
-} from "../chunk-L55UK45A.mjs";
+} from "../chunk-CRIEUKMD.mjs";
 import "../chunk-34VGG7AK.mjs";
 import "../chunk-MEFARVQI.mjs";
 export {

package/dist/components/InputOTP.d.mts

@@ -0,0 +1,33 @@
+import React__default from 'react';
+import { InputOTPProps as InputOTPProps$1 } from '@expcat/tigercat-core';
+
+interface InputOTPProps extends InputOTPProps$1, Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onFocus' | 'onBlur' | 'defaultValue' | 'id'> {
+    /**
+     * Additional CSS classes
+     */
+    className?: string;
+    /**
+     * Internal shake trigger counter (used by FormItem)
+     * @internal
+     */
+    _shakeTrigger?: number;
+    /**
+     * Change event handler, called with the joined value
+     */
+    onChange?: (value: string) => void;
+    /**
+     * Called when every slot is filled, with the complete value
+     */
+    onComplete?: (value: string) => void;
+    /**
+     * Focus event handler (fires when focus enters the group)
+     */
+    onFocus?: (event: React__default.FocusEvent<HTMLDivElement>) => void;
+    /**
+     * Blur event handler (fires when focus leaves the group)
+     */
+    onBlur?: (event: React__default.FocusEvent<HTMLDivElement>) => void;
+}
+declare const InputOTP: React__default.FC<InputOTPProps>;
+
+export { InputOTP, type InputOTPProps, InputOTP as default };

package/dist/components/InputOTP.mjs

@@ -0,0 +1,12 @@
+import {
+  InputOTP,
+  InputOTP_default
+} from "../chunk-IGBQGR6G.mjs";
+import "../chunk-F6T3OLTQ.mjs";
+import "../chunk-MEFARVQI.mjs";
+import "../chunk-YSIXURBW.mjs";
+import "../chunk-TGXBCKOU.mjs";
+export {
+  InputOTP,
+  InputOTP_default as default
+};

package/dist/components/Kanban.mjs

@@ -1,8 +1,8 @@
 import {
   Kanban,
   Kanban_default
-} from "../chunk-PU3JY6RE.mjs";
-import "../chunk-773LH7BK.mjs";
+} from "../chunk-2JMI7TCM.mjs";
+import "../chunk-O6VYD4E4.mjs";
 import "../chunk-YSIXURBW.mjs";
 import "../chunk-TGXBCKOU.mjs";
 export {

package/dist/components/Kbd.d.mts

@@ -0,0 +1,10 @@
+import React__default from 'react';
+import { KbdProps as KbdProps$1 } from '@expcat/tigercat-core';
+
+interface KbdProps extends Omit<KbdProps$1, 'style'>, Omit<React__default.ComponentPropsWithoutRef<'kbd'>, keyof KbdProps$1> {
+    children?: React__default.ReactNode;
+    style?: React__default.CSSProperties;
+}
+declare const Kbd: React__default.ForwardRefExoticComponent<KbdProps & React__default.RefAttributes<HTMLElement>>;
+
+export { Kbd, type KbdProps, Kbd as default };

package/dist/components/Kbd.mjs

@@ -0,0 +1,8 @@
+import {
+  Kbd,
+  Kbd_default
+} from "../chunk-GR3Y3XWP.mjs";
+export {
+  Kbd,
+  Kbd_default as default
+};

package/dist/components/LineChart.mjs

@@ -1,14 +1,15 @@
 import {
   LineChart,
   LineChart_default
-} from "../chunk-NCHUEGUW.mjs";
-import "../chunk-DNOPEJ5I.mjs";
+} from "../chunk-TEVEXDY2.mjs";
+import "../chunk-5JETWHLJ.mjs";
+import "../chunk-JZZPLKTW.mjs";
+import "../chunk-SDLMB34Y.mjs";
 import "../chunk-YORCCCQX.mjs";
 import "../chunk-RQSQXQN6.mjs";
-import "../chunk-DKNVSQSV.mjs";
+import "../chunk-CUAXRBKO.mjs";
 import "../chunk-677VSTPW.mjs";
 import "../chunk-F2ITBDUS.mjs";
-import "../chunk-SDLMB34Y.mjs";
 export {
   LineChart,
   LineChart_default as default

package/dist/components/List.mjs

@@ -1,7 +1,7 @@
 import {
   List
-} from "../chunk-QJE3MZBO.mjs";
-import "../chunk-HHIW7V7B.mjs";
+} from "../chunk-Y6UH3EKE.mjs";
+import "../chunk-M6ZPTGBV.mjs";
 import "../chunk-Y5X3G2LD.mjs";
 import "../chunk-YSIXURBW.mjs";
 import "../chunk-TGXBCKOU.mjs";

package/dist/components/Loading.mjs

@@ -1,6 +1,6 @@
 import {
   Loading
-} from "../chunk-K4GIKSZE.mjs";
+} from "../chunk-I2BENK5X.mjs";
 import "../chunk-HKAZXG74.mjs";
 import "../chunk-YSIXURBW.mjs";
 import "../chunk-TGXBCKOU.mjs";

package/dist/components/LoadingBar.d.mts

@@ -0,0 +1,8 @@
+import { LoadingBarApi, LoadingBarOptions } from '@expcat/tigercat-core';
+export { LoadingBarContainer, LoadingBarContainerProps } from './LoadingBarContainer.mjs';
+import 'react';
+
+type LoadingBarProps = LoadingBarOptions;
+declare const LoadingBar: LoadingBarApi;
+
+export { LoadingBar, type LoadingBarProps, LoadingBar as default };

package/dist/components/LoadingBar.mjs

@@ -0,0 +1,138 @@
+import {
+  LoadingBarContainer
+} from "../chunk-XT43B7ZI.mjs";
+import {
+  getGlobalTigerLocale
+} from "../chunk-TGXBCKOU.mjs";
+
+// src/components/LoadingBar.tsx
+import { useEffect, useState } from "react";
+import { flushSync } from "react-dom";
+import { createRoot } from "react-dom/client";
+import {
+  createLoadingBarController,
+  isBrowser,
+  LOADING_BAR_CONTAINER_ROOT_ID,
+  resolveLoadingBarMountTarget
+} 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?.();
+    });
+  }
+  return controller;
+}
+var LoadingBarHost = () => {
+  const [state, setState] = useState(() => getController().getState());
+  useEffect(() => {
+    updateCallback = () => {
+      setState(getController().getState());
+    };
+    setState(getController().getState());
+    return () => {
+      updateCallback = null;
+    };
+  }, []);
+  if (!state.visible) return null;
+  return /* @__PURE__ */ jsx(
+    LoadingBarContainer,
+    {
+      percentage: state.percentage,
+      status: state.status,
+      color: state.color,
+      height: state.height,
+      className: state.className,
+      style: state.style,
+      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 };
+}
+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();
+    }
+  },
+  finish() {
+    getController().finish();
+    if (updateCallback) {
+      updateCallback();
+    } else if (getController().getState().visible) {
+      ensureContainer();
+    }
+  },
+  error() {
+    getController().error();
+    if (updateCallback) {
+      updateCallback();
+    } else {
+      ensureContainer();
+    }
+  },
+  clear() {
+    getController().clear();
+    teardownContainer();
+  }
+};
+var LoadingBar_default = LoadingBar;
+export {
+  LoadingBar,
+  LoadingBarContainer,
+  LoadingBar_default as default
+};

package/dist/components/LoadingBarContainer.d.mts

@@ -0,0 +1,8 @@
+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> {
+}
+declare const LoadingBarContainer: React__default.FC<LoadingBarContainerProps>;
+
+export { LoadingBarContainer, type LoadingBarContainerProps, LoadingBarContainer as default };

package/dist/components/LoadingBarContainer.mjs

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

package/dist/components/LoadingBarRoot.d.mts

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

package/dist/components/LoadingBarRoot.mjs

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

package/dist/components/Marquee.d.mts

@@ -0,0 +1,10 @@
+import React__default from 'react';
+import { MarqueeProps as MarqueeProps$1 } from '@expcat/tigercat-core';
+
+interface MarqueeProps extends Omit<MarqueeProps$1, 'style'>, Omit<React__default.ComponentPropsWithoutRef<'div'>, keyof MarqueeProps$1> {
+    children?: React__default.ReactNode;
+    style?: React__default.CSSProperties;
+}
+declare const Marquee: React__default.ForwardRefExoticComponent<MarqueeProps & React__default.RefAttributes<HTMLDivElement>>;
+
+export { Marquee, type MarqueeProps, Marquee as default };

package/dist/components/Marquee.mjs

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

package/dist/components/MaskInput.d.mts

@@ -0,0 +1,37 @@
+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
+     */
+    _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;
+}
+declare const MaskInput: React__default.FC<MaskInputProps>;
+
+export { MaskInput, type MaskInputProps, MaskInput as default };

package/dist/components/MaskInput.mjs

@@ -0,0 +1,10 @@
+import {
+  MaskInput,
+  MaskInput_default
+} from "../chunk-246DAUEF.mjs";
+import "../chunk-F6T3OLTQ.mjs";
+import "../chunk-MEFARVQI.mjs";
+export {
+  MaskInput,
+  MaskInput_default as default
+};

package/dist/components/Masonry.d.mts

@@ -0,0 +1,10 @@
+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>>;
+
+export { Masonry, type MasonryProps, Masonry as default };

package/dist/components/Masonry.mjs

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