@codezee/sixtify-brahma 0.2.126 → 0.2.128

package/packages/shared-components/dist/FormFields/Select/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/FormFields/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,eAAe,CAAC;AAmBnE,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AAWzB,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,WAAW,IAAI,kBAAkB,CAAC,CAAC,CAAC,GACpE,IAAI,CACF,cAAc,EACd,MAAM,qBAAqB,CAAC,CAAC,CAAC,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,CACnE,GAAG;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,KAAK,GAAG,CAAC,OAAO,CAAC;IACxE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CAChC,CAAC;AAEJ,wBAAgB,MAAM,CAAC,CAAC,SAAS,WAAW,EAAE,EAC5C,OAAO,EACP,YAAY,EACZ,IAAI,EACJ,QAAgB,EAChB,KAAK,EACL,QAAgB,EAChB,QAAgB,EAChB,OAAY,EACZ,KAAK,EACL,OAAe,EACf,UAAU,EACV,KAAK,EACL,WAAgB,EAChB,eAAsB,EACtB,YAAoB,EACpB,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,eAAmB,EACnB,gBAA0C,EAC1C,gBAAwB,EACxB,OAAkB,EAClB,GAAG,SAAS,EACb,EAAE,WAAW,CAAC,CAAC,CAAC,2CAmdhB"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/FormFields/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,eAAe,CAAC;AAmBnE,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AAUzB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAElD,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,WAAW,IAAI,kBAAkB,CAAC,CAAC,CAAC,GACpE,IAAI,CACF,cAAc,EACd,MAAM,qBAAqB,CAAC,CAAC,CAAC,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,CACnE,GAAG;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,KAAK,GAAG,CAAC,OAAO,CAAC;IACxE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CAChC,CAAC;AAEJ,wBAAgB,MAAM,CAAC,CAAC,SAAS,WAAW,EAAE,EAC5C,OAAO,EACP,YAAY,EACZ,IAAI,EACJ,QAAgB,EAChB,KAAK,EACL,QAAgB,EAChB,QAAgB,EAChB,OAAY,EACZ,KAAK,EACL,OAAe,EACf,UAAU,EACV,KAAK,EACL,WAAgB,EAChB,eAAsB,EACtB,YAAoB,EACpB,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,eAAmB,EACnB,gBAA0C,EAC1C,gBAAwB,EACxB,OAAkB,EAClB,GAAG,SAAS,EACb,EAAE,WAAW,CAAC,CAAC,CAAC,2CAmdhB"}

package/packages/shared-components/dist/PrintDownloadAction/PrintDownloadActions.d.ts

@@ -1,7 +1,8 @@
 import { type SxProps } from "@mui/material";
+import type { OnAction } from "../utils/types";
 type PrintDownloadActionItems = {
     title: string;
-    onClick: () => void;
+    onClick: OnAction;
 };
 type PrintDownloadActionsProps = {
     sx?: SxProps;

package/packages/shared-components/dist/PrintDownloadAction/PrintDownloadActions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PrintDownloadActions.d.ts","sourceRoot":"","sources":["../../src/PrintDownloadAction/PrintDownloadActions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,OAAO,EAAc,MAAM,eAAe,CAAC;AAM9E,KAAK,wBAAwB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,KAAK,yBAAyB,GAAG;IAC/B,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,KAAK,EAAE,wBAAwB,EAAE,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,0BAIlC,yBAAyB,4CAsC3B,CAAC"}
+{"version":3,"file":"PrintDownloadActions.d.ts","sourceRoot":"","sources":["../../src/PrintDownloadAction/PrintDownloadActions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,OAAO,EAAc,MAAM,eAAe,CAAC;AAK9E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/C,KAAK,wBAAwB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,QAAQ,CAAC;CACnB,CAAC;AAEF,KAAK,yBAAyB,GAAG;IAC/B,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,KAAK,EAAE,wBAAwB,EAAE,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,0BAIlC,yBAAyB,4CAsC3B,CAAC"}

package/packages/shared-components/dist/SmartGrid/Components/FacetedFilter/FacetedFilter.d.ts

@@ -1,7 +1,8 @@
 import type { Header } from "@tanstack/react-table";
 type FacetedFilterProps<T> = {
     header: Header<T, unknown>;
+    resetAllFilters: boolean;
 };
-export declare const FacetedFilter: <T>({ header }: FacetedFilterProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const FacetedFilter: <T>({ header, resetAllFilters, }: FacetedFilterProps<T>) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=FacetedFilter.d.ts.map

package/packages/shared-components/dist/SmartGrid/Components/FacetedFilter/FacetedFilter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FacetedFilter.d.ts","sourceRoot":"","sources":["../../../../src/SmartGrid/Components/FacetedFilter/FacetedFilter.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAUpD,KAAK,kBAAkB,CAAC,CAAC,IAAI;IAC3B,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,CAAC,EAAG,YAAY,kBAAkB,CAAC,CAAC,CAAC,4CAoTlE,CAAC"}
+{"version":3,"file":"FacetedFilter.d.ts","sourceRoot":"","sources":["../../../../src/SmartGrid/Components/FacetedFilter/FacetedFilter.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAUpD,KAAK,kBAAkB,CAAC,CAAC,IAAI;IAC3B,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;IAC3B,eAAe,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,CAAC,EAAG,8BAG/B,kBAAkB,CAAC,CAAC,CAAC,4CAmTvB,CAAC"}

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

@@ -5,11 +5,11 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const icons_material_1 = require("@mui/icons-material");
 const material_1 = require("@mui/material");
 const react_1 = require("react");
-const useGetDynamicOptionData_1 = require("./hooks/useGetDynamicOptionData");
 const DebouncedInput_1 = require("../SearchFilterRow/DebouncedInput");
-const VirtualCheckboxList_1 = require("./VirtualCheckboxList");
+const useGetDynamicOptionData_1 = require("./hooks/useGetDynamicOptionData");
 const Tooltip_1 = require("../../../Tooltip");
-const FacetedFilter = ({ header }) => {
+const VirtualCheckboxList_1 = require("./VirtualCheckboxList");
+const FacetedFilter = ({ header, resetAllFilters, }) => {
     const theme = (0, material_1.useTheme)();
     const { butterflyBlue, iron, mirage } = theme.palette.app.color;
     const [isOpen, setIsOpen] = (0, react_1.useState)(false);
@@ -24,7 +24,6 @@ const FacetedFilter = ({ header }) => {
     const columnDef = header.column.columnDef;
     const { facetedFilter, filterVariant } = columnDef;
     const { getFilterValue, setFilterValue } = header.column;
-    // Check if this column has both faceted filter and filter variant
     const isCombinedFilter = facetedFilter && filterVariant;
     const filterValue = isCombinedFilter
         ? (getFilterValue()?.facets ?? [])
@@ -93,12 +92,9 @@ const FacetedFilter = ({ header }) => {
             setLocalFilterData(allOptions);
         }
     };
-    // useCallback is needed here because handleApply and handleReset are passed as onClick props
-    // to Button components, ensuring stable references for event handlers
     const handleApply = (0, react_1.useCallback)(() => {
         if (localFilterData !== undefined) {
             if (isCombinedFilter) {
-                // Update only the facets part of the combined filter
                 const currentFilter = getFilterValue() ?? {
                     facets: [],
                     search: "",
@@ -113,11 +109,8 @@ const FacetedFilter = ({ header }) => {
         setIsOpen(false);
         setSearchValue("");
     }, [localFilterData, header.column, isCombinedFilter]);
-    // useCallback is needed here because handleApply and handleReset are passed as onClick props
-    // to Button components, ensuring stable references for event handlers
     const handleReset = (0, react_1.useCallback)(() => {
         if (isCombinedFilter) {
-            // Reset only the facets part of the combined filter
             const currentFilter = getFilterValue() ?? {
                 facets: [],
                 search: "",
@@ -132,17 +125,22 @@ const FacetedFilter = ({ header }) => {
         setSearchValue("");
         setIsOpen(false);
     }, [header.column, isCombinedFilter]);
+    (0, react_1.useMemo)(() => {
+        if (resetAllFilters) {
+            handleReset();
+        }
+    }, [resetAllFilters]);
     return ((0, jsx_runtime_1.jsxs)("div", { style: { position: "relative" }, children: [(0, jsx_runtime_1.jsxs)(material_1.IconButton, { ref: buttonRef, onClick: () => setIsOpen(!isOpen), sx: { padding: 0, position: "relative" }, children: [(0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { toolTipLabel: "Faceted Filter", children: (0, jsx_runtime_1.jsx)(icons_material_1.FilterListRounded, {}) }), activeFilterCount > 0 && ((0, jsx_runtime_1.jsx)("span", { style: {
                             backgroundColor: butterflyBlue[900],
+                            border: `2px solid ${iron[600]}`,
                             borderRadius: "50%",
                             color: iron[600],
                             fontSize: "10px",
                             fontWeight: "bold",
                             height: "6px",
-                            lineHeight: "6px",
                             position: "absolute",
                             right: 0,
-                            top: 3,
+                            top: 1,
                             width: "6px",
                         } }))] }), isOpen && ((0, jsx_runtime_1.jsx)(material_1.ClickAwayListener, { onClickAway: handleClickAway, children: (0, jsx_runtime_1.jsxs)("div", { ref: popoverRef, style: {
                         backgroundColor: iron[600],
@@ -150,7 +148,7 @@ const FacetedFilter = ({ header }) => {
                         boxShadow: `0 0 20px ${mirage[50]}`,
                         display: "flex",
                         flexDirection: "column",
-                        height: "251px",
+                        height: "290px",
                         left: 0,
                         padding: "8px",
                         position: "absolute",

package/packages/shared-components/dist/SmartGrid/Components/FacetedFilter/VirtualCheckboxList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualCheckboxList.d.ts","sourceRoot":"","sources":["../../../../src/SmartGrid/Components/FacetedFilter/VirtualCheckboxList.tsx"],"names":[],"mappings":"AAGA,KAAK,wBAAwB,GAAG;IAC9B,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,mBAAmB,0EACM,wBAAwB,6CAmG7D,CAAC"}
+{"version":3,"file":"VirtualCheckboxList.d.ts","sourceRoot":"","sources":["../../../../src/SmartGrid/Components/FacetedFilter/VirtualCheckboxList.tsx"],"names":[],"mappings":"AAGA,KAAK,wBAAwB,GAAG;IAC9B,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,mBAAmB,0EACM,wBAAwB,6CAsJ7D,CAAC"}

package/packages/shared-components/dist/SmartGrid/Components/FacetedFilter/VirtualCheckboxList.js

@@ -6,14 +6,14 @@ const material_1 = require("@mui/material");
 const react_1 = require("react");
 exports.VirtualCheckboxList = (0, react_1.memo)(({ checkedMap, onToggle, options }) => {
     const theme = (0, material_1.useTheme)();
-    const { butterflyBlue } = theme.palette.app.color;
+    const { butterflyBlue, sapphireBlue } = theme.palette.app.color;
     const containerRef = (0, react_1.useRef)(null);
     const [visibleRange, setVisibleRange] = (0, react_1.useState)({ end: 20, start: 0 });
-    const ITEM_HEIGHT = 32;
+    const [isMouseDown, setIsMouseDown] = (0, react_1.useState)(false);
+    const [dragMode, setDragMode] = (0, react_1.useState)(null);
+    const ITEM_HEIGHT = 25;
     const BUFFER = 5;
     const CONTAINER_HEIGHT = 200;
-    // useCallback is used to stabilize the scroll handler reference,
-    // preventing unnecessary re-attachment when used in event listeners or memoized components.
     const handleScroll = (0, react_1.useCallback)(() => {
         if (!containerRef.current) {
             return;
@@ -28,12 +28,37 @@ exports.VirtualCheckboxList = (0, react_1.memo)(({ checkedMap, onToggle, options
     const visibleItems = (0, react_1.useMemo)(() => {
         return options.slice(visibleRange.start, visibleRange.end);
     }, [options, visibleRange.start, visibleRange.end]);
+    const handleMouseDown = (0, react_1.useCallback)((value) => {
+        setIsMouseDown(true);
+        const isAlreadyChecked = checkedMap[value];
+        setDragMode(isAlreadyChecked ? "unCheck" : "check");
+        onToggle(value);
+    }, [onToggle, checkedMap]);
+    const handleMouseEnter = (0, react_1.useCallback)((value) => {
+        if (isMouseDown && dragMode) {
+            const isChecked = checkedMap[value];
+            if ((dragMode === "check" && !isChecked) ||
+                (dragMode === "unCheck" && isChecked)) {
+                onToggle(value);
+            }
+        }
+    }, [isMouseDown, dragMode, checkedMap, onToggle]);
+    const handleMouseUp = (0, react_1.useCallback)(() => {
+        setIsMouseDown(false);
+        setDragMode(null);
+    }, []);
+    (0, react_1.useMemo)(() => {
+        document.addEventListener("mouseup", handleMouseUp);
+        return () => document.removeEventListener("mouseup", handleMouseUp);
+    }, [handleMouseUp]);
     return ((0, jsx_runtime_1.jsx)("div", { ref: containerRef, onScroll: handleScroll, style: {
             display: "flex",
             flexDirection: "column",
+            height: "300px",
             maxHeight: `${CONTAINER_HEIGHT}px`,
             overflowY: "auto",
             position: "relative",
+            userSelect: "none",
         }, children: (0, jsx_runtime_1.jsx)("div", { style: {
                 height: `${options.length * ITEM_HEIGHT}px`,
                 position: "relative",
@@ -43,14 +68,20 @@ exports.VirtualCheckboxList = (0, react_1.memo)(({ checkedMap, onToggle, options
                     width: "100%",
                 }, children: visibleItems.map((value) => {
                     const isChecked = checkedMap[value] || false;
-                    return ((0, jsx_runtime_1.jsxs)(material_1.Typography, { onClick: () => onToggle(value), style: {
+                    return ((0, jsx_runtime_1.jsxs)(material_1.Typography, { onMouseDown: () => handleMouseDown(value), onMouseEnter: () => handleMouseEnter(value), style: {
                             alignItems: "center",
+                            backgroundColor: isChecked
+                                ? sapphireBlue[400]
+                                : "transparent",
                             cursor: "pointer",
                             display: "flex",
                             fontSize: "12px",
                             gap: "4px",
                             height: `${ITEM_HEIGHT}px`,
-                        }, children: [(0, jsx_runtime_1.jsx)(material_1.Checkbox, { checked: isChecked, onChange: () => onToggle(value), size: "small", style: {
+                        }, children: [(0, jsx_runtime_1.jsx)(material_1.Checkbox, { checked: isChecked, onChange: (e) => {
+                                    e.stopPropagation();
+                                    onToggle(value);
+                                }, onMouseDown: (e) => e.stopPropagation(), size: "small", style: {
                                     color: isChecked ? butterflyBlue[900] : "",
                                     padding: "4px",
                                 } }), value] }, value));

package/packages/shared-components/dist/SmartGrid/Components/FilterStatusPanel.d.ts

@@ -0,0 +1,9 @@
+import type { Table } from "@tanstack/react-table";
+import type { OnAction } from "../../utils/types";
+type FilterStatusPanelProps<T> = {
+    clearAllFilters: OnAction;
+    table: Table<T>;
+};
+export declare const FilterStatusPanel: <T>({ clearAllFilters, table, }: FilterStatusPanelProps<T>) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FilterStatusPanel.d.ts.map

package/packages/shared-components/dist/SmartGrid/Components/FilterStatusPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterStatusPanel.d.ts","sourceRoot":"","sources":["../../../src/SmartGrid/Components/FilterStatusPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAGnD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAElD,KAAK,sBAAsB,CAAC,CAAC,IAAI;IAC/B,eAAe,EAAE,QAAQ,CAAC;IAC1B,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,CAAC,EAAG,6BAGnC,sBAAsB,CAAC,CAAC,CAAC,4CAoI3B,CAAC"}

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

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FilterStatusPanel = 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 react_1 = require("react");
+const FilterStatusPanel = ({ clearAllFilters, table, }) => {
+    const theme = (0, material_1.useTheme)();
+    const { brown, butterflyBlue, iron, slate } = theme.palette.app.color;
+    const { getHeaderGroups } = table;
+    return ((0, jsx_runtime_1.jsx)("div", { style: {
+            backgroundColor: slate[600],
+            borderTop: `1px solid ${iron[700]}`,
+            display: "flex",
+            overflow: "auto",
+            width: "100%",
+        }, children: (() => {
+            const extractFilterValues = (filter) => {
+                if (!filter) {
+                    return { facets: [], search: [] };
+                }
+                const { facets: filterFacets, search: filterSearch } = filter;
+                if (Array.isArray(filter)) {
+                    return { facets: filter.map(String), search: [] };
+                }
+                if (typeof filter === "string" || typeof filter === "number") {
+                    return {
+                        facets: filter !== "" ? [String(filter)] : [],
+                        search: [],
+                    };
+                }
+                if (typeof filter === "object" && filter != null) {
+                    const facets = Array.isArray(filterFacets) ? filterFacets : [];
+                    const search = filterSearch != null && filterSearch !== ""
+                        ? [String(filterSearch)]
+                        : [];
+                    return { facets, search };
+                }
+                return { facets: [], search: [] };
+            };
+            const appliedFilters = getHeaderGroups()
+                .flatMap((group) => group.headers)
+                .map((header) => {
+                const filter = header.column.getFilterValue();
+                const { facets, search } = extractFilterValues(filter);
+                const hasValues = facets.length > 0 || search.length > 0;
+                return hasValues ? ((0, jsx_runtime_1.jsxs)(material_1.Stack, { flexDirection: "row", gap: "3px", children: [(0, jsx_runtime_1.jsxs)(material_1.Typography, { variant: "caption", fontWeight: 600, children: [header.column.columnDef.header, ":"] }), facets.length > 0 && ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "caption", sx: { color: butterflyBlue[900] }, children: facets.join(", ") })), facets.length > 0 && search.length > 0 && ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "caption", children: "," })), search.length > 0 && ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "caption", sx: { color: brown[900] }, children: search.join(", ") }))] }, header.id)) : null;
+            })
+                .filter(Boolean);
+            if (!appliedFilters.length) {
+                return null;
+            }
+            return ((0, jsx_runtime_1.jsxs)("div", { style: {
+                    alignItems: "center",
+                    display: "flex",
+                    gap: "5px",
+                    padding: "5px 0px",
+                }, children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, { sx: { borderRight: `2px solid ${iron[700]}`, padding: "0px 5px" }, onClick: clearAllFilters, children: (0, jsx_runtime_1.jsx)(icons_material_1.HighlightOffRounded, { fontSize: "small" }) }), (0, jsx_runtime_1.jsx)("div", { style: {
+                            alignItems: "center",
+                            display: "flex",
+                            gap: "3px",
+                            overflow: "hidden",
+                            textOverflow: "ellipsis",
+                            whiteSpace: "nowrap",
+                        }, children: appliedFilters.map((filter, index) => ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [!!index && (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "caption", children: "," }), filter] }, index + 1))) })] }));
+        })() }));
+};
+exports.FilterStatusPanel = FilterStatusPanel;

package/packages/shared-components/dist/SmartGrid/Components/HeaderCell.d.ts

@@ -3,7 +3,8 @@ type HeaderCellProps<T> = {
     defaultGrouping?: (keyof T)[];
     header: Header<T, unknown>;
     loading: boolean;
+    resetAllFilters: boolean;
 };
-export declare const HeaderCell: <T>({ defaultGrouping, header, loading, }: HeaderCellProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const HeaderCell: <T>({ defaultGrouping, header, loading, resetAllFilters, }: HeaderCellProps<T>) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=HeaderCell.d.ts.map

package/packages/shared-components/dist/SmartGrid/Components/HeaderCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderCell.d.ts","sourceRoot":"","sources":["../../../src/SmartGrid/Components/HeaderCell.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,MAAM,EAAc,MAAM,uBAAuB,CAAC;AAQhE,KAAK,eAAe,CAAC,CAAC,IAAI;IACxB,eAAe,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC;IAC9B,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;IAC3B,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,CAAC,EAAG,uCAI5B,eAAe,CAAC,CAAC,CAAC,4CAoIpB,CAAC"}
+{"version":3,"file":"HeaderCell.d.ts","sourceRoot":"","sources":["../../../src/SmartGrid/Components/HeaderCell.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,MAAM,EAAc,MAAM,uBAAuB,CAAC;AAQhE,KAAK,eAAe,CAAC,CAAC,IAAI;IACxB,eAAe,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC;IAC9B,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,eAAe,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,CAAC,EAAG,wDAK5B,eAAe,CAAC,CAAC,CAAC,4CA0IpB,CAAC"}

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

@@ -9,11 +9,11 @@ const BlurOffRounded_1 = __importDefault(require("@mui/icons-material/BlurOffRou
 const BlurOnRounded_1 = __importDefault(require("@mui/icons-material/BlurOnRounded"));
 const material_1 = require("@mui/material");
 const react_table_1 = require("@tanstack/react-table");
-const FacetedFilter_1 = require("./FacetedFilter/FacetedFilter");
+const Tooltip_1 = require("../../Tooltip");
 const useGetGroupedColumn_1 = require("../hooks/useGetGroupedColumn");
 const useGetSortedColumn_1 = require("../hooks/useGetSortedColumn");
-const Tooltip_1 = require("../../Tooltip");
-const HeaderCell = ({ defaultGrouping, header, loading = false, }) => {
+const FacetedFilter_1 = require("./FacetedFilter/FacetedFilter");
+const HeaderCell = ({ defaultGrouping, header, 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)({
@@ -54,7 +54,7 @@ const HeaderCell = ({ defaultGrouping, header, loading = false, }) => {
                                 textOverflow: "ellipsis",
                                 textWrap: "nowrap",
                             }, children: !header.isPlaceholder &&
-                                (0, react_table_1.flexRender)(columnDef.header, header.getContext()) }) }), isSortable && mutipleSortCounts > 0 && mutipleSortCounts + 1, showFacetedFilter && !loading && (0, jsx_runtime_1.jsx)(FacetedFilter_1.FacetedFilter, { header: header }), isSortable && !loading && ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { toolTipLabel: "Sorting", children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { sx: { padding: 0 }, onClick: getToggleSortingHandler(), children: sortableIcon }) })), isGroupable && !defaultGrouping?.length && !loading && ((0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: getToggleGroupingHandler(),
+                                (0, react_table_1.flexRender)(columnDef.header, header.getContext()) }) }), showFacetedFilter && !loading && ((0, jsx_runtime_1.jsx)(FacetedFilter_1.FacetedFilter, { header: header, resetAllFilters: resetAllFilters })), isSortable && !loading && ((0, jsx_runtime_1.jsxs)(Tooltip_1.Tooltip, { toolTipLabel: "Sorting", children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, { sx: { padding: 0 }, onClick: getToggleSortingHandler(), children: sortableIcon }), isSortable && !!mutipleSortCounts && ((0, jsx_runtime_1.jsxs)(material_1.Typography, { color: iron[400], variant: "body2", children: ["(", mutipleSortCounts + 1, ")"] }))] })), isGroupable && !defaultGrouping?.length && !loading && ((0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: getToggleGroupingHandler(),
                         style: {
                             cursor: "pointer",
                             padding: 0,

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

@@ -0,0 +1,8 @@
+type DateRangeInputProps = {
+    initialValue?: string[];
+    onApply: (dates: string[]) => void;
+    width: string | number;
+};
+export declare const DateRangeInput: ({ initialValue, onApply, width, }: DateRangeInputProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DateRangeInput.d.ts.map

package/packages/shared-components/dist/SmartGrid/Components/SearchFilterRow/DateRangeInput/DateRangeInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangeInput.d.ts","sourceRoot":"","sources":["../../../../../src/SmartGrid/Components/SearchFilterRow/DateRangeInput/DateRangeInput.tsx"],"names":[],"mappings":"AAmBA,KAAK,mBAAmB,GAAG;IACzB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACnC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB,CAAC;AAYF,eAAO,MAAM,cAAc,GAAI,mCAI5B,mBAAmB,4CAyLrB,CAAC"}

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

@@ -0,0 +1,127 @@
+"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.d.ts

@@ -0,0 +1,6 @@
+type StyleDateRangeWrapperProps = {
+    children: React.ReactNode;
+};
+export declare const StyleDateRangeWrapper: ({ children, }: StyleDateRangeWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=StyleDateRangeWrapper.d.ts.map

package/packages/shared-components/dist/SmartGrid/Components/SearchFilterRow/DateRangeInput/StyleDateRangeWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyleDateRangeWrapper.d.ts","sourceRoot":"","sources":["../../../../../src/SmartGrid/Components/SearchFilterRow/DateRangeInput/StyleDateRangeWrapper.tsx"],"names":[],"mappings":"AAAA,KAAK,0BAA0B,GAAG;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,eAEnC,0BAA0B,4CAwH5B,CAAC"}

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

@@ -0,0 +1,120 @@
+"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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DebouncedInput.d.ts","sourceRoot":"","sources":["../../../../src/SmartGrid/Components/SearchFilterRow/DebouncedInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAIL,KAAK,cAAc,EACpB,MAAM,eAAe,CAAC;AAIvB,KAAK,mBAAmB,GAAG;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,OAAO,GAAG,MAAM,CAAC,CAAC;AAExD,eAAO,MAAM,cAAc,GAAI,yFAQ5B,mBAAmB,4CAwErB,CAAC"}
+{"version":3,"file":"DebouncedInput.d.ts","sourceRoot":"","sources":["../../../../src/SmartGrid/Components/SearchFilterRow/DebouncedInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,eAAe,CAAC;AAI/D,KAAK,mBAAmB,GAAG;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,OAAO,GAAG,MAAM,CAAC,CAAC;AAExD,eAAO,MAAM,cAAc,GAAI,yFAQ5B,mBAAmB,4CAwCrB,CAAC"}