@solidxai/core-ui 0.1.19-beta.0 → 0.1.19

package/dist/components/core/kanban/KanbanCard.tsx

@@ -13,6 +13,7 @@ import {
   SolidIcon,
 } from "../../shad-cn-ui";
 import { SolidCollectionRowActionMenuItems } from "../common/SolidCollectionRowActionMenuItems";
+import { SolidCheckbox } from "../../shad-cn-ui/SolidCheckbox";
 
 // Define the types for the data and props
 interface Data {
@@ -39,9 +40,12 @@ interface KanbanCardProps {
   showArchived?: boolean;
   params?: any;
   handleCustomButtonClick?: (buttonAttrs: any, event: any) => void;
+  selectionEnabled?: boolean;
+  selected?: boolean;
+  onSelectionChange?: (record: Data, selected: boolean) => void;
 }
 
-const KanbanCard: React.FC<KanbanCardProps> = ({ data, solidKanbanViewMetaData, index, isDragDisabled = false, setLightboxUrls, setOpenLightbox, editButtonUrl, recordClickAction = "edit", groupByFieldName, group, cardNode, DynamicCardWidget, onDelete, onRecover, showArchived, params, handleCustomButtonClick }) => {
+const KanbanCard: React.FC<KanbanCardProps> = ({ data, solidKanbanViewMetaData, index, isDragDisabled = false, setLightboxUrls, setOpenLightbox, editButtonUrl, recordClickAction = "edit", groupByFieldName, group, cardNode, DynamicCardWidget, onDelete, onRecover, showArchived, params, handleCustomButtonClick, selectionEnabled = false, selected = false, onSelectionChange }) => {
   const router = useRouter()
   const isArchivedRecord = data?.deletedAt !== null && data?.deletedAt !== undefined;
 
@@ -131,10 +135,8 @@ const KanbanCard: React.FC<KanbanCardProps> = ({ data, solidKanbanViewMetaData,
     <CompatibleDraggable draggableId={String(data.id)} index={index} isDragDisabled={isDragDisabled}>
       {(provided: DraggableProvided, snapshot) => (
         <div
-          className=""
           ref={provided.innerRef}
           {...provided.draggableProps}
-          {...(!isDragDisabled ? provided.dragHandleProps : {})}
           style={{ marginTop: "1rem", ...provided.draggableProps.style }}
           className="kanban-card-container"
         >
@@ -144,18 +146,36 @@ const KanbanCard: React.FC<KanbanCardProps> = ({ data, solidKanbanViewMetaData,
             style={{
               opacity: snapshot.isDragging ? 0.9 : 1,
               transform: snapshot.isDragging ? "rotate(-2deg)" : "",
-              cursor: isArchivedRecord ? "default" : (isDragDisabled ? "pointer" : "grab")
+              cursor: "default",
             }}
             elevation={snapshot.isDragging ? 3 : 1}
-            className={`solid-kanban-card${isArchivedRecord ? " greyed-out-row" : ""}`}
+            className={`solid-kanban-card${isArchivedRecord ? " greyed-out-row" : ""}${selected ? " solid-kanban-card-selected" : ""}`}
             onClick={openRecord}
           >
-            {renderKanbanAction(data)}
-            {DynamicCardWidget ? (
+            {selectionEnabled && !isArchivedRecord && (
               <div
-                className={isArchivedRecord ? "solid-archived-card-content" : undefined}
-                style={isArchivedRecord ? { pointerEvents: "none" } : undefined}
+                className="solid-kanban-card-selection"
+                onClick={(event) => event.stopPropagation()}
+                onMouseDown={(event) => event.stopPropagation()}
+                onTouchStart={(event) => event.stopPropagation()}
               >
+                <SolidCheckbox
+                  checked={selected}
+                  aria-label={`Select ${data?.messageId || data?.id || "Kanban card"}`}
+                  onChange={(event) => onSelectionChange?.(data, event.currentTarget.checked)}
+                />
+              </div>
+            )}
+            {renderKanbanAction(data)}
+            <div
+              {...(!isDragDisabled ? provided.dragHandleProps : {})}
+              className={`solid-kanban-card-content${isArchivedRecord ? " solid-archived-card-content" : ""}`}
+              style={{
+                ...(isArchivedRecord ? { pointerEvents: "none" } : {}),
+                cursor: isArchivedRecord ? "default" : (isDragDisabled ? "pointer" : "grab"),
+              }}
+            >
+              {DynamicCardWidget ? (
                 <DynamicCardWidget
                   rowData={data}
                   solidKanbanViewMetaData={solidKanbanViewMetaData}
@@ -172,8 +192,8 @@ const KanbanCard: React.FC<KanbanCardProps> = ({ data, solidKanbanViewMetaData,
                   openRecord={openRecord}
                   openEdit={openEdit}
                 />
-              </div>
-            ) : null}
+              ) : null}
+            </div>
           </div>
         </div>
       )}

package/dist/components/core/kanban/KanbanColumn.d.ts

@@ -27,7 +27,11 @@ interface KanbanColumnProps {
     recordClickAction?: "view" | "edit";
     params?: any;
     handleCustomButtonClick?: (buttonAttrs: any, event: any) => void;
+    selectionEnabled?: boolean;
+    selectedRecords?: GroupData[];
+    onToggleLaneSelection?: (records: GroupData[], selected: boolean) => void;
+    onCardSelectionChange?: (record: GroupData, selected: boolean) => void;
 }
-declare const KanbanColumn: ({ groupByField, solidKanbanViewMetaData, group, groupData, isKanbanDragEnabled, cardNode, DynamicCardWidget, toggleFold, handleLoadMore, onDelete, onRecover, setLightboxUrls, setOpenLightbox, editButtonUrl, recordClickAction, showArchived, params, handleCustomButtonClick }: KanbanColumnProps) => import("react/jsx-runtime").JSX.Element;
+declare const KanbanColumn: ({ groupByField, solidKanbanViewMetaData, group, groupData, isKanbanDragEnabled, cardNode, DynamicCardWidget, toggleFold, handleLoadMore, onDelete, onRecover, setLightboxUrls, setOpenLightbox, editButtonUrl, recordClickAction, showArchived, params, handleCustomButtonClick, selectionEnabled, selectedRecords, onToggleLaneSelection, onCardSelectionChange }: KanbanColumnProps) => import("react/jsx-runtime").JSX.Element;
 export default KanbanColumn;
 //# sourceMappingURL=KanbanColumn.d.ts.map

package/dist/components/core/kanban/KanbanColumn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KanbanColumn.d.ts","sourceRoot":"","sources":["../../../../src/components/core/kanban/KanbanColumn.tsx"],"names":[],"mappings":"AAcA,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,SAAS;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,UAAU,iBAAiB;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,KAAK,CAAC;IACb,SAAS,EAAE,SAAS,EAAE,CAAC;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,iBAAiB,CAAC,EAAE,GAAG,CAAC;IACxB,UAAU,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,cAAc,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,KAAK,IAAI,CAAC;IACxC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,EAAE,GAAG,CAAC;IACrB,eAAe,EAAE,GAAG,CAAA;IACpB,iBAAiB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpC,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,uBAAuB,CAAC,EAAE,CAAC,WAAW,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;CAClE;AAGD,QAAA,MAAM,YAAY,sRAA8R,iBAAiB,4CA0EhU,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"KanbanColumn.d.ts","sourceRoot":"","sources":["../../../../src/components/core/kanban/KanbanColumn.tsx"],"names":[],"mappings":"AAcA,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,SAAS;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,UAAU,iBAAiB;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,KAAK,CAAC;IACb,SAAS,EAAE,SAAS,EAAE,CAAC;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,iBAAiB,CAAC,EAAE,GAAG,CAAC;IACxB,UAAU,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,cAAc,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,KAAK,IAAI,CAAC;IACxC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,EAAE,GAAG,CAAC;IACrB,eAAe,EAAE,GAAG,CAAA;IACpB,iBAAiB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpC,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,uBAAuB,CAAC,EAAE,CAAC,WAAW,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACjE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,SAAS,EAAE,CAAC;IAC9B,qBAAqB,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1E,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CACxE;AAGD,QAAA,MAAM,YAAY,uWAA4X,iBAAiB,4CA8G9Z,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/core/kanban/KanbanColumn.js

@@ -10,18 +10,29 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef } from "react";
 import KanbanCard from "./KanbanCard";
 import { asCompatibleReactNode, CompatibleDroppable } from "../common/dndCompat";
 import { SolidButton, SolidDropdownMenu, SolidDropdownMenuContent, SolidDropdownMenuItem, SolidDropdownMenuTrigger, SolidIcon, } from "../../shad-cn-ui";
 // @ts-ignore
 var KanbanColumn = function (_a) {
-    var groupByField = _a.groupByField, solidKanbanViewMetaData = _a.solidKanbanViewMetaData, group = _a.group, groupData = _a.groupData, _b = _a.isKanbanDragEnabled, isKanbanDragEnabled = _b === void 0 ? true : _b, cardNode = _a.cardNode, DynamicCardWidget = _a.DynamicCardWidget, toggleFold = _a.toggleFold, handleLoadMore = _a.handleLoadMore, onDelete = _a.onDelete, onRecover = _a.onRecover, setLightboxUrls = _a.setLightboxUrls, setOpenLightbox = _a.setOpenLightbox, editButtonUrl = _a.editButtonUrl, recordClickAction = _a.recordClickAction, showArchived = _a.showArchived, params = _a.params, handleCustomButtonClick = _a.handleCustomButtonClick;
-    return (_jsxs("div", { className: group.folded ? "kanban-column kanban-column-folded" : "kanban-column", children: [_jsxs("div", { className: "kaban-heading-area", children: [group.folded &&
+    var groupByField = _a.groupByField, solidKanbanViewMetaData = _a.solidKanbanViewMetaData, group = _a.group, groupData = _a.groupData, _b = _a.isKanbanDragEnabled, isKanbanDragEnabled = _b === void 0 ? true : _b, cardNode = _a.cardNode, DynamicCardWidget = _a.DynamicCardWidget, toggleFold = _a.toggleFold, handleLoadMore = _a.handleLoadMore, onDelete = _a.onDelete, onRecover = _a.onRecover, setLightboxUrls = _a.setLightboxUrls, setOpenLightbox = _a.setOpenLightbox, editButtonUrl = _a.editButtonUrl, recordClickAction = _a.recordClickAction, showArchived = _a.showArchived, params = _a.params, handleCustomButtonClick = _a.handleCustomButtonClick, _c = _a.selectionEnabled, selectionEnabled = _c === void 0 ? false : _c, _d = _a.selectedRecords, selectedRecords = _d === void 0 ? [] : _d, onToggleLaneSelection = _a.onToggleLaneSelection, onCardSelectionChange = _a.onCardSelectionChange;
+    var selectableRecords = useMemo(function () { return groupData.filter(function (record) { return (record === null || record === void 0 ? void 0 : record.id) != null && (record === null || record === void 0 ? void 0 : record.deletedAt) == null; }); }, [groupData]);
+    var selectedIds = new Set(selectedRecords.map(function (record) { return String(record === null || record === void 0 ? void 0 : record.id); }));
+    var selectedCount = selectableRecords.filter(function (record) { return selectedIds.has(String(record.id)); }).length;
+    var allSelected = selectableRecords.length > 0 && selectedCount === selectableRecords.length;
+    var partiallySelected = selectedCount > 0 && !allSelected;
+    var laneCheckboxRef = useRef(null);
+    useEffect(function () {
+        if (laneCheckboxRef.current)
+            laneCheckboxRef.current.indeterminate = partiallySelected;
+    }, [partiallySelected]);
+    return (_jsxs("div", { className: group.folded ? "kanban-column kanban-column-folded" : "kanban-column", children: [_jsxs("div", { className: "kaban-heading-area", children: [selectionEnabled && (_jsx("div", { className: "solid-kanban-lane-selection", onClick: function (event) { return event.stopPropagation(); }, onMouseDown: function (event) { return event.stopPropagation(); }, onTouchStart: function (event) { return event.stopPropagation(); }, children: _jsxs("label", { className: "solid-checkbox solid-kanban-lane-checkbox", children: [_jsx("input", { ref: laneCheckboxRef, type: "checkbox", className: "solid-checkbox-input", checked: allSelected, disabled: selectableRecords.length === 0, "aria-label": "Select loaded cards in ".concat(group.label), title: "Select loaded cards in ".concat(group.label), onChange: function () { return onToggleLaneSelection === null || onToggleLaneSelection === void 0 ? void 0 : onToggleLaneSelection(selectableRecords, !allSelected); } }), _jsx("span", { className: "solid-checkbox-box" })] }) })), group.folded &&
                         _jsx("a", { onClick: function (e) { return toggleFold(groupByField); }, children: _jsxs("div", { className: "flex items-center", children: [_jsxs("div", { className: "kanban-arrow-icon-container", children: [_jsx(SolidIcon, { name: "si-sort-up-fill", "aria-hidden": true }), _jsx(SolidIcon, { name: "si-sort-down-fill", "aria-hidden": true })] }), _jsxs("p", { className: "kanban-group-heading", children: ["".concat(group.label), _jsx("span", { className: "kanban-count-badge", children: group.count })] })] }) }), !group.folded &&
                         _jsx("div", { className: "flex items-center", children: _jsxs("p", { className: "kanban-group-heading", children: ["".concat(group.label), _jsx("span", { className: "kanban-count-badge", children: group.count })] }) }), !group.folded &&
                         _jsxs(SolidDropdownMenu, { children: [_jsx(SolidDropdownMenuTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "solid-header-cog-trigger kanban-column-cogwheel", "aria-label": "Open ".concat(group.label, " lane options"), children: _jsx(SolidIcon, { name: "si-cog", "aria-hidden": true }) }) }), _jsx(SolidDropdownMenuContent, { className: "solid-custom-overlay kanban-options-panel", align: "start", children: _jsxs(SolidDropdownMenuItem, { className: "solid-header-dropdown-item kanban-fold-action-button", onSelect: function () { return toggleFold(groupByField); }, children: [_jsx(SolidIcon, { name: "si-angle-double-left", className: "solid-header-action-button-icon", "aria-hidden": true }), _jsx("span", { className: "solid-header-action-button-label", children: "Fold" })] }) })] })] }), !group.folded && (_jsx(CompatibleDroppable, { droppableId: groupByField, isDropDisabled: !isKanbanDragEnabled, children: function (provided) { return (_jsxs("div", __assign({ ref: provided.innerRef }, provided.droppableProps, { style: { minHeight: "100px" }, children: [groupData.map(function (data, index) { return (
                         // @ts-ignore
-                        _jsx(KanbanCard, { data: data, solidKanbanViewMetaData: solidKanbanViewMetaData, index: index, isDragDisabled: !isKanbanDragEnabled || Boolean(data === null || data === void 0 ? void 0 : data.deletedAt), setLightboxUrls: setLightboxUrls, setOpenLightbox: setOpenLightbox, editButtonUrl: editButtonUrl, recordClickAction: recordClickAction, groupByFieldName: groupByField, group: group, cardNode: cardNode, DynamicCardWidget: DynamicCardWidget, onDelete: onDelete, onRecover: onRecover, showArchived: showArchived, params: params, handleCustomButtonClick: handleCustomButtonClick }, data.id)); }), asCompatibleReactNode(provided.placeholder), group.count > 0 && (group.count > (group.limit * group.currentPage)) &&
+                        _jsx(KanbanCard, { data: data, solidKanbanViewMetaData: solidKanbanViewMetaData, index: index, isDragDisabled: !isKanbanDragEnabled || Boolean(data === null || data === void 0 ? void 0 : data.deletedAt), setLightboxUrls: setLightboxUrls, setOpenLightbox: setOpenLightbox, editButtonUrl: editButtonUrl, recordClickAction: recordClickAction, groupByFieldName: groupByField, group: group, cardNode: cardNode, DynamicCardWidget: DynamicCardWidget, onDelete: onDelete, onRecover: onRecover, showArchived: showArchived, params: params, handleCustomButtonClick: handleCustomButtonClick, selectionEnabled: selectionEnabled, selected: selectedIds.has(String(data === null || data === void 0 ? void 0 : data.id)), onSelectionChange: onCardSelectionChange }, data.id)); }), asCompatibleReactNode(provided.placeholder), group.count > 0 && (group.count > (group.limit * group.currentPage)) &&
                             _jsx(SolidButton, { type: "button", variant: "ghost", size: "sm", className: "kaban-load-more", onClick: function () { return handleLoadMore(groupByField); }, children: "Load more data... (".concat(group.count - (group.limit * group.currentPage), " remaining)") })] }))); } }))] }));
 };
 export default KanbanColumn;

package/dist/components/core/kanban/KanbanColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"KanbanColumn.js","sourceRoot":"","sources":["../../../../src/components/core/kanban/KanbanColumn.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { DroppableProvided } from \"@hello-pangea/dnd\";\nimport KanbanCard from \"./KanbanCard\";\nimport { asCompatibleReactNode, CompatibleDroppable } from \"../common/dndCompat\";\nimport {\n  SolidButton,\n  SolidDropdownMenu,\n  SolidDropdownMenuContent,\n  SolidDropdownMenuItem,\n  SolidDropdownMenuTrigger,\n  SolidIcon,\n} from \"../../shad-cn-ui\";\n\n// Define types for props\ninterface Group {\n  label: string;\n  count: number;\n  folded: boolean;\n  limit: number;\n  currentPage: number;\n}\n\ninterface GroupData {\n  id: string;\n  title: string;\n  groupByField: string;\n}\n\ninterface KanbanColumnProps {\n  groupByField: string;\n  group: Group;\n  groupData: GroupData[];\n  isKanbanDragEnabled?: boolean;\n  cardNode?: any;\n  DynamicCardWidget?: any;\n  toggleFold: (groupByField: string) => void;\n  handleLoadMore: (groupByField: string) => void;\n  onDelete?: (record: GroupData) => void;\n  onRecover?: (record: GroupData) => void;\n  showArchived?: boolean;\n  setLightboxUrls: any,\n  setOpenLightbox: any\n  recordClickAction?: \"view\" | \"edit\";\n  params?: any;\n  handleCustomButtonClick?: (buttonAttrs: any, event: any) => void;\n}\n\n// @ts-ignore\nconst KanbanColumn = ({ groupByField, solidKanbanViewMetaData, group, groupData, isKanbanDragEnabled = true, cardNode, DynamicCardWidget, toggleFold, handleLoadMore, onDelete, onRecover, setLightboxUrls, setOpenLightbox, editButtonUrl, recordClickAction, showArchived, params, handleCustomButtonClick }: KanbanColumnProps) => {\n  return (\n    <div className={group.folded ? \"kanban-column kanban-column-folded\" : \"kanban-column\"}>\n      <div className=\"kaban-heading-area\">\n        {group.folded &&\n          <a onClick={e => toggleFold(groupByField)}>\n            <div className=\"flex items-center\">\n              <div className=\"kanban-arrow-icon-container\">\n                <SolidIcon name=\"si-sort-up-fill\" aria-hidden />\n                <SolidIcon name=\"si-sort-down-fill\" aria-hidden />\n              </div>\n              <p className=\"kanban-group-heading\">{`${group.label}`}<span className=\"kanban-count-badge\">{group.count}</span></p>\n            </div>\n          </a>\n        }\n\n        {!group.folded &&\n          <div className=\"flex items-center\">\n            <p className=\"kanban-group-heading\">{`${group.label}`}<span className=\"kanban-count-badge\">{group.count}</span></p>\n          </div>\n        }\n        {!group.folded &&\n          <SolidDropdownMenu>\n            <SolidDropdownMenuTrigger asChild>\n              <button\n                type=\"button\"\n                className=\"solid-header-cog-trigger kanban-column-cogwheel\"\n                aria-label={`Open ${group.label} lane options`}\n              >\n                <SolidIcon name=\"si-cog\" aria-hidden />\n              </button>\n            </SolidDropdownMenuTrigger>\n            <SolidDropdownMenuContent className=\"solid-custom-overlay kanban-options-panel\" align=\"start\">\n              <SolidDropdownMenuItem\n                className=\"solid-header-dropdown-item kanban-fold-action-button\"\n                onSelect={() => toggleFold(groupByField)}\n              >\n                <SolidIcon name=\"si-angle-double-left\" className=\"solid-header-action-button-icon\" aria-hidden />\n                <span className=\"solid-header-action-button-label\">Fold</span>\n              </SolidDropdownMenuItem>\n            </SolidDropdownMenuContent>\n          </SolidDropdownMenu>\n        }\n      </div>\n      {!group.folded && (\n        <CompatibleDroppable droppableId={groupByField} isDropDisabled={!isKanbanDragEnabled}>\n          {(provided: DroppableProvided) => (\n            <div\n              ref={provided.innerRef}\n              {...provided.droppableProps}\n              style={{ minHeight: \"100px\" }}\n            >\n              {groupData.map((data, index) => (\n                // @ts-ignore\n                <KanbanCard key={data.id} data={data} solidKanbanViewMetaData={solidKanbanViewMetaData} index={index} isDragDisabled={!isKanbanDragEnabled || Boolean(data?.deletedAt)} setLightboxUrls={setLightboxUrls} setOpenLightbox={setOpenLightbox} editButtonUrl={editButtonUrl} recordClickAction={recordClickAction} groupByFieldName={groupByField} group={group} cardNode={cardNode} DynamicCardWidget={DynamicCardWidget} onDelete={onDelete} onRecover={onRecover} showArchived={showArchived} params={params} handleCustomButtonClick={handleCustomButtonClick} />\n              ))}\n              {asCompatibleReactNode(provided.placeholder)}\n              {group.count > 0 && (group.count > (group.limit * group.currentPage)) &&\n                <SolidButton\n                  type=\"button\"\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  className=\"kaban-load-more\"\n                  onClick={() => handleLoadMore(groupByField)}\n                >\n                  {`Load more data... (${group.count - (group.limit * group.currentPage)} remaining)`}\n                </SolidButton>\n              }\n            </div>\n          )}\n        </CompatibleDroppable>\n      )}\n    </div>\n  );\n};\n\nexport default KanbanColumn;\n"]}
+{"version":3,"file":"KanbanColumn.js","sourceRoot":"","sources":["../../../../src/components/core/kanban/KanbanColumn.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useMemo, useRef } from \"react\";\nimport { DroppableProvided } from \"@hello-pangea/dnd\";\nimport KanbanCard from \"./KanbanCard\";\nimport { asCompatibleReactNode, CompatibleDroppable } from \"../common/dndCompat\";\nimport {\n  SolidButton,\n  SolidDropdownMenu,\n  SolidDropdownMenuContent,\n  SolidDropdownMenuItem,\n  SolidDropdownMenuTrigger,\n  SolidIcon,\n} from \"../../shad-cn-ui\";\n\n// Define types for props\ninterface Group {\n  label: string;\n  count: number;\n  folded: boolean;\n  limit: number;\n  currentPage: number;\n}\n\ninterface GroupData {\n  id: string;\n  title: string;\n  groupByField: string;\n}\n\ninterface KanbanColumnProps {\n  groupByField: string;\n  group: Group;\n  groupData: GroupData[];\n  isKanbanDragEnabled?: boolean;\n  cardNode?: any;\n  DynamicCardWidget?: any;\n  toggleFold: (groupByField: string) => void;\n  handleLoadMore: (groupByField: string) => void;\n  onDelete?: (record: GroupData) => void;\n  onRecover?: (record: GroupData) => void;\n  showArchived?: boolean;\n  setLightboxUrls: any,\n  setOpenLightbox: any\n  recordClickAction?: \"view\" | \"edit\";\n  params?: any;\n  handleCustomButtonClick?: (buttonAttrs: any, event: any) => void;\n  selectionEnabled?: boolean;\n  selectedRecords?: GroupData[];\n  onToggleLaneSelection?: (records: GroupData[], selected: boolean) => void;\n  onCardSelectionChange?: (record: GroupData, selected: boolean) => void;\n}\n\n// @ts-ignore\nconst KanbanColumn = ({ groupByField, solidKanbanViewMetaData, group, groupData, isKanbanDragEnabled = true, cardNode, DynamicCardWidget, toggleFold, handleLoadMore, onDelete, onRecover, setLightboxUrls, setOpenLightbox, editButtonUrl, recordClickAction, showArchived, params, handleCustomButtonClick, selectionEnabled = false, selectedRecords = [], onToggleLaneSelection, onCardSelectionChange }: KanbanColumnProps) => {\n  const selectableRecords = useMemo(\n    () => groupData.filter((record: any) => record?.id != null && record?.deletedAt == null),\n    [groupData]\n  );\n  const selectedIds = new Set(selectedRecords.map((record: any) => String(record?.id)));\n  const selectedCount = selectableRecords.filter((record: any) => selectedIds.has(String(record.id))).length;\n  const allSelected = selectableRecords.length > 0 && selectedCount === selectableRecords.length;\n  const partiallySelected = selectedCount > 0 && !allSelected;\n  const laneCheckboxRef = useRef<HTMLInputElement>(null);\n\n  useEffect(() => {\n    if (laneCheckboxRef.current) laneCheckboxRef.current.indeterminate = partiallySelected;\n  }, [partiallySelected]);\n\n  return (\n    <div className={group.folded ? \"kanban-column kanban-column-folded\" : \"kanban-column\"}>\n      <div className=\"kaban-heading-area\">\n        {selectionEnabled && (\n          <div\n            className=\"solid-kanban-lane-selection\"\n            onClick={(event) => event.stopPropagation()}\n            onMouseDown={(event) => event.stopPropagation()}\n            onTouchStart={(event) => event.stopPropagation()}\n          >\n            <label className=\"solid-checkbox solid-kanban-lane-checkbox\">\n              <input\n                ref={laneCheckboxRef}\n                type=\"checkbox\"\n                className=\"solid-checkbox-input\"\n                checked={allSelected}\n                disabled={selectableRecords.length === 0}\n                aria-label={`Select loaded cards in ${group.label}`}\n                title={`Select loaded cards in ${group.label}`}\n                onChange={() => onToggleLaneSelection?.(selectableRecords, !allSelected)}\n              />\n              <span className=\"solid-checkbox-box\" />\n            </label>\n          </div>\n        )}\n        {group.folded &&\n          <a onClick={e => toggleFold(groupByField)}>\n            <div className=\"flex items-center\">\n              <div className=\"kanban-arrow-icon-container\">\n                <SolidIcon name=\"si-sort-up-fill\" aria-hidden />\n                <SolidIcon name=\"si-sort-down-fill\" aria-hidden />\n              </div>\n              <p className=\"kanban-group-heading\">{`${group.label}`}<span className=\"kanban-count-badge\">{group.count}</span></p>\n            </div>\n          </a>\n        }\n\n        {!group.folded &&\n          <div className=\"flex items-center\">\n            <p className=\"kanban-group-heading\">{`${group.label}`}<span className=\"kanban-count-badge\">{group.count}</span></p>\n          </div>\n        }\n        {!group.folded &&\n          <SolidDropdownMenu>\n            <SolidDropdownMenuTrigger asChild>\n              <button\n                type=\"button\"\n                className=\"solid-header-cog-trigger kanban-column-cogwheel\"\n                aria-label={`Open ${group.label} lane options`}\n              >\n                <SolidIcon name=\"si-cog\" aria-hidden />\n              </button>\n            </SolidDropdownMenuTrigger>\n            <SolidDropdownMenuContent className=\"solid-custom-overlay kanban-options-panel\" align=\"start\">\n              <SolidDropdownMenuItem\n                className=\"solid-header-dropdown-item kanban-fold-action-button\"\n                onSelect={() => toggleFold(groupByField)}\n              >\n                <SolidIcon name=\"si-angle-double-left\" className=\"solid-header-action-button-icon\" aria-hidden />\n                <span className=\"solid-header-action-button-label\">Fold</span>\n              </SolidDropdownMenuItem>\n            </SolidDropdownMenuContent>\n          </SolidDropdownMenu>\n        }\n      </div>\n      {!group.folded && (\n        <CompatibleDroppable droppableId={groupByField} isDropDisabled={!isKanbanDragEnabled}>\n          {(provided: DroppableProvided) => (\n            <div\n              ref={provided.innerRef}\n              {...provided.droppableProps}\n              style={{ minHeight: \"100px\" }}\n            >\n              {groupData.map((data, index) => (\n                // @ts-ignore\n                <KanbanCard key={data.id} data={data} solidKanbanViewMetaData={solidKanbanViewMetaData} index={index} isDragDisabled={!isKanbanDragEnabled || Boolean(data?.deletedAt)} setLightboxUrls={setLightboxUrls} setOpenLightbox={setOpenLightbox} editButtonUrl={editButtonUrl} recordClickAction={recordClickAction} groupByFieldName={groupByField} group={group} cardNode={cardNode} DynamicCardWidget={DynamicCardWidget} onDelete={onDelete} onRecover={onRecover} showArchived={showArchived} params={params} handleCustomButtonClick={handleCustomButtonClick} selectionEnabled={selectionEnabled} selected={selectedIds.has(String(data?.id))} onSelectionChange={onCardSelectionChange} />\n              ))}\n              {asCompatibleReactNode(provided.placeholder)}\n              {group.count > 0 && (group.count > (group.limit * group.currentPage)) &&\n                <SolidButton\n                  type=\"button\"\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  className=\"kaban-load-more\"\n                  onClick={() => handleLoadMore(groupByField)}\n                >\n                  {`Load more data... (${group.count - (group.limit * group.currentPage)} remaining)`}\n                </SolidButton>\n              }\n            </div>\n          )}\n        </CompatibleDroppable>\n      )}\n    </div>\n  );\n};\n\nexport default KanbanColumn;\n"]}

package/dist/components/core/kanban/KanbanColumn.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { useEffect, useMemo, useRef } from "react";
 import { DroppableProvided } from "@hello-pangea/dnd";
 import KanbanCard from "./KanbanCard";
 import { asCompatibleReactNode, CompatibleDroppable } from "../common/dndCompat";
@@ -43,13 +43,53 @@ interface KanbanColumnProps {
   recordClickAction?: "view" | "edit";
   params?: any;
   handleCustomButtonClick?: (buttonAttrs: any, event: any) => void;
+  selectionEnabled?: boolean;
+  selectedRecords?: GroupData[];
+  onToggleLaneSelection?: (records: GroupData[], selected: boolean) => void;
+  onCardSelectionChange?: (record: GroupData, selected: boolean) => void;
 }
 
 // @ts-ignore
-const KanbanColumn = ({ groupByField, solidKanbanViewMetaData, group, groupData, isKanbanDragEnabled = true, cardNode, DynamicCardWidget, toggleFold, handleLoadMore, onDelete, onRecover, setLightboxUrls, setOpenLightbox, editButtonUrl, recordClickAction, showArchived, params, handleCustomButtonClick }: KanbanColumnProps) => {
+const KanbanColumn = ({ groupByField, solidKanbanViewMetaData, group, groupData, isKanbanDragEnabled = true, cardNode, DynamicCardWidget, toggleFold, handleLoadMore, onDelete, onRecover, setLightboxUrls, setOpenLightbox, editButtonUrl, recordClickAction, showArchived, params, handleCustomButtonClick, selectionEnabled = false, selectedRecords = [], onToggleLaneSelection, onCardSelectionChange }: KanbanColumnProps) => {
+  const selectableRecords = useMemo(
+    () => groupData.filter((record: any) => record?.id != null && record?.deletedAt == null),
+    [groupData]
+  );
+  const selectedIds = new Set(selectedRecords.map((record: any) => String(record?.id)));
+  const selectedCount = selectableRecords.filter((record: any) => selectedIds.has(String(record.id))).length;
+  const allSelected = selectableRecords.length > 0 && selectedCount === selectableRecords.length;
+  const partiallySelected = selectedCount > 0 && !allSelected;
+  const laneCheckboxRef = useRef<HTMLInputElement>(null);
+
+  useEffect(() => {
+    if (laneCheckboxRef.current) laneCheckboxRef.current.indeterminate = partiallySelected;
+  }, [partiallySelected]);
+
   return (
     <div className={group.folded ? "kanban-column kanban-column-folded" : "kanban-column"}>
       <div className="kaban-heading-area">
+        {selectionEnabled && (
+          <div
+            className="solid-kanban-lane-selection"
+            onClick={(event) => event.stopPropagation()}
+            onMouseDown={(event) => event.stopPropagation()}
+            onTouchStart={(event) => event.stopPropagation()}
+          >
+            <label className="solid-checkbox solid-kanban-lane-checkbox">
+              <input
+                ref={laneCheckboxRef}
+                type="checkbox"
+                className="solid-checkbox-input"
+                checked={allSelected}
+                disabled={selectableRecords.length === 0}
+                aria-label={`Select loaded cards in ${group.label}`}
+                title={`Select loaded cards in ${group.label}`}
+                onChange={() => onToggleLaneSelection?.(selectableRecords, !allSelected)}
+              />
+              <span className="solid-checkbox-box" />
+            </label>
+          </div>
+        )}
         {group.folded &&
           <a onClick={e => toggleFold(groupByField)}>
             <div className="flex items-center">
@@ -100,7 +140,7 @@ const KanbanColumn = ({ groupByField, solidKanbanViewMetaData, group, groupData,
             >
               {groupData.map((data, index) => (
                 // @ts-ignore
-                <KanbanCard key={data.id} data={data} solidKanbanViewMetaData={solidKanbanViewMetaData} index={index} isDragDisabled={!isKanbanDragEnabled || Boolean(data?.deletedAt)} setLightboxUrls={setLightboxUrls} setOpenLightbox={setOpenLightbox} editButtonUrl={editButtonUrl} recordClickAction={recordClickAction} groupByFieldName={groupByField} group={group} cardNode={cardNode} DynamicCardWidget={DynamicCardWidget} onDelete={onDelete} onRecover={onRecover} showArchived={showArchived} params={params} handleCustomButtonClick={handleCustomButtonClick} />
+                <KanbanCard key={data.id} data={data} solidKanbanViewMetaData={solidKanbanViewMetaData} index={index} isDragDisabled={!isKanbanDragEnabled || Boolean(data?.deletedAt)} setLightboxUrls={setLightboxUrls} setOpenLightbox={setOpenLightbox} editButtonUrl={editButtonUrl} recordClickAction={recordClickAction} groupByFieldName={groupByField} group={group} cardNode={cardNode} DynamicCardWidget={DynamicCardWidget} onDelete={onDelete} onRecover={onRecover} showArchived={showArchived} params={params} handleCustomButtonClick={handleCustomButtonClick} selectionEnabled={selectionEnabled} selected={selectedIds.has(String(data?.id))} onSelectionChange={onCardSelectionChange} />
               ))}
               {asCompatibleReactNode(provided.placeholder)}
               {group.count > 0 && (group.count > (group.limit * group.currentPage)) &&

package/dist/components/core/kanban/SolidKanbanView.d.ts

@@ -11,6 +11,7 @@ type SolidKanbanFilterInput = {
     saved_filter_predicate?: any;
     saved_filter_items?: any[];
     predefined_search_predicate?: any;
+    replaceFilters?: boolean;
 };
 export type SolidKanbanViewHandle = {
     refresh: () => void;
@@ -25,6 +26,7 @@ export type SolidKanbanViewHandle = {
         filters: any;
         filterPredicates: any;
         kanbanData: any[];
+        selectedRecords: any[];
         loading: boolean;
     };
 };

package/dist/components/core/kanban/SolidKanbanView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidKanbanView.d.ts","sourceRoot":"","sources":["../../../../src/components/core/kanban/SolidKanbanView.tsx"],"names":[],"mappings":";AAkDA,KAAK,qBAAqB,GAAG;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,GAAG,CAAC;CACpB,CAAC;AAEF,KAAK,sBAAsB,GAAG;IAC5B,uBAAuB,CAAC,EAAE,GAAG,CAAC;IAC9B,gBAAgB,CAAC,EAAE,GAAG,CAAC;IACvB,sBAAsB,CAAC,EAAE,GAAG,CAAC;IAC7B,kBAAkB,CAAC,EAAE,GAAG,EAAE,CAAC;IAC3B,2BAA2B,CAAC,EAAE,GAAG,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,WAAW,EAAE,CAAC,MAAM,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACtD,eAAe,EAAE,MAAM,GAAG,EAAE,CAAC;IAC7B,gBAAgB,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,OAAO,CAAC;IAC7E,eAAe,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,QAAQ,EAAE,MAAM;QACd,gBAAgB,EAAE,MAAM,CAAC;QACzB,YAAY,EAAE,OAAO,CAAC;QACtB,OAAO,EAAE,GAAG,CAAC;QACb,gBAAgB,EAAE,GAAG,CAAC;QACtB,UAAU,EAAE,GAAG,EAAE,CAAC;QAClB,OAAO,EAAE,OAAO,CAAC;KAClB,CAAC;CACH,CAAC;AAqEF,eAAO,MAAM,eAAe,yHAupC1B,CAAC"}
+{"version":3,"file":"SolidKanbanView.d.ts","sourceRoot":"","sources":["../../../../src/components/core/kanban/SolidKanbanView.tsx"],"names":[],"mappings":";AAmDA,KAAK,qBAAqB,GAAG;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,GAAG,CAAC;CACpB,CAAC;AAEF,KAAK,sBAAsB,GAAG;IAC5B,uBAAuB,CAAC,EAAE,GAAG,CAAC;IAC9B,gBAAgB,CAAC,EAAE,GAAG,CAAC;IACvB,sBAAsB,CAAC,EAAE,GAAG,CAAC;IAC7B,kBAAkB,CAAC,EAAE,GAAG,EAAE,CAAC;IAC3B,2BAA2B,CAAC,EAAE,GAAG,CAAC;IAClC,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,WAAW,EAAE,CAAC,MAAM,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACtD,eAAe,EAAE,MAAM,GAAG,EAAE,CAAC;IAC7B,gBAAgB,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,OAAO,CAAC;IAC7E,eAAe,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,QAAQ,EAAE,MAAM;QACd,gBAAgB,EAAE,MAAM,CAAC;QACzB,YAAY,EAAE,OAAO,CAAC;QACtB,OAAO,EAAE,GAAG,CAAC;QACb,gBAAgB,EAAE,GAAG,CAAC;QACtB,UAAU,EAAE,GAAG,EAAE,CAAC;QAClB,eAAe,EAAE,GAAG,EAAE,CAAC;QACvB,OAAO,EAAE,OAAO,CAAC;KAClB,CAAC;CACH,CAAC;AAsEF,eAAO,MAAM,eAAe,yHAmuC1B,CAAC"}