@sankhyalabs/core 5.20.0-dev.14 → 5.20.0-dev.17

package/dist/utils/OverflowWatcher/index.d.ts

@@ -2,14 +2,19 @@ import { OverflowDirection } from "./types/overflow-direction.js";
 import { OnOverflowCallBack } from "./types/overflow-callback.js";
 export * from "./types/overflow-direction.js";
 export * from "./types/overflow-callback.js";
+export declare const OVERFLOWED_CLASS_NAME = "overflowed";
 export default class OverflowWatcher {
     private _onResize;
     private _resizeObserver;
-    private _lastContentRect;
+    private _lastContainerSize;
+    private _lastContainerInstance;
     private _scrollDirection;
     private _propSize;
-    private _hiddenItems;
+    private _hiddenItemsProps;
+    private _notOverFlowPros;
     private _deltaSize;
+    private _notOverFlow;
+    readonly DATA_ELEMENT_ID = "data-element-id";
     /**
      * Cria uma instancia do OverflowWatcher
      *
@@ -17,15 +22,38 @@ export default class OverflowWatcher {
      * @param callback - Função que sera chamada quando ocorrer overflow no elemento.
      * @param overFlowDirection - Indica direção que o overflow será monitorado.
      * @param deltaSize - Variação de tamanho que será considerada como overflow.
+     * @param debounce - Tempo até execução do callback em milissegundos.
+     * @param notOverFlow - Lista de ids ou data-element-ids dos elementos que não devem sofrer overFlow.
      */
-    constructor(element: HTMLElement, callback: OnOverflowCallBack, overFlowDirection?: OverflowDirection, deltaSize?: number);
+    constructor({ element, callback, overFlowDirection, debounce, deltaSize, notOverFlow }: OverFlowWatcherParams);
+    addNotOverFlowElement(elementId: string): void;
     destroy(): void;
+    forceUpdate(): void;
     private handleResize;
-    private isChangedSize;
-    private getPropSizeByDirection;
+    private updateOverFlowedItems;
+    private registerNotOverflowProps;
+    private canNotRegisterNotOverFlow;
+    private hasChangedSize;
     private proccessElements;
-    private proccessElementsWithoutOverFlow;
+    private clearOverFlow;
     private proccessElementsOverFlow;
+    private isElementOverFlowing;
+    private canOverFlowElement;
+    private getDataElementId;
+    private exceedsAvaliableSize;
+    private calculateVariation;
+    private canNotOverFlowNotIncludedIds;
+    private registerElementSize;
+    private getElementSizeProps;
     private calcChildrenSize;
-    private calcMarginSize;
+    private calcElementSize;
+    private isOverFlowed;
+}
+export interface OverFlowWatcherParams {
+    element: HTMLElement;
+    callback: OnOverflowCallBack;
+    overFlowDirection?: OverflowDirection;
+    deltaSize?: number;
+    debounce?: number;
+    notOverFlow?: string[];
 }

package/dist/utils/OverflowWatcher/index.js

@@ -1,7 +1,9 @@
 import { JSUtils } from "../JSUtils.js";
 import { OverflowDirection } from "./types/overflow-direction.js";
+import { calcMarginSize } from '../ElementUtils.js';
 export * from "./types/overflow-direction.js";
 export * from "./types/overflow-callback.js";
+export const OVERFLOWED_CLASS_NAME = 'overflowed';
 export default class OverflowWatcher {
     /**
      * Cria uma instancia do OverflowWatcher
@@ -10,98 +12,177 @@ export default class OverflowWatcher {
      * @param callback - Função que sera chamada quando ocorrer overflow no elemento.
      * @param overFlowDirection - Indica direção que o overflow será monitorado.
      * @param deltaSize - Variação de tamanho que será considerada como overflow.
+     * @param debounce - Tempo até execução do callback em milissegundos.
+     * @param notOverFlow - Lista de ids ou data-element-ids dos elementos que não devem sofrer overFlow.
      */
-    constructor(element, callback, overFlowDirection = OverflowDirection.HORIZONTAL, deltaSize = 10) {
-        this._lastContentRect = undefined;
+    constructor({ element, callback, overFlowDirection = OverflowDirection.HORIZONTAL, debounce = 200, deltaSize = 0, notOverFlow = [] }) {
+        this._lastContainerSize = undefined;
+        this._lastContainerInstance = undefined;
         this._scrollDirection = OverflowDirection.HORIZONTAL;
-        this._hiddenItems = [];
+        this._hiddenItemsProps = new Map();
+        this._notOverFlowPros = new Map();
+        this._notOverFlow = [];
+        this.DATA_ELEMENT_ID = 'data-element-id';
         this._onResize = callback;
         this._scrollDirection = overFlowDirection;
-        this._resizeObserver = new ResizeObserver(JSUtils.debounce((entries) => this.handleResize(entries), 200));
+        this._propSize = (OverflowDirection.HORIZONTAL === overFlowDirection) ? "width" : "height";
+        this._resizeObserver = new ResizeObserver(JSUtils.debounce((entries) => this.handleResize(entries), debounce));
         this._resizeObserver.observe(element);
-        this._propSize = this.getPropSizeByDirection();
         this._deltaSize = deltaSize;
+        this._notOverFlow = notOverFlow;
+    }
+    addNotOverFlowElement(elementId) {
+        if (!this._notOverFlow.includes(elementId)) {
+            this._notOverFlow.push(elementId);
+        }
     }
     destroy() {
         this._resizeObserver.disconnect();
     }
+    forceUpdate() {
+        if (this._lastContainerSize && this._lastContainerInstance) {
+            this.updateOverFlowedItems(this._lastContainerInstance, this._lastContainerSize);
+        }
+    }
     handleResize(entries) {
-        if (!entries || entries.length === 0) {
+        if (!entries || entries.length === 0)
             return;
-        }
-        const resizeItem = entries[0];
-        const contentRect = resizeItem.contentRect;
-        if (this.isChangedSize(contentRect)) {
-            const children = Array.from(resizeItem.target.children);
-            this.proccessElements(contentRect[this._propSize], children);
-            this._lastContentRect = contentRect;
+        const container = entries[0];
+        const containerSize = container.contentRect[this._propSize];
+        if (!containerSize)
+            return;
+        if (this.hasChangedSize(containerSize)) {
+            this.updateOverFlowedItems(container.target, containerSize);
         }
     }
-    isChangedSize(newContentRect) {
-        if (this._lastContentRect == undefined) {
-            return true;
-        }
-        return Math.abs(newContentRect[this._propSize] - this._lastContentRect[this._propSize]) >= this._deltaSize;
+    updateOverFlowedItems(container, containerSize) {
+        const children = Array.from(container.children);
+        this.registerNotOverflowProps(children);
+        this.proccessElements(containerSize, children);
+        this._lastContainerSize = containerSize;
+        this._lastContainerInstance = container;
     }
-    getPropSizeByDirection() {
-        if (OverflowDirection.HORIZONTAL === this._scrollDirection) {
-            return "width";
+    registerNotOverflowProps(children) {
+        children.forEach(childElement => {
+            const id = childElement.id || this.getDataElementId(childElement);
+            if (this.canNotRegisterNotOverFlow(id))
+                return;
+            this._notOverFlowPros.set(id, this.getElementSizeProps(childElement));
+        });
+    }
+    canNotRegisterNotOverFlow(id) {
+        return !id || !this._notOverFlow.includes(id) || this._notOverFlowPros.has(id);
+    }
+    hasChangedSize(elementSize) {
+        if (!this._lastContainerSize)
+            return true;
+        const variation = elementSize - this._lastContainerSize;
+        if (variation < 0) {
+            const absoluteVariation = Math.abs(variation);
+            return (absoluteVariation > this._deltaSize);
         }
-        return "height";
+        return variation > 0;
     }
     proccessElements(elementSize, children) {
-        if (children.length === 0) {
+        if (children.length === 0)
             return;
-        }
         const childrenSize = this.calcChildrenSize(children);
         let diff = Number((elementSize - childrenSize).toFixed(4));
         if (diff > 0) {
-            this.proccessElementsWithoutOverFlow(diff);
+            this.clearOverFlow();
             return;
         }
-        this.proccessElementsOverFlow(children, diff);
+        this.proccessElementsOverFlow(children, elementSize);
+    }
+    clearOverFlow() {
+        this._hiddenItemsProps = new Map();
+        this._onResize([]);
     }
-    proccessElementsWithoutOverFlow(diff) {
-        this._hiddenItems.forEach((item) => {
-            if (item.getBoundingClientRect().width < diff) {
-                this._hiddenItems.pop();
+    proccessElementsOverFlow(allElements, avaliableSize) {
+        const elementsThatFit = [];
+        const avaliableSizeConsideringDelta = (avaliableSize - this._deltaSize);
+        let sumElementsSize = 0;
+        for (const element of allElements) {
+            sumElementsSize += this.calcElementSize(element);
+            if (this.exceedsAvaliableSize(sumElementsSize, elementsThatFit, avaliableSizeConsideringDelta))
+                break;
+            elementsThatFit.push(element);
+        }
+        const overFlowedElements = allElements.filter(element => this.isElementOverFlowing(elementsThatFit, element));
+        overFlowedElements.forEach(overFlowed => {
+            if (!this._hiddenItemsProps.has(overFlowed)) {
+                this.registerElementSize(overFlowed);
             }
         });
-        this._onResize(this._hiddenItems);
-    }
-    proccessElementsOverFlow(children, diff) {
-        const elementsOverflow = [];
-        let sumRemovedItems = 0;
-        while (elementsOverflow.length < children.length && sumRemovedItems < (diff * -1)) {
-            const itemToRemove = children.pop();
-            if (itemToRemove != undefined && itemToRemove.style.display === 'none') {
-                continue;
-            }
-            if (itemToRemove != undefined) {
-                elementsOverflow.push(itemToRemove);
-                sumRemovedItems += itemToRemove.getBoundingClientRect()[this._propSize];
-            }
-        }
-        this._hiddenItems = elementsOverflow;
-        this._onResize(elementsOverflow);
+        this._onResize(overFlowedElements);
+    }
+    isElementOverFlowing(elementsThatFit, element) {
+        return !elementsThatFit.includes(element) && this.canOverFlowElement(element);
+    }
+    canOverFlowElement(element) {
+        return !this._notOverFlow.includes(element.id)
+            && !this._notOverFlow.includes(this.getDataElementId(element));
+    }
+    getDataElementId(element) {
+        var _a;
+        return (_a = element.getAttribute('data-element-id')) !== null && _a !== void 0 ? _a : "";
+    }
+    exceedsAvaliableSize(sumElementsSize, elements, avaliableSize) {
+        if (!this._notOverFlow.length)
+            return sumElementsSize > avaliableSize;
+        const elementIdsToCalculate = this.canNotOverFlowNotIncludedIds(elements);
+        if (!elementIdsToCalculate.length)
+            return sumElementsSize > avaliableSize;
+        const variation = this.calculateVariation(elementIdsToCalculate);
+        const occupiedSize = sumElementsSize + variation;
+        return occupiedSize > avaliableSize;
+    }
+    calculateVariation(elementIdsToCalculate) {
+        let variation = 0;
+        elementIdsToCalculate.forEach(id => {
+            var _a, _b;
+            const sizeProps = this._notOverFlowPros.get(id);
+            variation += (_a = sizeProps === null || sizeProps === void 0 ? void 0 : sizeProps.size) !== null && _a !== void 0 ? _a : 0;
+            variation += (_b = sizeProps === null || sizeProps === void 0 ? void 0 : sizeProps.margin) !== null && _b !== void 0 ? _b : 0;
+        });
+        return variation;
+    }
+    canNotOverFlowNotIncludedIds(elements) {
+        const elementsIdList = elements.map(el => el.id || this.getDataElementId(el)).filter(id => !!id);
+        return this._notOverFlow.filter(id => !elementsIdList.includes(id));
+    }
+    registerElementSize(element) {
+        const sizeProps = this.getElementSizeProps(element);
+        this._hiddenItemsProps.set(element, sizeProps);
+    }
+    getElementSizeProps(element) {
+        const sizeProps = {
+            size: element.getBoundingClientRect()[this._propSize],
+            margin: calcMarginSize(element, this._scrollDirection),
+        };
+        return sizeProps;
     }
     calcChildrenSize(children) {
         let sumChildren = 0;
-        Array.from(children).forEach(el => {
-            sumChildren += el.getBoundingClientRect()[this._propSize];
-            sumChildren += this.calcMarginSize(el);
-        });
-        if (sumChildren > 0) {
-            sumChildren += this._deltaSize;
-        }
+        sumChildren += this._deltaSize;
+        Array.from(children).forEach(el => sumChildren += this.calcElementSize(el));
         return sumChildren;
     }
-    calcMarginSize(el) {
-        const computedStyle = getComputedStyle(el);
-        if (OverflowDirection.HORIZONTAL === this._scrollDirection) {
-            return (parseInt(computedStyle.marginLeft || '0') + parseInt(computedStyle.marginRight || '0'));
+    calcElementSize(el) {
+        var _a, _b;
+        let size = 0;
+        if (this.isOverFlowed(el)) {
+            const sizeProps = this._hiddenItemsProps.get(el);
+            size += (_a = sizeProps === null || sizeProps === void 0 ? void 0 : sizeProps.size) !== null && _a !== void 0 ? _a : 0;
+            size += (_b = sizeProps === null || sizeProps === void 0 ? void 0 : sizeProps.margin) !== null && _b !== void 0 ? _b : 0;
+            return size;
         }
-        return (parseInt(computedStyle.marginTop || '0') + parseInt(computedStyle.marginBottom || '0'));
+        size += el.getBoundingClientRect()[this._propSize];
+        size += calcMarginSize(el, this._scrollDirection);
+        return size;
+    }
+    isOverFlowed(el) {
+        return el.classList.contains(OVERFLOWED_CLASS_NAME);
     }
 }
 //# sourceMappingURL=index.js.map

package/dist/utils/OverflowWatcher/index.js.map

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

package/jest.config.ts

@@ -1,4 +1,6 @@
 module.exports = {
+    preset: 'ts-jest',
+    setupFiles: ['./setupTests.js'],
     transform: {'^.+\\.ts?$': 'ts-jest'},
     testEnvironment: 'jsdom',
     testRegex: '\\.(test|spec)?\\.(ts|tsx)$',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sankhyalabs/core",
-  "version": "5.20.0-dev.14",
+  "version": "5.20.0-dev.17",
   "description": "Modulo core JavaScript da Sankhya.",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -43,8 +43,9 @@
     "eslint-plugin-import": "^2.26.0",
     "husky": "^8.0.3",
     "jest": "^29.4.1",
-    "jest-sonar-reporter": "^2.0.0",
     "jest-environment-jsdom": "^29.4.1",
+    "jest-sonar-reporter": "^2.0.0",
+    "resize-observer-polyfill": "^1.5.1",
     "ts-jest": "^29.0.5",
     "ts-node": "^10.9.1",
     "typedoc": "^0.25.13",

package/reports/test-report.xml

@@ -1,78 +1,43 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <unitTest version="1">
-    <file path="/builds/dti/design-system/sankhyacore/test/http/SkwHttpProvider.ts.spec.ts">
-        <testCase name="HttpProvider Metodo POST" duration="65"/>
-    </file>
-    <file path="/builds/dti/design-system/sankhyacore/test/http/HttpProvider.spec.ts">
-        <testCase name="HttpProvider Metodo GET" duration="209"/>
-    </file>
-    <file path="/builds/dti/design-system/sankhyacore/test/util/CriteriaParameter.spec.ts">
-        <testCase name="StringUtils it should return the correct values of &quot;value&quot; and &quot;type&quot; through the getters methods initial setted by the constructor" duration="7"/>
-        <testCase name="StringUtils it should return the correct values of &quot;value&quot; and &quot;type&quot; through the getters methods initial setted by the setters methods" duration="1"/>
-        <testCase name="StringUtils it should return the correct JSON/Object value through the buildParam method" duration="1"/>
-    </file>
     <file path="/builds/dti/design-system/sankhyacore/test/util/CriteriaModel.spec.ts">
-        <testCase name="StringUtils it should return the undefined and [] to Criteria Props through new class with empty constructor" duration="87"/>
+        <testCase name="StringUtils it should return the undefined and [] to Criteria Props through new class with empty constructor" duration="99"/>
         <testCase name="StringUtils it should modify &quot;expressions&quot; and &quot;parameters&quot; properties through Setters methods" duration="1"/>
-        <testCase name="StringUtils it should return &quot;expression&quot; and &quot;parameters&quot; setted through constructor method" duration="0"/>
+        <testCase name="StringUtils it should return &quot;expression&quot; and &quot;parameters&quot; setted through constructor method" duration="1"/>
         <testCase name="StringUtils it should return a Criteria class with &quot;expression&quot; and &quot;parameters&quot; as needed setted through &quot;append&quot; method" duration="1"/>
-        <testCase name="StringUtils it should return a Criteria class with &quot;Criteria class&quot; and &quot;parameters&quot; concatenaded as needed setted through &quot;append&quot; method" duration="1"/>
-        <testCase name="StringUtils it should return undefined as &quot;expression&quot; and &quot;[]&quot; as parameters as we use an empty criteria as first entry in the constructor" duration="0"/>
-        <testCase name="StringUtils it should return a Criteria class with &quot;Expression&quot; and &quot;parameters&quot; concatenaded as needed setted through &quot;OR&quot; method" duration="5"/>
+        <testCase name="StringUtils it should return a Criteria class with &quot;Criteria class&quot; and &quot;parameters&quot; concatenaded as needed setted through &quot;append&quot; method" duration="5"/>
+        <testCase name="StringUtils it should return undefined as &quot;expression&quot; and &quot;[]&quot; as parameters as we use an empty criteria as first entry in the constructor" duration="1"/>
+        <testCase name="StringUtils it should return a Criteria class with &quot;Expression&quot; and &quot;parameters&quot; concatenaded as needed setted through &quot;OR&quot; method" duration="1"/>
         <testCase name="StringUtils it should return a Criteria class with &quot;Criteria class&quot; and &quot;parameters&quot; concatenaded as needed setted through &quot;OR&quot; method" duration="1"/>
         <testCase name="StringUtils it should return a Criteria class with &quot;Criteria class&quot; and &quot;parameters&quot; concatenaded as needed setted through &quot;OR&quot; method" duration="1"/>
-        <testCase name="StringUtils it should return a Criteria class with &quot;Expression&quot; and &quot;parameters&quot; concatenaded as needed setted through &quot;AND&quot; method" duration="4"/>
+        <testCase name="StringUtils it should return a Criteria class with &quot;Expression&quot; and &quot;parameters&quot; concatenaded as needed setted through &quot;AND&quot; method" duration="3"/>
         <testCase name="StringUtils it should return a Criteria class with &quot;Criteria class&quot; and &quot;parameters&quot; concatenaded as needed setted through &quot;AND&quot; method" duration="1"/>
         <testCase name="StringUtils it should return a Criteria class with &quot;Criteria class&quot; and &quot;parameters&quot; concatenaded as needed setted through &quot;AND&quot; method" duration="1"/>
         <testCase name="StringUtils it should return a toJSON object with &quot;Criteria class&quot; and &quot;parameters&quot; concatenaded as needed setted through &quot;AND&quot; method" duration="1"/>
-        <testCase name="StringUtils it should return a toJSON object with through empty constructor" duration="87"/>
-    </file>
-    <file path="/builds/dti/design-system/sankhyacore/test/util/TimeFormatter.spec.ts">
-        <testCase name="TimeFormatter Case: input string unformated with showSeconds" duration="7"/>
-        <testCase name="TimeFormatter Case: input string unformated without showSeconds" duration="73"/>
-        <testCase name="TimeFormatter Case: validateTime" duration="1"/>
+        <testCase name="StringUtils it should return a toJSON object with through empty constructor" duration="0"/>
     </file>
-    <file path="/builds/dti/design-system/sankhyacore/test/util/OverflowWatcher.spec.ts">
-        <testCase name="OverflowWatcher constructor initializes properties correctly" duration="16"/>
-        <testCase name="OverflowWatcher handleResize horizontal calls callback with hidden items" duration="290"/>
-        <testCase name="OverflowWatcher handleResize vertical calls callback with hidden items" duration="8"/>
-        <testCase name="OverflowWatcher isChangedSize returns true if no previous size" duration="2"/>
-        <testCase name="OverflowWatcher prevent resize without entries" duration="2"/>
-    </file>
-    <file path="/builds/dti/design-system/sankhyacore/test/util/StringUtils.spec.ts">
-        <testCase name="StringUtils valor vazio" duration="6"/>
-        <testCase name="StringUtils valor em branco" duration="72"/>
-        <testCase name="StringUtils valor null" duration="0"/>
-        <testCase name="StringUtils valor undefined" duration="1"/>
-        <testCase name="StringUtils valor 0" duration="1"/>
-        <testCase name="StringUtils com valor" duration="1"/>
-        <testCase name="StringUtils substitui vogais com acento por vogais sem acento" duration="1"/>
-        <testCase name="StringUtils should return the original value when called with an object without a toString method" duration="3"/>
-        <testCase name="StringUtils should return the original value when called with undefined" duration="0"/>
+    <file path="/builds/dti/design-system/sankhyacore/test/http/HttpProvider.spec.ts">
+        <testCase name="HttpProvider Metodo GET" duration="0"/>
     </file>
-    <file path="/builds/dti/design-system/sankhyacore/test/util/NumberUtils.spec.ts">
-        <testCase name="StringUtils stringToNumber" duration="15"/>
-        <testCase name="StringUtils format" duration="95"/>
-        <testCase name="StringUtils format without formatnumber parameter" duration="1"/>
-        <testCase name="StringUtils format without formatnumber parameter" duration="1"/>
-        <testCase name="StringUtils format round number" duration="2"/>
+    <file path="/builds/dti/design-system/sankhyacore/test/http/SkwHttpProvider.ts.spec.ts">
+        <testCase name="HttpProvider Metodo POST" duration="1"/>
     </file>
     <file path="/builds/dti/design-system/sankhyacore/test/util/MaskFormatter.spec.ts">
-        <testCase name="Mask Formatter mask:CPF complete valid" duration="6"/>
+        <testCase name="Mask Formatter mask:CPF complete valid" duration="11"/>
         <testCase name="Mask Formatter mask:CPF complete valid literals" duration="1"/>
-        <testCase name="Mask Formatter mask:CPF incomplete valid" duration="0"/>
-        <testCase name="Mask Formatter mask:CPF incomplete valid placeholder" duration="70"/>
-        <testCase name="Mask Formatter mask:CPF too long valid" duration="1"/>
-        <testCase name="Mask Formatter mask:CPF invalid for string" duration="23"/>
-        <testCase name="Mask Formatter mask:CPF invalid for being too long" duration="0"/>
-        <testCase name="Mask Formatter mask:Licence plate valid uppercase" duration="1"/>
-        <testCase name="Mask Formatter mask:Licence plate valid lowercase" duration="0"/>
+        <testCase name="Mask Formatter mask:CPF incomplete valid" duration="1"/>
+        <testCase name="Mask Formatter mask:CPF incomplete valid placeholder" duration="1"/>
+        <testCase name="Mask Formatter mask:CPF too long valid" duration="0"/>
+        <testCase name="Mask Formatter mask:CPF invalid for string" duration="183"/>
+        <testCase name="Mask Formatter mask:CPF invalid for being too long" duration="1"/>
+        <testCase name="Mask Formatter mask:Licence plate valid uppercase" duration="0"/>
+        <testCase name="Mask Formatter mask:Licence plate valid lowercase" duration="1"/>
         <testCase name="Mask Formatter mask:Licence plate invalid" duration="2"/>
         <testCase name="Mask Formatter mask:Licence plate invalid for being too short" duration="1"/>
         <testCase name="Mask Formatter mask:Licence plate invalid for being too short with placeholder" duration="0"/>
-        <testCase name="Mask Formatter mask:Licence plate invalid" duration="1"/>
-        <testCase name="Mask Formatter mask:Licence plate with AlphaNumerical Mask" duration="0"/>
-        <testCase name="Mask Formatter mask:Licence plate with AlphaNumerical Mask with placeholder" duration="1"/>
+        <testCase name="Mask Formatter mask:Licence plate invalid" duration="2"/>
+        <testCase name="Mask Formatter mask:Licence plate with AlphaNumerical Mask" duration="1"/>
+        <testCase name="Mask Formatter mask:Licence plate with AlphaNumerical Mask with placeholder" duration="0"/>
         <testCase name="Mask Formatter mask:Licence plate invalid" duration="1"/>
         <testCase name="Mask Formatter mask:Licence plate with AlphaNumerical Mask" duration="1"/>
         <testCase name="Mask Formatter mask:Licence plate with AlphaNumerical Mask with placeholder" duration="0"/>
@@ -81,36 +46,80 @@
         <testCase name="Mask Formatter mask:Licence plate with AlphaNumerical Mask with placeholder" duration="0"/>
         <testCase name="Mask Formatter mask:Licence plate invalid" duration="1"/>
     </file>
+    <file path="/builds/dti/design-system/sankhyacore/test/util/CriteriaParameter.spec.ts">
+        <testCase name="StringUtils it should return the correct values of &quot;value&quot; and &quot;type&quot; through the getters methods initial setted by the constructor" duration="12"/>
+        <testCase name="StringUtils it should return the correct values of &quot;value&quot; and &quot;type&quot; through the getters methods initial setted by the setters methods" duration="1"/>
+        <testCase name="StringUtils it should return the correct JSON/Object value through the buildParam method" duration="1"/>
+    </file>
+    <file path="/builds/dti/design-system/sankhyacore/test/util/StringUtils.spec.ts">
+        <testCase name="StringUtils valor vazio" duration="6"/>
+        <testCase name="StringUtils valor em branco" duration="1"/>
+        <testCase name="StringUtils valor null" duration="1"/>
+        <testCase name="StringUtils valor undefined" duration="0"/>
+        <testCase name="StringUtils valor 0" duration="1"/>
+        <testCase name="StringUtils com valor" duration="0"/>
+        <testCase name="StringUtils substitui vogais com acento por vogais sem acento" duration="1"/>
+        <testCase name="StringUtils should return the original value when called with an object without a toString method" duration="2"/>
+        <testCase name="StringUtils should return the original value when called with undefined" duration="1"/>
+    </file>
+    <file path="/builds/dti/design-system/sankhyacore/test/util/OverflowWatcher.spec.ts">
+        <testCase name="OverflowWatcher should initialize with provided parameters" duration="72"/>
+        <testCase name="OverflowWatcher should disconect  ResizeObserver when destroy is called" duration="2"/>
+        <testCase name="OverflowWatcher Should call callback on forceUpdate" duration="291"/>
+        <testCase name="OverflowWatcher Should call callback on forceUpdate with childSpan" duration="27"/>
+        <testCase name="OverflowWatcher Should call callback on forceUpdate with childSpan when notOverFlow is empty" duration="15"/>
+        <testCase name="OverflowWatcher Should call callback on forceUpdate with childSpan considering overflowed elements" duration="10"/>
+        <testCase name="OverflowWatcher Should call callback on forceUpdate with empty list" duration="76"/>
+        <testCase name="OverflowWatcher should ignore elements that can not overflow" duration="21"/>
+        <testCase name="OverflowWatcher Should not call callback on forceUpdate" duration="1"/>
+    </file>
+    <file path="/builds/dti/design-system/sankhyacore/test/util/NumberUtils.spec.ts">
+        <testCase name="StringUtils stringToNumber" duration="73"/>
+        <testCase name="StringUtils format" duration="21"/>
+        <testCase name="StringUtils format without formatnumber parameter" duration="1"/>
+        <testCase name="StringUtils format without formatnumber parameter" duration="2"/>
+        <testCase name="StringUtils format round number" duration="2"/>
+    </file>
+    <file path="/builds/dti/design-system/sankhyacore/test/util/TimeFormatter.spec.ts">
+        <testCase name="TimeFormatter Case: input string unformated with showSeconds" duration="2"/>
+        <testCase name="TimeFormatter Case: input string unformated without showSeconds" duration="0"/>
+        <testCase name="TimeFormatter Case: validateTime" duration="1"/>
+    </file>
     <file path="/builds/dti/design-system/sankhyacore/test/util/DataUnitStorage.spec.ts">
         <testCase name="DataUnitStorage put should store a DataUnit instance in the DataUnitStorage" duration="5"/>
-        <testCase name="DataUnitStorage get should return the stored DataUnit instance from the DataUnitStorage" duration="1"/>
+        <testCase name="DataUnitStorage get should return the stored DataUnit instance from the DataUnitStorage" duration="0"/>
         <testCase name="DataUnitStorage get should return undefined if the DataUnit instance is not found in the DataUnitStorage" duration="1"/>
         <testCase name="DataUnitStorage remove should remove the specified DataUnit instance from the DataUnitStorage" duration="0"/>
-        <testCase name="DataUnitStorage remove should remove the DataUnit instance with the specified name from the DataUnitStorage" duration="1"/>
-        <testCase name="DataUnitStorage remove should not remove any DataUnit instance if the specified DataUnit instance or name is not found in the DataUnitStorage" duration="0"/>
+        <testCase name="DataUnitStorage remove should remove the DataUnit instance with the specified name from the DataUnitStorage" duration="53"/>
+        <testCase name="DataUnitStorage remove should not remove any DataUnit instance if the specified DataUnit instance or name is not found in the DataUnitStorage" duration="1"/>
     </file>
     <file path="/builds/dti/design-system/sankhyacore/test/util/ElementIDUtils.spec.ts">
-        <testCase name="addIDInfo 1 - should add data-element-id with valid id &quot;movFinanceira_snkApplication&quot;" duration="12"/>
+        <testCase name="addIDInfo 1 - should add data-element-id with valid id &quot;movFinanceira_snkApplication&quot;" duration="70"/>
         <testCase name="addIDInfo 2 - should add data-element-id with valid id &quot;brComSankhyaFinCadMovimentacaofinanceira_snkApplication&quot;" duration="2"/>
         <testCase name="addIDInfo 3 - should add data-element-id with valid id &quot;movFinanceira_br.com.sankhya.fin.cad.movimentacaoFinanceira&quot;" duration="1"/>
         <testCase name="addIDInfo 4 - should add data-element-id with valid id &quot;meuID2_snkApplication&quot;" duration="1"/>
         <testCase name="addIDInfo 5 - should add data-element-id with valid id &quot;movFinanceira_snkApplication&quot;" duration="1"/>
-        <testCase name="addIDInfo 6 - should add data-element-id with valid id &quot;movFinanceira_snkApplication&quot;" duration="2"/>
-        <testCase name="addIDInfo 7 - should add data-element-id with valid id &quot;componenteNameTest_snkApplication&quot;" duration="1"/>
+        <testCase name="addIDInfo 6 - should add data-element-id with valid id &quot;movFinanceira_snkApplication&quot;" duration="1"/>
+        <testCase name="addIDInfo 7 - should add data-element-id with valid id &quot;componenteNameTest_snkApplication&quot;" duration="6"/>
         <testCase name="addIDInfo 8 - should add data-element-id with valid id &quot;componentLabel_snkApplication&quot;" duration="1"/>
         <testCase name="addIDInfo 9 - should add data-element-id with valid id &quot;dataunitFinanceiro_br.com.sankhya.fin.cad.movimentacaoFinanceira&quot;" duration="1"/>
-        <testCase name="addIDInfo 10 - should add data-element-id with valid id &quot;dataunitFinanceiro_meuIDTeste_br.com.sankhya.fin.cad.movimentacaoFinanceira&quot;" duration="40"/>
+        <testCase name="addIDInfo 10 - should add data-element-id with valid id &quot;dataunitFinanceiro_meuIDTeste_br.com.sankhya.fin.cad.movimentacaoFinanceira&quot;" duration="1"/>
         <testCase name="addIDInfo 11 - should add data-element-id with valid id &quot;dataunitFinanceiro_meuIDTeste_movimentacaoFinanceira&quot;" duration="2"/>
         <testCase name="addIDInfo 12 - should add data-element-id with valid id &quot;dataunitFinanceiro_movFinanceira_movimentacaoFinanceira&quot;" duration="1"/>
         <testCase name="addIDInfo 13 - should add data-element-id with valid id &quot;dataunitFinanceiro_meuIDTeste_movimentacaoFinanceira&quot;" duration="1"/>
-        <testCase name="addIDInfo 14 - should add data-element-id with valid id &quot;dataunitFinanceiro_meuIdTeste_movimentacaoFinanceira&quot;" duration="6"/>
+        <testCase name="addIDInfo 14 - should add data-element-id with valid id &quot;dataunitFinanceiro_meuIdTeste_movimentacaoFinanceira&quot;" duration="2"/>
         <testCase name="addIDInfo 15 - should add data-element-id with valid id &quot;dataunitFinanceiro_meuIdTeste_snkApplication&quot;" duration="1"/>
         <testCase name="addIDInfo 16 - should add data-element-id with valid id &quot;dataunitFinanceiro_meuIdTeste_snkApplication&quot;" duration="1"/>
         <testCase name="addIDInfo 17 - should add data-element-id with valid id &quot;movFinanceira_movimentacaoFinanceira&quot;" duration="1"/>
         <testCase name="addIDInfo 18 - should add data-element-id with valid id &quot;movFinanceira_movimentacaoFinanceira&quot;" duration="1"/>
-        <testCase name="addIDInfo 19 - should add data-element-id with valid id &quot;movFinanceira_movimentacaoFinanceira&quot;" duration="1"/>
-        <testCase name="addIDInfo 20 - should add data-element-id with valid id &quot;movFinanceira_movimentacaoFinanceira&quot;" duration="1"/>
+        <testCase name="addIDInfo 19 - should add data-element-id with valid id &quot;movFinanceira_movimentacaoFinanceira&quot;" duration="0"/>
+        <testCase name="addIDInfo 20 - should add data-element-id with valid id &quot;movFinanceira_movimentacaoFinanceira&quot;" duration="0"/>
         <testCase name="addIDInfo 21 - should add data-element-id with valid id &quot;movFinanceira_movimentacaoFinanceira&quot;" duration="1"/>
-        <testCase name="addIDInfo 22 - should add data-element-id with valid id &quot;bancoObrigatorio_movimentacaoFinanceira&quot;" duration="0"/>
+        <testCase name="addIDInfo 22 - should add data-element-id with valid id &quot;bancoObrigatorio_movimentacaoFinanceira&quot;" duration="1"/>
+    </file>
+    <file path="/builds/dti/design-system/sankhyacore/test/util/ElementUtils.spec.ts">
+        <testCase name="calcMarginSize should calculate correctly the size of horizontal margin" duration="80"/>
+        <testCase name="calcMarginSize should calculate correctly the size of vertical margin" duration="3"/>
+        <testCase name="calcMarginSize should threat values defined as zero" duration="5"/>
     </file>
 </unitTest>

package/setupTests.js

@@ -0,0 +1 @@
+global.ResizeObserver = require('resize-observer-polyfill');

package/sonar-project.properties

@@ -2,6 +2,7 @@ sonar.testExecutionReportPaths=./reports/test-report.xml
 sonar.typescript.lcov.reportPaths=./coverage/lcov.info
 sonar.test.inclusions=coverage/**,**/test/*.e2e.ts,**/test/*.spec.ts,**/test/*.spec.tsx,**/utils/*.spec.ts,**/test/**/*.ts
 sonar.tests=test
+sonar.sourceEncoding=UTF-8
 sonar.c.file.suffixes=-
 sonar.cpp.file.suffixes=-
 sonar.objc.file.suffixes=-

package/src/index.ts

@@ -39,7 +39,7 @@ import { IRepositoryIndex } from "./repository/indexeddb/IRepositoryIndex.js"
 import { FieldComparator } from "./dataunit/sorting/FieldComparator.js";
 import { KeyboardManager } from "./utils/KeyboardManager/index.js";
 import { SearchUtils } from "./utils/SearchUtils.js";
-import OverflowWatcher, { OnOverflowCallBack, OverflowDirection } from "./utils/OverflowWatcher/index.js";
+import OverflowWatcher, { OnOverflowCallBack, OverflowDirection, OverFlowWatcherParams, OVERFLOWED_CLASS_NAME } from "./utils/OverflowWatcher/index.js";
 
 /*Classes públicas no pacote*/
 export {
@@ -109,5 +109,7 @@ export {
     SearchUtils,
     OverflowWatcher,
     OnOverflowCallBack,
-    OverflowDirection
+    OverflowDirection,
+    OverFlowWatcherParams,
+    OVERFLOWED_CLASS_NAME
 };