@expcat/tigercat-react 0.0.65 → 0.0.67

package/dist/chunk-QORSSZX4.js

@@ -1,144 +0,0 @@
-'use strict';
-
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/components/Popover.tsx
-var popoverIdCounter = 0;
-var createPopoverId = () => `tiger-popover-${++popoverIdCounter}`;
-var Popover = ({
-  visible,
-  defaultVisible = false,
-  title,
-  content,
-  trigger = "click",
-  placement = "top",
-  disabled = false,
-  width,
-  className,
-  style,
-  children,
-  titleContent,
-  contentContent,
-  onVisibleChange,
-  ...divProps
-}) => {
-  const isControlled = visible !== void 0;
-  const [internalVisible, setInternalVisible] = react.useState(defaultVisible);
-  const currentVisible = isControlled ? visible : internalVisible;
-  const containerRef = react.useRef(null);
-  const popoverIdRef = react.useRef(null);
-  if (!popoverIdRef.current) {
-    popoverIdRef.current = createPopoverId();
-  }
-  const popoverId = popoverIdRef.current;
-  const titleId = `${popoverId}-title`;
-  const contentId = `${popoverId}-content`;
-  const setVisible = react.useCallback(
-    (nextVisible) => {
-      if (disabled && nextVisible) return;
-      if (!isControlled) {
-        setInternalVisible(nextVisible);
-      }
-      onVisibleChange?.(nextVisible);
-    },
-    [disabled, isControlled, onVisibleChange]
-  );
-  const handleTriggerClick = () => {
-    if (disabled || trigger !== "click") return;
-    setVisible(!currentVisible);
-  };
-  const handleTriggerMouseEnter = () => {
-    if (disabled || trigger !== "hover") return;
-    setVisible(true);
-  };
-  const handleTriggerMouseLeave = () => {
-    if (disabled || trigger !== "hover") return;
-    setVisible(false);
-  };
-  const handleTriggerFocus = () => {
-    if (disabled || trigger !== "focus") return;
-    setVisible(true);
-  };
-  const handleTriggerBlur = () => {
-    if (disabled || trigger !== "focus") return;
-    setVisible(false);
-  };
-  react.useEffect(() => {
-    if (!currentVisible || trigger !== "click") return;
-    const handleClickOutside = (event) => {
-      const target = event.target;
-      if (!target) return;
-      if (containerRef.current?.contains(target)) return;
-      setVisible(false);
-    };
-    const timeoutId = setTimeout(() => {
-      document.addEventListener("click", handleClickOutside);
-    }, 0);
-    return () => {
-      clearTimeout(timeoutId);
-      document.removeEventListener("click", handleClickOutside);
-    };
-  }, [currentVisible, trigger, setVisible]);
-  react.useEffect(() => {
-    if (!currentVisible || trigger === "manual") return;
-    const handleKeyDown = (event) => {
-      if (event.key !== "Escape") return;
-      setVisible(false);
-    };
-    document.addEventListener("keydown", handleKeyDown);
-    return () => document.removeEventListener("keydown", handleKeyDown);
-  }, [currentVisible, trigger, setVisible]);
-  const containerClasses = tigercatCore.classNames(tigercatCore.getPopoverContainerClasses(), className);
-  const triggerClasses = tigercatCore.getPopoverTriggerClasses(disabled);
-  const contentWrapperClasses = tigercatCore.getDropdownMenuWrapperClasses(currentVisible, placement);
-  const contentClasses = tigercatCore.getPopoverContentClasses(width);
-  const titleClasses = tigercatCore.getPopoverTitleClasses();
-  const contentTextClasses = tigercatCore.getPopoverContentTextClasses();
-  const triggerHandlers = {};
-  if (trigger === "click") {
-    triggerHandlers.onClick = handleTriggerClick;
-  } else if (trigger === "hover") {
-    triggerHandlers.onMouseEnter = handleTriggerMouseEnter;
-    triggerHandlers.onMouseLeave = handleTriggerMouseLeave;
-  } else if (trigger === "focus") {
-    triggerHandlers.onFocus = handleTriggerFocus;
-    triggerHandlers.onBlur = handleTriggerBlur;
-  }
-  if (!children) {
-    return null;
-  }
-  const hasTitle = Boolean(title || titleContent);
-  const hasContent = Boolean(content || contentContent);
-  const describedBy = hasContent ? contentId : void 0;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: containerClasses, style, ...divProps, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: triggerClasses,
-        "aria-haspopup": "dialog",
-        "aria-disabled": disabled ? "true" : void 0,
-        ...triggerHandlers,
-        children
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: contentWrapperClasses, hidden: !currentVisible, "aria-hidden": !currentVisible, children: /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        id: popoverId,
-        role: "dialog",
-        "aria-modal": "false",
-        "aria-labelledby": hasTitle ? titleId : void 0,
-        "aria-describedby": describedBy,
-        className: contentClasses,
-        children: [
-          hasTitle && /* @__PURE__ */ jsxRuntime.jsx("div", { id: titleId, className: titleClasses, children: titleContent || title }),
-          hasContent && /* @__PURE__ */ jsxRuntime.jsx("div", { id: contentId, className: contentTextClasses, children: contentContent || content })
-        ]
-      }
-    ) })
-  ] });
-};
-
-exports.Popover = Popover;

package/dist/chunk-R4JSBXGG.js

@@ -1,12 +0,0 @@
-'use strict';
-
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/components/Layout.tsx
-var Layout = ({ className, children, ...props }) => {
-  const layoutClasses = tigercatCore.classNames(tigercatCore.layoutRootClasses, className);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: layoutClasses, ...props, children });
-};
-
-exports.Layout = Layout;