@codezee/sixtify-brahma 0.2.82 → 0.2.83

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codezee/sixtify-brahma",
-  "version": "0.2.82",
+  "version": "0.2.83",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/hardikranpariya/sixtify-brahma.git"

package/packages/shared-components/dist/CellSelectionTable/CellSelectionTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CellSelectionTable.d.ts","sourceRoot":"","sources":["../../src/CellSelectionTable/CellSelectionTable.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EACL,KAAK,UAAU,EACf,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAYf,OAAO,KAAK,EACV,SAAS,EACT,MAAM,EAGP,MAAM,eAAe,CAAC;AAEvB,MAAM,MAAM,IAAI,GAAG;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB,GAAG;IACF,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,OAAO,CAAC,CAAC;AAEnE,MAAM,MAAM,uBAAuB,GAAG;IACpC,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,eAAe,EAAE,CACf,aAAa,EAAE,UAAU,CAAC,SAAS,EAAE,CAAC,EACtC,CAAC,EAAE,UAAU,KACV,IAAI,CAAC;IACV,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;CAC/C,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,oFAQhC,QAAQ,CAAC,uBAAuB,CAAC,4CA0XnC,CAAC"}
+{"version":3,"file":"CellSelectionTable.d.ts","sourceRoot":"","sources":["../../src/CellSelectionTable/CellSelectionTable.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EACL,KAAK,UAAU,EACf,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAaf,OAAO,KAAK,EACV,SAAS,EACT,MAAM,EAGP,MAAM,eAAe,CAAC;AAEvB,MAAM,MAAM,IAAI,GAAG;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB,GAAG;IACF,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,OAAO,CAAC,CAAC;AAEnE,MAAM,MAAM,uBAAuB,GAAG;IACpC,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,eAAe,EAAE,CACf,aAAa,EAAE,UAAU,CAAC,SAAS,EAAE,CAAC,EACtC,CAAC,EAAE,UAAU,KACV,IAAI,CAAC;IACV,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;CAC/C,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,oFAQhC,QAAQ,CAAC,uBAAuB,CAAC,4CA4YnC,CAAC"}

package/packages/shared-components/dist/CellSelectionTable/CellSelectionTable.js

@@ -6,6 +6,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const react_1 = require("react");
 const Tooltip_1 = require("../Tooltip");
+const useOutsideClick_1 = require("./hook/useOutsideClick");
 const useStickyColumns_1 = require("./hook/useStickyColumns");
 const EmployeeCell_1 = require("./SubComponents/EmployeeCell");
 const TableBodyLoader_1 = require("./SubComponents/TableBodyLoader");
@@ -14,12 +15,23 @@ const CellSelectionTable = ({ columns, data, onCellSelection, cellColors, height
     const theme = (0, material_1.useTheme)();
     const { slate, iron, butterflyBlue } = theme.palette.app.color;
     const selectingRef = (0, react_1.useRef)(false);
+    const tableRef = (0, react_1.useRef)(null);
     const selectionModeRef = (0, react_1.useRef)("add");
     const anchorRef = (0, react_1.useRef)(null);
     const hoveringRef = (0, react_1.useRef)(null);
     const [selectedRanges, setSelectedRanges] = (0, react_1.useState)([]);
     const [currentSelectedRanges, setCurrentSelectedRanges] = (0, react_1.useState)([]);
     const { stickyMap } = (0, useStickyColumns_1.useStickyColumns)(columns);
+    (0, useOutsideClick_1.useOutsideClick)(tableRef, () => {
+        setSelectedRanges([]);
+        setCurrentSelectedRanges([]);
+    });
+    (0, react_1.useMemo)(() => {
+        if (loading && selectedRanges.length > 0) {
+            setSelectedRanges([]);
+            setCurrentSelectedRanges([]);
+        }
+    }, [loading]);
     const isSelectedCell = (rowIndex, colIndex) => {
         if (selectedRanges.length === 0 && currentSelectedRanges.length === 0) {
             return false;
@@ -59,7 +71,8 @@ const CellSelectionTable = ({ columns, data, onCellSelection, cellColors, height
         return iron[600];
     }
     const handleCellMouseDown = (0, react_1.useCallback)((ri, ci) => (e) => {
-        if (columns[ci]?.disableSelection) {
+        e.preventDefault();
+        if (columns[ci]?.disableSelection && ci > 0) {
             const nextSelectableIndex = columns.findIndex((col, index) => !col.disableSelection && index > ci);
             if (nextSelectableIndex !== -1) {
                 return (0, helper_1.handleMouseDown)({
@@ -153,7 +166,8 @@ const CellSelectionTable = ({ columns, data, onCellSelection, cellColors, height
             onCellSelection,
         });
     }, [onCellSelection, selectedRanges]);
-    return ((0, jsx_runtime_1.jsx)(material_1.Box, { position: "relative", overflow: "auto", height: height, bgcolor: iron[600], children: (0, jsx_runtime_1.jsxs)(material_1.Table, { stickyHeader: true, sx: {
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, { position: "relative", overflow: "auto", height: height, bgcolor: iron[600], children: (0, jsx_runtime_1.jsxs)(material_1.Table, { ref: tableRef, stickyHeader: true, sx: {
+                userSelect: "none",
                 borderCollapse: "separate",
                 borderSpacing: 0,
                 "& th, & td": {

package/packages/shared-components/dist/CellSelectionTable/hook/useOutsideClick.d.ts

@@ -0,0 +1,4 @@
+import { type RefObject } from "react";
+export declare function isClickInsideAnyOverlay(event: MouseEvent): boolean;
+export declare function useOutsideClick<T extends HTMLElement>(ref: RefObject<T>, onOutsideClick: () => void): void;
+//# sourceMappingURL=useOutsideClick.d.ts.map

package/packages/shared-components/dist/CellSelectionTable/hook/useOutsideClick.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOutsideClick.d.ts","sourceRoot":"","sources":["../../../src/CellSelectionTable/hook/useOutsideClick.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAa,MAAM,OAAO,CAAC;AAWlD,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,UAAU,GAAG,OAAO,CAsBlE;AAED,wBAAgB,eAAe,CAAC,CAAC,SAAS,WAAW,EACnD,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,EACjB,cAAc,EAAE,MAAM,IAAI,QAyB3B"}

package/packages/shared-components/dist/CellSelectionTable/hook/useOutsideClick.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isClickInsideAnyOverlay = isClickInsideAnyOverlay;
+exports.useOutsideClick = useOutsideClick;
+const react_1 = require("react");
+const OVERLAY_ROLES = new Set([
+    "dialog",
+    "alertdialog",
+    "menu",
+    "listbox",
+    "tooltip",
+    "combobox",
+]);
+function isClickInsideAnyOverlay(event) {
+    const path = (event.composedPath ? event.composedPath() : []);
+    for (const node of path) {
+        if (!(node instanceof Element)) {
+            continue;
+        }
+        if (node.getAttribute("aria-modal") === "true") {
+            return true;
+        }
+        const role = node.getAttribute("role");
+        if (role && OVERLAY_ROLES.has(role)) {
+            return true;
+        }
+    }
+    return getComputedStyle(document.body).overflow === "hidden";
+}
+function useOutsideClick(ref, onOutsideClick) {
+    (0, react_1.useEffect)(() => {
+        const handleMouseDown = (event) => {
+            if (isClickInsideAnyOverlay(event)) {
+                return;
+            }
+            const target = event.target;
+            const el = ref.current;
+            if (el && el.contains(target)) {
+                return;
+            }
+            onOutsideClick();
+        };
+        document.addEventListener("mousedown", handleMouseDown);
+        return () => {
+            document.removeEventListener("mousedown", handleMouseDown);
+        };
+    }, [ref, onOutsideClick]);
+}

package/packages/shared-components/dist/FormFields/DatePicker/DatePicker.d.ts

@@ -13,6 +13,7 @@ export type DatePickerProps<P extends FieldValues> = UseControllerProps<P> & Mui
     clearable?: boolean;
     view?: DateView[];
     disableKeyboardInput?: boolean;
+    setOnFinalChange?: boolean;
     setError: (name: keyof P, error: FieldError | {
         type: string;
         message?: string;
@@ -24,5 +25,5 @@ export declare const dateFormats: {
 };
 export declare const LeftArrowIcon: React.FC;
 export declare const RightArrowIcon: React.FC;
-export declare function DatePicker<P extends FieldValues>({ setError, control, defaultValue, disabled, label, readOnly, name, error, helperText, loading, required, clearable, rules, disableKeyboardInput, views, format, ...restProps }: DatePickerProps<P>): import("react/jsx-runtime").JSX.Element;
+export declare function DatePicker<P extends FieldValues>({ setError, control, defaultValue, disabled, label, readOnly, name, error, helperText, loading, required, clearable, rules, disableKeyboardInput, setOnFinalChange, views, format, ...restProps }: DatePickerProps<P>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=DatePicker.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/FormFields/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,IAAI,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAE5F,OAAO,KAAK,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAG5E,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,KAAK,EACV,UAAU,EACV,WAAW,EACX,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AAKzB,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,WAAW,IAAI,kBAAkB,CAAC,CAAC,CAAC,GACxE,kBAAkB,CAAC,eAAe,CAAC,GACnC,OAAO,CAAC;IACN,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC;IAClB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,EAAE,CACR,IAAI,EAAE,MAAM,CAAC,EACb,KAAK,EAAE,UAAU,GAAG;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,KACnD,IAAI,CAAC;CACX,CAAC,CAAC;AAEL,eAAO,MAAM,WAAW;;;CAGvB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAcjC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAclC,CAAC;AAEF,wBAAgB,UAAU,CAAC,CAAC,SAAS,WAAW,EAAE,EAChD,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,QAAgB,EAChB,KAAK,EACL,QAAgB,EAChB,IAAI,EACJ,KAAa,EACb,UAAU,EACV,OAAe,EACf,QAAgB,EAChB,SAAmC,EACnC,KAAK,EACL,oBAA4B,EAC5B,KAAgC,EAChC,MAAqC,EACrC,GAAG,SAAS,EACb,EAAE,eAAe,CAAC,CAAC,CAAC,2CA8LpB"}
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/FormFields/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,IAAI,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAE5F,OAAO,KAAK,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAG5E,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,KAAK,EACV,UAAU,EACV,WAAW,EACX,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AAKzB,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,WAAW,IAAI,kBAAkB,CAAC,CAAC,CAAC,GACxE,kBAAkB,CAAC,eAAe,CAAC,GACnC,OAAO,CAAC;IACN,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC;IAClB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,EAAE,CACR,IAAI,EAAE,MAAM,CAAC,EACb,KAAK,EAAE,UAAU,GAAG;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,KACnD,IAAI,CAAC;CACX,CAAC,CAAC;AAEL,eAAO,MAAM,WAAW;;;CAGvB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAcjC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAclC,CAAC;AAEF,wBAAgB,UAAU,CAAC,CAAC,SAAS,WAAW,EAAE,EAChD,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,QAAgB,EAChB,KAAK,EACL,QAAgB,EAChB,IAAI,EACJ,KAAa,EACb,UAAU,EACV,OAAe,EACf,QAAgB,EAChB,SAAmC,EACnC,KAAK,EACL,oBAA4B,EAC5B,gBAAwB,EACxB,KAAgC,EAChC,MAAqC,EACrC,GAAG,SAAS,EACb,EAAE,eAAe,CAAC,CAAC,CAAC,2CAiMpB"}

package/packages/shared-components/dist/FormFields/DatePicker/DatePicker.js

@@ -40,18 +40,18 @@ const RightArrowIcon = () => {
         } }));
 };
 exports.RightArrowIcon = RightArrowIcon;
-function DatePicker({ setError, control, defaultValue, disabled = false, label, readOnly = false, name, error = false, helperText, loading = false, required = false, clearable = required ? false : true, rules, disableKeyboardInput = false, views = ["year", "month", "day"], format = exports.dateFormats.dateWithEuropean, ...restProps }) {
+function DatePicker({ setError, control, defaultValue, disabled = false, label, readOnly = false, name, error = false, helperText, loading = false, required = false, clearable = required ? false : true, rules, disableKeyboardInput = false, setOnFinalChange = false, views = ["year", "month", "day"], format = exports.dateFormats.dateWithEuropean, ...restProps }) {
     const [localError, setLocalError] = (0, react_1.useState)();
     const { field: { value, onChange, ...restField }, } = (0, react_hook_form_1.useController)({ name, control, defaultValue, rules });
     const [open, setOpen] = (0, react_1.useState)(false);
     const theme = (0, material_1.useTheme)();
     const { iron, butterflyBlue, mirage } = theme.palette.app.color;
     const finalValue = (0, react_1.useMemo)(() => {
-        if (disableKeyboardInput && open) {
+        if ((disableKeyboardInput || setOnFinalChange) && open) {
             return value ? luxon_1.DateTime.fromISO(value) : undefined;
         }
         return value ? luxon_1.DateTime.fromISO(value) : undefined;
-    }, [value, disableKeyboardInput, open]);
+    }, [value, disableKeyboardInput, setOnFinalChange, open]);
     // eslint-disable-next-line sonarjs/rules-of-hooks
     (0, react_1.useMemo)(() => {
         if (!error && localError) {
@@ -152,11 +152,14 @@ function DatePicker({ setError, control, defaultValue, disabled = false, label,
                     leftArrowIcon: exports.LeftArrowIcon,
                     rightArrowIcon: exports.RightArrowIcon,
                 }, dayOfWeekFormatter: (weekday) => `${weekday.toFormat("ccc")}`, onAccept: (value, details) => {
-                    if (restProps?.onAccept) {
-                        restProps.onAccept(value, details);
+                    if (setOnFinalChange && value?.isValid) {
+                        onChange(value.toISODate());
+                        setLocalError(undefined);
                     }
+                    restProps?.onAccept?.(value, details);
                 }, onChange: (value, details) => {
-                    if (disableKeyboardInput && open) {
+                    if ((disableKeyboardInput || setOnFinalChange) && open) {
+                        // ✅ block only while popup open
                         return;
                     }
                     if (!value) {

package/packages/shared-components/dist/Tooltip/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,IAAI,eAAe,EAAE,MAAM,eAAe,CAAC;AAErE,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1D,KAAK,YAAY,GAAG,iBAAiB,CAAC;IACpC,YAAY,EAAE,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IACzC,MAAM,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC;CACpC,CAAC,CAAC;AAEH,eAAO,MAAM,OAAO,GAAI,wDAMrB,YAAY,4CA2Bd,CAAC"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,IAAI,eAAe,EAAE,MAAM,eAAe,CAAC;AAErE,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG1D,KAAK,YAAY,GAAG,iBAAiB,CAAC;IACpC,YAAY,EAAE,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IACzC,MAAM,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC;CACpC,CAAC,CAAC;AAEH,eAAO,MAAM,OAAO,GAAI,wDAMrB,YAAY,4CA4Cd,CAAC"}

package/packages/shared-components/dist/Tooltip/Tooltip.js

@@ -3,12 +3,23 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tooltip = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
+const react_1 = require("react");
 const Tooltip = ({ toolTipLabel, children, placement = "top-start", hidden = false, ...rest }) => {
-    return ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { arrow: true, placement: placement, title: toolTipLabel, hidden: hidden, ...rest, children: typeof children === "string" ? ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", fontWeight: 500, sx: {
+    const wrapperRef = (0, react_1.useRef)(null);
+    const [isOverflowed, setIsOverflowed] = (0, react_1.useState)(false);
+    // Tried Managing with useMemo but it didn't work as expected
+    (0, react_1.useEffect)(() => {
+        if (wrapperRef.current) {
+            const el = wrapperRef.current;
+            setIsOverflowed(el.scrollWidth > el.clientWidth || el.scrollHeight > el.clientHeight);
+        }
+    }, [children]);
+    return ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { arrow: true, placement: placement, title: isOverflowed ? toolTipLabel : "", disableHoverListener: !isOverflowed || hidden, ...rest, children: (0, jsx_runtime_1.jsx)(material_1.Box, { ref: wrapperRef, sx: {
                 maxWidth: "150px",
                 overflow: "hidden",
                 textOverflow: "ellipsis",
                 whiteSpace: "nowrap",
-            }, children: children })) : ((0, jsx_runtime_1.jsx)(material_1.Box, { display: "inline-flex", children: children })) }));
+                display: "inline-flex",
+            }, children: typeof children === "string" ? ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", fontWeight: 500, children: children })) : (children) }) }));
 };
 exports.Tooltip = Tooltip;