@expcat/tigercat-react 1.5.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;

package/dist/chunk-DEIVWO2D.mjs

@@ -1,285 +0,0 @@
-import {
-  StatusIcon
-} from "./chunk-FLYJVZED.mjs";
-
-// src/components/Notification.tsx
-import { useEffect, useState } from "react";
-import { createRoot } from "react-dom/client";
-import {
-  classNames,
-  getNotificationTypeClasses,
-  notificationContainerBaseClasses,
-  notificationPositionClasses,
-  notificationBaseClasses,
-  notificationIconClasses,
-  notificationContentClasses,
-  notificationTitleClasses,
-  notificationDescriptionClasses,
-  notificationCloseButtonClasses,
-  notificationCloseIconClasses,
-  getNotificationIconPath,
-  notificationCloseIconPath,
-  createNotificationStackUpdateScheduler,
-  isBrowser,
-  ANIMATION_DURATION_MS,
-  normalizeStringOption,
-  createInstanceCounter
-} from "@expcat/tigercat-core";
-import { jsx, jsxs } from "react/jsx-runtime";
-var NOTIFICATION_CONTAINER_ID_PREFIX = "tiger-notification-container";
-var notificationInstancesByPosition = {
-  "top-left": [],
-  "top-right": [],
-  "bottom-left": [],
-  "bottom-right": []
-};
-var containerRoots = {
-  "top-left": null,
-  "top-right": null,
-  "bottom-left": null,
-  "bottom-right": null
-};
-var updateCallbacks = {
-  "top-left": null,
-  "top-right": null,
-  "bottom-left": null,
-  "bottom-right": null
-};
-var stackUpdateScheduler = createNotificationStackUpdateScheduler();
-function scheduleNotificationStackUpdate(position) {
-  const callback = updateCallbacks[position];
-  if (!callback) return;
-  stackUpdateScheduler.schedule(position, callback);
-}
-var getNextInstanceId = createInstanceCounter();
-var NotificationItem = ({ notification: notification2, onClose }) => {
-  const [isVisible, setIsVisible] = useState(false);
-  useEffect(() => {
-    const timer = setTimeout(() => setIsVisible(true), 10);
-    return () => clearTimeout(timer);
-  }, []);
-  const colorScheme = getNotificationTypeClasses(notification2.type);
-  const notificationClasses = classNames(
-    notificationBaseClasses,
-    colorScheme.bg,
-    colorScheme.border,
-    notification2.className,
-    isVisible ? "opacity-100 translate-x-0" : "opacity-0 translate-x-full"
-  );
-  const iconPath = notification2.icon || getNotificationIconPath(notification2.type);
-  const iconClass = classNames(notificationIconClasses, colorScheme.icon);
-  const handleClose = () => {
-    setIsVisible(false);
-    setTimeout(() => onClose(notification2.id), ANIMATION_DURATION_MS);
-  };
-  const a11yRole = notification2.type === "error" ? "alert" : "status";
-  const ariaLive = notification2.type === "error" ? "assertive" : "polite";
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: notificationClasses,
-      role: a11yRole,
-      "aria-live": ariaLive,
-      "aria-atomic": "true",
-      onClick: notification2.onClick,
-      onKeyDown: (e) => {
-        if (!notification2.onClick) return;
-        if (e.key === "Enter" || e.key === " ") {
-          e.preventDefault();
-          notification2.onClick();
-        }
-      },
-      tabIndex: notification2.onClick ? 0 : void 0,
-      style: notification2.onClick ? { cursor: "pointer" } : void 0,
-      "data-tiger-notification": "",
-      "data-tiger-notification-type": notification2.type,
-      "data-tiger-notification-id": String(notification2.id),
-      children: [
-        /* @__PURE__ */ jsx(StatusIcon, { path: iconPath, className: iconClass, "aria-hidden": "true", focusable: "false" }),
-        /* @__PURE__ */ jsxs("div", { className: notificationContentClasses, children: [
-          /* @__PURE__ */ jsx("div", { className: classNames(notificationTitleClasses, colorScheme.titleText), children: notification2.title }),
-          notification2.description && /* @__PURE__ */ jsx("div", { className: classNames(notificationDescriptionClasses, colorScheme.descriptionText), children: notification2.description })
-        ] }),
-        notification2.closable && /* @__PURE__ */ jsx(
-          "button",
-          {
-            className: notificationCloseButtonClasses,
-            onClick: (e) => {
-              e.stopPropagation();
-              handleClose();
-            },
-            "aria-label": "Close notification",
-            type: "button",
-            children: /* @__PURE__ */ jsx(StatusIcon, { path: notificationCloseIconPath, className: notificationCloseIconClasses })
-          }
-        )
-      ]
-    }
-  );
-};
-var NotificationContainer = ({
-  position = "top-right"
-}) => {
-  const [notifications, setNotifications] = useState([]);
-  useEffect(() => {
-    updateCallbacks[position] = () => {
-      setNotifications([...notificationInstancesByPosition[position]]);
-    };
-    updateCallbacks[position]();
-    return () => {
-      stackUpdateScheduler.cancel(position);
-      updateCallbacks[position] = null;
-    };
-  }, [position]);
-  const containerClasses = classNames(
-    notificationContainerBaseClasses,
-    notificationPositionClasses[position]
-  );
-  const handleRemove = (id) => {
-    removeNotification(id, position);
-  };
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: containerClasses,
-      id: `${NOTIFICATION_CONTAINER_ID_PREFIX}-${position}`,
-      "aria-live": "polite",
-      "aria-relevant": "additions",
-      "data-tiger-notification-container": "",
-      "data-tiger-notification-position": position,
-      children: notifications.map((notification2) => /* @__PURE__ */ jsx(
-        NotificationItem,
-        {
-          notification: notification2,
-          onClose: handleRemove
-        },
-        notification2.id
-      ))
-    }
-  );
-};
-function ensureContainer(position) {
-  if (!isBrowser()) {
-    return;
-  }
-  const rootId = `${NOTIFICATION_CONTAINER_ID_PREFIX}-${position}-root`;
-  const existingRootEl = document.getElementById(rootId);
-  if (containerRoots[position] && !existingRootEl) {
-    containerRoots[position] = null;
-    updateCallbacks[position] = null;
-    stackUpdateScheduler.cancel(position);
-  }
-  if (containerRoots[position]) {
-    return;
-  }
-  let rootEl = existingRootEl;
-  if (!rootEl) {
-    rootEl = document.createElement("div");
-    rootEl.id = rootId;
-    document.body.appendChild(rootEl);
-  }
-  containerRoots[position] = createRoot(rootEl);
-  containerRoots[position].render(/* @__PURE__ */ jsx(NotificationContainer, { position }));
-}
-function destroyContainer(position) {
-  const rootId = `${NOTIFICATION_CONTAINER_ID_PREFIX}-${position}-root`;
-  if (containerRoots[position]) {
-    containerRoots[position].unmount();
-    containerRoots[position] = null;
-  }
-  updateCallbacks[position] = null;
-  stackUpdateScheduler.cancel(position);
-  if (isBrowser()) {
-    document.getElementById(rootId)?.remove();
-  }
-}
-function addNotification(config) {
-  const position = config.position || "top-right";
-  ensureContainer(position);
-  const id = getNextInstanceId();
-  const instance = {
-    id,
-    type: config.type || "info",
-    title: config.title,
-    description: config.description,
-    duration: config.duration !== void 0 ? config.duration : 4500,
-    closable: config.closable !== void 0 ? config.closable : true,
-    onClose: config.onClose,
-    onClick: config.onClick,
-    icon: config.icon,
-    className: config.className,
-    position
-  };
-  notificationInstancesByPosition[position].push(instance);
-  scheduleNotificationStackUpdate(position);
-  if (instance.duration > 0) {
-    setTimeout(() => {
-      removeNotification(id, position);
-    }, instance.duration);
-  }
-  return () => removeNotification(id, position);
-}
-function removeNotification(id, position) {
-  const instances = notificationInstancesByPosition[position];
-  const index = instances.findIndex((notif) => notif.id === id);
-  if (index !== -1) {
-    const instance = instances[index];
-    instances.splice(index, 1);
-    instance.onClose?.();
-    if (notificationInstancesByPosition[position].length > 0) {
-      scheduleNotificationStackUpdate(position);
-    }
-  }
-  if (notificationInstancesByPosition[position].length === 0) {
-    destroyContainer(position);
-  }
-}
-function clearAll(position) {
-  if (position) {
-    notificationInstancesByPosition[position].forEach((instance) => {
-      instance.onClose?.();
-    });
-    notificationInstancesByPosition[position] = [];
-    destroyContainer(position);
-  } else {
-    Object.keys(notificationInstancesByPosition).forEach((pos) => {
-      const p = pos;
-      notificationInstancesByPosition[p].forEach((instance) => {
-        instance.onClose?.();
-      });
-      notificationInstancesByPosition[p] = [];
-      destroyContainer(p);
-    });
-  }
-}
-function normalizeOptions(options) {
-  return normalizeStringOption(options, "title");
-}
-var notification = {
-  info(options) {
-    const config = normalizeOptions(options);
-    return addNotification({ ...config, type: "info" });
-  },
-  success(options) {
-    const config = normalizeOptions(options);
-    return addNotification({ ...config, type: "success" });
-  },
-  warning(options) {
-    const config = normalizeOptions(options);
-    return addNotification({ ...config, type: "warning" });
-  },
-  error(options) {
-    const config = normalizeOptions(options);
-    return addNotification({ ...config, type: "error" });
-  },
-  clear(position) {
-    clearAll(position);
-  }
-};
-var Notification_default = notification;
-
-export {
-  NotificationContainer,
-  notification,
-  Notification_default
-};