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

package/dist/chunk-WZUADPYB.js

@@ -1,169 +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/RichTextEditor.tsx
-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,
-  engine,
-  ...restProps
-}) => {
-  const editorRef = _react.useRef.call(void 0, null);
-  const engineRef = _react.useRef.call(void 0, null);
-  const [currentContent, setContent] = _chunkL3WPA2RPjs.useControlledState.call(void 0, value, defaultValue, onChange);
-  const isControlled = value !== void 0;
-  const [activeFormats, setActiveFormats] = _react.useState.call(void 0, /* @__PURE__ */ new Set());
-  const toolbarItems = _nullishCoalesce(toolbar, () => ( _tigercatcore.defaultToolbar));
-  const empty = _tigercatcore.isContentEmpty.call(void 0, currentContent);
-  _react.useEffect.call(void 0, () => {
-    if (!editorRef.current) return;
-    const factory = _nullishCoalesce(engine, () => ( _tigercatcore.builtinRichTextEngine));
-    const instance = factory.create({
-      element: editorRef.current,
-      initialValue: isControlled ? value : defaultValue,
-      readOnly,
-      disabled,
-      placeholder,
-      toolbar: toolbarItems,
-      notifyChange(html) {
-        setContent(html);
-      },
-      notifyActiveFormats(next) {
-        setActiveFormats(next);
-      }
-    });
-    engineRef.current = instance;
-    return () => {
-      instance.destroy();
-      engineRef.current = null;
-    };
-  }, [engine]);
-  _react.useEffect.call(void 0, () => {
-    if (isControlled && engineRef.current && value !== void 0) {
-      engineRef.current.setValue(value);
-    }
-  }, [value, isControlled]);
-  _react.useEffect.call(void 0, () => {
-    _optionalChain([engineRef, 'access', _ => _.current, 'optionalAccess', _2 => _2.setReadOnly, 'call', _3 => _3(readOnly, disabled)]);
-  }, [readOnly, disabled]);
-  const execButtonAction = _react.useCallback.call(void 0, 
-    (btn) => {
-      if (readOnly || disabled) return;
-      if (btn.action && editorRef.current) {
-        btn.action(editorRef.current);
-        return;
-      }
-      _optionalChain([engineRef, 'access', _4 => _4.current, 'optionalAccess', _5 => _5.exec, 'call', _6 => _6(btn.name)]);
-    },
-    [readOnly, disabled]
-  );
-  const handleKeydown = _react.useCallback.call(void 0, 
-    (e) => {
-      const match = _tigercatcore.findHotkeyMatch.call(void 0, toolbarItems, e.nativeEvent);
-      if (match) {
-        e.preventDefault();
-        execButtonAction(match);
-      }
-    },
-    [toolbarItems, execButtonAction]
-  );
-  const containerClasses = _react.useMemo.call(void 0, 
-    () => _tigercatcore.classNames.call(void 0, _tigercatcore.getRichTextContainerClasses.call(void 0, disabled, className)),
-    [disabled, className]
-  );
-  const editorAreaClasses = _react.useMemo.call(void 0, () => _tigercatcore.getEditorAreaClasses.call(void 0, readOnly), [readOnly]);
-  const containerStyle = _react.useMemo.call(void 0, () => {
-    const ht = _tigercatcore.parseHeight.call(void 0, height);
-    if (!ht) return void 0;
-    return { height: ht };
-  }, [height]);
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: containerClasses, style: containerStyle, ...restProps, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.richTextToolbarClasses, role: "toolbar", "aria-label": "Text formatting", children: toolbarItems.map((item, idx) => {
-      if (_tigercatcore.isToolbarSeparator.call(void 0, item)) {
-        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "div",
-          {
-            className: _tigercatcore.richTextToolbarSeparatorClasses,
-            role: "separator",
-            "aria-orientation": "vertical"
-          },
-          `sep-${idx}`
-        );
-      }
-      const btn = item;
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "button",
-        {
-          type: "button",
-          className: _tigercatcore.getToolbarButtonClasses.call(void 0, activeFormats.has(btn.name)),
-          title: _nullishCoalesce(btn.tooltip, () => ( btn.label)),
-          "aria-label": btn.label,
-          "aria-pressed": _tigercatcore.isInlineFormat.call(void 0, btn.name) ? activeFormats.has(btn.name) : void 0,
-          disabled: disabled || readOnly,
-          onMouseDown: (e) => e.preventDefault(),
-          onClick: () => execButtonAction(btn),
-          children: btn.icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { dangerouslySetInnerHTML: { __html: btn.icon } }) : btn.label
-        },
-        btn.name
-      );
-    }) }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative flex-1 overflow-hidden", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "div",
-        {
-          ref: editorRef,
-          className: editorAreaClasses,
-          role: "textbox",
-          "aria-multiline": true,
-          "aria-readonly": readOnly || void 0,
-          "aria-disabled": disabled || void 0,
-          "aria-placeholder": placeholder,
-          "data-placeholder": placeholder,
-          onKeyDown: handleKeydown,
-          suppressContentEditableWarning: true
-        }
-      ),
-      empty && placeholder && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "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-X7JAYXPY.js

@@ -1,239 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 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 _chunkXTV5JLLCjs = require('./chunk-XTV5JLLC.js');
-
-
-var _chunkWV5XHYW6js = require('./chunk-WV5XHYW6.js');
-
-
-var _chunkUVMQJOTXjs = require('./chunk-UVMQJOTX.js');
-
-
-var _chunkUKLVOR4Ejs = require('./chunk-UKLVOR4E.js');
-
-// src/components/TreeMapChart.tsx
-var _react = require('react'); var _react2 = _interopRequireDefault(_react);
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var TreeMapChart = ({
-  width = 400,
-  height = 300,
-  padding = 8,
-  data,
-  gap = 2,
-  showLabels = true,
-  minLabelSize = 10,
-  colors,
-  gradient = false,
-  hoverable = false,
-  hoveredIndex: hoveredIndexProp,
-  activeOpacity = 1,
-  inactiveOpacity = 0.25,
-  selectable = false,
-  selectedIndex: selectedIndexProp,
-  showLegend = false,
-  legendPosition = "bottom",
-  legendMarkerSize = 10,
-  legendGap = 8,
-  showTooltip = true,
-  tooltipFormatter: _tooltipFormatter,
-  title,
-  desc,
-  className,
-  onHoveredIndexChange,
-  onSelectedIndexChange,
-  onNodeClick,
-  onNodeHover
-}) => {
-  const innerRect = _react.useMemo.call(void 0, 
-    () => _tigercatcore.getChartInnerRect.call(void 0, width, height, padding),
-    [width, height, padding]
-  );
-  const palette = _react.useMemo.call(void 0, () => _tigercatcore.resolveChartPalette.call(void 0, colors), [colors]);
-  const gradientId = _react.useId.call(void 0, );
-  const gradientPrefix = _react.useMemo.call(void 0, 
-    () => _tigercatcore.getStableChartGradientPrefix.call(void 0, "treemap", gradientId),
-    [gradientId]
-  );
-  const nodes = _react.useMemo.call(void 0, 
-    () => _tigercatcore.computeTreeMapNodes.call(void 0, data, {
-      width: innerRect.width,
-      height: innerRect.height,
-      gap,
-      colors: palette
-    }),
-    [data, innerRect.width, innerRect.height, gap, palette]
-  );
-  const {
-    tooltipPosition,
-    resolvedHoveredIndex,
-    activeIndex,
-    handleMouseEnter,
-    handleMouseMove,
-    handleMouseLeave,
-    handleClick,
-    handleLegendClick,
-    handleLegendHover,
-    handleLegendLeave,
-    wrapperClasses
-  } = _chunkXTV5JLLCjs.useChartInteraction.call(void 0, {
-    hoverable,
-    hoveredIndexProp,
-    selectable,
-    selectedIndexProp,
-    activeOpacity,
-    inactiveOpacity,
-    legendPosition,
-    getData: (index) => {
-      const node = nodes[index];
-      return node ? { label: node.label, value: node.value } : {};
-    },
-    onHoveredIndexChange: (index) => {
-      _optionalChain([onHoveredIndexChange, 'optionalCall', _ => _(index)]);
-      const node = index !== null ? nodes[index] : null;
-      _optionalChain([onNodeHover, 'optionalCall', _2 => _2(
-        index,
-        node ? { label: node.label, value: node.value } : null
-      )]);
-    },
-    onSelectedIndexChange,
-    callbacks: { onClick: onNodeClick }
-  });
-  const total = _react.useMemo.call(void 0, () => nodes.reduce((s, n) => s + n.value, 0), [nodes]);
-  const legendItems = _react.useMemo.call(void 0, 
-    () => _tigercatcore.buildChartLegendItems.call(void 0, {
-      data: nodes,
-      palette,
-      activeIndex,
-      getLabel: (d) => d.label,
-      getColor: (d) => d.color
-    }),
-    [nodes, palette, activeIndex]
-  );
-  const tooltipContent = _react.useMemo.call(void 0, 
-    () => _tigercatcore.resolveChartTooltipContent.call(void 0, resolvedHoveredIndex, nodes, void 0, (node) => {
-      const pct = total > 0 ? (node.value / total * 100).toFixed(1) : "0";
-      return `${node.label}: ${node.value} (${pct}%)`;
-    }),
-    [resolvedHoveredIndex, nodes, total]
-  );
-  const interactive = hoverable || selectable;
-  const chart = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkUKLVOR4Ejs.ChartCanvas,
-    {
-      width,
-      height,
-      padding,
-      title,
-      desc,
-      className: _tigercatcore.classNames.call(void 0, className),
-      children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "g", { "data-series-type": "treemap", children: [
-        gradient && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "defs", { children: nodes.map((node) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-          "linearGradient",
-          {
-            id: `${gradientPrefix}-${node.index}`,
-            x1: "0",
-            y1: "0",
-            x2: "0",
-            y2: "1",
-            children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "0%", stopColor: node.color, stopOpacity: 1 }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "100%", stopColor: node.color, stopOpacity: 0.7 })
-            ]
-          },
-          `grad-${node.index}`
-        )) }),
-        nodes.map((node) => {
-          const opacity = _tigercatcore.getChartElementOpacity.call(void 0, node.index, activeIndex, {
-            activeOpacity,
-            inactiveOpacity
-          });
-          return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react2.default.Fragment, { children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "rect",
-              {
-                x: node.x,
-                y: node.y,
-                width: node.w,
-                height: node.h,
-                rx: 2,
-                fill: gradient ? `url(#${gradientPrefix}-${node.index})` : node.color,
-                opacity,
-                className: _tigercatcore.classNames.call(void 0, interactive && "cursor-pointer"),
-                style: {
-                  transition: "opacity var(--tiger-motion-duration-base,0.2s) var(--tiger-motion-ease-decelerate,ease-out), filter var(--tiger-motion-duration-base,0.2s) var(--tiger-motion-ease-decelerate,ease-out)",
-                  rx: "var(--tiger-chart-block-radius, 2px)",
-                  filter: activeIndex === node.index ? "var(--tiger-chart-block-active-filter, none)" : "none"
-                },
-                onMouseEnter: (e) => handleMouseEnter(node.index, e),
-                onMouseMove: handleMouseMove,
-                onMouseLeave: handleMouseLeave,
-                onClick: () => handleClick(node.index)
-              }
-            ),
-            showLabels && node.w > 30 && node.h > minLabelSize + 4 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "text",
-              {
-                x: node.x + node.w / 2,
-                y: node.y + node.h / 2,
-                className: "fill-white text-xs",
-                textAnchor: "middle",
-                dominantBaseline: "middle",
-                style: {
-                  pointerEvents: "none",
-                  fontSize: `${Math.min(12, node.h * 0.3)}px`
-                },
-                children: node.label
-              }
-            )
-          ] }, `node-${node.index}`);
-        })
-      ] })
-    }
-  );
-  const tooltip = showTooltip && hoverable ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkUVMQJOTXjs.ChartTooltip,
-    {
-      content: tooltipContent,
-      visible: resolvedHoveredIndex !== null && tooltipContent !== "",
-      x: tooltipPosition.x,
-      y: tooltipPosition.y
-    }
-  ) : null;
-  if (!showLegend) {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "inline-block relative", children: [
-      chart,
-      tooltip
-    ] });
-  }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: wrapperClasses, children: [
-    chart,
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkWV5XHYW6js.ChartLegend,
-      {
-        items: legendItems,
-        position: legendPosition,
-        markerSize: legendMarkerSize,
-        gap: legendGap,
-        interactive,
-        onItemClick: handleLegendClick,
-        onItemHover: handleLegendHover,
-        onItemLeave: handleLegendLeave
-      }
-    ),
-    tooltip
-  ] });
-};
-
-
-
-exports.TreeMapChart = TreeMapChart;

package/dist/chunk-XFPJYKBQ.js

@@ -1,98 +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(); } } 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/FloatButton.tsx
-var _react = require('react');
-var _reactdom = require('react-dom'); var _reactdom2 = _interopRequireDefault(_reactdom);
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var FloatButton = ({
-  shape = "circle",
-  size = "md",
-  type = "primary",
-  tooltip,
-  disabled = false,
-  ariaLabel,
-  className,
-  children,
-  onClick,
-  ...props
-}) => {
-  const classes = _react.useMemo.call(void 0, 
-    () => _tigercatcore.classNames.call(void 0, 
-      _tigercatcore.floatButtonBaseClasses,
-      _tigercatcore.floatButtonShapeClasses[shape],
-      _tigercatcore.floatButtonSizeClasses[size],
-      _tigercatcore.floatButtonTypeClasses[type],
-      disabled && _tigercatcore.floatButtonDisabledClasses,
-      className
-    ),
-    [shape, size, type, disabled, className]
-  );
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "button",
-    {
-      className: classes,
-      type: "button",
-      disabled,
-      "aria-label": _nullishCoalesce(ariaLabel, () => ( tooltip)),
-      title: tooltip,
-      onClick: disabled ? void 0 : onClick,
-      ...props,
-      children
-    }
-  );
-};
-var FloatButtonGroup = ({
-  shape: _shape = "circle",
-  trigger = "click",
-  open: controlledOpen,
-  triggerNode,
-  children,
-  className,
-  onOpenChange,
-  ...props
-}) => {
-  const [internalOpen, setInternalOpen] = _react.useState.call(void 0, false);
-  const isOpen = _nullishCoalesce(controlledOpen, () => ( internalOpen));
-  const toggle = _react.useCallback.call(void 0, () => {
-    const next = !isOpen;
-    setInternalOpen(next);
-    _optionalChain([onOpenChange, 'optionalCall', _ => _(next)]);
-  }, [isOpen, onOpenChange]);
-  const handleMouseEnter = _react.useCallback.call(void 0, () => {
-    setInternalOpen(true);
-    _optionalChain([onOpenChange, 'optionalCall', _2 => _2(true)]);
-  }, [onOpenChange]);
-  const handleMouseLeave = _react.useCallback.call(void 0, () => {
-    setInternalOpen(false);
-    _optionalChain([onOpenChange, 'optionalCall', _3 => _3(false)]);
-  }, [onOpenChange]);
-  const groupClasses = _react.useMemo.call(void 0, () => _tigercatcore.classNames.call(void 0, _tigercatcore.floatButtonGroupClasses, className), [className]);
-  if (!_tigercatcore.isBrowser.call(void 0, )) return null;
-  const content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "div",
-    {
-      className: groupClasses,
-      onMouseEnter: trigger === "hover" ? handleMouseEnter : void 0,
-      onMouseLeave: trigger === "hover" ? handleMouseLeave : void 0,
-      ...props,
-      children: [
-        triggerNode && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { onClick: trigger === "click" ? toggle : void 0, children: triggerNode }),
-        isOpen && children
-      ]
-    }
-  );
-  return _reactdom2.default.createPortal(content, document.body);
-};
-
-
-
-
-exports.FloatButton = FloatButton; exports.FloatButtonGroup = FloatButtonGroup;