@expcat/tigercat-react 1.0.7 → 1.2.0

package/dist/chunk-4LIDROT4.js

@@ -0,0 +1,88 @@
+"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/BackTop.tsx
+var _react = require('react');
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var DefaultIcon = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    stroke: "currentColor",
+    strokeWidth: 2,
+    className: "h-5 w-5",
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", d: _tigercatcore.backTopIconPath })
+  }
+);
+var getDefaultTarget = () => window;
+var BackTop = ({
+  visibilityHeight = 400,
+  target = getDefaultTarget,
+  duration = 450,
+  onClick,
+  children,
+  className,
+  "aria-label": ariaLabel = "Back to top",
+  ...props
+}) => {
+  const [visible, setVisible] = _react.useState.call(void 0, false);
+  _react.useEffect.call(void 0, () => {
+    const el = target();
+    if (!el) return;
+    const visibilityController = _tigercatcore.createBackTopVisibilityController.call(void 0, {
+      target: el,
+      getVisibilityHeight: () => visibilityHeight,
+      onChange: setVisible
+    });
+    el.addEventListener("scroll", visibilityController.schedule, { passive: true });
+    visibilityController.update();
+    return () => {
+      el.removeEventListener("scroll", visibilityController.schedule);
+      visibilityController.cancel();
+    };
+  }, [target, visibilityHeight]);
+  const handleClick = _react.useCallback.call(void 0, 
+    (event) => {
+      const el = target();
+      if (el) _tigercatcore.scrollToTop.call(void 0, el, duration);
+      _optionalChain([onClick, 'optionalCall', _ => _(event)]);
+    },
+    [target, duration, onClick]
+  );
+  const buttonClasses = _react.useMemo.call(void 0, () => {
+    const el = target();
+    const positionClasses = !el || el === window ? _tigercatcore.backTopButtonClasses : _tigercatcore.backTopContainerClasses;
+    return _tigercatcore.classNames.call(void 0, 
+      positionClasses,
+      visible ? _tigercatcore.backTopVisibleClasses : _tigercatcore.backTopHiddenClasses,
+      className
+    );
+  }, [target, visible, className]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "button",
+    {
+      type: "button",
+      className: buttonClasses,
+      "aria-label": ariaLabel,
+      onClick: handleClick,
+      ...props,
+      children: children || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DefaultIcon, {})
+    }
+  );
+};
+var BackTop_default = BackTop;
+
+
+
+
+exports.BackTop = BackTop; exports.BackTop_default = BackTop_default;

package/dist/chunk-4PPTEEDI.js

@@ -1,9 +1,11 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }// src/components/Skeleton.tsx
 
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
 
-// src/components/Skeleton.tsx
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
 var Skeleton = ({
   variant = "text",
   animation = "pulse",
@@ -19,9 +21,9 @@ var Skeleton = ({
   "aria-hidden": ariaHidden,
   ...divProps
 }) => {
-  const visualClasses = tigercatCore.getSkeletonClasses(variant, animation, shape);
-  const dimensions = tigercatCore.getSkeletonDimensions(variant, width, height);
-  const computedAriaHidden = ariaHidden ?? (ariaLabel || ariaLabelledBy ? void 0 : true);
+  const visualClasses = _tigercatcore.getSkeletonClasses.call(void 0, variant, animation, shape);
+  const dimensions = _tigercatcore.getSkeletonDimensions.call(void 0, variant, width, height);
+  const computedAriaHidden = _nullishCoalesce(ariaHidden, () => ( (ariaLabel || ariaLabelledBy ? void 0 : true)));
   if (variant === "text" && rows > 1) {
     const rowElements = [];
     for (let i = 0; i < rows; i++) {
@@ -29,26 +31,26 @@ var Skeleton = ({
         height: dimensions.height
       };
       if (paragraph) {
-        rowStyle.width = tigercatCore.getParagraphRowWidth(i, rows);
+        rowStyle.width = _tigercatcore.getParagraphRowWidth.call(void 0, i, rows);
       } else if (dimensions.width) {
         rowStyle.width = dimensions.width;
       }
       rowElements.push(
-        /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "div",
           {
-            className: tigercatCore.classNames(visualClasses, i < rows - 1 && "mb-2"),
+            className: _tigercatcore.classNames.call(void 0, visualClasses, i < rows - 1 && "mb-2"),
             style: rowStyle
           },
           i
         )
       );
     }
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
       {
         ...divProps,
-        className: tigercatCore.classNames("flex flex-col", className),
+        className: _tigercatcore.classNames.call(void 0, "flex flex-col", className),
         style,
         "aria-label": ariaLabel,
         "aria-labelledby": ariaLabelledBy,
@@ -57,11 +59,11 @@ var Skeleton = ({
       }
     );
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "div",
     {
       ...divProps,
-      className: tigercatCore.classNames(visualClasses, className),
+      className: _tigercatcore.classNames.call(void 0, visualClasses, className),
       style: {
         ...style,
         ...dimensions.width ? { width: dimensions.width } : void 0,
@@ -74,4 +76,6 @@ var Skeleton = ({
   );
 };
 
+
+
 exports.Skeleton = Skeleton;

package/dist/chunk-4R5YXNU4.mjs

@@ -0,0 +1,51 @@
+// src/components/AvatarGroup.tsx
+import React, { createContext, useMemo } from "react";
+import {
+  getAvatarGroupClasses,
+  getAvatarGroupItemClasses,
+  getAvatarGroupOverflowClasses,
+  getAvatarGroupOverflowLabel,
+  getAvatarGroupOverflowText,
+  getVisibleGroupItems
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
+var AvatarGroupContext = createContext(null);
+var AvatarGroup = ({
+  max,
+  size,
+  className,
+  children,
+  ...props
+}) => {
+  const contextValue = useMemo(
+    () => ({ size, itemClass: getAvatarGroupItemClasses() }),
+    [size]
+  );
+  const childArray = React.Children.toArray(children);
+  const { visibleItems, overflowCount } = getVisibleGroupItems(childArray, max);
+  return /* @__PURE__ */ jsx(AvatarGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: getAvatarGroupClasses(className),
+      role: "group",
+      "aria-label": "Avatar group",
+      ...props,
+      children: [
+        visibleItems,
+        overflowCount > 0 && /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: getAvatarGroupOverflowClasses(size ?? "md"),
+            "aria-label": getAvatarGroupOverflowLabel(overflowCount),
+            children: getAvatarGroupOverflowText(overflowCount)
+          }
+        )
+      ]
+    }
+  ) });
+};
+
+export {
+  AvatarGroupContext,
+  AvatarGroup
+};