@expcat/tigercat-react 1.0.7 → 1.2.0

package/dist/chunk-CGIBGSNE.js

@@ -0,0 +1,185 @@
+"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 _chunkMB6U72CIjs = require('./chunk-MB6U72CI.js');
+
+
+var _chunk4U5HSR2Hjs = require('./chunk-4U5HSR2H.js');
+
+// src/components/Image.tsx
+var _react = require('react');
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var SvgIcon = ({ d, className = "w-8 h-8" }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  "svg",
+  {
+    className,
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    stroke: "currentColor",
+    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d })
+  }
+);
+var Image = ({
+  src,
+  alt = "",
+  width,
+  height,
+  fit = "cover",
+  fallbackSrc,
+  preview = true,
+  lazy = false,
+  className,
+  errorRender,
+  placeholderRender,
+  onPreviewOpenChange,
+  onClick,
+  onKeyDown,
+  style,
+  ...props
+}) => {
+  const [loading, setLoading] = _react.useState.call(void 0, true);
+  const [error, setError] = _react.useState.call(void 0, false);
+  const [actualSrc, setActualSrc] = _react.useState.call(void 0, lazy ? "" : src);
+  const [previewVisible, setPreviewVisible] = _react.useState.call(void 0, false);
+  const containerRef = _react.useRef.call(void 0, null);
+  const group = _react.useContext.call(void 0, _chunkMB6U72CIjs.ImageGroupContext);
+  const registeredIndexRef = _react.useRef.call(void 0, -1);
+  _react.useEffect.call(void 0, () => {
+    if (group && src) {
+      registeredIndexRef.current = group.register(src);
+      return () => {
+        group.unregister(src);
+      };
+    }
+  }, [group, src]);
+  _react.useEffect.call(void 0, () => {
+    if (!lazy || !containerRef.current) return;
+    const observer = new IntersectionObserver(
+      (entries) => {
+        if (_optionalChain([entries, 'access', _ => _[0], 'optionalAccess', _2 => _2.isIntersecting])) {
+          setActualSrc(src);
+          observer.disconnect();
+        }
+      },
+      { threshold: 0.01 }
+    );
+    observer.observe(containerRef.current);
+    return () => observer.disconnect();
+  }, [lazy, src]);
+  _react.useEffect.call(void 0, () => {
+    if (!lazy) {
+      setActualSrc(src);
+      setError(false);
+      setLoading(true);
+    }
+  }, [src, lazy]);
+  const handleLoad = _react.useCallback.call(void 0, () => {
+    setLoading(false);
+    setError(false);
+  }, []);
+  const handleError = _react.useCallback.call(void 0, () => {
+    setLoading(false);
+    setError(true);
+    if (fallbackSrc && actualSrc !== fallbackSrc) {
+      setActualSrc(fallbackSrc);
+      setError(false);
+      setLoading(true);
+    }
+  }, [fallbackSrc, actualSrc]);
+  const handleClick = _react.useCallback.call(void 0, 
+    (e) => {
+      _optionalChain([onClick, 'optionalCall', _3 => _3(e)]);
+      if (!preview) return;
+      if (group) {
+        group.openPreview(registeredIndexRef.current >= 0 ? registeredIndexRef.current : 0);
+      } else {
+        setPreviewVisible(true);
+        _optionalChain([onPreviewOpenChange, 'optionalCall', _4 => _4(true)]);
+      }
+    },
+    [preview, group, onClick, onPreviewOpenChange]
+  );
+  const handleKeyDown = _react.useCallback.call(void 0, 
+    (e) => {
+      _optionalChain([onKeyDown, 'optionalCall', _5 => _5(e)]);
+      if (preview && (e.key === "Enter" || e.key === " ")) {
+        e.preventDefault();
+        handleClick(e);
+      }
+    },
+    [preview, handleClick, onKeyDown]
+  );
+  const containerClasses = _react.useMemo.call(void 0, 
+    () => _tigercatcore.classNames.call(void 0, _tigercatcore.imageBaseClasses, preview && _tigercatcore.imagePreviewCursorClass, className),
+    [preview, className]
+  );
+  const imgClasses = _react.useMemo.call(void 0, () => _tigercatcore.getImageImgClasses.call(void 0, fit), [fit]);
+  const containerStyle = _react.useMemo.call(void 0, () => {
+    const s = { ...style };
+    const w = _tigercatcore.toCSSSize.call(void 0, width);
+    const h = _tigercatcore.toCSSSize.call(void 0, height);
+    if (w) s.width = w;
+    if (h) s.height = h;
+    return s;
+  }, [width, height, style]);
+  let content;
+  if (error && !fallbackSrc) {
+    content = errorRender || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.imageErrorClasses, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SvgIcon, { d: _tigercatcore.imageErrorIconPath }) });
+  } else if (loading && !actualSrc) {
+    content = placeholderRender || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.imageLoadingClasses, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SvgIcon, { d: _tigercatcore.imageErrorIconPath }) });
+  } else {
+    content = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "img",
+      {
+        src: actualSrc,
+        alt,
+        className: imgClasses,
+        onLoad: handleLoad,
+        onError: handleError
+      }
+    );
+  }
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ...props,
+        ref: containerRef,
+        className: containerClasses,
+        style: containerStyle,
+        role: preview ? "button" : void 0,
+        tabIndex: preview ? 0 : void 0,
+        "aria-label": preview ? `Preview ${alt || "image"}` : void 0,
+        onClick: handleClick,
+        onKeyDown: handleKeyDown,
+        children: content
+      }
+    ),
+    !group && previewVisible && src && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunk4U5HSR2Hjs.ImagePreview,
+      {
+        open: previewVisible,
+        images: [src],
+        currentIndex: 0,
+        onOpenChange: (val) => {
+          setPreviewVisible(val);
+          _optionalChain([onPreviewOpenChange, 'optionalCall', _6 => _6(val)]);
+        }
+      }
+    )
+  ] });
+};
+
+
+
+exports.Image = Image;

package/dist/{chunk-GBTKAKUD.mjs → chunk-CHBUNQIJ.mjs}

@@ -1,8 +1,29 @@
-import { useId, useState, useRef, useMemo, useEffect, useCallback } from 'react';
-import { getCascaderDisplayLabel, getCascaderColumns, flattenCascaderOptions, filterCascaderOptions, classNames, getCascaderTriggerClasses, isCascaderOptionExpandable, cascaderBaseClasses, icon20ViewBox, closeSolidIcon20PathD, chevronDownSolidIcon20PathD, cascaderSearchInputClasses, cascaderEmptyStateClasses, cascaderSearchResultClasses, cascaderColumnClasses, getCascaderOptionClasses, cascaderDropdownClasses } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
 // src/components/Cascader.tsx
+import { useCallback, useEffect, useId, useMemo, useRef, useState } from "react";
+import {
+  classNames,
+  cascaderBaseClasses,
+  cascaderDropdownClasses,
+  cascaderColumnClasses,
+  cascaderSearchInputClasses,
+  cascaderEmptyStateClasses,
+  cascaderSearchResultClasses,
+  getCascaderTriggerClasses,
+  getCascaderOptionClasses,
+  getCascaderColumns,
+  getCascaderDisplayLabel,
+  flattenCascaderOptions,
+  filterCascaderOptions,
+  isCascaderOptionExpandable,
+  getPickerComboboxAria,
+  getPickerListboxAria,
+  getPickerOptionAria,
+  getPickerTriggerKeyAction,
+  icon20ViewBox,
+  chevronDownSolidIcon20PathD,
+  closeSolidIcon20PathD
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var CASCADER_KEYS = /* @__PURE__ */ new Set([
   "options",
   "value",
@@ -18,10 +39,11 @@ var CASCADER_KEYS = /* @__PURE__ */ new Set([
   "notFoundText",
   "className"
 ]);
+var EMPTY_CASCADER_VALUE = [];
 var Cascader = (props) => {
   const {
     options = [],
-    value = [],
+    value = EMPTY_CASCADER_VALUE,
     onChange,
     placeholder = "Please select",
     size = "md",
@@ -68,7 +90,7 @@ var Cascader = (props) => {
       setActivePath(value ? [...value] : []);
       setSearchQuery("");
     }
-  }, [isOpen]);
+  }, [isOpen, value]);
   useEffect(() => {
     if (!isOpen) return;
     function handleClick(e) {
@@ -126,20 +148,15 @@ var Cascader = (props) => {
   );
   const handleTriggerKeyDown = useCallback(
     (e) => {
-      switch (e.key) {
-        case "Enter":
-        case " ":
-          e.preventDefault();
-          toggleOpen();
-          break;
-        case "Escape":
-          e.preventDefault();
-          setIsOpen(false);
-          break;
-        case "ArrowDown":
-          e.preventDefault();
-          if (!isOpen) setIsOpen(true);
-          break;
+      const action = getPickerTriggerKeyAction(e.key, isOpen);
+      if (action === "none") return;
+      e.preventDefault();
+      if (action === "toggle") {
+        toggleOpen();
+      } else if (action === "open") {
+        setIsOpen(true);
+      } else if (action === "close") {
+        setIsOpen(false);
       }
     },
     [toggleOpen, isOpen]
@@ -154,10 +171,7 @@ var Cascader = (props) => {
         type: "button",
         className: triggerClasses,
         disabled,
-        role: "combobox",
-        "aria-expanded": isOpen,
-        "aria-haspopup": "listbox",
-        "aria-controls": isOpen ? listboxId : void 0,
+        ...getPickerComboboxAria({ expanded: isOpen, listboxId }),
         onClick: toggleOpen,
         onKeyDown: handleTriggerKeyDown,
         children: [
@@ -227,16 +241,17 @@ var Cascader = (props) => {
           ),
           isSearchMode ? (
             // Search results
-            searchResults.length === 0 ? /* @__PURE__ */ jsx("div", { className: cascaderEmptyStateClasses, children: notFoundText }) : /* @__PURE__ */ jsx("div", { className: "max-h-64 overflow-auto", role: "listbox", id: listboxId, children: searchResults.map((item) => /* @__PURE__ */ jsx(
+            searchResults.length === 0 ? /* @__PURE__ */ jsx("div", { className: cascaderEmptyStateClasses, children: notFoundText }) : /* @__PURE__ */ jsx("div", { className: "max-h-64 overflow-auto", ...getPickerListboxAria({ id: listboxId }), children: searchResults.map((item) => /* @__PURE__ */ jsx(
               "div",
               {
                 className: classNames(
                   cascaderSearchResultClasses,
                   item.disabled && "opacity-50 cursor-not-allowed"
                 ),
-                role: "option",
-                "aria-selected": value?.join(",") === item.valuePath.join(","),
-                "aria-disabled": item.disabled,
+                ...getPickerOptionAria({
+                  selected: value?.join(",") === item.valuePath.join(","),
+                  disabled: item.disabled
+                }),
                 onClick: () => handleSearchResultClick(item.valuePath, item.disabled),
                 children: item.label
               },
@@ -248,8 +263,10 @@ var Cascader = (props) => {
               "div",
               {
                 className: cascaderColumnClasses,
-                role: "listbox",
-                id: colIndex === 0 ? listboxId : void 0,
+                ...getPickerListboxAria({
+                  id: colIndex === 0 ? listboxId : void 0,
+                  label: `Level ${colIndex + 1}`
+                }),
                 "aria-label": `Level ${colIndex + 1}`,
                 children: col.options.map((option) => {
                   const isSelected = col.selectedValue === option.value;
@@ -258,9 +275,10 @@ var Cascader = (props) => {
                     "div",
                     {
                       className: getCascaderOptionClasses(isSelected, !!option.disabled, size),
-                      role: "option",
-                      "aria-selected": isSelected,
-                      "aria-disabled": option.disabled,
+                      ...getPickerOptionAria({
+                        selected: isSelected,
+                        disabled: !!option.disabled
+                      }),
                       onClick: () => handleOptionClick(option, colIndex),
                       onMouseEnter: () => handleOptionHover(option, colIndex),
                       children: [
@@ -297,4 +315,6 @@ var Cascader = (props) => {
   ] });
 };
 
-export { Cascader };
+export {
+  Cascader
+};

package/dist/chunk-CHPJPIW6.js

@@ -0,0 +1,93 @@
+"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/Watermark.tsx
+var _react = require('react');
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var Watermark = ({
+  content,
+  image,
+  width = _tigercatcore.watermarkDefaults.width,
+  height = _tigercatcore.watermarkDefaults.height,
+  rotate = _tigercatcore.watermarkDefaults.rotate,
+  zIndex = _tigercatcore.watermarkDefaults.zIndex,
+  gapX = _tigercatcore.watermarkDefaults.gapX,
+  gapY = _tigercatcore.watermarkDefaults.gapY,
+  offsetX = _tigercatcore.watermarkDefaults.offsetX,
+  offsetY = _tigercatcore.watermarkDefaults.offsetY,
+  font,
+  className,
+  children,
+  ...props
+}) => {
+  const [base64, setBase64] = _react.useState.call(void 0, );
+  const wrapperRef = _react.useRef.call(void 0, null);
+  const renderControllerRef = _react.useRef.call(void 0, null);
+  const resolvedFont = _react.useMemo.call(void 0, () => _tigercatcore.resolveWatermarkFont.call(void 0, font), [font]);
+  _react.useEffect.call(void 0, () => {
+    const target = wrapperRef.current;
+    if (!target) return;
+    const controller = _tigercatcore.createWatermarkRenderController.call(void 0, {
+      getRenderOptions: () => ({
+        content,
+        image,
+        width,
+        height,
+        rotate,
+        font: resolvedFont
+      }),
+      onRender: setBase64
+    });
+    renderControllerRef.current = controller;
+    controller.observe(target);
+    controller.render();
+    return () => {
+      controller.disconnect();
+      if (renderControllerRef.current === controller) {
+        renderControllerRef.current = null;
+      }
+    };
+  }, [content, image, width, height, rotate, resolvedFont]);
+  _react.useEffect.call(void 0, () => {
+    if (typeof MutationObserver === "undefined" || !wrapperRef.current) return;
+    const observer = new MutationObserver((mutations) => {
+      for (const m of mutations) {
+        for (const node of Array.from(m.removedNodes)) {
+          if (_optionalChain([node, 'access', _ => _.dataset, 'optionalAccess', _2 => _2.watermark]) === "true") {
+            _optionalChain([renderControllerRef, 'access', _3 => _3.current, 'optionalAccess', _4 => _4.render, 'call', _5 => _5()]);
+            return;
+          }
+        }
+      }
+    });
+    observer.observe(wrapperRef.current, { childList: true });
+    return () => observer.disconnect();
+  }, []);
+  const overlayStyle = _react.useMemo.call(void 0, 
+    () => _tigercatcore.getWatermarkOverlayStyle.call(void 0, {
+      base64Url: base64,
+      width,
+      height,
+      gapX,
+      gapY,
+      offsetX,
+      offsetY,
+      zIndex
+    }),
+    [base64, width, height, gapX, gapY, offsetX, offsetY, zIndex]
+  );
+  const wrapperClasses = _react.useMemo.call(void 0, () => _tigercatcore.classNames.call(void 0, _tigercatcore.watermarkWrapperClasses, className), [className]);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref: wrapperRef, className: wrapperClasses, ...props, children: [
+    children,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "data-watermark": "true", "aria-hidden": "true", style: overlayStyle })
+  ] });
+};
+
+
+
+exports.Watermark = Watermark;

package/dist/chunk-CI2WHAT2.js

@@ -1,35 +1,41 @@
-'use strict';
+"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; }// src/components/Avatar.tsx
+var _react = require('react');
 
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
 
-// src/components/Avatar.tsx
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
 var Avatar = ({
   size = "md",
   shape = "circle",
   src,
   alt = "",
   text,
-  bgColor = tigercatCore.avatarDefaultBgColor,
-  textColor = tigercatCore.avatarDefaultTextColor,
+  bgColor = _tigercatcore.avatarDefaultBgColor,
+  textColor = _tigercatcore.avatarDefaultTextColor,
   className,
   children,
   ...props
 }) => {
-  const [imageError, setImageError] = react.useState(false);
+  const [imageError, setImageError] = _react.useState.call(void 0, false);
   const hasImage = Boolean(src) && !imageError;
-  const displayText = text ? tigercatCore.getInitials(text) : "";
+  const displayText = text ? _tigercatcore.getInitials.call(void 0, text) : "";
   const ariaLabelProp = props["aria-label"];
   const ariaLabelledbyProp = props["aria-labelledby"];
   const ariaHiddenProp = props["aria-hidden"];
-  const computedLabel = ariaLabelProp ?? (alt.trim() ? alt : void 0) ?? (text?.trim() || void 0);
+  const computedLabel = _nullishCoalesce(_nullishCoalesce(ariaLabelProp, () => ( (alt.trim() ? alt : void 0))), () => ( (_optionalChain([text, 'optionalAccess', _ => _.trim, 'call', _2 => _2()]) || void 0)));
   const isDecorative = ariaHiddenProp === true || !computedLabel && !ariaLabelledbyProp;
-  const avatarClasses = react.useMemo(
-    () => tigercatCore.classNames(
-      tigercatCore.avatarBaseClasses,
-      tigercatCore.avatarSizeClasses[size],
-      tigercatCore.avatarShapeClasses[shape],
+  const avatarClasses = _react.useMemo.call(void 0, 
+    () => _tigercatcore.classNames.call(void 0, 
+      _tigercatcore.avatarBaseClasses,
+      _tigercatcore.avatarSizeClasses[size],
+      _tigercatcore.avatarShapeClasses[shape],
       !hasImage && bgColor,
       !hasImage && textColor,
       className
@@ -37,17 +43,17 @@ var Avatar = ({
     [size, shape, hasImage, bgColor, textColor, className]
   );
   if (hasImage) {
-    return /* @__PURE__ */ jsxRuntime.jsx("span", { ...props, className: avatarClasses, "aria-hidden": isDecorative ? true : ariaHiddenProp, children: /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { ...props, className: avatarClasses, "aria-hidden": isDecorative ? true : ariaHiddenProp, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "img",
       {
         src,
         alt,
-        className: tigercatCore.avatarImageClasses,
+        className: _tigercatcore.avatarImageClasses,
         onError: () => setImageError(true)
       }
     ) });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "span",
     {
       ...props,
@@ -62,4 +68,6 @@ var Avatar = ({
   );
 };
 
+
+
 exports.Avatar = Avatar;

package/dist/chunk-CSH2QOOH.js

@@ -0,0 +1,28 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkXHT2VIDRjs = require('./chunk-XHT2VIDR.js');
+
+// src/components/Kanban.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var Kanban = ({
+  showCardCount = true,
+  allowAddCard = true,
+  allowAddColumn = false,
+  ...props
+}) => {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkXHT2VIDRjs.TaskBoard,
+    {
+      showCardCount,
+      allowAddCard,
+      allowAddColumn,
+      ...props
+    }
+  );
+};
+var Kanban_default = Kanban;
+
+
+
+
+exports.Kanban = Kanban; exports.Kanban_default = Kanban_default;

package/dist/chunk-D6TKXVEB.js

@@ -0,0 +1,14 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/Layout.tsx
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var Layout = ({ className, children, ...props }) => {
+  const layoutClasses = _tigercatcore.classNames.call(void 0, _tigercatcore.layoutRootClasses, className);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: layoutClasses, ...props, children });
+};
+
+
+
+exports.Layout = Layout;