@expcat/tigercat-react 1.0.4 → 1.1.0

package/dist/chunk-BKYE77F2.js

@@ -1,171 +0,0 @@
-'use strict';
-
-var chunkUKGQ7256_js = require('./chunk-UKGQ7256.js');
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-var RichTextEditor = ({
-  value,
-  defaultValue = "",
-  placeholder,
-  mode: _mode = "html",
-  toolbar,
-  height = 300,
-  readOnly = false,
-  disabled = false,
-  onChange,
-  className,
-  ...restProps
-}) => {
-  const editorRef = react.useRef(null);
-  const [currentContent, setInternalValue, isControlled] = chunkUKGQ7256_js.useControlledState(value, defaultValue);
-  const [activeFormats, setActiveFormats] = react.useState(/* @__PURE__ */ new Set());
-  const toolbarButtons = toolbar ?? tigercatCore.defaultToolbar;
-  const empty = tigercatCore.isContentEmpty(currentContent);
-  react.useEffect(() => {
-    if (isControlled && editorRef.current) {
-      const sanitized = tigercatCore.sanitizeHtml(value);
-      if (editorRef.current.innerHTML !== sanitized) {
-        editorRef.current.innerHTML = sanitized;
-      }
-    }
-  }, [value, isControlled]);
-  react.useEffect(() => {
-    if (editorRef.current) {
-      const initial = tigercatCore.sanitizeHtml(isControlled ? value : defaultValue);
-      if (initial) {
-        editorRef.current.innerHTML = initial;
-      }
-    }
-  }, []);
-  const updateActiveFormats = react.useCallback(() => {
-    if (typeof document === "undefined") return;
-    const next = /* @__PURE__ */ new Set();
-    if (document.queryCommandState("bold")) next.add("bold");
-    if (document.queryCommandState("italic")) next.add("italic");
-    if (document.queryCommandState("underline")) next.add("underline");
-    if (document.queryCommandState("strikeThrough")) next.add("strikethrough");
-    if (document.queryCommandState("insertUnorderedList")) next.add("bulletList");
-    if (document.queryCommandState("insertOrderedList")) next.add("orderedList");
-    setActiveFormats(next);
-  }, []);
-  react.useEffect(() => {
-    if (typeof document === "undefined") return;
-    document.addEventListener("selectionchange", updateActiveFormats);
-    return () => {
-      document.removeEventListener("selectionchange", updateActiveFormats);
-    };
-  }, [updateActiveFormats]);
-  const handleInput = react.useCallback(() => {
-    if (!editorRef.current) return;
-    const html = editorRef.current.innerHTML;
-    const sanitized = tigercatCore.sanitizeHtml(html);
-    if (!isControlled) {
-      setInternalValue(sanitized);
-    }
-    onChange?.(sanitized);
-  }, [isControlled, onChange]);
-  const execAction = react.useCallback(
-    (actionName) => {
-      if (readOnly || disabled) return;
-      editorRef.current?.focus();
-      const mapping = tigercatCore.mapToolbarAction(actionName);
-      if (mapping) {
-        document.execCommand(mapping.command, false, mapping.argument);
-        handleInput();
-        updateActiveFormats();
-        return;
-      }
-      if (actionName === "codeBlock") {
-        document.execCommand("formatBlock", false, "PRE");
-        handleInput();
-        return;
-      }
-      if (actionName === "link") {
-        const url = typeof window !== "undefined" ? window.prompt("Enter URL:") : null;
-        if (url && tigercatCore.isValidUrl(url)) {
-          document.execCommand("createLink", false, url);
-          handleInput();
-        }
-        return;
-      }
-      if (actionName === "image") {
-        const url = typeof window !== "undefined" ? window.prompt("Enter image URL:") : null;
-        if (url && tigercatCore.isValidUrl(url)) {
-          document.execCommand("insertImage", false, url);
-          handleInput();
-        }
-      }
-    },
-    [readOnly, disabled, handleInput, updateActiveFormats]
-  );
-  const handleKeydown = react.useCallback(
-    (e) => {
-      const match = tigercatCore.findHotkeyMatch(toolbarButtons, e.nativeEvent);
-      if (match) {
-        e.preventDefault();
-        execAction(match);
-      }
-    },
-    [toolbarButtons, execAction]
-  );
-  const containerClasses = react.useMemo(
-    () => tigercatCore.classNames(tigercatCore.getRichTextContainerClasses(disabled, className)),
-    [disabled, className]
-  );
-  const editorAreaClasses = react.useMemo(() => tigercatCore.getEditorAreaClasses(readOnly), [readOnly]);
-  const containerStyle = react.useMemo(() => {
-    const ht = tigercatCore.parseHeight(height);
-    if (!ht) return void 0;
-    return { height: ht };
-  }, [height]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: containerClasses, style: containerStyle, ...restProps, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.richTextToolbarClasses, role: "toolbar", "aria-label": "Text formatting", children: toolbarButtons.map((btn) => /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type: "button",
-        className: tigercatCore.getToolbarButtonClasses(activeFormats.has(btn.name)),
-        title: btn.tooltip ?? btn.label,
-        "aria-label": btn.label,
-        "aria-pressed": tigercatCore.isInlineFormat(btn.name) ? activeFormats.has(btn.name) : void 0,
-        disabled: disabled || readOnly,
-        onMouseDown: (e) => e.preventDefault(),
-        onClick: () => execAction(btn.name),
-        children: btn.label
-      },
-      btn.name
-    )) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex-1 overflow-hidden", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          ref: editorRef,
-          className: editorAreaClasses,
-          contentEditable: !(readOnly || disabled),
-          role: "textbox",
-          "aria-multiline": true,
-          "aria-readonly": readOnly || void 0,
-          "aria-disabled": disabled || void 0,
-          "aria-placeholder": placeholder,
-          "data-placeholder": placeholder,
-          onInput: handleInput,
-          onKeyDown: handleKeydown,
-          suppressContentEditableWarning: true
-        }
-      ),
-      empty && placeholder && /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          className: `${tigercatCore.richTextPlaceholderClasses} absolute top-0 left-0 p-4 pointer-events-none text-sm`,
-          "aria-hidden": true,
-          children: placeholder
-        }
-      )
-    ] })
-  ] });
-};
-var RichTextEditor_default = RichTextEditor;
-
-exports.RichTextEditor = RichTextEditor;
-exports.RichTextEditor_default = RichTextEditor_default;

package/dist/chunk-CRSMECWE.mjs

@@ -1,33 +0,0 @@
-import React, { useContext, useMemo, useEffect } from 'react';
-import { mergeTigerLocale, ThemeManager } from '@expcat/tigercat-core';
-import { jsx } from 'react/jsx-runtime';
-
-// src/components/ConfigProvider.tsx
-var TigerConfigContext = React.createContext({});
-var ConfigProvider = ({
-  locale,
-  theme,
-  colorScheme,
-  children
-}) => {
-  const parent = useContext(TigerConfigContext);
-  const value = useMemo(() => {
-    return {
-      locale: mergeTigerLocale(parent.locale, locale),
-      theme: theme ?? parent.theme,
-      colorScheme: colorScheme ?? parent.colorScheme
-    };
-  }, [parent.locale, locale, theme, parent.theme, colorScheme, parent.colorScheme]);
-  useEffect(() => {
-    if (value.theme) ThemeManager.setTheme(value.theme);
-  }, [value.theme]);
-  useEffect(() => {
-    if (value.colorScheme) ThemeManager.setColorScheme(value.colorScheme);
-  }, [value.colorScheme]);
-  return /* @__PURE__ */ jsx(TigerConfigContext.Provider, { value, children });
-};
-function useTigerConfig() {
-  return useContext(TigerConfigContext);
-}
-
-export { ConfigProvider, useTigerConfig };

package/dist/chunk-D5KYIQWB.mjs

@@ -1,105 +0,0 @@
-import { useMenuContext } from './chunk-ZIUOENTL.mjs';
-import { useCallback } from 'react';
-import { isKeySelected, classNames, getMenuItemClasses, getMenuItemIndent, moveFocusInMenu, focusMenuEdge, menuItemIconClasses } from '@expcat/tigercat-core';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var MenuItem = ({
-  itemKey,
-  disabled = false,
-  icon,
-  className,
-  children,
-  level = 0,
-  collapsed: collapsedOverride
-}) => {
-  const menuContext = useMenuContext();
-  if (!menuContext) {
-    console.warn("MenuItem must be used within Menu component");
-  }
-  const isSelected = !!menuContext && isKeySelected(itemKey, menuContext.selectedKeys);
-  const effectiveCollapsed = collapsedOverride ?? (menuContext ? menuContext.collapsed : false);
-  const itemClasses = classNames(
-    menuContext ? getMenuItemClasses(isSelected, disabled, menuContext.theme, effectiveCollapsed) : "flex items-center px-4 py-2 cursor-pointer transition-colors duration-200",
-    className
-  );
-  const indentStyle = menuContext && menuContext.mode === "inline" && level > 0 ? getMenuItemIndent(level, menuContext.inlineIndent) : {};
-  const handleClick = useCallback(() => {
-    if (!disabled && menuContext) {
-      menuContext.handleSelect(itemKey);
-    }
-  }, [disabled, menuContext, itemKey]);
-  const handleKeyDown = useCallback(
-    (event) => {
-      if (!menuContext) return;
-      const current = event.currentTarget;
-      const rootMenu = current.closest('ul[role="menu"]');
-      const isRoot = rootMenu?.dataset.tigerMenuRoot === "true";
-      const isHorizontalRoot = isRoot && menuContext.mode === "horizontal";
-      const nextKey = isHorizontalRoot ? "ArrowRight" : "ArrowDown";
-      const prevKey = isHorizontalRoot ? "ArrowLeft" : "ArrowUp";
-      if (event.key === nextKey) {
-        event.preventDefault();
-        moveFocusInMenu(current, 1);
-        return;
-      }
-      if (event.key === prevKey) {
-        event.preventDefault();
-        moveFocusInMenu(current, -1);
-        return;
-      }
-      if (event.key === "Home") {
-        event.preventDefault();
-        focusMenuEdge(current, "start");
-        return;
-      }
-      if (event.key === "End") {
-        event.preventDefault();
-        focusMenuEdge(current, "end");
-        return;
-      }
-      if (event.key === "Enter" || event.key === " ") {
-        event.preventDefault();
-        handleClick();
-      }
-    },
-    [menuContext, handleClick]
-  );
-  const renderIcon = () => {
-    if (!icon) return null;
-    if (typeof icon === "string") {
-      return /* @__PURE__ */ jsx("span", { className: menuItemIconClasses, dangerouslySetInnerHTML: { __html: icon } });
-    }
-    return /* @__PURE__ */ jsx("span", { className: menuItemIconClasses, children: icon });
-  };
-  const renderLabel = () => {
-    if (!effectiveCollapsed) return /* @__PURE__ */ jsx("span", { className: "flex-1", children });
-    if (!icon) {
-      const text = String(children || "");
-      return /* @__PURE__ */ jsx("span", { className: "flex-1 text-center", children: text.charAt(0).toUpperCase() });
-    }
-    return null;
-  };
-  return /* @__PURE__ */ jsx("li", { role: "none", children: /* @__PURE__ */ jsxs(
-    "button",
-    {
-      type: "button",
-      className: itemClasses,
-      style: indentStyle,
-      role: "menuitem",
-      "data-tiger-menuitem": "true",
-      "data-tiger-selected": isSelected ? "true" : "false",
-      "aria-current": isSelected ? "page" : void 0,
-      "aria-disabled": disabled ? "true" : void 0,
-      disabled,
-      tabIndex: -1,
-      onClick: handleClick,
-      onKeyDown: handleKeyDown,
-      children: [
-        renderIcon(),
-        renderLabel()
-      ]
-    }
-  ) });
-};
-
-export { MenuItem };

package/dist/chunk-DUWAV47E.js

@@ -1,42 +0,0 @@
-'use strict';
-
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/components/ChartCanvas.tsx
-var ChartCanvas = ({
-  width = 320,
-  height = 200,
-  padding = 24,
-  className,
-  title,
-  desc,
-  children,
-  ...props
-}) => {
-  const innerRect = react.useMemo(
-    () => tigercatCore.getChartInnerRect(width, height, padding),
-    [width, height, padding]
-  );
-  const svgClasses = react.useMemo(() => tigercatCore.classNames(tigercatCore.chartCanvasBaseClasses, className), [className]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "svg",
-    {
-      ...props,
-      width,
-      height,
-      viewBox: `0 0 ${width} ${height}`,
-      className: svgClasses,
-      children: [
-        title ? /* @__PURE__ */ jsxRuntime.jsx("title", { children: title }) : null,
-        desc ? /* @__PURE__ */ jsxRuntime.jsx("desc", { children: desc }) : null,
-        /* @__PURE__ */ jsxRuntime.jsx("g", { transform: `translate(${innerRect.x}, ${innerRect.y})`, children })
-      ]
-    }
-  );
-};
-var ChartCanvas_default = ChartCanvas;
-
-exports.ChartCanvas = ChartCanvas;
-exports.ChartCanvas_default = ChartCanvas_default;

package/dist/chunk-DZGDCRBH.mjs

@@ -1,30 +0,0 @@
-import { useMemo } from 'react';
-import { formatStatisticValue, classNames, getStatisticTitleClasses, getStatisticValueClasses, statisticPrefixClasses, statisticSuffixClasses, statisticBaseClasses } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-// src/components/Statistic.tsx
-var Statistic = ({
-  title,
-  value,
-  precision,
-  prefix,
-  suffix,
-  groupSeparator = false,
-  size = "md",
-  className
-}) => {
-  const formatted = useMemo(
-    () => formatStatisticValue(value, precision, groupSeparator),
-    [value, precision, groupSeparator]
-  );
-  return /* @__PURE__ */ jsxs("div", { className: classNames(statisticBaseClasses, className), children: [
-    title && /* @__PURE__ */ jsx("div", { className: getStatisticTitleClasses(size), children: title }),
-    /* @__PURE__ */ jsxs("div", { className: getStatisticValueClasses(size), children: [
-      prefix && /* @__PURE__ */ jsx("span", { className: statisticPrefixClasses, children: prefix }),
-      /* @__PURE__ */ jsx("span", { children: formatted }),
-      suffix && /* @__PURE__ */ jsx("span", { className: statisticSuffixClasses, children: suffix })
-    ] })
-  ] });
-};
-
-export { Statistic };