@cwellt_software/cwellt-reactjs-lib 1.1.6 → 1.2.0

package/dist/src/components/custom/super-scheduler/PinRowHeader.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Dropdown } from "antd";
+import { useState } from "react";
+import { CwGenericTooltip } from "../../display/data/generic_tooltip/CwGenericTooltip";
+import { OnClickContextMenu } from "../scheduler-new/presentation/NewSchedulerUiEvents";
+import styles from "./super-scheduler.module.css";
+import { OnPinRow, OnUnpinRow } from "./SuperSchedulerEvents";
+const onClickMenuItem = (e, event) => {
+    e.domEvent.nativeEvent.preventDefault();
+    e.domEvent.nativeEvent.stopPropagation();
+    e.domEvent.nativeEvent.stopImmediatePropagation();
+    e.domEvent.preventDefault();
+    e.domEvent.stopPropagation();
+    event();
+};
+export const PinRowHeader = ({ value, width, onEvent }) => {
+    const [isContextMenuOpen, setIsContextMenuOpen] = useState(false);
+    const { highlightColor, isLoading } = value;
+    return (_jsxs("div", { style: {
+            width: width,
+            background: highlightColor,
+        }, className: styles["super-scheduler-row-header"], children: [_jsx("button", { className: "cw-button-icon cwi-pin", "data-pinned": value.isPinned, onClick: (_) => {
+                    onEvent(value.isPinned ? new OnUnpinRow(value.rowId) : new OnPinRow(value.rowId));
+                } }), _jsx("div", { className: styles["indicators"], children: value.indicators ?? undefined }), _jsx(CwGenericTooltip, { content: value.tooltip, position: "right", dissapearsWhenHover: true, overlayStyle: value.overlayTooltipStyle, children: _jsx(Dropdown, { open: isContextMenuOpen, onOpenChange: setIsContextMenuOpen, placement: "bottom", menu: {
+                        items: value.contextMenuItems,
+                        onClick: (e) => {
+                            onClickMenuItem(e, () => {
+                                onEvent(new OnClickContextMenu(value.rowId, e.key));
+                            });
+                        },
+                        onMouseLeave: () => setIsContextMenuOpen(false),
+                    }, trigger: ["contextMenu"], overlayStyle: { animationDuration: "0" }, arrow: (value.contextMenuItems?.length ?? 0) > 0, children: _jsxs("div", { className: styles["scheduler-row-header"], style: {
+                            display: "flex",
+                            flexDirection: "column",
+                            justifyContent: "center",
+                            alignItems: "flex-start",
+                        }, children: [_jsxs("div", { children: [_jsx("strong", { children: value.title }), value.title2 && _jsxs("span", { children: ["-", value.title2] }), " ", _jsx("strong", { children: value.subtitle })] }), value.subtitle && _jsxs("div", { style: { opacity: 0.5 }, children: [value.title3 && _jsxs("span", { className: styles["scheduler-crewmember-functions"], children: ["(", value.title3, ")"] }), value.subtitle2 && _jsxs("span", { children: ["-", value.subtitle2] })] })] }) }, value.rowId) }, value.rowId), isLoading ? _jsx("span", { className: "cwi-icons cwi-spinner" }) : undefined] }));
+};
+export const _preview = () => {
+    const [isSelected, setIsSelected] = useState(true);
+    return (_jsx(PinRowHeader, { value: {
+            rowId: "a",
+            title: "Test text",
+            isPinned: isSelected,
+            contextMenuItems: [],
+            tooltip: _jsx("div", {}),
+            isLoading: false,
+        }, width: 100, onEvent: (event) => {
+            setIsSelected((it) => !it);
+            console.log(event);
+            console.log("onPreview");
+        } }));
+};

package/dist/src/components/custom/super-scheduler/SuperScheduler.d.ts

@@ -1,6 +1,6 @@
-import type { ItemType } from "antd/lib/menu/hooks/useItems";
 import { FC } from "react";
 import { OnEvent } from "../../../common/functions/dsl/UiEventDSL";
+import type { MenuOption } from "../../control/action/contextmenu/CwAnchoredMenu";
 import { SchedulerHeaderContent } from "../scheduler-new/presentation/components/header/SchedulerHeaderState";
 import { BackgroundEventDm } from "../scheduler-new/presentation/components/row/BackgroundEvent";
 import { SchedulerEventDm } from "../scheduler-new/presentation/components/row/Event";
@@ -14,7 +14,7 @@ export interface SuperSchedulerProps {
     rows: PinRowHeaderProps[];
     events: SchedulerEventDm[];
     backgroundEvents: BackgroundEventDm[];
-    contextMenuItems: ItemType[];
+    contextMenuItems: MenuOption[];
     pinnedOrderCategory?: OrderCategory<PinRowHeaderProps>[];
     unPinnedOrderCategory?: OrderCategory<PinRowHeaderProps>[];
     onEvent: OnEvent;

package/dist/src/components/custom/super-scheduler/SuperScheduler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SuperScheduler.d.ts","sourceRoot":"","sources":["../../../../../src/components/custom/super-scheduler/SuperScheduler.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EAAE,OAAO,EAAE,MAAM,0CAA0C,CAAC;AAEnE,OAAO,EAAE,sBAAsB,EAAE,MAAM,sEAAsE,CAAC;AAC9G,OAAO,EAAE,iBAAiB,EAAE,MAAM,8DAA8D,CAAC;AACjG,OAAO,EAAkB,gBAAgB,EAAE,MAAM,oDAAoD,CAAC;AACtG,OAAO,EAAE,aAAa,EAAa,MAAM,4CAA4C,CAAC;AACtF,OAAO,EAAE,cAAc,EAAE,MAAM,uDAAuD,CAAC;AACvF,OAAO,EAAgB,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAIjE,MAAM,WAAW,mBAAmB;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,cAAc,CAAC;IACtB,MAAM,EAAE,sBAAsB,CAAC;IAC/B,IAAI,EAAE,iBAAiB,EAAE,CAAC;IAC1B,MAAM,EAAE,gBAAgB,EAAE,CAAC;IAC3B,gBAAgB,EAAE,iBAAiB,EAAE,CAAC;IACtC,gBAAgB,EAAE,QAAQ,EAAE,CAAC;IAC7B,mBAAmB,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,EAAE,CAAC;IACzD,qBAAqB,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,EAAE,CAAC;IAC3D,OAAO,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA6DlD,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAepB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"SuperScheduler.d.ts","sourceRoot":"","sources":["../../../../../src/components/custom/super-scheduler/SuperScheduler.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EAAE,OAAO,EAAE,MAAM,0CAA0C,CAAC;AAEnE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iDAAiD,CAAC;AAClF,OAAO,EAAE,sBAAsB,EAAE,MAAM,sEAAsE,CAAC;AAC9G,OAAO,EAAE,iBAAiB,EAAE,MAAM,8DAA8D,CAAC;AACjG,OAAO,EAAkB,gBAAgB,EAAE,MAAM,oDAAoD,CAAC;AACtG,OAAO,EAAE,aAAa,EAAa,MAAM,4CAA4C,CAAC;AACtF,OAAO,EAAE,cAAc,EAAE,MAAM,uDAAuD,CAAC;AACvF,OAAO,EAAgB,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAIjE,MAAM,WAAW,mBAAmB;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,cAAc,CAAC;IACtB,MAAM,EAAE,sBAAsB,CAAC;IAC/B,IAAI,EAAE,iBAAiB,EAAE,CAAC;IAC1B,MAAM,EAAE,gBAAgB,EAAE,CAAC;IAC3B,gBAAgB,EAAE,iBAAiB,EAAE,CAAC;IACtC,gBAAgB,EAAE,UAAU,EAAE,CAAC;IAC/B,mBAAmB,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,EAAE,CAAC;IACzD,qBAAqB,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,EAAE,CAAC;IAC3D,OAAO,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA6DlD,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAepB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/src/components/custom/super-scheduler/SuperScheduler.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { CwButton } from "../../control/action/button/CwButton";
+import { SchedulerEvent } from "../scheduler-new/presentation/components/row/Event";
+import { Scheduler } from "../scheduler-new/presentation/NewScheduler";
+import { PinRowHeader } from "./PinRowHeader";
+import { OnClearPinned } from "./SuperSchedulerEvents";
+import { SuperSchedulerPresenter } from "./SuperSchedulerPresenter";
+export const SuperScheduler = ({ id, state, header, rows, events, pinnedOrderCategory, unPinnedOrderCategory, backgroundEvents, contextMenuItems, onEvent }) => {
+    const pinnedRows = rows.filter((it) => it.isPinned);
+    const notPinnedRows = rows.filter((it) => !it.isPinned);
+    const isFirstVisible = pinnedRows.length > 0;
+    return (_jsxs(_Fragment, { children: [isFirstVisible && (_jsxs(_Fragment, { children: [_jsx(Scheduler, { id: `${id}-pinned`, state: state, header: header, rows: pinnedRows, events: events, backgroundEvents: backgroundEvents, contextMenuItems: contextMenuItems, orderCategories: pinnedOrderCategory, onEvent: onEvent, EventComp: SchedulerEvent, RowTitleComp: PinRowHeader }), _jsx("div", { children: _jsx(CwButton, { onClick: () => {
+                                onEvent(new OnClearPinned());
+                            }, children: "Clear pinned" }) })] })), _jsx(Scheduler, { id: `${id}-notPinned`, state: { ...state, isHeaderVisible: !isFirstVisible }, header: header, rows: notPinnedRows, events: events, backgroundEvents: backgroundEvents, contextMenuItems: contextMenuItems, orderCategories: unPinnedOrderCategory, onEvent: onEvent, EventComp: SchedulerEvent, RowTitleComp: PinRowHeader })] }));
+};
+export const _preview = () => {
+    const { state, rows, onEvent } = SuperSchedulerPresenter();
+    return _jsx(SuperScheduler, { id: "preview", state: state, header: {
+            title: "Flights",
+            classification: "ACFT",
+        }, rows: rows, onEvent: onEvent, events: [], backgroundEvents: [], contextMenuItems: [] });
+};
+export default SuperScheduler;

package/dist/src/components/custom/super-scheduler/SuperSchedulerEvents.js

@@ -0,0 +1,15 @@
+export class OnPinRow {
+    id;
+    constructor(id) {
+        this.id = id;
+    }
+}
+export class OnUnpinRow {
+    id;
+    constructor(id) {
+        this.id = id;
+    }
+}
+export class OnClearPinned {
+    constructor() { }
+}

package/dist/src/components/custom/super-scheduler/SuperSchedulerPresenter.js

@@ -0,0 +1,45 @@
+import moment from "moment";
+import { useEffect, useState } from "react";
+export const SuperSchedulerPresenter = () => {
+    const [rows, setRows] = useState([]);
+    const [uiState, _] = useState(() => {
+        const visibleDays = 1;
+        const selectedDate = moment().toDate();
+        const isHeaderVisible = true;
+        const rowHeaderWidthPercentage = 10;
+        return {
+            isUtc: true,
+            selectedDate: selectedDate,
+            isHeaderVisible: isHeaderVisible,
+            visibleDays: visibleDays,
+            rowHeaderWidth: rowHeaderWidthPercentage,
+            rowsHeight: "10vh",
+            header: {
+                title: "Flights",
+                classification: "ACFT",
+            },
+        };
+    });
+    useEffect(() => {
+        const ids = [...Array(10).keys()];
+        const resources = ids.map((it) => {
+            const rowHeaderProps = {
+                rowId: it.toString(),
+                title: "test",
+                isPinned: false,
+                isLoading: false,
+                contextMenuItems: [],
+            };
+            return rowHeaderProps;
+        });
+        setRows(resources);
+    }, []);
+    const onEvent = (event) => {
+        console.log("presenter", event);
+    };
+    return {
+        state: uiState,
+        rows: rows,
+        onEvent: onEvent,
+    };
+};

package/dist/src/components/display/data/accordion/CwAccordionContainer.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import styles from "./cw-accordion.module.css";
+/**
+ *
+ * @param CwelltAccordionContainerProps
+ * @remarks Previously CwAccordionContainer
+ * @returns
+ */
+export function CwAccordionContainer(CwelltAccordionContainerProps) {
+    // #region Hooks
+    const [isVisible_accordionBody, setVisible_accordionBody] = useState(false);
+    // #endregion
+    // #region Function
+    const showAccordionBody = () => {
+        setVisible_accordionBody(!isVisible_accordionBody);
+    };
+    // #endregion
+    return (_jsxs("div", { className: styles["cw-accordion"], style: CwelltAccordionContainerProps.style, "data-open": isVisible_accordionBody, children: [_jsxs("header", { onClick: () => showAccordionBody(), children: [_jsx("div", { children: CwelltAccordionContainerProps.desc_text }), _jsx("button", { className: "cw-button-icon" })] }), _jsx("div", { className: styles["cw-accordion-body"], children: CwelltAccordionContainerProps.children })] }));
+}

package/dist/src/components/display/data/generic_tooltip/CwGenericTooltip.d.ts

@@ -8,6 +8,7 @@ interface CwGenericTooltipProps {
     position?: TooltipPosition;
     overlayStyle?: CSSProperties;
     showDelay?: number;
+    displayInline?: boolean;
 }
 export declare const CwGenericTooltip: FC<CwGenericTooltipProps>;
 export declare const _preview: () => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/display/data/generic_tooltip/CwGenericTooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CwGenericTooltip.d.ts","sourceRoot":"","sources":["../../../../../../src/components/display/data/generic_tooltip/CwGenericTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqD,KAAK,aAAa,EAAE,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAUvH,KAAK,eAAe,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAG3D,UAAU,qBAAqB;IAC9B,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AA+HD,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAuEtD,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAgEpB,CAAC"}
+{"version":3,"file":"CwGenericTooltip.d.ts","sourceRoot":"","sources":["../../../../../../src/components/display/data/generic_tooltip/CwGenericTooltip.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAqD,KAAK,aAAa,EAAE,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAU9H,KAAK,eAAe,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAG3D,UAAU,qBAAqB;IAC9B,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;CACxB;AAiID,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA0EtD,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAgEpB,CAAC"}

package/dist/src/components/display/data/generic_tooltip/CwGenericTooltip.js

@@ -0,0 +1,138 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { createPortal } from 'react-dom';
+import styles from "./cw-generic-tooltip.module.css";
+// Constants moved outside to prevent recreation
+const margin = 16;
+const defaultPosition = "right";
+const positionOrder = ['right', 'bottom', 'left', 'top'];
+// Memoized utility functions to prevent recreation
+const calculatePositionForSide = (position, triggerRect, tooltipRect) => {
+    switch (position) {
+        case 'left':
+            return {
+                top: triggerRect.top + (triggerRect.height - tooltipRect.height) / 2,
+                left: triggerRect.left - tooltipRect.width - margin
+            };
+        case 'right':
+            return {
+                top: triggerRect.top + (triggerRect.height - tooltipRect.height) / 2,
+                left: triggerRect.right + margin
+            };
+        case 'top':
+            return {
+                top: triggerRect.top - tooltipRect.height - margin,
+                left: triggerRect.left + (triggerRect.width - tooltipRect.width) / 2
+            };
+        case 'bottom':
+            return {
+                top: triggerRect.bottom + margin,
+                left: triggerRect.left + (triggerRect.width - tooltipRect.width) / 2
+            };
+    }
+};
+// Optimized hooks
+const useTooltipDelay = (callback, delay) => {
+    const timeoutRef = useRef();
+    const clearTooltipTimeout = useCallback(() => {
+        if (timeoutRef.current) {
+            window.clearTimeout(timeoutRef.current);
+            timeoutRef.current = undefined;
+        }
+    }, []);
+    const setTooltipTimeout = useCallback(() => {
+        clearTooltipTimeout();
+        if (delay) {
+            timeoutRef.current = window.setTimeout(callback, delay);
+        }
+        else {
+            callback();
+        }
+    }, [callback, delay, clearTooltipTimeout]);
+    useEffect(() => clearTooltipTimeout, [clearTooltipTimeout]);
+    return { setTooltipTimeout, clearTooltipTimeout };
+};
+const useTooltipPosition = (isVisible, containerRef, preferredPosition, tooltipClassName) => {
+    const [tooltipState, setTooltipState] = useState({
+        position: { top: 0, left: 0 },
+        actualPosition: preferredPosition
+    });
+    const frameRef = useRef();
+    const updatePosition = useCallback(() => {
+        if (!isVisible || !containerRef.current)
+            return;
+        const tooltipElement = document.querySelector(`.${tooltipClassName}`);
+        if (!tooltipElement)
+            return;
+        const triggerRect = containerRef.current.getBoundingClientRect();
+        const tooltipRect = tooltipElement.getBoundingClientRect();
+        // Try preferred position first
+        const position = calculatePositionForSide(preferredPosition, triggerRect, tooltipRect);
+        const windowWidth = window.innerWidth;
+        const windowHeight = window.innerHeight;
+        // Quick bounds check
+        if (position.left >= margin &&
+            position.top >= margin &&
+            position.left + tooltipRect.width <= windowWidth - margin &&
+            position.top + tooltipRect.height <= windowHeight - margin) {
+            setTooltipState({ position, actualPosition: preferredPosition });
+            return;
+        }
+        // Try other positions if preferred doesn't fit
+        for (const pos of positionOrder) {
+            if (pos === preferredPosition)
+                continue;
+            const newPosition = calculatePositionForSide(pos, triggerRect, tooltipRect);
+            if (newPosition.left >= margin &&
+                newPosition.top >= margin &&
+                newPosition.left + tooltipRect.width <= windowWidth - margin &&
+                newPosition.top + tooltipRect.height <= windowHeight - margin) {
+                setTooltipState({ position: newPosition, actualPosition: pos });
+                return;
+            }
+        }
+        // Fallback to preferred position if none fit
+        setTooltipState({ position, actualPosition: preferredPosition });
+    }, [isVisible, preferredPosition, tooltipClassName]);
+    useEffect(() => {
+        frameRef.current = requestAnimationFrame(updatePosition);
+        return () => {
+            if (frameRef.current) {
+                cancelAnimationFrame(frameRef.current);
+            }
+        };
+    }, [updatePosition]);
+    return tooltipState;
+};
+// Main component with optimizations
+export const CwGenericTooltip = ({ children, content = null, position = defaultPosition, dissapearsWhenHover = false, hide = false, overlayStyle = {}, showDelay = 0, }) => {
+    const [isVisible, setIsVisible] = useState(false);
+    const containerRef = useRef(null);
+    const { setTooltipTimeout, clearTooltipTimeout } = useTooltipDelay(() => {
+        setIsVisible(true);
+    }, showDelay);
+    const { position: tooltipPosition, actualPosition } = useTooltipPosition(isVisible, containerRef, position, styles["cw-generic-tooltip-content"]);
+    // Memoize tooltip content creation
+    const tooltipContent = useMemo(() => {
+        if (hide || !isVisible || !content)
+            return null;
+        return createPortal(_jsx("div", { className: styles["cw-generic-tooltip-content"], "data-position": actualPosition, "data-visible": isVisible, style: {
+                position: 'fixed',
+                top: `${tooltipPosition.top}px`,
+                left: `${tooltipPosition.left}px`,
+                visibility: tooltipPosition.top === 0 && tooltipPosition.left === 0 ? 'hidden' : 'visible',
+                ...overlayStyle
+            }, onMouseEnter: () => dissapearsWhenHover && setIsVisible(false), children: content }), document.body);
+    }, [isVisible, content, actualPosition, tooltipPosition, dissapearsWhenHover, overlayStyle, hide]);
+    const handleMouseEnter = useCallback(() => {
+        setTooltipTimeout();
+    }, [setTooltipTimeout]);
+    const handleMouseLeave = useCallback(() => {
+        clearTooltipTimeout();
+        setIsVisible(false);
+    }, [clearTooltipTimeout]);
+    return (_jsxs("div", { ref: containerRef, className: styles["cw-generic-tooltip"], onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, style: overlayStyle, children: [tooltipContent, children] }));
+};
+export const _preview = () => {
+    return (_jsxs("div", { style: { display: "flex", flexDirection: "row", gap: "1em", padding: "50vh", pointerEvents: "auto" }, children: [_jsx("h3", { children: "Top" }), _jsx(CwGenericTooltip, { content: _jsxs("div", { style: { width: "200px" }, children: [_jsx("button", { children: "Button in tooltip" }), _jsx("p", { children: "Tooltip content" })] }), position: "top", dissapearsWhenHover: true, children: _jsx("div", { children: _jsx("p", { children: "Hover for top tooltip" }) }) }), _jsx("h3", { children: "Right" }), _jsx(CwGenericTooltip, { content: _jsxs("div", { children: [_jsx("button", { children: "Button in tooltip" }), _jsx("p", { children: "Tooltip content" })] }), position: "right", children: _jsx("div", { children: _jsx("p", { children: "Hover for right tooltip" }) }) }), _jsx("h3", { children: "Left" }), _jsx(CwGenericTooltip, { content: _jsxs("div", { children: [_jsx("button", { children: "Button in tooltip" }), _jsx("p", { children: "Tooltip content" })] }), position: "left", children: _jsx("div", { children: _jsx("p", { children: "Hover for left tooltip" }) }) }), _jsx("h3", { children: "Bottom" }), _jsx(CwGenericTooltip, { content: _jsxs("div", { children: [_jsx("button", { children: "Button in tooltip" }), _jsx("p", { children: "Tooltip content" })] }), position: "bottom", children: _jsx("div", { children: _jsx("p", { children: "Hover for bottom tooltip" }) }) })] }));
+};

package/dist/src/components/display/data/table/CwTable.d.ts

@@ -20,7 +20,7 @@ export interface CwTableProps<T = any> {
     onExpand?: (record: T) => void;
     classNameContainer?: string;
     className?: string;
-    classNameRow?: string;
+    classNameRow?: string | ((record: T) => string);
     style?: React.CSSProperties;
     id?: string;
     textNoData?: string;
@@ -28,6 +28,11 @@ export interface CwTableProps<T = any> {
     loading?: boolean;
     scrollHeight?: number | string;
     stickyHeader?: boolean;
+    rowSelection?: {
+        selectedRowKeys?: T[keyof T][];
+        onChange?: (selectedKeys: T[keyof T][], selectedRows: T[]) => void;
+        type?: "single" | "multiple";
+    };
 }
 /**
  * A reusable and customizable table component.
@@ -37,23 +42,23 @@ export interface CwTableProps<T = any> {
  * @example
  * const columns: Column<User>[] = [
  *   {
- *     title: 'Name',
- *     dataIndex: 'name',
- *     key: 'name',
+ *     title: "Name",
+ *     dataIndex: "name",
+ *     key: "name",
  *     sortable: true, // Column is sortable
  *     width: 100 // You can define the width of the column
  *   },
  *   {
- *     title: 'Age',
- *     dataIndex: 'age',
- *     key: 'age',
+ *     title: "Age",
+ *     dataIndex: "age",
+ *     key: "age",
  *     sortable: true,
  *     render: (item) => <span>{item.age} years</span> // Custom rendering
  *   },
  *   {
- *     title: 'Address',
- *     dataIndex: 'address',
- *     key: 'address',
+ *     title: "Address",
+ *     dataIndex: "address",
+ *     key: "address",
  *     render: (item) => (
  *       <a href={`https://maps.google.com/?q=${encodeURIComponent(item.address)}`} target="_blank" rel="noreferrer">
  *         {item.address}
@@ -63,12 +68,12 @@ export interface CwTableProps<T = any> {
  * ];
  *
  * const data:User[] = [
- *   { key: '1', name: 'Mike', age: 32, address: '10 Downing Street' },
- *   { key: '2', name: 'John', age: 42, address: '11 Downing Street' },
- *   { key: '3', name: 'Andres', age: 33, address: '12 Downing Street' },
- *   { key: '4', name: 'Gabriel', age: 22, address: '13 Downing Street' },
- *   { key: '5', name: 'Sergio', age: 47, address: '14 Downing Street' },
- *   { key: '6', name: 'Zacarias', age: 61, address: '15 Downing Street' }
+ *   { key: "1", name: "Mike", age: 32, address: "10 Downing Street" },
+ *   { key: "2", name: "John", age: 42, address: "11 Downing Street" },
+ *   { key: "3", name: "Andres", age: 33, address: "12 Downing Street" },
+ *   { key: "4", name: "Gabriel", age: 22, address: "13 Downing Street" },
+ *   { key: "5", name: "Sergio", age: 47, address: "14 Downing Street" },
+ *   { key: "6", name: "Zacarias", age: 61, address: "15 Downing Street" }
  * ];
  *
  * const generateExpandedContent = (record) => (
@@ -83,8 +88,8 @@ export interface CwTableProps<T = any> {
  *   pagination={true}
  *   pageSizeOptions={[3, 5, 10]} // Optional, defaults to [5, 10, 20, 50]
  *   expandedRowRender={generateExpandedContent}
- *   onExpand={(item) => console.log('Expanded:', item)}
- *   rowKey="key" // Optional, defaults to 'key'
+ *   onExpand={(item) => console.log("Expanded:", item)}
+ *   rowKey="key" // Optional, defaults to "key"
  *   textNoData="No data available" // Optional message when no data
  *   loading={false} // Optional, shows loading indicator
  *   scrollHeight={300} // Optional scroll height, defaults to 300
@@ -93,10 +98,10 @@ export interface CwTableProps<T = any> {
  *   className="my-table" // Optional table class
  *   classNameRow="my-table-row" // Optional class for each row
  *   id="custom-table-id" // Optional ID for the container
- *   style={{ border: '1px solid #ccc' }} // Optional inline styles
+ *   style={{ border: "1px solid #ccc" }} // Optional inline styles
  * />
  *
  * @returns React component
  */
-export declare function CwTable<T = any>({ columns, data, pagination, pageSizeOptions, expandedRowRender, onExpand, className, classNameRow, style, classNameContainer, id, textNoData, rowKey, loading, scrollHeight, stickyHeader, }: Readonly<CwTableProps<T>>): import("react/jsx-runtime").JSX.Element;
+export declare function CwTable<T = any>({ columns, data, pagination, pageSizeOptions, expandedRowRender, onExpand, className, classNameRow, style, classNameContainer, id, textNoData, rowKey, loading, scrollHeight, stickyHeader, rowSelection }: Readonly<CwTableProps<T>>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=CwTable.d.ts.map

package/dist/src/components/display/data/table/CwTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CwTable.d.ts","sourceRoot":"","sources":["../../../../../../src/components/display/data/table/CwTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,MAAM,WAAW,MAAM,CAAC,CAAC,GAAG,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC,CAAC;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,QAAQ;IACxB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CAEnB;AAED,MAAM,WAAW,YAAY,CAAC,CAAC,GAAG,GAAG;IACpC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACnD,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC;IAC/B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoEG;AAEH,wBAAgB,OAAO,CAAC,CAAC,GAAG,GAAG,EAAE,EAChC,OAAO,EACP,IAAI,EACJ,UAAkB,EAClB,eAAiC,EACjC,iBAAiB,EACjB,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,KAAK,EACL,kBAAkB,EAClB,EAAE,EACF,UAA8C,EAC9C,MAAyB,EACzB,OAAe,EACf,YAAY,EACZ,YAAoB,GACpB,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,2CA0Q3B"}
+{"version":3,"file":"CwTable.d.ts","sourceRoot":"","sources":["../../../../../../src/components/display/data/table/CwTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAGzE,MAAM,WAAW,MAAM,CAAC,CAAC,GAAG,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC,CAAC;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,QAAQ;IACxB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CAEnB;AAED,MAAM,WAAW,YAAY,CAAC,CAAC,GAAG,GAAG;IACpC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACnD,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC;IAC/B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,KAAK,MAAM,CAAC,CAAC;IAChD,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE;QACd,eAAe,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC;QAC/B,QAAQ,CAAC,EAAE,CAAC,YAAY,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;QACnE,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;KAC7B,CAAC;CACF;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoEG;AAEH,wBAAgB,OAAO,CAAC,CAAC,GAAG,GAAG,EAAE,EAChC,OAAO,EACP,IAAI,EACJ,UAAkB,EAClB,eAAiC,EACjC,iBAAiB,EACjB,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,KAAK,EACL,kBAAkB,EAClB,EAAE,EACF,UAA8C,EAC9C,MAAyB,EACzB,OAAe,EACf,YAAY,EACZ,YAAoB,EACpB,YAAY,EACZ,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,2CA8V3B"}