@expcat/tigercat-react 1.0.4 → 1.0.7

package/dist/components/TaskBoard.js

@@ -2,16 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var chunkWGPUGPYE_js = require('../chunk-WGPUGPYE.js');
+var chunkH3JAEEEE_js = require('../chunk-H3JAEEEE.js');
 require('../chunk-2XOFRGY6.js');
 
 
 
 Object.defineProperty(exports, "TaskBoard", {
   enumerable: true,
-  get: function () { return chunkWGPUGPYE_js.TaskBoard; }
+  get: function () { return chunkH3JAEEEE_js.TaskBoard; }
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function () { return chunkWGPUGPYE_js.TaskBoard_default; }
+  get: function () { return chunkH3JAEEEE_js.TaskBoard_default; }
 });

package/dist/components/TaskBoard.mjs

@@ -1,2 +1,2 @@
-export { TaskBoard, TaskBoard_default as default } from '../chunk-EHU3J4B2.mjs';
+export { TaskBoard, TaskBoard_default as default } from '../chunk-DBNAL6G6.mjs';
 import '../chunk-CRSMECWE.mjs';

package/dist/index.js

@@ -14,11 +14,10 @@ var chunk4QJZT6QK_js = require('./chunk-4QJZT6QK.js');
 var chunkJQK354YN_js = require('./chunk-JQK354YN.js');
 var chunkRWZIWKZR_js = require('./chunk-RWZIWKZR.js');
 var chunkVVO4V4IK_js = require('./chunk-VVO4V4IK.js');
-var chunkWGPUGPYE_js = require('./chunk-WGPUGPYE.js');
 var chunk4PPTEEDI_js = require('./chunk-4PPTEEDI.js');
 var chunk7Z64GEMN_js = require('./chunk-7Z64GEMN.js');
 var chunkPTEDJ6MA_js = require('./chunk-PTEDJ6MA.js');
-var chunk45H3JEI3_js = require('./chunk-45H3JEI3.js');
+var chunkRFPXIDAK_js = require('./chunk-RFPXIDAK.js');
 var chunkF6KHZNRS_js = require('./chunk-F6KHZNRS.js');
 var chunkTKZO5UBH_js = require('./chunk-TKZO5UBH.js');
 var chunkDAR2BMMV_js = require('./chunk-DAR2BMMV.js');
@@ -52,7 +51,8 @@ var chunkXEYP62CR_js = require('./chunk-XEYP62CR.js');
 var chunkTZNTHABR_js = require('./chunk-TZNTHABR.js');
 var chunkI3CDTF4U_js = require('./chunk-I3CDTF4U.js');
 var chunk65VXCN5N_js = require('./chunk-65VXCN5N.js');
-var chunk24RUEJWB_js = require('./chunk-24RUEJWB.js');
+var chunkNG3GA5LF_js = require('./chunk-NG3GA5LF.js');
+var chunkH3JAEEEE_js = require('./chunk-H3JAEEEE.js');
 var chunkQYGBT4NL_js = require('./chunk-QYGBT4NL.js');
 var chunkH5MZ54PM_js = require('./chunk-H5MZ54PM.js');
 var chunkFHE4D56E_js = require('./chunk-FHE4D56E.js');
@@ -316,10 +316,6 @@ Object.defineProperty(exports, "Switch", {
   enumerable: true,
   get: function () { return chunkVVO4V4IK_js.Switch; }
 });
-Object.defineProperty(exports, "TaskBoard", {
-  enumerable: true,
-  get: function () { return chunkWGPUGPYE_js.TaskBoard; }
-});
 Object.defineProperty(exports, "Skeleton", {
   enumerable: true,
   get: function () { return chunk4PPTEEDI_js.Skeleton; }
@@ -334,7 +330,7 @@ Object.defineProperty(exports, "Space", {
 });
 Object.defineProperty(exports, "Splitter", {
   enumerable: true,
-  get: function () { return chunk45H3JEI3_js.Splitter; }
+  get: function () { return chunkRFPXIDAK_js.Splitter; }
 });
 Object.defineProperty(exports, "Statistic", {
   enumerable: true,
@@ -494,7 +490,11 @@ Object.defineProperty(exports, "InputNumber", {
 });
 Object.defineProperty(exports, "Kanban", {
   enumerable: true,
-  get: function () { return chunk24RUEJWB_js.Kanban; }
+  get: function () { return chunkNG3GA5LF_js.Kanban; }
+});
+Object.defineProperty(exports, "TaskBoard", {
+  enumerable: true,
+  get: function () { return chunkH3JAEEEE_js.TaskBoard; }
 });
 Object.defineProperty(exports, "FormWizard", {
   enumerable: true,

package/dist/index.mjs

@@ -12,11 +12,10 @@ export { Tree } from './chunk-QPOH6SOO.mjs';
 export { SubMenu } from './chunk-SMC2RV3V.mjs';
 export { SunburstChart } from './chunk-YJ4W6DMX.mjs';
 export { Switch } from './chunk-7CAJK2ZK.mjs';
-export { TaskBoard } from './chunk-EHU3J4B2.mjs';
 export { Skeleton } from './chunk-5P5M656V.mjs';
 export { Slider } from './chunk-NKKIJQMV.mjs';
 export { Space } from './chunk-XJ7U2W7S.mjs';
-export { Splitter } from './chunk-QVZTZHCJ.mjs';
+export { Splitter } from './chunk-PNSWIJG3.mjs';
 export { Statistic } from './chunk-DZGDCRBH.mjs';
 export { Stepper } from './chunk-HZHFFVP7.mjs';
 export { Resizable } from './chunk-BALJCZ62.mjs';
@@ -50,7 +49,8 @@ export { ImageViewer } from './chunk-6E7FPBRR.mjs';
 export { InfiniteScroll } from './chunk-BR5OSUZT.mjs';
 export { InputGroup, InputGroupAddon } from './chunk-34VGG7AK.mjs';
 export { InputNumber } from './chunk-INBSKSZG.mjs';
-export { Kanban } from './chunk-YXWRSEP5.mjs';
+export { Kanban } from './chunk-7BVXG3Z5.mjs';
+export { TaskBoard } from './chunk-DBNAL6G6.mjs';
 export { FormWizard } from './chunk-QPGL4YEO.mjs';
 export { Steps, StepsItem, useStepsContext } from './chunk-AUP3PMDD.mjs';
 export { FunnelChart } from './chunk-R3QWJ7GT.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expcat/tigercat-react",
-  "version": "1.0.4",
+  "version": "1.0.7",
   "description": "React components for Tigercat UI library",
   "license": "MIT",
   "author": "Yizhe Wang",
@@ -42,7 +42,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@expcat/tigercat-core": "1.0.4"
+    "@expcat/tigercat-core": "1.0.7"
   },
   "devDependencies": {
     "@types/node": "^25.0.3",

package/dist/chunk-24RUEJWB.js

@@ -1,293 +0,0 @@
-'use strict';
-
-var chunkUKGQ7256_js = require('./chunk-UKGQ7256.js');
-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);
-
-var Kanban = ({
-  columns: controlledColumns,
-  defaultColumns = [],
-  draggable = true,
-  columnDraggable = true,
-  enforceWipLimit = false,
-  beforeCardMove,
-  beforeColumnMove,
-  filterText = "",
-  hiddenColumns,
-  showCardCount = true,
-  allowAddCard = true,
-  allowAddColumn = false,
-  onCardMove,
-  onColumnMove,
-  onColumnsChange,
-  onCardAdd,
-  onColumnAdd,
-  renderCard,
-  renderColumnHeader,
-  className,
-  ...restProps
-}) => {
-  const boardRef = React.useRef(null);
-  const [rawColumns, setInternalColumns, isControlled] = chunkUKGQ7256_js.useControlledState(
-    controlledColumns,
-    defaultColumns
-  );
-  const visibleColumns = React.useMemo(
-    () => tigercatCore.filterColumns(rawColumns, filterText, hiddenColumns),
-    [rawColumns, filterText, hiddenColumns]
-  );
-  const [dragState, setDragState] = React.useState(null);
-  const [dropTargetCol, setDropTargetCol] = React.useState(null);
-  const [dropTargetIdx, setDropTargetIdx] = React.useState(-1);
-  function updateColumns(cols) {
-    if (!isControlled) setInternalColumns(cols);
-    onColumnsChange?.(cols);
-  }
-  function resetDrag() {
-    setDragState(null);
-    setDropTargetCol(null);
-    setDropTargetIdx(-1);
-  }
-  const handleCardDragStart = React.useCallback(
-    (e, card, colId, idx) => {
-      if (!draggable) return;
-      tigercatCore.setDragData(e.nativeEvent.dataTransfer, tigercatCore.createCardDragData(card.id, colId, idx));
-      setDragState({ type: "card", id: card.id, fromColumnId: colId, fromIndex: idx });
-    },
-    [draggable]
-  );
-  const handleColumnDragStart = React.useCallback(
-    (e, colId, idx) => {
-      if (!columnDraggable) return;
-      tigercatCore.setDragData(e.nativeEvent.dataTransfer, tigercatCore.createColumnDragData(colId, idx));
-      setDragState({ type: "column", id: colId, fromIndex: idx });
-    },
-    [columnDraggable]
-  );
-  const handleDragOver = React.useCallback(
-    (e, colId) => {
-      e.preventDefault();
-      if (!dragState) return;
-      setDropTargetCol(colId);
-      if (dragState.type === "card") {
-        const colEl = e.currentTarget.querySelector("[data-kanban-body]");
-        if (colEl) {
-          const cards = Array.from(colEl.querySelectorAll("[data-kanban-card]"));
-          const rects = cards.map((c) => c.getBoundingClientRect());
-          setDropTargetIdx(tigercatCore.getDropIndex(e.clientY, rects));
-        }
-      }
-    },
-    [dragState]
-  );
-  const handleColumnDragOver = React.useCallback(
-    (e) => {
-      e.preventDefault();
-      if (!dragState || dragState.type !== "column") return;
-      const boardEl = boardRef.current;
-      if (!boardEl) return;
-      const cols = Array.from(boardEl.querySelectorAll("[data-kanban-column]"));
-      const rects = cols.map((c) => c.getBoundingClientRect());
-      setDropTargetIdx(tigercatCore.getColumnDropIndex(e.clientX, rects));
-    },
-    [dragState]
-  );
-  const handleDrop = React.useCallback(
-    async (e) => {
-      e.preventDefault();
-      const data = tigercatCore.parseDragData(e.nativeEvent.dataTransfer);
-      if (!data || !dragState) {
-        resetDrag();
-        return;
-      }
-      if (data.type === "card" && dropTargetCol != null) {
-        if (beforeCardMove) {
-          const evt = {
-            cardId: data.cardId,
-            fromColumnId: data.columnId,
-            toColumnId: dropTargetCol,
-            fromIndex: data.index,
-            toIndex: dropTargetIdx
-          };
-          const ok = await beforeCardMove(evt);
-          if (!ok) {
-            resetDrag();
-            return;
-          }
-        }
-        const result = tigercatCore.moveCard(
-          rawColumns,
-          data.cardId,
-          data.columnId,
-          dropTargetCol,
-          dropTargetIdx,
-          { enforceWipLimit }
-        );
-        if (result) {
-          updateColumns(result.columns);
-          onCardMove?.(result.event);
-        }
-      } else if (data.type === "column") {
-        if (beforeColumnMove) {
-          const evt = {
-            columnId: data.columnId,
-            fromIndex: data.index,
-            toIndex: dropTargetIdx
-          };
-          const ok = await beforeColumnMove(evt);
-          if (!ok) {
-            resetDrag();
-            return;
-          }
-        }
-        const result = tigercatCore.reorderColumns(rawColumns, data.index, dropTargetIdx);
-        if (result) {
-          updateColumns(result.columns);
-          onColumnMove?.(result.event);
-        }
-      }
-      resetDrag();
-    },
-    [
-      dragState,
-      dropTargetCol,
-      dropTargetIdx,
-      rawColumns,
-      enforceWipLimit,
-      beforeCardMove,
-      beforeColumnMove,
-      onCardMove,
-      onColumnMove
-    ]
-  );
-  const containerClasses = React.useMemo(
-    () => tigercatCore.classNames(tigercatCore.getKanbanContainerClasses(className)),
-    [className]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      ref: boardRef,
-      className: containerClasses,
-      role: "region",
-      "aria-label": "Kanban board",
-      onDragOver: handleColumnDragOver,
-      ...restProps,
-      children: [
-        visibleColumns.map((col, colIdx) => {
-          const wipExceeded = tigercatCore.isWipExceeded(col);
-          const cardCount = tigercatCore.getColumnCardCount(col);
-          const isDragOverCol = dropTargetCol === col.id;
-          const isColDragging = dragState?.type === "column" && dragState.id === col.id;
-          return /* @__PURE__ */ jsxRuntime.jsxs(
-            "div",
-            {
-              className: tigercatCore.classNames(
-                tigercatCore.taskBoardColumnClasses,
-                isDragOverCol && dragState?.type === "card" && tigercatCore.taskBoardColumnDropTargetClasses,
-                isColDragging && tigercatCore.taskBoardColumnDraggingClasses
-              ),
-              "data-kanban-column": "",
-              draggable: columnDraggable,
-              onDragStart: (e) => handleColumnDragStart(e, col.id, colIdx),
-              onDragOver: (e) => handleDragOver(e, col.id),
-              onDrop: handleDrop,
-              onDragEnd: resetDrag,
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsxs(
-                  "div",
-                  {
-                    className: tigercatCore.classNames(
-                      tigercatCore.taskBoardColumnHeaderClasses,
-                      wipExceeded && tigercatCore.taskBoardWipExceededClasses
-                    ),
-                    children: [
-                      renderColumnHeader ? renderColumnHeader(col) : /* @__PURE__ */ jsxRuntime.jsx("span", { children: col.title }),
-                      showCardCount && /* @__PURE__ */ jsxRuntime.jsx(
-                        "span",
-                        {
-                          className: tigercatCore.classNames(
-                            tigercatCore.kanbanCardCountClasses,
-                            wipExceeded && tigercatCore.taskBoardWipExceededClasses
-                          ),
-                          children: cardCount.limit ? `${cardCount.count}/${cardCount.limit}` : `${cardCount.count}`
-                        }
-                      )
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.taskBoardColumnBodyClasses, "data-kanban-body": "", children: [
-                  col.cards.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.taskBoardEmptyClasses, children: "No cards" }) : col.cards.map((card, cardIdx) => {
-                    const isCardDragging = dragState?.type === "card" && dragState.id === card.id;
-                    return /* @__PURE__ */ jsxRuntime.jsxs(React__default.default.Fragment, { children: [
-                      isDragOverCol && dragState?.type === "card" && dropTargetIdx === cardIdx && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.taskBoardDropIndicatorClasses }),
-                      /* @__PURE__ */ jsxRuntime.jsx(
-                        "div",
-                        {
-                          className: tigercatCore.classNames(
-                            tigercatCore.taskBoardCardClasses,
-                            isCardDragging && tigercatCore.taskBoardCardDraggingClasses
-                          ),
-                          draggable,
-                          "data-kanban-card": "",
-                          onDragStart: (e) => handleCardDragStart(e, card, col.id, cardIdx),
-                          children: renderCard ? renderCard(card, col.id) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium text-sm", children: card.title }),
-                            card.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-[var(--tiger-text-muted,#6b7280)] mt-1", children: card.description })
-                          ] })
-                        }
-                      )
-                    ] }, card.id);
-                  }),
-                  isDragOverCol && dragState?.type === "card" && dropTargetIdx >= col.cards.length && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.taskBoardDropIndicatorClasses })
-                ] }),
-                allowAddCard && /* @__PURE__ */ jsxRuntime.jsx(
-                  "div",
-                  {
-                    className: tigercatCore.kanbanAddCardClasses,
-                    role: "button",
-                    tabIndex: 0,
-                    onClick: () => onCardAdd?.(col.id),
-                    onKeyDown: (e) => {
-                      if (e.key === "Enter" || e.key === " ") {
-                        e.preventDefault();
-                        onCardAdd?.(col.id);
-                      }
-                    },
-                    children: "+ Add card"
-                  }
-                )
-              ]
-            },
-            col.id
-          );
-        }),
-        allowAddColumn && /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: tigercatCore.kanbanAddColumnClasses,
-            role: "button",
-            tabIndex: 0,
-            onClick: () => onColumnAdd?.(),
-            onKeyDown: (e) => {
-              if (e.key === "Enter" || e.key === " ") {
-                e.preventDefault();
-                onColumnAdd?.();
-              }
-            },
-            children: "+ Add column"
-          }
-        )
-      ]
-    }
-  );
-};
-var Kanban_default = Kanban;
-
-exports.Kanban = Kanban;
-exports.Kanban_default = Kanban_default;