react-core-ts 2.1.41 → 2.1.43

package/dist/styles/components/autocomplete.css

@@ -1,68 +1,20 @@
-/* Intentionally no global `body *` reset — avoids conflicting with consumer apps. */
-:root {
-  --rcts-grey-dark: #4a4a4a;
-  --rcts-grey-light: #d3d3d3;
-  --rcts-blue-navy: #001f3f;
-  --rcts-input-disabled: #a9a9a9;
-  --rcts-error-light: #f08080;
-  --rcts-error-extra-light: #fddede;
-  --rcts-success: #28a745;
-  --rcts-success-light: #d4edda;
-  --rcts-blue-light: #add8e6;
-  /* Back-compat aliases */
-  --grey-dark: var(--rcts-grey-dark);
-  --grey-light: var(--rcts-grey-light);
-  --blue-navy: var(--rcts-blue-navy);
-  --input-disabled: var(--rcts-input-disabled);
-  --error-light: var(--rcts-error-light);
-  --error-extra-light: var(--rcts-error-extra-light);
-  --success: var(--rcts-success);
-  --success-light: var(--rcts-success-light);
-  --blue-light: var(--rcts-blue-light);
-  --table-hover: #f8f8f8;
-}
-
-/*
- * Scoped border-box so TextField / Autocomplete heights match pre-4.0.2 behavior.
- * (Removing global body * broke height because padding+border were added outside h-*).
- */
-.qbs-textfield,
-.qbs-textfield *,
-.qbs-autocomplete-selected-comp,
-.qbs-autocomplete-selected-comp *,
-.qbs-autocomplete-suggestions,
-.qbs-autocomplete-suggestions *,
-.autocomplete-suggections,
-.autocomplete-suggections *,
-.qbs-expandable-container,
-.qbs-expandable-container *,
-.tooltip-container,
-.tooltip-container *,
-.react-core-ts-search-container,
-.react-core-ts-search-container *,
-.qbs-autocomplete-container-table-view,
-.qbs-autocomplete-container-table-view * {
-  box-sizing: border-box;
-}
-
-/* Explicit TextField size heights — reliable even if utility order fights other CSS */
-.qbs-textfield input.qbs-h-10,
-input.qbs-peer.qbs-h-10 {
-  height: 2.5rem;
-  min-height: 2.5rem;
+body * {
   box-sizing: border-box;
 }
-.qbs-textfield input.qbs-h-\[25px\],
-input.qbs-peer.qbs-h-\[25px\] {
-  height: 25px;
-  min-height: 25px;
-  box-sizing: border-box;
+:root {
+  --grey-dark: #4a4a4a;
+  --grey-light: #d3d3d3;
+  --blue-navy: #001f3f;
+  --input-disabled: #a9a9a9;
+  --error-light: #f08080;
+  --error-extra-light: #fddede;
+  --success: #28a745;
+  --success-light: #d4edda;
+  --blue-light: #add8e6;
 }
-.qbs-textfield input.qbs-h-\[34px\],
-input.qbs-peer.qbs-h-\[34px\] {
-  height: 34px;
-  min-height: 34px;
-  box-sizing: border-box;
+:root {
+  --blue-navy: #001f3f;
+  --table-hover: #your-hover-color; /* Replace with your actual color code */
 }
 
 .custom-spinner {
@@ -248,6 +200,10 @@ input.qbs-peer.qbs-h-\[34px\] {
   color: #313131;
 }
 
+.qbs-textfield-default:disabled {
+  z-index: 0;
+}
+
 .qbs-expandable-container {
   border: 1px solid #d6d8dc;
   background: #fff;
@@ -442,8 +398,7 @@ ul {
   position: absolute;
   right: 25px;
   z-index: 99;
-  top: 50%;
-  transform: translateY(-50%);
+  top: 18px;
   flex-wrap: wrap;
 }
 
@@ -469,8 +424,7 @@ ul {
   position: absolute;
   right: 8px;
   z-index: 99;
-  top: 50%;
-  transform: translateY(-50%);
+  top: 6.5px;
   flex-wrap: wrap;
 }
 
@@ -494,6 +448,12 @@ ul {
   right: 8px;
 }
 
+.selected-item-inline-counter-disabled .badge {
+  background-color: #c63a3a;
+  color: #fff;
+  opacity: 1;
+}
+
 .selected-item-tool-direct-counter {
   right: 60px;
 }
@@ -745,6 +705,11 @@ span.dropdown-search-icon {
   border-color: transparent transparent #000 transparent;
 }
 
+.custom_tooltip_style_class.up.tooltiptext::after,
+.custom_tooltip_style_class.down.tooltiptext::after {
+  left: var(--tooltip-arrow-left, 50%);
+}
+
 .autocomplete-suggections .qbs-autocomplete-suggections-items {
   display: flex;
   /* justify-content: space-between; */
@@ -869,89 +834,18 @@ span.dropdown-search-icon {
 
 /* TextField Inner Search Button */
 .inner-search-button {
-  position: absolute;
   background: #f8f8f8;
-  border: none;
-  border-radius: 0 3px 3px 0;
-  padding: 0 8px;
+  border-radius: 6px;
+  padding: 0px 8px;
   display: flex;
   align-items: center;
-  justify-content: center;
+  justify-content: center;  
   cursor: pointer;
-  height: calc(100% - 2px);
+  height: 38px;
   width: 38px;
   top: 1px;
-  right: 1px;
-  z-index: 2;
-  box-sizing: border-box;
+  right: 2px;
 }
 .search-btn-input {
   padding-right: 38px;
-}
-
-/*
- * Keep end icons inside the input border.
- * (Sibling flex + qbs-w-full previously pushed icons outside the bordered input.)
- */
-.qbs-autocomplete-adorement-wrapper,
-.qbs-input-adorement-wrapper {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  display: flex;
-  align-items: center;
-  z-index: 2;
-  pointer-events: none;
-}
-.qbs-autocomplete-adorement-wrapper > *,
-.qbs-input-adorement-wrapper > * {
-  pointer-events: auto;
-}
-
-.qbs-autocomplete-adorement-wrapper .adorement,
-.qbs-autocomplete-adorement-wrapper .qbs-autocomplete-adorement,
-.qbs-input-adorement-wrapper .adorement {
-  position: relative !important;
-  right: auto !important;
-  top: auto !important;
-  height: 100%;
-  padding-right: 4px;
-  box-sizing: border-box;
-}
-
-/* Avoid Tailwind `container` utility collision (prefix makes it `.qbs-container`) */
-.qbs-selected-comp-normal {
-  position: relative;
-  display: block;
-  width: 100%;
-  max-width: none;
-}
-
-.qbs-autocomplete-selected-comp {
-  position: relative;
-  display: block;
-  width: 100%;
-}
-
-.qbs-autocomplete-selected-comp > .qbs-textfield-expandable.qbs-normal,
-.qbs-autocomplete-selected-comp > .qbs-textfield-expandable.qbs-normal .qbs-textfield-default {
-  display: block;
-  width: 100%;
-}
-
-/* Tools icon should sit inside the field, vertically centered */
-.qbs-tools-drop-btn {
-  position: absolute !important;
-  right: 8px !important;
-  top: 50% !important;
-  transform: translateY(-50%);
-  z-index: 2;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  background: transparent;
-  border: none;
-  padding: 0;
-  cursor: pointer;
 }

package/dist/styles/global.css

@@ -2,9 +2,7 @@
 @tailwind components;
 @tailwind utilities;
 
-@import './components/modern-input.css';
-@import './components/qbs-fallbacks.css';
 @import './components/autocomplete.css';
 @import './components/treedropdown.css';
 @import './components/selectedautocomplete.css';
-@import './components/tooltip.css';
+@import './components/tooltip.css';

package/dist/styles/styles/components/autocomplete.css

@@ -705,6 +705,11 @@ span.dropdown-search-icon {
   border-color: transparent transparent #000 transparent;
 }
 
+.custom_tooltip_style_class.up.tooltiptext::after,
+.custom_tooltip_style_class.down.tooltiptext::after {
+  left: var(--tooltip-arrow-left, 50%);
+}
+
 .autocomplete-suggections .qbs-autocomplete-suggections-items {
   display: flex;
   /* justify-content: space-between; */

package/dist/utilities/NewTooltip.js

@@ -17,6 +17,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var react_dom_1 = __importDefault(require("react-dom"));
+var getPosition_1 = require("./getPosition");
 var ExpandableToolTip = function (_a) {
     var title = _a.title, children = _a.children, enabled = _a.enabled;
     var _b = (0, react_1.useState)('bottom-position'), dropdownPosition = _b[0], setDropdownPosition = _b[1];
@@ -27,10 +28,10 @@ var ExpandableToolTip = function (_a) {
     var _e = (0, react_1.useState)({
         top: 0,
         left: 0,
-        width: 0,
+        arrowOffset: 50,
     }), tooltipStyle = _e[0], setTooltipStyle = _e[1];
     var hideTimeoutRef = (0, react_1.useRef)(null);
-    var handleMouseEnter = function (e) {
+    var handleMouseEnter = function () {
         if (hideTimeoutRef.current) {
             clearTimeout(hideTimeoutRef.current);
             hideTimeoutRef.current = null;
@@ -39,51 +40,37 @@ var ExpandableToolTip = function (_a) {
             setVisible(true);
         }
     };
-    (0, react_1.useEffect)(function () {
-        if (visible &&
-            isTooltipMounted &&
-            menuButtonRef.current &&
-            dropRef.current) {
-            var inputBoxRect_1 = menuButtonRef.current.getBoundingClientRect();
-            var tooltipHeight = dropRef.current.offsetHeight;
-            var tooltipWidth = dropRef.current.offsetWidth;
-            var boxWidth = inputBoxRect_1.width;
-            var viewportHeight = window.innerHeight;
-            var spaceAbove = inputBoxRect_1.top;
-            var spaceBelow = viewportHeight - inputBoxRect_1.bottom;
-            var dropPosition_1 = 'bottom-position';
-            if (spaceBelow >= tooltipHeight + 20) {
-                dropPosition_1 = 'bottom-position';
-            }
-            else if (spaceAbove >= tooltipHeight + 20) {
-                dropPosition_1 = 'top-position';
+    var updatePosition = (0, react_1.useCallback)(function () {
+        if (!menuButtonRef.current || !dropRef.current)
+            return;
+        var coords = (0, getPosition_1.getPortalTooltipCoords)(menuButtonRef.current, dropRef.current);
+        setDropdownPosition(coords.placement);
+        setTooltipStyle(function (prev) {
+            if (prev.top === coords.top &&
+                prev.left === coords.left &&
+                prev.arrowOffset === coords.arrowOffset) {
+                return prev;
             }
-            else {
-                dropPosition_1 =
-                    spaceBelow > spaceAbove ? 'bottom-position' : 'top-position';
-            }
-            setDropdownPosition(dropPosition_1);
-            var top_1 = dropPosition_1 === 'bottom-position'
-                ? inputBoxRect_1.bottom + 8 + window.scrollY
-                : inputBoxRect_1.top - tooltipHeight - 8 + window.scrollY;
-            var left = inputBoxRect_1.left + boxWidth / 2 - 200 / 2 + window.scrollX;
-            setTooltipStyle({
-                top: top_1,
-                left: Math.max(left, 8),
-                width: 200,
-            });
-            // ✨ Recalculate again after a small delay
-            setTimeout(function () {
-                if (dropRef.current) {
-                    var correctedHeight = dropRef.current.offsetHeight;
-                    var correctedTop_1 = dropPosition_1 === 'bottom-position'
-                        ? inputBoxRect_1.bottom + 8 + window.scrollY
-                        : inputBoxRect_1.top - correctedHeight - 8 + window.scrollY;
-                    setTooltipStyle(function (prev) { return (__assign(__assign({}, prev), { top: correctedTop_1 })); });
-                }
-            }, 0);
-        }
-    }, [visible]);
+            return {
+                top: coords.top,
+                left: coords.left,
+                arrowOffset: coords.arrowOffset,
+            };
+        });
+    }, []);
+    (0, react_1.useLayoutEffect)(function () {
+        if (!visible || !isTooltipMounted)
+            return;
+        updatePosition();
+        var frame = window.requestAnimationFrame(updatePosition);
+        window.addEventListener('resize', updatePosition);
+        window.addEventListener('scroll', updatePosition, true);
+        return function () {
+            window.cancelAnimationFrame(frame);
+            window.removeEventListener('resize', updatePosition);
+            window.removeEventListener('scroll', updatePosition, true);
+        };
+    }, [visible, isTooltipMounted, updatePosition]);
     (0, react_1.useEffect)(function () {
         var handleMouseMove = function (event) {
             if (!menuButtonRef.current || !dropRef.current)
@@ -140,11 +127,11 @@ var ExpandableToolTip = function (_a) {
                         left: tooltipStyle.left,
                         opacity: visible ? 1 : 0,
                         visibility: visible ? 'visible' : 'hidden',
-                        width: tooltipStyle.width,
                         minWidth: '60px',
                         maxWidth: '200px',
                         pointerEvents: 'auto',
                         maxHeight: '210px',
+                        '--tooltip-arrow-left': "".concat(tooltipStyle.arrowOffset, "px"),
                     } }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: "", style: {
                             maxHeight: '200px',
                             overflowY: 'auto',

package/dist/utilities/NewTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"NewTooltip.js","sourceRoot":"","sources":["../../src/utilities/NewTooltip.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"NewTooltip.js","sourceRoot":"","sources":["../../src/utilities/NewTooltip.tsx"],"names":[],"mappings":"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"}

package/dist/utilities/expandableTootltip.js

@@ -17,6 +17,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var react_dom_1 = __importDefault(require("react-dom"));
+var getPosition_1 = require("./getPosition");
 var ExpandableToolTip = function (_a) {
     var title = _a.title, children = _a.children, enabled = _a.enabled;
     var _b = (0, react_1.useState)('bottom-position'), dropdownPosition = _b[0], setDropdownPosition = _b[1];
@@ -26,82 +27,45 @@ var ExpandableToolTip = function (_a) {
     var _d = (0, react_1.useState)({
         top: 0,
         left: 0,
-        width: 0,
+        arrowOffset: 50,
     }), tooltipStyle = _d[0], setTooltipStyle = _d[1];
-    var adjustDropdownPosition = function () {
-        var _a;
-        if (menuButtonRef.current) {
-            var inputBoxRect = (_a = menuButtonRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
-            var viewportHeight = window.innerHeight;
-            var spaceAbove = inputBoxRect.top;
-            var spaceBelow = viewportHeight - inputBoxRect.bottom;
-            if (spaceAbove > spaceBelow) {
-                if (spaceAbove > 90 && spaceBelow < 120) {
-                    return 'top-position';
-                }
-                else {
-                    return 'bottom-position';
-                }
-            }
-            else {
-                var diff = spaceBelow - spaceAbove;
-                if (spaceAbove > 90 && spaceBelow > 90 && diff < 90) {
-                    return 'top-position';
-                }
-                else {
-                    return 'bottom-position';
-                }
-            }
-        }
-    };
-    var handleMouseEnter = function (e) {
-        var _a;
-        if (menuButtonRef.current) {
-            var dropPosition = adjustDropdownPosition();
-            setDropdownPosition(dropPosition);
-            var rect = e.target.getBoundingClientRect();
-            var top_1 = rect.bottom + window.scrollY;
-            var left = rect.left + window.scrollX;
-            var height = rect.height;
-            var width = (_a = dropRef === null || dropRef === void 0 ? void 0 : dropRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth;
-            if (dropPosition === 'bottom-position') {
-                top_1 = top_1 + height / 2 - 5;
-            }
-            else {
-                top_1 = top_1 - height * 2 + 15;
-            }
-            setTooltipStyle({
-                top: top_1,
-                left: left,
-                width: width,
-            });
-            setVisible(true);
-        }
+    var handleMouseEnter = function () {
+        setVisible(true);
     };
     var handleMouseLeave = function () {
         setVisible(false);
     };
-    (0, react_1.useLayoutEffect)(function () {
-        var updateTooltipPosition = function () {
-            if (dropRef.current && visible && tooltipStyle) {
-                var tooltipHeight_1 = dropRef.current.offsetHeight;
-                var tooltipWidth_1 = dropRef.current.offsetWidth;
-                var boxWidth_1 = menuButtonRef.current.offsetWidth;
-                setTooltipStyle(function (prevStyle) { return (__assign(__assign({}, prevStyle), { left: prevStyle.left + boxWidth_1 / 2 - tooltipWidth_1 / 2 < 0
-                        ? 20
-                        : prevStyle.left + boxWidth_1 / 2 - tooltipWidth_1 / 2, width: tooltipWidth_1, top: dropdownPosition === 'bottom-position'
-                        ? prevStyle.top
-                        : prevStyle.top - tooltipHeight_1 })); });
+    var updatePosition = (0, react_1.useCallback)(function () {
+        if (!menuButtonRef.current || !dropRef.current)
+            return;
+        var coords = (0, getPosition_1.getPortalTooltipCoords)(menuButtonRef.current, dropRef.current);
+        setDropdownPosition(coords.placement);
+        setTooltipStyle(function (prev) {
+            if (prev.top === coords.top &&
+                prev.left === coords.left &&
+                prev.arrowOffset === coords.arrowOffset) {
+                return prev;
             }
-        };
-        if (visible) {
-            updateTooltipPosition();
-        }
-        window.addEventListener('resize', updateTooltipPosition);
+            return {
+                top: coords.top,
+                left: coords.left,
+                arrowOffset: coords.arrowOffset,
+            };
+        });
+    }, []);
+    (0, react_1.useLayoutEffect)(function () {
+        if (!visible)
+            return;
+        updatePosition();
+        var frame = window.requestAnimationFrame(updatePosition);
+        window.addEventListener('resize', updatePosition);
+        window.addEventListener('scroll', updatePosition, true);
         return function () {
-            window.removeEventListener('resize', updateTooltipPosition);
+            window.cancelAnimationFrame(frame);
+            window.removeEventListener('resize', updatePosition);
+            window.removeEventListener('scroll', updatePosition, true);
         };
-    }, [visible, dropdownPosition]);
+    }, [visible, updatePosition]);
     (0, react_1.useEffect)(function () {
         var handleClickOutside = function (event) {
             if (dropRef.current && !dropRef.current.contains(event.target)) {
@@ -116,14 +80,16 @@ var ExpandableToolTip = function (_a) {
     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 custom_tooltip_style_class  ".concat(dropdownPosition == 'bottom-position' ? 'down' : 'up'), style: {
+                react_dom_1.default.createPortal((0, jsx_runtime_1.jsx)("span", __assign({ ref: function (node) {
+                        dropRef.current = node;
+                    }, className: "tooltiptext custom_tooltip_style_class  ".concat(dropdownPosition == 'bottom-position' ? 'down' : 'up'), style: {
                         top: tooltipStyle.top,
                         left: tooltipStyle.left,
                         opacity: 1,
-                        width: tooltipStyle.width,
                         minWidth: '60px',
                         maxWidth: '200px',
                         visibility: 'visible',
+                        '--tooltip-arrow-left': "".concat(tooltipStyle.arrowOffset, "px"),
                     } }, { children: (0, jsx_runtime_1.jsx)("span", __assign({ className: "tooltip-text-container" }, { children: title })) })), document.body)] })));
 };
 exports.default = ExpandableToolTip;

package/dist/utilities/expandableTootltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"expandableTootltip.js","sourceRoot":"","sources":["../../src/utilities/expandableTootltip.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"expandableTootltip.js","sourceRoot":"","sources":["../../src/utilities/expandableTootltip.tsx"],"names":[],"mappings":"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"}

package/dist/utilities/getPosition.d.ts

@@ -1,3 +1,12 @@
 import React from 'react';
 export declare const applyPositionClass: (textFieldRef: React.RefObject<HTMLDivElement>, isHovered?: boolean) => void;
 export declare const applyToolTipPositionClass: (textFieldRef: React.RefObject<HTMLDivElement>) => void;
+export type PortalTooltipPlacement = 'top-position' | 'bottom-position';
+export type PortalTooltipCoords = {
+    top: number;
+    left: number;
+    arrowOffset: number;
+    placement: PortalTooltipPlacement;
+};
+/** Center a portaled tooltip on its trigger and keep the arrow on the trigger. */
+export declare const getPortalTooltipCoords: (anchorEl: HTMLElement, tooltipEl: HTMLElement) => PortalTooltipCoords;

package/dist/utilities/getPosition.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.applyToolTipPositionClass = exports.applyPositionClass = void 0;
+exports.getPortalTooltipCoords = exports.applyToolTipPositionClass = exports.applyPositionClass = void 0;
 // const getPosition = (textFieldElement: HTMLElement) => {
 //   const textFieldRect = textFieldElement.getBoundingClientRect()
 //   const spaceBelow = window.innerHeight - textFieldRect.bottom
@@ -52,4 +52,44 @@ var applyToolTipPositionClass = function (textFieldRef) {
     }
 };
 exports.applyToolTipPositionClass = applyToolTipPositionClass;
+var VIEWPORT_PAD = 8;
+var TOOLTIP_GAP = 8;
+var ARROW_HALF = 5;
+/** Center a portaled tooltip on its trigger and keep the arrow on the trigger. */
+var getPortalTooltipCoords = function (anchorEl, tooltipEl) {
+    var anchor = anchorEl.getBoundingClientRect();
+    var tooltipWidth = Math.max(tooltipEl.offsetWidth, 60);
+    var tooltipHeight = tooltipEl.offsetHeight;
+    var spaceAbove = anchor.top;
+    var spaceBelow = window.innerHeight - anchor.bottom;
+    var placement = 'bottom-position';
+    if (spaceBelow >= tooltipHeight + 20) {
+        placement = 'bottom-position';
+    }
+    else if (spaceAbove >= tooltipHeight + 20) {
+        placement = 'top-position';
+    }
+    else {
+        placement = spaceBelow > spaceAbove ? 'bottom-position' : 'top-position';
+    }
+    var top = placement === 'bottom-position'
+        ? anchor.bottom + TOOLTIP_GAP + window.scrollY
+        : anchor.top - tooltipHeight - TOOLTIP_GAP + window.scrollY;
+    var triggerCenterX = anchor.left + anchor.width / 2;
+    var minLeft = VIEWPORT_PAD;
+    var maxLeft = window.innerWidth - tooltipWidth - VIEWPORT_PAD;
+    var left = maxLeft < minLeft
+        ? minLeft
+        : Math.min(Math.max(triggerCenterX - tooltipWidth / 2, minLeft), maxLeft);
+    var minArrow = ARROW_HALF + 6;
+    var maxArrow = Math.max(minArrow, tooltipWidth - ARROW_HALF - 6);
+    var arrowOffset = Math.min(Math.max(triggerCenterX - left, minArrow), maxArrow);
+    return {
+        top: top,
+        left: left + window.scrollX,
+        arrowOffset: arrowOffset,
+        placement: placement,
+    };
+};
+exports.getPortalTooltipCoords = getPortalTooltipCoords;
 //# sourceMappingURL=getPosition.js.map

package/dist/utilities/getPosition.js.map

@@ -1 +1 @@
-{"version":3,"file":"getPosition.js","sourceRoot":"","sources":["../../src/utilities/getPosition.ts"],"names":[],"mappings":";;;AAEA,2DAA2D;AAC3D,mEAAmE;AAEnE,iEAAiE;AACjE,+CAA+C;AAC/C,IAAI;AACJ,IAAM,mBAAmB,GAAG,UAAC,OAAoB;IAC/C,IAAI,MAAM,GAAG,OAAO,CAAC,aAAa,CAAC;IACnC,OAAO,MAAM,EAAE;QACb,IAAM,SAAS,GAAG,MAAM,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC;QAC5D,IAAI,SAAS,KAAK,QAAQ,IAAI,SAAS,KAAK,MAAM,EAAE;YAClD,OAAO,MAAM,CAAC;SACf;QACD,MAAM,GAAG,MAAM,CAAC,aAAa,CAAC;KAC/B;IACD,OAAO,MAAM,CAAC,CAAC,sDAAsD;AACvE,CAAC,CAAC;AAEF,IAAM,WAAW,GAAG,UAClB,gBAA6B,EAC7B,aAAuB;IAEvB,IAAM,aAAa,GAAG,gBAAgB,CAAC,qBAAqB,EAAE,CAAC;IAC/D,IAAM,gBAAgB,GAAG,mBAAmB,CAAC,gBAAgB,CAAgB,CAAC;IAC9E,IAAM,UAAU,GAAG,gBAAgB,CAAC,qBAAqB,EAAE,CAAC;IAE5D,IAAM,UAAU,GAAG,UAAU,CAAC,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC;IAC5D,IAAI,aAAa,EAAE;QACjB,OAAO,UAAU,GAAG,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC;KACrD;SAAM;QACL,OAAO,UAAU,GAAG,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC;KAC3C;AACH,CAAC,CAAC;AACK,IAAM,kBAAkB,GAAG,UAChC,YAA6C,EAC7C,SAAmB;IAEnB,IAAI,YAAY,CAAC,OAAO,EAAE;QACxB,IAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,CAAC;QAC9C,IAAI,SAAS,EAAE;YACb,IAAM,aAAa,GAAG,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAC,+BAA+B;YACpF,gBAAgB,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;YACnD,gBAAgB,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;SAC/C;aAAM;YACL,gBAAgB,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;SAC1C;KACF;AACH,CAAC,CAAC;AAdW,QAAA,kBAAkB,sBAc7B;AACK,IAAM,yBAAyB,GAAG,UACvC,YAA6C;IAE7C,IAAI,YAAY,CAAC,OAAO,EAAE;QACxB,IAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,CAAC;QAC9C,IAAM,aAAa,GAAG,WAAW,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAAC,CAAC,+BAA+B;QAE1F,gBAAgB,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,CAAC;QAC7D,gBAAgB,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;KAC/C;AACH,CAAC,CAAC;AAVW,QAAA,yBAAyB,6BAUpC"}
+{"version":3,"file":"getPosition.js","sourceRoot":"","sources":["../../src/utilities/getPosition.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-core-ts",
-  "version": "2.1.41",
+  "version": "2.1.43",
   "description": "React Components",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",