@codezee/sixtify-brahma 0.2.207 → 0.2.208

package/packages/shared-components/dist/SmartGrid/Components/Grouped/GroupedColumn.js

@@ -1,64 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GroupedColumn = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const icons_material_1 = require("@mui/icons-material");
-const material_1 = require("@mui/material");
-const luxon_1 = require("luxon");
-const helper_1 = require("../../utils/helper");
-const GroupedColumn = ({ row, isSummaryRow, }) => {
-    const { groupingColumnId, getIsGrouped, getGroupingValue } = row;
-    if (isSummaryRow) {
-        return (0, jsx_runtime_1.jsx)("span", { children: "Total" });
-    }
-    const theme = (0, material_1.useTheme)();
-    const { butterflyBlue } = theme.palette.app.color;
-    if (!getIsGrouped()) {
-        return null;
-    }
-    if (!groupingColumnId) {
-        return null;
-    }
-    const groupingValue = getGroupingValue(groupingColumnId);
-    if (groupingValue == null) {
-        return null;
-    }
-    const isExpanded = row.getIsExpanded();
-    const getGroupingLabel = () => {
-        if (typeof groupingValue === "string") {
-            if (!(0, helper_1.isFullISODate)(groupingValue)) {
-                return groupingValue;
-            }
-            const dt = luxon_1.DateTime.fromISO(groupingValue, { zone: "utc" });
-            return dt.isValid ? (0, helper_1.formatDateValue)(groupingValue) : groupingValue;
-        }
-        return String(groupingValue);
-    };
-    return ((0, jsx_runtime_1.jsx)("div", { style: {
-            display: "flex",
-            alignItems: "center",
-            paddingLeft: `${row.depth * 15}px`,
-            width: "100%",
-        }, children: (0, jsx_runtime_1.jsxs)("div", { role: "button", tabIndex: 0, onClick: row.getToggleExpandedHandler(), onKeyDown: (e) => {
-                if (e.key === "Enter" || e.key === " ") {
-                    e.preventDefault();
-                    row.toggleExpanded();
-                }
-            }, style: {
-                display: "inline-flex",
-                alignItems: "center",
-                cursor: "pointer",
-                padding: "4px 4px",
-                userSelect: "none",
-            }, children: [isExpanded ? ((0, jsx_runtime_1.jsx)(icons_material_1.ExpandMore, { color: "primary", fontSize: "small" })) : ((0, jsx_runtime_1.jsx)(icons_material_1.ChevronRight, { color: "primary", fontSize: "small" })), (0, jsx_runtime_1.jsx)("p", { style: {
-                        fontSize: "14px",
-                        marginLeft: "4px",
-                        color: butterflyBlue[900],
-                    }, children: getGroupingLabel() }), (0, jsx_runtime_1.jsxs)("p", { style: {
-                        fontSize: "14px",
-                        marginLeft: "4px",
-                        opacity: 0.7,
-                        color: butterflyBlue[900],
-                    }, children: ["(", row.subRows.length, ")"] })] }) }));
-};
-exports.GroupedColumn = GroupedColumn;

package/packages/shared-components/dist/SmartGrid/Components/Grouped/GroupedPanel.js

@@ -1,62 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GroupedPanel = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const core_1 = require("@dnd-kit/core");
-const sortable_1 = require("@dnd-kit/sortable");
-const material_1 = require("@mui/material");
-const react_1 = require("react");
-const GroupChip_1 = require("./GroupChip");
-const GroupedPanel = ({ groupedColumns, onRemoveGroup, table, defaultGrouping = [], }) => {
-    const theme = (0, material_1.useTheme)();
-    const { iron, butterflyBlue } = theme.palette.app.color;
-    const { setNodeRef, isOver } = (0, core_1.useDroppable)({
-        id: "grouping-panel",
-    });
-    return ((0, jsx_runtime_1.jsx)("div", { ref: setNodeRef, style: {
-            alignItems: "center",
-            backgroundColor: iron[600],
-            border: "2px solid transparent",
-            boxSizing: "border-box",
-            display: "flex",
-            flexWrap: "wrap",
-            gap: 8,
-            marginBottom: 1,
-            minHeight: "44px",
-            padding: "8px 12px",
-            position: "relative",
-            transition: "all 0.15s ease",
-            width: "100%",
-            zIndex: 5,
-        }, children: !groupedColumns.length ? ((0, jsx_runtime_1.jsx)("p", { style: {
-                color: isOver ? butterflyBlue[900] : iron[300],
-                fontSize: 13,
-                fontWeight: 400,
-                lineHeight: 1.5,
-                margin: 0,
-                padding: 0,
-            }, children: isOver
-                ? "↓ Drop here to group by this column"
-                : "Drag column headers here to group..." })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("p", { style: {
-                        color: iron[300],
-                        fontSize: 13,
-                        fontWeight: 500,
-                        lineHeight: 1.5,
-                        margin: 0,
-                        padding: 0,
-                    }, children: "Grouped By:" }), (0, jsx_runtime_1.jsxs)(sortable_1.SortableContext, { items: groupedColumns, strategy: sortable_1.horizontalListSortingStrategy, children: [groupedColumns.map((columnId, index) => ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(GroupChip_1.GroupChip, { columnId: columnId, onRemove: onRemoveGroup, table: table, defaultGrouping: defaultGrouping }), index < groupedColumns.length - 1 && ((0, jsx_runtime_1.jsx)("span", { style: {
-                                        color: iron[400],
-                                        fontSize: "12px",
-                                        fontWeight: 600,
-                                    }, children: ">" }))] }, columnId))), groupedColumns.length >= 4 && ((0, jsx_runtime_1.jsx)("p", { style: {
-                                color: iron[400],
-                                fontSize: 12,
-                                fontWeight: 400,
-                                lineHeight: 1.5,
-                                margin: 0,
-                                marginLeft: "auto",
-                                padding: 0,
-                                fontStyle: "italic",
-                            }, children: "(Maximum 4 columns)" }))] })] })) }));
-};
-exports.GroupedPanel = GroupedPanel;

package/packages/shared-components/dist/SmartGrid/Components/HeaderCells/DraggableHeaderCell.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DraggableHeaderCell = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const sortable_1 = require("@dnd-kit/sortable");
-const HeaderCell_1 = require("./HeaderCell");
-const DraggableHeaderCell = ({ defaultGrouping, header, isReorderable = true, loading, resetAllFilters, }) => {
-    const { attributes, isDragging, isOver, listeners, setNodeRef, transform, transition, } = (0, sortable_1.useSortable)({
-        id: header.column.id,
-    });
-    return ((0, jsx_runtime_1.jsx)(HeaderCell_1.HeaderCell, { defaultGrouping: defaultGrouping, header: header, loading: loading, resetAllFilters: resetAllFilters, dragAttributes: attributes, dragListeners: listeners
-            ? listeners
-            : undefined, dragRef: setNodeRef, dragTransform: transform, dragTransition: transition, isDragging: isDragging, isDragOver: isOver, isReorderable: isReorderable }));
-};
-exports.DraggableHeaderCell = DraggableHeaderCell;

package/packages/shared-components/dist/SmartGrid/Components/HeaderCells/DraggableHeaderGroupRows.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DraggableHeaderGroupRows = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const SearchFilterRow_1 = require("../SearchFilterRow/SearchFilterRow");
-const DraggableHeaderCell_1 = require("./DraggableHeaderCell");
-const HeaderCell_1 = require("./HeaderCell");
-const DraggableHeaderGroupRows = ({ defaultGrouping, enableSecondRowFilter, headerGroup, isHeaderReorderable, loading, resetAllFilters, swipeableColumns, }) => {
-    const { depth, headers } = headerGroup;
-    const leafDepth = depth ?? 0;
-    const leftPinnedHeaders = headers.filter((h) => h.column.getIsPinned() === "left");
-    const centerHeaders = headers.filter((h) => !h.column.getIsPinned());
-    const rightPinnedHeaders = headers.filter((h) => h.column.getIsPinned() === "right");
-    const isLeafGroup = depth === leafDepth;
-    // Check if header should be draggable (either reorderable OR groupable)
-    const isDraggable = (header) => {
-        const columnDef = header.column.columnDef;
-        const isReorderable = isHeaderReorderable(header, isLeafGroup);
-        const isGroupable = !!columnDef.enableGrouping;
-        return isReorderable || isGroupable;
-    };
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("tr", { children: [leftPinnedHeaders.map((header) => ((0, jsx_runtime_1.jsx)(HeaderCell_1.HeaderCell, { defaultGrouping: defaultGrouping, header: header, loading: loading, resetAllFilters: resetAllFilters }, header.id))), centerHeaders.map((header) => {
-                        const canDrag = isDraggable(header);
-                        const isReorderable = swipeableColumns && isHeaderReorderable(header, isLeafGroup);
-                        return canDrag ? ((0, jsx_runtime_1.jsx)(DraggableHeaderCell_1.DraggableHeaderCell, { defaultGrouping: defaultGrouping, header: header, loading: loading, resetAllFilters: resetAllFilters, isReorderable: isReorderable }, header.id)) : ((0, jsx_runtime_1.jsx)(HeaderCell_1.HeaderCell, { defaultGrouping: defaultGrouping, header: header, loading: loading, resetAllFilters: resetAllFilters }, header.id));
-                    }), rightPinnedHeaders.map((header) => ((0, jsx_runtime_1.jsx)(HeaderCell_1.HeaderCell, { defaultGrouping: defaultGrouping, header: header, loading: loading, resetAllFilters: resetAllFilters }, header.id)))] }, `${headerGroup.id}-row`), enableSecondRowFilter && !loading && ((0, jsx_runtime_1.jsx)("tr", { children: headerGroup.headers.map((header) => ((0, jsx_runtime_1.jsx)(SearchFilterRow_1.SearchFilterRow, { header: header, resetAllFilters: resetAllFilters }, header.id))) }))] }));
-};
-exports.DraggableHeaderGroupRows = DraggableHeaderGroupRows;

package/packages/shared-components/dist/SmartGrid/Components/HeaderCells/HeaderCell.js

@@ -1,114 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HeaderCell = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const utilities_1 = require("@dnd-kit/utilities");
-const material_1 = require("@mui/material");
-const react_table_1 = require("@tanstack/react-table");
-const useGetSortedColumn_1 = require("../../hooks/useGetSortedColumn");
-const FacetedFilter_1 = require("../FacetedFilter/FacetedFilter");
-const HeaderCell = ({ dragAttributes, dragListeners, dragRef, dragTransform, dragTransition, header, isDragOver = false, isDragging = false, isReorderable = false, loading = false, resetAllFilters, }) => {
-    const theme = (0, material_1.useTheme)();
-    const { butterflyBlue, iron, slate } = theme.palette.app.color;
-    const { isSortable, mutipleSortCounts, sortableIcon } = (0, useGetSortedColumn_1.useGetSortedColumn)({
-        header,
-    });
-    const { columnDef, getAfter, getCanResize, getIsPinned, getSize, getStart, getToggleSortingHandler, } = header.column;
-    const showFacetedFilter = columnDef?.facetedFilter;
-    const isSmartSelectFilter = columnDef?.filterVariant === "smartSelectFilter";
-    const headerDynamicWidth = getIsPinned() ? getSize() - 8 : getSize();
-    const transformStyle = dragTransform
-        ? utilities_1.CSS.Transform.toString(dragTransform)
-        : undefined;
-    const backgroundColor = isReorderable && isDragOver ? slate[700] : "#fafafb";
-    const draggableAttributes = dragAttributes ?? {};
-    const draggableListeners = dragListeners ?? {};
-    const manageZIndex = () => {
-        if (isDragging) {
-            return 20;
-        }
-        if (getIsPinned()) {
-            return 3;
-        }
-        return 1;
-    };
-    const handleHeaderCellClick = (e) => {
-        if (isDragging) {
-            return;
-        }
-        // React event target is EventTarget; assert HTMLElement for style/cursor access
-        const target = e.target;
-        // Ignore clicks on the resize handle to avoid triggering sort when resizing
-        if (target && target.style.cursor === "col-resize") {
-            return;
-        }
-        // Ignore clicks within the FacetedFilter popover to avoid triggering sort when interacting with filter
-        if (target?.closest("[data-faceted-filter-popover='true']")) {
-            return;
-        }
-        if (isSortable && !loading) {
-            getToggleSortingHandler()?.(e);
-        }
-    };
-    const handleCursorPointer = () => {
-        if (isReorderable && !loading && header.id !== "grouped_by") {
-            return isDragging ? "grabbing" : "grab";
-        }
-        return isSortable ? "pointer" : "default";
-    };
-    return ((0, jsx_runtime_1.jsxs)("th", { colSpan: header.colSpan, "data-column-id": header.id, ref: dragRef, style: {
-            backgroundColor,
-            borderBottom: `1px solid ${iron[700]}`,
-            height: "40px",
-            left: getIsPinned() === "left" ? `${getStart("left")}px` : undefined,
-            maxWidth: headerDynamicWidth,
-            minWidth: headerDynamicWidth,
-            opacity: isDragging ? 0.85 : 1,
-            padding: "0px 0px 0px 8px",
-            position: getIsPinned() ? "sticky" : "relative",
-            right: getIsPinned() === "right" ? `${getAfter("right")}px` : undefined,
-            textAlign: "left",
-            transform: transformStyle,
-            transition: dragTransition,
-            width: headerDynamicWidth,
-            zIndex: manageZIndex(),
-        }, onClick: handleHeaderCellClick, children: [(0, jsx_runtime_1.jsxs)("div", { ...(isReorderable && !loading && header.id !== "grouped_by"
-                    ? draggableAttributes
-                    : {}), ...(isReorderable && !loading && header.id !== "grouped_by"
-                    ? draggableListeners
-                    : {}), style: {
-                    alignItems: "center",
-                    borderRight: `2px solid ${iron[700]}`,
-                    display: "flex",
-                    flexGrow: 1,
-                    gap: "8px",
-                    cursor: handleCursorPointer(),
-                    touchAction: isReorderable && !loading && header.id !== "grouped_by"
-                        ? "none"
-                        : "auto",
-                }, children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("div", { style: {
-                                color: iron[400],
-                                fontFamily: "Poppins",
-                                fontSize: "13px",
-                                fontWeight: 600,
-                                lineHeight: "20px",
-                                overflow: "hidden",
-                                textOverflow: "ellipsis",
-                                textWrap: "nowrap",
-                            }, children: !header.isPlaceholder &&
-                                (0, react_table_1.flexRender)(columnDef.header, header.getContext()) }) }), showFacetedFilter && !loading && !isSmartSelectFilter && ((0, jsx_runtime_1.jsx)(FacetedFilter_1.FacetedFilter, { header: header, resetAllFilters: resetAllFilters })), isSortable && !loading && ((0, jsx_runtime_1.jsxs)(material_1.Stack, { flexDirection: "row", alignItems: "center", children: [sortableIcon, isSortable && mutipleSortCounts > 0 && ((0, jsx_runtime_1.jsxs)(material_1.Typography, { color: iron[400], variant: "caption", children: ["(", mutipleSortCounts + 1, ")"] }))] }))] }), getCanResize() && !loading && ((0, jsx_runtime_1.jsx)("div", { style: {
-                    background: "transparent",
-                    cursor: "col-resize",
-                    height: "100%",
-                    position: "absolute",
-                    right: 0,
-                    top: 0,
-                    width: "3px",
-                    zIndex: 1,
-                }, onMouseDown: header.getResizeHandler(), onMouseEnter: (e) => {
-                    e.currentTarget.style.backgroundColor = butterflyBlue[900];
-                }, onMouseLeave: (e) => {
-                    e.currentTarget.style.backgroundColor = "transparent";
-                } }))] }));
-};
-exports.HeaderCell = HeaderCell;

package/packages/shared-components/dist/SmartGrid/Components/IndeterminateCheckbox.js

@@ -1,25 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IndeterminateCheckbox = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const CheckBoxRounded_1 = __importDefault(require("@mui/icons-material/CheckBoxRounded"));
-const material_1 = require("@mui/material");
-const IndeterminateCheckbox = ({ checked, disabled, indeterminate, onChange, ...rest }) => {
-    const theme = (0, material_1.useTheme)();
-    const { butterflyBlue, iron } = theme.palette.app.color;
-    return ((0, jsx_runtime_1.jsx)(material_1.Checkbox, { checked: checked, disabled: disabled, indeterminate: indeterminate, onChange: onChange, disableRipple: true, checkedIcon: (0, jsx_runtime_1.jsx)(CheckBoxRounded_1.default, { fontSize: "medium", htmlColor: butterflyBlue[900], sx: {
-                borderRadius: "4px",
-                fontSize: "20px",
-                marginLeft: "-2px",
-            } }), icon: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
-                border: "1px solid",
-                borderColor: iron[800],
-                borderRadius: "2px",
-                height: 13,
-                width: 13,
-            } }), ...rest }));
-};
-exports.IndeterminateCheckbox = IndeterminateCheckbox;

package/packages/shared-components/dist/SmartGrid/Components/SearchFilterRow/DateRangeInput/DateRangeInput.js

@@ -1,127 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DateRangeInput = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const x_date_pickers_1 = require("@mui/x-date-pickers");
-const date_fns_1 = require("date-fns");
-const react_1 = require("react");
-const react_date_range_1 = require("react-date-range");
-const StyleDateRangeWrapper_1 = require("./StyleDateRangeWrapper");
-const parseDateString = (value) => {
-    if (!value) {
-        return null;
-    }
-    const parsed = (0, date_fns_1.parseISO)(value);
-    return (0, date_fns_1.isValid)(parsed) ? parsed : null;
-};
-const DateRangeInput = ({ initialValue, onApply, width, }) => {
-    const anchorRef = (0, react_1.useRef)(null);
-    const [open, setOpen] = (0, react_1.useState)(false);
-    const defaultDate = (0, react_1.useMemo)(() => new Date(), []);
-    const [range, setRange] = (0, react_1.useState)(() => [
-        {
-            endDate: defaultDate,
-            key: "selection",
-            startDate: defaultDate,
-        },
-    ]);
-    const [value, setValue] = (0, react_1.useState)({
-        firstDate: null,
-        lastDate: null,
-    });
-    const startDate = value.firstDate && (0, date_fns_1.format)(value.firstDate, "dd/MM/yyyy");
-    const endDate = value.lastDate && (0, date_fns_1.format)(value.lastDate, "dd/MM/yyyy");
-    const displayValue = startDate && endDate
-        ? // eslint-disable-next-line sonarjs/no-nested-conditional
-            startDate === endDate
-                ? startDate
-                : `${startDate} - ${endDate}`
-        : "";
-    (0, react_1.useEffect)(() => {
-        if (initialValue && initialValue.length > 0) {
-            const [initialStart, initialEnd = initialValue[0]] = initialValue;
-            const start = parseDateString(initialStart);
-            const end = parseDateString(initialEnd);
-            if (start && end) {
-                setValue({ firstDate: start, lastDate: end });
-                setRange([
-                    {
-                        endDate: end,
-                        key: "selection",
-                        startDate: start,
-                    },
-                ]);
-                return;
-            }
-        }
-        setValue({ firstDate: null, lastDate: null });
-        setRange([
-            {
-                endDate: defaultDate,
-                key: "selection",
-                startDate: defaultDate,
-            },
-        ]);
-    }, [defaultDate, initialValue]);
-    const handleApply = () => {
-        const selection = range[0];
-        const start = selection?.startDate ?? null;
-        const end = selection?.endDate ?? null;
-        if (!start || !end) {
-            onApply([]);
-            setValue({ firstDate: null, lastDate: null });
-            setOpen(false);
-            return;
-        }
-        setValue({ firstDate: start, lastDate: end });
-        setOpen(false);
-        const startStr = (0, date_fns_1.format)(start, "yyyy-MM-dd");
-        const endStr = (0, date_fns_1.format)(end, "yyyy-MM-dd");
-        onApply([startStr, endStr]);
-    };
-    const handleClear = (event) => {
-        event.stopPropagation();
-        setOpen(false);
-        setValue({ firstDate: null, lastDate: null });
-        setRange([
-            {
-                endDate: defaultDate,
-                key: "selection",
-                startDate: defaultDate,
-            },
-        ]);
-        onApply([]);
-    };
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(material_1.TextField, { inputRef: anchorRef, value: displayValue, placeholder: "dd/mm/yyyy", onClick: () => setOpen(true), fullWidth: true, InputProps: {
-                    endAdornment: displayValue && ((0, jsx_runtime_1.jsx)(material_1.InputAdornment, { position: "end", style: { padding: "0px" }, children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { size: "small", onClick: handleClear, sx: {
-                                p: 0.5,
-                            }, children: (0, jsx_runtime_1.jsx)(x_date_pickers_1.ClearIcon, { fontSize: "small" }) }) })),
-                    readOnly: true,
-                }, sx: {
-                    "& .MuiInputAdornment-root": {
-                        margin: 0,
-                    },
-                    "& .MuiInputBase-input": {
-                        fontSize: "14px",
-                        height: "10px",
-                        padding: "4px 4px",
-                    },
-                    "& input[type='date']::-webkit-calendar-picker-indicator": {
-                        position: "absolute",
-                        right: 8,
-                        zIndex: 2,
-                    },
-                    width,
-                } }), (0, jsx_runtime_1.jsxs)(material_1.Popover, { open: open, anchorEl: anchorRef.current, onClose: () => setOpen(false), anchorOrigin: { horizontal: "left", vertical: "bottom" }, children: [(0, jsx_runtime_1.jsx)(StyleDateRangeWrapper_1.StyleDateRangeWrapper, { children: (0, jsx_runtime_1.jsx)(react_date_range_1.DateRange, { ranges: range, onChange: (ranges) => {
-                                const selectedRange = ranges.selection;
-                                setRange([
-                                    {
-                                        endDate: selectedRange?.endDate ?? defaultDate,
-                                        key: "selection",
-                                        startDate: selectedRange?.startDate ?? defaultDate,
-                                    },
-                                ]);
-                            }, moveRangeOnFirstSelection: false, retainEndDateOnFirstSelection: false }) }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { display: "flex", justifyContent: "flex-end", margin: "10px" }, children: (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", size: "small", sx: { fontSize: "12px", height: "22px", minWidth: "40px" }, disableElevation: true, onClick: handleApply, children: "Apply" }) })] })] }));
-};
-exports.DateRangeInput = DateRangeInput;

package/packages/shared-components/dist/SmartGrid/Components/SearchFilterRow/DateRangeInput/StyleDateRangeWrapper.js

@@ -1,120 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyleDateRangeWrapper = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const StyleDateRangeWrapper = ({ children, }) => {
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "inline-date-range", children: [(0, jsx_runtime_1.jsx)("style", { children: `
-          .inline-date-range .rdrCalendarWrapper {
-            font-size: 12px;
-            width: auto;
-          }
-          .inline-date-range .rdrDateDisplayWrapper {
-            display: none;
-          }
-          .inline-date-range .rdrMonthAndYearWrapper {
-            padding: 10px 12px;
-            background: white;
-            height: auto;
-          }
-          .inline-date-range .rdrMonthAndYearPickers {
-            display: flex;
-            gap: 6px;
-            justify-content: center;
-            align-items: center;
-          }
-          .inline-date-range .rdrMonthPicker,
-          .inline-date-range .rdrYearPicker {
-            margin: 0;
-          }
-          .inline-date-range .rdrMonthPicker select,
-          .inline-date-range .rdrYearPicker select {
-            padding: 0px 5px;
-            font-size: 12px;
-            border: 0px;
-            background: white;
-            cursor: pointer;
-            font-weight: 500;
-          }
-          .inline-date-range .rdrMonthPicker select:hover,
-          .inline-date-range .rdrYearPicker select:hover {
-            color: #3b82f6 !important;
-          }
-          .inline-date-range .rdrMonth {
-            padding: 0px 12px;
-            width: 200px;
-          }
-          .inline-date-range .rdrMonthName {
-            display: none;
-          }
-          .inline-date-range .rdrWeekDays {
-            margin-bottom: 2px;
-          }
-          .inline-date-range .rdrWeekDay {
-            font-size: 11px;
-            font-weight: 600;
-            color: #333;
-            line-height: 2.2em;
-          }
-          .inline-date-range .rdrDay {
-            font-size: 12px;
-            height: 30px;
-            line-height: 30px;
-          }
-          .inline-date-range .rdrDayNumber span {
-            font-weight: 400;
-            color: #333;
-          }
-          .inline-date-range .rdrDayToday .rdrDayNumber span:after {
-            background: #3b82f6;
-            bottom: 2px;
-          }
-          .inline-date-range .rdrDayPassive .rdrDayNumber span {
-            color: #bbb;
-          }
-          .inline-date-range .rdrStartEdge,
-          .inline-date-range .rdrEndEdge {
-            background: #3b82f6 !important;
-            color: white !important;
-          }
-          .inline-date-range .rdrInRange {
-            background: rgba(59, 131, 246, 0.77) !important;
-          }
-          .inline-date-range .rdrNextPrevButton {
-            background: white;
-            border: none;
-            width: 20px;
-            height: 20px;
-            border-radius: 3px;
-            margin: 0 2px;
-          }
-          .inline-date-range .rdrNextPrevButton:hover {
-            background: #f5f5f5;
-          }
-          .inline-date-range .rdrPprevButton i,
-          .inline-date-range .rdrNextButton i {
-            display: none;
-          }
-          .inline-date-range .rdrPprevButton::before {
-            content: '‹';
-            font-size: 18px;
-            font-weight: bold;
-            color: #666;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-          }
-          .inline-date-range .rdrNextButton::before {
-            content: '›';
-            font-size: 18px;
-            font-weight: bold;
-            color: #666;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-          }
-          .inline-date-range .rdrDefinedRangesWrapper {
-            display: none;
-          }
-        ` }), children] }));
-};
-exports.StyleDateRangeWrapper = StyleDateRangeWrapper;

package/packages/shared-components/dist/SmartGrid/Components/SearchFilterRow/DebouncedInput.js

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DebouncedInput = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const react_1 = require("react");
-const usehooks_ts_1 = require("usehooks-ts");
-const DebouncedInput = ({ debounce = 500, inputFontSize = "14px", inputHeight = "10px", onChange, type = "text", value: initialValue, ...props }) => {
-    const [value, setValue] = (0, react_1.useState)(initialValue);
-    const [debouncedValue] = (0, usehooks_ts_1.useDebounceValue)(value, debounce);
-    // Sync local state when initialValue changes from parent
-    (0, react_1.useEffect)(() => {
-        setValue(initialValue);
-    }, [initialValue]);
-    // Call onChange when debounced value changes
-    (0, react_1.useEffect)(() => {
-        if (debouncedValue !== initialValue) {
-            onChange(debouncedValue);
-        }
-    }, [debouncedValue, initialValue]);
-    return ((0, jsx_runtime_1.jsx)(material_1.TextField, { ...props, type: type, value: value, onChange: (e) => setValue(e.target.value), placeholder: "Search..", sx: {
-            "& .MuiInputAdornment-root": {
-                margin: 0,
-            },
-            "& .MuiInputBase-input": {
-                fontSize: inputFontSize,
-                height: inputHeight,
-                padding: "4px 8px",
-            },
-            "& input[type='date']::-webkit-calendar-picker-indicator": {
-                position: "absolute",
-                right: 8,
-                zIndex: 2,
-            },
-            width: props?.style?.width,
-        } }));
-};
-exports.DebouncedInput = DebouncedInput;