react-core-ts 1.1.0 → 1.1.22

package/dist/styles/components/tooltip.css

@@ -0,0 +1,441 @@
+.tooltip-container {
+  position: relative;
+  transition:
+    background-color 0.3s,
+    width 0.3s,
+    height 0.3s,
+    color 0.3s;
+}
+
+.bottom {
+  .tooltip {
+    position: absolute;
+    bottom: -40;
+    right: 3px;
+    transform: translateX(0%);
+    padding: 0.3em 0.6em;
+    opacity: 0;
+    width: max-content;
+    max-width: 100%;
+    z-index: 999;
+    font-size: 12px;
+    color: #fff !important;
+    pointer-events: none;
+    transition: all 0.3s;
+    border: 1px solid #e55353;
+    background-color: #e55353;
+    border-radius: 6px;
+    color: rgb(34, 34, 34);
+
+    &.info {
+      color: #ffffff !important;
+      border: 1px solid #ffffff;
+      background-color: #000000;
+      right: 1px;
+      top: 5px;
+    }
+
+    &.card {
+      color: #ffffff !important;
+      border: 1px solid #ffffff;
+      background-color: #000000;
+      right: -8px;
+      top: 5px;
+    }
+  }
+
+  .tooltip::before {
+    position: absolute;
+    content: '';
+    height: 0.6em;
+    width: 0.6em;
+    right: 20px;
+    z-index: 999;
+    top: -4px;
+    border: 1px solid #e55353;
+    border-right: none;
+    border-bottom: none;
+    transform: translate(50%) rotate(45deg);
+    background-color: #e55353;
+  }
+
+  .info.tooltip::before {
+    border: 1px solid #000000;
+    background-color: #000000;
+    right: 14px;
+    position: absolute;
+    content: '';
+    height: 0.6em;
+    width: 0.6em;
+    z-index: 999;
+    top: -4px;
+    border-right: none;
+    border-bottom: none;
+    transform: translate(50%) rotate(45deg);
+  }
+
+  .card.tooltip::before {
+    border: 1px solid #000000;
+    background-color: #000000;
+    right: 14px;
+    position: absolute;
+    content: '';
+    height: 0.6em;
+    width: 0.6em;
+    z-index: 999;
+    top: -3px;
+    border-right: none;
+    border-bottom: none;
+    transform: translate(50%) rotate(45deg);
+  }
+
+  .tooltip-container:hover .tooltip {
+    top: 46px;
+    opacity: 1;
+    visibility: visible;
+    z-index: 999;
+    pointer-events: auto;
+
+    &.info {
+      top: 30px;
+      max-width: 500px;
+      position: absolute;
+    }
+
+    &.card {
+      top: 20px;
+      max-width: 300px;
+      position: absolute;
+    }
+  }
+}
+.top-tool {
+  .tooltip {
+    position: absolute;
+    bottom: 45px !important;
+    left: 0;
+    top: auto !important;
+    transform: translateX(0%);
+    padding: 0.3em 0.6em;
+    opacity: 0;
+    width: max-content;
+    white-space: normal;
+    z-index: 999;
+    font-size: 12px;
+    max-width: 100%;
+    color: #ff681d !important;
+    pointer-events: none;
+    transition: all 0.3s;
+    border: 1px solid #ff681d;
+    background-color: #fff;
+    border-radius: 6px;
+    color: rgb(34, 34, 34);
+  }
+
+  .tooltip::before {
+    position: absolute;
+    content: '';
+    height: 0.6em;
+    width: 0.6em;
+    z-index: 999;
+    bottom: -4px;
+    border: 1px solid #ff681d;
+    border-left: none;
+    border-top: none;
+    transform: translate(50%) rotate(45deg);
+    background-color: #fff;
+  }
+
+  .tooltip-container:hover .tooltip {
+    bottom: 45px !important;
+    opacity: 1;
+    top: auto !important;
+    visibility: visible;
+    z-index: 999;
+    pointer-events: auto;
+  }
+}
+.bottom-tool {
+  .tooltip {
+    position: absolute;
+    bottom: -40;
+    transform: translateX(0%);
+    padding: 0.3em 0.6em;
+    opacity: 0;
+    width: max-content;
+    max-width: 100%;
+    z-index: 999;
+    font-size: 12px;
+    color: #ff681d !important;
+    white-space: wrap;
+    pointer-events: none;
+    transition:
+      background-color 0.3s,
+      width 0.3s,
+      height 0.3s,
+      color 0.3s;
+    border: 1px solid #ff681d;
+    background-color: #fff;
+    border-radius: 6px;
+    color: rgb(34, 34, 34);
+  }
+
+  .tooltip::before {
+    position: absolute;
+    content: '';
+    height: 0.6em;
+    width: 0.6em;
+    z-index: 999;
+    top: -4px;
+    border: 1px solid #ff681d;
+    border-right: none;
+    border-bottom: none;
+    transform: translate(50%) rotate(45deg);
+    background-color: #fff;
+  }
+
+  .tooltip-container:hover .tooltip {
+    top: 46px;
+    opacity: 1;
+    visibility: visible;
+    z-index: 999;
+    pointer-events: auto;
+  }
+}
+
+.right {
+  .tooltip {
+    position: absolute;
+    top: 2.5px;
+    left: calc(100% + 9px);
+    transform: translateX(0%);
+    padding: 8px;
+    opacity: 0;
+    min-width: 200px;
+    max-width: 200px;
+    min-height: calc(100% - 16px);
+    height: auto;
+    z-index: 999;
+    font-size: 12px;
+    color: #fff !important;
+    pointer-events: none;
+    transition:
+      background-color 0.3s,
+      width 0.3s,
+      height 0.3s,
+      color 0.3s;
+    border: 1px solid #e55353;
+    background-color: #e55353;
+    border-radius: 6px;
+    color: rgb(34, 34, 34);
+  }
+
+  .tooltip-card {
+    padding: 3px 10px 4px;
+    top: -4px;
+    min-width: 175px;
+    background-color: #3d414a;
+    border: 1px solid #3d414a;
+
+  }
+
+  .tooltip::before {
+    position: absolute;
+    content: '';
+    height: 0.6em;
+    width: 0.6em;
+    left: -8px;
+    top: 14px;
+    z-index: 999;
+    transform: translateY(10px);
+    border: 1px solid #e55353;
+    border-top: none;
+    border-right: none;
+    transform: translate(50%) rotate(45deg);
+    background-color: #e55353;
+  }
+
+  .tooltip-card::before {
+    top: 8px;
+    background-color: #3d414a;
+    border: 1px solid #3d414a;
+  }
+
+  .tooltip-container:hover {
+    .tooltip {
+      top: 2.5px;
+      opacity: 1;
+      visibility: visible;
+      z-index: 999;
+      pointer-events: auto;
+    }
+
+    .tooltip-card {
+      top: -4px;
+    }
+  }
+}
+
+.left {
+  .tooltip {
+    position: absolute;
+    top: 2.5px;
+    right: calc(100% + 9px);
+    transform: translateX(0%);
+    padding: 8px;
+    opacity: 0;
+    min-width: 200px;
+    max-width: 200px;
+    min-height: calc(100% - 16px);
+    z-index: 999;
+    font-size: 12px;
+    color: #fff !important;
+    pointer-events: none;
+    transition:
+      background-color 0.3s,
+      width 0.3s,
+      height 0.3s,
+      color 0.3s;
+    border: 1px solid #e55353;
+    background-color: #e55353;
+    border-radius: 6px;
+    color: rgb(34, 34, 34);
+  }
+
+  .tooltip::before {
+    position: absolute;
+    content: '';
+    height: 0.6em;
+    width: 0.6em;
+    right: 0px;
+    top: 14px;
+    z-index: 999;
+    transform: translateY(10px);
+    border: 1px solid #e55353;
+    border-bottom: none;
+    border-left: none;
+    transform: translate(50%) rotate(45deg);
+    background-color: #e55353;
+  }
+
+  .tooltip-container:hover .tooltip {
+    top: 2.5px;
+    opacity: 1;
+    visibility: visible;
+    z-index: 999;
+    pointer-events: auto;
+  }
+}
+
+.top {
+  .tooltip {
+    position: absolute;
+    top: -40;
+    left: 0;
+    transform: translateX(0%);
+    padding: 0.3em 0.6em;
+    opacity: 0;
+    width: 100%;
+    z-index: 999;
+    font-size: 12px;
+    color: #fff !important;
+    pointer-events: none;
+    transition:
+      background-color 0.3s,
+      width 0.3s,
+      height 0.3s,
+      color 0.3s;
+    border: 1px solid #e55353;
+    background-color: #e55353;
+    border-radius: 6px;
+    color: rgb(34, 34, 34);
+  }
+
+  .tooltip::before {
+    position: absolute;
+    content: '';
+    height: 0.6em;
+    width: 0.6em;
+    right: 20px;
+    z-index: 999;
+    bottom: -4px;
+    border: 1px solid #e55353;
+    border-left: none;
+    border-top: none;
+    transform: translate(50%) rotate(45deg);
+    background-color: #e55353;
+  }
+
+  .tooltip-container:hover .tooltip {
+    top: -40px;
+    opacity: 1;
+    visibility: visible;
+    z-index: 999;
+    pointer-events: auto;
+  }
+}
+
+.custom-tooltip-container {
+  position: relative;
+  display: inline-block;
+}
+
+.custom-text {
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.custom-tooltip {
+  position: absolute;
+  top: 100%;
+  left: 20%;
+  opacity: 0;
+  visibility: hidden;
+  font-size: 12px;
+  background: #deefff;
+  border-color: #bee0ff;
+  padding: 5px;
+  align-items: center;
+  transition:
+    opacity 0.3s,
+    visibility 0.3s,
+    top 0.3s,
+    background 0.3s;
+  z-index: 1;
+}
+
+.custom-tooltip::before {
+  content: '';
+  position: absolute;
+  bottom: 100%;
+  left: 20%;
+  /* Center the arrow */
+  border-width: 9px;
+  /* Slightly larger to act as border */
+  border-style: solid;
+  border-color: transparent transparent #bee0ff transparent;
+  /* Border color */
+  transform: translateX(-20%);
+  z-index: -1;
+  /* Ensure it's behind the ::after pseudo-element */
+}
+
+.custom-tooltip::after {
+  content: '';
+  position: absolute;
+  bottom: 100%;
+  left: 20%;
+  border-width: 8px;
+  border-style: solid;
+  border-color: transparent transparent #deefff transparent;
+  transform: translateX(-20%);
+  z-index: 1;
+}
+
+.custom-tooltip-container:hover .custom-tooltip {
+  top: 100%;
+  opacity: 1;
+  visibility: visible;
+  background: #deefff;
+  transform: translate(-20%, 10px);
+}

package/dist/styles/components/treedropdown.css

@@ -2,7 +2,7 @@
   display: flex;
   flex-direction: column;
 }
-.qbs-tree-list-container {
+.qbs-tree-list-container-sub {
   display: flex;
   flex-direction: row;
   align-items: flex-start;
@@ -32,16 +32,32 @@
 }
 
 .qbs-tree-list-container-sub-container.checked {
-  background: color #8dc1f0 / 20px; /* Custom background for 'slected_node/20' */
+  background-color: rgba(
+    141,
+    194,
+    240,
+    0.15
+  ) !important; /* Corresponds to bg-green-200 in Tailwind */
 }
-.qbs-tree-list-container-sub-text {
+.qbs-tree-list-container-sub-container.marginLeft {
+  margin-left: 28px; /* Corresponds to ml-2 in Tailwind */
+}
+.qbs-tree-list-container-sub- {
   line-height: 18px; /* Corresponds to leading-[18px] in Tailwind */
   font-size: 0.875rem; /* Corresponds to text-sm in Tailwind (14px) */
 }
 .qbs-tree-list-container-child {
-  margin-left: 1rem;   /* Corresponds to ml-4 in Tailwind */
-  margin-top: 0.5rem;  /* Corresponds to mt-2 in Tailwind */
-  display: flex;       /* Corresponds to flex in Tailwind */
+  margin-left: 1rem; /* Corresponds to ml-4 in Tailwind */
+  margin-top: 0.5rem; /* Corresponds to mt-2 in Tailwind */
+  display: flex; /* Corresponds to flex in Tailwind */
   flex-direction: column; /* Corresponds to flex-col in Tailwind */
-  gap: 0.5rem;         /* Corresponds to gap-2 in Tailwind */
+  gap: 0.5rem; /* Corresponds to gap-2 in Tailwind */
+}
+.qbs-tree-list-container-sub-text {
+  line-height: 18px; /* Corresponds to leading-[18px] in Tailwind */
+  font-size: 14px; /* Corresponds to text-sm in Tailwind (14px) */
+  font-weight: 500;
+  letter-spacing: 0.28px;
+  font-family: 'Noto Sans';
+  color: #3d414a;
 }

package/dist/styles/global.css

@@ -3,4 +3,6 @@
 @tailwind utilities;
 
 @import './components/autocomplete.css';
-@import './components/treedropdown.css';
+@import './components/treedropdown.css';
+@import './components/selectedautocomplete.css';
+@import './components/tooltip.css';

package/dist/utilities/autosuggestions.d.ts

@@ -1,10 +1,10 @@
 type ValueProps = {
     [key: string]: string;
 };
-type UseSuggestionsType = (getData: (key?: string, next?: number) => Promise<ValueProps[]>, initialData?: ValueProps[], dropOpen?: boolean, asyncFetch?: boolean, paginationEnabled?: boolean, initialLoad?: boolean, inputValue?: string, isMultiple?: boolean, setNextPage?: (value: number) => void, selectedItems?: any[]) => {
+type UseSuggestionsType = (getData: (key?: string, next?: number, tabValue?: number | string) => Promise<ValueProps[]>, initialData?: ValueProps[], dropOpen?: boolean, asyncFetch?: boolean, paginationEnabled?: boolean, typeOnlyFetch?: boolean, inputValue?: string, isMultiple?: boolean, setNextPage?: (value: number) => void, selectedItems?: any[], initialLoad?: boolean) => {
     suggestions: ValueProps[];
     isLoading: boolean;
-    handlePickSuggestions: (value?: string, next?: number, append?: boolean) => Promise<void>;
+    handlePickSuggestions: (value?: string, next?: number, append?: boolean, tabValue?: string | number) => Promise<void>;
 };
 export declare const useSuggestions: UseSuggestionsType;
 export {};

package/dist/utilities/autosuggestions.js

@@ -47,17 +47,18 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSuggestions = void 0;
 var react_1 = require("react");
-var useSuggestions = function (getData, initialData, dropOpen, asyncFetch, paginationEnabled, initialLoad, inputValue, isMultiple, setNextPage, selectedItems) {
+var useSuggestions = function (getData, initialData, dropOpen, asyncFetch, paginationEnabled, initialLoad, inputValue, isMultiple, setNextPage, selectedItems, typeOnlyFetch) {
     if (initialData === void 0) { initialData = []; }
     if (dropOpen === void 0) { dropOpen = false; }
     if (asyncFetch === void 0) { asyncFetch = false; }
     if (paginationEnabled === void 0) { paginationEnabled = false; }
     if (initialLoad === void 0) { initialLoad = false; }
-    if (inputValue === void 0) { inputValue = ''; }
+    if (inputValue === void 0) { inputValue = ""; }
     if (selectedItems === void 0) { selectedItems = []; }
+    if (typeOnlyFetch === void 0) { typeOnlyFetch = false; }
     var _a = (0, react_1.useState)(initialData), suggestions = _a[0], setSuggestions = _a[1];
     var _b = (0, react_1.useState)(false), isLoading = _b[0], setIsLoading = _b[1];
-    var handlePickSuggestions = function (value, nextPage, appendData) { return __awaiter(void 0, void 0, void 0, function () {
+    var handlePickSuggestions = function (value, nextPage, appendData, tabValue) { return __awaiter(void 0, void 0, void 0, function () {
         var data, newSuggestions, error_1;
         return __generator(this, function (_a) {
             switch (_a.label) {
@@ -67,7 +68,9 @@ var useSuggestions = function (getData, initialData, dropOpen, asyncFetch, pagin
                 case 1:
                     _a.trys.push([1, 3, 4, 5]);
                     return [4 /*yield*/, (asyncFetch || initialLoad
-                            ? getData(value, nextPage)
+                            ? typeOnlyFetch && value === ""
+                                ? Promise.resolve([])
+                                : getData(value, nextPage, tabValue)
                             : Promise.resolve(initialData))];
                 case 2:
                     data = _a.sent();
@@ -79,7 +82,7 @@ var useSuggestions = function (getData, initialData, dropOpen, asyncFetch, pagin
                     return [3 /*break*/, 5];
                 case 3:
                     error_1 = _a.sent();
-                    console.error('Error fetching data:', error_1);
+                    console.error("Error fetching data:", error_1);
                     return [3 /*break*/, 5];
                 case 4:
                     setIsLoading(false);
@@ -92,13 +95,14 @@ var useSuggestions = function (getData, initialData, dropOpen, asyncFetch, pagin
         if (dropOpen) {
             if (!isMultiple && (!inputValue || suggestions.length === 0)) {
                 setNextPage(1);
-                handlePickSuggestions('', paginationEnabled ? 1 : undefined);
+                handlePickSuggestions("", paginationEnabled ? 1 : undefined);
             }
             else if (isMultiple &&
                 (suggestions.length === 0 ||
                     !selectedItems ||
                     (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length) === 0)) {
-                handlePickSuggestions('', paginationEnabled ? 1 : undefined);
+                if (!typeOnlyFetch && !inputValue)
+                    handlePickSuggestions("", paginationEnabled ? 1 : undefined);
             }
         }
     }, [dropOpen]);

package/dist/utilities/autosuggestions.js.map

@@ -1 +1 @@
-{"version":3,"file":"autosuggestions.js","sourceRoot":"","sources":["../../src/utilities/autosuggestions.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA4C;AA4BrC,IAAM,cAAc,GAAuB,UAChD,OAAO,EACP,WAAgB,EAChB,QAAgB,EAChB,UAAkB,EAClB,iBAAyB,EACzB,WAAmB,EACnB,UAAe,EACf,UAAU,EACV,WAAW,EACX,aAAkB;IARlB,4BAAA,EAAA,gBAAgB;IAChB,yBAAA,EAAA,gBAAgB;IAChB,2BAAA,EAAA,kBAAkB;IAClB,kCAAA,EAAA,yBAAyB;IACzB,4BAAA,EAAA,mBAAmB;IACnB,2BAAA,EAAA,eAAe;IAGf,8BAAA,EAAA,kBAAkB;IAEZ,IAAA,KAAgC,IAAA,gBAAQ,EAAe,WAAW,CAAC,EAAlE,WAAW,QAAA,EAAE,cAAc,QAAuC,CAAC;IACpE,IAAA,KAA4B,IAAA,gBAAQ,EAAU,KAAK,CAAC,EAAnD,SAAS,QAAA,EAAE,YAAY,QAA4B,CAAC;IAE3D,IAAM,qBAAqB,GAAG,UAC5B,KAAc,EACd,QAAiB,EACjB,UAAoB;;;;;oBAEpB,YAAY,CAAC,IAAI,CAAC,CAAC;;;;oBAEJ,qBAAM,CAAC,UAAU,IAAI,WAAW;4BAC3C,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC;4BAC1B,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,EAAA;;oBAF3B,IAAI,GAAG,SAEoB;oBACjC,IAAI,CAAC,IAAI,IAAI,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,MAAK,CAAC,EAAE;wBAC/B,WAAW,CAAC,SAAS,CAAC,CAAC;qBACxB;oBACK,cAAc,GAAG,UAAU,CAAC,CAAC,iCAAK,WAAW,SAAK,IAAI,QAAE,CAAC,CAAC,IAAI,CAAC;oBACrE,cAAc,CAAC,cAAc,CAAC,CAAC;;;;oBAE/B,OAAO,CAAC,KAAK,CAAC,sBAAsB,EAAE,OAAK,CAAC,CAAC;;;oBAE7C,YAAY,CAAC,KAAK,CAAC,CAAC;;;;;SAEvB,CAAC;IAEF,IAAA,iBAAS,EAAC;QACR,IAAI,QAAQ,EAAE;YACZ,IAAI,CAAC,UAAU,IAAI,CAAC,CAAC,UAAU,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC,CAAC,EAAE;gBAC5D,WAAW,CAAC,CAAC,CAAC,CAAC;gBACf,qBAAqB,CAAC,EAAE,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;aAC9D;iBAAM,IACL,UAAU;gBACV,CAAC,WAAW,CAAC,MAAM,KAAK,CAAC;oBACvB,CAAC,aAAa;oBACd,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,MAAK,CAAC,CAAC,EAC9B;gBACA,qBAAqB,CAAC,EAAE,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;aAC9D;SACF;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,EAAE,WAAW,aAAA,EAAE,SAAS,WAAA,EAAE,qBAAqB,uBAAA,EAAE,CAAC;AAC3D,CAAC,CAAC;AAtDW,QAAA,cAAc,kBAsDzB"}
+{"version":3,"file":"autosuggestions.js","sourceRoot":"","sources":["../../src/utilities/autosuggestions.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA4C;AAkCrC,IAAM,cAAc,GAAuB,UAChD,OAAO,EACP,WAAgB,EAChB,QAAgB,EAChB,UAAkB,EAClB,iBAAyB,EACzB,WAAmB,EACnB,UAAe,EACf,UAAU,EACV,WAAW,EACX,aAAkB,EAClB,aAAqB;IATrB,4BAAA,EAAA,gBAAgB;IAChB,yBAAA,EAAA,gBAAgB;IAChB,2BAAA,EAAA,kBAAkB;IAClB,kCAAA,EAAA,yBAAyB;IACzB,4BAAA,EAAA,mBAAmB;IACnB,2BAAA,EAAA,eAAe;IAGf,8BAAA,EAAA,kBAAkB;IAClB,8BAAA,EAAA,qBAAqB;IAEf,IAAA,KAAgC,IAAA,gBAAQ,EAAe,WAAW,CAAC,EAAlE,WAAW,QAAA,EAAE,cAAc,QAAuC,CAAC;IACpE,IAAA,KAA4B,IAAA,gBAAQ,EAAU,KAAK,CAAC,EAAnD,SAAS,QAAA,EAAE,YAAY,QAA4B,CAAC;IAE3D,IAAM,qBAAqB,GAAG,UAC5B,KAAc,EACd,QAAiB,EACjB,UAAoB,EACpB,QAA0B;;;;;oBAE1B,YAAY,CAAC,IAAI,CAAC,CAAC;;;;oBAEJ,qBAAM,CAAC,UAAU,IAAI,WAAW;4BAC3C,CAAC,CAAC,aAAa,IAAI,KAAK,KAAK,EAAE;gCAC7B,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC;gCACrB,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,CAAC;4BACtC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,EAAA;;oBAJ3B,IAAI,GAAG,SAIoB;oBACjC,IAAI,CAAC,IAAI,IAAI,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,MAAK,CAAC,EAAE;wBAC/B,WAAW,CAAC,SAAS,CAAC,CAAC;qBACxB;oBACK,cAAc,GAAG,UAAU,CAAC,CAAC,iCAAK,WAAW,SAAK,IAAI,QAAE,CAAC,CAAC,IAAI,CAAC;oBACrE,cAAc,CAAC,cAAc,CAAC,CAAC;;;;oBAE/B,OAAO,CAAC,KAAK,CAAC,sBAAsB,EAAE,OAAK,CAAC,CAAC;;;oBAE7C,YAAY,CAAC,KAAK,CAAC,CAAC;;;;;SAEvB,CAAC;IAEF,IAAA,iBAAS,EAAC;QACR,IAAI,QAAQ,EAAE;YACZ,IAAI,CAAC,UAAU,IAAI,CAAC,CAAC,UAAU,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC,CAAC,EAAE;gBAC5D,WAAW,CAAC,CAAC,CAAC,CAAC;gBACf,qBAAqB,CAAC,EAAE,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;aAC9D;iBAAM,IACL,UAAU;gBACV,CAAC,WAAW,CAAC,MAAM,KAAK,CAAC;oBACvB,CAAC,aAAa;oBACd,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,MAAK,CAAC,CAAC,EAC9B;gBACA,IAAI,CAAC,aAAa,IAAI,CAAC,UAAU;oBAC/B,qBAAqB,CAAC,EAAE,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;aAChE;SACF;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,EAAE,WAAW,aAAA,EAAE,SAAS,WAAA,EAAE,qBAAqB,uBAAA,EAAE,CAAC;AAC3D,CAAC,CAAC;AA3DW,QAAA,cAAc,kBA2DzB"}

package/dist/utilities/deepDebounce.d.ts

@@ -0,0 +1 @@
+export declare function debounce<F extends (...args: any[]) => any>(fn: F, delay: number): (...args: Parameters<F>) => void;

package/dist/utilities/deepDebounce.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.debounce = void 0;
+function debounce(fn, delay) {
+    var timerId = null;
+    return function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        if (timerId) {
+            clearTimeout(timerId);
+        }
+        timerId = setTimeout(function () {
+            fn.apply(void 0, args);
+            timerId = null;
+        }, delay);
+    };
+}
+exports.debounce = debounce;
+//# sourceMappingURL=deepDebounce.js.map

package/dist/utilities/deepDebounce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"deepDebounce.js","sourceRoot":"","sources":["../../src/utilities/deepDebounce.ts"],"names":[],"mappings":";;;AAAA,SAAgB,QAAQ,CACtB,EAAK,EACL,KAAa;IAEb,IAAI,OAAO,GAAQ,IAAI,CAAA;IACvB,OAAO;QAAC,cAAsB;aAAtB,UAAsB,EAAtB,qBAAsB,EAAtB,IAAsB;YAAtB,yBAAsB;;QAC5B,IAAI,OAAO,EAAE;YACX,YAAY,CAAC,OAAO,CAAC,CAAA;SACtB;QACD,OAAO,GAAG,UAAU,CAAC;YACnB,EAAE,eAAI,IAAI,EAAC;YACX,OAAO,GAAG,IAAI,CAAA;QAChB,CAAC,EAAE,KAAK,CAAC,CAAA;IACX,CAAC,CAAA;AACH,CAAC;AAdD,4BAcC"}

package/dist/utilities/expandableTootltip.js

@@ -10,34 +10,12 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
 var react_dom_1 = __importDefault(require("react-dom"));
 var ExpandableToolTip = function (_a) {
     var title = _a.title, children = _a.children, enabled = _a.enabled;
@@ -135,20 +113,18 @@ var ExpandableToolTip = function (_a) {
             document.removeEventListener('mousedown', handleClickOutside);
         };
     }, []);
-    return (react_1.default.createElement("div", { onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ref: menuButtonRef, style: { display: 'flex' } },
-        children,
-        visible &&
-            enabled &&
-            tooltipStyle &&
-            react_dom_1.default.createPortal(react_1.default.createElement("span", { ref: function (node) { return (dropRef.current = node); }, className: "tooltiptext  ".concat(dropdownPosition == 'bottom-position' ? 'down' : 'up'), style: {
-                    top: tooltipStyle.top,
-                    left: tooltipStyle.left,
-                    opacity: 1,
-                    width: tooltipStyle.width,
-                    minWidth: '60px',
-                    maxWidth: '200px',
-                    visibility: 'visible',
-                } }, title), document.body)));
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ref: menuButtonRef, style: { display: 'flex' } }, { children: [children, visible &&
+                enabled &&
+                tooltipStyle &&
+                react_dom_1.default.createPortal((0, jsx_runtime_1.jsx)("span", __assign({ ref: function (node) { return (dropRef.current = node); }, className: "tooltiptext  ".concat(dropdownPosition == 'bottom-position' ? 'down' : 'up'), style: {
+                        top: tooltipStyle.top,
+                        left: tooltipStyle.left,
+                        opacity: 1,
+                        width: tooltipStyle.width,
+                        minWidth: '60px',
+                        maxWidth: '200px',
+                        visibility: 'visible',
+                    } }, { children: title })), document.body)] })));
 };
 exports.default = ExpandableToolTip;
 //# sourceMappingURL=expandableTootltip.js.map