@trilogy-ds/react 0.0.1-beta-117 → 0.0.1-beta-119

package/lib/components/autocomplete/menu/AutoCompleteMenu.native.js

@@ -2,8 +2,9 @@ import * as React from 'react';
 import { FlatList, StyleSheet } from 'react-native';
 import { TrilogyColor, getColorStyle } from '../../../objects';
 import AutoCompleteItemNative from '../../../components/autocomplete/item/AutoCompleteIem.native';
-const AutoCompleteMenuNative = ({ suggestions, handleSelectItem }) => {
-    const styles = StyleSheet.create({
+var AutoCompleteMenuNative = function (_a) {
+    var suggestions = _a.suggestions, handleSelectItem = _a.handleSelectItem;
+    var styles = StyleSheet.create({
         list: {
             marginTop: 6,
             marginBottom: 6,
@@ -16,12 +17,15 @@ const AutoCompleteMenuNative = ({ suggestions, handleSelectItem }) => {
             flexGrow: 1,
         },
     });
-    return (React.createElement(FlatList, { keyboardShouldPersistTaps: 'handled', nestedScrollEnabled: true, scrollEnabled: true, style: styles.list, data: suggestions, renderItem: ({ item }) => AutoCompleteItemNative({
-            item: item,
-            onSelect: () => {
-                handleSelectItem && handleSelectItem(item);
-            },
-        }), keyExtractor: (item, index) => String(index) }));
+    return (React.createElement(FlatList, { keyboardShouldPersistTaps: 'handled', nestedScrollEnabled: true, scrollEnabled: true, style: styles.list, data: suggestions, renderItem: function (_a) {
+            var item = _a.item;
+            return AutoCompleteItemNative({
+                item: item,
+                onSelect: function () {
+                    handleSelectItem && handleSelectItem(item);
+                },
+            });
+        }, keyExtractor: function (item, index) { return String(index); } }));
 };
 export default AutoCompleteMenuNative;
-//# sourceMappingURL=AutoCompleteMenu.native.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0NvbXBsZXRlTWVudS5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2F1dG9jb21wbGV0ZS9tZW51L0F1dG9Db21wbGV0ZU1lbnUubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsWUFBWSxFQUFFLGFBQWEsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN2RCxPQUFPLHNCQUFzQixNQUFNLHVEQUF1RCxDQUFBO0FBRzFGLElBQU0sc0JBQXNCLEdBQUcsVUFBQyxFQUF3RDtRQUF0RCxXQUFXLGlCQUFBLEVBQUUsZ0JBQWdCLHNCQUFBO0lBQzdELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsSUFBSSxFQUFFO1lBQ0osU0FBUyxFQUFFLENBQUM7WUFDWixZQUFZLEVBQUUsQ0FBQztZQUNmLGVBQWUsRUFBRSxhQUFhLENBQUMsWUFBWSxDQUFDLFVBQVUsQ0FBQztZQUN2RCxXQUFXLEVBQUUsQ0FBQztZQUNkLFlBQVksRUFBRSxDQUFDO1lBQ2YsV0FBVyxFQUFFLGFBQWEsQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDO1lBQ2hELEtBQUssRUFBRSxNQUFNO1lBQ2IsU0FBUyxFQUFFLEdBQUc7WUFDZCxRQUFRLEVBQUUsQ0FBQztTQUNaO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLFFBQVEsSUFDUCx5QkFBeUIsRUFBQyxTQUFTLEVBQ25DLG1CQUFtQixRQUNuQixhQUFhLEVBQUUsSUFBSSxFQUNuQixLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksRUFDbEIsSUFBSSxFQUFFLFdBQVcsRUFDakIsVUFBVSxFQUFFLFVBQUMsRUFBUTtnQkFBTixJQUFJLFVBQUE7WUFDakIsT0FBQSxzQkFBc0IsQ0FBQztnQkFDckIsSUFBSSxFQUFFLElBQUk7Z0JBQ1YsUUFBUSxFQUFFO29CQUNSLGdCQUFnQixJQUFJLGdCQUFnQixDQUFDLElBQUksQ0FBQyxDQUFBO2dCQUM1QyxDQUFDO2FBQ0YsQ0FBQztRQUxGLENBS0UsRUFFSixZQUFZLEVBQUUsVUFBQyxJQUFJLEVBQUUsS0FBSyxJQUFLLE9BQUEsTUFBTSxDQUFDLEtBQUssQ0FBQyxFQUFiLENBQWEsR0FDNUMsQ0FDSCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxzQkFBc0IsQ0FBQSJ9

package/lib/components/autocomplete/menu/AutoCompleteMenuProps.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=AutoCompleteMenuProps.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0NvbXBsZXRlTWVudVByb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9hdXRvY29tcGxldGUvbWVudS9BdXRvQ29tcGxldGVNZW51UHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/lib/components/autocomplete/menu/index.js

@@ -1,3 +1,3 @@
 import AutoCompleteMenu from './AutoCompleteMenu';
 export default AutoCompleteMenu;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2F1dG9jb21wbGV0ZS9tZW51L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sZ0JBQWdCLE1BQU0sb0JBQW9CLENBQUE7QUFFakQsZUFBZSxnQkFBZ0IsQ0FBQSJ9

package/lib/components/autocomplete/utils/debounce.js

@@ -1,17 +1,27 @@
+import { __awaiter, __generator } from "tslib";
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const debounce = (func, wait) => {
-    let timeout;
-    return async (...rest) => {
-        // eslint-disable-next-line @typescript-eslint/no-this-alias
-        const context = this;
-        const later = function () {
-            timeout = null;
-            func.apply(context, rest);
-        };
-        if (timeout) {
-            clearTimeout(timeout);
+export var debounce = function (func, wait) {
+    var timeout;
+    return function () {
+        var rest = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            rest[_i] = arguments[_i];
         }
-        timeout = setTimeout(later, wait);
+        return __awaiter(void 0, void 0, void 0, function () {
+            var context, later;
+            return __generator(this, function (_a) {
+                context = this;
+                later = function () {
+                    timeout = null;
+                    func.apply(context, rest);
+                };
+                if (timeout) {
+                    clearTimeout(timeout);
+                }
+                timeout = setTimeout(later, wait);
+                return [2 /*return*/];
+            });
+        });
     };
 };
-//# sourceMappingURL=debounce.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVib3VuY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2F1dG9jb21wbGV0ZS91dGlscy9kZWJvdW5jZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsOERBQThEO0FBQzlELE1BQU0sQ0FBQyxJQUFNLFFBQVEsR0FBRyxVQUFrQixJQUE0QixFQUFFLElBQVk7SUFDbEYsSUFBSSxPQUE4QixDQUFBO0lBQ2xDLE9BQU87UUFBTyxjQUFVO2FBQVYsVUFBVSxFQUFWLHFCQUFVLEVBQVYsSUFBVTtZQUFWLHlCQUFVOzs7OztnQkFFaEIsT0FBTyxHQUFtQyxJQUFJLENBQUE7Z0JBQzlDLEtBQUssR0FBRztvQkFDWixPQUFPLEdBQUcsSUFBSSxDQUFBO29CQUNkLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxFQUFFLElBQUksQ0FBQyxDQUFBO2dCQUMzQixDQUFDLENBQUE7Z0JBQ0QsSUFBSSxPQUFPLEVBQUU7b0JBQ1gsWUFBWSxDQUFDLE9BQU8sQ0FBQyxDQUFBO2lCQUN0QjtnQkFDRCxPQUFPLEdBQUcsVUFBVSxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsQ0FBQTs7OztLQUNsQyxDQUFBO0FBQ0gsQ0FBQyxDQUFBIn0=

package/lib/components/autocomplete/utils/index.js

@@ -1,2 +1,2 @@
 export * from './debounce';
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2F1dG9jb21wbGV0ZS91dGlscy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLFlBQVksQ0FBQSJ9

package/lib/components/autolayout/AutoLayout.helpers.js

@@ -1,3 +1,4 @@
+import { __read, __spreadArray } from "tslib";
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import * as React from "react";
 import { SpacingMatrixMode } from "./SpacingMatrix";
@@ -9,10 +10,12 @@ import { ComponentName } from "../../components/enumsComponentsName";
  * @param element
  * @returns
  */
-export const isFragment = (element) => (element === null || element === void 0 ? void 0 : element.type) === React.Fragment;
-const getTrilogyComponentName = (child) => {
-    const componentsKeys = Object.keys(ComponentName).filter((key) => key);
-    return componentsKeys.find((key) => key === child.type.displayName);
+export var isFragment = function (element) {
+    return (element === null || element === void 0 ? void 0 : element.type) === React.Fragment;
+};
+var getTrilogyComponentName = function (child) {
+    var componentsKeys = Object.keys(ComponentName).filter(function (key) { return key; });
+    return componentsKeys.find(function (key) { return key === child.type.displayName; });
 };
 /**
  * Test if an element is of a certain component type
@@ -21,18 +24,19 @@ const getTrilogyComponentName = (child) => {
  * @param componentType
  * @returns
  */
-export const isElementType = (element, componentType) => { var _a; return ((_a = element === null || element === void 0 ? void 0 : element.type) === null || _a === void 0 ? void 0 : _a.displayName) === componentType; };
+export var isElementType = function (element, componentType) { var _a; return ((_a = element === null || element === void 0 ? void 0 : element.type) === null || _a === void 0 ? void 0 : _a.displayName) === componentType; };
 /**
  * Iterate over children and apply the `handleBetweenChildren` method.
  */
-export const parseChildren = ({ children, handleBetweenChildren, }) => {
-    const array = []; // React.Children.toArray(children)
+export var parseChildren = function (_a) {
+    var children = _a.children, handleBetweenChildren = _a.handleBetweenChildren;
+    var array = []; // React.Children.toArray(children)
     createChildrenArray(array, children);
-    return array.reduce((accumulator, nextChild, childIndex) => {
+    return array.reduce(function (accumulator, nextChild, childIndex) {
         var _a, _b, _c, _d;
-        const previousChild = accumulator[accumulator.length - 1];
+        var previousChild = accumulator[accumulator.length - 1];
         // Check the actual type of previous and next children
-        const getChildCandidateToComparison = (child, accumulator) => {
+        var getChildCandidateToComparison = function (child, accumulator) {
             if (isElementType(child, "AutoLayout")) {
                 return getChildCandidateToComparison(React.Children.toArray(child.props.children)[0]);
             }
@@ -41,42 +45,44 @@ export const parseChildren = ({ children, handleBetweenChildren, }) => {
             }
             return child;
         };
-        const nextChildType = ((_b = (_a = getChildCandidateToComparison(nextChild)) === null || _a === void 0 ? void 0 : _a.type) === null || _b === void 0 ? void 0 : _b.displayName) ||
+        var nextChildType = ((_b = (_a = getChildCandidateToComparison(nextChild)) === null || _a === void 0 ? void 0 : _a.type) === null || _b === void 0 ? void 0 : _b.displayName) ||
             undefined;
-        const previousChildType = ((_d = (_c = getChildCandidateToComparison(previousChild, accumulator)) === null || _c === void 0 ? void 0 : _c.type) === null || _d === void 0 ? void 0 : _d.displayName) || undefined;
+        var previousChildType = ((_d = (_c = getChildCandidateToComparison(previousChild, accumulator)) === null || _c === void 0 ? void 0 : _c.type) === null || _d === void 0 ? void 0 : _d.displayName) || undefined;
         handleBetweenChildren === null || handleBetweenChildren === void 0 ? void 0 : handleBetweenChildren({
-            accumulator,
-            previousChild,
-            previousChildType,
-            nextChild,
-            nextChildType,
-            childIndex,
+            accumulator: accumulator,
+            previousChild: previousChild,
+            previousChildType: previousChildType,
+            nextChild: nextChild,
+            nextChildType: nextChildType,
+            childIndex: childIndex,
         });
         // Concat the previous accumulated elements and the next one
-        return [
-            ...accumulator,
+        return __spreadArray(__spreadArray([], __read(accumulator), false), [
             nextChild &&
                 React.cloneElement(nextChild, {
-                    key: nextChild.key || `child${childIndex}`,
+                    key: nextChild.key || "child".concat(childIndex),
                 }),
-        ];
+        ], false);
     }, []);
 };
 // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
-export const autoLayoutChildrenHandler = (matrix, { accumulator, previousChildType, nextChildType, childIndex, }) => {
-    const eligibleRule = (mode) => [
-        SpacingMatrixMode.INSERT_SPACE_BETWEEN,
-        SpacingMatrixMode.INSERT_ELEMENT_BETWEEN,
-    ].includes(mode);
-    let alreadySpaced = false;
-    const rules = matrix.filter((e) => eligibleRule(e[0]));
-    rules.forEach((rule) => {
-        const [mode, previousType, nextType, value] = rule;
-        const isRuleApplicable = checkRuleApplicable(previousType, nextType, previousChildType, nextChildType, alreadySpaced);
+export var autoLayoutChildrenHandler = function (matrix, _a) {
+    var accumulator = _a.accumulator, previousChildType = _a.previousChildType, nextChildType = _a.nextChildType, childIndex = _a.childIndex;
+    var eligibleRule = function (mode) {
+        return [
+            SpacingMatrixMode.INSERT_SPACE_BETWEEN,
+            SpacingMatrixMode.INSERT_ELEMENT_BETWEEN,
+        ].includes(mode);
+    };
+    var alreadySpaced = false;
+    var rules = matrix.filter(function (e) { return eligibleRule(e[0]); });
+    rules.forEach(function (rule) {
+        var _a = __read(rule, 4), mode = _a[0], previousType = _a[1], nextType = _a[2], value = _a[3];
+        var isRuleApplicable = checkRuleApplicable(previousType, nextType, previousChildType, nextChildType, alreadySpaced);
         if (isRuleApplicable) {
             alreadySpaced = true;
             if (mode === SpacingMatrixMode.INSERT_SPACE_BETWEEN) {
-                accumulator.push(React.createElement(Spacer, { key: `spacer${childIndex}`, size: value }));
+                accumulator.push(React.createElement(Spacer, { key: "spacer".concat(childIndex), size: value }));
             }
             else if (mode === SpacingMatrixMode.INSERT_ELEMENT_BETWEEN) {
                 accumulator.push(value);
@@ -84,10 +90,10 @@ export const autoLayoutChildrenHandler = (matrix, { accumulator, previousChildTy
         }
     });
 };
-const createChildrenArray = (array, children) => {
-    React.Children.forEach(children, (child) => {
+var createChildrenArray = function (array, children) {
+    React.Children.forEach(children, function (child) {
         if (isFragment(child)) {
-            React.Children.forEach(child === null || child === void 0 ? void 0 : child.props.children, (item) => {
+            React.Children.forEach(child === null || child === void 0 ? void 0 : child.props.children, function (item) {
                 createChildrenArray(array, item);
             });
         }
@@ -106,7 +112,7 @@ const createChildrenArray = (array, children) => {
         }
     });
 };
-const checkRuleApplicable = (previousType, nextType, previousChildType, nextChildType, alreadySpaced) => {
+var checkRuleApplicable = function (previousType, nextType, previousChildType, nextChildType, alreadySpaced) {
     if (previousChildType === undefined || nextChildType === undefined) {
         return false;
     }
@@ -121,4 +127,4 @@ const checkRuleApplicable = (previousType, nextType, previousChildType, nextChil
     }
     return false;
 };
-//# sourceMappingURL=AutoLayout.helpers.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0xheW91dC5oZWxwZXJzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9hdXRvbGF5b3V0L0F1dG9MYXlvdXQuaGVscGVycy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLHVEQUF1RDtBQUN2RCxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQWlCLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDbEUsT0FBTyxFQUFFLE1BQU0sRUFBYyxNQUFNLHFCQUFxQixDQUFBO0FBR3hELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7R0FLRztBQUNILE1BQU0sQ0FBQyxJQUFNLFVBQVUsR0FBRyxVQUFDLE9BQTJCO0lBQ3BELE9BQUEsQ0FBQSxPQUFPLGFBQVAsT0FBTyx1QkFBUCxPQUFPLENBQUUsSUFBSSxNQUFLLEtBQUssQ0FBQyxRQUFRO0FBQWhDLENBQWdDLENBQUE7QUFFbEMsSUFBTSx1QkFBdUIsR0FBRyxVQUFDLEtBQVU7SUFDekMsSUFBTSxjQUFjLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxNQUFNLENBQUMsVUFBQyxHQUFHLElBQUssT0FBQSxHQUFHLEVBQUgsQ0FBRyxDQUFDLENBQUE7SUFFdEUsT0FBTyxjQUFjLENBQUMsSUFBSSxDQUFDLFVBQUMsR0FBRyxJQUFLLE9BQUEsR0FBRyxLQUFLLEtBQUssQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUE5QixDQUE4QixDQUFDLENBQUE7QUFDckUsQ0FBQyxDQUFBO0FBRUQ7Ozs7OztHQU1HO0FBQ0gsTUFBTSxDQUFDLElBQU0sYUFBYSxHQUFHLFVBQzNCLE9BQTJCLEVBQzNCLGFBQWdDLFlBQ3BCLE9BQUEsQ0FBQSxNQUFDLE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRSxJQUFZLDBDQUFFLFdBQVcsTUFBSyxhQUFhLENBQUEsRUFB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

package/lib/components/autolayout/AutoLayout.js

@@ -2,9 +2,10 @@ import * as React from "react";
 /**
  * AutoLayout Component
  */
-const AutoLayout = ({ children }) => {
+var AutoLayout = function (_a) {
+    var children = _a.children;
     // eslint-disable-next-line react/jsx-no-useless-fragment
     return React.createElement("div", { className: "autolayout" }, children);
 };
 export default AutoLayout;
-//# sourceMappingURL=AutoLayout.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0xheW91dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYXV0b2xheW91dC9BdXRvTGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUc5Qjs7R0FFRztBQUNILElBQU0sVUFBVSxHQUE4QixVQUFDLEVBQVk7UUFBVixRQUFRLGNBQUE7SUFDdkQseURBQXlEO0lBQ3pELE9BQU8sNkJBQUssU0FBUyxFQUFFLFlBQVksSUFBRyxRQUFRLENBQU8sQ0FBQTtBQUN2RCxDQUFDLENBQUE7QUFFRCxlQUFlLFVBQVUsQ0FBQSJ9

package/lib/components/autolayout/AutoLayout.native.js

@@ -11,19 +11,22 @@ import { ComponentName } from "../../components/enumsComponentsName";
  * @param edgeSize {SpacerSize} Edge size if exist (default = SMALL)
  * @param noSpace {boolean} Set spaces between children to NONE
  */
-const AutoLayout = ({ children, matrix = DEFAULT_SPACING_MATRIX, edges, edgeSize = SpacerSize.TWO, noSpace, }) => {
-    const hasBottomEdge = edges === null || edges === void 0 ? void 0 : edges.includes("bottom");
-    const hasTopEdge = edges === null || edges === void 0 ? void 0 : edges.includes("top");
+var AutoLayout = function (_a) {
+    var children = _a.children, _b = _a.matrix, matrix = _b === void 0 ? DEFAULT_SPACING_MATRIX : _b, edges = _a.edges, _c = _a.edgeSize, edgeSize = _c === void 0 ? SpacerSize.TWO : _c, noSpace = _a.noSpace;
+    var hasBottomEdge = edges === null || edges === void 0 ? void 0 : edges.includes("bottom");
+    var hasTopEdge = edges === null || edges === void 0 ? void 0 : edges.includes("top");
     return (React.createElement(React.Fragment, null,
         hasTopEdge && React.createElement(Spacer, { size: edgeSize }),
         noSpace
             ? children
             : parseChildren({
-                children,
-                handleBetweenChildren: (props) => autoLayoutChildrenHandler(matrix, props),
+                children: children,
+                handleBetweenChildren: function (props) {
+                    return autoLayoutChildrenHandler(matrix, props);
+                },
             }),
         hasBottomEdge && React.createElement(Spacer, { size: edgeSize })));
 };
 AutoLayout.displayName = ComponentName.AutoLayout;
 export default AutoLayout;
-//# sourceMappingURL=AutoLayout.native.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0xheW91dC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2F1dG9sYXlvdXQvQXV0b0xheW91dC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQy9ELE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxhQUFhLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUMvRSxPQUFPLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBRXhELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxVQUFVLEdBQThCLFVBQUMsRUFNOUM7UUFMQyxRQUFRLGNBQUEsRUFDUixjQUErQixFQUEvQixNQUFNLG1CQUFHLHNCQUFzQixLQUFBLEVBQy9CLEtBQUssV0FBQSxFQUNMLGdCQUF5QixFQUF6QixRQUFRLG1CQUFHLFVBQVUsQ0FBQyxHQUFHLEtBQUEsRUFDekIsT0FBTyxhQUFBO0lBRVAsSUFBTSxhQUFhLEdBQUcsS0FBSyxhQUFMLEtBQUssdUJBQUwsS0FBSyxDQUFFLFFBQVEsQ0FBQyxRQUFRLENBQUMsQ0FBQTtJQUMvQyxJQUFNLFVBQVUsR0FBRyxLQUFLLGFBQUwsS0FBSyx1QkFBTCxLQUFLLENBQUUsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFBO0lBQ3pDLE9BQU8sQ0FDTDtRQUNHLFVBQVUsSUFBSSxvQkFBQyxNQUFNLElBQUMsSUFBSSxFQUFFLFFBQVEsR0FBSTtRQUN4QyxPQUFPO1lBQ04sQ0FBQyxDQUFDLFFBQVE7WUFDVixDQUFDLENBQUMsYUFBYSxDQUFDO2dCQUNaLFFBQVEsVUFBQTtnQkFDUixxQkFBcUIsRUFBRSxVQUFDLEtBQUs7b0JBQzNCLE9BQUEseUJBQXlCLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQztnQkFBeEMsQ0FBd0M7YUFDM0MsQ0FBQztRQUNMLGFBQWEsSUFBSSxvQkFBQyxNQUFNLElBQUMsSUFBSSxFQUFFLFFBQVEsR0FBSSxDQUMzQyxDQUNKLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxVQUFVLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxVQUFVLENBQUE7QUFFakQsZUFBZSxVQUFVLENBQUEifQ==

package/lib/components/autolayout/AutoLayoutProps.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=AutoLayoutProps.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0xheW91dFByb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9hdXRvbGF5b3V0L0F1dG9MYXlvdXRQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/lib/components/autolayout/AutoLayoutWrapper.js

@@ -5,7 +5,8 @@ import AutoLayout from "./AutoLayout";
  *
  * @param {autolayout} {boolean}  Activate/deactivate the autolayouting mechanism.
  */
-const AutoLayoutWrapper = ({ autolayout = true, children }) => {
+var AutoLayoutWrapper = function (_a) {
+    var _b = _a.autolayout, autolayout = _b === void 0 ? true : _b, children = _a.children;
     if (autolayout === true) {
         return React.createElement(AutoLayout, null, children);
     }
@@ -18,4 +19,4 @@ const AutoLayoutWrapper = ({ autolayout = true, children }) => {
     }
 };
 export default AutoLayoutWrapper;
-//# sourceMappingURL=AutoLayoutWrapper.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0xheW91dFdyYXBwZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2F1dG9sYXlvdXQvQXV0b0xheW91dFdyYXBwZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sVUFBVSxNQUFNLGNBQWMsQ0FBQTtBQUlyQzs7OztHQUlHO0FBQ0gsSUFBTSxpQkFBaUIsR0FHbEIsVUFBQyxFQUErQjtRQUE3QixrQkFBaUIsRUFBakIsVUFBVSxtQkFBRyxJQUFJLEtBQUEsRUFBRSxRQUFRLGNBQUE7SUFDakMsSUFBSSxVQUFVLEtBQUssSUFBSSxFQUFFO1FBQ3ZCLE9BQU8sb0JBQUMsVUFBVSxRQUFFLFFBQVEsQ0FBYyxDQUFBO0tBQzNDO1NBQU0sSUFBSSxVQUFVLEVBQUU7UUFDckIsT0FBTyxvQkFBQyxVQUFVLElBQUMsTUFBTSxFQUFFLFVBQVUsSUFBRyxRQUFRLENBQWMsQ0FBQTtLQUMvRDtTQUFNO1FBQ0wseURBQXlEO1FBQ3pELE9BQU8sMENBQUcsUUFBUSxDQUFJLENBQUE7S0FDdkI7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLGlCQUFpQixDQUFBIn0=

package/lib/components/autolayout/DefaultSpacingMatrix.js

@@ -1,11 +1,11 @@
 import { SpacerSize } from '../../components/spacer';
 import { SpacingMatrixMode } from './SpacingMatrix';
-const { FOUR, THREE, TWO } = SpacerSize;
-export const { INSERT_SPACE_BETWEEN } = SpacingMatrixMode;
+var FOUR = SpacerSize.FOUR, THREE = SpacerSize.THREE, TWO = SpacerSize.TWO;
+export var INSERT_SPACE_BETWEEN = SpacingMatrixMode.INSERT_SPACE_BETWEEN;
 /**
  * Spacing matrix for defining spacings between component types
  */
-export const DEFAULT_SPACING_MATRIX = [
+export var DEFAULT_SPACING_MATRIX = [
     [INSERT_SPACE_BETWEEN, 'Accordion', 'default', FOUR],
     [INSERT_SPACE_BETWEEN, 'Card', 'default', FOUR],
     [INSERT_SPACE_BETWEEN, 'Box', 'default', FOUR],
@@ -37,4 +37,4 @@ export const DEFAULT_SPACING_MATRIX = [
     [INSERT_SPACE_BETWEEN, 'Sticker', 'default', TWO],
     [INSERT_SPACE_BETWEEN, 'Tag', 'default', TWO],
 ];
-//# sourceMappingURL=DefaultSpacingMatrix.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGVmYXVsdFNwYWNpbmdNYXRyaXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2F1dG9sYXlvdXQvRGVmYXVsdFNwYWNpbmdNYXRyaXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ2hELE9BQU8sRUFBaUIsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUUxRCxJQUFBLElBQUksR0FBaUIsVUFBVSxLQUEzQixFQUFFLEtBQUssR0FBVSxVQUFVLE1BQXBCLEVBQUUsR0FBRyxHQUFLLFVBQVUsSUFBZixDQUFlO0FBRXZDLE1BQU0sQ0FBUyxJQUFBLG9CQUFvQixHQUFLLGlCQUFpQixxQkFBdEIsQ0FBc0I7QUFFekQ7O0dBRUc7QUFDSCxNQUFNLENBQUMsSUFBTSxzQkFBc0IsR0FBa0I7SUFDbkQsQ0FBQyxvQkFBb0IsRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQztJQUNwRCxDQUFDLG9CQUFvQixFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDO0lBQy9DLENBQUMsb0JBQW9CLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxJQUFJLENBQUM7SUFDOUMsQ0FBQyxvQkFBb0IsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQztJQUNoRCxDQUFDLG9CQUFvQixFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDO0lBQy9DLENBQUMsb0JBQW9CLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxJQUFJLENBQUM7SUFDbkQsQ0FBQyxvQkFBb0IsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQztJQUNsRCxDQUFDLG9CQUFvQixFQUFFLFlBQVksRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDO0lBQ3JELENBQUMsb0JBQW9CLEVBQUUsZ0JBQWdCLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQztJQUN6RCxDQUFDLG9CQUFvQixFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDO0lBQy9DLENBQUMsb0JBQW9CLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxJQUFJLENBQUM7SUFDaEQsQ0FBQyxvQkFBb0IsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLEdBQUcsQ0FBQztJQUMvQyxDQUFDLG9CQUFvQixFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDO0lBQ2pELENBQUMsb0JBQW9CLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxLQUFLLENBQUM7SUFDckQsQ0FBQyxvQkFBb0IsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssQ0FBQztJQUNqRCxDQUFDLG9CQUFvQixFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsR0FBRyxDQUFDO0lBQzlDLENBQUMsb0JBQW9CLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLENBQUM7SUFDakQsQ0FBQyxvQkFBb0IsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLEdBQUcsQ0FBQztJQUNsRCxDQUFDLG9CQUFvQixFQUFFLGdCQUFnQixFQUFFLFNBQVMsRUFBRSxHQUFHLENBQUM7SUFDeEQsQ0FBQyxvQkFBb0IsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssQ0FBQztJQUNqRCxDQUFDLG9CQUFvQixFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsS0FBSyxDQUFDO0lBQ3BELENBQUMsb0JBQW9CLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxLQUFLLENBQUM7SUFDbEQsQ0FBQyxvQkFBb0IsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQztJQUNoRCxDQUFDLG9CQUFvQixFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDO0lBQ25ELENBQUMsb0JBQW9CLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxJQUFJLENBQUM7SUFDaEQsQ0FBQyxvQkFBb0IsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQztJQUNuRCxDQUFDLG9CQUFvQixFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDO0lBQ2pELENBQUMsb0JBQW9CLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxHQUFHLENBQUM7SUFDOUMsQ0FBQyxvQkFBb0IsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLEdBQUcsQ0FBQztJQUNqRCxDQUFDLG9CQUFvQixFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsR0FBRyxDQUFDO0NBQzlDLENBQUEifQ==

package/lib/components/autolayout/SpacingMatrix.js

@@ -9,4 +9,4 @@ export var SpacingMatrixMode;
      */
     SpacingMatrixMode[SpacingMatrixMode["INSERT_ELEMENT_BETWEEN"] = 1] = "INSERT_ELEMENT_BETWEEN";
 })(SpacingMatrixMode || (SpacingMatrixMode = {}));
-//# sourceMappingURL=SpacingMatrix.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3BhY2luZ01hdHJpeC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYXV0b2xheW91dC9TcGFjaW5nTWF0cml4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUdBLE1BQU0sQ0FBTixJQUFZLGlCQVVYO0FBVkQsV0FBWSxpQkFBaUI7SUFDM0I7O09BRUc7SUFDSCx5RkFBb0IsQ0FBQTtJQUVwQjs7T0FFRztJQUNILDZGQUFzQixDQUFBO0FBQ3hCLENBQUMsRUFWVyxpQkFBaUIsS0FBakIsaUJBQWlCLFFBVTVCIn0=

package/lib/components/autolayout/index.js

@@ -1,4 +1,4 @@
 import AutoLayout from './AutoLayout';
 import AutoLayoutWrapper from './AutoLayoutWrapper';
 export { AutoLayout, AutoLayoutWrapper };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2F1dG9sYXlvdXQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxVQUFVLE1BQU0sY0FBYyxDQUFBO0FBQ3JDLE9BQU8saUJBQWlCLE1BQU0scUJBQXFCLENBQUE7QUFFbkQsT0FBTyxFQUFFLFVBQVUsRUFBRSxpQkFBaUIsRUFBRSxDQUFBIn0=

package/lib/components/badge/Badge.js

@@ -1,3 +1,4 @@
+import { __assign, __rest } from "tslib";
 import * as React from "react";
 import { Text, TextMarkup } from "../../components/text";
 import clsx from "clsx";
@@ -16,23 +17,24 @@ import { is } from "../../services";
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes (ONLY FOR WEB)
  */
-const Badge = ({ children, className, textContent, content, inverted, reversed, onClick, testId, ...others }) => {
-    const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, clsx(textContent ? "badge-and-text" : "badge", className));
+var Badge = function (_a) {
+    var children = _a.children, className = _a.className, textContent = _a.textContent, content = _a.content, inverted = _a.inverted, reversed = _a.reversed, onClick = _a.onClick, testId = _a.testId, others = __rest(_a, ["children", "className", "textContent", "content", "inverted", "reversed", "onClick", "testId"]);
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx(textContent ? "badge-and-text" : "badge", className));
     if (textContent) {
-        return (React.createElement("div", { "data-testid": testId, onClick: (e) => {
+        return (React.createElement("div", __assign({ "data-testid": testId, onClick: function (e) {
                 onClick === null || onClick === void 0 ? void 0 : onClick(e);
                 e.stopPropagation();
-            }, className: classes, ...others },
+            }, className: classes }, others),
             !reversed && (React.createElement(Text, { markup: TextMarkup.P }, textContent)),
             React.createElement("span", { className: hashClass(styled, clsx("badge", inverted && is('inverted'))) }, content || children),
             reversed && (React.createElement(Text, { markup: TextMarkup.P }, textContent))));
     }
-    return (React.createElement("div", { "data-testid": testId, onClick: (e) => {
+    return (React.createElement("div", { "data-testid": testId, onClick: function (e) {
             onClick === null || onClick === void 0 ? void 0 : onClick(e);
             e.stopPropagation();
         } },
-        React.createElement(Text, { className: clsx(textContent ? "badge-and-text" : "badge", className), markup: TextMarkup.SPAN, ...others }, content || children)));
+        React.createElement(Text, __assign({ className: clsx(textContent ? "badge-and-text" : "badge", inverted && is('inverted'), className), markup: TextMarkup.SPAN }, others), content || children)));
 };
 export default Badge;
-//# sourceMappingURL=Badge.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFkZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2JhZGdlL0JhZGdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUUvQjs7Ozs7Ozs7Ozs7R0FXRztBQUNILElBQU0sS0FBSyxHQUFHLFVBQUMsRUFVRjtJQVRYLElBQUEsUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsV0FBVyxpQkFBQSxFQUNYLE9BQU8sYUFBQSxFQUNQLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLE1BQU0sWUFBQSxFQUNILE1BQU0sY0FUSSxnR0FVZCxDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxDQUFDLE9BQU8sRUFDM0MsU0FBUyxDQUFDLENBQ2IsQ0FBQTtJQUVELElBQUksV0FBVyxFQUFFO1FBQ2YsT0FBTyxDQUNMLHFEQUNlLE1BQU0sRUFDbkIsT0FBTyxFQUFFLFVBQUMsQ0FBQztnQkFDVCxPQUFPLGFBQVAsT0FBTyx1QkFBUCxPQUFPLENBQUcsQ0FBQyxDQUFDLENBQUE7Z0JBQ1osQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFBO1lBQ3JCLENBQUMsRUFDRCxTQUFTLEVBQUUsT0FBTyxJQUNkLE1BQU07WUFFUixDQUFDLFFBQVEsSUFBSyxDQUNkLG9CQUFDLElBQUksSUFBQyxNQUFNLEVBQUUsVUFBVSxDQUFDLENBQUMsSUFBRyxXQUFXLENBQVEsQ0FDakQ7WUFDRCw4QkFDRSxTQUFTLEVBQUUsU0FBUyxDQUNsQixNQUFNLEVBQ04sSUFBSSxDQUFDLE9BQU8sRUFDVixRQUFRLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQzlCLElBRUEsT0FBTyxJQUFJLFFBQVEsQ0FDZjtZQUNOLFFBQVEsSUFBSSxDQUNYLG9CQUFDLElBQUksSUFBQyxNQUFNLEVBQUUsVUFBVSxDQUFDLENBQUMsSUFBRyxXQUFXLENBQVEsQ0FDakQsQ0FDRyxDQUNQLENBQUE7S0FDRjtJQUVELE9BQU8sQ0FDTCw0Q0FDZSxNQUFNLEVBQ25CLE9BQU8sRUFBRSxVQUFDLENBQUM7WUFDVCxPQUFPLGFBQVAsT0FBTyx1QkFBUCxPQUFPLENBQUcsQ0FBQyxDQUFDLENBQUE7WUFDWixDQUFDLENBQUMsZUFBZSxFQUFFLENBQUE7UUFDckIsQ0FBQztRQUVELG9CQUFDLElBQUksYUFDSCxTQUFTLEVBQUUsSUFBSSxDQUNiLFdBQVcsQ0FBQyxDQUFDLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxDQUFDLE9BQU8sRUFDeEMsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFDMUIsU0FBUyxDQUNWLEVBQ0QsTUFBTSxFQUFFLFVBQVUsQ0FBQyxJQUFJLElBQ25CLE1BQU0sR0FFVCxPQUFPLElBQUksUUFBUSxDQUNmLENBQ0gsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxLQUFLLENBQUEifQ==

package/lib/components/badge/Badge.native.js

@@ -1,3 +1,4 @@
+import { __assign, __rest } from "tslib";
 import * as React from "react";
 import { StyleSheet, Text, TouchableOpacity, View } from "react-native";
 import { BadgeColor } from "./BadgeEnum";
@@ -13,10 +14,11 @@ import { ComponentName } from "../../components/enumsComponentsName";
  * @param reversed {boolean} Text reversed for Badge
  * @param testId {string} Test Id for Test Integration
  */
-const Badge = ({ children, textContent, content, reversed, onClick, testId, ...others }) => {
-    const badgeColor = getColorStyle(BadgeColor.MAIN);
-    const textColor = getColorStyle(TrilogyColor.BACKGROUND);
-    const styles = StyleSheet.create({
+var Badge = function (_a) {
+    var children = _a.children, textContent = _a.textContent, content = _a.content, reversed = _a.reversed, onClick = _a.onClick, testId = _a.testId, others = __rest(_a, ["children", "textContent", "content", "reversed", "onClick", "testId"]);
+    var badgeColor = getColorStyle(BadgeColor.MAIN);
+    var textColor = getColorStyle(TrilogyColor.BACKGROUND);
+    var styles = StyleSheet.create({
         container: {
             flexDirection: "row",
         },
@@ -40,7 +42,7 @@ const Badge = ({ children, textContent, content, reversed, onClick, testId, ...o
             color: getColorStyle(TrilogyColor.MAIN),
         },
     });
-    let badgeView;
+    var badgeView;
     if (textContent) {
         badgeView = (React.createElement(View, { style: styles.container },
             !reversed && React.createElement(Text, { style: styles.textContent }, textContent),
@@ -49,12 +51,12 @@ const Badge = ({ children, textContent, content, reversed, onClick, testId, ...o
             reversed && (React.createElement(Text, { style: styles.textContent }, textContent))));
     }
     else {
-        badgeView = (React.createElement(View, null, content ? (React.createElement(View, { style: styles.badge, ...others },
-            React.createElement(Text, { style: styles.text }, content))) : (React.createElement(View, { style: styles.badge, ...others }, children))));
+        badgeView = (React.createElement(View, null, content ? (React.createElement(View, __assign({ style: styles.badge }, others),
+            React.createElement(Text, { style: styles.text }, content))) : (React.createElement(View, __assign({ style: styles.badge }, others), children))));
     }
     return onClick ? (React.createElement(View, null,
         React.createElement(TouchableOpacity, { onPress: onClick, activeOpacity: 0.85, testID: testId }, badgeView))) : (badgeView);
 };
 Badge.displayName = ComponentName.Badge;
 export default Badge;
-//# sourceMappingURL=Badge.native.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFkZ2UubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9iYWRnZS9CYWRnZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFdkUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGFBQWEsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7Ozs7O0dBU0c7QUFDSCxJQUFNLEtBQUssR0FBRyxVQUFDLEVBUUY7SUFQWCxJQUFBLFFBQVEsY0FBQSxFQUNSLFdBQVcsaUJBQUEsRUFDWCxPQUFPLGFBQUEsRUFDUCxRQUFRLGNBQUEsRUFDUixPQUFPLGFBQUEsRUFDUCxNQUFNLFlBQUEsRUFDSCxNQUFNLGNBUEksdUVBUWQsQ0FEVTtJQUVULElBQU0sVUFBVSxHQUFHLGFBQWEsQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLENBQUE7SUFDakQsSUFBTSxTQUFTLEdBQUcsYUFBYSxDQUFDLFlBQVksQ0FBQyxVQUFVLENBQUMsQ0FBQTtJQUV4RCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLFNBQVMsRUFBRTtZQUNULGFBQWEsRUFBRSxLQUFLO1NBQ3JCO1FBQ0QsS0FBSyxFQUFFO1lBQ0wsU0FBUyxFQUFFLFVBQVU7WUFDckIsUUFBUSxFQUFFLEVBQUU7WUFDWixNQUFNLEVBQUUsRUFBRTtZQUNWLGVBQWUsRUFBRSxVQUFVO1lBQzNCLFlBQVksRUFBRSxFQUFFO1lBQ2hCLGNBQWMsRUFBRSxRQUFRO1lBQ3hCLFVBQVUsRUFBRSxRQUFRO1NBQ3JCO1FBQ0QsSUFBSSxFQUFFO1lBQ0osS0FBSyxFQUFFLFNBQVM7WUFDaEIsUUFBUSxFQUFFLEVBQUU7U0FDYjtRQUNELFdBQVcsRUFBRTtZQUNYLFFBQVEsRUFBRSxFQUFFO1lBQ1osV0FBVyxFQUFFLENBQUM7WUFDZCxVQUFVLEVBQUUsQ0FBQztZQUNiLEtBQUssRUFBRSxhQUFhLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQztTQUN4QztLQUNGLENBQUMsQ0FBQTtJQUVGLElBQUksU0FBc0IsQ0FBQTtJQUUxQixJQUFJLFdBQVcsRUFBRTtRQUNmLFNBQVMsR0FBRyxDQUNWLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLFNBQVM7WUFDMUIsQ0FBQyxRQUFRLElBQUksb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsV0FBVyxJQUFHLFdBQVcsQ0FBUTtZQUNuRSxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxLQUFLO2dCQUN2QixvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLElBQUcsT0FBTyxDQUFRLENBQ3JDO1lBQ04sUUFBUSxJQUFJLENBQ1gsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsV0FBVyxJQUFHLFdBQVcsQ0FBUSxDQUN0RCxDQUNJLENBQ1IsQ0FBQTtLQUNGO1NBQU07UUFDTCxTQUFTLEdBQUcsQ0FDVixvQkFBQyxJQUFJLFFBQ0YsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUNULG9CQUFDLElBQUksYUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLEtBQUssSUFBTSxNQUFNO1lBQ25DLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksSUFBRyxPQUFPLENBQVEsQ0FDckMsQ0FDUixDQUFDLENBQUMsQ0FBQyxDQUNGLG9CQUFDLElBQUksYUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLEtBQUssSUFBTSxNQUFNLEdBQ2xDLFFBQVEsQ0FDSixDQUNSLENBQ0ksQ0FDUixDQUFBO0tBQ0Y7SUFFRCxPQUFPLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FDZixvQkFBQyxJQUFJO1FBQ0gsb0JBQUMsZ0JBQWdCLElBQUMsT0FBTyxFQUFFLE9BQU8sRUFBRSxhQUFhLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxNQUFNLElBQ3BFLFNBQVMsQ0FDTyxDQUNkLENBQ1IsQ0FBQyxDQUFDLENBQUMsQ0FDRixTQUFTLENBQ1YsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELEtBQUssQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLEtBQUssQ0FBQTtBQUV2QyxlQUFlLEtBQUssQ0FBQSJ9

package/lib/components/badge/BadgeEnum.js

@@ -2,4 +2,4 @@ export var BadgeColor;
 (function (BadgeColor) {
     BadgeColor["MAIN"] = "MAIN";
 })(BadgeColor || (BadgeColor = {}));
-//# sourceMappingURL=BadgeEnum.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFkZ2VFbnVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9iYWRnZS9CYWRnZUVudW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFOLElBQVksVUFFWDtBQUZELFdBQVksVUFBVTtJQUNwQiwyQkFBYSxDQUFBO0FBQ2YsQ0FBQyxFQUZXLFVBQVUsS0FBVixVQUFVLFFBRXJCIn0=

package/lib/components/badge/BadgeProps.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=BadgeProps.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFkZ2VQcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYmFkZ2UvQmFkZ2VQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/lib/components/badge/index.js

@@ -1,4 +1,4 @@
 import Badge from './Badge';
 export * from './BadgeEnum';
 export { Badge };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2JhZGdlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLFNBQVMsQ0FBQTtBQUUzQixjQUFjLGFBQWEsQ0FBQTtBQUUzQixPQUFPLEVBQUUsS0FBSyxFQUFFLENBQUEifQ==

package/lib/components/box/Box.js

@@ -1,3 +1,4 @@
+import { __assign, __read, __rest } from "tslib";
 import React, { useEffect, useState } from "react";
 import { BoxMarkup } from "./BoxProps";
 import { has, is } from "../../services/classify";
@@ -27,32 +28,33 @@ import { useTrilogyContext } from "../../context";
  * @param fullheight
  * @param others
  */
-const Box = ({ inverted, children, className, onClick, markup, skeleton, to, backgroundColor, highlighted, shadowless, backgroundSrc, testId, flat, hat, fullheight, active, ...others }) => {
-    const { styled } = useTrilogyContext();
-    const [isLoading, setIsLoading] = useState(skeleton || false);
-    const classes = hashClass(styled, clsx("box", shadowless && is("shadowless"), className, backgroundColor && has(getBackgroundClassName(backgroundColor)), backgroundSrc && has("background"), (inverted && is("inverted")), isLoading ? is("loading") : is("loaded"), highlighted && `${is("highlighted")} ${is(getColorClassName(highlighted))}`, flat && is("flat"), hat && has("hat"), fullheight && is("fullheight"), active && is("active")));
-    useEffect(() => {
+var Box = function (_a) {
+    var inverted = _a.inverted, children = _a.children, className = _a.className, onClick = _a.onClick, markup = _a.markup, skeleton = _a.skeleton, to = _a.to, backgroundColor = _a.backgroundColor, highlighted = _a.highlighted, shadowless = _a.shadowless, backgroundSrc = _a.backgroundSrc, testId = _a.testId, flat = _a.flat, hat = _a.hat, fullheight = _a.fullheight, active = _a.active, others = __rest(_a, ["inverted", "children", "className", "onClick", "markup", "skeleton", "to", "backgroundColor", "highlighted", "shadowless", "backgroundSrc", "testId", "flat", "hat", "fullheight", "active"]);
+    var styled = useTrilogyContext().styled;
+    var _b = __read(useState(skeleton || false), 2), isLoading = _b[0], setIsLoading = _b[1];
+    var classes = hashClass(styled, clsx("box", shadowless && is("shadowless"), className, backgroundColor && has(getBackgroundClassName(backgroundColor)), backgroundSrc && has("background"), (inverted && is("inverted")), isLoading ? is("loading") : is("loaded"), highlighted && "".concat(is("highlighted"), " ").concat(is(getColorClassName(highlighted))), flat && is("flat"), hat && has("hat"), fullheight && is("fullheight"), active && is("active")));
+    useEffect(function () {
         setIsLoading(skeleton || false);
     }, [skeleton]);
     if (markup === BoxMarkup.A || to) {
-        return (React.createElement("a", { "data-testid": testId, href: to, onClick: (e) => {
+        return (React.createElement("a", __assign({ "data-testid": testId, href: to, onClick: function (e) {
                 // eslint-disable-next-line no-unused-expressions
                 onClick === null || onClick === void 0 ? void 0 : onClick(e);
-            }, className: classes, ...others }, children));
+            }, className: classes }, others), children));
     }
-    const hoverStyle = {
+    var hoverStyle = {
         cursor: "pointer",
     };
-    return (React.createElement("div", { style: onClick && { ...hoverStyle }, "data-testid": testId, onClick: (e) => {
+    return (React.createElement("div", __assign({ style: onClick && __assign({}, hoverStyle), "data-testid": testId, onClick: function (e) {
             // eslint-disable-next-line no-unused-expressions
             onClick === null || onClick === void 0 ? void 0 : onClick(e);
-        }, className: classes, ...others, ...(backgroundSrc && {
-            style: {
-                backgroundImage: `url(${backgroundSrc})`,
-                backgroundSize: "cover",
-                backgroundPosition: "50%",
-            },
-        }) }, children));
+        }, className: classes }, others, (backgroundSrc && {
+        style: {
+            backgroundImage: "url(".concat(backgroundSrc, ")"),
+            backgroundSize: "cover",
+            backgroundPosition: "50%",
+        },
+    })), children));
 };
 export default Box;
-//# sourceMappingURL=Box.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9ib3gvQm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2xELE9BQU8sRUFBRSxTQUFTLEVBQVksTUFBTSxZQUFZLENBQUE7QUFDaEQsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNuRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW9CRztBQUNILElBQU0sR0FBRyxHQUFHLFVBQUMsRUFrQkY7SUFqQlQsSUFBQSxRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixTQUFTLGVBQUEsRUFDVCxPQUFPLGFBQUEsRUFDUCxNQUFNLFlBQUEsRUFDTixRQUFRLGNBQUEsRUFDUixFQUFFLFFBQUEsRUFDRixlQUFlLHFCQUFBLEVBQ2YsV0FBVyxpQkFBQSxFQUNYLFVBQVUsZ0JBQUEsRUFDVixhQUFhLG1CQUFBLEVBQ2IsTUFBTSxZQUFBLEVBQ04sSUFBSSxVQUFBLEVBQ0osR0FBRyxTQUFBLEVBQ0gsVUFBVSxnQkFBQSxFQUNWLE1BQU0sWUFBQSxFQUNILE1BQU0sY0FqQkUsOExBa0JaLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUNoQyxJQUFBLEtBQUEsT0FBNEIsUUFBUSxDQUFVLFFBQVEsSUFBSSxLQUFLLENBQUMsSUFBQSxFQUEvRCxTQUFTLFFBQUEsRUFBRSxZQUFZLFFBQXdDLENBQUE7SUFDdEUsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLEtBQUssRUFDTCxVQUFVLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUM5QixTQUFTLEVBQ1QsZUFBZSxJQUFJLEdBQUcsQ0FBQyxzQkFBc0IsQ0FBQyxlQUFlLENBQUMsQ0FBQyxFQUMvRCxhQUFhLElBQUksR0FBRyxDQUFDLFlBQVksQ0FBQyxFQUNsQyxDQUFDLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLENBQUMsRUFDNUIsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxRQUFRLENBQUMsRUFDeEMsV0FBVyxJQUFJLFVBQUcsRUFBRSxDQUFDLGFBQWEsQ0FBQyxjQUFJLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFFLEVBQzNFLElBQUksSUFBSSxFQUFFLENBQUMsTUFBTSxDQUFDLEVBQ2xCLEdBQUcsSUFBSSxHQUFHLENBQUMsS0FBSyxDQUFDLEVBQ2pCLFVBQVUsSUFBSSxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQzlCLE1BQU0sSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLENBQ3ZCLENBQ0YsQ0FBQTtJQUVELFNBQVMsQ0FBQztRQUNSLFlBQVksQ0FBQyxRQUFRLElBQUksS0FBSyxDQUFDLENBQUE7SUFDakMsQ0FBQyxFQUFFLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQTtJQUVkLElBQUksTUFBTSxLQUFLLFNBQVMsQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFO1FBQ2hDLE9BQU8sQ0FDTCxtREFDZSxNQUFNLEVBQ25CLElBQUksRUFBRSxFQUFFLEVBQ1IsT0FBTyxFQUFFLFVBQUMsQ0FBQztnQkFDVCxpREFBaUQ7Z0JBQ2pELE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRyxDQUFDLENBQUMsQ0FBQTtZQUNkLENBQUMsRUFDRCxTQUFTLEVBQUUsT0FBTyxJQUNkLE1BQU0sR0FFVCxRQUFRLENBQ1AsQ0FDTCxDQUFBO0tBQ0Y7SUFFRCxJQUFNLFVBQVUsR0FBd0I7UUFDdEMsTUFBTSxFQUFFLFNBQVM7S0FDbEIsQ0FBQTtJQUVELE9BQU8sQ0FDTCxzQ0FDRSxLQUFLLEVBQUUsT0FBTyxpQkFBUyxVQUFVLENBQUUsaUJBQ3RCLE1BQU0sRUFDbkIsT0FBTyxFQUFFLFVBQUMsQ0FBQztZQUNULGlEQUFpRDtZQUNqRCxPQUFPLGFBQVAsT0FBTyx1QkFBUCxPQUFPLENBQUcsQ0FBQyxDQUFDLENBQUE7UUFDZCxDQUFDLEVBQ0QsU0FBUyxFQUFFLE9BQU8sSUFDZCxNQUFNLEVBQ04sQ0FBQyxhQUFhLElBQUk7UUFDcEIsS0FBSyxFQUFFO1lBQ0wsZUFBZSxFQUFFLGNBQU8sYUFBYSxNQUFHO1lBQ3hDLGNBQWMsRUFBRSxPQUFPO1lBQ3ZCLGtCQUFrQixFQUFFLEtBQUs7U0FDMUI7S0FDRixDQUFDLEdBRUQsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsR0FBRyxDQUFBIn0=