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

package/dist/chunk-EJKOUI26.js

@@ -1,337 +0,0 @@
-"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 _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
-
-// src/components/Cascader.tsx
-var _react = require('react');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var CASCADER_KEYS = /* @__PURE__ */ new Set([
-  "options",
-  "value",
-  "onChange",
-  "placeholder",
-  "size",
-  "disabled",
-  "clearable",
-  "showSearch",
-  "expandTrigger",
-  "changeOnSelect",
-  "separator",
-  "notFoundText",
-  "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,
-    showSearch = false,
-    expandTrigger = "click",
-    changeOnSelect = false,
-    separator = " / ",
-    notFoundText,
-    className,
-    locale
-  } = 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 [k, v] of Object.entries(props)) {
-    if (!CASCADER_KEYS.has(k)) divProps[k] = v;
-  }
-  const instanceId = _react.useId.call(void 0, );
-  const listboxId = `tiger-cascader-listbox-${instanceId}`;
-  const [isOpen, setIsOpen] = _react.useState.call(void 0, false);
-  const [searchQuery, setSearchQuery] = _react.useState.call(void 0, "");
-  const [activePath, setActivePath] = _react.useState.call(void 0, []);
-  const triggerRef = _react.useRef.call(void 0, null);
-  const dropdownRef = _react.useRef.call(void 0, null);
-  const displayLabel = _react.useMemo.call(void 0, 
-    () => _tigercatcore.getCascaderDisplayLabel.call(void 0, options, value, separator),
-    [options, value, separator]
-  );
-  const columns = _react.useMemo.call(void 0, () => _tigercatcore.getCascaderColumns.call(void 0, options, activePath), [options, activePath]);
-  const isSearchMode = showSearch && searchQuery.length > 0;
-  const flattenedOptions = _react.useMemo.call(void 0, () => {
-    if (!showSearch) return [];
-    return _tigercatcore.flattenCascaderOptions.call(void 0, options);
-  }, [showSearch, options]);
-  const searchResults = _react.useMemo.call(void 0, () => {
-    if (!isSearchMode) return [];
-    return _tigercatcore.filterCascaderOptions.call(void 0, flattenedOptions, searchQuery, showSearch);
-  }, [isSearchMode, flattenedOptions, searchQuery, showSearch]);
-  const triggerClasses = _react.useMemo.call(void 0, 
-    () => _tigercatcore.classNames.call(void 0, _tigercatcore.getCascaderTriggerClasses.call(void 0, size, disabled, isOpen), className),
-    [size, disabled, isOpen, className]
-  );
-  _react.useEffect.call(void 0, () => {
-    if (isOpen) {
-      setActivePath(value ? [...value] : []);
-      setSearchQuery("");
-    }
-  }, [isOpen, value]);
-  _react.useEffect.call(void 0, () => {
-    if (!isOpen) return;
-    function handleClick(e) {
-      const target = e.target;
-      if (triggerRef.current && !triggerRef.current.contains(target) && dropdownRef.current && !dropdownRef.current.contains(target)) {
-        setIsOpen(false);
-      }
-    }
-    document.addEventListener("click", handleClick, true);
-    return () => document.removeEventListener("click", handleClick, true);
-  }, [isOpen]);
-  const toggleOpen = _react.useCallback.call(void 0, () => {
-    if (disabled) return;
-    setIsOpen((prev) => !prev);
-  }, [disabled]);
-  const handleOptionClick = _react.useCallback.call(void 0, 
-    (option, level) => {
-      if (option.disabled) return;
-      const newPath = activePath.slice(0, level);
-      newPath.push(option.value);
-      setActivePath(newPath);
-      const hasChildren = _tigercatcore.isCascaderOptionExpandable.call(void 0, option);
-      if (!hasChildren) {
-        _optionalChain([onChange, 'optionalCall', _ => _(newPath)]);
-        setIsOpen(false);
-      } else if (changeOnSelect) {
-        _optionalChain([onChange, 'optionalCall', _2 => _2(newPath)]);
-      }
-    },
-    [activePath, onChange, changeOnSelect]
-  );
-  const handleOptionHover = _react.useCallback.call(void 0, 
-    (option, level) => {
-      if (expandTrigger !== "hover" || option.disabled) return;
-      const newPath = activePath.slice(0, level);
-      newPath.push(option.value);
-      setActivePath(newPath);
-    },
-    [expandTrigger, activePath]
-  );
-  const handleSearchResultClick = _react.useCallback.call(void 0, 
-    (valuePath, itemDisabled) => {
-      if (itemDisabled) return;
-      _optionalChain([onChange, 'optionalCall', _3 => _3(valuePath)]);
-      setIsOpen(false);
-    },
-    [onChange]
-  );
-  const handleClear = _react.useCallback.call(void 0, 
-    (e) => {
-      e.stopPropagation();
-      _optionalChain([onChange, 'optionalCall', _4 => _4([])]);
-    },
-    [onChange]
-  );
-  const handleTriggerKeyDown = _react.useCallback.call(void 0, 
-    (e) => {
-      const action = _tigercatcore.getPickerTriggerKeyAction.call(void 0, 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__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.cascaderBaseClasses, "data-testid": "cascader", ...divProps, children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      "button",
-      {
-        ref: triggerRef,
-        type: "button",
-        className: triggerClasses,
-        disabled,
-        ..._tigercatcore.getPickerComboboxAria.call(void 0, { expanded: isOpen, listboxId }),
-        onClick: toggleOpen,
-        onKeyDown: handleTriggerKeyDown,
-        children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "span",
-            {
-              className: _tigercatcore.classNames.call(void 0, 
-                "flex-1 text-left truncate",
-                !hasValue && "text-[var(--tiger-cascader-placeholder,var(--tiger-text-muted,#9ca3af))]"
-              ),
-              children: hasValue ? displayLabel : placeholder
-            }
-          ),
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex items-center gap-1", children: [
-            showClearBtn && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "span",
-              {
-                className: "flex items-center",
-                role: "button",
-                "aria-label": "Clear selection",
-                onClick: handleClear,
-                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  "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: _tigercatcore.icon20ViewBox,
-                    fill: "currentColor",
-                    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { fillRule: "evenodd", d: _tigercatcore.closeSolidIcon20PathD, clipRule: "evenodd" })
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "svg",
-              {
-                className: _tigercatcore.classNames.call(void 0, 
-                  "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: _tigercatcore.icon20ViewBox,
-                fill: "currentColor",
-                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { fillRule: "evenodd", d: _tigercatcore.chevronDownSolidIcon20PathD, clipRule: "evenodd" })
-              }
-            )
-          ] })
-        ]
-      }
-    ),
-    isOpen && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      "div",
-      {
-        ref: dropdownRef,
-        className: _tigercatcore.classNames.call(void 0, _tigercatcore.cascaderDropdownClasses, isSearchMode && "flex-col"),
-        children: [
-          showSearch && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "input",
-            {
-              type: "text",
-              className: _tigercatcore.cascaderSearchInputClasses,
-              placeholder: _tigercatcore.resolveLocaleText.call(void 0, "Search...", _optionalChain([mergedLocale, 'optionalAccess', _5 => _5.common, 'optionalAccess', _6 => _6.searchPlaceholder])),
-              value: searchQuery,
-              onChange: (e) => setSearchQuery(e.target.value),
-              "aria-label": "Search options"
-            }
-          ),
-          isSearchMode ? (
-            // Search results
-            searchResults.length === 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.cascaderEmptyStateClasses, children: _tigercatcore.resolveLocaleText.call(void 0, 
-              "No results found",
-              notFoundText,
-              _optionalChain([mergedLocale, 'optionalAccess', _7 => _7.common, 'optionalAccess', _8 => _8.emptyText])
-            ) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "max-h-64 overflow-auto", ..._tigercatcore.getPickerListboxAria.call(void 0, { id: listboxId }), children: searchResults.map((item) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "div",
-              {
-                className: _tigercatcore.classNames.call(void 0, 
-                  _tigercatcore.cascaderSearchResultClasses,
-                  item.disabled && "opacity-50 cursor-not-allowed"
-                ),
-                ..._tigercatcore.getPickerOptionAria.call(void 0, {
-                  selected: _optionalChain([value, 'optionalAccess', _9 => _9.join, 'call', _10 => _10(",")]) === item.valuePath.join(","),
-                  disabled: item.disabled
-                }),
-                onClick: () => handleSearchResultClick(item.valuePath, item.disabled),
-                children: item.label
-              },
-              item.valuePath.join(",")
-            )) })
-          ) : (
-            // Cascading columns
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex", children: columns.map((col, colIndex) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "div",
-              {
-                className: _tigercatcore.cascaderColumnClasses,
-                ..._tigercatcore.getPickerListboxAria.call(void 0, {
-                  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 = _tigercatcore.isCascaderOptionExpandable.call(void 0, option);
-                  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-                    "div",
-                    {
-                      className: _tigercatcore.getCascaderOptionClasses.call(void 0, isSelected, !!option.disabled, size),
-                      ..._tigercatcore.getPickerOptionAria.call(void 0, {
-                        selected: isSelected,
-                        disabled: !!option.disabled
-                      }),
-                      onClick: () => handleOptionClick(option, colIndex),
-                      onMouseEnter: () => handleOptionHover(option, colIndex),
-                      children: [
-                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex-1 truncate", children: option.label }),
-                        hasChildren && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                          "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__ */ _jsxruntime.jsx.call(void 0, 
-                              "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
-            )) })
-          )
-        ]
-      }
-    )
-  ] });
-};
-
-
-
-exports.Cascader = Cascader;