@expcat/tigercat-react 1.4.0 → 2.0.0-preview.1

package/dist/chunk-DBMC6FPU.js

@@ -1,270 +0,0 @@
-"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; }
-
-var _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
-
-// src/components/TreeSelect.tsx
-var _react = require('react');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-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,
-    defaultExpandAll = false,
-    className,
-    onChange,
-    locale,
-    ...rest
-  } = props;
-  const config = _chunkTDODFBBOjs.useTigerConfig.call(void 0, );
-  const mergedLocale = _react.useMemo.call(void 0, 
-    () => _tigercatcore.mergeTigerLocale.call(void 0, 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 = _react.useId.call(void 0, );
-  const listboxId = `tiger-treeselect-listbox-${instanceId}`;
-  const [isOpen, setIsOpen] = _react.useState.call(void 0, false);
-  const [searchQuery, setSearchQuery] = _react.useState.call(void 0, "");
-  const [expandedKeys, setExpandedKeys] = _react.useState.call(void 0, 
-    () => defaultExpandAll ? new Set(_tigercatcore.getAllTreeSelectKeys.call(void 0, treeData)) : /* @__PURE__ */ new Set()
-  );
-  const containerRef = _react.useRef.call(void 0, null);
-  const displayLabel = _react.useMemo.call(void 0, () => _tigercatcore.getTreeSelectDisplayLabel.call(void 0, treeData, value), [treeData, value]);
-  const showClearButton = clearable && !disabled && value !== void 0 && (Array.isArray(value) ? value.length > 0 : value !== "");
-  const matchedKeys = _react.useMemo.call(void 0, () => {
-    if (!searchQuery) return null;
-    return _tigercatcore.filterTreeSelectNodes.call(void 0, treeData, searchQuery);
-  }, [treeData, searchQuery]);
-  const effectiveExpandedKeys = _nullishCoalesce(matchedKeys, () => ( expandedKeys));
-  const flatNodes = _react.useMemo.call(void 0, 
-    () => _tigercatcore.flattenTreeSelectNodes.call(void 0, treeData, effectiveExpandedKeys),
-    [treeData, effectiveExpandedKeys]
-  );
-  const visibleNodes = _react.useMemo.call(void 0, () => {
-    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);
-      _optionalChain([onChange, 'optionalCall', _ => _(current)]);
-    } else {
-      _optionalChain([onChange, 'optionalCall', _2 => _2(node.key)]);
-      closeDropdown();
-    }
-  }
-  function handleClear(e) {
-    e.stopPropagation();
-    _optionalChain([onChange, 'optionalCall', _3 => _3(multiple ? [] : void 0)]);
-  }
-  function handleKeyDown(e) {
-    const action = _tigercatcore.getPickerTriggerKeyAction.call(void 0, 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();
-    }
-  }
-  _react.useEffect.call(void 0, () => {
-    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.call(void 0, "div", { ref: containerRef, className: _tigercatcore.classNames.call(void 0, _tigercatcore.treeSelectBaseClasses, className), ...divProps, children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      "button",
-      {
-        type: "button",
-        className: _tigercatcore.getTreeSelectTriggerClasses.call(void 0, size, disabled, isOpen),
-        ..._tigercatcore.getPickerComboboxAria.call(void 0, { expanded: isOpen, listboxId }),
-        disabled,
-        onClick: toggleDropdown,
-        onKeyDown: handleKeyDown,
-        children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "span",
-            {
-              className: _tigercatcore.classNames.call(void 0, 
-                "flex-1 truncate",
-                !displayLabel ? "text-[var(--tiger-treeselect-placeholder,var(--tiger-text-muted,#9ca3af))]" : ""
-              ),
-              children: displayLabel || placeholder
-            }
-          ),
-          showClearButton ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "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.call(void 0, 
-                "svg",
-                {
-                  className: "w-4 h-4",
-                  viewBox: _tigercatcore.icon20ViewBox,
-                  fill: "currentColor",
-                  xmlns: "http://www.w3.org/2000/svg",
-                  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: _tigercatcore.closeSolidIcon20PathD, fillRule: "evenodd", clipRule: "evenodd" })
-                }
-              )
-            }
-          ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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.call(void 0, 
-            "svg",
-            {
-              className: "w-4 h-4 transition-transform",
-              viewBox: _tigercatcore.icon20ViewBox,
-              fill: "currentColor",
-              xmlns: "http://www.w3.org/2000/svg",
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: _tigercatcore.chevronDownSolidIcon20PathD, fillRule: "evenodd", clipRule: "evenodd" })
-            }
-          ) })
-        ]
-      }
-    ),
-    isOpen && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ..._tigercatcore.getPickerListboxAria.call(void 0, { id: listboxId }), className: _tigercatcore.treeSelectDropdownClasses, children: [
-      showSearch && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "input",
-        {
-          type: "text",
-          className: _tigercatcore.treeSelectSearchClasses,
-          placeholder: _tigercatcore.resolveLocaleText.call(void 0, "Search...", _optionalChain([mergedLocale, 'optionalAccess', _4 => _4.common, 'optionalAccess', _5 => _5.searchPlaceholder])),
-          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.call(void 0, 
-          "div",
-          {
-            ..._tigercatcore.getPickerOptionAria.call(void 0, { selected, disabled: !!node.disabled }),
-            className: _tigercatcore.getTreeSelectNodeClasses.call(void 0, selected, !!node.disabled, size),
-            style: { paddingLeft: `${indent + 8}px` },
-            onClick: (e) => {
-              e.stopPropagation();
-              handleNodeSelect(node);
-            },
-            children: [
-              hasChildren ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                "span",
-                {
-                  className: _tigercatcore.classNames.call(void 0, 
-                    "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.call(void 0, "svg", { className: "w-3 h-3", viewBox: _tigercatcore.icon20ViewBox, fill: "currentColor", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    "path",
-                    {
-                      d: _tigercatcore.chevronRightSolidIcon20PathD,
-                      fillRule: "evenodd",
-                      clipRule: "evenodd"
-                    }
-                  ) })
-                }
-              ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "w-4 mr-1" }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex-1 truncate", children: node.label })
-            ]
-          },
-          String(node.key)
-        );
-      }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.treeSelectEmptyClasses, children: _tigercatcore.resolveLocaleText.call(void 0, "No data", notFoundText, _optionalChain([mergedLocale, 'optionalAccess', _6 => _6.common, 'optionalAccess', _7 => _7.emptyText])) })
-    ] })
-  ] });
-};
-
-
-
-exports.TreeSelect = TreeSelect;