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

package/dist/chunk-PTEDJ6MA.js

@@ -1,31 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/Space.tsx
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var Space = ({
-  direction = "horizontal",
-  size = "md",
-  align = "start",
-  wrap = false,
-  children,
-  className,
-  style,
-  ...props
-}) => {
-  const gapStyle = _tigercatcore.getSpaceStyle.call(void 0, size);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      ...props,
-      className: _tigercatcore.getSpaceClasses.call(void 0, { direction, size, align, wrap }, className),
-      style: gapStyle ? { ...gapStyle, ...style } : style,
-      children
-    }
-  );
-};
-
-
-
-exports.Space = Space;

package/dist/chunk-PZNVU37I.js

@@ -1,50 +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; }
-
-var _chunk2WDCWFOMjs = require('./chunk-2WDCWFOM.js');
-
-// src/components/DropdownItem.tsx
-var _react = require('react');
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var DropdownItem = ({
-  disabled = false,
-  divided = false,
-  className,
-  onClick,
-  children,
-  ...buttonProps
-}) => {
-  const context = _react.useContext.call(void 0, _chunk2WDCWFOMjs.DropdownContext);
-  const handleClick = (event) => {
-    if (disabled) {
-      event.preventDefault();
-      return;
-    }
-    _optionalChain([onClick, 'optionalCall', _ => _(event)]);
-    if (_optionalChain([context, 'optionalAccess', _2 => _2.closeOnClick])) {
-      context.handleItemClick();
-    }
-  };
-  const itemClasses = _tigercatcore.classNames.call(void 0, _tigercatcore.getDropdownItemClasses.call(void 0, disabled, divided), className);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "button",
-    {
-      type: "button",
-      className: itemClasses,
-      role: "menuitem",
-      tabIndex: -1,
-      "aria-disabled": disabled,
-      disabled,
-      onClick: handleClick,
-      ...buttonProps,
-      children
-    }
-  );
-};
-
-
-
-exports.DropdownItem = DropdownItem;

package/dist/chunk-Q2GPRAF4.js

@@ -1,70 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/Collapse.tsx
-var _react = require('react');
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var CollapseContext = _react.createContext.call(void 0, null);
-function useCollapseContext() {
-  return _react.useContext.call(void 0, CollapseContext);
-}
-var Collapse = ({
-  activeKey: controlledActiveKey,
-  defaultActiveKey,
-  accordion = false,
-  bordered = true,
-  expandIconPosition = "start",
-  ghost = false,
-  className,
-  style,
-  onChange,
-  children
-}) => {
-  const [internalActiveKeys, setInternalActiveKeys] = _react.useState.call(void 0, 
-    _tigercatcore.normalizeActiveKeys.call(void 0, defaultActiveKey)
-  );
-  const activeKeys = _react.useMemo.call(void 0, () => {
-    return controlledActiveKey !== void 0 ? _tigercatcore.normalizeActiveKeys.call(void 0, controlledActiveKey) : internalActiveKeys;
-  }, [controlledActiveKey, internalActiveKeys]);
-  const handlePanelClick = _react.useCallback.call(void 0, 
-    (key) => {
-      const newKeys = _tigercatcore.togglePanelKey.call(void 0, key, activeKeys, accordion);
-      if (controlledActiveKey === void 0) {
-        setInternalActiveKeys(newKeys);
-      }
-      if (onChange) {
-        if (accordion) {
-          onChange(newKeys.length > 0 ? newKeys[0] : void 0);
-        } else {
-          onChange(newKeys);
-        }
-      }
-    },
-    [activeKeys, accordion, controlledActiveKey, onChange]
-  );
-  const containerClasses = _react.useMemo.call(void 0, () => {
-    return _tigercatcore.classNames.call(void 0, _tigercatcore.getCollapseContainerClasses.call(void 0, bordered, ghost, className));
-  }, [bordered, ghost, className]);
-  const contextValue = _react.useMemo.call(void 0, 
-    () => ({
-      activeKeys,
-      accordion,
-      expandIconPosition,
-      bordered,
-      ghost,
-      handlePanelClick
-    }),
-    [activeKeys, accordion, expandIconPosition, bordered, ghost, handlePanelClick]
-  );
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CollapseContext.Provider, { value: contextValue, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: containerClasses, style, role: "region", children }) });
-};
-var Collapse_default = Collapse;
-
-
-
-
-
-exports.useCollapseContext = useCollapseContext; exports.Collapse = Collapse; exports.Collapse_default = Collapse_default;

package/dist/chunk-Q4JMAQXJ.js

@@ -1,46 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/PrintLayout.tsx
-var _react = require('react');
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var PrintLayout = ({
-  pageSize = "A4",
-  orientation = "portrait",
-  showHeader = false,
-  showFooter = false,
-  headerText,
-  footerText,
-  headerRender,
-  footerRender,
-  className,
-  children,
-  ...rest
-}) => {
-  const classes = _react.useMemo.call(void 0, 
-    () => _tigercatcore.getPrintLayoutClasses.call(void 0, pageSize, orientation, className),
-    [pageSize, orientation, className]
-  );
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ...rest, className: classes, children: [
-    showHeader && (headerRender || headerText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.printLayoutHeaderClasses, children: headerRender || headerText }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "tiger-print-content", children }),
-    showFooter && (footerRender || footerText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.printLayoutFooterClasses, children: footerRender || footerText })
-  ] });
-};
-var PrintPageBreak = (props) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-  "div",
-  {
-    ...props,
-    className: _tigercatcore.classNames.call(void 0, _tigercatcore.printLayoutPageBreakClasses, "print:break-before-page"),
-    "aria-hidden": "true"
-  }
-);
-
-
-
-
-exports.PrintLayout = PrintLayout; exports.PrintPageBreak = PrintPageBreak;

package/dist/chunk-QIKR5EFI.js

@@ -1,230 +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 _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/FunnelChart.tsx
-var _react = require('react');
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var FunnelChart = ({
-  width = 320,
-  height = 300,
-  padding = 24,
-  data,
-  direction: _direction = "vertical",
-  gap = 2,
-  pinch = false,
-  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,
-  title,
-  desc,
-  className,
-  onHoveredIndexChange,
-  onSelectedIndexChange,
-  onSegmentClick,
-  onSegmentHover
-}) => {
-  const {
-    tooltipPosition,
-    resolvedHoveredIndex,
-    activeIndex,
-    handleMouseEnter,
-    handleMouseMove,
-    handleMouseLeave,
-    handleClick,
-    handleKeyDown,
-    handleLegendClick,
-    handleLegendHover,
-    handleLegendLeave,
-    wrapperClasses
-  } = _chunkXTV5JLLCjs.useChartInteraction.call(void 0, {
-    hoverable,
-    hoveredIndexProp,
-    selectable,
-    selectedIndexProp,
-    activeOpacity,
-    inactiveOpacity,
-    legendPosition,
-    getData: (index) => data[index],
-    onHoveredIndexChange: (index) => {
-      _optionalChain([onHoveredIndexChange, 'optionalCall', _ => _(index)]);
-      _optionalChain([onSegmentHover, 'optionalCall', _2 => _2(index, index !== null ? data[index] : null)]);
-    },
-    onSelectedIndexChange,
-    callbacks: { onClick: onSegmentClick }
-  });
-  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 segments = _react.useMemo.call(void 0, 
-    () => _tigercatcore.computeFunnelSegments.call(void 0, data, {
-      width: innerRect.width,
-      height: innerRect.height,
-      gap,
-      pinch,
-      colors: palette
-    }),
-    [data, innerRect.width, innerRect.height, gap, pinch, palette]
-  );
-  const total = _react.useMemo.call(void 0, () => data.reduce((s, d) => s + d.value, 0), [data]);
-  const gradientId = _react.useId.call(void 0, );
-  const gradientPrefix = _react.useMemo.call(void 0, 
-    () => _tigercatcore.getStableChartGradientPrefix.call(void 0, "funnel", gradientId),
-    [gradientId]
-  );
-  const legendItems = _react.useMemo.call(void 0, 
-    () => _tigercatcore.buildChartLegendItems.call(void 0, {
-      data,
-      palette,
-      activeIndex,
-      getLabel: (d, i) => _nullishCoalesce(d.label, () => ( `Stage ${i + 1}`)),
-      getColor: (d, i) => _nullishCoalesce(d.color, () => ( palette[i % palette.length]))
-    }),
-    [data, palette, activeIndex]
-  );
-  const tooltipContent = _react.useMemo.call(void 0, 
-    () => _tigercatcore.resolveChartTooltipContent.call(void 0, resolvedHoveredIndex, data, tooltipFormatter, (datum, index) => {
-      const pct = total > 0 ? (datum.value / total * 100).toFixed(1) : "0";
-      const label = _nullishCoalesce(datum.label, () => ( `Stage ${index + 1}`));
-      return `${label}: ${datum.value} (${pct}%)`;
-    }),
-    [resolvedHoveredIndex, data, tooltipFormatter, total]
-  );
-  const interactive = hoverable || selectable;
-  const chart = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    _chunkUKLVOR4Ejs.ChartCanvas,
-    {
-      width,
-      height,
-      padding,
-      title,
-      desc,
-      className: _tigercatcore.classNames.call(void 0, className),
-      children: [
-        gradient && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "defs", { children: segments.map((seg) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-          "linearGradient",
-          {
-            id: `${gradientPrefix}-${seg.index}`,
-            x1: 0,
-            y1: 0,
-            x2: 0,
-            y2: 1,
-            children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "0%", stopColor: seg.color, stopOpacity: 1 }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "100%", stopColor: seg.color, stopOpacity: 0.55 })
-            ]
-          },
-          `grad-${seg.index}`
-        )) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "g", { "data-series-type": "funnel", children: segments.map((seg) => {
-          const opacity = _tigercatcore.getChartElementOpacity.call(void 0, seg.index, activeIndex, {
-            activeOpacity,
-            inactiveOpacity
-          });
-          return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "path",
-            {
-              d: seg.path,
-              fill: gradient ? `url(#${gradientPrefix}-${seg.index})` : seg.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)"
-              },
-              tabIndex: selectable ? 0 : void 0,
-              role: selectable ? "button" : "img",
-              "aria-label": seg.label,
-              onMouseEnter: (e) => handleMouseEnter(seg.index, e),
-              onMouseMove: handleMouseMove,
-              onMouseLeave: handleMouseLeave,
-              onClick: () => handleClick(seg.index),
-              onKeyDown: (e) => handleKeyDown(e, seg.index)
-            },
-            `seg-${seg.index}`
-          );
-        }) }),
-        segments.map((seg) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "text",
-          {
-            x: seg.cx,
-            y: seg.cy,
-            className: _tigercatcore.chartAxisTickTextClasses,
-            textAnchor: "middle",
-            dominantBaseline: "middle",
-            children: seg.label
-          },
-          `label-${seg.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.FunnelChart = FunnelChart;

package/dist/chunk-QLATA4UB.js

@@ -1,82 +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 _chunkL3WPA2RPjs = require('./chunk-L3WPA2RP.js');
-
-// src/components/RadioGroup.tsx
-var _react = require('react'); var _react2 = _interopRequireDefault(_react);
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var RadioGroupContext = _react2.default.createContext(null);
-var RadioGroup = ({
-  value,
-  defaultValue,
-  name,
-  disabled = false,
-  size = "md",
-  onChange,
-  children,
-  className,
-  ...props
-}) => {
-  const [currentValue, setValue] = _chunkL3WPA2RPjs.useControlledState.call(void 0, value, defaultValue);
-  const generatedNameRef = _react.useRef.call(void 0, 
-    `tiger-radio-group-${Date.now()}-${Math.random().toString(36).slice(2, 11)}`
-  );
-  const groupName = name || generatedNameRef.current;
-  const handleChange = _react.useCallback.call(void 0, 
-    (newValue) => {
-      if (disabled) return;
-      setValue(newValue);
-      _optionalChain([onChange, 'optionalCall', _ => _(newValue)]);
-    },
-    [disabled, setValue, onChange]
-  );
-  const handleKeyDown = (event) => {
-    if (disabled) return;
-    if (event.key !== "ArrowDown" && event.key !== "ArrowRight" && event.key !== "ArrowUp" && event.key !== "ArrowLeft") {
-      return;
-    }
-    const target = event.target;
-    const currentInput = target.closest('input[type="radio"]');
-    if (!currentInput) return;
-    const container = event.currentTarget;
-    const inputs = Array.from(
-      container.querySelectorAll('input[type="radio"]')
-    );
-    const enabledInputs = inputs.filter((input) => !input.disabled);
-    if (enabledInputs.length === 0) return;
-    const currentIndex = enabledInputs.indexOf(currentInput);
-    if (currentIndex === -1) return;
-    event.preventDefault();
-    const direction = event.key === "ArrowDown" || event.key === "ArrowRight" ? 1 : -1;
-    const nextIndex = (currentIndex + direction + enabledInputs.length) % enabledInputs.length;
-    const nextInput = enabledInputs[nextIndex];
-    nextInput.focus();
-    nextInput.click();
-  };
-  const contextValue = _react.useMemo.call(void 0, 
-    () => ({
-      value: currentValue,
-      name: groupName,
-      disabled,
-      size,
-      onChange: handleChange
-    }),
-    [currentValue, groupName, disabled, size, handleChange]
-  );
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RadioGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      className: _tigercatcore.getRadioGroupClasses.call(void 0, { className }),
-      role: "radiogroup",
-      onKeyDown: handleKeyDown,
-      ...props,
-      children
-    }
-  ) });
-};
-
-
-
-
-exports.RadioGroupContext = RadioGroupContext; exports.RadioGroup = RadioGroup;