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

package/dist/chunk-E355NVP7.mjs

@@ -1,261 +0,0 @@
-import {
-  StatusIcon,
-  StatusIconWithLoading
-} from "./chunk-FLYJVZED.mjs";
-
-// src/components/Message.tsx
-import { useState, useEffect, useCallback } from "react";
-import { createRoot } from "react-dom/client";
-import { flushSync } from "react-dom";
-import {
-  classNames,
-  getMessageTypeClasses,
-  defaultMessageThemeColors,
-  messageContainerBaseClasses,
-  messagePositionClasses,
-  messageBaseClasses,
-  messageIconClasses,
-  messageContentClasses,
-  messageCloseButtonClasses,
-  messageLoadingSpinnerClasses,
-  getMessageIconPath,
-  messageCloseIconPath,
-  isBrowser,
-  ANIMATION_DURATION_MS,
-  normalizeStringOption,
-  createInstanceCounter
-} from "@expcat/tigercat-core";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var MESSAGE_CONTAINER_ID = "tiger-message-container";
-var MESSAGE_CLOSE_ARIA_LABEL = "Close message";
-var MESSAGE_POSITIONS = [
-  "top",
-  "top-left",
-  "top-right",
-  "bottom",
-  "bottom-left",
-  "bottom-right"
-];
-var messageInstances = [];
-var containerRoot = null;
-var updateCallback = null;
-var getNextInstanceId = createInstanceCounter();
-var MessageItem = ({ message, onClose }) => {
-  const [isVisible, setIsVisible] = useState(false);
-  useEffect(() => {
-    const timer = setTimeout(() => setIsVisible(true), 10);
-    return () => clearTimeout(timer);
-  }, []);
-  const colorScheme = getMessageTypeClasses(message.type, defaultMessageThemeColors);
-  const messageClasses = classNames(
-    messageBaseClasses,
-    colorScheme.bg,
-    colorScheme.border,
-    colorScheme.text,
-    message.className,
-    isVisible ? "opacity-100 translate-y-0" : "opacity-0 -translate-y-2"
-  );
-  const iconPath = message.icon || getMessageIconPath(message.type);
-  const iconClass = classNames(messageIconClasses, colorScheme.icon);
-  const handleClose = useCallback(() => {
-    setIsVisible(false);
-    setTimeout(() => onClose(message.id), ANIMATION_DURATION_MS);
-  }, [message.id, onClose]);
-  const a11yRole = message.type === "error" ? "alert" : "status";
-  const ariaLive = message.type === "error" ? "assertive" : "polite";
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: messageClasses,
-      role: a11yRole,
-      "aria-live": ariaLive,
-      "aria-atomic": "true",
-      "aria-busy": message.type === "loading" || void 0,
-      "data-tiger-message": true,
-      "data-tiger-message-type": message.type,
-      "data-tiger-message-id": String(message.id),
-      children: [
-        /* @__PURE__ */ jsx(
-          StatusIconWithLoading,
-          {
-            path: iconPath,
-            className: iconClass,
-            isLoading: message.type === "loading",
-            spinnerClass: messageLoadingSpinnerClasses
-          }
-        ),
-        /* @__PURE__ */ jsx("div", { className: messageContentClasses, children: message.content }),
-        message.closable && /* @__PURE__ */ jsx(
-          "button",
-          {
-            className: messageCloseButtonClasses,
-            onClick: handleClose,
-            "aria-label": MESSAGE_CLOSE_ARIA_LABEL,
-            type: "button",
-            children: /* @__PURE__ */ jsx(StatusIcon, { path: messageCloseIconPath, className: "w-4 h-4" })
-          }
-        )
-      ]
-    }
-  );
-};
-var MessageContainer = ({
-  position = "top",
-  messages = messageInstances.filter((message) => message.position === position)
-}) => {
-  const containerClasses = classNames(messageContainerBaseClasses, messagePositionClasses[position]);
-  const containerId = position === "top" ? MESSAGE_CONTAINER_ID : `${MESSAGE_CONTAINER_ID}-${position}`;
-  const handleRemove = useCallback((id) => {
-    removeMessage(id);
-  }, []);
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: containerClasses,
-      id: containerId,
-      "aria-live": "polite",
-      "aria-relevant": "additions",
-      "data-tiger-message-position": position,
-      "data-tiger-message-container": true,
-      children: messages.map((message) => /* @__PURE__ */ jsx(MessageItem, { message, onClose: handleRemove }, message.id))
-    }
-  );
-};
-var MessageHost = () => {
-  const [messages, setMessages] = useState(() => [...messageInstances]);
-  useEffect(() => {
-    updateCallback = () => {
-      setMessages([...messageInstances]);
-    };
-    return () => {
-      updateCallback = null;
-    };
-  }, []);
-  return /* @__PURE__ */ jsx(Fragment, { children: MESSAGE_POSITIONS.map((position) => {
-    const positionedMessages = messages.filter((message) => message.position === position);
-    if (positionedMessages.length === 0) return null;
-    return /* @__PURE__ */ jsx(MessageContainer, { position, messages: positionedMessages }, position);
-  }) });
-};
-function ensureContainer() {
-  if (!isBrowser()) {
-    return;
-  }
-  const rootId = `${MESSAGE_CONTAINER_ID}-root`;
-  const existingRootEl = document.getElementById(rootId);
-  if (containerRoot && !existingRootEl) {
-    containerRoot = null;
-    updateCallback = null;
-  }
-  if (containerRoot) {
-    return;
-  }
-  let rootEl = existingRootEl;
-  if (!rootEl) {
-    rootEl = document.createElement("div");
-    rootEl.id = rootId;
-    document.body.appendChild(rootEl);
-  }
-  containerRoot = createRoot(rootEl);
-  flushSync(() => {
-    containerRoot?.render(/* @__PURE__ */ jsx(MessageHost, {}));
-  });
-}
-function addMessage(config) {
-  const id = getNextInstanceId();
-  const instance = {
-    id,
-    type: config.type || "info",
-    content: config.content,
-    duration: config.duration !== void 0 ? config.duration : 3e3,
-    closable: config.closable || false,
-    onClose: config.onClose,
-    icon: config.icon,
-    className: config.className,
-    position: config.position ?? "top"
-  };
-  messageInstances.push(instance);
-  const rootId = `${MESSAGE_CONTAINER_ID}-root`;
-  const shouldUpdateExistingContainer = isBrowser() && containerRoot !== null && document.getElementById(rootId) !== null;
-  ensureContainer();
-  if (shouldUpdateExistingContainer && updateCallback) {
-    updateCallback();
-  }
-  if (instance.duration > 0) {
-    setTimeout(() => {
-      removeMessage(id);
-    }, instance.duration);
-  }
-  return () => removeMessage(id);
-}
-function removeMessage(id) {
-  const index = messageInstances.findIndex((msg) => msg.id === id);
-  if (index !== -1) {
-    const instance = messageInstances[index];
-    messageInstances.splice(index, 1);
-    if (instance.onClose) {
-      instance.onClose();
-    }
-    if (updateCallback) {
-      updateCallback();
-    }
-  }
-}
-function clearAll() {
-  messageInstances.forEach((instance) => {
-    if (instance.onClose) {
-      instance.onClose();
-    }
-  });
-  messageInstances = [];
-  if (updateCallback) {
-    updateCallback();
-  }
-  if (containerRoot) {
-    containerRoot.unmount();
-    containerRoot = null;
-  }
-  updateCallback = null;
-  const rootId = `${MESSAGE_CONTAINER_ID}-root`;
-  if (isBrowser()) {
-    const rootEl = document.getElementById(rootId);
-    if (rootEl?.parentNode) {
-      rootEl.parentNode.removeChild(rootEl);
-    }
-  }
-}
-function normalizeOptions(options) {
-  return normalizeStringOption(options, "content");
-}
-var Message = {
-  info(options) {
-    const config = normalizeOptions(options);
-    return addMessage({ ...config, type: "info" });
-  },
-  success(options) {
-    const config = normalizeOptions(options);
-    return addMessage({ ...config, type: "success" });
-  },
-  warning(options) {
-    const config = normalizeOptions(options);
-    return addMessage({ ...config, type: "warning" });
-  },
-  error(options) {
-    const config = normalizeOptions(options);
-    return addMessage({ ...config, type: "error" });
-  },
-  loading(options) {
-    const config = normalizeOptions(options);
-    return addMessage({ ...config, type: "loading", duration: 0 });
-  },
-  clear() {
-    clearAll();
-  }
-};
-var Message_default = Message;
-
-export {
-  MessageContainer,
-  Message,
-  Message_default
-};

package/dist/chunk-E5GD3H7L.js

@@ -1,100 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/ChartAxis.tsx
-var _react = require('react');
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var ChartAxis = ({
-  orientation = "bottom",
-  scale,
-  ticks = 5,
-  tickValues,
-  tickFormat,
-  tickSize = 6,
-  tickPadding = 4,
-  label,
-  labelOffset = 28,
-  x = 0,
-  y = 0,
-  className,
-  ...props
-}) => {
-  const axisTicks = _react.useMemo.call(void 0, 
-    () => _tigercatcore.getChartAxisTicks.call(void 0, scale, {
-      tickCount: ticks,
-      tickValues,
-      tickFormat
-    }),
-    [scale, ticks, tickValues, tickFormat]
-  );
-  const isHorizontal = orientation === "top" || orientation === "bottom";
-  const isTopOrLeft = orientation === "top" || orientation === "left";
-  const rangeStart = scale.range[0];
-  const rangeEnd = scale.range[1];
-  const axisLine = isHorizontal ? { x1: rangeStart, y1: 0, x2: rangeEnd, y2: 0 } : { x1: 0, y1: rangeStart, x2: 0, y2: rangeEnd };
-  const tickDirection = isTopOrLeft ? -1 : 1;
-  const labelBase = tickSize + tickPadding + labelOffset;
-  const labelPosition = (rangeStart + rangeEnd) / 2;
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "g", { ...props, className: _tigercatcore.classNames.call(void 0, className), transform: `translate(${x}, ${y})`, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "line", { ...axisLine, className: _tigercatcore.chartAxisLineClasses, "data-axis-line": "true" }),
-    axisTicks.map((tick) => {
-      const textAnchor = isHorizontal ? "middle" : isTopOrLeft ? "end" : "start";
-      const tickLine = isHorizontal ? {
-        x1: tick.position,
-        y1: 0,
-        x2: tick.position,
-        y2: tickSize * tickDirection
-      } : {
-        x1: 0,
-        y1: tick.position,
-        x2: tickSize * tickDirection,
-        y2: tick.position
-      };
-      const textProps = isHorizontal ? {
-        x: tick.position,
-        y: tickSize * tickDirection + tickPadding * tickDirection,
-        textAnchor,
-        dy: isTopOrLeft ? "-0.32em" : "0.71em"
-      } : {
-        x: (tickSize + tickPadding) * tickDirection,
-        y: tick.position,
-        textAnchor,
-        dy: "0.32em"
-      };
-      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "g", { "data-axis-tick": "true", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "line", { ...tickLine, className: _tigercatcore.chartAxisTickLineClasses }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "text", { ...textProps, className: _tigercatcore.chartAxisTickTextClasses, children: tick.label })
-      ] }, `${tick.value}`);
-    }),
-    label ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "text",
-      {
-        className: _tigercatcore.chartAxisLabelClasses,
-        "data-axis-label": "true",
-        ...isHorizontal ? {
-          x: labelPosition,
-          y: labelBase * tickDirection,
-          textAnchor: "middle",
-          dy: isTopOrLeft ? "-0.32em" : "0.71em"
-        } : {
-          x: labelBase * tickDirection,
-          y: labelPosition,
-          textAnchor: "middle",
-          transform: `rotate(${isTopOrLeft ? -90 : 90} ${labelBase * tickDirection} ${labelPosition})`
-        },
-        children: label
-      }
-    ) : null
-  ] });
-};
-var ChartAxis_default = ChartAxis;
-
-
-
-
-exports.ChartAxis = ChartAxis; exports.ChartAxis_default = ChartAxis_default;

package/dist/chunk-ENJMHEQU.js

@@ -1,232 +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 _chunkSTTQ5LXXjs = require('./chunk-STTQ5LXX.js');
-
-
-var _chunkHQ3QOT7Hjs = require('./chunk-HQ3QOT7H.js');
-
-
-var _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
-
-// src/components/Tour.tsx
-var _react = require('react');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var Tour = ({
-  steps,
-  loadSteps,
-  open = false,
-  current: controlledCurrent,
-  nextText,
-  prevText,
-  finishText,
-  closable = true,
-  showIndicators = true,
-  locale,
-  className,
-  onOpenChange,
-  onClose,
-  onFinish,
-  onChange
-}) => {
-  const config = _chunkTDODFBBOjs.useTigerConfig.call(void 0, );
-  const mergedLocale = _react.useMemo.call(void 0, 
-    () => _tigercatcore.mergeTigerLocale.call(void 0, config.locale, locale),
-    [config.locale, locale]
-  );
-  const labels = _react.useMemo.call(void 0, 
-    () => _tigercatcore.getTourLabels.call(void 0, mergedLocale, { nextText, prevText, finishText }),
-    [finishText, mergedLocale, nextText, prevText]
-  );
-  const [internalStep, setInternalStep] = _react.useState.call(void 0, 0);
-  const [resolvedSteps, setResolvedSteps] = _react.useState.call(void 0, steps);
-  const currentStep = _nullishCoalesce(controlledCurrent, () => ( internalStep));
-  const activeSteps = _react.useMemo.call(void 0, () => _tigercatcore.getActiveTourSteps.call(void 0, resolvedSteps), [resolvedSteps]);
-  const activeStepInfo = _react.useMemo.call(void 0, 
-    () => _tigercatcore.getCurrentActiveTourStep.call(void 0, activeSteps, currentStep, resolvedSteps.length),
-    [activeSteps, currentStep, resolvedSteps.length]
-  );
-  const activeStepPosition = _tigercatcore.getActiveTourStepPosition.call(void 0, activeSteps, _optionalChain([activeStepInfo, 'optionalAccess', _ => _.index]));
-  const step = _optionalChain([activeStepInfo, 'optionalAccess', _2 => _2.step]);
-  const [targetRect, setTargetRect] = _react.useState.call(void 0, );
-  const popoverRef = _react.useRef.call(void 0, null);
-  const closeButtonRef = _react.useRef.call(void 0, null);
-  const previousActiveElementRef = _react.useRef.call(void 0, null);
-  _react.useEffect.call(void 0, () => {
-    if (!loadSteps) {
-      setResolvedSteps(steps);
-      return;
-    }
-    if (!open) return;
-    let cancelled = false;
-    Promise.resolve(loadSteps()).then((nextSteps) => {
-      if (!cancelled) {
-        setResolvedSteps(nextSteps);
-      }
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [loadSteps, open, steps]);
-  const updateRect = _react.useCallback.call(void 0, () => {
-    if (_optionalChain([step, 'optionalAccess', _3 => _3.target])) {
-      setTargetRect(_tigercatcore.getTourTargetRect.call(void 0, step.target));
-    } else {
-      setTargetRect(void 0);
-    }
-  }, [step]);
-  _react.useEffect.call(void 0, () => {
-    if (open) updateRect();
-  }, [open, currentStep, updateRect]);
-  _react.useEffect.call(void 0, () => {
-    if (!open) return;
-    const handler = () => updateRect();
-    window.addEventListener("resize", handler);
-    window.addEventListener("scroll", handler, true);
-    return () => {
-      window.removeEventListener("resize", handler);
-      window.removeEventListener("scroll", handler, true);
-    };
-  }, [open, updateRect]);
-  const goTo = _react.useCallback.call(void 0, 
-    (idx) => {
-      setInternalStep(idx);
-      _optionalChain([onChange, 'optionalCall', _4 => _4(idx)]);
-    },
-    [onChange]
-  );
-  const next = _react.useCallback.call(void 0, () => {
-    const nextStep = activeSteps[activeStepPosition + 1];
-    if (nextStep) {
-      goTo(nextStep.index);
-    } else {
-      _optionalChain([onFinish, 'optionalCall', _5 => _5()]);
-      _optionalChain([onOpenChange, 'optionalCall', _6 => _6(false)]);
-      _optionalChain([onClose, 'optionalCall', _7 => _7()]);
-    }
-  }, [activeSteps, activeStepPosition, goTo, onFinish, onOpenChange, onClose]);
-  const prev = _react.useCallback.call(void 0, () => {
-    const prevStep = activeSteps[activeStepPosition - 1];
-    if (prevStep) goTo(prevStep.index);
-  }, [activeSteps, activeStepPosition, goTo]);
-  const close = _react.useCallback.call(void 0, () => {
-    _optionalChain([onOpenChange, 'optionalCall', _8 => _8(false)]);
-    _optionalChain([onClose, 'optionalCall', _9 => _9()]);
-  }, [onOpenChange, onClose]);
-  _react.useEffect.call(void 0, () => {
-    if (open) {
-      previousActiveElementRef.current = _tigercatcore.captureActiveElement.call(void 0, );
-      const timer = setTimeout(() => {
-        _tigercatcore.focusFirst.call(void 0, [closeButtonRef.current, popoverRef.current]);
-      }, 0);
-      return () => clearTimeout(timer);
-    }
-    _tigercatcore.restoreFocus.call(void 0, previousActiveElementRef.current);
-  }, [open]);
-  _chunkSTTQ5LXXjs.useEscapeKey.call(void 0, { enabled: open, onEscape: close });
-  _chunkSTTQ5LXXjs.useBodyScrollLock.call(void 0, { enabled: open });
-  _chunkSTTQ5LXXjs.useFocusTrap.call(void 0, { enabled: open, containerRef: popoverRef });
-  if (!open || !step) return null;
-  if (!_tigercatcore.isBrowser.call(void 0, )) return null;
-  const placement = _nullishCoalesce(step.placement, () => ( "bottom"));
-  const showMask = step.mask !== false;
-  const isLast = activeStepPosition === activeSteps.length - 1;
-  const isFirst = activeStepPosition <= 0;
-  let popoverStyle;
-  if (targetRect) {
-    const pos = _tigercatcore.getTourPopoverPosition.call(void 0, targetRect, 320, 160, placement);
-    popoverStyle = { position: "absolute", top: pos.top, left: pos.left };
-  } else {
-    popoverStyle = {
-      position: "fixed",
-      top: "50%",
-      left: "50%",
-      transform: "translate(-50%, -50%)"
-    };
-  }
-  const content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    showMask && targetRect && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: _tigercatcore.getTourSpotlightStyle.call(void 0, targetRect), "aria-hidden": "true" }),
-    showMask && !targetRect && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "fixed inset-0 z-[1000] bg-black/45", "aria-hidden": "true", onClick: close }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      "div",
-      {
-        ref: popoverRef,
-        className: _tigercatcore.classNames.call(void 0, _tigercatcore.tourPopoverClasses, className),
-        style: popoverStyle,
-        role: "dialog",
-        "aria-modal": "true",
-        children: [
-          closable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "button",
-            {
-              ref: closeButtonRef,
-              className: _tigercatcore.tourCloseButtonClasses,
-              type: "button",
-              "aria-label": labels.closeAriaLabel,
-              onClick: close,
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHQ3QOT7Hjs.StatusIcon, { path: _tigercatcore.closeIconPathD, className: "h-4 w-4" })
-            }
-          ),
-          step.title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.tourTitleClasses, children: step.title }),
-          step.description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.tourDescriptionClasses, children: step.description }),
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.tourFooterClasses, children: [
-            showIndicators && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _tigercatcore.tourIndicatorClasses, children: [
-              activeStepPosition + 1,
-              " / ",
-              activeSteps.length
-            ] }),
-            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center", children: [
-              !isFirst && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                "button",
-                {
-                  type: "button",
-                  className: "px-3 py-1.5 text-sm rounded-md border border-[var(--tiger-border,#e5e7eb)] text-[var(--tiger-text,#111827)] hover:bg-[var(--tiger-surface-muted,#f9fafb)] transition-colors mr-2",
-                  onClick: prev,
-                  children: labels.prevText
-                }
-              ),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                "button",
-                {
-                  type: "button",
-                  className: "px-3 py-1.5 text-sm rounded-md bg-[var(--tiger-primary,#2563eb)] text-white hover:bg-[var(--tiger-primary-hover,#1d4ed8)] transition-colors",
-                  onClick: next,
-                  children: isLast ? labels.finishText : labels.nextText
-                }
-              )
-            ] })
-          ] })
-        ]
-      }
-    )
-  ] });
-  return _chunkSTTQ5LXXjs.renderBodyPortal.call(void 0, content);
-};
-
-
-
-exports.Tour = Tour;