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

package/dist/chunk-PQF5VLNX.js

@@ -1,351 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 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 _chunkFCCHM2B4js = require('./chunk-FCCHM2B4.js');
-
-
-var _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
-
-// src/components/List.tsx
-var _react = require('react'); var _react2 = _interopRequireDefault(_react);
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var spinnerSvg = _tigercatcore.getSpinnerSVG.call(void 0, "spinner");
-var LoadingSpinner = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-  "svg",
-  {
-    className: _tigercatcore.getLoadingOverlaySpinnerClasses.call(void 0, ),
-    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.call(void 0, "circle", { ...el.attrs }, index);
-      if (el.type === "path") return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { ...el.attrs }, index);
-      return null;
-    })
-  }
-);
-var List = ({
-  dataSource = [],
-  size = "md",
-  bordered = "divided",
-  loading = false,
-  emptyText,
-  locale,
-  split = true,
-  itemLayout = "horizontal",
-  header,
-  footer,
-  pagination = false,
-  grid,
-  virtual = false,
-  virtualHeight = 400,
-  virtualItemHeight = 40,
-  virtualOverscan = 5,
-  rowKey = "key",
-  hoverable = false,
-  renderItem,
-  onItemClick,
-  onPageChange,
-  className,
-  draggable: isDraggable = false,
-  onReorder,
-  ...divProps
-}) => {
-  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 [currentPage, setCurrentPage] = _react.useState.call(void 0, 
-    pagination && typeof pagination === "object" ? pagination.current || 1 : 1
-  );
-  const dragIndexRef = _react2.default.useRef(null);
-  const [currentPageSize, setCurrentPageSize] = _react.useState.call(void 0, 
-    pagination && typeof pagination === "object" ? pagination.pageSize || 10 : 10
-  );
-  const paginatedData = _react.useMemo.call(void 0, () => {
-    if (pagination === false) {
-      return dataSource;
-    }
-    return _tigercatcore.paginateData.call(void 0, dataSource, currentPage, currentPageSize);
-  }, [dataSource, currentPage, currentPageSize, pagination]);
-  const paginationInfo = _react.useMemo.call(void 0, () => {
-    if (pagination === false) {
-      return null;
-    }
-    const total = dataSource.length;
-    return _tigercatcore.calculatePagination.call(void 0, total, currentPage, currentPageSize);
-  }, [dataSource.length, currentPage, currentPageSize, pagination]);
-  const listClasses = _react.useMemo.call(void 0, () => {
-    return _tigercatcore.classNames.call(void 0, _tigercatcore.getListClasses.call(void 0, bordered), _tigercatcore.listSizeClasses[size], className);
-  }, [bordered, size, className]);
-  const gridClasses = _react.useMemo.call(void 0, () => {
-    if (!grid) return "";
-    return _tigercatcore.classNames.call(void 0, 
-      _tigercatcore.listGridContainerClasses,
-      _tigercatcore.getGridColumnClasses.call(void 0, grid.column, grid.xs, grid.sm, grid.md, grid.lg, grid.xl, grid.xxl)
-    );
-  }, [grid]);
-  const handlePageChange = (page) => {
-    setCurrentPage(page);
-    _optionalChain([onPageChange, 'optionalCall', _ => _({ current: page, pageSize: currentPageSize })]);
-  };
-  const handlePageSizeChange = (pageSize) => {
-    setCurrentPageSize(pageSize);
-    setCurrentPage(1);
-    _optionalChain([onPageChange, 'optionalCall', _2 => _2({ current: 1, pageSize })]);
-  };
-  const handleItemClick = (item, index) => {
-    _optionalChain([onItemClick, 'optionalCall', _3 => _3(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.call(void 0, "div", { className: _tigercatcore.getListHeaderFooterClasses.call(void 0, size, false), children: header });
-  };
-  const renderListFooter = () => {
-    if (!footer) return null;
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.getListHeaderFooterClasses.call(void 0, size, true), children: footer });
-  };
-  const renderDefaultListItem = (item, _index) => {
-    const itemContent = [];
-    const metaContent = [];
-    if (item.avatar) {
-      metaContent.push(
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.listItemAvatarClasses, children: typeof item.avatar === "string" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "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.call(void 0, "div", { className: _tigercatcore.listItemTitleClasses, children: item.title }, "title")
-      );
-    }
-    if (item.description) {
-      contentChildren.push(
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.listItemDescriptionClasses, children: item.description }, "description")
-      );
-    }
-    if (contentChildren.length > 0) {
-      metaContent.push(
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.listItemContentClasses, children: contentChildren }, "content")
-      );
-    }
-    if (metaContent.length > 0) {
-      itemContent.push(
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.listItemMetaClasses, children: metaContent }, "meta")
-      );
-    }
-    if (item.extra) {
-      itemContent.push(
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.listItemExtraClasses, children: item.extra }, "extra")
-      );
-    }
-    return itemContent;
-  };
-  const renderListItem = (item, index) => {
-    const key = getItemKey(item, index);
-    const itemClasses = _tigercatcore.getListItemClasses.call(void 0, 
-      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.call(void 0, 
-      "div",
-      {
-        className: _tigercatcore.classNames.call(void 0, 
-          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);
-          _optionalChain([onReorder, 'optionalCall', _4 => _4(items, from, index)]);
-        } : void 0,
-        onDragEnd: isDraggable ? () => {
-          dragIndexRef.current = null;
-        } : void 0,
-        children: renderItem ? renderItem(item, index) : renderDefaultListItem(item, index)
-      },
-      key
-    );
-  };
-  const renderListItems = () => {
-    if (loading) {
-      return null;
-    }
-    if (paginatedData.length === 0) {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.listEmptyStateClasses, role: "status", "aria-live": "polite", children: _tigercatcore.resolveLocaleText.call(void 0, "No data", emptyText, _optionalChain([mergedLocale, 'optionalAccess', _5 => _5.common, 'optionalAccess', _6 => _6.emptyText])) });
-    }
-    const items = paginatedData.map((item, index) => renderListItem(item, index));
-    if (grid) {
-      const gutter = grid.gutter;
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "div",
-        {
-          className: gridClasses,
-          style: gutter ? { gap: `${gutter}px` } : void 0,
-          children: items
-        }
-      );
-    }
-    if (virtual) {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkFCCHM2B4js.VirtualList,
-        {
-          itemCount: paginatedData.length,
-          itemHeight: virtualItemHeight,
-          height: virtualHeight,
-          overscan: virtualOverscan,
-          renderItem: ({ index }) => renderListItem(paginatedData[index], index)
-        }
-      );
-    }
-    return items;
-  };
-  const renderPagination = () => {
-    if (pagination === false || !paginationInfo) {
-      return null;
-    }
-    const { totalPages, startIndex, endIndex, hasNext, hasPrev } = paginationInfo;
-    const total = dataSource.length;
-    const paginationConfig = pagination;
-    const paginationLabels = _tigercatcore.getPaginationLabels.call(void 0, mergedLocale);
-    const localeCode = _optionalChain([mergedLocale, 'optionalAccess', _7 => _7.locale]);
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.getSimplePaginationContainerClasses.call(void 0, ), children: [
-      paginationConfig.showTotal !== false && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.getSimplePaginationTotalClasses.call(void 0, ), children: paginationConfig.totalText ? paginationConfig.totalText(total, [startIndex, endIndex]) : _tigercatcore.formatPaginationTotal.call(void 0, 
-        paginationLabels.totalText,
-        total,
-        [startIndex, endIndex],
-        localeCode
-      ) }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.getSimplePaginationControlsClasses.call(void 0, ), children: [
-        paginationConfig.showSizeChanger !== false && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "select",
-          {
-            className: _tigercatcore.getSimplePaginationSelectClasses.call(void 0, ),
-            value: currentPageSize,
-            onChange: (e) => handlePageSizeChange(Number(e.target.value)),
-            children: (paginationConfig.pageSizeOptions || [10, 20, 50, 100]).map((size2) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "option", { value: size2, children: [
-              size2,
-              " ",
-              paginationLabels.itemsPerPageText
-            ] }, size2))
-          }
-        ),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.getSimplePaginationButtonsWrapperClasses.call(void 0, ), children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "button",
-            {
-              className: _tigercatcore.getSimplePaginationButtonClasses.call(void 0, !hasPrev),
-              disabled: !hasPrev,
-              onClick: () => handlePageChange(currentPage - 1),
-              children: paginationLabels.prevPageAriaLabel
-            }
-          ),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.getSimplePaginationPageIndicatorClasses.call(void 0, ), children: _tigercatcore.formatPaginationPageIndicator.call(void 0, 
-            paginationLabels.pageIndicatorText,
-            currentPage,
-            totalPages,
-            localeCode
-          ) }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "button",
-            {
-              className: _tigercatcore.getSimplePaginationButtonClasses.call(void 0, !hasNext),
-              disabled: !hasNext,
-              onClick: () => handlePageChange(currentPage + 1),
-              children: paginationLabels.nextPageAriaLabel
-            }
-          )
-        ] })
-      ] })
-    ] });
-  };
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.listWrapperClasses, children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative", children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ...divProps, className: listClasses, role: "list", "aria-busy": loading || void 0, children: [
-        renderListHeader(),
-        renderListItems(),
-        renderListFooter()
-      ] }),
-      loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.listLoadingOverlayClasses, role: "status", "aria-live": "polite", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LoadingSpinner, {}) })
-    ] }),
-    renderPagination()
-  ] });
-};
-
-
-
-exports.List = List;