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

package/dist/chunk-2ZA4MUO2.js

@@ -1,486 +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 _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
-
-// src/components/TaskBoard.tsx
-var _react = require('react'); var _react2 = _interopRequireDefault(_react);
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var CardItem = _react2.default.memo(
-  ({ card, column, isDragging, isKbGrabbed, draggable, dragHintText, renderCard, dragCtrl }) => {
-    const cardClasses = _tigercatcore.classNames.call(void 0, 
-      _tigercatcore.taskBoardCardClasses,
-      isDragging && _tigercatcore.taskBoardCardDraggingClasses,
-      isKbGrabbed && "ring-2 ring-[var(--tiger-primary,#2563eb)] ring-offset-2 shadow-[0_0_12px_rgba(37,99,235,0.25)]"
-    );
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "div",
-      {
-        className: cardClasses,
-        draggable,
-        tabIndex: 0,
-        role: "listitem",
-        "aria-roledescription": dragHintText,
-        "aria-grabbed": isKbGrabbed ? "true" : void 0,
-        "data-tiger-taskboard-card": "",
-        "data-tiger-taskboard-card-id": String(card.id),
-        onDragStart: (e) => {
-          if (e.dataTransfer) dragCtrl.cardDragStart(e.dataTransfer, card, column);
-        },
-        onDragEnd: () => dragCtrl.dragEnd(),
-        onTouchStart: (e) => dragCtrl.cardTouchStart(e.nativeEvent, e.currentTarget, card, column),
-        onTouchMove: (e) => dragCtrl.cardTouchMove(e.nativeEvent),
-        onTouchEnd: () => dragCtrl.cardTouchEnd(),
-        onKeyDown: (e) => {
-          if (dragCtrl.cardKeyDown(e.key, card, column)) e.preventDefault();
-        },
-        children: renderCard ? renderCard(card, column.id) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "font-medium text-sm text-[var(--tiger-text,#1f2937)]", children: card.title }),
-          card.description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-1 text-xs text-[var(--tiger-text-muted,#6b7280)] line-clamp-2", children: card.description })
-        ] })
-      }
-    );
-  },
-  (prev, next) => prev.card.id === next.card.id && prev.isDragging === next.isDragging && prev.isKbGrabbed === next.isKbGrabbed && prev.draggable === next.draggable && prev.card === next.card
-);
-CardItem.displayName = "TaskBoardCardItem";
-var ColumnItem = _react2.default.memo(
-  ({
-    column,
-    colIndex,
-    isDropTarget,
-    isColDragging,
-    dropIdx,
-    draggable,
-    columnDraggable,
-    labels,
-    renderCardProp,
-    renderColumnHeader,
-    renderColumnFooter,
-    renderEmptyColumn,
-    onCardAdd,
-    dragType,
-    dragCtrl,
-    dragStateId,
-    kbDragStateId,
-    showCardCount,
-    allowAddCard,
-    swimlanes,
-    swimlaneField
-  }) => {
-    const wipOver = _tigercatcore.isWipExceeded.call(void 0, column);
-    const cardCount = showCardCount ? _tigercatcore.getColumnCardCount.call(void 0, column) : null;
-    const colClasses = _tigercatcore.classNames.call(void 0, 
-      _tigercatcore.taskBoardColumnClasses,
-      isDropTarget && _tigercatcore.taskBoardColumnDropTargetClasses,
-      isColDragging && _tigercatcore.taskBoardColumnDraggingClasses
-    );
-    const renderCardNode = (card, originalIndex) => {
-      const nodes = [];
-      if (isDropTarget && dropIdx === originalIndex) {
-        nodes.push(/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.taskBoardDropIndicatorClasses }, `drop-${originalIndex}`));
-      }
-      const isDragging = dragStateId === card.id;
-      const isKbGrabbed = kbDragStateId === card.id;
-      nodes.push(
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          CardItem,
-          {
-            card,
-            column,
-            isDragging,
-            isKbGrabbed,
-            draggable,
-            dragHintText: labels.dragHintText,
-            renderCard: renderCardProp,
-            dragCtrl
-          },
-          String(card.id)
-        )
-      );
-      return nodes;
-    };
-    let cardsContent;
-    if (column.cards.length > 0) {
-      const nodes = swimlanes && swimlaneField ? _tigercatcore.groupBySwimlane.call(void 0, column.cards, swimlanes, swimlaneField).map((group) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-        "div",
-        {
-          className: _tigercatcore.kanbanSwimlaneClasses,
-          "data-tiger-kanban-swimlane": "",
-          "data-tiger-kanban-swimlane-id": String(group.swimlane.id),
-          children: [
-            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.kanbanSwimlaneHeaderClasses, children: [
-              group.swimlane.color && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                "span",
-                {
-                  className: _tigercatcore.kanbanSwimlaneDotClasses,
-                  style: { backgroundColor: group.swimlane.color }
-                }
-              ),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: group.swimlane.label }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ml-auto text-xs text-[var(--tiger-text-muted,#6b7280)]", children: group.cards.length })
-            ] }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: group.swimlane.collapsed ? _tigercatcore.kanbanSwimlaneCollapsedClasses : "", children: group.cards.flatMap(
-              (card) => renderCardNode(
-                card,
-                column.cards.findIndex((item) => item.id === card.id)
-              )
-            ) })
-          ]
-        },
-        String(group.swimlane.id)
-      )) : column.cards.flatMap((card, i) => renderCardNode(card, i));
-      if (isDropTarget && dropIdx >= column.cards.length) {
-        nodes.push(/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.taskBoardDropIndicatorClasses }, "drop-end"));
-      }
-      cardsContent = nodes;
-    } else {
-      cardsContent = isDropTarget ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.taskBoardDropIndicatorClasses }, "drop-empty") : renderEmptyColumn ? renderEmptyColumn(column) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.taskBoardEmptyClasses, children: _tigercatcore.resolveLocaleText.call(void 0, labels.emptyColumnText) });
-    }
-    const wipTitle = column.wipLimit != null ? _tigercatcore.resolveLocaleText.call(void 0, labels.wipLimitText.replace("{limit}", String(column.wipLimit))) : void 0;
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      "div",
-      {
-        className: colClasses,
-        "data-tiger-taskboard-column": "",
-        "data-tiger-taskboard-column-id": String(column.id),
-        onDragOver: dragType === "column" ? (e) => {
-          e.preventDefault();
-          dragCtrl.columnDragOver();
-        } : void 0,
-        onDrop: dragType === "column" ? (e) => {
-          e.preventDefault();
-          if (e.dataTransfer) dragCtrl.columnDrop(e.dataTransfer, e.clientX);
-        } : void 0,
-        children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "div",
-            {
-              className: _tigercatcore.taskBoardColumnHeaderClasses,
-              draggable: columnDraggable,
-              onDragStart: (e) => {
-                if (e.dataTransfer) dragCtrl.columnDragStart(e.dataTransfer, column, colIndex);
-              },
-              onDragEnd: () => dragCtrl.dragEnd(),
-              onTouchStart: (e) => dragCtrl.columnTouchStart(
-                e.nativeEvent,
-                e.currentTarget,
-                column,
-                colIndex
-              ),
-              onTouchMove: (e) => dragCtrl.columnTouchMove(e.nativeEvent),
-              onTouchEnd: () => dragCtrl.columnTouchEnd(),
-              style: columnDraggable ? { cursor: "grab" } : void 0,
-              children: renderColumnHeader ? renderColumnHeader(column) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: wipOver ? _tigercatcore.taskBoardWipExceededClasses : void 0, children: [
-                  column.title,
-                  showCardCount && cardCount ? null : column.wipLimit != null ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-                    "span",
-                    {
-                      className: _tigercatcore.classNames.call(void 0, 
-                        "ml-2 text-xs font-normal transition-all duration-200 px-1.5 py-0.5 rounded",
-                        wipOver ? "bg-red-50 dark:bg-red-950/30 text-[var(--tiger-error,#ef4444)] font-semibold border border-red-200/30 dark:border-red-900/30 shadow-xs" : "opacity-70 bg-[var(--tiger-border,#e5e7eb)]/20 text-[var(--tiger-text-secondary,#6b7280)]"
-                      ),
-                      title: wipTitle,
-                      children: [
-                        "(",
-                        column.cards.length,
-                        "/",
-                        column.wipLimit,
-                        ")"
-                      ]
-                    }
-                  ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ml-2 text-xs font-normal px-1.5 py-0.5 rounded bg-[var(--tiger-border,#e5e7eb)]/20 text-[var(--tiger-text-secondary,#6b7280)] opacity-70", children: column.cards.length })
-                ] }),
-                showCardCount && cardCount && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  "span",
-                  {
-                    className: _tigercatcore.classNames.call(void 0, 
-                      _tigercatcore.kanbanCardCountClasses,
-                      wipOver && `${_tigercatcore.taskBoardWipExceededClasses} bg-red-50 dark:bg-red-950/30 border border-red-200/50 dark:border-red-900/30 font-semibold shadow-xs`
-                    ),
-                    children: cardCount.limit ? `${cardCount.count}/${cardCount.limit}` : `${cardCount.count}`
-                  }
-                ),
-                column.description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-xs font-normal text-[var(--tiger-text-muted,#6b7280)] truncate max-w-[120px]", children: column.description })
-              ] })
-            }
-          ),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "div",
-            {
-              className: _tigercatcore.taskBoardColumnBodyClasses,
-              role: "list",
-              "aria-label": column.title,
-              onDragOver: (e) => {
-                e.preventDefault();
-                dragCtrl.cardDragOver(e.clientY, e.currentTarget, column);
-              },
-              onDrop: (e) => {
-                e.preventDefault();
-                if (e.dataTransfer) dragCtrl.cardDrop(e.dataTransfer, column);
-              },
-              onDragLeave: (e) => dragCtrl.dragLeave(e.currentTarget, e.relatedTarget),
-              children: cardsContent
-            }
-          ),
-          renderColumnFooter ? renderColumnFooter(column) : onCardAdd || allowAddCard ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-            "div",
-            {
-              className: _tigercatcore.classNames.call(void 0, 
-                "border-t border-[var(--tiger-border,#e5e7eb)]",
-                _tigercatcore.taskBoardAddCardClasses
-              ),
-              role: "button",
-              tabIndex: 0,
-              onClick: () => _optionalChain([onCardAdd, 'optionalCall', _ => _(column.id)]),
-              onKeyDown: (e) => {
-                if (e.key === "Enter" || e.key === " ") {
-                  e.preventDefault();
-                  _optionalChain([onCardAdd, 'optionalCall', _2 => _2(column.id)]);
-                }
-              },
-              children: [
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "+" }),
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: _tigercatcore.resolveLocaleText.call(void 0, labels.addCardText) })
-              ]
-            }
-          ) : null
-        ]
-      }
-    );
-  },
-  (prev, next) => prev.column === next.column && prev.colIndex === next.colIndex && prev.isDropTarget === next.isDropTarget && prev.isColDragging === next.isColDragging && prev.dropIdx === next.dropIdx && prev.draggable === next.draggable && prev.columnDraggable === next.columnDraggable && prev.dragType === next.dragType && prev.dragStateId === next.dragStateId && prev.kbDragStateId === next.kbDragStateId && prev.onCardAdd === next.onCardAdd && prev.showCardCount === next.showCardCount && prev.allowAddCard === next.allowAddCard && prev.swimlanes === next.swimlanes && prev.swimlaneField === next.swimlaneField
-);
-ColumnItem.displayName = "TaskBoardColumnItem";
-var TaskBoard = ({
-  columns: controlledColumns,
-  defaultColumns = [],
-  draggable = true,
-  columnDraggable = true,
-  enforceWipLimit = false,
-  beforeCardMove,
-  beforeColumnMove,
-  onCardMove,
-  onColumnMove,
-  onColumnsChange,
-  onCardAdd,
-  filterText = "",
-  hiddenColumns,
-  showCardCount = false,
-  allowAddCard = false,
-  allowAddColumn = false,
-  onColumnAdd,
-  renderCard: renderCardProp,
-  renderColumnHeader,
-  renderColumnFooter,
-  renderEmptyColumn,
-  swimlanes,
-  swimlaneField,
-  locale,
-  labels: labelsOverride,
-  className,
-  style,
-  ...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 labels = _react.useMemo.call(void 0, 
-    () => _tigercatcore.getTaskBoardLabels.call(void 0, mergedLocale, labelsOverride),
-    [mergedLocale, labelsOverride]
-  );
-  const [innerColumns, setInnerColumns] = _react.useState.call(void 0, defaultColumns);
-  _react.useEffect.call(void 0, () => {
-    if (controlledColumns !== void 0) setInnerColumns(controlledColumns);
-  }, [controlledColumns]);
-  const currentColumns = _nullishCoalesce(controlledColumns, () => ( innerColumns));
-  const visibleColumns = _react.useMemo.call(void 0, () => {
-    if (!filterText && (!hiddenColumns || hiddenColumns.length === 0)) {
-      return currentColumns;
-    }
-    return _tigercatcore.filterColumns.call(void 0, currentColumns, filterText, hiddenColumns);
-  }, [currentColumns, filterText, hiddenColumns]);
-  const columnsRef = _react.useRef.call(void 0, currentColumns);
-  columnsRef.current = currentColumns;
-  const updateColumns = _react.useCallback.call(void 0, 
-    (next) => {
-      setInnerColumns(next);
-      _optionalChain([onColumnsChange, 'optionalCall', _3 => _3(next)]);
-    },
-    [onColumnsChange]
-  );
-  const [dragSnap, setDragSnap] = _react.useState.call(void 0, _tigercatcore.createDefaultDragSnapshot);
-  const boardRef = _react.useRef.call(void 0, null);
-  const beforeCardMoveRef = _react.useRef.call(void 0, beforeCardMove);
-  beforeCardMoveRef.current = beforeCardMove;
-  const beforeColumnMoveRef = _react.useRef.call(void 0, beforeColumnMove);
-  beforeColumnMoveRef.current = beforeColumnMove;
-  const onCardMoveRef = _react.useRef.call(void 0, onCardMove);
-  onCardMoveRef.current = onCardMove;
-  const onColumnMoveRef = _react.useRef.call(void 0, onColumnMove);
-  onColumnMoveRef.current = onColumnMove;
-  const enforceWipLimitRef = _react.useRef.call(void 0, enforceWipLimit);
-  enforceWipLimitRef.current = enforceWipLimit;
-  const applyCardMove = _react.useCallback.call(void 0, 
-    async (cardId, fromColumnId, toColumnId, toIdx) => {
-      const result = _tigercatcore.moveCard.call(void 0, columnsRef.current, cardId, fromColumnId, toColumnId, toIdx, {
-        enforceWipLimit: enforceWipLimitRef.current
-      });
-      if (!result) return;
-      if (beforeCardMoveRef.current) {
-        const ok = await beforeCardMoveRef.current(result.event);
-        if (!ok) return;
-      }
-      updateColumns(result.columns);
-      _optionalChain([onCardMoveRef, 'access', _4 => _4.current, 'optionalCall', _5 => _5(result.event)]);
-    },
-    [updateColumns]
-  );
-  const applyColumnMove = _react.useCallback.call(void 0, 
-    async (fromIdx, toIdx) => {
-      const cols = columnsRef.current;
-      const result = _tigercatcore.reorderColumns.call(void 0, cols, fromIdx, Math.min(toIdx, cols.length - 1));
-      if (!result) return;
-      if (beforeColumnMoveRef.current) {
-        const ok = await beforeColumnMoveRef.current(result.event);
-        if (!ok) return;
-      }
-      updateColumns(result.columns);
-      _optionalChain([onColumnMoveRef, 'access', _6 => _6.current, 'optionalCall', _7 => _7(result.event)]);
-    },
-    [updateColumns]
-  );
-  const dragCtrlRef = _react.useRef.call(void 0, null);
-  if (!dragCtrlRef.current) {
-    dragCtrlRef.current = _tigercatcore.createTaskBoardDragController.call(void 0, 
-      {
-        onStateChange: setDragSnap,
-        applyCardMove: (...args) => applyCardMoveRef.current(...args),
-        applyColumnMove: (...args) => applyColumnMoveRef.current(...args),
-        getBoardEl: () => boardRef.current,
-        getColumnCount: () => columnsRef.current.length
-      },
-      { draggable, columnDraggable }
-    );
-  }
-  const dragCtrl = dragCtrlRef.current;
-  const applyCardMoveRef = _react.useRef.call(void 0, applyCardMove);
-  applyCardMoveRef.current = applyCardMove;
-  const applyColumnMoveRef = _react.useRef.call(void 0, applyColumnMove);
-  applyColumnMoveRef.current = applyColumnMove;
-  _react.useEffect.call(void 0, () => {
-    dragCtrl.setOptions({ draggable, columnDraggable });
-  }, [draggable, columnDraggable, dragCtrl]);
-  _react.useEffect.call(void 0, () => {
-    dragCtrl.init();
-    return () => dragCtrl.dispose();
-  }, [dragCtrl]);
-  const wrapperClasses = _react.useMemo.call(void 0, () => _tigercatcore.classNames.call(void 0, _tigercatcore.taskBoardBaseClasses, className), [className]);
-  const dragType = _nullishCoalesce(_optionalChain([dragSnap, 'access', _8 => _8.drag, 'optionalAccess', _9 => _9.type]), () => ( null));
-  const dragStateId = _optionalChain([dragSnap, 'access', _10 => _10.drag, 'optionalAccess', _11 => _11.type]) === "card" ? dragSnap.drag.id : null;
-  const kbDragStateId = _nullishCoalesce(_optionalChain([dragSnap, 'access', _12 => _12.kbDrag, 'optionalAccess', _13 => _13.id]), () => ( null));
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "div",
-    {
-      ref: boardRef,
-      className: wrapperClasses,
-      style,
-      role: "region",
-      "aria-label": _tigercatcore.resolveLocaleText.call(void 0, labels.boardAriaLabel),
-      "data-tiger-task-board": "",
-      ...rest,
-      children: [
-        visibleColumns.map((col, i) => {
-          const isDropTarget = _optionalChain([dragSnap, 'access', _14 => _14.drag, 'optionalAccess', _15 => _15.type]) === "card" && dragSnap.dropTargetColumnId === col.id;
-          const isColDragging = _optionalChain([dragSnap, 'access', _16 => _16.drag, 'optionalAccess', _17 => _17.type]) === "column" && dragSnap.drag.id === col.id;
-          return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            ColumnItem,
-            {
-              column: col,
-              colIndex: i,
-              isDropTarget,
-              isColDragging,
-              dropIdx: isDropTarget ? dragSnap.dropIndex : -1,
-              draggable,
-              columnDraggable,
-              labels,
-              renderCardProp,
-              renderColumnHeader,
-              renderColumnFooter,
-              renderEmptyColumn,
-              onCardAdd,
-              dragType,
-              dragCtrl,
-              dragStateId,
-              kbDragStateId,
-              showCardCount,
-              allowAddCard,
-              swimlanes,
-              swimlaneField
-            },
-            String(col.id)
-          );
-        }),
-        allowAddColumn && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-          "div",
-          {
-            className: _tigercatcore.kanbanAddColumnClasses,
-            role: "button",
-            tabIndex: 0,
-            onClick: () => _optionalChain([onColumnAdd, 'optionalCall', _18 => _18()]),
-            onKeyDown: (e) => {
-              if (e.key === "Enter" || e.key === " ") {
-                e.preventDefault();
-                _optionalChain([onColumnAdd, 'optionalCall', _19 => _19()]);
-              }
-            },
-            children: [
-              "+ ",
-              _tigercatcore.resolveLocaleText.call(void 0, labels.addColumnText)
-            ]
-          }
-        )
-      ]
-    }
-  );
-};
-var TaskBoard_default = TaskBoard;
-
-
-
-
-exports.TaskBoard = TaskBoard; exports.TaskBoard_default = TaskBoard_default;

package/dist/chunk-3NVMKDMH.js

@@ -1,174 +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; }// src/components/Splitter.tsx
-var _react = require('react'); var _react2 = _interopRequireDefault(_react);
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var Splitter = ({
-  direction = "horizontal",
-  sizes: controlledSizes,
-  min = 0,
-  max,
-  gutterSize = 4,
-  disabled = false,
-  className,
-  style,
-  onResizeStart,
-  onResize,
-  onResizeEnd,
-  onSizesChange,
-  children
-}) => {
-  const containerRef = _react.useRef.call(void 0, null);
-  const dragSessionRef = _react.useRef.call(void 0, null);
-  const [paneSizes, setPaneSizes] = _react.useState.call(void 0, []);
-  const [draggingIndex, setDraggingIndex] = _react.useState.call(void 0, -1);
-  const draggingRef = _react.useRef.call(void 0, null);
-  const cleanupDragSession = _react.useCallback.call(void 0, () => {
-    _optionalChain([dragSessionRef, 'access', _ => _.current, 'optionalAccess', _2 => _2.dispose, 'call', _3 => _3()]);
-    dragSessionRef.current = null;
-  }, []);
-  _react.useEffect.call(void 0, () => cleanupDragSession, [cleanupDragSession]);
-  _react.useEffect.call(void 0, () => {
-    const el = containerRef.current;
-    if (!el) return;
-    const paneCount2 = _react2.default.Children.count(children);
-    if (paneCount2 === 0) return;
-    const totalGutter = (paneCount2 - 1) * gutterSize;
-    const total = direction === "horizontal" ? el.clientWidth - totalGutter : el.clientHeight - totalGutter;
-    if (controlledSizes && controlledSizes.length > 0) {
-      setPaneSizes([...controlledSizes]);
-    } else {
-      if (total > 0) {
-        const eachSize = total / paneCount2;
-        setPaneSizes(Array.from({ length: paneCount2 }, () => eachSize));
-      }
-    }
-  }, [children, direction, gutterSize, controlledSizes]);
-  const paneCount = paneSizes.length;
-  const mins = _react.useMemo.call(void 0, () => Array.from({ length: paneCount }, () => min), [paneCount, min]);
-  const maxes = _react.useMemo.call(void 0, () => Array.from({ length: paneCount }, () => max), [paneCount, max]);
-  const handleMouseDown = _react.useCallback.call(void 0, 
-    (index, e) => {
-      if (disabled) return;
-      e.preventDefault();
-      cleanupDragSession();
-      draggingRef.current = {
-        index,
-        startPos: direction === "horizontal" ? e.clientX : e.clientY,
-        startSizes: [...paneSizes]
-      };
-      setDraggingIndex(index);
-      _optionalChain([onResizeStart, 'optionalCall', _4 => _4({ index, sizes: [...paneSizes] })]);
-      dragSessionRef.current = _tigercatcore.createDocumentDragSession.call(void 0, {
-        startX: e.clientX,
-        startY: e.clientY,
-        ownerDocument: e.currentTarget.ownerDocument,
-        onMove: ({ currentX, currentY }) => {
-          const drag = draggingRef.current;
-          if (!drag) return;
-          const currentPos = direction === "horizontal" ? currentX : currentY;
-          const delta = currentPos - drag.startPos;
-          const newSizes = _tigercatcore.resizePanes.call(void 0, drag.startSizes, drag.index, delta, mins, maxes);
-          if (newSizes) {
-            setPaneSizes(newSizes);
-            _optionalChain([onSizesChange, 'optionalCall', _5 => _5(newSizes)]);
-            _optionalChain([onResize, 'optionalCall', _6 => _6({ index: drag.index, sizes: newSizes })]);
-          }
-        },
-        onEnd: ({ currentX, currentY }) => {
-          const drag = draggingRef.current;
-          if (drag) {
-            const currentPos = direction === "horizontal" ? currentX : currentY;
-            const delta = currentPos - drag.startPos;
-            const finalSizes = _nullishCoalesce(_tigercatcore.resizePanes.call(void 0, drag.startSizes, drag.index, delta, mins, maxes), () => ( drag.startSizes));
-            _optionalChain([onResizeEnd, 'optionalCall', _7 => _7({ index: drag.index, sizes: finalSizes })]);
-          }
-          draggingRef.current = null;
-          dragSessionRef.current = null;
-          setDraggingIndex(-1);
-        }
-      });
-    },
-    [
-      disabled,
-      direction,
-      paneSizes,
-      mins,
-      maxes,
-      cleanupDragSession,
-      onResizeStart,
-      onResize,
-      onResizeEnd,
-      onSizesChange
-    ]
-  );
-  const handleKeyDown = _react.useCallback.call(void 0, 
-    (gutterIdx, e) => {
-      if (disabled) return;
-      const step = 10;
-      let delta = 0;
-      if (direction === "horizontal" && e.key === "ArrowLeft" || direction === "vertical" && e.key === "ArrowUp") {
-        delta = -step;
-      } else if (direction === "horizontal" && e.key === "ArrowRight" || direction === "vertical" && e.key === "ArrowDown") {
-        delta = step;
-      }
-      if (delta !== 0) {
-        e.preventDefault();
-        const newSizes = _tigercatcore.resizePanes.call(void 0, paneSizes, gutterIdx, delta, mins, maxes);
-        if (newSizes) {
-          setPaneSizes(newSizes);
-          _optionalChain([onSizesChange, 'optionalCall', _8 => _8(newSizes)]);
-          _optionalChain([onResize, 'optionalCall', _9 => _9({ index: gutterIdx, sizes: newSizes })]);
-        }
-      }
-    },
-    [disabled, direction, paneSizes, mins, maxes, onResize, onSizesChange]
-  );
-  const childArray = _react2.default.Children.toArray(children);
-  const containerClasses = _react.useMemo.call(void 0, 
-    () => _tigercatcore.classNames.call(void 0, _tigercatcore.getSplitterContainerClasses.call(void 0, direction, className)),
-    [direction, className]
-  );
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: containerRef, className: containerClasses, style, "data-direction": direction, children: childArray.map((child, i) => {
-    const size = paneSizes[i];
-    const paneStyle = size != null ? _tigercatcore.getPaneStyle.call(void 0, size, direction) : void 0;
-    const isDragging = draggingIndex === i;
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react2.default.Fragment, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "div",
-        {
-          className: "tiger-splitter-pane relative overflow-auto",
-          style: paneStyle,
-          "data-pane-index": i,
-          children: child
-        }
-      ),
-      i < childArray.length - 1 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "div",
-        {
-          className: _tigercatcore.getSplitterGutterClasses.call(void 0, direction, !!isDragging, disabled),
-          role: "separator",
-          "aria-orientation": direction === "horizontal" ? "vertical" : "horizontal",
-          tabIndex: disabled ? -1 : 0,
-          "data-gutter-index": i,
-          onMouseDown: (e) => handleMouseDown(i, e),
-          onKeyDown: (e) => handleKeyDown(i, e),
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.getSplitterGutterHandleClasses.call(void 0, direction) })
-        }
-      )
-    ] }, i);
-  }) });
-};
-var Splitter_default = Splitter;
-
-
-
-
-exports.Splitter = Splitter; exports.Splitter_default = Splitter_default;