@expcat/tigercat-react 2.0.19 → 2.1.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expcat/tigercat-react",
-  "version": "2.0.19",
+  "version": "2.1.1",
   "description": "React components for Tigercat UI library",
   "license": "MIT",
   "author": "Yizhe Wang",
@@ -59,6 +59,11 @@
       "import": "./dist/components/AreaChart.mjs",
       "default": "./dist/components/AreaChart.mjs"
     },
+    "./AspectRatio": {
+      "types": "./dist/components/AspectRatio.d.mts",
+      "import": "./dist/components/AspectRatio.mjs",
+      "default": "./dist/components/AspectRatio.mjs"
+    },
     "./AutoComplete": {
       "types": "./dist/components/AutoComplete.d.mts",
       "import": "./dist/components/AutoComplete.mjs",
@@ -229,6 +234,26 @@
       "import": "./dist/components/Content.mjs",
       "default": "./dist/components/Content.mjs"
     },
+    "./ContextMenu": {
+      "types": "./dist/components/ContextMenu.d.mts",
+      "import": "./dist/components/ContextMenu.mjs",
+      "default": "./dist/components/ContextMenu.mjs"
+    },
+    "./ContextMenuItem": {
+      "types": "./dist/components/ContextMenu.d.mts",
+      "import": "./dist/components/ContextMenu.mjs",
+      "default": "./dist/components/ContextMenu.mjs"
+    },
+    "./ContextMenuMenu": {
+      "types": "./dist/components/ContextMenu.d.mts",
+      "import": "./dist/components/ContextMenu.mjs",
+      "default": "./dist/components/ContextMenu.mjs"
+    },
+    "./ContextMenuSub": {
+      "types": "./dist/components/ContextMenu.d.mts",
+      "import": "./dist/components/ContextMenu.mjs",
+      "default": "./dist/components/ContextMenu.mjs"
+    },
     "./Countdown": {
       "types": "./dist/components/Countdown.d.mts",
       "import": "./dist/components/Countdown.mjs",
@@ -359,6 +384,11 @@
       "import": "./dist/components/HeatmapChart.mjs",
       "default": "./dist/components/HeatmapChart.mjs"
     },
+    "./Highlight": {
+      "types": "./dist/components/Highlight.d.mts",
+      "import": "./dist/components/Highlight.mjs",
+      "default": "./dist/components/Highlight.mjs"
+    },
     "./Icon": {
       "types": "./dist/components/Icon.d.mts",
       "import": "./dist/components/Icon.mjs",
@@ -374,6 +404,11 @@
       "import": "./dist/components/ImageAnnotation.mjs",
       "default": "./dist/components/ImageAnnotation.mjs"
     },
+    "./ImageCompare": {
+      "types": "./dist/components/ImageCompare.d.mts",
+      "import": "./dist/components/ImageCompare.mjs",
+      "default": "./dist/components/ImageCompare.mjs"
+    },
     "./ImageCropper": {
       "types": "./dist/components/ImageCropper.d.mts",
       "import": "./dist/components/ImageCropper.mjs",
@@ -419,11 +454,21 @@
       "import": "./dist/components/InputNumber.mjs",
       "default": "./dist/components/InputNumber.mjs"
     },
+    "./InputOTP": {
+      "types": "./dist/components/InputOTP.d.mts",
+      "import": "./dist/components/InputOTP.mjs",
+      "default": "./dist/components/InputOTP.mjs"
+    },
     "./Kanban": {
       "types": "./dist/components/Kanban.d.mts",
       "import": "./dist/components/Kanban.mjs",
       "default": "./dist/components/Kanban.mjs"
     },
+    "./Kbd": {
+      "types": "./dist/components/Kbd.d.mts",
+      "import": "./dist/components/Kbd.mjs",
+      "default": "./dist/components/Kbd.mjs"
+    },
     "./Layout": {
       "types": "./dist/components/Layout.d.mts",
       "import": "./dist/components/Layout.mjs",
@@ -449,11 +494,36 @@
       "import": "./dist/components/Loading.mjs",
       "default": "./dist/components/Loading.mjs"
     },
+    "./LoadingBar": {
+      "types": "./dist/components/LoadingBar.d.mts",
+      "import": "./dist/components/LoadingBar.mjs",
+      "default": "./dist/components/LoadingBar.mjs"
+    },
+    "./LoadingBarContainer": {
+      "types": "./dist/components/LoadingBarContainer.d.mts",
+      "import": "./dist/components/LoadingBarContainer.mjs",
+      "default": "./dist/components/LoadingBarContainer.mjs"
+    },
     "./MarkdownEditor": {
       "types": "./dist/components/MarkdownEditor.d.mts",
       "import": "./dist/components/MarkdownEditor.mjs",
       "default": "./dist/components/MarkdownEditor.mjs"
     },
+    "./Marquee": {
+      "types": "./dist/components/Marquee.d.mts",
+      "import": "./dist/components/Marquee.mjs",
+      "default": "./dist/components/Marquee.mjs"
+    },
+    "./MaskInput": {
+      "types": "./dist/components/MaskInput.d.mts",
+      "import": "./dist/components/MaskInput.mjs",
+      "default": "./dist/components/MaskInput.mjs"
+    },
+    "./Masonry": {
+      "types": "./dist/components/Masonry.d.mts",
+      "import": "./dist/components/Masonry.mjs",
+      "default": "./dist/components/Masonry.mjs"
+    },
     "./Mentions": {
       "types": "./dist/components/Mentions.d.mts",
       "import": "./dist/components/Mentions.mjs",
@@ -489,6 +559,31 @@
       "import": "./dist/components/Modal.mjs",
       "default": "./dist/components/Modal.mjs"
     },
+    "./NavigationMenu": {
+      "types": "./dist/components/NavigationMenu.d.mts",
+      "import": "./dist/components/NavigationMenu.mjs",
+      "default": "./dist/components/NavigationMenu.mjs"
+    },
+    "./NavigationMenuContent": {
+      "types": "./dist/components/NavigationMenu.d.mts",
+      "import": "./dist/components/NavigationMenu.mjs",
+      "default": "./dist/components/NavigationMenu.mjs"
+    },
+    "./NavigationMenuItem": {
+      "types": "./dist/components/NavigationMenu.d.mts",
+      "import": "./dist/components/NavigationMenu.mjs",
+      "default": "./dist/components/NavigationMenu.mjs"
+    },
+    "./NavigationMenuLink": {
+      "types": "./dist/components/NavigationMenu.d.mts",
+      "import": "./dist/components/NavigationMenu.mjs",
+      "default": "./dist/components/NavigationMenu.mjs"
+    },
+    "./NavigationMenuTrigger": {
+      "types": "./dist/components/NavigationMenu.d.mts",
+      "import": "./dist/components/NavigationMenu.mjs",
+      "default": "./dist/components/NavigationMenu.mjs"
+    },
     "./NotificationCenter": {
       "types": "./dist/components/NotificationCenter.d.mts",
       "import": "./dist/components/NotificationCenter.mjs",
@@ -509,6 +604,11 @@
       "import": "./dist/components/OrgChart.mjs",
       "default": "./dist/components/OrgChart.mjs"
     },
+    "./PageHeader": {
+      "types": "./dist/components/PageHeader.d.mts",
+      "import": "./dist/components/PageHeader.mjs",
+      "default": "./dist/components/PageHeader.mjs"
+    },
     "./Pagination": {
       "types": "./dist/components/Pagination.d.mts",
       "import": "./dist/components/Pagination.mjs",
@@ -594,6 +694,11 @@
       "import": "./dist/components/ScatterChart.mjs",
       "default": "./dist/components/ScatterChart.mjs"
     },
+    "./ScrollArea": {
+      "types": "./dist/components/ScrollArea.d.mts",
+      "import": "./dist/components/ScrollArea.mjs",
+      "default": "./dist/components/ScrollArea.mjs"
+    },
     "./ScrollSpy": {
       "types": "./dist/components/ScrollSpy.d.mts",
       "import": "./dist/components/ScrollSpy.mjs",
@@ -634,6 +739,11 @@
       "import": "./dist/components/Space.mjs",
       "default": "./dist/components/Space.mjs"
     },
+    "./SplitButton": {
+      "types": "./dist/components/SplitButton.d.mts",
+      "import": "./dist/components/SplitButton.mjs",
+      "default": "./dist/components/SplitButton.mjs"
+    },
     "./Splitter": {
       "types": "./dist/components/Splitter.d.mts",
       "import": "./dist/components/Splitter.mjs",
@@ -699,6 +809,11 @@
       "import": "./dist/components/Tag.mjs",
       "default": "./dist/components/Tag.mjs"
     },
+    "./TagsInput": {
+      "types": "./dist/components/TagsInput.d.mts",
+      "import": "./dist/components/TagsInput.mjs",
+      "default": "./dist/components/TagsInput.mjs"
+    },
     "./TaskBoard": {
       "types": "./dist/components/TaskBoard.d.mts",
       "import": "./dist/components/TaskBoard.mjs",
@@ -782,7 +897,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@expcat/tigercat-core": "2.0.19"
+    "@expcat/tigercat-core": "2.1.1"
   },
   "devDependencies": {
     "@types/node": "^26.1.1",

package/dist/chunk-7AFRHC7P.mjs

@@ -1,312 +0,0 @@
-import {
-  renderOverlayPortal,
-  useAnchoredOverlay
-} from "./chunk-HKAZXG74.mjs";
-import {
-  useTigerConfig
-} from "./chunk-YSIXURBW.mjs";
-
-// src/components/TreeSelect.tsx
-import { useState, useMemo, useRef, useId } from "react";
-import {
-  resolveLocaleText,
-  mergeTigerLocale,
-  treeSelectBaseClasses,
-  treeSelectDropdownClasses,
-  treeSelectSearchClasses,
-  treeSelectEmptyClasses,
-  getTreeSelectTriggerClasses,
-  getTreeSelectNodeClasses,
-  getTreeSelectDisplayLabel,
-  getAllTreeSelectKeys,
-  flattenTreeSelectNodes,
-  filterTreeSelectNodes,
-  getPickerComboboxAria,
-  getPickerListboxAria,
-  getPickerOptionAria,
-  getPickerTriggerKeyAction,
-  classNames,
-  icon20ViewBox,
-  chevronDownSolidIcon20PathD,
-  chevronRightSolidIcon20PathD,
-  closeSolidIcon20PathD
-} from "@expcat/tigercat-core";
-import { jsx, jsxs } from "react/jsx-runtime";
-var TREESELECT_KEYS = /* @__PURE__ */ new Set([
-  "value",
-  "treeData",
-  "placeholder",
-  "size",
-  "disabled",
-  "clearable",
-  "multiple",
-  "searchable",
-  "searchValue",
-  "defaultSearchValue",
-  "emptyText",
-  "defaultExpandAll",
-  "onChange",
-  "onSearchChange"
-]);
-var TreeSelect = (props) => {
-  const {
-    value,
-    treeData = [],
-    placeholder = "Please select",
-    size = "md",
-    disabled = false,
-    clearable = false,
-    multiple = false,
-    searchable = false,
-    searchValue,
-    defaultSearchValue = "",
-    emptyText,
-    defaultExpandAll = false,
-    className,
-    onChange,
-    onSearchChange,
-    locale,
-    ...rest
-  } = props;
-  const config = useTigerConfig();
-  const mergedLocale = useMemo(
-    () => mergeTigerLocale(config.locale, locale),
-    [config.locale, locale]
-  );
-  const divProps = {};
-  for (const key of Object.keys(rest)) {
-    if (!TREESELECT_KEYS.has(key)) {
-      divProps[key] = rest[key];
-    }
-  }
-  const instanceId = useId();
-  const listboxId = `tiger-treeselect-listbox-${instanceId}`;
-  const [isOpen, setIsOpen] = useState(false);
-  const [uncontrolledSearchValue, setUncontrolledSearchValue] = useState(defaultSearchValue);
-  const searchQuery = searchValue ?? uncontrolledSearchValue;
-  const [expandedKeys, setExpandedKeys] = useState(
-    () => defaultExpandAll ? new Set(getAllTreeSelectKeys(treeData)) : /* @__PURE__ */ new Set()
-  );
-  const containerRef = useRef(null);
-  const triggerRef = useRef(null);
-  const dropdownRef = useRef(null);
-  const overlay = useAnchoredOverlay({
-    enabled: isOpen,
-    referenceRef: triggerRef,
-    floatingRef: dropdownRef,
-    containerRef,
-    placement: "bottom-start",
-    offset: 4,
-    matchReferenceWidth: true,
-    dismissOnOutside: true,
-    dismissOnEscape: true,
-    restoreFocusOnDismiss: true,
-    onDismiss: closeDropdown
-  });
-  const displayLabel = useMemo(() => getTreeSelectDisplayLabel(treeData, value), [treeData, value]);
-  const showClearButton = clearable && !disabled && value !== void 0 && (Array.isArray(value) ? value.length > 0 : value !== "");
-  const matchedKeys = useMemo(() => {
-    if (!searchQuery) return null;
-    return filterTreeSelectNodes(treeData, searchQuery);
-  }, [treeData, searchQuery]);
-  const effectiveExpandedKeys = matchedKeys ?? expandedKeys;
-  const flatNodes = useMemo(
-    () => flattenTreeSelectNodes(treeData, effectiveExpandedKeys),
-    [treeData, effectiveExpandedKeys]
-  );
-  const visibleNodes = useMemo(() => {
-    if (!matchedKeys) return flatNodes;
-    return flatNodes.filter((f) => matchedKeys.has(f.node.key));
-  }, [flatNodes, matchedKeys]);
-  function openDropdown() {
-    if (disabled) return;
-    setIsOpen(true);
-  }
-  function closeDropdown() {
-    setIsOpen(false);
-    updateSearchValue("");
-  }
-  function updateSearchValue(value2) {
-    if (searchValue === void 0) {
-      setUncontrolledSearchValue(value2);
-    }
-    onSearchChange?.(value2);
-  }
-  function toggleDropdown() {
-    if (isOpen) closeDropdown();
-    else openDropdown();
-  }
-  function toggleExpand(key, e) {
-    e.stopPropagation();
-    setExpandedKeys((prev) => {
-      const next = new Set(prev);
-      if (next.has(key)) next.delete(key);
-      else next.add(key);
-      return next;
-    });
-  }
-  function isSelected(key) {
-    if (multiple && Array.isArray(value)) {
-      return value.includes(key);
-    }
-    return value === key;
-  }
-  function handleNodeSelect(node) {
-    if (node.disabled) return;
-    if (multiple) {
-      const current = Array.isArray(value) ? [...value] : [];
-      const idx = current.indexOf(node.key);
-      if (idx >= 0) current.splice(idx, 1);
-      else current.push(node.key);
-      onChange?.(current);
-    } else {
-      onChange?.(node.key);
-      closeDropdown();
-    }
-  }
-  function handleClear(e) {
-    e.stopPropagation();
-    onChange?.(multiple ? [] : void 0);
-  }
-  function handleKeyDown(e) {
-    const action = getPickerTriggerKeyAction(e.key, isOpen);
-    if (action === "none") return;
-    e.preventDefault();
-    if (action === "toggle") {
-      if (isOpen) closeDropdown();
-      else openDropdown();
-    } else if (action === "open") {
-      openDropdown();
-    } else if (action === "close") {
-      closeDropdown();
-    }
-  }
-  return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: classNames(treeSelectBaseClasses, className), ...divProps, children: [
-    /* @__PURE__ */ jsxs(
-      "button",
-      {
-        ref: triggerRef,
-        type: "button",
-        className: getTreeSelectTriggerClasses(size, disabled, isOpen),
-        ...getPickerComboboxAria({ expanded: isOpen, listboxId }),
-        disabled,
-        onClick: toggleDropdown,
-        onKeyDown: handleKeyDown,
-        children: [
-          /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: classNames(
-                "flex-1 truncate",
-                !displayLabel ? "text-[var(--tiger-treeselect-placeholder,var(--tiger-text-muted,#9ca3af))]" : ""
-              ),
-              children: displayLabel || placeholder
-            }
-          ),
-          showClearButton ? /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: "absolute right-2 top-1/2 -translate-y-1/2 text-[var(--tiger-treeselect-clear,var(--tiger-text-muted,#9ca3af))] hover:text-[var(--tiger-treeselect-clear-hover,var(--tiger-text,#111827))]",
-              "aria-label": resolveLocaleText("Clear selection", mergedLocale?.common?.clearText),
-              onClick: handleClear,
-              children: /* @__PURE__ */ jsx(
-                "svg",
-                {
-                  className: "w-4 h-4",
-                  viewBox: icon20ViewBox,
-                  fill: "currentColor",
-                  xmlns: "http://www.w3.org/2000/svg",
-                  children: /* @__PURE__ */ jsx("path", { d: closeSolidIcon20PathD, fillRule: "evenodd", clipRule: "evenodd" })
-                }
-              )
-            }
-          ) : /* @__PURE__ */ jsx("span", { className: "absolute right-2 top-1/2 -translate-y-1/2 text-[var(--tiger-text-muted,#9ca3af)] pointer-events-none", children: /* @__PURE__ */ jsx(
-            "svg",
-            {
-              className: "w-4 h-4 transition-transform",
-              viewBox: icon20ViewBox,
-              fill: "currentColor",
-              xmlns: "http://www.w3.org/2000/svg",
-              children: /* @__PURE__ */ jsx("path", { d: chevronDownSolidIcon20PathD, fillRule: "evenodd", clipRule: "evenodd" })
-            }
-          ) })
-        ]
-      }
-    ),
-    renderOverlayPortal(
-      isOpen ? /* @__PURE__ */ jsxs(
-        "div",
-        {
-          ref: dropdownRef,
-          ...getPickerListboxAria({ id: listboxId }),
-          className: classNames(treeSelectDropdownClasses, overlay.floatingClasses),
-          style: overlay.floatingStyles,
-          "data-positioned": overlay.positioned,
-          children: [
-            searchable && /* @__PURE__ */ jsx(
-              "input",
-              {
-                type: "text",
-                className: treeSelectSearchClasses,
-                placeholder: resolveLocaleText(
-                  "Search...",
-                  mergedLocale?.common?.searchPlaceholder
-                ),
-                value: searchQuery,
-                "aria-label": resolveLocaleText(
-                  "Search tree",
-                  mergedLocale?.common?.searchPlaceholder
-                ),
-                onChange: (e) => updateSearchValue(e.target.value)
-              }
-            ),
-            visibleNodes.length > 0 ? visibleNodes.map((flatNode) => {
-              const { node, level, hasChildren, isExpanded } = flatNode;
-              const selected = isSelected(node.key);
-              const indent = level * 20;
-              return /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  ...getPickerOptionAria({ selected, disabled: !!node.disabled }),
-                  className: getTreeSelectNodeClasses(selected, !!node.disabled, size),
-                  style: { paddingLeft: `${indent + 8}px` },
-                  onClick: (e) => {
-                    e.stopPropagation();
-                    handleNodeSelect(node);
-                  },
-                  children: [
-                    hasChildren ? /* @__PURE__ */ jsx(
-                      "span",
-                      {
-                        className: classNames(
-                          "inline-flex items-center justify-center w-4 h-4 mr-1 transition-transform",
-                          isExpanded ? "rotate-90" : ""
-                        ),
-                        onClick: (e) => toggleExpand(node.key, e),
-                        children: /* @__PURE__ */ jsx("svg", { className: "w-3 h-3", viewBox: icon20ViewBox, fill: "currentColor", children: /* @__PURE__ */ jsx(
-                          "path",
-                          {
-                            d: chevronRightSolidIcon20PathD,
-                            fillRule: "evenodd",
-                            clipRule: "evenodd"
-                          }
-                        ) })
-                      }
-                    ) : /* @__PURE__ */ jsx("span", { className: "w-4 mr-1" }),
-                    /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children: node.label })
-                  ]
-                },
-                String(node.key)
-              );
-            }) : /* @__PURE__ */ jsx("div", { className: treeSelectEmptyClasses, children: resolveLocaleText("No data", emptyText, mergedLocale?.common?.emptyText) })
-          ]
-        }
-      ) : null,
-      overlay.target
-    )
-  ] });
-};
-
-export {
-  TreeSelect
-};