@expcat/tigercat-react 1.0.7 → 1.2.0

package/dist/chunk-N66WEQ6M.js

@@ -1,240 +0,0 @@
-'use strict';
-
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/components/TreeSelect.tsx
-var TREESELECT_KEYS = /* @__PURE__ */ new Set([
-  "value",
-  "treeData",
-  "placeholder",
-  "size",
-  "disabled",
-  "clearable",
-  "multiple",
-  "showSearch",
-  "notFoundText",
-  "defaultExpandAll",
-  "onChange"
-]);
-var TreeSelect = (props) => {
-  const {
-    value,
-    treeData = [],
-    placeholder = "Please select",
-    size = "md",
-    disabled = false,
-    clearable = false,
-    multiple = false,
-    showSearch = false,
-    notFoundText = "No data",
-    defaultExpandAll = false,
-    className,
-    onChange,
-    ...rest
-  } = props;
-  const divProps = {};
-  for (const key of Object.keys(rest)) {
-    if (!TREESELECT_KEYS.has(key)) {
-      divProps[key] = rest[key];
-    }
-  }
-  const instanceId = react.useId();
-  const listboxId = `tiger-treeselect-listbox-${instanceId}`;
-  const [isOpen, setIsOpen] = react.useState(false);
-  const [searchQuery, setSearchQuery] = react.useState("");
-  const [expandedKeys, setExpandedKeys] = react.useState(
-    () => defaultExpandAll ? new Set(tigercatCore.getAllTreeSelectKeys(treeData)) : /* @__PURE__ */ new Set()
-  );
-  const containerRef = react.useRef(null);
-  const displayLabel = react.useMemo(() => tigercatCore.getTreeSelectDisplayLabel(treeData, value), [treeData, value]);
-  const showClearButton = clearable && !disabled && value !== void 0 && (Array.isArray(value) ? value.length > 0 : value !== "");
-  const matchedKeys = react.useMemo(() => {
-    if (!searchQuery) return null;
-    return tigercatCore.filterTreeSelectNodes(treeData, searchQuery);
-  }, [treeData, searchQuery]);
-  const effectiveExpandedKeys = matchedKeys ?? expandedKeys;
-  const flatNodes = react.useMemo(
-    () => tigercatCore.flattenTreeSelectNodes(treeData, effectiveExpandedKeys),
-    [treeData, effectiveExpandedKeys]
-  );
-  const visibleNodes = react.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);
-    setSearchQuery("");
-  }
-  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) {
-    if (e.key === "Escape") {
-      e.preventDefault();
-      closeDropdown();
-    } else if ((e.key === "Enter" || e.key === " ") && !isOpen) {
-      e.preventDefault();
-      openDropdown();
-    }
-  }
-  react.useEffect(() => {
-    if (!isOpen) return;
-    function handleClickOutside(e) {
-      if (containerRef.current && !containerRef.current.contains(e.target)) {
-        closeDropdown();
-      }
-    }
-    document.addEventListener("click", handleClickOutside);
-    return () => document.removeEventListener("click", handleClickOutside);
-  }, [isOpen]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: tigercatCore.classNames(tigercatCore.treeSelectBaseClasses, className), ...divProps, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "button",
-      {
-        type: "button",
-        className: tigercatCore.getTreeSelectTriggerClasses(size, disabled, isOpen),
-        role: "combobox",
-        "aria-expanded": isOpen,
-        "aria-haspopup": "listbox",
-        "aria-controls": isOpen ? listboxId : void 0,
-        disabled,
-        onClick: toggleDropdown,
-        onKeyDown: handleKeyDown,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "span",
-            {
-              className: tigercatCore.classNames(
-                "flex-1 truncate",
-                !displayLabel ? "text-[var(--tiger-treeselect-placeholder,var(--tiger-text-muted,#9ca3af))]" : ""
-              ),
-              children: displayLabel || placeholder
-            }
-          ),
-          showClearButton ? /* @__PURE__ */ jsxRuntime.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": "Clear selection",
-              onClick: handleClear,
-              children: /* @__PURE__ */ jsxRuntime.jsx(
-                "svg",
-                {
-                  className: "w-4 h-4",
-                  viewBox: tigercatCore.icon20ViewBox,
-                  fill: "currentColor",
-                  xmlns: "http://www.w3.org/2000/svg",
-                  children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: tigercatCore.closeSolidIcon20PathD, fillRule: "evenodd", clipRule: "evenodd" })
-                }
-              )
-            }
-          ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute right-2 top-1/2 -translate-y-1/2 text-[var(--tiger-text-muted,#9ca3af)] pointer-events-none", children: /* @__PURE__ */ jsxRuntime.jsx(
-            "svg",
-            {
-              className: "w-4 h-4 transition-transform",
-              viewBox: tigercatCore.icon20ViewBox,
-              fill: "currentColor",
-              xmlns: "http://www.w3.org/2000/svg",
-              children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: tigercatCore.chevronDownSolidIcon20PathD, fillRule: "evenodd", clipRule: "evenodd" })
-            }
-          ) })
-        ]
-      }
-    ),
-    isOpen && /* @__PURE__ */ jsxRuntime.jsxs("div", { id: listboxId, role: "listbox", className: tigercatCore.treeSelectDropdownClasses, children: [
-      showSearch && /* @__PURE__ */ jsxRuntime.jsx(
-        "input",
-        {
-          type: "text",
-          className: tigercatCore.treeSelectSearchClasses,
-          placeholder: "Search...",
-          value: searchQuery,
-          "aria-label": "Search tree",
-          onChange: (e) => setSearchQuery(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__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            role: "option",
-            "aria-selected": selected,
-            "aria-disabled": node.disabled,
-            className: tigercatCore.getTreeSelectNodeClasses(selected, !!node.disabled, size),
-            style: { paddingLeft: `${indent + 8}px` },
-            onClick: (e) => {
-              e.stopPropagation();
-              handleNodeSelect(node);
-            },
-            children: [
-              hasChildren ? /* @__PURE__ */ jsxRuntime.jsx(
-                "span",
-                {
-                  className: tigercatCore.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__ */ jsxRuntime.jsx("svg", { className: "w-3 h-3", viewBox: tigercatCore.icon20ViewBox, fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx(
-                    "path",
-                    {
-                      d: tigercatCore.chevronRightSolidIcon20PathD,
-                      fillRule: "evenodd",
-                      clipRule: "evenodd"
-                    }
-                  ) })
-                }
-              ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-4 mr-1" }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 truncate", children: node.label })
-            ]
-          },
-          String(node.key)
-        );
-      }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.treeSelectEmptyClasses, children: notFoundText })
-    ] })
-  ] });
-};
-
-exports.TreeSelect = TreeSelect;

package/dist/chunk-NG3GA5LF.js

@@ -1,25 +0,0 @@
-'use strict';
-
-var chunkH3JAEEEE_js = require('./chunk-H3JAEEEE.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-var Kanban = ({
-  showCardCount = true,
-  allowAddCard = true,
-  allowAddColumn = false,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkH3JAEEEE_js.TaskBoard,
-    {
-      showCardCount,
-      allowAddCard,
-      allowAddColumn,
-      ...props
-    }
-  );
-};
-var Kanban_default = Kanban;
-
-exports.Kanban = Kanban;
-exports.Kanban_default = Kanban_default;