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

package/dist/chunk-C5BPHZXK.js

@@ -1,77 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }// src/components/Icon.tsx
-var _react = require('react'); var _react2 = _interopRequireDefault(_react);
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var Icon = ({
-  name,
-  size = "md",
-  color = "currentColor",
-  className,
-  style,
-  children,
-  ...props
-}) => {
-  const iconClasses = _tigercatcore.classNames.call(void 0, _tigercatcore.iconWrapperClasses, className);
-  const iconStyle = { ...style, color };
-  const isDecorative = props["aria-label"] == null && props["aria-labelledby"] == null && props.role == null;
-  const hasChildren = _react2.default.Children.count(children) > 0;
-  const definition = !hasChildren && name ? _tigercatcore.getIconDefinition.call(void 0, name) : void 0;
-  const builtInSvg = definition ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "svg",
-    {
-      className: _tigercatcore.classNames.call(void 0, _tigercatcore.iconSvgBaseClasses, _tigercatcore.iconSizeClasses[size]),
-      xmlns: _tigercatcore.SVG_DEFAULT_XMLNS,
-      viewBox: definition.viewBox,
-      fill: definition.mode === "fill" ? "currentColor" : _tigercatcore.SVG_DEFAULT_FILL,
-      stroke: definition.mode === "stroke" ? "currentColor" : _tigercatcore.SVG_DEFAULT_STROKE,
-      strokeWidth: definition.mode === "stroke" ? 1.5 : void 0,
-      strokeLinecap: definition.mode === "stroke" ? _tigercatcore.iconSvgDefaultStrokeLinecap : void 0,
-      strokeLinejoin: definition.mode === "stroke" ? _tigercatcore.iconSvgDefaultStrokeLinejoin : void 0,
-      children: definition.paths.map((d, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d }, i))
-    }
-  ) : null;
-  const processedChildren = _react2.default.Children.map(children, (child) => {
-    if (!_react2.default.isValidElement(child) || child.type !== "svg") {
-      return child;
-    }
-    const svgProps = child.props;
-    return _react2.default.cloneElement(child, {
-      ...svgProps,
-      className: _tigercatcore.classNames.call(void 0, _tigercatcore.iconSvgBaseClasses, _tigercatcore.iconSizeClasses[size], svgProps.className),
-      xmlns: _nullishCoalesce(svgProps.xmlns, () => ( _tigercatcore.SVG_DEFAULT_XMLNS)),
-      viewBox: _nullishCoalesce(svgProps.viewBox, () => ( _tigercatcore.SVG_DEFAULT_VIEWBOX_24)),
-      fill: _nullishCoalesce(svgProps.fill, () => ( _tigercatcore.SVG_DEFAULT_FILL)),
-      stroke: _nullishCoalesce(svgProps.stroke, () => ( _tigercatcore.SVG_DEFAULT_STROKE)),
-      strokeWidth: _nullishCoalesce(svgProps.strokeWidth, () => ( _tigercatcore.iconSvgDefaultStrokeWidth)),
-      strokeLinecap: _nullishCoalesce(svgProps.strokeLinecap, () => ( _tigercatcore.iconSvgDefaultStrokeLinecap)),
-      strokeLinejoin: _nullishCoalesce(svgProps.strokeLinejoin, () => ( _tigercatcore.iconSvgDefaultStrokeLinejoin))
-    });
-  });
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "span",
-    {
-      ...props,
-      className: iconClasses,
-      style: iconStyle,
-      ...isDecorative ? { "aria-hidden": true } : { role: _nullishCoalesce(props.role, () => ( "img")) },
-      children: _nullishCoalesce(builtInSvg, () => ( processedChildren))
-    }
-  );
-};
-
-
-
-exports.Icon = Icon;

package/dist/chunk-CC5GFX6F.js

@@ -1,219 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
-
-var _chunkL3WPA2RPjs = require('./chunk-L3WPA2RP.js');
-
-// src/components/MarkdownEditor.tsx
-var _react = require('react');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var modes = ["edit", "split", "preview"];
-function scheduleSelectionRestore(textarea, result) {
-  const schedule = typeof requestAnimationFrame === "function" ? requestAnimationFrame : (callback) => window.setTimeout(callback, 0);
-  schedule(() => {
-    textarea.selectionStart = result.selectionStart;
-    textarea.selectionEnd = result.selectionEnd;
-    textarea.focus();
-  });
-}
-var MarkdownEditor = ({
-  value,
-  defaultValue = "",
-  placeholder,
-  mode,
-  defaultMode = "split",
-  toolbar,
-  showModeSwitch = true,
-  height = 360,
-  readOnly = false,
-  disabled = false,
-  renderer,
-  onChange,
-  onModeChange,
-  className,
-  style,
-  ...restProps
-}) => {
-  const textareaRef = _react.useRef.call(void 0, null);
-  const [currentValue, commitValue] = _chunkL3WPA2RPjs.useControlledState.call(void 0, value, defaultValue, onChange);
-  const [currentMode, commitMode] = _chunkL3WPA2RPjs.useControlledState.call(void 0, mode, defaultMode, onModeChange);
-  const toolbarItems = _react.useMemo.call(void 0, 
-    () => toolbar === false ? [] : _nullishCoalesce(toolbar, () => ( _tigercatcore.defaultMarkdownToolbar)),
-    [toolbar]
-  );
-  const previewHtml = _react.useMemo.call(void 0, 
-    () => _tigercatcore.renderMarkdownToHtml.call(void 0, currentValue, renderer),
-    [currentValue, renderer]
-  );
-  const containerStyle = _react.useMemo.call(void 0, () => {
-    const parsedHeight = _tigercatcore.parseMarkdownHeight.call(void 0, height);
-    return { ...parsedHeight ? { height: parsedHeight } : {}, ...style };
-  }, [height, style]);
-  const applyToolbarButton = _react.useCallback.call(void 0, 
-    (button) => {
-      if (readOnly || disabled) return;
-      const textarea = textareaRef.current;
-      const selection = {
-        value: currentValue,
-        selectionStart: _nullishCoalesce(_optionalChain([textarea, 'optionalAccess', _ => _.selectionStart]), () => ( currentValue.length)),
-        selectionEnd: _nullishCoalesce(_optionalChain([textarea, 'optionalAccess', _2 => _2.selectionEnd]), () => ( currentValue.length))
-      };
-      const result = _tigercatcore.applyMarkdownToolbarAction.call(void 0, button, selection);
-      commitValue(result.value);
-      if (textarea) scheduleSelectionRestore(textarea, result);
-    },
-    [commitValue, currentValue, disabled, readOnly]
-  );
-  const handleKeyDown = _react.useCallback.call(void 0, 
-    (event) => {
-      if (event.key === "Tab") {
-        event.preventDefault();
-        const textarea = event.currentTarget;
-        const before = textarea.value.slice(0, textarea.selectionStart);
-        const after = textarea.value.slice(textarea.selectionEnd);
-        const result = {
-          value: `${before}  ${after}`,
-          selectionStart: textarea.selectionStart + 2,
-          selectionEnd: textarea.selectionStart + 2
-        };
-        commitValue(result.value);
-        scheduleSelectionRestore(textarea, result);
-        return;
-      }
-      const match = _tigercatcore.findMarkdownHotkeyMatch.call(void 0, toolbarItems, event.nativeEvent);
-      if (match) {
-        event.preventDefault();
-        applyToolbarButton(match);
-      }
-    },
-    [applyToolbarButton, commitValue, toolbarItems]
-  );
-  const showFormattingToolbar = toolbar !== false;
-  const showTopbar = showFormattingToolbar || showModeSwitch;
-  const showEditor = currentMode === "edit" || currentMode === "split";
-  const showPreview = currentMode === "preview" || currentMode === "split";
-  const previewNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      className: _tigercatcore.classNames.call(void 0, 
-        _tigercatcore.markdownEditorPreviewClasses,
-        currentMode === "split" ? _tigercatcore.markdownEditorSplitDividerClasses : void 0,
-        !currentValue ? _tigercatcore.markdownEditorEmptyPreviewClasses : void 0
-      ),
-      role: "region",
-      "aria-label": "Markdown preview",
-      dangerouslySetInnerHTML: { __html: currentValue ? previewHtml : placeholder || "" }
-    }
-  );
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "div",
-    {
-      className: _tigercatcore.getMarkdownContainerClasses.call(void 0, disabled, className),
-      style: containerStyle,
-      "data-mode": currentMode,
-      ...restProps,
-      children: [
-        showTopbar && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.markdownEditorToolbarClasses, children: [
-          showFormattingToolbar ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "div",
-            {
-              className: _tigercatcore.markdownEditorToolbarGroupClasses,
-              role: "toolbar",
-              "aria-label": "Markdown formatting",
-              children: toolbarItems.map((item, index) => {
-                if (_tigercatcore.isMarkdownToolbarSeparator.call(void 0, item)) {
-                  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    "div",
-                    {
-                      className: _tigercatcore.markdownEditorToolbarSeparatorClasses,
-                      role: "separator",
-                      "aria-orientation": "vertical"
-                    },
-                    `separator-${index}`
-                  );
-                }
-                return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  "button",
-                  {
-                    type: "button",
-                    className: _tigercatcore.getMarkdownToolbarButtonClasses.call(void 0, false),
-                    title: _nullishCoalesce(item.tooltip, () => ( item.label)),
-                    "aria-label": _nullishCoalesce(item.tooltip, () => ( item.label)),
-                    disabled: disabled || readOnly,
-                    onClick: () => applyToolbarButton(item),
-                    children: item.icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { dangerouslySetInnerHTML: { __html: item.icon } }) : item.label
-                  },
-                  item.name
-                );
-              })
-            }
-          ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", {}),
-          showModeSwitch && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "div",
-            {
-              className: _tigercatcore.markdownEditorToolbarGroupClasses,
-              role: "toolbar",
-              "aria-label": "Markdown view mode",
-              children: modes.map((item) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                "button",
-                {
-                  type: "button",
-                  className: _tigercatcore.getMarkdownToolbarButtonClasses.call(void 0, currentMode === item),
-                  "aria-label": _tigercatcore.markdownModeLabels[item],
-                  "aria-pressed": currentMode === item,
-                  disabled,
-                  onClick: () => commitMode(item),
-                  children: _tigercatcore.markdownModeLabels[item]
-                },
-                item
-              ))
-            }
-          )
-        ] }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.getMarkdownBodyClasses.call(void 0, currentMode), children: [
-          showEditor && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "textarea",
-            {
-              ref: textareaRef,
-              className: _tigercatcore.markdownEditorTextareaClasses,
-              value: currentValue,
-              onChange: (event) => commitValue(event.target.value),
-              onKeyDown: handleKeyDown,
-              placeholder,
-              readOnly: readOnly || disabled,
-              disabled,
-              spellCheck: true,
-              "aria-label": "Markdown editor",
-              "aria-multiline": true
-            }
-          ),
-          showPreview && previewNode
-        ] })
-      ]
-    }
-  );
-};
-var MarkdownEditor_default = MarkdownEditor;
-
-
-
-
-exports.MarkdownEditor = MarkdownEditor; exports.MarkdownEditor_default = MarkdownEditor_default;

package/dist/chunk-CDRQSKXT.mjs

@@ -1,195 +0,0 @@
-import {
-  PieChart
-} from "./chunk-XBM76P27.mjs";
-
-// src/components/DonutChart.tsx
-import { useMemo } from "react";
-import {
-  classNames,
-  getChartInnerRect,
-  normalizeChartPadding
-} from "@expcat/tigercat-core";
-import { jsx, jsxs } from "react/jsx-runtime";
-var DONUT_PALETTE = [
-  "var(--tiger-chart-1,#5470c6)",
-  "var(--tiger-chart-2,#91cc75)",
-  "var(--tiger-chart-3,#fac858)",
-  "var(--tiger-chart-4,#ee6666)",
-  "var(--tiger-chart-5,#73c0de)",
-  "var(--tiger-chart-6,#3ba272)",
-  "var(--tiger-chart-1,#fc8452)",
-  "var(--tiger-chart-2,#9a60b4)",
-  "var(--tiger-chart-3,#ea7ccc)"
-];
-var DonutChart = ({
-  width = 320,
-  height = 240,
-  padding = 24,
-  data,
-  innerRadius,
-  innerRadiusRatio = 0.62,
-  outerRadius,
-  startAngle = 0,
-  endAngle = Math.PI * 2,
-  padAngle = 0.04,
-  colors,
-  showLabels = false,
-  labelFormatter,
-  labelPosition = "inside",
-  borderWidth = 0,
-  borderColor = "var(--tiger-surface,#ffffff)",
-  hoverOffset = 10,
-  shadow = true,
-  // Interaction props
-  hoverable = false,
-  hoveredIndex,
-  activeOpacity = 1,
-  inactiveOpacity = 0.3,
-  selectable = false,
-  selectedIndex,
-  // Legend props
-  showLegend = false,
-  legendPosition = "bottom",
-  legendMarkerSize = 10,
-  legendGap = 8,
-  // Tooltip props
-  showTooltip = true,
-  tooltipFormatter,
-  // Accessibility
-  title,
-  desc,
-  className,
-  // DonutChart-specific
-  centerValue,
-  centerLabel,
-  animated: _animated = false,
-  // Visual modes (forwarded to PieChart, opt-in per PR-19k(b6/b7))
-  gradient = false,
-  // Callbacks
-  onHoveredIndexChange,
-  onSelectedIndexChange,
-  onSliceClick,
-  onSliceHover
-}) => {
-  const innerRect = useMemo(
-    () => getChartInnerRect(width, height, padding),
-    [width, height, padding]
-  );
-  const pad = useMemo(() => normalizeChartPadding(padding), [padding]);
-  const resolvedOuterRadius = useMemo(() => {
-    if (typeof outerRadius === "number") return Math.max(0, outerRadius);
-    return Math.max(0, Math.min(innerRect.width, innerRect.height) / 2);
-  }, [outerRadius, innerRect.width, innerRect.height]);
-  const resolvedInnerRadius = useMemo(() => {
-    if (typeof innerRadius === "number") {
-      return Math.min(Math.max(0, innerRadius), resolvedOuterRadius);
-    }
-    const ratio = Math.min(Math.max(innerRadiusRatio ?? 0.62, 0), 1);
-    return resolvedOuterRadius * ratio;
-  }, [innerRadius, innerRadiusRatio, resolvedOuterRadius]);
-  const resolvedColors = useMemo(
-    () => colors && colors.length > 0 ? colors : DONUT_PALETTE,
-    [colors]
-  );
-  const donutTooltipFormatter = useMemo(() => {
-    if (tooltipFormatter) return tooltipFormatter;
-    const total = data.reduce((s, d) => s + d.value, 0);
-    return (datum, index) => {
-      const pct = total > 0 ? (datum.value / total * 100).toFixed(1) : "0";
-      const label = datum.label ?? `#${index + 1}`;
-      return `${label}: ${datum.value} (${pct}%)`;
-    };
-  }, [tooltipFormatter, data]);
-  const hasCenterContent = centerValue !== void 0 || centerLabel !== void 0;
-  const centerX = pad.left + innerRect.width / 2;
-  const centerY = pad.top + innerRect.height / 2;
-  return /* @__PURE__ */ jsxs("div", { className: "inline-block relative", "data-donut-chart": "true", children: [
-    /* @__PURE__ */ jsx(
-      PieChart,
-      {
-        width,
-        height,
-        padding,
-        data,
-        innerRadius: resolvedInnerRadius,
-        outerRadius,
-        startAngle,
-        endAngle,
-        padAngle,
-        colors: resolvedColors,
-        showLabels,
-        labelFormatter,
-        labelPosition,
-        borderWidth,
-        borderColor,
-        hoverOffset,
-        shadow,
-        gradient,
-        hoverable,
-        hoveredIndex,
-        activeOpacity,
-        inactiveOpacity,
-        selectable,
-        selectedIndex,
-        showLegend,
-        legendPosition,
-        legendMarkerSize,
-        legendGap,
-        showTooltip,
-        tooltipFormatter: donutTooltipFormatter,
-        title,
-        desc,
-        className: classNames(className),
-        onHoveredIndexChange,
-        onSelectedIndexChange,
-        onSliceClick,
-        onSliceHover
-      }
-    ),
-    hasCenterContent && /* @__PURE__ */ jsxs(
-      "div",
-      {
-        "data-donut-center": "true",
-        style: {
-          position: "absolute",
-          left: `${centerX}px`,
-          top: `${centerY}px`,
-          transform: "translate(-50%, -50%)",
-          textAlign: "center",
-          pointerEvents: "none",
-          lineHeight: "1.3",
-          padding: "var(--tiger-chart-donut-center-padding, 0)",
-          borderRadius: "var(--tiger-radius-pill, 9999px)",
-          background: "var(--tiger-chart-donut-center-bg, transparent)",
-          boxShadow: "var(--tiger-chart-donut-center-shadow, none)",
-          backdropFilter: "var(--tiger-chart-donut-center-backdrop, none)",
-          WebkitBackdropFilter: "var(--tiger-chart-donut-center-backdrop, none)"
-        },
-        children: [
-          centerValue !== void 0 && /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: "text-xl font-semibold text-[color:var(--tiger-text,#1f2937)]",
-              style: { lineHeight: "1.2" },
-              children: `${centerValue}`
-            }
-          ),
-          centerLabel !== void 0 && /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: "text-xs text-[color:var(--tiger-text-secondary,#6b7280)]",
-              style: { marginTop: "2px" },
-              children: centerLabel
-            }
-          )
-        ]
-      }
-    )
-  ] });
-};
-var DonutChart_default = DonutChart;
-
-export {
-  DonutChart,
-  DonutChart_default
-};

package/dist/chunk-CHPJPIW6.js

@@ -1,93 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/components/Watermark.tsx
-var _react = require('react');
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var Watermark = ({
-  content,
-  image,
-  width = _tigercatcore.watermarkDefaults.width,
-  height = _tigercatcore.watermarkDefaults.height,
-  rotate = _tigercatcore.watermarkDefaults.rotate,
-  zIndex = _tigercatcore.watermarkDefaults.zIndex,
-  gapX = _tigercatcore.watermarkDefaults.gapX,
-  gapY = _tigercatcore.watermarkDefaults.gapY,
-  offsetX = _tigercatcore.watermarkDefaults.offsetX,
-  offsetY = _tigercatcore.watermarkDefaults.offsetY,
-  font,
-  className,
-  children,
-  ...props
-}) => {
-  const [base64, setBase64] = _react.useState.call(void 0, );
-  const wrapperRef = _react.useRef.call(void 0, null);
-  const renderControllerRef = _react.useRef.call(void 0, null);
-  const resolvedFont = _react.useMemo.call(void 0, () => _tigercatcore.resolveWatermarkFont.call(void 0, font), [font]);
-  _react.useEffect.call(void 0, () => {
-    const target = wrapperRef.current;
-    if (!target) return;
-    const controller = _tigercatcore.createWatermarkRenderController.call(void 0, {
-      getRenderOptions: () => ({
-        content,
-        image,
-        width,
-        height,
-        rotate,
-        font: resolvedFont
-      }),
-      onRender: setBase64
-    });
-    renderControllerRef.current = controller;
-    controller.observe(target);
-    controller.render();
-    return () => {
-      controller.disconnect();
-      if (renderControllerRef.current === controller) {
-        renderControllerRef.current = null;
-      }
-    };
-  }, [content, image, width, height, rotate, resolvedFont]);
-  _react.useEffect.call(void 0, () => {
-    if (typeof MutationObserver === "undefined" || !wrapperRef.current) return;
-    const observer = new MutationObserver((mutations) => {
-      for (const m of mutations) {
-        for (const node of Array.from(m.removedNodes)) {
-          if (_optionalChain([node, 'access', _ => _.dataset, 'optionalAccess', _2 => _2.watermark]) === "true") {
-            _optionalChain([renderControllerRef, 'access', _3 => _3.current, 'optionalAccess', _4 => _4.render, 'call', _5 => _5()]);
-            return;
-          }
-        }
-      }
-    });
-    observer.observe(wrapperRef.current, { childList: true });
-    return () => observer.disconnect();
-  }, []);
-  const overlayStyle = _react.useMemo.call(void 0, 
-    () => _tigercatcore.getWatermarkOverlayStyle.call(void 0, {
-      base64Url: base64,
-      width,
-      height,
-      gapX,
-      gapY,
-      offsetX,
-      offsetY,
-      zIndex
-    }),
-    [base64, width, height, gapX, gapY, offsetX, offsetY, zIndex]
-  );
-  const wrapperClasses = _react.useMemo.call(void 0, () => _tigercatcore.classNames.call(void 0, _tigercatcore.watermarkWrapperClasses, className), [className]);
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref: wrapperRef, className: wrapperClasses, ...props, children: [
-    children,
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "data-watermark": "true", "aria-hidden": "true", style: overlayStyle })
-  ] });
-};
-
-
-
-exports.Watermark = Watermark;