@expcat/tigercat-react 1.0.7 → 1.2.0

package/dist/chunk-HWWNBCFB.js

@@ -1,286 +0,0 @@
-'use strict';
-
-var React = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-// src/components/List.tsx
-var spinnerSvg = tigercatCore.getSpinnerSVG("spinner");
-var LoadingSpinner = () => /* @__PURE__ */ jsxRuntime.jsx(
-  "svg",
-  {
-    className: tigercatCore.getLoadingOverlaySpinnerClasses(),
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: spinnerSvg.viewBox,
-    children: spinnerSvg.elements.map((el, index) => {
-      if (el.type === "circle") return /* @__PURE__ */ jsxRuntime.jsx("circle", { ...el.attrs }, index);
-      if (el.type === "path") return /* @__PURE__ */ jsxRuntime.jsx("path", { ...el.attrs }, index);
-      return null;
-    })
-  }
-);
-var List = ({
-  dataSource = [],
-  size = "md",
-  bordered = "divided",
-  loading = false,
-  emptyText = "No data",
-  split = true,
-  itemLayout = "horizontal",
-  header,
-  footer,
-  pagination = false,
-  grid,
-  rowKey = "key",
-  hoverable = false,
-  renderItem,
-  onItemClick,
-  onPageChange,
-  className,
-  draggable: isDraggable = false,
-  onReorder,
-  ...divProps
-}) => {
-  const [currentPage, setCurrentPage] = React.useState(
-    pagination && typeof pagination === "object" ? pagination.current || 1 : 1
-  );
-  const dragIndexRef = React__default.default.useRef(null);
-  const [currentPageSize, setCurrentPageSize] = React.useState(
-    pagination && typeof pagination === "object" ? pagination.pageSize || 10 : 10
-  );
-  const paginatedData = React.useMemo(() => {
-    if (pagination === false) {
-      return dataSource;
-    }
-    return tigercatCore.paginateData(dataSource, currentPage, currentPageSize);
-  }, [dataSource, currentPage, currentPageSize, pagination]);
-  const paginationInfo = React.useMemo(() => {
-    if (pagination === false) {
-      return null;
-    }
-    const total = dataSource.length;
-    return tigercatCore.calculatePagination(total, currentPage, currentPageSize);
-  }, [dataSource.length, currentPage, currentPageSize, pagination]);
-  const listClasses = React.useMemo(() => {
-    return tigercatCore.classNames(tigercatCore.getListClasses(bordered), tigercatCore.listSizeClasses[size], className);
-  }, [bordered, size, className]);
-  const gridClasses = React.useMemo(() => {
-    if (!grid) return "";
-    return tigercatCore.classNames(
-      tigercatCore.listGridContainerClasses,
-      tigercatCore.getGridColumnClasses(grid.column, grid.xs, grid.sm, grid.md, grid.lg, grid.xl, grid.xxl)
-    );
-  }, [grid]);
-  const handlePageChange = (page) => {
-    setCurrentPage(page);
-    onPageChange?.({ current: page, pageSize: currentPageSize });
-  };
-  const handlePageSizeChange = (pageSize) => {
-    setCurrentPageSize(pageSize);
-    setCurrentPage(1);
-    onPageChange?.({ current: 1, pageSize });
-  };
-  const handleItemClick = (item, index) => {
-    onItemClick?.(item, index);
-  };
-  const getItemKey = (item, index) => {
-    if (typeof rowKey === "function") {
-      return rowKey(item, index);
-    }
-    return item[rowKey] || index;
-  };
-  const renderListHeader = () => {
-    if (!header) return null;
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.getListHeaderFooterClasses(size, false), children: header });
-  };
-  const renderListFooter = () => {
-    if (!footer) return null;
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.getListHeaderFooterClasses(size, true), children: footer });
-  };
-  const renderDefaultListItem = (item, _index) => {
-    const itemContent = [];
-    const metaContent = [];
-    if (item.avatar) {
-      metaContent.push(
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.listItemAvatarClasses, children: typeof item.avatar === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-          "img",
-          {
-            src: item.avatar,
-            alt: item.title || "Avatar",
-            className: "w-10 h-10 rounded-full object-cover"
-          }
-        ) : item.avatar }, "avatar")
-      );
-    }
-    const contentChildren = [];
-    if (item.title) {
-      contentChildren.push(
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.listItemTitleClasses, children: item.title }, "title")
-      );
-    }
-    if (item.description) {
-      contentChildren.push(
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.listItemDescriptionClasses, children: item.description }, "description")
-      );
-    }
-    if (contentChildren.length > 0) {
-      metaContent.push(
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.listItemContentClasses, children: contentChildren }, "content")
-      );
-    }
-    if (metaContent.length > 0) {
-      itemContent.push(
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.listItemMetaClasses, children: metaContent }, "meta")
-      );
-    }
-    if (item.extra) {
-      itemContent.push(
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.listItemExtraClasses, children: item.extra }, "extra")
-      );
-    }
-    return itemContent;
-  };
-  const renderListItem = (item, index) => {
-    const key = getItemKey(item, index);
-    const itemClasses = tigercatCore.getListItemClasses(
-      size,
-      itemLayout,
-      split && bordered === "divided" && !grid,
-      hoverable
-    );
-    const clickable = typeof onItemClick === "function";
-    const handleClick = clickable ? () => handleItemClick(item, index) : void 0;
-    const handleKeyDown = clickable ? (e) => {
-      if (e.key === "Enter" || e.key === " ") {
-        e.preventDefault();
-        handleItemClick(item, index);
-      }
-    } : void 0;
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: tigercatCore.classNames(
-          itemClasses,
-          clickable && "cursor-pointer",
-          isDraggable && "cursor-grab"
-        ),
-        role: "listitem",
-        tabIndex: clickable ? 0 : void 0,
-        onClick: handleClick,
-        onKeyDown: handleKeyDown,
-        draggable: isDraggable || void 0,
-        onDragStart: isDraggable ? () => {
-          dragIndexRef.current = index;
-        } : void 0,
-        onDragOver: isDraggable ? (e) => e.preventDefault() : void 0,
-        onDrop: isDraggable ? () => {
-          const from = dragIndexRef.current;
-          if (from === null || from === index) {
-            dragIndexRef.current = null;
-            return;
-          }
-          dragIndexRef.current = null;
-          const items = [...dataSource];
-          const [moved] = items.splice(from, 1);
-          items.splice(index, 0, moved);
-          onReorder?.(items, from, index);
-        } : void 0,
-        onDragEnd: isDraggable ? () => {
-          dragIndexRef.current = null;
-        } : void 0,
-        children: renderItem ? renderItem(item, index) : renderDefaultListItem(item)
-      },
-      key
-    );
-  };
-  const renderListItems = () => {
-    if (loading) {
-      return null;
-    }
-    if (paginatedData.length === 0) {
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.listEmptyStateClasses, role: "status", "aria-live": "polite", children: emptyText });
-    }
-    const items = paginatedData.map((item, index) => renderListItem(item, index));
-    if (grid) {
-      const gutter = grid.gutter;
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          className: gridClasses,
-          style: gutter ? { gap: `${gutter}px` } : void 0,
-          children: items
-        }
-      );
-    }
-    return items;
-  };
-  const renderPagination = () => {
-    if (pagination === false || !paginationInfo) {
-      return null;
-    }
-    const { totalPages, startIndex, endIndex, hasNext, hasPrev } = paginationInfo;
-    const total = dataSource.length;
-    const paginationConfig = pagination;
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.getSimplePaginationContainerClasses(), children: [
-      paginationConfig.showTotal !== false && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.getSimplePaginationTotalClasses(), children: paginationConfig.totalText ? paginationConfig.totalText(total, [startIndex, endIndex]) : `Showing ${startIndex} to ${endIndex} of ${total} items` }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.getSimplePaginationControlsClasses(), children: [
-        paginationConfig.showSizeChanger !== false && /* @__PURE__ */ jsxRuntime.jsx(
-          "select",
-          {
-            className: tigercatCore.getSimplePaginationSelectClasses(),
-            value: currentPageSize,
-            onChange: (e) => handlePageSizeChange(Number(e.target.value)),
-            children: (paginationConfig.pageSizeOptions || [10, 20, 50, 100]).map((size2) => /* @__PURE__ */ jsxRuntime.jsxs("option", { value: size2, children: [
-              size2,
-              " / page"
-            ] }, size2))
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.getSimplePaginationButtonsWrapperClasses(), children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              className: tigercatCore.getSimplePaginationButtonClasses(!hasPrev),
-              disabled: !hasPrev,
-              onClick: () => handlePageChange(currentPage - 1),
-              children: "Previous"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: tigercatCore.getSimplePaginationPageIndicatorClasses(), children: [
-            "Page ",
-            currentPage,
-            " of ",
-            totalPages
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              className: tigercatCore.getSimplePaginationButtonClasses(!hasNext),
-              disabled: !hasNext,
-              onClick: () => handlePageChange(currentPage + 1),
-              children: "Next"
-            }
-          )
-        ] })
-      ] })
-    ] });
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.listWrapperClasses, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { ...divProps, className: listClasses, role: "list", "aria-busy": loading || void 0, children: [
-        renderListHeader(),
-        renderListItems(),
-        renderListFooter()
-      ] }),
-      loading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.listLoadingOverlayClasses, role: "status", "aria-live": "polite", children: /* @__PURE__ */ jsxRuntime.jsx(LoadingSpinner, {}) })
-    ] }),
-    renderPagination()
-  ] });
-};
-
-exports.List = List;

package/dist/chunk-HZHFFVP7.mjs

@@ -1,63 +0,0 @@
-import { classNames, getStepperButtonClasses, getStepperInputClasses, stepperBaseClasses, clampStepperValue, stepperIconViewBox, minusPathD, plusPathD } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-// src/components/Stepper.tsx
-var Stepper = ({
-  value = 0,
-  min = -Infinity,
-  max = Infinity,
-  step = 1,
-  disabled = false,
-  size = "md",
-  precision,
-  className,
-  onChange
-}) => {
-  function setValue(v) {
-    const clamped = clampStepperValue(v, min, max, precision);
-    onChange?.(clamped);
-  }
-  const atMin = value <= min;
-  const atMax = value >= max;
-  const icon = (d) => /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", viewBox: stepperIconViewBox, fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d, fillRule: "evenodd", clipRule: "evenodd" }) });
-  return /* @__PURE__ */ jsxs("div", { className: classNames(stepperBaseClasses, className), role: "group", "aria-label": "Stepper", children: [
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        className: getStepperButtonClasses(size, disabled || atMin, "left"),
-        disabled: disabled || atMin,
-        "aria-label": "Decrease",
-        onClick: () => setValue(value - step),
-        children: icon(minusPathD)
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "input",
-      {
-        type: "text",
-        className: getStepperInputClasses(size),
-        value: precision !== void 0 ? value.toFixed(precision) : String(value),
-        disabled,
-        "aria-label": "Value",
-        onChange: (e) => {
-          const val = Number(e.target.value);
-          if (!Number.isNaN(val)) setValue(val);
-        }
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        className: getStepperButtonClasses(size, disabled || atMax, "right"),
-        disabled: disabled || atMax,
-        "aria-label": "Increase",
-        onClick: () => setValue(value + step),
-        children: icon(plusPathD)
-      }
-    )
-  ] });
-};
-
-export { Stepper };

package/dist/chunk-I4SKKEU3.js

@@ -1,151 +0,0 @@
-'use strict';
-
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/components/FileManager.tsx
-var FileManager = ({
-  files = [],
-  viewMode = "list",
-  selectedKeys = [],
-  multiple = false,
-  sortField = "name",
-  sortOrder = "asc",
-  currentPath = [],
-  showHidden = false,
-  draggable = false,
-  loading = false,
-  emptyText = "Empty folder",
-  searchable = false,
-  searchText = "",
-  className,
-  onSelect,
-  onOpen,
-  onNavigate,
-  onSelectedKeysChange,
-  onCurrentPathChange,
-  onSearchTextChange,
-  renderIcon
-}) => {
-  const [localSearch, setLocalSearch] = react.useState(searchText);
-  const currentItems = react.useMemo(() => tigercatCore.navigateToFolder(files, currentPath), [files, currentPath]);
-  const processedItems = react.useMemo(() => {
-    let items = tigercatCore.filterHiddenFiles(currentItems, showHidden);
-    const search = localSearch || searchText;
-    if (search) {
-      items = tigercatCore.filterFileItems(items, search);
-    }
-    return tigercatCore.sortFileItems(items, sortField, sortOrder);
-  }, [currentItems, showHidden, localSearch, searchText, sortField, sortOrder]);
-  const selectedSet = react.useMemo(() => new Set(selectedKeys), [selectedKeys]);
-  const containerClasses = react.useMemo(() => tigercatCore.getFileManagerContainerClasses(className), [className]);
-  const handleSelect = react.useCallback(
-    (item) => {
-      if (item.disabled) return;
-      onSelect?.(item);
-      const keys = [...selectedKeys];
-      const idx = keys.indexOf(item.key);
-      if (idx >= 0) {
-        keys.splice(idx, 1);
-      } else {
-        if (!multiple) keys.length = 0;
-        keys.push(item.key);
-      }
-      onSelectedKeysChange?.(keys);
-    },
-    [selectedKeys, multiple, onSelect, onSelectedKeysChange]
-  );
-  const handleOpen = react.useCallback(
-    (item) => {
-      if (item.disabled) return;
-      if (item.type === "folder") {
-        const newPath = [...currentPath, item.name];
-        onCurrentPathChange?.(newPath);
-        onNavigate?.(newPath);
-      } else {
-        onOpen?.(item);
-      }
-    },
-    [currentPath, onOpen, onNavigate, onCurrentPathChange]
-  );
-  const navigateToBreadcrumb = react.useCallback(
-    (index) => {
-      const newPath = currentPath.slice(0, index);
-      onCurrentPathChange?.(newPath);
-      onNavigate?.(newPath);
-    },
-    [currentPath, onNavigate, onCurrentPathChange]
-  );
-  const breadcrumbItems = [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "span",
-      {
-        className: tigercatCore.fileManagerBreadcrumbItemClasses,
-        onClick: () => navigateToBreadcrumb(0),
-        children: "Root"
-      },
-      "root"
-    ),
-    ...currentPath.flatMap((seg, i) => [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: tigercatCore.fileManagerBreadcrumbSeparatorClasses, children: "/" }, `sep-${i}`),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "span",
-        {
-          className: tigercatCore.fileManagerBreadcrumbItemClasses,
-          onClick: () => navigateToBreadcrumb(i + 1),
-          children: seg
-        },
-        `path-${i}`
-      )
-    ])
-  ];
-  const contentClass = viewMode === "grid" ? `${tigercatCore.fileManagerContentClasses} grid grid-cols-4 gap-2` : tigercatCore.fileManagerContentClasses;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.classNames(containerClasses), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.fileManagerToolbarClasses, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("nav", { className: tigercatCore.fileManagerBreadcrumbClasses, "aria-label": "File path", children: breadcrumbItems }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1" }),
-      searchable && /* @__PURE__ */ jsxRuntime.jsx(
-        "input",
-        {
-          type: "text",
-          className: tigercatCore.fileManagerSearchClasses,
-          placeholder: "Search...",
-          value: localSearch,
-          onChange: (e) => {
-            setLocalSearch(e.target.value);
-            onSearchTextChange?.(e.target.value);
-          }
-        }
-      )
-    ] }),
-    processedItems.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: contentClass, role: "listbox", "aria-multiselectable": multiple, children: processedItems.map((item) => {
-      const isSelected = selectedSet.has(item.key);
-      const itemClass = tigercatCore.getFileItemClasses(viewMode, isSelected);
-      return /* @__PURE__ */ jsxRuntime.jsxs(
-        "div",
-        {
-          className: itemClass,
-          role: "option",
-          "aria-selected": isSelected,
-          "data-disabled": item.disabled || void 0,
-          onClick: () => handleSelect(item),
-          onDoubleClick: () => handleOpen(item),
-          draggable: draggable && !item.disabled,
-          children: [
-            renderIcon ? renderIcon(item) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: tigercatCore.fileManagerItemIconClasses, "aria-hidden": "true", children: item.type === "folder" ? "\u{1F4C1}" : "\u{1F4C4}" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: tigercatCore.fileManagerItemNameClasses, children: item.name }),
-            viewMode === "list" && item.size !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: tigercatCore.fileManagerItemMetaClasses, children: tigercatCore.formatFileSizeLabel(item.size) }),
-            viewMode === "list" && item.modified && /* @__PURE__ */ jsxRuntime.jsx("span", { className: tigercatCore.fileManagerItemMetaClasses, children: item.modified })
-          ]
-        },
-        item.key
-      );
-    }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.fileManagerEmptyClasses, children: emptyText }),
-    loading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.fileManagerLoadingClasses, children: "Loading..." })
-  ] });
-};
-var FileManager_default = FileManager;
-
-exports.FileManager = FileManager;
-exports.FileManager_default = FileManager_default;

package/dist/chunk-IBYIPXIO.js

@@ -1,88 +0,0 @@
-'use strict';
-
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/components/Menu.tsx
-var MenuContext = react.createContext(null);
-function useMenuContext() {
-  return react.useContext(MenuContext);
-}
-var Menu = ({
-  mode = "vertical",
-  theme = "light",
-  selectedKeys: controlledSelectedKeys,
-  defaultSelectedKeys = [],
-  openKeys: controlledOpenKeys,
-  defaultOpenKeys = [],
-  collapsed = false,
-  multiple = true,
-  inlineIndent = 24,
-  className,
-  style,
-  onSelect,
-  onOpenChange,
-  children
-}) => {
-  const menuRef = react.useRef(null);
-  const [internalSelectedKeys, setInternalSelectedKeys] = react.useState(defaultSelectedKeys);
-  const [internalOpenKeys, setInternalOpenKeys] = react.useState(defaultOpenKeys);
-  const selectedKeys = controlledSelectedKeys !== void 0 ? controlledSelectedKeys : internalSelectedKeys;
-  const openKeys = controlledOpenKeys !== void 0 ? controlledOpenKeys : internalOpenKeys;
-  const handleSelect = react.useCallback(
-    (key) => {
-      const newSelectedKeys = tigercatCore.replaceKeys(key, selectedKeys);
-      if (controlledSelectedKeys === void 0) {
-        setInternalSelectedKeys(newSelectedKeys);
-      }
-      onSelect?.(key, { selectedKeys: newSelectedKeys });
-    },
-    [controlledSelectedKeys, selectedKeys, onSelect]
-  );
-  const handleOpenChange = react.useCallback(
-    (key) => {
-      const toggled = tigercatCore.toggleKey(key, openKeys);
-      const newOpenKeys = multiple ? toggled : toggled.includes(key) ? [key] : [];
-      if (controlledOpenKeys === void 0) {
-        setInternalOpenKeys(newOpenKeys);
-      }
-      onOpenChange?.(key, { openKeys: newOpenKeys });
-    },
-    [openKeys, multiple, controlledOpenKeys, onOpenChange]
-  );
-  const menuClasses = react.useMemo(() => {
-    return tigercatCore.classNames(tigercatCore.getMenuClasses(mode, theme, collapsed), className);
-  }, [mode, theme, collapsed, className]);
-  const contextValue = react.useMemo(
-    () => ({
-      mode,
-      theme,
-      collapsed,
-      inlineIndent,
-      selectedKeys,
-      openKeys,
-      handleSelect,
-      handleOpenChange
-    }),
-    [mode, theme, collapsed, inlineIndent, selectedKeys, openKeys, handleSelect, handleOpenChange]
-  );
-  react.useEffect(() => {
-    if (menuRef.current) tigercatCore.initRovingTabIndex(menuRef.current);
-  }, [mode, collapsed, selectedKeys, openKeys]);
-  return /* @__PURE__ */ jsxRuntime.jsx(MenuContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
-    "ul",
-    {
-      ref: menuRef,
-      className: menuClasses,
-      style,
-      role: "menu",
-      "data-tiger-menu-root": "true",
-      "data-tiger-menu-mode": mode,
-      children
-    }
-  ) });
-};
-
-exports.Menu = Menu;
-exports.useMenuContext = useMenuContext;