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

package/dist/chunk-AF2AEZKM.js

@@ -1,165 +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/VirtualTable.tsx
-var _react = require('react');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var VirtualTable = ({
-  data = [],
-  columns = [],
-  rowHeight = 48,
-  height = 400,
-  overscan = 5,
-  stickyHeader = true,
-  rowKey,
-  loading = false,
-  emptyText,
-  locale,
-  selectable = false,
-  selectedKeys = [],
-  striped = false,
-  bordered = false,
-  className,
-  onRowClick,
-  onSelect,
-  renderCell,
-  ...rest
-}) => {
-  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 containerRef = _react.useRef.call(void 0, null);
-  const [scrollTop, setScrollTop] = _react.useState.call(void 0, 0);
-  const range = _react.useMemo.call(void 0, 
-    () => _tigercatcore.calculateVirtualRange.call(void 0, scrollTop, height, data.length, rowHeight, overscan),
-    [scrollTop, height, data.length, rowHeight, overscan]
-  );
-  const visibleData = _react.useMemo.call(void 0, 
-    () => data.slice(range.start, range.end),
-    [data, range.start, range.end]
-  );
-  const selectedSet = _react.useMemo.call(void 0, () => new Set(selectedKeys), [selectedKeys]);
-  const onScroll = _react.useCallback.call(void 0, () => {
-    if (containerRef.current) {
-      setScrollTop(containerRef.current.scrollTop);
-    }
-  }, []);
-  const containerClasses = _react.useMemo.call(void 0, 
-    () => _tigercatcore.getVirtualTableContainerClasses.call(void 0, bordered, className),
-    [bordered, className]
-  );
-  const fixedInfo = _react.useMemo.call(void 0, () => _tigercatcore.getVirtualTableFixedInfo.call(void 0, columns), [columns]);
-  const bottomHeight = Math.max(0, range.totalHeight - range.end * rowHeight);
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "div",
-    {
-      ref: containerRef,
-      className: _tigercatcore.classNames.call(void 0, 
-        containerClasses,
-        rest.className
-      ),
-      style: { height: `${height}px` },
-      onScroll,
-      role: "grid",
-      "aria-rowcount": data.length,
-      children: [
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "table", { className: "w-full table-fixed", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "thead", { className: stickyHeader ? _tigercatcore.virtualTableHeaderClasses : void 0, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { children: columns.map((col) => {
-            const widthStyle = col.width ? { width: typeof col.width === "number" ? `${col.width}px` : col.width } : {};
-            const stickyStyle = _tigercatcore.getVirtualTableFixedCellStyle.call(void 0, col.key, fixedInfo);
-            return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "th",
-              {
-                className: _tigercatcore.classNames.call(void 0, 
-                  _tigercatcore.virtualTableHeaderCellClasses,
-                  _tigercatcore.getTableFixedHeaderCellClasses.call(void 0, {
-                    view: "virtual-table",
-                    column: col,
-                    stickyHeader,
-                    fixedInfo
-                  })
-                ),
-                style: { ...widthStyle, ...stickyStyle },
-                children: _nullishCoalesce(col.title, () => ( ""))
-              },
-              col.key
-            );
-          }) }) }),
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "tbody", { children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { style: { height: `${range.offsetTop}px` }, "aria-hidden": true }),
-            visibleData.map((row, localIdx) => {
-              const globalIdx = range.start + localIdx;
-              const key = _tigercatcore.getVirtualRowKey.call(void 0, row, globalIdx, rowKey);
-              const isSelected = selectedSet.has(key);
-              return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                "tr",
-                {
-                  className: _tigercatcore.getVirtualTableRowClasses.call(void 0, globalIdx, striped, isSelected),
-                  onClick: () => {
-                    _optionalChain([onRowClick, 'optionalCall', _ => _(row, globalIdx)]);
-                    if (selectable) _optionalChain([onSelect, 'optionalCall', _2 => _2(key, row, globalIdx)]);
-                  },
-                  children: columns.map((col) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    "td",
-                    {
-                      className: _tigercatcore.classNames.call(void 0, 
-                        _tigercatcore.virtualTableCellClasses,
-                        _tigercatcore.getTableFixedCellClasses.call(void 0, {
-                          view: "virtual-table",
-                          column: col,
-                          record: row,
-                          rowIndex: globalIdx,
-                          striped,
-                          stripedActive: striped && globalIdx % 2 === 1,
-                          selected: isSelected,
-                          hoverable: true,
-                          fixedInfo,
-                          selectedClassName: _tigercatcore.virtualTableFixedCellSelectedClasses
-                        })
-                      ),
-                      style: _tigercatcore.getVirtualTableFixedCellStyle.call(void 0, col.key, fixedInfo),
-                      children: renderCell ? renderCell(row[col.key], row, col) : String(_nullishCoalesce(row[col.key], () => ( "")))
-                    },
-                    col.key
-                  ))
-                },
-                key
-              );
-            }),
-            bottomHeight > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { style: { height: `${bottomHeight}px` }, "aria-hidden": true })
-          ] })
-        ] }),
-        data.length === 0 && !loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.virtualTableEmptyClasses, children: _tigercatcore.resolveLocaleText.call(void 0, "No data", emptyText, _optionalChain([mergedLocale, 'optionalAccess', _3 => _3.common, 'optionalAccess', _4 => _4.emptyText])) }),
-        loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.virtualTableLoadingClasses, children: "Loading..." })
-      ]
-    }
-  );
-};
-var VirtualTable_default = VirtualTable;
-
-
-
-
-exports.VirtualTable = VirtualTable; exports.VirtualTable_default = VirtualTable_default;

package/dist/chunk-ANBNSUSR.js

@@ -1,330 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 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 _chunkZLNBE4ISjs = require('./chunk-ZLNBE4IS.js');
-
-
-
-
-
-var _chunkSTTQ5LXXjs = require('./chunk-STTQ5LXX.js');
-
-
-var _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
-
-// src/components/Modal.tsx
-var _react = require('react'); var _react2 = _interopRequireDefault(_react);
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var Modal = ({
-  open = false,
-  size = "md",
-  width,
-  title,
-  titleContent,
-  closable = true,
-  mask = true,
-  maskClosable = true,
-  centered = false,
-  mobileSheet = false,
-  destroyOnClose = false,
-  zIndex = 1e3,
-  className,
-  children,
-  footer,
-  onOpenChange,
-  onClose,
-  onCancel,
-  onOk,
-  closeAriaLabel,
-  showDefaultFooter = false,
-  okText,
-  cancelText,
-  locale,
-  labels,
-  style,
-  draggable: isDraggable = false,
-  ...rest
-}) => {
-  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 [hasBeenOpened, setHasBeenOpened] = _react2.default.useState(open);
-  const [dragOffset, setDragOffset] = _react2.default.useState({ x: 0, y: 0 });
-  _react.useEffect.call(void 0, () => {
-    if (open) {
-      setHasBeenOpened(true);
-    } else {
-      setDragOffset({ x: 0, y: 0 });
-    }
-  }, [open]);
-  const handleDragMouseDown = _react.useCallback.call(void 0, 
-    (e) => {
-      if (!isDraggable) return;
-      const startX = e.clientX;
-      const startY = e.clientY;
-      let offsetX = dragOffset.x;
-      let offsetY = dragOffset.y;
-      const onMouseMove = (ev) => {
-        offsetX = dragOffset.x + (ev.clientX - startX);
-        offsetY = dragOffset.y + (ev.clientY - startY);
-        setDragOffset({ x: offsetX, y: offsetY });
-      };
-      const onMouseUp = () => {
-        document.removeEventListener("mousemove", onMouseMove);
-        document.removeEventListener("mouseup", onMouseUp);
-      };
-      document.addEventListener("mousemove", onMouseMove);
-      document.addEventListener("mouseup", onMouseUp);
-    },
-    [isDraggable, dragOffset]
-  );
-  _react.useEffect.call(void 0, () => {
-    _optionalChain([onOpenChange, 'optionalCall', _ => _(open)]);
-    if (!open && onClose) {
-      onClose();
-    }
-  }, [open, onOpenChange, onClose]);
-  const shouldRender = destroyOnClose ? open : hasBeenOpened;
-  const handleClose = _react.useCallback.call(void 0, () => {
-    _optionalChain([onCancel, 'optionalCall', _2 => _2()]);
-    _optionalChain([onOpenChange, 'optionalCall', _3 => _3(false)]);
-  }, [onCancel, onOpenChange]);
-  const handleOk = _react.useCallback.call(void 0, () => {
-    _optionalChain([onOk, 'optionalCall', _4 => _4()]);
-    _optionalChain([onOpenChange, 'optionalCall', _5 => _5(false)]);
-  }, [onOk, onOpenChange]);
-  const handleMaskClick = _react.useCallback.call(void 0, 
-    (event) => {
-      if (_tigercatcore.shouldCloseOnMaskClick.call(void 0, event, maskClosable)) {
-        handleClose();
-      }
-    },
-    [maskClosable, handleClose]
-  );
-  const contentClasses = _react.useMemo.call(void 0, 
-    () => _tigercatcore.getModalContentClasses.call(void 0, size, className, mobileSheet),
-    [size, className, mobileSheet]
-  );
-  const containerClasses = _react.useMemo.call(void 0, () => _tigercatcore.getModalContainerClasses.call(void 0, centered), [centered]);
-  const resolvedCloseAriaLabel = _tigercatcore.resolveLocaleText.call(void 0, 
-    "Close",
-    closeAriaLabel,
-    _optionalChain([labels, 'optionalAccess', _6 => _6.closeAriaLabel]),
-    _optionalChain([mergedLocale, 'optionalAccess', _7 => _7.modal, 'optionalAccess', _8 => _8.closeAriaLabel]),
-    _optionalChain([mergedLocale, 'optionalAccess', _9 => _9.common, 'optionalAccess', _10 => _10.closeText])
-  );
-  const resolvedCancelText = _tigercatcore.resolveLocaleText.call(void 0, 
-    "\u53D6\u6D88",
-    cancelText,
-    _optionalChain([labels, 'optionalAccess', _11 => _11.cancelText]),
-    _optionalChain([mergedLocale, 'optionalAccess', _12 => _12.modal, 'optionalAccess', _13 => _13.cancelText]),
-    _optionalChain([mergedLocale, 'optionalAccess', _14 => _14.common, 'optionalAccess', _15 => _15.cancelText])
-  );
-  const resolvedOkText = _tigercatcore.resolveLocaleText.call(void 0, 
-    "\u786E\u5B9A",
-    okText,
-    _optionalChain([labels, 'optionalAccess', _16 => _16.okText]),
-    _optionalChain([mergedLocale, 'optionalAccess', _17 => _17.modal, 'optionalAccess', _18 => _18.okText]),
-    _optionalChain([mergedLocale, 'optionalAccess', _19 => _19.common, 'optionalAccess', _20 => _20.okText])
-  );
-  const reactId = _react.useId.call(void 0, );
-  const modalId = _react.useMemo.call(void 0, () => `tiger-modal-${reactId}`, [reactId]);
-  const titleId = `${modalId}-title`;
-  const {
-    ["aria-labelledby"]: _ariaLabelledby,
-    role: _role,
-    tabIndex: _tabIndex,
-    ...dialogDivProps
-  } = rest;
-  const ariaLabelledby = _nullishCoalesce(rest["aria-labelledby"], () => ( (title || titleContent ? titleId : void 0)));
-  const dialogRef = _react.useRef.call(void 0, null);
-  const closeButtonRef = _react.useRef.call(void 0, null);
-  const previousActiveElementRef = _react.useRef.call(void 0, null);
-  const touchStartRef = _react.useRef.call(void 0, null);
-  const touchCurrentRef = _react.useRef.call(void 0, null);
-  _react.useEffect.call(void 0, () => {
-    if (open) {
-      previousActiveElementRef.current = _tigercatcore.captureActiveElement.call(void 0, );
-      const timer = setTimeout(() => {
-        _tigercatcore.focusFirst.call(void 0, [closeButtonRef.current, dialogRef.current]);
-      }, 0);
-      return () => clearTimeout(timer);
-    }
-    _tigercatcore.restoreFocus.call(void 0, previousActiveElementRef.current);
-  }, [open]);
-  _chunkSTTQ5LXXjs.useEscapeKey.call(void 0, { enabled: open, onEscape: handleClose });
-  _chunkSTTQ5LXXjs.useBodyScrollLock.call(void 0, { enabled: open });
-  _chunkSTTQ5LXXjs.useFocusTrap.call(void 0, { enabled: open, containerRef: dialogRef });
-  const resetTouchGesture = _react.useCallback.call(void 0, () => {
-    touchStartRef.current = null;
-    touchCurrentRef.current = null;
-  }, []);
-  const handleTouchStart = _react.useCallback.call(void 0, 
-    (event) => {
-      _optionalChain([dialogDivProps, 'access', _21 => _21.onTouchStart, 'optionalCall', _22 => _22(event)]);
-      if (!open || !mobileSheet) return;
-      const point = _tigercatcore.getGestureTouchPoint.call(void 0, event.touches);
-      touchStartRef.current = point;
-      touchCurrentRef.current = point;
-    },
-    [dialogDivProps, mobileSheet, open]
-  );
-  const handleTouchMove = _react.useCallback.call(void 0, 
-    (event) => {
-      _optionalChain([dialogDivProps, 'access', _23 => _23.onTouchMove, 'optionalCall', _24 => _24(event)]);
-      if (!touchStartRef.current) return;
-      const point = _tigercatcore.getGestureTouchPoint.call(void 0, event.touches);
-      if (point) {
-        touchCurrentRef.current = point;
-      }
-    },
-    [dialogDivProps]
-  );
-  const handleTouchEnd = _react.useCallback.call(void 0, 
-    (event) => {
-      _optionalChain([dialogDivProps, 'access', _25 => _25.onTouchEnd, 'optionalCall', _26 => _26(event)]);
-      const gesture = _tigercatcore.resolveSwipeGesture.call(void 0, 
-        touchStartRef.current,
-        _nullishCoalesce(_tigercatcore.getGestureTouchPoint.call(void 0, event.changedTouches), () => ( touchCurrentRef.current)),
-        { minDistance: 48, minVelocity: 0.15 }
-      );
-      resetTouchGesture();
-      if (mobileSheet && _tigercatcore.isModalSheetSwipeCloseGesture.call(void 0, gesture)) {
-        handleClose();
-      }
-    },
-    [dialogDivProps, handleClose, mobileSheet, resetTouchGesture]
-  );
-  const handleTouchCancel = _react.useCallback.call(void 0, 
-    (event) => {
-      _optionalChain([dialogDivProps, 'access', _27 => _27.onTouchCancel, 'optionalCall', _28 => _28(event)]);
-      resetTouchGesture();
-    },
-    [dialogDivProps, resetTouchGesture]
-  );
-  const CloseIcon = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "svg",
-    {
-      className: "h-5 w-5",
-      xmlns: "http://www.w3.org/2000/svg",
-      fill: "none",
-      viewBox: _tigercatcore.closeIconViewBox,
-      stroke: "currentColor",
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "path",
-        {
-          strokeLinecap: _tigercatcore.closeIconPathStrokeLinecap,
-          strokeLinejoin: _tigercatcore.closeIconPathStrokeLinejoin,
-          strokeWidth: _tigercatcore.closeIconPathStrokeWidth,
-          d: _tigercatcore.closeIconPathD
-        }
-      )
-    }
-  );
-  if (!shouldRender) {
-    return null;
-  }
-  const modalContent = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "div",
-    {
-      className: _tigercatcore.classNames.call(void 0, _tigercatcore.modalWrapperClasses, !open && "pointer-events-none"),
-      style: { zIndex },
-      hidden: !open,
-      "aria-hidden": !open ? "true" : void 0,
-      "data-tiger-modal-root": "",
-      children: [
-        mask && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "div",
-          {
-            className: _tigercatcore.classNames.call(void 0, _tigercatcore.modalMaskClasses, open ? "opacity-100" : "opacity-0"),
-            "aria-hidden": "true",
-            "data-tiger-modal-mask": ""
-          }
-        ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: containerClasses, onClick: handleMaskClick, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-          "div",
-          {
-            className: contentClasses,
-            style: {
-              ...style,
-              ...width ? { width: typeof width === "number" ? `${width}px` : width, maxWidth: "100%" } : void 0,
-              ...isDraggable && (dragOffset.x !== 0 || dragOffset.y !== 0) ? { transform: `translate(${dragOffset.x}px, ${dragOffset.y}px)` } : void 0
-            },
-            ...dialogDivProps,
-            role: "dialog",
-            "aria-modal": "true",
-            "aria-labelledby": ariaLabelledby,
-            tabIndex: -1,
-            ref: dialogRef,
-            onTouchStart: handleTouchStart,
-            onTouchMove: handleTouchMove,
-            onTouchEnd: handleTouchEnd,
-            onTouchCancel: handleTouchCancel,
-            "data-tiger-modal": "",
-            children: [
-              (title || titleContent || closable) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-                "div",
-                {
-                  className: _tigercatcore.modalHeaderClasses,
-                  onMouseDown: isDraggable ? handleDragMouseDown : void 0,
-                  style: isDraggable ? { cursor: "grab", userSelect: "none" } : void 0,
-                  children: [
-                    (title || titleContent) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { id: titleId, className: _tigercatcore.modalTitleClasses, children: titleContent || title }),
-                    closable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                      "button",
-                      {
-                        type: "button",
-                        className: _tigercatcore.modalCloseButtonClasses,
-                        onClick: handleClose,
-                        "aria-label": resolvedCloseAriaLabel,
-                        ref: closeButtonRef,
-                        children: CloseIcon
-                      }
-                    )
-                  ]
-                }
-              ),
-              children && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.modalBodyClasses, children }),
-              footer ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.modalFooterClasses, "data-tiger-modal-footer": "", children: footer }) : showDefaultFooter ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.modalFooterClasses, "data-tiger-modal-footer": "", children: [
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZLNBE4ISjs.Button, { variant: "secondary", onClick: handleClose, children: resolvedCancelText }),
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZLNBE4ISjs.Button, { onClick: handleOk, children: resolvedOkText })
-              ] }) : null
-            ]
-          }
-        ) })
-      ]
-    }
-  );
-  return _chunkSTTQ5LXXjs.renderBodyPortal.call(void 0, modalContent);
-};
-
-
-
-exports.Modal = Modal;