@trilogy-ds/react 0.0.3-beta-v4 → 0.0.3-fix-timepicker

package/lib/components/columns/column/Column.js

@@ -1,10 +1,11 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
-import clsx from 'clsx';
-import { is } from '../../../services/classify';
-import { hashClass } from '../../../helpers';
+import { ComponentName } from '../../../components/enumsComponentsName';
 import { useTrilogyContext } from '../../../context';
-import { getAlignClassName } from '../../../objects';
+import { hashClass } from '../../../helpers/hashClassesHelpers';
+import { getAlignClassName } from '../../../objects/facets/Alignable';
+import { is } from '../../../services/classify';
+import clsx from 'clsx';
+import React from 'react';
 /**
  * Columns Item Component - Columns Child
  * @param size {ColumnsSize} Size 1-12
@@ -13,7 +14,7 @@ import { getAlignClassName } from '../../../objects';
  * @param children {React.ReactNode}
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param narrow {boolean} Narrow column item
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param mobileSize {ColumnsSize} Apply => is-size-mobile
  * @param tabletSize {ColumnsSize} Apply => is-size-tablet
  * @param touchSize {ColumnsSize} Apply => is-size-touch
@@ -29,11 +30,12 @@ import { getAlignClassName } from '../../../objects';
  * @param fullhdOffset {ColumnsSize} Apply => is-offset-fullhd
  * @param align { Alignable | AlignableValues} align content
  */
-var Column = function (_a) {
-    var className = _a.className, id = _a.id, size = _a.size, mobileSize = _a.mobileSize, tabletSize = _a.tabletSize, touchSize = _a.touchSize, desktopSize = _a.desktopSize, widescreenSize = _a.widescreenSize, fullhdSize = _a.fullhdSize, offset = _a.offset, mobileOffset = _a.mobileOffset, tabletOffset = _a.tabletOffset, touchOffset = _a.touchOffset, desktopOffset = _a.desktopOffset, widescreenOffset = _a.widescreenOffset, fullhdOffset = _a.fullhdOffset, narrow = _a.narrow, verticalAlign = _a.verticalAlign, others = __rest(_a, ["className", "id", "size", "mobileSize", "tabletSize", "touchSize", "desktopSize", "widescreenSize", "fullhdSize", "offset", "mobileOffset", "tabletOffset", "touchOffset", "desktopOffset", "widescreenOffset", "fullhdOffset", "narrow", "verticalAlign"]);
+var Column = React.forwardRef(function (_a, ref) {
+    var className = _a.className, id = _a.id, size = _a.size, mobileSize = _a.mobileSize, tabletSize = _a.tabletSize, touchSize = _a.touchSize, desktopSize = _a.desktopSize, widescreenSize = _a.widescreenSize, fullhdSize = _a.fullhdSize, offset = _a.offset, mobileOffset = _a.mobileOffset, tabletOffset = _a.tabletOffset, touchOffset = _a.touchOffset, desktopOffset = _a.desktopOffset, widescreenOffset = _a.widescreenOffset, fullhdOffset = _a.fullhdOffset, narrow = _a.narrow, verticalAlign = _a.verticalAlign, testId = _a.testId, others = __rest(_a, ["className", "id", "size", "mobileSize", "tabletSize", "touchSize", "desktopSize", "widescreenSize", "fullhdSize", "offset", "mobileOffset", "tabletOffset", "touchOffset", "desktopOffset", "widescreenOffset", "fullhdOffset", "narrow", "verticalAlign", "testId"]);
     var styled = useTrilogyContext().styled;
     var classes = hashClass(styled, clsx('column', size && is("".concat(size)), mobileSize && is("".concat(mobileSize, "-mobile")), tabletSize && is("".concat(tabletSize, "-tablet")), touchSize && is("".concat(touchSize, "-tablet")), desktopSize && is("".concat(desktopSize, "-desktop")), widescreenSize && is("".concat(widescreenSize, "-widescreen")), fullhdSize && is("".concat(fullhdSize, "-fullhd")), offset && is("offset-".concat(offset)), mobileOffset && is("offset-".concat(mobileOffset, "-mobile")), tabletOffset && is("offset-".concat(tabletOffset, "-tablet")), touchOffset && is("offset-".concat(touchOffset, "-tablet")), desktopOffset && is("offset-".concat(desktopOffset, "-desktop")), widescreenOffset && is("offset-".concat(widescreenOffset, "-widescreen")), fullhdOffset && is("offset-".concat(fullhdOffset, "-fullhd")), narrow && is('narrow'), verticalAlign && is(getAlignClassName(verticalAlign)), className));
-    return React.createElement("div", __assign({ id: id, className: classes }, others));
-};
+    return React.createElement("div", __assign({ ref: ref, id: id, className: classes, "data-testid": testId }, others));
+});
+Column.displayName = ComponentName.Column;
 export default Column;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jb2x1bW5zL2NvbHVtbi9Db2x1bW4udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFFdkIsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F1Qkc7QUFDSCxJQUFNLE1BQU0sR0FBRyxVQUFDLEVBb0JjO0lBbkJaLElBQUEsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsSUFBSSxVQUFBLEVBQ0osVUFBVSxnQkFBQSxFQUNWLFVBQVUsZ0JBQUEsRUFDVixTQUFTLGVBQUEsRUFDVCxXQUFXLGlCQUFBLEVBQ1gsY0FBYyxvQkFBQSxFQUNkLFVBQVUsZ0JBQUEsRUFDVixNQUFNLFlBQUEsRUFDTixZQUFZLGtCQUFBLEVBQ1osWUFBWSxrQkFBQSxFQUNaLFdBQVcsaUJBQUEsRUFDWCxhQUFhLG1CQUFBLEVBQ2IsZ0JBQWdCLHNCQUFBLEVBQ2hCLFlBQVksa0JBQUEsRUFDWixNQUFNLFlBQUEsRUFDTixhQUFhLG1CQUFBLEVBQ1YsTUFBTSxjQW5CWCw0UEFvQkMsQ0FEVTtJQUdqQixJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsUUFBUSxFQUNSLElBQUksSUFBSSxFQUFFLENBQUMsVUFBRyxJQUFJLENBQUUsQ0FBQyxFQUNyQixVQUFVLElBQUksRUFBRSxDQUFDLFVBQUcsVUFBVSxZQUFTLENBQUMsRUFDeEMsVUFBVSxJQUFJLEVBQUUsQ0FBQyxVQUFHLFVBQVUsWUFBUyxDQUFDLEVBQ3hDLFNBQVMsSUFBSSxFQUFFLENBQUMsVUFBRyxTQUFTLFlBQVMsQ0FBQyxFQUN0QyxXQUFXLElBQUksRUFBRSxDQUFDLFVBQUcsV0FBVyxhQUFVLENBQUMsRUFDM0MsY0FBYyxJQUFJLEVBQUUsQ0FBQyxVQUFHLGNBQWMsZ0JBQWEsQ0FBQyxFQUNwRCxVQUFVLElBQUksRUFBRSxDQUFDLFVBQUcsVUFBVSxZQUFTLENBQUMsRUFDeEMsTUFBTSxJQUFJLEVBQUUsQ0FBQyxpQkFBVSxNQUFNLENBQUUsQ0FBQyxFQUNoQyxZQUFZLElBQUksRUFBRSxDQUFDLGlCQUFVLFlBQVksWUFBUyxDQUFDLEVBQ25ELFlBQVksSUFBSSxFQUFFLENBQUMsaUJBQVUsWUFBWSxZQUFTLENBQUMsRUFDbkQsV0FBVyxJQUFJLEVBQUUsQ0FBQyxpQkFBVSxXQUFXLFlBQVMsQ0FBQyxFQUNqRCxhQUFhLElBQUksRUFBRSxDQUFDLGlCQUFVLGFBQWEsYUFBVSxDQUFDLEVBQ3RELGdCQUFnQixJQUFJLEVBQUUsQ0FBQyxpQkFBVSxnQkFBZ0IsZ0JBQWEsQ0FBQyxFQUMvRCxZQUFZLElBQUksRUFBRSxDQUFDLGlCQUFVLFlBQVksWUFBUyxDQUFDLEVBQ25ELE1BQU0sSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQ3RCLGFBQWEsSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsYUFBYSxDQUFDLENBQUMsRUFDckQsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELE9BQU8sc0NBQUssRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQ3hELENBQUMsQ0FBQTtBQUVELGVBQWUsTUFBTSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jb2x1bW5zL2NvbHVtbi9Db2x1bW4udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFDQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUM5RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F1Qkc7QUFFSCxJQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUM3QixVQUNFLEVBcUJDLEVBQ0QsR0FBRztJQXJCRCxJQUFBLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLElBQUksVUFBQSxFQUNKLFVBQVUsZ0JBQUEsRUFDVixVQUFVLGdCQUFBLEVBQ1YsU0FBUyxlQUFBLEVBQ1QsV0FBVyxpQkFBQSxFQUNYLGNBQWMsb0JBQUEsRUFDZCxVQUFVLGdCQUFBLEVBQ1YsTUFBTSxZQUFBLEVBQ04sWUFBWSxrQkFBQSxFQUNaLFlBQVksa0JBQUEsRUFDWixXQUFXLGlCQUFBLEVBQ1gsYUFBYSxtQkFBQSxFQUNiLGdCQUFnQixzQkFBQSxFQUNoQixZQUFZLGtCQUFBLEVBQ1osTUFBTSxZQUFBLEVBQ04sYUFBYSxtQkFBQSxFQUNiLE1BQU0sWUFBQSxFQUNILE1BQU0sY0FwQlgsc1FBcUJDLENBRFU7SUFJSCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsUUFBUSxFQUNSLElBQUksSUFBSSxFQUFFLENBQUMsVUFBRyxJQUFJLENBQUUsQ0FBQyxFQUNyQixVQUFVLElBQUksRUFBRSxDQUFDLFVBQUcsVUFBVSxZQUFTLENBQUMsRUFDeEMsVUFBVSxJQUFJLEVBQUUsQ0FBQyxVQUFHLFVBQVUsWUFBUyxDQUFDLEVBQ3hDLFNBQVMsSUFBSSxFQUFFLENBQUMsVUFBRyxTQUFTLFlBQVMsQ0FBQyxFQUN0QyxXQUFXLElBQUksRUFBRSxDQUFDLFVBQUcsV0FBVyxhQUFVLENBQUMsRUFDM0MsY0FBYyxJQUFJLEVBQUUsQ0FBQyxVQUFHLGNBQWMsZ0JBQWEsQ0FBQyxFQUNwRCxVQUFVLElBQUksRUFBRSxDQUFDLFVBQUcsVUFBVSxZQUFTLENBQUMsRUFDeEMsTUFBTSxJQUFJLEVBQUUsQ0FBQyxpQkFBVSxNQUFNLENBQUUsQ0FBQyxFQUNoQyxZQUFZLElBQUksRUFBRSxDQUFDLGlCQUFVLFlBQVksWUFBUyxDQUFDLEVBQ25ELFlBQVksSUFBSSxFQUFFLENBQUMsaUJBQVUsWUFBWSxZQUFTLENBQUMsRUFDbkQsV0FBVyxJQUFJLEVBQUUsQ0FBQyxpQkFBVSxXQUFXLFlBQVMsQ0FBQyxFQUNqRCxhQUFhLElBQUksRUFBRSxDQUFDLGlCQUFVLGFBQWEsYUFBVSxDQUFDLEVBQ3RELGdCQUFnQixJQUFJLEVBQUUsQ0FBQyxpQkFBVSxnQkFBZ0IsZ0JBQWEsQ0FBQyxFQUMvRCxZQUFZLElBQUksRUFBRSxDQUFDLGlCQUFVLFlBQVksWUFBUyxDQUFDLEVBQ25ELE1BQU0sSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQ3RCLGFBQWEsSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsYUFBYSxDQUFDLENBQUMsRUFDckQsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELE9BQU8sc0NBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLGlCQUFlLE1BQU0sSUFBTSxNQUFNLEVBQUksQ0FBQTtBQUN2RixDQUFDLENBQ0YsQ0FBQTtBQUNELE1BQU0sQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLE1BQU0sQ0FBQTtBQUN6QyxlQUFlLE1BQU0sQ0FBQSJ9

package/lib/components/columns/column/Column.native.d.ts

@@ -1,15 +1,12 @@
-/// <reference types="react" />
-import { ColumnProps } from './ColumnProps';
-import { ComponentName } from '../../../components/enumsComponentsName';
+import { ColumnProps } from '../../../components/columns/column/ColumnProps';
+import React from 'react';
+import { View } from 'react-native';
 /**
- * Columns Item Component - Columns Child
- * @param size {ColumnsSize} Size 1-12
- * @param mobileSize {ColumnsSize} if size is missing.
+ * Column Component - Columns Child
  * @param children {React.ReactNode}
- * @param verticalCentered {boolean} Vertical center Column item
+ * @param narrow {boolean} Makes the column only as wide as its content.
+ * @param size {number} Size of the column based on a 12-column grid system.
+ * @param verticalAlign { 'top' | 'bottom' | 'center' } Vertical alignment of the column content.
  */
-declare const Column: {
-    ({ children, size, mobileSize, verticalAlign, ...others }: ColumnProps): JSX.Element;
-    displayName: ComponentName;
-};
+declare const Column: React.MemoExoticComponent<React.ForwardRefExoticComponent<ColumnProps & React.RefAttributes<View>>>;
 export default Column;

package/lib/components/columns/column/Column.native.js

@@ -1,32 +1,38 @@
 import { __assign, __rest } from "tslib";
-import React, { useContext } from 'react';
-import { StyleSheet, View } from 'react-native';
-import { ColumnsContext } from '../../../components/columns/Columns.native';
+import { ColumnsContext } from '../../../components/columns/context';
 import { ComponentName } from '../../../components/enumsComponentsName';
-import { Alignable } from '../../../objects';
+import { getAlignStyle } from '../../../objects';
+import React from 'react';
+import { View } from 'react-native';
 /**
- * Columns Item Component - Columns Child
- * @param size {ColumnsSize} Size 1-12
- * @param mobileSize {ColumnsSize} if size is missing.
+ * Column Component - Columns Child
  * @param children {React.ReactNode}
- * @param verticalCentered {boolean} Vertical center Column item
+ * @param narrow {boolean} Makes the column only as wide as its content.
+ * @param size {number} Size of the column based on a 12-column grid system.
+ * @param verticalAlign { 'top' | 'bottom' | 'center' } Vertical alignment of the column content.
  */
-var Column = function (_a) {
-    var children = _a.children, size = _a.size, mobileSize = _a.mobileSize, verticalAlign = _a.verticalAlign, others = __rest(_a, ["children", "size", "mobileSize", "verticalAlign"]);
-    var columnsContextValues = useContext(ColumnsContext);
-    var realSize = size || mobileSize;
-    var styles = StyleSheet.create({
-        Column: {
-            height: columnsContextValues.scrollable ? '100%' : undefined,
-            flex: !realSize ? 1 : realSize,
-            justifyContent: verticalAlign === Alignable.ALIGNED_CENTER ? 'center' : 'flex-start',
-            flexBasis: "".concat((realSize ? realSize / 12 : 12) * 100, "%"),
-            flexGrow: 0,
-            maxWidth: "".concat(((realSize ? realSize : 12) / 12) * 100, "%"),
-        },
-    });
-    return (React.createElement(View, __assign({ style: styles.Column }, others), children));
-};
+var Column = React.memo(React.forwardRef(function (_a, ref) {
+    var children = _a.children, narrow = _a.narrow, size = _a.size, verticalAlign = _a.verticalAlign, others = __rest(_a, ["children", "narrow", "size", "verticalAlign"]);
+    var _b = React.useContext(ColumnsContext), width = _b.width, realGap = _b.realGap, scrollable = _b.scrollable, childrensLength = _b.childrensLength;
+    var calculatedWidth = React.useMemo(function () {
+        return (size ? (size / 12) * width - realGap * ((childrensLength - 1) / childrensLength) : null);
+    }, [size, width, realGap, childrensLength]);
+    var scrollableStyle = React.useMemo(function () { return ({
+        width: calculatedWidth || (narrow ? 'auto' : width - 2 * realGap),
+    }); }, [calculatedWidth, narrow, width, realGap]);
+    var noScrollableStyle = React.useMemo(function () { return ({
+        flex: narrow ? 0 : 1,
+        flexGrow: size || narrow ? 0 : 1,
+        flexShrink: narrow ? 1 : 0,
+        flexBasis: calculatedWidth || 'auto',
+    }); }, [narrow, size, calculatedWidth]);
+    var justifyContentStyle = React.useMemo(function () { return ({ justifyContent: getAlignStyle(verticalAlign) }); }, [verticalAlign]);
+    return (React.createElement(View, __assign({ ref: ref, style: [
+            scrollable && scrollableStyle,
+            !scrollable && noScrollableStyle,
+            justifyContentStyle,
+        ] }, others), children));
+}));
 Column.displayName = ComponentName.Column;
 export default Column;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1uLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY29sdW1ucy9jb2x1bW4vQ29sdW1uLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsVUFBVSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ3pDLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRS9DLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQTtBQUNwRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUVyQzs7Ozs7O0dBTUc7QUFDSCxJQUFNLE1BQU0sR0FBRyxVQUFDLEVBQXFFO0lBQW5FLElBQUEsUUFBUSxjQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFFLGFBQWEsbUJBQUEsRUFBSyxNQUFNLGNBQXRELG1EQUF3RCxDQUFGO0lBQ3BFLElBQU0sb0JBQW9CLEdBQUcsVUFBVSxDQUFDLGNBQWMsQ0FBQyxDQUFBO0lBRXZELElBQU0sUUFBUSxHQUFHLElBQUksSUFBSSxVQUFVLENBQUE7SUFFbkMsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixNQUFNLEVBQUU7WUFDTixNQUFNLEVBQUUsb0JBQW9CLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLFNBQVM7WUFDNUQsSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLFFBQVE7WUFDOUIsY0FBYyxFQUFFLGFBQWEsS0FBSyxTQUFTLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFlBQVk7WUFDcEYsU0FBUyxFQUFFLFVBQUcsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxHQUFHLEdBQUcsTUFBRztZQUN0RCxRQUFRLEVBQUUsQ0FBQztZQUNYLFFBQVEsRUFBRSxVQUFHLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLEdBQUcsRUFBRSxDQUFDLEdBQUcsR0FBRyxNQUFHO1NBQ3hEO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLElBQUksYUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLE1BQU0sSUFBTSxNQUFNLEdBQ25DLFFBQVEsQ0FDSixDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxNQUFNLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxNQUFNLENBQUE7QUFFekMsZUFBZSxNQUFNLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1uLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY29sdW1ucy9jb2x1bW4vQ29sdW1uLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUNBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUM3RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN6QyxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLElBQUksRUFBYSxNQUFNLGNBQWMsQ0FBQTtBQUU5Qzs7Ozs7O0dBTUc7QUFDSCxJQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxVQUFVLENBQ3hDLFVBQUMsRUFBb0QsRUFBRSxHQUFHO0lBQXZELElBQUEsUUFBUSxjQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsYUFBYSxtQkFBQSxFQUFLLE1BQU0sY0FBbEQsK0NBQW9ELENBQUY7SUFDM0MsSUFBQSxLQUFrRCxLQUFLLENBQUMsVUFBVSxDQUFDLGNBQWMsQ0FBQyxFQUFoRixLQUFLLFdBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxVQUFVLGdCQUFBLEVBQUUsZUFBZSxxQkFBcUMsQ0FBQTtJQUV4RixJQUFNLGVBQWUsR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDO1FBQ3BDLE9BQUEsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxHQUFHLEVBQUUsQ0FBQyxHQUFHLEtBQUssR0FBRyxPQUFPLEdBQUcsQ0FBQyxDQUFDLGVBQWUsR0FBRyxDQUFDLENBQUMsR0FBRyxlQUFlLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO0lBQXpGLENBQXlGLEVBQ3pGLENBQUMsSUFBSSxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsZUFBZSxDQUFDLENBQ3hDLENBQUE7SUFFRCxJQUFNLGVBQWUsR0FBYyxLQUFLLENBQUMsT0FBTyxDQUM5QyxjQUFNLE9BQUEsQ0FBQztRQUNMLEtBQUssRUFBRSxlQUFlLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsS0FBSyxHQUFHLENBQUMsR0FBRyxPQUFPLENBQUM7S0FDbEUsQ0FBQyxFQUZJLENBRUosRUFDRixDQUFDLGVBQWUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE9BQU8sQ0FBQyxDQUMxQyxDQUFBO0lBRUQsSUFBTSxpQkFBaUIsR0FBYyxLQUFLLENBQUMsT0FBTyxDQUNoRCxjQUFNLE9BQUEsQ0FBQztRQUNMLElBQUksRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNwQixRQUFRLEVBQUUsSUFBSSxJQUFJLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ2hDLFVBQVUsRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUMxQixTQUFTLEVBQUUsZUFBZSxJQUFJLE1BQU07S0FDckMsQ0FBQyxFQUxJLENBS0osRUFDRixDQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUUsZUFBZSxDQUFDLENBQ2hDLENBQUE7SUFFRCxJQUFNLG1CQUFtQixHQUFHLEtBQUssQ0FBQyxPQUFPLENBQ3ZDLGNBQU0sT0FBQSxDQUFDLEVBQUUsY0FBYyxFQUFFLGFBQWEsQ0FBQyxhQUFhLENBQTZGLEVBQUUsQ0FBQyxFQUE5SSxDQUE4SSxFQUNwSixDQUFDLGFBQWEsQ0FBQyxDQUNoQixDQUFBO0lBRUQsT0FBTyxDQUNMLG9CQUFDLElBQUksYUFDSCxHQUFHLEVBQUUsR0FBRyxFQUNSLEtBQUssRUFBRTtZQUNMLFVBQVUsSUFBSSxlQUFlO1lBQzdCLENBQUMsVUFBVSxJQUFJLGlCQUFpQjtZQUNoQyxtQkFBbUI7U0FDcEIsSUFDRyxNQUFNLEdBRVQsUUFBUSxDQUNKLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFDLENBQUE7QUFFRixNQUFNLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxNQUFNLENBQUE7QUFFekMsZUFBZSxNQUFNLENBQUEifQ==

package/lib/components/columns/column/ColumnProps.d.ts

@@ -1,11 +1,13 @@
 /// <reference types="react" />
-import { AlignableProps } from '../../../objects';
 import { ColumnsSize } from '../../../components/columns/ColumnsTypes';
+import { Dev } from '../../../objects/facets/Dev';
+import { AlignableProps } from '../../../objects/facets/Alignable';
 import { CommonProps } from '../../../objects/facets/CommonProps';
+import { View } from 'react-native';
 /**
  * Columns Item Interface
  */
-export interface ColumnProps extends AlignableProps, CommonProps {
+export interface ColumnProps extends AlignableProps, CommonProps, Dev {
     children?: React.ReactNode;
     size?: ColumnsSize;
     mobileSize?: ColumnsSize;
@@ -23,3 +25,5 @@ export interface ColumnProps extends AlignableProps, CommonProps {
     fullhdOffset?: ColumnsSize;
     narrow?: boolean;
 }
+export type ColumnRef = HTMLDivElement;
+export type ColumnNativeRef = View;

package/lib/components/columns/column/ColumnPropsDefaults.js

@@ -17,8 +17,8 @@ export default {
     "type": "string",
     "values": [
       "undefined",
-      "1",
       "2",
+      "1",
       "3",
       "4",
       "5",
@@ -35,8 +35,8 @@ export default {
     "type": "string",
     "values": [
       "undefined",
-      "1",
       "2",
+      "1",
       "3",
       "4",
       "5",
@@ -53,8 +53,8 @@ export default {
     "type": "string",
     "values": [
       "undefined",
-      "1",
       "2",
+      "1",
       "3",
       "4",
       "5",
@@ -71,8 +71,8 @@ export default {
     "type": "string",
     "values": [
       "undefined",
-      "1",
       "2",
+      "1",
       "3",
       "4",
       "5",
@@ -89,8 +89,8 @@ export default {
     "type": "string",
     "values": [
       "undefined",
-      "1",
       "2",
+      "1",
       "3",
       "4",
       "5",
@@ -107,8 +107,8 @@ export default {
     "type": "string",
     "values": [
       "undefined",
-      "1",
       "2",
+      "1",
       "3",
       "4",
       "5",
@@ -125,8 +125,8 @@ export default {
     "type": "string",
     "values": [
       "undefined",
-      "1",
       "2",
+      "1",
       "3",
       "4",
       "5",
@@ -143,8 +143,8 @@ export default {
     "type": "string",
     "values": [
       "undefined",
-      "1",
       "2",
+      "1",
       "3",
       "4",
       "5",
@@ -161,8 +161,8 @@ export default {
     "type": "string",
     "values": [
       "undefined",
-      "1",
       "2",
+      "1",
       "3",
       "4",
       "5",
@@ -179,8 +179,8 @@ export default {
     "type": "string",
     "values": [
       "undefined",
-      "1",
       "2",
+      "1",
       "3",
       "4",
       "5",
@@ -197,8 +197,8 @@ export default {
     "type": "string",
     "values": [
       "undefined",
-      "1",
       "2",
+      "1",
       "3",
       "4",
       "5",
@@ -215,8 +215,8 @@ export default {
     "type": "string",
     "values": [
       "undefined",
-      "1",
       "2",
+      "1",
       "3",
       "4",
       "5",
@@ -233,8 +233,8 @@ export default {
     "type": "string",
     "values": [
       "undefined",
-      "1",
       "2",
+      "1",
       "3",
       "4",
       "5",
@@ -251,8 +251,8 @@ export default {
     "type": "string",
     "values": [
       "undefined",
-      "1",
       "2",
+      "1",
       "3",
       "4",
       "5",
@@ -280,9 +280,19 @@ export default {
       "ALIGNED_CENTER",
       "ALIGNED_START",
       "ALIGNED_END",
+      "ALIGNED_STRETCH",
       "ALIGNED_CENTER",
       "ALIGNED_START",
-      "ALIGNED_END"
+      "ALIGNED_END",
+      "ALIGNED_STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH"
     ]
   },
   "verticalAlign": {
@@ -292,9 +302,19 @@ export default {
       "ALIGNED_CENTER",
       "ALIGNED_START",
       "ALIGNED_END",
+      "ALIGNED_STRETCH",
       "ALIGNED_CENTER",
       "ALIGNED_START",
-      "ALIGNED_END"
+      "ALIGNED_END",
+      "ALIGNED_STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH"
     ]
   },
   "id": {
@@ -310,5 +330,12 @@ export default {
       "undefined",
       "string"
     ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
   }
 };

package/lib/components/columns/column/index.d.ts

@@ -1,2 +1,2 @@
-import Column from './Column';
+import Column from '../../../components/columns/column/Column';
 export default Column;

package/lib/components/columns/column/index.js

@@ -1,3 +1,3 @@
-import Column from './Column';
+import Column from '../../../components/columns/column/Column';
 export default Column;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2NvbHVtbnMvY29sdW1uL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sTUFBTSxNQUFNLFVBQVUsQ0FBQTtBQUU3QixlQUFlLE1BQU0sQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2NvbHVtbnMvY29sdW1uL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sTUFBTSxNQUFNLG9DQUFvQyxDQUFBO0FBRXZELGVBQWUsTUFBTSxDQUFBIn0=

package/lib/components/columns/context/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface ColumnsContextType {
+    scrollable: boolean;
+    width: number;
+    realGap: number;
+    childrensLength: number;
+}
+export declare const ColumnsContext: React.Context<ColumnsContextType>;

package/lib/components/columns/context/index.js

@@ -0,0 +1,9 @@
+import React from 'react';
+var defaultContextValue = {
+    scrollable: false,
+    width: 0,
+    realGap: 16,
+    childrensLength: 1,
+};
+export var ColumnsContext = React.createContext(defaultContextValue);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2NvbHVtbnMvY29udGV4dC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBU3pCLElBQU0sbUJBQW1CLEdBQXVCO0lBQzlDLFVBQVUsRUFBRSxLQUFLO0lBQ2pCLEtBQUssRUFBRSxDQUFDO0lBQ1IsT0FBTyxFQUFFLEVBQUU7SUFDWCxlQUFlLEVBQUUsQ0FBQztDQUNuQixDQUFBO0FBRUQsTUFBTSxDQUFDLElBQU0sY0FBYyxHQUFHLEtBQUssQ0FBQyxhQUFhLENBQXFCLG1CQUFtQixDQUFDLENBQUEifQ==

package/lib/components/container/Container.d.ts

@@ -1,13 +1,12 @@
 import React from 'react';
-import type { View } from 'react-native';
 import { ContainerProps } from '../../components/container/ContainerProps';
 /**
  * Container Component
  * @param children {React.ReactNode}
  * - ------------------ WEB PROPERTIES -----------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param medium {boolean} Set medium container
  * @param id {string} Set id attribute
  */
-declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLDivElement | View>>;
+declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLDivElement>>;
 export default Container;

package/lib/components/container/Container.js

@@ -9,16 +9,16 @@ import { is } from '../../services/classify';
  * Container Component
  * @param children {React.ReactNode}
  * - ------------------ WEB PROPERTIES -----------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param medium {boolean} Set medium container
  * @param id {string} Set id attribute
  */
 var Container = React.forwardRef(function (_a, ref) {
-    var className = _a.className, id = _a.id, medium = _a.medium, others = __rest(_a, ["className", "id", "medium"]);
+    var className = _a.className, id = _a.id, medium = _a.medium, testId = _a.testId, others = __rest(_a, ["className", "id", "medium", "testId"]);
     var styled = useTrilogyContext().styled;
     var classes = hashClass(styled, clsx('container', medium && is('medium'), className));
-    return React.createElement("div", __assign({ ref: ref, id: id, className: classes }, others));
+    return React.createElement("div", __assign({ ref: ref, id: id, className: classes, "data-testid": testId }, others));
 });
 Container.displayName = ComponentName.Container;
 export default Container;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGFpbmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9jb250YWluZXIvQ29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUl6QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFFeEM7Ozs7Ozs7R0FPRztBQUNILElBQU0sU0FBUyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ2hDLFVBQUMsRUFBb0QsRUFBRSxHQUFxQztJQUF6RixJQUFBLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBbEMsNkJBQW9DLENBQUY7SUFDekIsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsV0FBVyxFQUFFLE1BQU0sSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUV2RixPQUFPLHNDQUFLLEdBQUcsRUFBRSxHQUFzQyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEVBQUksQ0FBQTtBQUNyRyxDQUFDLENBQ0YsQ0FBQTtBQUVELFNBQVMsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFNBQVMsQ0FBQTtBQUUvQyxlQUFlLFNBQVMsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGFpbmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9jb250YWluZXIvQ29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUd6QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFFeEM7Ozs7Ozs7R0FPRztBQUNILElBQU0sU0FBUyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ2hDLFVBQUMsRUFBNEMsRUFBRSxHQUFHO0lBQS9DLElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUExQyx1Q0FBNEMsQ0FBRjtJQUNqQyxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxXQUFXLEVBQUUsTUFBTSxJQUFJLEVBQUUsQ0FBQyxRQUFRLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRXZGLE9BQU8sc0NBQUssR0FBRyxFQUFFLEdBQXNDLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxpQkFBZSxNQUFNLElBQU0sTUFBTSxFQUFJLENBQUE7QUFDMUgsQ0FBQyxDQUNGLENBQUE7QUFFRCxTQUFTLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUE7QUFDL0MsZUFBZSxTQUFTLENBQUEifQ==

package/lib/components/container/Container.native.d.ts

@@ -1,6 +1,6 @@
+import { ContainerProps } from '../../components/container/ContainerProps';
 import React from 'react';
 import { View } from 'react-native';
-import { ContainerProps } from '../../components/container/ContainerProps';
 /**
  * Container Component
  * @param children {React.ReactNode}

package/lib/components/container/Container.native.js

@@ -1,8 +1,8 @@
 import { __assign, __rest } from "tslib";
-import React from 'react';
-import { StyleSheet, View } from 'react-native';
 import { ComponentName } from '../../components/enumsComponentsName';
 import { SpacerSize } from '../../components/spacer/SpacerEnum';
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
 /**
  * Container Component
  * @param children {React.ReactNode}
@@ -22,4 +22,4 @@ var styles = StyleSheet.create({
         padding: SpacerSize.FIVE,
     },
 });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGFpbmVyLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvY29udGFpbmVyL0NvbnRhaW5lci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFHL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQTtBQUUzRDs7O0dBR0c7QUFDSCxJQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLFVBQUMsRUFBdUMsRUFBRSxHQUFvQjtJQUEzRCxJQUFBLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBckIsWUFBdUIsQ0FBRjtJQUN2RCxPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLE1BQU0sQ0FBQyxTQUFTLElBQU0sTUFBTSxHQUNoRCxRQUFRLENBQ0osQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixTQUFTLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUE7QUFFL0MsZUFBZSxTQUFTLENBQUE7QUFFeEIsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztJQUMvQixTQUFTLEVBQUU7UUFDVCxLQUFLLEVBQUUsTUFBTTtRQUNiLFVBQVUsRUFBRSxTQUFTO1FBQ3JCLGNBQWMsRUFBRSxZQUFZO1FBQzVCLElBQUksRUFBRSxDQUFDO1FBQ1AsT0FBTyxFQUFFLFVBQVUsQ0FBQyxJQUFJO0tBQ3pCO0NBQ0YsQ0FBQyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGFpbmVyLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvY29udGFpbmVyL0NvbnRhaW5lci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFDQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGdDQUFnQyxDQUFBO0FBQzNELE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUN6QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUvQzs7O0dBR0c7QUFDSCxJQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFxQyxVQUFDLEVBQXVCLEVBQUUsR0FBRztJQUExQixJQUFBLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBckIsWUFBdUIsQ0FBRjtJQUMzRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLE1BQU0sQ0FBQyxTQUFTLElBQU0sTUFBTSxHQUNoRCxRQUFRLENBQ0osQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixTQUFTLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUE7QUFDL0MsZUFBZSxTQUFTLENBQUE7QUFFeEIsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztJQUMvQixTQUFTLEVBQUU7UUFDVCxLQUFLLEVBQUUsTUFBTTtRQUNiLFVBQVUsRUFBRSxTQUFTO1FBQ3JCLGNBQWMsRUFBRSxZQUFZO1FBQzVCLElBQUksRUFBRSxDQUFDO1FBQ1AsT0FBTyxFQUFFLFVBQVUsQ0FBQyxJQUFJO0tBQ3pCO0NBQ0YsQ0FBQyxDQUFBIn0=

package/lib/components/container/ContainerProps.d.ts

@@ -1,6 +1,10 @@
 /// <reference types="react" />
+import { Dev } from '../../objects/facets/Dev';
 import { CommonProps } from '../../objects/facets/CommonProps';
-export interface ContainerProps extends CommonProps {
+import { View } from 'react-native';
+export interface ContainerProps extends CommonProps, Dev {
     children?: React.ReactNode;
     medium?: boolean;
 }
+export type ContainerRef = HTMLDivElement;
+export type ContainerNativeRef = View;

package/lib/components/container/ContainerPropsDefaults.js

@@ -34,5 +34,12 @@ export default {
       "undefined",
       "string"
     ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
   }
 };

package/lib/components/countdown/Countdown.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { CountdownProps } from './CountdownProps';
 /**
  * Countdown Component
@@ -6,12 +6,12 @@ import { CountdownProps } from './CountdownProps';
  * @param format {CountdownFormat} Format of countdown
  * @param inverted {Boolean} White countdown on darked background
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param event
  * @param small
  * @param others
  * - -------------------------- NATIVE PROPERTIES -------------------------------
  * @param centered
  */
-declare const Countdown: ({ deadline, className, id, format, event, small, inverted, ...others }: CountdownProps) => JSX.Element;
+declare const Countdown: React.ForwardRefExoticComponent<CountdownProps & React.RefAttributes<HTMLUListElement>>;
 export default Countdown;

package/lib/components/countdown/Countdown.js

@@ -1,10 +1,11 @@
 import { __assign, __read, __rest } from "tslib";
+import { useTrilogyContext } from '../../context';
+import { hashClass } from '../../helpers/hashClassesHelpers';
+import { is } from '../../services/classify';
+import clsx from 'clsx';
 import React, { useEffect, useState } from 'react';
+import { ComponentName } from '../enumsComponentsName';
 import { CountdownFormat, CountdownUnite } from './CountdownEnum';
-import clsx from 'clsx';
-import { hashClass } from '../../helpers';
-import { is } from '../../services';
-import { useTrilogyContext } from '../../context';
 var calculateTimer = function (timeDifference) {
     var seconds = Math.floor((timeDifference / 1000) % 60);
     var minutes = Math.floor((timeDifference / 1000 / 60) % 60);
@@ -18,15 +19,15 @@ var calculateTimer = function (timeDifference) {
  * @param format {CountdownFormat} Format of countdown
  * @param inverted {Boolean} White countdown on darked background
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param event
  * @param small
  * @param others
  * - -------------------------- NATIVE PROPERTIES -------------------------------
  * @param centered
  */
-var Countdown = function (_a) {
-    var deadline = _a.deadline, className = _a.className, id = _a.id, format = _a.format, event = _a.event, small = _a.small, inverted = _a.inverted, others = __rest(_a, ["deadline", "className", "id", "format", "event", "small", "inverted"]);
+var Countdown = React.forwardRef(function (_a, ref) {
+    var deadline = _a.deadline, className = _a.className, id = _a.id, format = _a.format, event = _a.event, small = _a.small, inverted = _a.inverted, testId = _a.testId, others = __rest(_a, ["deadline", "className", "id", "format", "event", "small", "inverted", "testId"]);
     var styled = useTrilogyContext().styled;
     var _b = __read(useState(deadline), 1), timeLeft = _b[0];
     var initialTimeDifference = deadline.getTime() - new Date().getTime();
@@ -110,7 +111,7 @@ var Countdown = function (_a) {
             setInit(false);
         }
     }, [timer, event, init]);
-    return (React.createElement("ul", __assign({ id: id, className: classes }, others),
+    return (React.createElement("ul", __assign({ ref: ref, id: id, className: classes, "data-testid": testId }, others),
         (show[CountdownUnite.DAY] || timer.days != 0) && (React.createElement("li", { className: hashClass(styled, clsx('count')) },
             React.createElement("span", { className: hashClass(styled, clsx('value')) }, timer.days ? timer.days : 0),
             "j")),
@@ -123,6 +124,7 @@ var Countdown = function (_a) {
         (show[CountdownUnite.SEC] || timer.seconds != 0) && (React.createElement("li", { className: hashClass(styled, clsx('count')) },
             React.createElement("span", { className: hashClass(styled, clsx('value')) }, timer.seconds ? timer.seconds : 0),
             "s"))));
-};
+});
+Countdown.displayName = ComponentName.Countdown;
 export default Countdown;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ291bnRkb3duLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9jb3VudGRvd24vQ291bnRkb3duLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBRWxELE9BQU8sRUFBRSxlQUFlLEVBQUUsY0FBYyxFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDakUsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUMvQixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFN0MsSUFBTSxjQUFjLEdBQUcsVUFBQyxjQUFzQjtJQUM1QyxJQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUFBO0lBQ3hELElBQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxjQUFjLEdBQUcsSUFBSSxHQUFHLEVBQUUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUFBO0lBQzdELElBQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxjQUFjLEdBQUcsQ0FBQyxJQUFJLEdBQUcsRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUE7SUFDbEUsSUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxjQUFjLEdBQUcsQ0FBQyxJQUFJLEdBQUcsRUFBRSxHQUFHLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FBQyxDQUFBO0lBRS9ELE9BQU8sRUFBRSxJQUFJLE1BQUEsRUFBRSxLQUFLLE9BQUEsRUFBRSxPQUFPLFNBQUEsRUFBRSxP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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ291bnRkb3duLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9jb3VudGRvd24vQ291bnRkb3duLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUNsRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDdEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxjQUFjLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUdqRSxJQUFNLGNBQWMsR0FBRyxVQUFDLGNBQXNCO0lBQzVDLElBQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUE7SUFDeEQsSUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLGNBQWMsR0FBRyxJQUFJLEdBQUcsRUFBRSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUE7SUFDN0QsSUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLGNBQWMsR0FBRyxDQUFDLElBQUksR0FBRyxFQUFFLEdBQUcsRUFBRSxDQUFDLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQTtJQUNsRSxJQUFNLElBQUksR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLGNBQWMsR0FBRyxDQUFDLElBQUksR0FBRyxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDLENBQUE7SUFFL0QsT0FBTyxFQUFF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

package/lib/components/countdown/Countdown.native.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
+import { View } from 'react-native';
 import { CountdownProps } from './CountdownProps';
-import { ComponentName } from '../../components/enumsComponentsName';
 /**
  * Countdown Component
  * @param deadline {Date} Date to reach before the end of the countdown
@@ -11,8 +11,5 @@ import { ComponentName } from '../../components/enumsComponentsName';
  * @param centered
  * @param others
  */
-declare const Countdown: {
-    ({ deadline, format, event, small, inverted, ...others }: CountdownProps): JSX.Element;
-    displayName: ComponentName;
-};
+declare const Countdown: React.ForwardRefExoticComponent<CountdownProps & React.RefAttributes<View>>;
 export default Countdown;