@trilogy-ds/react 0.0.2-calendar → 0.0.2-storybook

package/lib/components/chips/list/ChipsList.native.js

@@ -5,20 +5,22 @@ import { ScrollView, StyleSheet, View } from 'react-native';
 export var ChipsContext = createContext({ isMultiple: false });
 /**
  * ChipsList Component - Container for Chips
+ * @param id {string} Custom id attribute
  * @param children {React.ReactNode}
  * @param multiple {boolean} Selection Multiple With checked icon
  * @param scrollable {boolean} If multiple Chips make scrollable List
+ * @param testId {string} Test Id for Test Integration
  */
 var ChipsList = React.forwardRef(function (_a, ref) {
-    var children = _a.children, multiple = _a.multiple, _b = _a.scrollable, scrollable = _b === void 0 ? true : _b, others = __rest(_a, ["children", "multiple", "scrollable"]);
+    var children = _a.children, multiple = _a.multiple, _b = _a.scrollable, scrollable = _b === void 0 ? true : _b, testId = _a.testId, others = __rest(_a, ["children", "multiple", "scrollable", "testId"]);
     var styles = StyleSheet.create({
         container: {
             flexWrap: 'wrap',
             flexDirection: 'row',
         },
     });
-    return (React.createElement(ChipsContext.Provider, { value: { isMultiple: multiple || false } }, scrollable ? (React.createElement(ScrollView, __assign({ ref: ref, horizontal: true, showsHorizontalScrollIndicator: false, style: styles.container }, others), children)) : (React.createElement(View, __assign({ ref: ref, style: styles.container }, others), children))));
+    return (React.createElement(ChipsContext.Provider, { value: { isMultiple: multiple || false } }, scrollable ? (React.createElement(ScrollView, __assign({ testID: testId, ref: ref, horizontal: true, showsHorizontalScrollIndicator: false, style: styles.container }, others), children)) : (React.createElement(View, __assign({ ref: ref, style: styles.container }, others), children))));
 });
 ChipsList.displayName = ComponentName.ChipsList;
 export default ChipsList;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hpcHNMaXN0Lm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY2hpcHMvbGlzdC9DaGlwc0xpc3QubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sS0FBSyxFQUFFLEVBQUUsYUFBYSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzVDLE9BQU8sRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUczRCxNQUFNLENBQUMsSUFBTSxZQUFZLEdBQUcsYUFBYSxDQUFDLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUE7QUFFaEU7Ozs7O0dBS0c7QUFDSCxJQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNoQyxVQUFDLEVBQW9ELEVBQUUsR0FBRztJQUF2RCxJQUFBLFFBQVEsY0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLGtCQUFpQixFQUFqQixVQUFVLG1CQUFHLElBQUksS0FBQSxFQUFLLE1BQU0sY0FBbEQsc0NBQW9ELENBQUY7SUFDakQsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixTQUFTLEVBQUU7WUFDVCxRQUFRLEVBQUUsTUFBTTtZQUNoQixhQUFhLEVBQUUsS0FBSztTQUNyQjtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxZQUFZLENBQUMsUUFBUSxJQUFDLEtBQUssRUFBRSxFQUFFLFVBQVUsRUFBRSxRQUFRLElBQUksS0FBSyxFQUFFLElBQzVELFVBQVUsQ0FBQyxDQUFDLENBQUMsQ0FDWixvQkFBQyxVQUFVLGFBQ1QsR0FBRyxFQUFFLEdBQTRCLEVBQ2pDLFVBQVUsUUFDViw4QkFBOEIsRUFBRSxLQUFLLEVBQ3JDLEtBQUssRUFBRSxNQUFNLENBQUMsU0FBUyxJQUNuQixNQUFNLEdBRVQsUUFBUSxDQUNFLENBQ2QsQ0FBQyxDQUFDLENBQUMsQ0FDRixvQkFBQyxJQUFJLGFBQUMsR0FBRyxFQUFFLEdBQXNCLEVBQUUsS0FBSyxFQUFFLE1BQU0sQ0FBQyxTQUFTLElBQU0sTUFBTSxHQUNuRSxRQUFRLENBQ0osQ0FDUixDQUNxQixDQUN6QixDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxTQUFTLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUE7QUFFL0MsZUFBZSxTQUFTLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hpcHNMaXN0Lm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY2hpcHMvbGlzdC9DaGlwc0xpc3QubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sS0FBSyxFQUFFLEVBQUUsYUFBYSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzVDLE9BQU8sRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUczRCxNQUFNLENBQUMsSUFBTSxZQUFZLEdBQUcsYUFBYSxDQUFDLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUE7QUFFaEU7Ozs7Ozs7R0FPRztBQUNILElBQU0sU0FBUyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ2hDLFVBQUMsRUFBNEQsRUFBRSxHQUFHO0lBQS9ELElBQUEsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsa0JBQWlCLEVBQWpCLFVBQVUsbUJBQUcsSUFBSSxLQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUExRCxnREFBNEQsQ0FBRjtJQUN6RCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLFNBQVMsRUFBRTtZQUNULFFBQVEsRUFBRSxNQUFNO1lBQ2hCLGFBQWEsRUFBRSxLQUFLO1NBQ3JCO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLFlBQVksQ0FBQyxRQUFRLElBQUMsS0FBSyxFQUFFLEVBQUUsVUFBVSxFQUFFLFFBQVEsSUFBSSxLQUFLLEVBQUUsSUFDNUQsVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUNaLG9CQUFDLFVBQVUsYUFDVCxNQUFNLEVBQUUsTUFBTSxFQUNkLEdBQUcsRUFBRSxHQUE0QixFQUNqQyxVQUFVLFFBQ1YsOEJBQThCLEVBQUUsS0FBSyxFQUNyQyxLQUFLLEVBQUUsTUFBTSxDQUFDLFNBQVMsSUFDbkIsTUFBTSxHQUVULFFBQVEsQ0FDRSxDQUNkLENBQUMsQ0FBQyxDQUFDLENBQ0Ysb0JBQUMsSUFBSSxhQUFDLEdBQUcsRUFBRSxHQUFzQixFQUFFLEtBQUssRUFBRSxNQUFNLENBQUMsU0FBUyxJQUFNLE1BQU0sR0FDbkUsUUFBUSxDQUNKLENBQ1IsQ0FDcUIsQ0FDekIsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsU0FBUyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFBO0FBRS9DLGVBQWUsU0FBUyxDQUFBIn0=

package/lib/components/chips/list/ChipsListProps.d.ts

@@ -4,7 +4,8 @@
  */
 import { ScrollView, type View } from 'react-native';
 import { CommonProps } from '../../../objects/facets/CommonProps';
-export interface ChipsListProps extends CommonProps {
+import { Dev } from '../../../objects/facets/Dev';
+export interface ChipsListProps extends CommonProps, Dev {
     children?: React.ReactNode | React.ReactElement;
     multiple?: boolean;
     scrollable?: boolean;

package/lib/components/chips/list/ChipsListPropsDefaults.js

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

package/lib/components/columns/Columns.d.ts

@@ -2,12 +2,16 @@ import { ColumnsProps } from '../../components/columns/ColumnsProps';
 import React from 'react';
 /**
  * Columns Component
- * @param centered {boolean} Center columns
- * @param verticalCentered {boolean} Vertical centered columns
- * @param marginSize {ColumnsSize} Delete margins between columns with Size
  * @param scrollable {boolean} Make colomns scrollable to vertical
  * @param children {React.ReactNode}
  * @param marginless {boolean} delete margin
+ * @param testId {string} Test Id for Test Integration
+ * @param fullBleed {boolean} Full Bleed Columns
+ * @param fullheight {boolean} Full Height Columns
+ * @param gap {GapSize} Gap between columns
+ * @param align {JustifyProps} Horizontal alignment of columns
+ * @param verticalAlign {AlignProps} Vertical alignment of columns
+ * @param id {string} Custom id attribute
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param multiline {boolean} Multiline Columns
  * @param className {string} Additional CSS Classes

package/lib/components/columns/Columns.js

@@ -9,23 +9,27 @@ import clsx from 'clsx';
 import React from 'react';
 /**
  * Columns Component
- * @param centered {boolean} Center columns
- * @param verticalCentered {boolean} Vertical centered columns
- * @param marginSize {ColumnsSize} Delete margins between columns with Size
  * @param scrollable {boolean} Make colomns scrollable to vertical
  * @param children {React.ReactNode}
  * @param marginless {boolean} delete margin
+ * @param testId {string} Test Id for Test Integration
+ * @param fullBleed {boolean} Full Bleed Columns
+ * @param fullheight {boolean} Full Height Columns
+ * @param gap {GapSize} Gap between columns
+ * @param align {JustifyProps} Horizontal alignment of columns
+ * @param verticalAlign {AlignProps} Vertical alignment of columns
+ * @param id {string} Custom id attribute
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param multiline {boolean} Multiline Columns
  * @param className {string} Additional CSS Classes
  * @param mobile {boolean} Responsive mode
  */
 var Columns = React.forwardRef(function (_a, ref) {
-    var className = _a.className, id = _a.id, multiline = _a.multiline, scrollable = _a.scrollable, mobile = _a.mobile, gap = _a.gap, fullBleed = _a.fullBleed, marginless = _a.marginless, align = _a.align, verticalAlign = _a.verticalAlign, fullheight = _a.fullheight, others = __rest(_a, ["className", "id", "multiline", "scrollable", "mobile", "gap", "fullBleed", "marginless", "align", "verticalAlign", "fullheight"]);
+    var className = _a.className, id = _a.id, multiline = _a.multiline, scrollable = _a.scrollable, mobile = _a.mobile, gap = _a.gap, fullBleed = _a.fullBleed, marginless = _a.marginless, align = _a.align, verticalAlign = _a.verticalAlign, fullheight = _a.fullheight, testId = _a.testId, others = __rest(_a, ["className", "id", "multiline", "scrollable", "mobile", "gap", "fullBleed", "marginless", "align", "verticalAlign", "fullheight", "testId"]);
     var styled = useTrilogyContext().styled;
     var classes = hashClass(styled, clsx('columns', multiline && is('multiline'), fullBleed && is('fullbleed'), scrollable && is('scrollable'), gap && has("gap-".concat(gap)), typeof gap !== 'undefined' && gap === 0 && is('gapless'), mobile && is('mobile'), align && is(getJustifiedClassName(align)), verticalAlign && is(getAlignClassName(verticalAlign)), marginless && is("marginless"), fullheight && is('fullheight'), 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));
 });
 Columns.displayName = ComponentName.Columns;
 export default Columns;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvY29sdW1ucy9Db2x1bW5zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sNEJBQTRCLENBQUE7QUFDOUQsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDcEUsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUM3QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCOzs7Ozs7Ozs7Ozs7R0FZRztBQUNILElBQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzlCLFVBQ0UsRUFBeUgsRUFDekgsR0FBRztJQURELElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLEdBQUcsU0FBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLFVBQVUsZ0JBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxhQUFhLG1CQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFLLE1BQU0sY0FBdkgsa0lBQXlILENBQUY7SUFHL0csSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLFNBQVMsRUFDVCxTQUFTLElBQUksRUFBRSxDQUFDLFdBQVcsQ0FBQyxFQUM1QixTQUFTLElBQUksRUFBRSxDQUFDLFdBQVcsQ0FBQyxFQUM1QixVQUFVLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUM5QixHQUFHLElBQUksR0FBRyxDQUFDLGNBQU8sR0FBRyxDQUFFLENBQUMsRUFDeEIsT0FBTyxHQUFHLEtBQUssV0FBVyxJQUFJLEdBQUcsS0FBSyxDQUFDLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUN4RCxNQUFNLElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUN0QixLQUFLLElBQUksRUFBRSxDQUFDLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQ3pDLGFBQWEsSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsYUFBYSxDQUFDLENBQUMsRUFDckQsVUFBVSxJQUFJLEVBQUUsQ0FBQyxZQUFZLENBQUMsRUFDOUIsVUFBVSxJQUFJLEVBQUUsQ0FBQyxZQUFZLENBQUMsRUFDOUIsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELE9BQU8sc0NBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTSxFQUFJLENBQUE7QUFDbEUsQ0FBQyxDQUNGLENBQUE7QUFDRCxPQUFPLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxPQUFPLENBQUE7QUFDM0MsZUFBZSxPQUFPLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvY29sdW1ucy9Db2x1bW5zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sNEJBQTRCLENBQUE7QUFDOUQsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDcEUsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUM3QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCOzs7Ozs7Ozs7Ozs7Ozs7O0dBZ0JHO0FBQ0gsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDOUIsVUFDRSxFQUFpSSxFQUNqSSxHQUFHO0lBREQsSUFBQSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxVQUFVLGdCQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsR0FBRyxTQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFFLEtBQUssV0FBQSxFQUFFLGFBQWEsbUJBQUEsRUFBRSxVQUFVLGdCQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUEvSCw0SUFBaUksQ0FBRjtJQUd2SCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsU0FBUyxFQUNULFNBQVMsSUFBSSxFQUFFLENBQUMsV0FBVyxDQUFDLEVBQzVCLFNBQVMsSUFBSSxFQUFFLENBQUMsV0FBVyxDQUFDLEVBQzVCLFVBQVUsSUFBSSxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQzlCLEdBQUcsSUFBSSxHQUFHLENBQUMsY0FBTyxHQUFHLENBQUUsQ0FBQyxFQUN4QixPQUFPLEdBQUcsS0FBSyxXQUFXLElBQUksR0FBRyxLQUFLLENBQUMsSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQ3hELE1BQU0sSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQ3RCLEtBQUssSUFBSSxFQUFFLENBQUMscUJBQXFCLENBQUMsS0FBSyxDQUFDLENBQUMsRUFDekMsYUFBYSxJQUFJLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLENBQUMsQ0FBQyxFQUNyRCxVQUFVLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUM5QixVQUFVLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUM5QixTQUFTLENBQ1YsQ0FDRixDQUFBO0lBRUQsT0FBTyxzQ0FBSyxHQUFHLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8saUJBQWUsTUFBTSxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQ3ZGLENBQUMsQ0FDRixDQUFBO0FBQ0QsT0FBTyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsT0FBTyxDQUFBO0FBQzNDLGVBQWUsT0FBTyxDQUFBIn0=

package/lib/components/columns/Columns.native.d.ts

@@ -2,12 +2,17 @@ import { ColumnsProps } from '../../components/columns/ColumnsProps';
 import React from 'react';
 import { View } from 'react-native';
 /**
- * Columns Native Component
+ * Columns Component
+ * @param scrollable {boolean} Make colomns scrollable to vertical
  * @param children {React.ReactNode}
- * @param centered {boolean} Center columns
- * @param verticalCentered {boolean} Vertical centered columns
- * @param scrollable {boolean} Makes columns vertically scrollable.
+ * @param marginless {boolean} delete margin
+ * @param testId {string} Test Id for Test Integration
+ * @param fullBleed {boolean} Full Bleed Columns
+ * @param fullheight {boolean} Full Height Columns
  * @param gap {GapSize} Gap between columns
+ * @param align {JustifyProps} Horizontal alignment of columns
+ * @param verticalAlign {AlignProps} Vertical alignment of columns
+ * @param id {string} Custom id attribute
  */
 declare const Columns: React.ForwardRefExoticComponent<ColumnsProps & React.RefAttributes<View>>;
 export default Columns;

package/lib/components/columns/Columns.native.js

@@ -17,15 +17,20 @@ var staticStyles = StyleSheet.create({
     },
 });
 /**
- * Columns Native Component
+ * Columns Component
+ * @param scrollable {boolean} Make colomns scrollable to vertical
  * @param children {React.ReactNode}
- * @param centered {boolean} Center columns
- * @param verticalCentered {boolean} Vertical centered columns
- * @param scrollable {boolean} Makes columns vertically scrollable.
+ * @param marginless {boolean} delete margin
+ * @param testId {string} Test Id for Test Integration
+ * @param fullBleed {boolean} Full Bleed Columns
+ * @param fullheight {boolean} Full Height Columns
  * @param gap {GapSize} Gap between columns
+ * @param align {JustifyProps} Horizontal alignment of columns
+ * @param verticalAlign {AlignProps} Vertical alignment of columns
+ * @param id {string} Custom id attribute
  */
 var Columns = React.forwardRef(function (_a, ref) {
-    var children = _a.children, align = _a.align, gap = _a.gap, verticalAlign = _a.verticalAlign, fullBleed = _a.fullBleed, scrollable = _a.scrollable, multiline = _a.multiline, fullheight = _a.fullheight, others = __rest(_a, ["children", "align", "gap", "verticalAlign", "fullBleed", "scrollable", "multiline", "fullheight"]);
+    var children = _a.children, align = _a.align, gap = _a.gap, verticalAlign = _a.verticalAlign, fullBleed = _a.fullBleed, scrollable = _a.scrollable, multiline = _a.multiline, fullheight = _a.fullheight, testId = _a.testId, others = __rest(_a, ["children", "align", "gap", "verticalAlign", "fullBleed", "scrollable", "multiline", "fullheight", "testId"]);
     var _b = __read(useState(0), 2), width = _b[0], setWidth = _b[1];
     var _c = __read(useState(0), 2), enlarge = _c[0], setEnlarge = _c[1];
     var onLayoutHandler = useCallback(function (event) {
@@ -62,7 +67,7 @@ var Columns = React.forwardRef(function (_a, ref) {
         childrensLength: React.Children.count(children),
     }); }, [width, realGap, scrollable, children]);
     return (React.createElement(ColumnsContext.Provider, { value: contextValue },
-        !scrollable && (React.createElement(View, __assign({ ref: ref, onLayout: onLayoutHandler, style: [
+        !scrollable && (React.createElement(View, __assign({ testID: testId, ref: ref, onLayout: onLayoutHandler, style: [
                 dynamicStyles.columns,
                 multiline && staticStyles.multiline,
                 align === Alignable.ALIGNED_CENTER && staticStyles.centered,
@@ -75,4 +80,4 @@ var Columns = React.forwardRef(function (_a, ref) {
 });
 Columns.displayName = ComponentName.Columns;
 export default Columns;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1ucy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NvbHVtbnMvQ29sdW1ucy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFDQSxPQUFPLEVBQUUsZUFBZSxFQUFXLE1BQU0sbUNBQW1DLENBQUE7QUFDNUUsT0FBTyxFQUFFLGNBQWMsRUFBc0IsTUFBTSw4QkFBOEIsQ0FBQTtBQUNqRixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLFNBQVMsRUFBRSxhQUFhLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNyRSxPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzdELE9BQU8sRUFBRSxVQUFVLEVBQXFCLFVBQVUsRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRTFGLElBQU0sWUFBWSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7SUFDckMsUUFBUSxFQUFFO1FBQ1IsY0FBYyxFQUFFLFFBQVE7S0FDekI7SUFDRCxTQUFTLEVBQUU7UUFDVCxRQUFRLEVBQUUsTUFBTTtLQUNqQjtJQUNELE1BQU0sRUFBRTtRQUNOLGFBQWEsRUFBRSxRQUFRO0tBQ3hCO0NBQ0YsQ0FBQyxDQUFBO0FBRUY7Ozs7Ozs7R0FPRztBQUNILElBQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzlCLFVBQUMsRUFBZ0csRUFBRSxHQUFHO0lBQW5HLElBQUEsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsR0FBRyxTQUFBLEVBQUUsYUFBYSxtQkFBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLFVBQVUsZ0JBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxVQUFVLGdCQUFBLEVBQUssTUFBTSxjQUE5RixtR0FBZ0csQ0FBRjtJQUN2RixJQUFBLEtBQUEsT0FB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1ucy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NvbHVtbnMvQ29sdW1ucy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFDQSxPQUFPLEVBQUUsZUFBZSxFQUFXLE1BQU0sbUNBQW1DLENBQUE7QUFDNUUsT0FBTyxFQUFFLGNBQWMsRUFBc0IsTUFBTSw4QkFBOEIsQ0FBQTtBQUNqRixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLFNBQVMsRUFBRSxhQUFhLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNyRSxPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzdELE9BQU8sRUFBRSxVQUFVLEVBQXFCLFVBQVUsRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRTFGLElBQU0sWUFBWSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7SUFDckMsUUFBUSxFQUFFO1FBQ1IsY0FBYyxFQUFFLFFBQVE7S0FDekI7SUFDRCxTQUFTLEVBQUU7UUFDVCxRQUFRLEVBQUUsTUFBTTtLQUNqQjtJQUNELE1BQU0sRUFBRTtRQUNOLGFBQWEsRUFBRSxRQUFRO0tBQ3hCO0NBQ0YsQ0FBQyxDQUFBO0FBRUY7Ozs7Ozs7Ozs7OztHQVlHO0FBQ0gsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDOUIsVUFBQyxFQUF3RyxFQUFFLEdBQUc7SUFBM0csSUFBQSxRQUFRLGNBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxHQUFHLFNBQUEsRUFBRSxhQUFhLG1CQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLFVBQVUsZ0JBQUEsRUFBRSxNQUFNLFlBQUEsRUFBSyxNQUFNLGNBQXRHLDZHQUF3RyxDQUFG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

package/lib/components/columns/ColumnsProps.d.ts

@@ -1,12 +1,13 @@
 /// <reference types="react" />
 import { GapSize } 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 Interface
  */
-export interface ColumnsProps extends AlignableProps, CommonProps {
+export interface ColumnsProps extends AlignableProps, CommonProps, Dev {
     children?: React.ReactNode;
     multiline?: boolean;
     scrollable?: boolean;

package/lib/components/columns/ColumnsPropsDefaults.js

@@ -82,6 +82,9 @@ export default {
     "type": "enum",
     "values": [
       "undefined",
+      "CENTER",
+      "START",
+      "END",
       "ALIGNED_CENTER",
       "ALIGNED_START",
       "ALIGNED_END",
@@ -89,13 +92,21 @@ export default {
       "ALIGNED_CENTER",
       "ALIGNED_START",
       "ALIGNED_END",
-      "ALIGNED_STRETCH"
+      "ALIGNED_STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH",
+      "STRETCH"
     ]
   },
   "verticalAlign": {
     "type": "enum",
     "values": [
       "undefined",
+      "CENTER",
+      "START",
+      "END",
       "ALIGNED_CENTER",
       "ALIGNED_START",
       "ALIGNED_END",
@@ -103,7 +114,12 @@ export default {
       "ALIGNED_CENTER",
       "ALIGNED_START",
       "ALIGNED_END",
-      "ALIGNED_STRETCH"
+      "ALIGNED_STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH",
+      "STRETCH"
     ]
   },
   "id": {
@@ -119,5 +135,12 @@ export default {
       "undefined",
       "string"
     ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
   }
 };

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

@@ -3,11 +3,12 @@ import React from 'react';
 /**
  * Columns Item Component - Columns Child
  * @param size {ColumnsSize} Size 1-12
- * @param verticalCentered {boolean} Vertical center Column item
- * @param centered {boolean} center Column item
  * @param children {React.ReactNode}
- * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param verticalAlign {AlignProps} Vertical alignment of column
  * @param narrow {boolean} Narrow column item
+ * @param id {string} Custom id attribute
+ * @param testId {string} Test Id for Test Integration
+ * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additional CSS Classes
  * @param mobileSize {ColumnsSize} Apply => is-size-mobile
  * @param tabletSize {ColumnsSize} Apply => is-size-tablet
@@ -22,7 +23,6 @@ import React from 'react';
  * @param desktopOffset {ColumnsSize} Apply => is-offset-desktop
  * @param widescreenOffset {ColumnsSize} Apply => is-offset-widescreen
  * @param fullhdOffset {ColumnsSize} Apply => is-offset-fullhd
- * @param align { Alignable | AlignableValues} align content
  */
 declare const Column: React.ForwardRefExoticComponent<ColumnProps & React.RefAttributes<HTMLDivElement>>;
 export default Column;

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

@@ -9,11 +9,12 @@ import React from 'react';
 /**
  * Columns Item Component - Columns Child
  * @param size {ColumnsSize} Size 1-12
- * @param verticalCentered {boolean} Vertical center Column item
- * @param centered {boolean} center Column item
  * @param children {React.ReactNode}
- * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param verticalAlign {AlignProps} Vertical alignment of column
  * @param narrow {boolean} Narrow column item
+ * @param id {string} Custom id attribute
+ * @param testId {string} Test Id for Test Integration
+ * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additional CSS Classes
  * @param mobileSize {ColumnsSize} Apply => is-size-mobile
  * @param tabletSize {ColumnsSize} Apply => is-size-tablet
@@ -28,14 +29,13 @@ import React from 'react';
  * @param desktopOffset {ColumnsSize} Apply => is-offset-desktop
  * @param widescreenOffset {ColumnsSize} Apply => is-offset-widescreen
  * @param fullhdOffset {ColumnsSize} Apply => is-offset-fullhd
- * @param align { Alignable | AlignableValues} align content
  */
 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, others = __rest(_a, ["className", "id", "size", "mobileSize", "tabletSize", "touchSize", "desktopSize", "widescreenSize", "fullhdSize", "offset", "mobileOffset", "tabletOffset", "touchOffset", "desktopOffset", "widescreenOffset", "fullhdOffset", "narrow", "verticalAlign"]);
+    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({ ref: ref, 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jb2x1bW5zL2NvbHVtbi9Db2x1bW4udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFDQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUM5RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F1Qkc7QUFFSCxJQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUM3QixVQUNFLEVBb0JDLEVBQ0QsR0FBRztJQXBCRCxJQUFBLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLElBQUksVUFBQSxFQUNKLFVBQVUsZ0JBQUEsRUFDVixVQUFVLGdCQUFBLEVBQ1YsU0FBUyxlQUFBLEVBQ1QsV0FBVyxpQkFBQSxFQUNYLGNBQWMsb0JBQUEsRUFDZCxVQUFVLGdCQUFBLEVBQ1YsTUFBTSxZQUFBLEVBQ04sWUFBWSxrQkFBQSxFQUNaLFlBQVksa0JBQUEsRUFDWixXQUFXLGlCQUFBLEVBQ1gsYUFBYSxtQkFBQSxFQUNiLGdCQUFnQixzQkFBQSxFQUNoQixZQUFZLGtCQUFBLEVBQ1osTUFBTSxZQUFBLEVBQ04sYUFBYSxtQkFBQSxFQUNWLE1BQU0sY0FuQlgsNFBBb0JDLENBRFU7SUFJSCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsUUFBUSxFQUNSLElBQUksSUFBSSxFQUFFLENBQUMsVUFBRyxJQUFJLENBQUUsQ0FBQyxFQUNyQixVQUFVLElBQUksRUFBRSxDQUFDLFVBQUcsVUFBVSxZQUFTLENBQUMsRUFDeEMsVUFBVSxJQUFJLEVBQUUsQ0FBQyxVQUFHLFVBQVUsWUFBUyxDQUFDLEVBQ3hDLFNBQVMsSUFBSSxFQUFFLENBQUMsVUFBRyxTQUFTLFlBQVMsQ0FBQyxFQUN0QyxXQUFXLElBQUksRUFBRSxDQUFDLFVBQUcsV0FBVyxhQUFVLENBQUMsRUFDM0MsY0FBYyxJQUFJLEVBQUUsQ0FBQyxVQUFHLGNBQWMsZ0JBQWEsQ0FBQyxFQUNwRCxVQUFVLElBQUksRUFBRSxDQUFDLFVBQUcsVUFBVSxZQUFTLENBQUMsRUFDeEMsTUFBTSxJQUFJLEVBQUUsQ0FBQyxpQkFBVSxNQUFNLENBQUUsQ0FBQyxFQUNoQyxZQUFZLElBQUksRUFBRSxDQUFDLGlCQUFVLFlBQVksWUFBUyxDQUFDLEVBQ25ELFlBQVksSUFBSSxFQUFFLENBQUMsaUJBQVUsWUFBWSxZQUFTLENBQUMsRUFDbkQsV0FBVyxJQUFJLEVBQUUsQ0FBQyxpQkFBVSxXQUFXLFlBQVMsQ0FBQyxFQUNqRCxhQUFhLElBQUksRUFBRSxDQUFDLGlCQUFVLGFBQWEsYUFBVSxDQUFDLEVBQ3RELGdCQUFnQixJQUFJLEVBQUUsQ0FBQyxpQkFBVSxnQkFBZ0IsZ0JBQWEsQ0FBQyxFQUMvRCxZQUFZLElBQUksRUFBRSxDQUFDLGlCQUFVLFlBQVksWUFBUyxDQUFDLEVBQ25ELE1BQU0sSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQ3RCLGFBQWEsSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsYUFBYSxDQUFDLENBQUMsRUFDckQsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELE9BQU8sc0NBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTSxFQUFJLENBQUE7QUFDbEUsQ0FBQyxDQUNGLENBQUE7QUFDRCxNQUFNLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxNQUFNLENBQUE7QUFDekMsZUFBZSxNQUFNLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jb2x1bW5zL2NvbHVtbi9Db2x1bW4udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFDQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUM5RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F1Qkc7QUFDSCxJQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUM3QixVQUNFLEVBcUJDLEVBQ0QsR0FBRztJQXJCRCxJQUFBLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLElBQUksVUFBQSxFQUNKLFVBQVUsZ0JBQUEsRUFDVixVQUFVLGdCQUFBLEVBQ1YsU0FBUyxlQUFBLEVBQ1QsV0FBVyxpQkFBQSxFQUNYLGNBQWMsb0JBQUEsRUFDZCxVQUFVLGdCQUFBLEVBQ1YsTUFBTSxZQUFBLEVBQ04sWUFBWSxrQkFBQSxFQUNaLFlBQVksa0JBQUEsRUFDWixXQUFXLGlCQUFBLEVBQ1gsYUFBYSxtQkFBQSxFQUNiLGdCQUFnQixzQkFBQSxFQUNoQixZQUFZLGtCQUFBLEVBQ1osTUFBTSxZQUFBLEVBQ04sYUFBYSxtQkFBQSxFQUNiLE1BQU0sWUFBQSxFQUNILE1BQU0sY0FwQlgsc1FBcUJDLENBRFU7SUFJSCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsUUFBUSxFQUNSLElBQUksSUFBSSxFQUFFLENBQUMsVUFBRyxJQUFJLENBQUUsQ0FBQyxFQUNyQixVQUFVLElBQUksRUFBRSxDQUFDLFVBQUcsVUFBVSxZQUFTLENBQUMsRUFDeEMsVUFBVSxJQUFJLEVBQUUsQ0FBQyxVQUFHLFVBQVUsWUFBUyxDQUFDLEVBQ3hDLFNBQVMsSUFBSSxFQUFFLENBQUMsVUFBRyxTQUFTLFlBQVMsQ0FBQyxFQUN0QyxXQUFXLElBQUksRUFBRSxDQUFDLFVBQUcsV0FBVyxhQUFVLENBQUMsRUFDM0MsY0FBYyxJQUFJLEVBQUUsQ0FBQyxVQUFHLGNBQWMsZ0JBQWEsQ0FBQyxFQUNwRCxVQUFVLElBQUksRUFBRSxDQUFDLFVBQUcsVUFBVSxZQUFTLENBQUMsRUFDeEMsTUFBTSxJQUFJLEVBQUUsQ0FBQyxpQkFBVSxNQUFNLENBQUUsQ0FBQyxFQUNoQyxZQUFZLElBQUksRUFBRSxDQUFDLGlCQUFVLFlBQVksWUFBUyxDQUFDLEVBQ25ELFlBQVksSUFBSSxFQUFFLENBQUMsaUJBQVUsWUFBWSxZQUFTLENBQUMsRUFDbkQsV0FBVyxJQUFJLEVBQUUsQ0FBQyxpQkFBVSxXQUFXLFlBQVMsQ0FBQyxFQUNqRCxhQUFhLElBQUksRUFBRSxDQUFDLGlCQUFVLGFBQWEsYUFBVSxDQUFDLEVBQ3RELGdCQUFnQixJQUFJLEVBQUUsQ0FBQyxpQkFBVSxnQkFBZ0IsZ0JBQWEsQ0FBQyxFQUMvRCxZQUFZLElBQUksRUFBRSxDQUFDLGlCQUFVLFlBQVksWUFBUyxDQUFDLEVBQ25ELE1BQU0sSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQ3RCLGFBQWEsSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsYUFBYSxDQUFDLENBQUMsRUFDckQsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELE9BQU8sc0NBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLGlCQUFlLE1BQU0sSUFBTSxNQUFNLEVBQUksQ0FBQTtBQUN2RixDQUFDLENBQ0YsQ0FBQTtBQUNELE1BQU0sQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLE1BQU0sQ0FBQTtBQUN6QyxlQUFlLE1BQU0sQ0FBQSJ9

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

@@ -2,11 +2,11 @@ import { ColumnProps } from '../../../components/columns/column/ColumnProps';
 import React from 'react';
 import { View } from 'react-native';
 /**
- * Column Component - Columns Child
+ * Columns Item Component - Columns Child
+ * @param size {ColumnsSize} Size 1-12
  * @param children {React.ReactNode}
- * @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.
+ * @param verticalAlign {AlignProps} Vertical alignment of column
+ * @param narrow {boolean} Narrow column item
  */
 declare const Column: React.MemoExoticComponent<React.ForwardRefExoticComponent<ColumnProps & React.RefAttributes<View>>>;
 export default Column;

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

@@ -5,17 +5,17 @@ import { getAlignStyle } from '../../../objects';
 import React from 'react';
 import { View } from 'react-native';
 /**
- * Column Component - Columns Child
+ * Columns Item Component - Columns Child
+ * @param size {ColumnsSize} Size 1-12
  * @param children {React.ReactNode}
- * @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.
+ * @param verticalAlign {AlignProps} Vertical alignment of column
+ * @param narrow {boolean} Narrow column item
  */
 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;
+        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),
@@ -35,4 +35,4 @@ var Column = React.memo(React.forwardRef(function (_a, ref) {
 }));
 Column.displayName = ComponentName.Column;
 export default Column;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1uLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY29sdW1ucy9jb2x1bW4vQ29sdW1uLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUNBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUM3RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN6QyxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLElBQUksRUFBYSxNQUFNLGNBQWMsQ0FBQTtBQUU5Qzs7Ozs7O0dBTUc7QUFDSCxJQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxVQUFVLENBQ3hDLFVBQUMsRUFBb0QsRUFBRSxHQUFHO0lBQXZELElBQUEsUUFBUSxjQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsYUFBYSxtQkFBQSxFQUFLLE1BQU0sY0FBbEQsK0NBQW9ELENBQUY7SUFDM0MsSUFBQSxLQUFrRCxLQUFLLENBQUMsVUFBVSxDQUFDLGNBQWMsQ0FBQyxFQUFoRixLQUFLLFdBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxVQUFVLGdCQUFBLEVBQUUsZUFBZSxxQkFBcUMsQ0FBQTtJQUV4RixJQUFNLGVBQWUsR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDO1FBQ3BDLE9BQUEsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksR0FBRyxFQUFFLENBQUMsR0FBRyxLQUFLLEdBQUcsT0FBTyxHQUFHLENBQUMsQ0FBQyxlQUFlLEdBQUcsQ0FBQyxDQUFDLEdBQUcsZUFBZSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUk7SUFBdkYsQ0FBdUYsRUFDdkYsQ0FBQyxJQUFJLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxlQUFlLENBQUMsQ0FDeEMsQ0FBQTtJQUVELElBQU0sZUFBZSxHQUFjLEtBQUssQ0FBQyxPQUFPLENBQzlDLGNBQU0sT0FBQSxDQUFDO1FBQ0wsS0FBSyxFQUFFLGVBQWUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxHQUFHLE9BQU8sQ0FBQztLQUNsRSxDQUFDLEVBRkksQ0FFSixFQUNGLENBQUMsZUFBZSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsT0FBTyxDQUFDLENBQzFDLENBQUE7SUFFRCxJQUFNLGlCQUFpQixHQUFjLEtBQUssQ0FBQyxPQUFPLENBQ2hELGNBQU0sT0FBQSxDQUFDO1FBQ0wsSUFBSSxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ3BCLFFBQVEsRUFBRSxJQUFJLElBQUksTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDaEMsVUFBVSxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQzFCLFNBQVMsRUFBRSxlQUFlLElBQUksTUFBTTtLQUNyQyxDQUFDLEVBTEksQ0FLSixFQUNGLENBQUMsTUFBTSxFQUFFLElBQUksRUFBRSxlQUFlLENBQUMsQ0FDaEMsQ0FBQTtJQUVELElBQU0sbUJBQW1CLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FDdkMsY0FBTSxPQUFBLENBQUMsRUFBRSxjQUFjLEVBQUUsYUFBYSxDQUFDLGFBQWEsQ0FBNkYsRUFBRSxDQUFDLEVBQTlJLENBQThJLEVBQ3BKLENBQUMsYUFBYSxDQUFDLENBQ2hCLENBQUE7SUFFRCxPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUNILEdBQUcsRUFBRSxHQUFHLEVBQ1IsS0FBSyxFQUFFO1lBQ0wsVUFBVSxJQUFJLGVBQWU7WUFDN0IsQ0FBQyxVQUFVLElBQUksaUJBQWlCO1lBQ2hDLG1CQUFtQjtTQUNwQixJQUNHLE1BQU0sR0FFVCxRQUFRLENBQ0osQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUMsQ0FBQTtBQUVGLE1BQU0sQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLE1BQU0sQ0FBQTtBQUV6QyxlQUFlLE1BQU0sQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1uLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY29sdW1ucy9jb2x1bW4vQ29sdW1uLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUNBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUM3RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN6QyxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLElBQUksRUFBYSxNQUFNLGNBQWMsQ0FBQTtBQUU5Qzs7Ozs7O0dBTUc7QUFDSCxJQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxVQUFVLENBQ3hDLFVBQUMsRUFBb0QsRUFBRSxHQUFHO0lBQXZELElBQUEsUUFBUSxjQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsYUFBYSxtQkFBQSxFQUFLLE1BQU0sY0FBbEQsK0NBQW9ELENBQUY7SUFDM0MsSUFBQSxLQUFrRCxLQUFLLENBQUMsVUFBVSxDQUFDLGNBQWMsQ0FBQyxFQUFoRixLQUFLLFdBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxVQUFVLGdCQUFBLEVBQUUsZUFBZSxxQkFBcUMsQ0FBQTtJQUV4RixJQUFNLGVBQWUsR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDO1FBQ3BDLE9BQUEsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxHQUFHLEVBQUUsQ0FBQyxHQUFHLEtBQUssR0FBRyxPQUFPLEdBQUcsQ0FBQyxDQUFDLGVBQWUsR0FBRyxDQUFDLENBQUMsR0FBRyxlQUFlLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO0lBQXpGLENBQXlGLEVBQ3pGLENBQUMsSUFBSSxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsZUFBZSxDQUFDLENBQ3hDLENBQUE7SUFFRCxJQUFNLGVBQWUsR0FBYyxLQUFLLENBQUMsT0FBTyxDQUM5QyxjQUFNLE9BQUEsQ0FBQztRQUNMLEtBQUssRUFBRSxlQUFlLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsS0FBSyxHQUFHLENBQUMsR0FBRyxPQUFPLENBQUM7S0FDbEUsQ0FBQyxFQUZJLENBRUosRUFDRixDQUFDLGVBQWUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE9BQU8sQ0FBQyxDQUMxQyxDQUFBO0lBRUQsSUFBTSxpQkFBaUIsR0FBYyxLQUFLLENBQUMsT0FBTyxDQUNoRCxjQUFNLE9BQUEsQ0FBQztRQUNMLElBQUksRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNwQixRQUFRLEVBQUUsSUFBSSxJQUFJLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ2hDLFVBQVUsRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUMxQixTQUFTLEVBQUUsZUFBZSxJQUFJLE1BQU07S0FDckMsQ0FBQyxFQUxJLENBS0osRUFDRixDQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUUsZUFBZSxDQUFDLENBQ2hDLENBQUE7SUFFRCxJQUFNLG1CQUFtQixHQUFHLEtBQUssQ0FBQyxPQUFPLENBQ3ZDLGNBQU0sT0FBQSxDQUFDLEVBQUUsY0FBYyxFQUFFLGFBQWEsQ0FBQyxhQUFhLENBQTZGLEVBQUUsQ0FBQyxFQUE5SSxDQUE4SSxFQUNwSixDQUFDLGFBQWEsQ0FBQyxDQUNoQixDQUFBO0lBRUQsT0FBTyxDQUNMLG9CQUFDLElBQUksYUFDSCxHQUFHLEVBQUUsR0FBRyxFQUNSLEtBQUssRUFBRTtZQUNMLFVBQVUsSUFBSSxlQUFlO1lBQzdCLENBQUMsVUFBVSxJQUFJLGlCQUFpQjtZQUNoQyxtQkFBbUI7U0FDcEIsSUFDRyxNQUFNLEdBRVQsUUFBUSxDQUNKLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFDLENBQUE7QUFFRixNQUFNLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxNQUFNLENBQUE7QUFFekMsZUFBZSxNQUFNLENBQUEifQ==

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

@@ -1,12 +1,13 @@
 /// <reference types="react" />
 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;

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

@@ -17,8 +17,8 @@ export default {
     "type": "string",
     "values": [
       "undefined",
-      "2",
       "1",
+      "2",
       "3",
       "4",
       "5",
@@ -35,8 +35,8 @@ export default {
     "type": "string",
     "values": [
       "undefined",
-      "2",
       "1",
+      "2",
       "3",
       "4",
       "5",
@@ -53,8 +53,8 @@ export default {
     "type": "string",
     "values": [
       "undefined",
-      "2",
       "1",
+      "2",
       "3",
       "4",
       "5",
@@ -71,8 +71,8 @@ export default {
     "type": "string",
     "values": [
       "undefined",
-      "2",
       "1",
+      "2",
       "3",
       "4",
       "5",
@@ -89,8 +89,8 @@ export default {
     "type": "string",
     "values": [
       "undefined",
-      "2",
       "1",
+      "2",
       "3",
       "4",
       "5",
@@ -107,8 +107,8 @@ export default {
     "type": "string",
     "values": [
       "undefined",
-      "2",
       "1",
+      "2",
       "3",
       "4",
       "5",
@@ -125,8 +125,8 @@ export default {
     "type": "string",
     "values": [
       "undefined",
-      "2",
       "1",
+      "2",
       "3",
       "4",
       "5",
@@ -143,8 +143,8 @@ export default {
     "type": "string",
     "values": [
       "undefined",
-      "2",
       "1",
+      "2",
       "3",
       "4",
       "5",
@@ -161,8 +161,8 @@ export default {
     "type": "string",
     "values": [
       "undefined",
-      "2",
       "1",
+      "2",
       "3",
       "4",
       "5",
@@ -179,8 +179,8 @@ export default {
     "type": "string",
     "values": [
       "undefined",
-      "2",
       "1",
+      "2",
       "3",
       "4",
       "5",
@@ -197,8 +197,8 @@ export default {
     "type": "string",
     "values": [
       "undefined",
-      "2",
       "1",
+      "2",
       "3",
       "4",
       "5",
@@ -215,8 +215,8 @@ export default {
     "type": "string",
     "values": [
       "undefined",
-      "2",
       "1",
+      "2",
       "3",
       "4",
       "5",
@@ -233,8 +233,8 @@ export default {
     "type": "string",
     "values": [
       "undefined",
-      "2",
       "1",
+      "2",
       "3",
       "4",
       "5",
@@ -251,8 +251,8 @@ export default {
     "type": "string",
     "values": [
       "undefined",
-      "2",
       "1",
+      "2",
       "3",
       "4",
       "5",
@@ -277,6 +277,9 @@ export default {
     "type": "enum",
     "values": [
       "undefined",
+      "CENTER",
+      "START",
+      "END",
       "ALIGNED_CENTER",
       "ALIGNED_START",
       "ALIGNED_END",
@@ -284,13 +287,21 @@ export default {
       "ALIGNED_CENTER",
       "ALIGNED_START",
       "ALIGNED_END",
-      "ALIGNED_STRETCH"
+      "ALIGNED_STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH",
+      "STRETCH"
     ]
   },
   "verticalAlign": {
     "type": "enum",
     "values": [
       "undefined",
+      "CENTER",
+      "START",
+      "END",
       "ALIGNED_CENTER",
       "ALIGNED_START",
       "ALIGNED_END",
@@ -298,7 +309,12 @@ export default {
       "ALIGNED_CENTER",
       "ALIGNED_START",
       "ALIGNED_END",
-      "ALIGNED_STRETCH"
+      "ALIGNED_STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH",
+      "STRETCH"
     ]
   },
   "id": {
@@ -314,5 +330,12 @@ export default {
       "undefined",
       "string"
     ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
   }
 };

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

@@ -2,11 +2,12 @@ import React from 'react';
 import { ContainerProps } from '../../components/container/ContainerProps';
 /**
  * Container Component
- * @param children {React.ReactNode}
- * - ------------------ WEB PROPERTIES -----------------------
+ * @param children {React.ReactNode} Container child elements
+ * @param testId {string} Test Id for Test Integration
+ * @param id {string} Custom id attribute
+ * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additional CSS Classes
- * @param medium {boolean} Set medium container
- * @param id {string} Set id attribute
+ * @param medium {boolean} Set medium container width
  */
 declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLDivElement>>;
 export default Container;