@expcat/tigercat-react 2.0.19 → 2.1.1

package/dist/chunk-CB4SK5AU.mjs

@@ -1,235 +0,0 @@
-import {
-  ChartCanvas
-} from "./chunk-DKNVSQSV.mjs";
-
-// src/components/Gantt.tsx
-import { useMemo, useState } from "react";
-import {
-  classNames,
-  computeGanttLayout,
-  ganttAxisTextClasses,
-  ganttDependencyClasses,
-  ganttLabelClasses,
-  ganttProgressClasses,
-  ganttRowClasses,
-  ganttTodayLineClasses,
-  getChartInnerRect,
-  getGanttTaskAriaLabel,
-  getGanttTaskClasses
-} from "@expcat/tigercat-core";
-import { jsx, jsxs } from "react/jsx-runtime";
-function Gantt({
-  data,
-  width = 760,
-  height = 360,
-  padding = 24,
-  scale = "week",
-  rowHeight = 40,
-  barHeight = 18,
-  taskLabelWidth = 140,
-  timelineHeight = 36,
-  minDate,
-  maxDate,
-  minBarWidth = 6,
-  showToday = false,
-  showProgress = true,
-  showDependencies = true,
-  hoverable = false,
-  selectable = false,
-  selectedId,
-  activeOpacity = 1,
-  inactiveOpacity = 0.35,
-  dateFormatter,
-  colors,
-  title,
-  desc,
-  ariaLabel = "Gantt chart",
-  className,
-  onTaskClick,
-  onTaskHover,
-  onSelectedIdChange
-}) {
-  const [innerSelectedId, setInnerSelectedId] = useState(null);
-  const [hoveredId, setHoveredId] = useState(null);
-  const resolvedSelectedId = selectedId === void 0 ? innerSelectedId : selectedId;
-  const innerRect = useMemo(
-    () => getChartInnerRect(width, height, padding),
-    [height, padding, width]
-  );
-  const layout = useMemo(
-    () => computeGanttLayout(data, {
-      width: innerRect.width,
-      rowHeight,
-      barHeight,
-      taskLabelWidth,
-      timelineHeight,
-      minDate,
-      maxDate,
-      minBarWidth,
-      scale,
-      colors,
-      today: showToday ? /* @__PURE__ */ new Date() : void 0,
-      dateFormatter
-    }),
-    [
-      barHeight,
-      colors,
-      data,
-      dateFormatter,
-      innerRect.width,
-      maxDate,
-      minBarWidth,
-      minDate,
-      rowHeight,
-      scale,
-      showToday,
-      taskLabelWidth,
-      timelineHeight
-    ]
-  );
-  const activeId = resolvedSelectedId ?? hoveredId;
-  const selectTask = (task) => {
-    if (selectable && !task.task.disabled) {
-      const nextId = resolvedSelectedId === task.id ? null : task.id;
-      if (selectedId === void 0) setInnerSelectedId(nextId);
-      onSelectedIdChange?.(nextId);
-    }
-    onTaskClick?.(task.task);
-  };
-  const setHoveredTask = (task) => {
-    if (!hoverable) return;
-    setHoveredId(task?.id ?? null);
-    onTaskHover?.(task?.task ?? null);
-  };
-  const getTaskOpacity = (task) => {
-    if (activeId === null) return activeOpacity;
-    return activeId === task.id ? activeOpacity : inactiveOpacity;
-  };
-  return /* @__PURE__ */ jsx(
-    ChartCanvas,
-    {
-      width,
-      height,
-      padding,
-      title,
-      desc,
-      className: classNames(className),
-      role: "img",
-      "aria-label": ariaLabel,
-      children: /* @__PURE__ */ jsxs("g", { "data-series-type": "gantt", children: [
-        /* @__PURE__ */ jsxs("g", { "data-gantt-axis": "true", children: [
-          /* @__PURE__ */ jsx(
-            "line",
-            {
-              x1: taskLabelWidth,
-              x2: layout.width,
-              y1: timelineHeight - 1,
-              y2: timelineHeight - 1,
-              stroke: "var(--tiger-border,#d1d5db)"
-            }
-          ),
-          layout.ticks.map((tick) => /* @__PURE__ */ jsxs("g", { children: [
-            /* @__PURE__ */ jsx(
-              "line",
-              {
-                x1: tick.x,
-                x2: tick.x,
-                y1: 0,
-                y2: layout.height,
-                stroke: "var(--tiger-border,#e5e7eb)"
-              }
-            ),
-            /* @__PURE__ */ jsx("text", { x: tick.x + 4, y: 16, className: ganttAxisTextClasses, children: tick.label })
-          ] }, `${tick.label}-${tick.x}`))
-        ] }),
-        /* @__PURE__ */ jsx("g", { "data-gantt-rows": "true", children: layout.tasks.map((task) => /* @__PURE__ */ jsx(
-          "rect",
-          {
-            x: 0,
-            y: timelineHeight + task.index * rowHeight,
-            width: layout.width,
-            height: rowHeight,
-            className: task.index % 2 === 0 ? ganttRowClasses : void 0,
-            opacity: task.index % 2 === 0 ? 0.75 : 0
-          },
-          `row-${task.id}`
-        )) }),
-        showToday && layout.todayX !== null ? /* @__PURE__ */ jsx(
-          "line",
-          {
-            x1: layout.todayX,
-            x2: layout.todayX,
-            y1: 0,
-            y2: layout.height,
-            className: ganttTodayLineClasses,
-            "data-gantt-today": "true"
-          }
-        ) : null,
-        showDependencies ? /* @__PURE__ */ jsx("g", { "data-gantt-dependencies": "true", children: layout.dependencies.map((dependency) => /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: dependency.path,
-            className: ganttDependencyClasses
-          },
-          `${dependency.sourceId}-${dependency.targetId}`
-        )) }) : null,
-        /* @__PURE__ */ jsx("g", { "data-gantt-tasks": "true", children: layout.tasks.map((task) => {
-          const selected = resolvedSelectedId === task.id;
-          const interactive = (hoverable || selectable) && !task.task.disabled;
-          return /* @__PURE__ */ jsxs("g", { opacity: getTaskOpacity(task), children: [
-            /* @__PURE__ */ jsx("text", { x: 0, y: task.y + task.height / 2 + 4, className: ganttLabelClasses, children: task.task.label }),
-            /* @__PURE__ */ jsxs(
-              "g",
-              {
-                className: getGanttTaskClasses(interactive, selected),
-                role: interactive ? "button" : "group",
-                tabIndex: interactive ? 0 : void 0,
-                "aria-label": getGanttTaskAriaLabel(task.task),
-                onMouseEnter: () => setHoveredTask(task),
-                onMouseLeave: () => setHoveredTask(null),
-                onClick: () => selectTask(task),
-                onKeyDown: (event) => {
-                  if (event.key === "Enter" || event.key === " ") {
-                    event.preventDefault();
-                    selectTask(task);
-                  }
-                },
-                children: [
-                  /* @__PURE__ */ jsx(
-                    "rect",
-                    {
-                      x: task.x,
-                      y: task.y,
-                      width: task.width,
-                      height: task.height,
-                      rx: 4,
-                      fill: task.color,
-                      stroke: selected ? "var(--tiger-text,#111827)" : void 0,
-                      strokeWidth: selected ? 2 : void 0
-                    }
-                  ),
-                  showProgress && task.progressWidth > 0 ? /* @__PURE__ */ jsx(
-                    "rect",
-                    {
-                      x: task.x,
-                      y: task.y,
-                      width: task.progressWidth,
-                      height: task.height,
-                      rx: 4,
-                      className: ganttProgressClasses
-                    }
-                  ) : null
-                ]
-              }
-            )
-          ] }, task.id);
-        }) })
-      ] })
-    }
-  );
-}
-Gantt.displayName = "Gantt";
-
-export {
-  Gantt
-};

package/dist/chunk-KPACLRQH.mjs

@@ -1,55 +0,0 @@
-// src/components/Code.tsx
-import { useEffect, useState } from "react";
-import {
-  codeBlockPreClasses,
-  copyTextToClipboard,
-  getCodeBlockContainerClasses,
-  getCodeBlockCopyButtonClasses
-} from "@expcat/tigercat-core";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Code = ({
-  code,
-  copyable = true,
-  copyLabel = "\u590D\u5236",
-  copiedLabel = "\u5DF2\u590D\u5236",
-  onCopy,
-  className,
-  ...props
-}) => {
-  const [isCopied, setIsCopied] = useState(false);
-  useEffect(() => {
-    if (!isCopied) return;
-    const timer = window.setTimeout(() => {
-      setIsCopied(false);
-    }, 1500);
-    return () => window.clearTimeout(timer);
-  }, [isCopied]);
-  const handleCopy = async () => {
-    if (!copyable) return;
-    const ok = await copyTextToClipboard(code);
-    if (!ok) return;
-    setIsCopied(true);
-    onCopy?.(code);
-  };
-  const containerClasses = getCodeBlockContainerClasses(className);
-  const copyButtonClasses = getCodeBlockCopyButtonClasses(isCopied);
-  return /* @__PURE__ */ jsxs("div", { className: containerClasses, ...props, children: [
-    /* @__PURE__ */ jsx("pre", { className: codeBlockPreClasses, children: /* @__PURE__ */ jsx("code", { className: "block", children: code }) }),
-    copyable && /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        className: copyButtonClasses,
-        onClick: handleCopy,
-        "aria-label": isCopied ? copiedLabel : copyLabel,
-        children: isCopied ? copiedLabel : copyLabel
-      }
-    )
-  ] });
-};
-var Code_default = Code;
-
-export {
-  Code,
-  Code_default
-};

package/dist/chunk-YIB6ZXZF.mjs

@@ -1,386 +0,0 @@
-import {
-  renderOverlayPortal,
-  useAnchoredOverlay
-} from "./chunk-HKAZXG74.mjs";
-import {
-  useTigerConfig
-} from "./chunk-YSIXURBW.mjs";
-
-// 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,
-  resolveLocaleText,
-  mergeTigerLocale
-} from "@expcat/tigercat-core";
-import { jsx, jsxs } from "react/jsx-runtime";
-var CASCADER_KEYS = /* @__PURE__ */ new Set([
-  "options",
-  "value",
-  "onChange",
-  "placeholder",
-  "size",
-  "disabled",
-  "clearable",
-  "searchable",
-  "searchValue",
-  "defaultSearchValue",
-  "onSearchChange",
-  "expandTrigger",
-  "changeOnSelect",
-  "separator",
-  "emptyText",
-  "className",
-  "locale"
-]);
-var EMPTY_CASCADER_VALUE = [];
-var Cascader = (props) => {
-  const {
-    options = [],
-    value = EMPTY_CASCADER_VALUE,
-    onChange,
-    placeholder = "Please select",
-    size = "md",
-    disabled = false,
-    clearable = true,
-    searchable = false,
-    searchValue,
-    defaultSearchValue = "",
-    onSearchChange,
-    expandTrigger = "click",
-    changeOnSelect = false,
-    separator = " / ",
-    emptyText,
-    className,
-    locale
-  } = props;
-  const config = useTigerConfig();
-  const mergedLocale = useMemo(
-    () => mergeTigerLocale(config.locale, locale),
-    [config.locale, locale]
-  );
-  const divProps = {};
-  for (const [k, v] of Object.entries(props)) {
-    if (!CASCADER_KEYS.has(k)) divProps[k] = v;
-  }
-  const instanceId = useId();
-  const listboxId = `tiger-cascader-listbox-${instanceId}`;
-  const [isOpen, setIsOpen] = useState(false);
-  const [uncontrolledSearchValue, setUncontrolledSearchValue] = useState(defaultSearchValue);
-  const searchQuery = searchValue ?? uncontrolledSearchValue;
-  const [activePath, setActivePath] = useState([]);
-  const wasOpenRef = useRef(false);
-  const triggerRef = useRef(null);
-  const dropdownRef = useRef(null);
-  const overlay = useAnchoredOverlay({
-    enabled: isOpen,
-    referenceRef: triggerRef,
-    floatingRef: dropdownRef,
-    placement: "bottom-start",
-    offset: 4,
-    layout: "fullscreen-sm",
-    matchReferenceWidth: true,
-    dismissOnOutside: true,
-    dismissOnEscape: true,
-    restoreFocusOnDismiss: true,
-    onDismiss: () => setIsOpen(false)
-  });
-  const displayLabel = useMemo(
-    () => getCascaderDisplayLabel(options, value, separator),
-    [options, value, separator]
-  );
-  const columns = useMemo(() => getCascaderColumns(options, activePath), [options, activePath]);
-  const isSearchMode = searchable && searchQuery.length > 0;
-  const flattenedOptions = useMemo(() => {
-    if (!searchable) return [];
-    return flattenCascaderOptions(options, [], [], changeOnSelect);
-  }, [searchable, options, changeOnSelect]);
-  const searchResults = useMemo(() => {
-    if (!isSearchMode) return [];
-    return filterCascaderOptions(flattenedOptions, searchQuery, searchable);
-  }, [isSearchMode, flattenedOptions, searchQuery, searchable]);
-  const triggerClasses = useMemo(
-    () => classNames(getCascaderTriggerClasses(size, disabled, isOpen), className),
-    [size, disabled, isOpen, className]
-  );
-  const updateSearchValue = useCallback(
-    (nextValue) => {
-      if (searchValue === void 0) {
-        setUncontrolledSearchValue(nextValue);
-      }
-      onSearchChange?.(nextValue);
-    },
-    [onSearchChange, searchValue]
-  );
-  useEffect(() => {
-    if (!isOpen) {
-      wasOpenRef.current = false;
-      return;
-    }
-    if (wasOpenRef.current) return;
-    wasOpenRef.current = true;
-    setActivePath(value ? [...value] : []);
-    updateSearchValue("");
-  }, [isOpen, updateSearchValue, value]);
-  const toggleOpen = useCallback(() => {
-    if (disabled) return;
-    setIsOpen((prev) => !prev);
-  }, [disabled]);
-  const handleOptionClick = useCallback(
-    (option, level) => {
-      if (option.disabled) return;
-      const newPath = activePath.slice(0, level);
-      newPath.push(option.value);
-      setActivePath(newPath);
-      const hasChildren = isCascaderOptionExpandable(option);
-      if (!hasChildren) {
-        onChange?.(newPath);
-        setIsOpen(false);
-      } else if (changeOnSelect) {
-        onChange?.(newPath);
-      }
-    },
-    [activePath, onChange, changeOnSelect]
-  );
-  const handleOptionHover = useCallback(
-    (option, level) => {
-      if (expandTrigger !== "hover" || option.disabled) return;
-      const newPath = activePath.slice(0, level);
-      newPath.push(option.value);
-      setActivePath(newPath);
-    },
-    [expandTrigger, activePath]
-  );
-  const handleSearchResultClick = useCallback(
-    (valuePath, itemDisabled) => {
-      if (itemDisabled) return;
-      onChange?.(valuePath);
-      setIsOpen(false);
-    },
-    [onChange]
-  );
-  const handleClear = useCallback(
-    (e) => {
-      e.stopPropagation();
-      onChange?.([]);
-    },
-    [onChange]
-  );
-  const handleTriggerKeyDown = useCallback(
-    (e) => {
-      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]
-  );
-  const hasValue = value && value.length > 0;
-  const showClearBtn = clearable && hasValue && !disabled;
-  return /* @__PURE__ */ jsxs("div", { className: cascaderBaseClasses, "data-testid": "cascader", ...divProps, children: [
-    /* @__PURE__ */ jsxs(
-      "button",
-      {
-        ref: triggerRef,
-        type: "button",
-        className: triggerClasses,
-        disabled,
-        ...getPickerComboboxAria({ expanded: isOpen, listboxId }),
-        onClick: toggleOpen,
-        onKeyDown: handleTriggerKeyDown,
-        children: [
-          /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: classNames(
-                "flex-1 text-left truncate",
-                !hasValue && "text-[var(--tiger-cascader-placeholder,var(--tiger-text-muted,#9ca3af))]"
-              ),
-              children: hasValue ? displayLabel : placeholder
-            }
-          ),
-          /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
-            showClearBtn && /* @__PURE__ */ jsx(
-              "span",
-              {
-                className: "flex items-center",
-                role: "button",
-                "aria-label": resolveLocaleText("Clear selection", mergedLocale?.common?.clearText),
-                onClick: handleClear,
-                children: /* @__PURE__ */ jsx(
-                  "svg",
-                  {
-                    className: "w-4 h-4 text-[var(--tiger-cascader-icon,var(--tiger-text-muted,#9ca3af))] hover:text-[var(--tiger-cascader-icon-hover,var(--tiger-text-muted,#6b7280))]",
-                    xmlns: "http://www.w3.org/2000/svg",
-                    viewBox: icon20ViewBox,
-                    fill: "currentColor",
-                    children: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", d: closeSolidIcon20PathD, clipRule: "evenodd" })
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "svg",
-              {
-                className: classNames(
-                  "w-5 h-5 text-[var(--tiger-cascader-icon,var(--tiger-text-muted,#9ca3af))] transition-transform",
-                  isOpen && "rotate-180"
-                ),
-                xmlns: "http://www.w3.org/2000/svg",
-                viewBox: icon20ViewBox,
-                fill: "currentColor",
-                children: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", d: chevronDownSolidIcon20PathD, clipRule: "evenodd" })
-              }
-            )
-          ] })
-        ]
-      }
-    ),
-    renderOverlayPortal(
-      isOpen ? /* @__PURE__ */ jsxs(
-        "div",
-        {
-          ref: dropdownRef,
-          className: classNames(
-            cascaderDropdownClasses,
-            isSearchMode && "flex-col",
-            overlay.floatingClasses
-          ),
-          style: overlay.floatingStyles,
-          "data-positioned": overlay.positioned,
-          children: [
-            searchable && /* @__PURE__ */ jsx(
-              "input",
-              {
-                type: "text",
-                className: cascaderSearchInputClasses,
-                placeholder: resolveLocaleText(
-                  "Search...",
-                  mergedLocale?.common?.searchPlaceholder
-                ),
-                value: searchQuery,
-                onChange: (e) => updateSearchValue(e.target.value),
-                "aria-label": resolveLocaleText(
-                  "Search options",
-                  mergedLocale?.common?.searchPlaceholder
-                )
-              }
-            ),
-            isSearchMode ? (
-              // Search results
-              searchResults.length === 0 ? /* @__PURE__ */ jsx("div", { className: cascaderEmptyStateClasses, children: resolveLocaleText(
-                "No results found",
-                emptyText,
-                mergedLocale?.common?.emptyText
-              ) }) : /* @__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"
-                      ),
-                      ...getPickerOptionAria({
-                        selected: value?.join(",") === item.valuePath.join(","),
-                        disabled: item.disabled
-                      }),
-                      onClick: () => handleSearchResultClick(item.valuePath, item.disabled),
-                      children: typeof searchable === "object" && searchable.render ? searchable.render(searchQuery, item.path) : item.label
-                    },
-                    item.valuePath.join(",")
-                  ))
-                }
-              )
-            ) : (
-              // Cascading columns
-              /* @__PURE__ */ jsx("div", { className: "flex", children: columns.map((col, colIndex) => /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: cascaderColumnClasses,
-                  ...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;
-                    const hasChildren = isCascaderOptionExpandable(option);
-                    return /* @__PURE__ */ jsxs(
-                      "div",
-                      {
-                        className: getCascaderOptionClasses(isSelected, !!option.disabled, size),
-                        ...getPickerOptionAria({
-                          selected: isSelected,
-                          disabled: !!option.disabled
-                        }),
-                        onClick: () => handleOptionClick(option, colIndex),
-                        onMouseEnter: () => handleOptionHover(option, colIndex),
-                        children: [
-                          /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children: option.label }),
-                          hasChildren && /* @__PURE__ */ jsx(
-                            "svg",
-                            {
-                              className: "w-4 h-4 text-[var(--tiger-text-muted,#9ca3af)]",
-                              xmlns: "http://www.w3.org/2000/svg",
-                              viewBox: "0 0 20 20",
-                              fill: "currentColor",
-                              children: /* @__PURE__ */ jsx(
-                                "path",
-                                {
-                                  fillRule: "evenodd",
-                                  d: "M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z",
-                                  clipRule: "evenodd"
-                                }
-                              )
-                            }
-                          )
-                        ]
-                      },
-                      option.value
-                    );
-                  })
-                },
-                colIndex
-              )) })
-            )
-          ]
-        }
-      ) : null,
-      overlay.target
-    )
-  ] });
-};
-
-export {
-  Cascader
-};