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

package/lib/components/scroll-view/ScrollView.d.ts

@@ -1,20 +1,20 @@
-import * as React from "react";
-import { ScrollViewProps } from "./ScrollViewProps";
+import * as React from 'react';
+import { ScrollViewProps } from './ScrollViewProps';
 /**
- * Scroll View Component
+ * ScrollView Component
  * @param children {React.ReactNode} ScrollView child
- * @param id {string} Id for Web / TestID for Native
- * @param scrollDirection {Direction} Scroll vertically or horizontally
- * - -------------- WEB PROPERTIES -----------------
- * @param className {string} Additional css classes
- * - -------------- NATIVE PROPERTIES ---------------
- * @param footer {React.ReactNode} ScrollView footer
- * @param bounce {boolean} Bounce effect on scroll
- * @param centerContent {boolean} center content in scrollView
- * @param refresh {boolean} Is Refreshable ScrollView
- * @param refreshControlColor {TrilogyColor} Color Of Refresh Control
- * @param scrollDirection {Direction} Scroll vertically in default
- * @param onRefresh {void} On Refreshing ScrollView
+ * @param scrollDirection {ScrollDirectionEnum} Scroll direction (VERTICAL | HORIZONTAL)
+ * @param id {string} Custom id attribute
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
+ * @param testId {string} Test Id for Test Integration
+ * - -------------------------- NATIVE PROPERTIES -------------------------------
+ * @param footer {React.ReactNode} Footer element fixed at the bottom
+ * @param bounce {boolean} Bounce effect on scroll (iOS)
+ * @param centerContent {boolean} Center content in scrollView
+ * @param refresh {boolean} Enable pull-to-refresh
+ * @param refreshControlColor {TrilogyColor} Color of the refresh control indicator
+ * @param onRefresh {Function} Callback when user triggers a refresh
  */
 declare const ScrollView: React.ForwardRefExoticComponent<ScrollViewProps & React.RefAttributes<HTMLDivElement>>;
 export default ScrollView;

package/lib/components/scroll-view/ScrollView.js

@@ -1,42 +1,42 @@
-import * as React from "react";
-import { useTrilogyContext } from "../../context";
-import { hashClass } from "../../helpers";
-import clsx from "clsx";
-import { is } from "../../services";
-import { ScrollDirectionEnum } from "../../objects";
-import { ComponentName } from "../enumsComponentsName";
+import { useTrilogyContext } from '../../context';
+import { hashClass } from '../../helpers';
+import { ScrollDirectionEnum } from '../../objects';
+import { is } from '../../services';
+import clsx from 'clsx';
+import * as React from 'react';
+import { ComponentName } from '../enumsComponentsName';
 /**
- * Scroll View Component
+ * ScrollView Component
  * @param children {React.ReactNode} ScrollView child
- * @param id {string} Id for Web / TestID for Native
- * @param scrollDirection {Direction} Scroll vertically or horizontally
- * - -------------- WEB PROPERTIES -----------------
- * @param className {string} Additional css classes
- * - -------------- NATIVE PROPERTIES ---------------
- * @param footer {React.ReactNode} ScrollView footer
- * @param bounce {boolean} Bounce effect on scroll
- * @param centerContent {boolean} center content in scrollView
- * @param refresh {boolean} Is Refreshable ScrollView
- * @param refreshControlColor {TrilogyColor} Color Of Refresh Control
- * @param scrollDirection {Direction} Scroll vertically in default
- * @param onRefresh {void} On Refreshing ScrollView
+ * @param scrollDirection {ScrollDirectionEnum} Scroll direction (VERTICAL | HORIZONTAL)
+ * @param id {string} Custom id attribute
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
+ * @param testId {string} Test Id for Test Integration
+ * - -------------------------- NATIVE PROPERTIES -------------------------------
+ * @param footer {React.ReactNode} Footer element fixed at the bottom
+ * @param bounce {boolean} Bounce effect on scroll (iOS)
+ * @param centerContent {boolean} Center content in scrollView
+ * @param refresh {boolean} Enable pull-to-refresh
+ * @param refreshControlColor {TrilogyColor} Color of the refresh control indicator
+ * @param onRefresh {Function} Callback when user triggers a refresh
  */
 var ScrollView = React.forwardRef(function (_a, ref) {
-    var id = _a.id, scrollDirection = _a.scrollDirection, children = _a.children;
+    var id = _a.id, scrollDirection = _a.scrollDirection, children = _a.children, testId = _a.testId;
     var styled = useTrilogyContext().styled;
     var scrollDirectionClassName = function () {
         switch (scrollDirection) {
             case ScrollDirectionEnum === null || ScrollDirectionEnum === void 0 ? void 0 : ScrollDirectionEnum.HORIZONTAL:
-                return is("horizontal");
+                return is('horizontal');
             case ScrollDirectionEnum === null || ScrollDirectionEnum === void 0 ? void 0 : ScrollDirectionEnum.VERTICAL:
-                return is("vertical");
+                return is('vertical');
             default:
-                return "";
+                return '';
         }
     };
-    var classes = hashClass(styled, clsx("scroll-view", scrollDirection && scrollDirectionClassName()));
-    return (React.createElement("div", { ref: ref, className: classes, id: id }, children));
+    var classes = hashClass(styled, clsx('scroll-view', scrollDirection && scrollDirectionClassName()));
+    return (React.createElement("div", { ref: ref, className: classes, id: id, "data-testid": testId }, children));
 });
 ScrollView.displayName = ComponentName.ScrollView;
 export default ScrollView;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2Nyb2xsVmlldy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc2Nyb2xsLXZpZXcvU2Nyb2xsVmlldy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDL0IsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQy9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUV0RDs7Ozs7Ozs7Ozs7Ozs7O0dBZUc7QUFDSCxJQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNqQyxVQUFDLEVBQWlDLEVBQUUsR0FBRztRQUFwQyxFQUFFLFFBQUEsRUFBRSxlQUFlLHFCQUFBLEVBQUUsUUFBUSxjQUFBO0lBQ3RCLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sd0JBQXdCLEdBQUc7UUFDL0IsUUFBUSxlQUFlLEVBQUU7WUFDdkIsS0FBSyxtQkFBbUIsYUFBbkIsbUJBQW1CLHVCQUFuQixtQkFBbUIsQ0FBRSxVQUFVO2dCQUNsQyxPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUMsQ0FBQTtZQUN6QixLQUFLLG1CQUFtQixhQUFuQixtQkFBbUIsdUJBQW5CLG1CQUFtQixDQUFFLFFBQVE7Z0JBQ2hDLE9BQU8sRUFBRSxDQUFDLFVBQVUsQ0FBQyxDQUFBO1lBQ3ZCO2dCQUNFLE9BQU8sRUFBRSxDQUFBO1NBQ1o7SUFDSCxDQUFDLENBQUE7SUFFRCxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQUMsYUFBYSxFQUFFLGVBQWUsSUFBSSx3QkFBd0IsRUFBRSxDQUFDLENBQ25FLENBQUE7SUFDRCxPQUFPLENBQ0wsNkJBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsT0FBTyxFQUFFLEVBQUUsRUFBRSxFQUFFLElBQ3RDLFFBQVEsQ0FDTCxDQUNQLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELFVBQVUsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFVBQVUsQ0FBQTtBQUNqRCxlQUFlLFVBQVUsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2Nyb2xsVmlldy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc2Nyb2xsLXZpZXcvU2Nyb2xsVmlldy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQy9DLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDL0IsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUd0RDs7Ozs7Ozs7Ozs7Ozs7O0dBZUc7QUFDSCxJQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNqQyxVQUFDLEVBQXlDLEVBQUUsR0FBRztRQUE1QyxFQUFFLFFBQUEsRUFBRSxlQUFlLHFCQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsTUFBTSxZQUFBO0lBQzlCLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sd0JBQXdCLEdBQUc7UUFDL0IsUUFBUSxlQUFlLEVBQUU7WUFDdkIsS0FBSyxtQkFBbUIsYUFBbkIsbUJBQW1CLHVCQUFuQixtQkFBbUIsQ0FBRSxVQUFVO2dCQUNsQyxPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUMsQ0FBQTtZQUN6QixLQUFLLG1CQUFtQixhQUFuQixtQkFBbUIsdUJBQW5CLG1CQUFtQixDQUFFLFFBQVE7Z0JBQ2hDLE9BQU8sRUFBRSxDQUFDLFVBQVUsQ0FBQyxDQUFBO1lBQ3ZCO2dCQUNFLE9BQU8sRUFBRSxDQUFBO1NBQ1o7SUFDSCxDQUFDLENBQUE7SUFFRCxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxhQUFhLEVBQUUsZUFBZSxJQUFJLHdCQUF3QixFQUFFLENBQUMsQ0FBQyxDQUFBO0lBQ3JHLE9BQU8sQ0FDTCw2QkFBSyxHQUFHLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsRUFBRSxFQUFFLEVBQUUsaUJBQWUsTUFBTSxJQUMzRCxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxVQUFVLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxVQUFVLENBQUE7QUFDakQsZUFBZSxVQUFVLENBQUEifQ==

package/lib/components/scroll-view/ScrollView.native.d.ts

@@ -1,5 +1,17 @@
 import * as React from 'react';
 import { ScrollView as ScrollViewNative } from 'react-native';
 import { ScrollViewProps } from './ScrollViewProps';
+/**
+ * ScrollView Component
+ * @param children {React.ReactNode} ScrollView child
+ * @param scrollDirection {ScrollDirectionEnum} Scroll direction (VERTICAL | HORIZONTAL)
+ * @param id {string} Custom id attribute
+ * @param footer {React.ReactNode} Footer element fixed at the bottom
+ * @param bounce {boolean} Bounce effect on scroll (iOS)
+ * @param centerContent {boolean} Center content in scrollView
+ * @param refresh {boolean} Enable pull-to-refresh
+ * @param refreshControlColor {TrilogyColor} Color of the refresh control indicator
+ * @param onRefresh {Function} Callback when user triggers a refresh
+ */
 declare const ScrollView: React.ForwardRefExoticComponent<ScrollViewProps & React.RefAttributes<ScrollViewNative>>;
 export default ScrollView;

package/lib/components/scroll-view/ScrollView.native.js

@@ -4,6 +4,18 @@ import { isAndroid, isIOS } from '../../helpers/device.native';
 import { getColorStyle, ScrollDirectionEnum } from '../../objects';
 import * as React from 'react';
 import { RefreshControl, ScrollView as ScrollViewNative, StyleSheet, View } from 'react-native';
+/**
+ * ScrollView Component
+ * @param children {React.ReactNode} ScrollView child
+ * @param scrollDirection {ScrollDirectionEnum} Scroll direction (VERTICAL | HORIZONTAL)
+ * @param id {string} Custom id attribute
+ * @param footer {React.ReactNode} Footer element fixed at the bottom
+ * @param bounce {boolean} Bounce effect on scroll (iOS)
+ * @param centerContent {boolean} Center content in scrollView
+ * @param refresh {boolean} Enable pull-to-refresh
+ * @param refreshControlColor {TrilogyColor} Color of the refresh control indicator
+ * @param onRefresh {Function} Callback when user triggers a refresh
+ */
 var ScrollView = React.forwardRef(function (_a, ref) {
     var children = _a.children, footer = _a.footer, bounce = _a.bounce, centerContent = _a.centerContent, refresh = _a.refresh, onRefresh = _a.onRefresh, refreshControlColor = _a.refreshControlColor, id = _a.id, scrollDirection = _a.scrollDirection, others = __rest(_a, ["children", "footer", "bounce", "centerContent", "refresh", "onRefresh", "refreshControlColor", "id", "scrollDirection"]);
     var _b = __read(React.useState(false), 2), refreshing = _b[0], setRefreshing = _b[1];
@@ -47,4 +59,4 @@ var ScrollView = React.forwardRef(function (_a, ref) {
 });
 ScrollView.displayName = ComponentName.ScrollView;
 export default ScrollView;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2Nyb2xsVmlldy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3Njcm9sbC12aWV3L1Njcm9sbFZpZXcubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0seUJBQXlCLENBQUE7QUFDMUQsT0FBTyxFQUFFLGFBQWEsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM5RCxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsY0FBYyxFQUFFLFVBQVUsSUFBSSxnQkFBZ0IsRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBc0IvRixJQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNqQyxVQUNFLEVBV0MsRUFDRCxHQUFHO0lBWEQsSUFBQSxRQUFRLGNBQUEsRUFDUixNQUFNLFlBQUEsRUFDTixNQUFNLFlBQUEsRUFDTixhQUFhLG1CQUFBLEVBQ2IsT0FBTyxhQUFBLEVBQ1AsU0FBUyxlQUFBLEVBQ1QsbUJBQW1CLHlCQUFBLEVBQ25CLEVBQUUsUUFBQSxFQUNGLGVBQWUscUJBQUEsRUFDWixNQUFNLGNBVlgseUhBV0MsQ0FEVTtJQUlMLElBQUEsS0FBQSxPQUE4QixLQUFLLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxJQUFBLEVBQWxELFVBQVUsUUFBQSxFQUFFLGFBQWEsUUFBeUIsQ0FBQTtJQUV6RCxJQUFNLElBQUksR0FBRyxVQUFDLE9BQWU7UUFDM0IsT0FBTyxJQUFJLE9BQU8sQ0FBQyxVQUFDLE9BQU8sSUFBSyxPQUFBLFVBQVUsQ0FBQyxPQUFPLEVBQUUsT0FBTyxDQUFDLEVBQTVCLENBQTRCLENBQUMsQ0FBQTtJQUMvRCxDQUFDLENBQUE7SUFFRCxJQUFN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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2Nyb2xsVmlldy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3Njcm9sbC12aWV3L1Njcm9sbFZpZXcubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0seUJBQXlCLENBQUE7QUFDMUQsT0FBTyxFQUFFLGFBQWEsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM5RCxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsY0FBYyxFQUFFLFVBQVUsSUFBSSxnQkFBZ0IsRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRy9GOzs7Ozs7Ozs7OztHQVdHO0FBQ0gsSUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDakMsVUFDRSxFQVdDLEVBQ0QsR0FBRztJQVhELElBQUEsUUFBUSxjQUFBLEVBQ1IsTUFBTSxZQUFBLEVBQ04sTUFBTSxZQUFBLEVBQ04sYUFBYSxtQkFBQSxFQUNiLE9BQU8sYUFBQSxFQUNQLFNBQVMsZUFBQSxFQUNULG1CQUFtQix5QkFBQSxFQUNuQixFQUFFLFFBQUEsRUFDRixlQUFlLHFCQUFBLEVBQ1osTUFBTSxjQVZYLHlIQVdDLENBRFU7SUFJTCxJQUFBLEtBQUEsT0FBOEIsS0FBSyxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsSUFBQSxFQUFsRCxVQUFVLFFBQUEsRUFBRSxhQUFhLFFBQXlCLENBQUE7SUFFekQsSUFBTSxJQUFJLEdBQUcsVUFBQyxPQUFlO1FBQzNCLE9BQU8sSUFBSSxPQUFPLENBQUMsVUFBQyxPQUFPLElBQUssT0FBQSxVQUFVLENBQUMsT0FBTyxFQUFFLE9BQU8sQ0FBQyxFQUE1QixDQUE0QixDQUFDLENBQUE7SUFDL0Qs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

package/lib/components/scroll-view/ScrollViewProps.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
-import { ScrollDirectionEnum, ScrollDirectionEnumValues, TrilogyColor, TrilogyColorValues } from '../../objects';
+import { Dev, ScrollDirectionEnum, ScrollDirectionEnumValues, TrilogyColor, TrilogyColorValues } from '../../objects';
 import { ScrollView } from 'react-native';
 /**
  * ScroView Interface
  */
-export interface ScrollViewProps {
+export interface ScrollViewProps extends Dev {
     children?: React.ReactNode;
     className?: string;
     footer?: React.ReactNode;

package/lib/components/scroll-view/ScrollViewPropsDefaults.js

@@ -69,12 +69,6 @@ export default {
     "type": "enum",
     "values": [
       "undefined",
-      "SUCCESS",
-      "INFO",
-      "WARNING",
-      "ERROR",
-      "MAIN",
-      "ACCENT",
       "WHITE",
       "MAIN",
       "MAIN_FADE",
@@ -95,20 +89,28 @@ export default {
       "NEUTRAL",
       "NEUTRAL_FADE",
       "STROKE",
+      "STROKE_FADE",
       "WHITE",
+      "MAIN",
       "MAIN_FADE",
+      "ACCENT",
       "ACCENT_FADE",
       "FONT",
       "FONT_PLACEHOLDER",
+      "SUCCESS",
       "SUCCESS_FADE",
+      "INFO",
       "INFO_FADE",
+      "WARNING",
       "WARNING_FADE",
+      "ERROR",
       "ERROR_FADE",
       "DISABLED",
       "DISABLED_FADE",
       "NEUTRAL",
       "NEUTRAL_FADE",
-      "STROKE"
+      "STROKE",
+      "STROKE_FADE"
     ]
   },
   "id": {
@@ -127,5 +129,12 @@ export default {
       "VERTICAL",
       "HORIZONTAL"
     ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
   }
 };

package/lib/components/section/Section.d.ts

@@ -2,14 +2,15 @@ import React from 'react';
 import { SectionProps } from './SectionProps';
 /**
  * Section Component - Manages the main margins of the page and takes up all the available width.
- * @param children {React.ReactNode}
+ * @param children {React.ReactNode} Section child elements
  * @param backgroundColor {TrilogyColor} Section Background Color
- * @param backgroundSrc {string} Source of background Image
- * - -------------- WEB PROPERTIES ---------------
- * @param className {string} Additional CSS Classes
+ * @param backgroundSrc {string} Source of background image
  * @param inverted {boolean} Inverted Section Color
- * @param skeleton {boolean} Skeleton before loaded
- * - -------------- NATIVE PROPERTIES ---------------
- **/
+ * @param id {string} Custom id attribute
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
+ * @param skeleton {boolean} Loading skeleton state
+ * @param testId {string} Test Id for Test Integration
+ */
 declare const Section: React.ForwardRefExoticComponent<SectionProps & React.RefAttributes<HTMLElement>>;
 export default Section;

package/lib/components/section/Section.js

@@ -1,30 +1,31 @@
 import { __assign, __rest } from "tslib";
-import React from 'react';
-import { has, is } from '../../services';
+import { useTrilogyContext } from '../../context';
+import { hashClass } from '../../helpers';
 import { getBackgroundClassName } from '../../objects';
+import { has, is } from '../../services';
 import clsx from 'clsx';
-import { hashClass } from '../../helpers';
-import { useTrilogyContext } from '../../context';
+import React from 'react';
 import { ComponentName } from '../enumsComponentsName';
 /**
  * Section Component - Manages the main margins of the page and takes up all the available width.
- * @param children {React.ReactNode}
+ * @param children {React.ReactNode} Section child elements
  * @param backgroundColor {TrilogyColor} Section Background Color
- * @param backgroundSrc {string} Source of background Image
- * - -------------- WEB PROPERTIES ---------------
- * @param className {string} Additional CSS Classes
+ * @param backgroundSrc {string} Source of background image
  * @param inverted {boolean} Inverted Section Color
- * @param skeleton {boolean} Skeleton before loaded
- * - -------------- NATIVE PROPERTIES ---------------
- **/
+ * @param id {string} Custom id attribute
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
+ * @param skeleton {boolean} Loading skeleton state
+ * @param testId {string} Test Id for Test Integration
+ */
 var Section = React.forwardRef(function (_a, ref) {
-    var className = _a.className, id = _a.id, skeleton = _a.skeleton, backgroundColor = _a.backgroundColor, backgroundSrc = _a.backgroundSrc, inverted = _a.inverted, others = __rest(_a, ["className", "id", "skeleton", "backgroundColor", "backgroundSrc", "inverted"]);
+    var className = _a.className, id = _a.id, skeleton = _a.skeleton, backgroundColor = _a.backgroundColor, backgroundSrc = _a.backgroundSrc, inverted = _a.inverted, testId = _a.testId, others = __rest(_a, ["className", "id", "skeleton", "backgroundColor", "backgroundSrc", "inverted", "testId"]);
     var styled = useTrilogyContext().styled;
     var _className = hashClass(styled, clsx('section', className, backgroundColor && has(getBackgroundClassName(backgroundColor)), backgroundSrc && has('background'), inverted && is('inverted'), skeleton && is('loading')));
-    return (React.createElement("section", __assign({ ref: ref, id: id }, (backgroundSrc && {
+    return (React.createElement("section", __assign({ "data-testid": testId, ref: ref, id: id }, (backgroundSrc && {
         style: { backgroundImage: "url(".concat(backgroundSrc, ")") },
     }), { className: _className }, others)));
 });
 Section.displayName = ComponentName.Section;
 export default Section;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VjdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc2VjdGlvbi9TZWN0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQ3BDLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNsRCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBRXREOzs7Ozs7Ozs7O0lBVUk7QUFDSixJQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUEyQixVQUFDLEVBQWdGLEVBQUUsR0FBRztJQUFuRixJQUFBLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLGVBQWUscUJBQUEsRUFBRSxhQUFhLG1CQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUE5RSwrRUFBZ0YsQ0FBRjtJQUNoSSxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLFVBQVUsR0FBRyxTQUFTLENBQzFCLE1BQU0sRUFDTixJQUFJLENBQ0YsU0FBUyxFQUNULFNBQVMsRUFDVCxlQUFlLElBQUksR0FBRyxDQUFDLHNCQUFzQixDQUFDLGVBQWUsQ0FBQyxDQUFDLEVBQy9ELGFBQWEsSUFBSSxHQUFHLENBQUMsWUFBWSxDQUFDLEVBQ2xDLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQzFCLFFBQVEsSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLENBQzFCLENBQ0YsQ0FBQTtJQUVELE9BQU8sQ0FDTCwwQ0FDRSxHQUFHLEVBQUUsR0FBRyxFQUNSLEVBQUUsRUFBRSxFQUFFLElBQ0YsQ0FBQyxhQUFhLElBQUk7UUFDcEIsS0FBSyxFQUFFLEVBQUUsZUFBZSxFQUFFLGNBQU8sYUFBYSxNQUFHLEVBQUU7S0FDcEQsQ0FBQyxJQUNGLFNBQVMsRUFBRSxVQUFVLElBQ2pCLE1BQU0sRUFDVixDQUNILENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLE9BQU8sQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLE9BQU8sQ0FBQTtBQUMzQyxlQUFlLE9BQU8sQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VjdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc2VjdGlvbi9TZWN0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ2xELE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQ3BDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBR3REOzs7Ozs7Ozs7OztHQVdHO0FBQ0gsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDOUIsVUFBQyxFQUF3RixFQUFFLEdBQUc7SUFBM0YsSUFBQSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxlQUFlLHFCQUFBLEVBQUUsYUFBYSxtQkFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBdEYseUZBQXdGLENBQUY7SUFDN0UsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxVQUFVLEdBQUcsU0FBUyxDQUMxQixNQUFNLEVBQ04sSUFBSSxDQUNGLFNBQVMsRUFDVCxTQUFTLEVBQ1QsZUFBZSxJQUFJLEdBQUcsQ0FBQyxzQkFBc0IsQ0FBQyxlQUFlLENBQUMsQ0FBQyxFQUMvRCxhQUFhLElBQUksR0FBRyxDQUFDLFlBQVksQ0FBQyxFQUNsQyxRQUFRLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxFQUMxQixRQUFRLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUMxQixDQUNGLENBQUE7SUFFRCxPQUFPLENBQ0wseURBQ2UsTUFBTSxFQUNuQixHQUFHLEVBQUUsR0FBRyxFQUNSLEVBQUUsRUFBRSxFQUFFLElBQ0YsQ0FBQyxhQUFhLElBQUk7UUFDcEIsS0FBSyxFQUFFLEVBQUUsZUFBZSxFQUFFLGNBQU8sYUFBYSxNQUFHLEVBQUU7S0FDcEQsQ0FBQyxJQUNGLFNBQVMsRUFBRSxVQUFVLElBQ2pCLE1BQU0sRUFDVixDQUNILENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELE9BQU8sQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLE9BQU8sQ0FBQTtBQUMzQyxlQUFlLE9BQU8sQ0FBQSJ9

package/lib/components/section/Section.native.d.ts

@@ -3,10 +3,11 @@ import { View } from 'react-native';
 import { SectionProps } from './SectionProps';
 /**
  * Section Component - Manages the main margins of the page and takes up all the available width.
- * @param children {React.ReactNode}
+ * @param children {React.ReactNode} Section child elements
  * @param backgroundColor {TrilogyColor} Section Background Color
- * @param backgroundSrc {string} Source of background Image
- * @param paddingless {boolean} remove padding
- **/
+ * @param backgroundSrc {string} Source of background image
+ * @param inverted {boolean} Inverted Section Color
+ * @param id {string} Custom id attribute
+ */
 declare const Section: React.ForwardRefExoticComponent<SectionProps & React.RefAttributes<View>>;
 export default Section;

package/lib/components/section/Section.native.js

@@ -5,11 +5,12 @@ import * as React from 'react';
 import { ImageBackground, StyleSheet, View } from 'react-native';
 /**
  * Section Component - Manages the main margins of the page and takes up all the available width.
- * @param children {React.ReactNode}
+ * @param children {React.ReactNode} Section child elements
  * @param backgroundColor {TrilogyColor} Section Background Color
- * @param backgroundSrc {string} Source of background Image
- * @param paddingless {boolean} remove padding
- **/
+ * @param backgroundSrc {string} Source of background image
+ * @param inverted {boolean} Inverted Section Color
+ * @param id {string} Custom id attribute
+ */
 var Section = React.forwardRef(function (_a, ref) {
     var backgroundColor = _a.backgroundColor, backgroundSrc = _a.backgroundSrc, children = _a.children, style = _a.style, others = __rest(_a, ["backgroundColor", "backgroundSrc", "children", "style"]);
     var colorBgc = getColorStyle(TrilogyColor.BACKGROUND);
@@ -28,4 +29,4 @@ var Section = React.forwardRef(function (_a, ref) {
 });
 Section.displayName = ComponentName.Section;
 export default Section;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VjdGlvbi5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3NlY3Rpb24vU2VjdGlvbi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDdkQsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLGVBQWUsRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBR2hFOzs7Ozs7SUFNSTtBQUNKLElBQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQWlDLFVBQUMsRUFBOEQsRUFBRSxHQUFHO0lBQWpFLElBQUEsZUFBZSxxQkFBQSxFQUFFLGFBQWEsbUJBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxLQUFLLFdBQUEsRUFBSyxNQUFNLGNBQTVELHlEQUE4RCxDQUFGO0lBQzVILElBQU0sUUFBUSxHQUFHLGFBQWEsQ0FBQyxZQUFZLENBQUMsVUFBVSxDQUFDLENBQUE7SUFFdkQsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixTQUFTLEVBQUU7WUFDVCxlQUFlLEVBQUUsYUFBYSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxRQUFRO1lBQ3hHLGVBQWUsRUFBRSxFQUFFO1lBQ25CLGlCQUFpQixFQUFFLEVBQUU7U0FDdEI7S0FDRixDQUFDLENBQUE7SUFFRixJQUFJLGFBQWEsRUFBRTtRQUNqQixPQUFPLENBQ0wsb0JBQUMsZUFBZSxJQUNkLFVBQVUsRUFBQyxPQUFPLEVBQ2xCLE1BQU0sRUFBRSxPQUFPLGFBQWEsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsRUFBRSxHQUFHLEVBQUUsYUFBYSxFQUFFO1lBRWxGLG9CQUFDLElBQUksYUFBQyxHQUFHLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxDQUFDLE1BQU0sQ0FBQyxTQUFTLEVBQUUsS0FBSyxDQUFDLElBQU0sTUFBTSxHQUN6RCxRQUFRLENBQ0osQ0FDUyxDQUNuQixDQUFBO0tBQ0Y7SUFFRCxPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLENBQUMsTUFBTSxDQUFDLFNBQVMsRUFBRSxLQUFLLENBQUMsSUFBTSxNQUFNLEdBQ3pELFFBQVEsQ0FDSixDQUNSLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLE9BQU8sQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLE9BQU8sQ0FBQTtBQUMzQyxlQUFlLE9BQU8sQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VjdGlvbi5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3NlY3Rpb24vU2VjdGlvbi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDdkQsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLGVBQWUsRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBR2hFOzs7Ozs7O0dBT0c7QUFDSCxJQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFpQyxVQUFDLEVBQThELEVBQUUsR0FBRztJQUFqRSxJQUFBLGVBQWUscUJBQUEsRUFBRSxhQUFhLG1CQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUssTUFBTSxjQUE1RCx5REFBOEQsQ0FBRjtJQUM1SCxJQUFNLFFBQVEsR0FBRyxhQUFhLENBQUMsWUFBWSxDQUFDLFVBQVUsQ0FBQyxDQUFBO0lBRXZELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsU0FBUyxFQUFFO1lBQ1QsZUFBZSxFQUFFLGFBQWEsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDLENBQUMsUUFBUTtZQUN4RyxlQUFlLEVBQUUsRUFBRTtZQUNuQixpQkFBaUIsRUFBRSxFQUFFO1NBQ3RCO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsSUFBSSxhQUFhLEVBQUU7UUFDakIsT0FBTyxDQUNMLG9CQUFDLGVBQWUsSUFDZCxVQUFVLEVBQUMsT0FBTyxFQUNsQixNQUFNLEVBQUUsT0FBTyxhQUFhLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLEVBQUUsR0FBRyxFQUFFLGFBQWEsRUFBRTtZQUVsRixvQkFBQyxJQUFJLGFBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsQ0FBQyxNQUFNLENBQUMsU0FBUyxFQUFFLEtBQUssQ0FBQyxJQUFNLE1BQU0sR0FDekQsUUFBUSxDQUNKLENBQ1MsQ0FDbkIsQ0FBQTtLQUNGO0lBRUQsT0FBTyxDQUNMLG9CQUFDLElBQUksYUFBQyxHQUFHLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxDQUFDLE1BQU0sQ0FBQyxTQUFTLEVBQUUsS0FBSyxDQUFDLElBQU0sTUFBTSxHQUN6RCxRQUFRLENBQ0osQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixPQUFPLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxPQUFPLENBQUE7QUFDM0MsZUFBZSxPQUFPLENBQUEifQ==

package/lib/components/section/SectionProps.d.ts

@@ -1,5 +1,5 @@
 import type { View } from 'react-native';
-import type { BackgroundProps, ChildrenWithNoText } from '../../objects';
+import type { BackgroundProps, ChildrenWithNoText, Dev } from '../../objects';
 import { CommonProps } from '../../objects/facets/CommonProps';
 type Styles = {
     [key: string]: any;
@@ -7,7 +7,7 @@ type Styles = {
 /**
  * Section Interface
  */
-export interface SectionProps extends BackgroundProps, ChildrenWithNoText, CommonProps {
+export interface SectionProps extends BackgroundProps, ChildrenWithNoText, CommonProps, Dev {
     skeleton?: boolean;
     style?: Styles;
 }

package/lib/components/section/SectionPropsDefaults.js

@@ -18,12 +18,6 @@ export default {
     "type": "enum",
     "values": [
       "undefined",
-      "SUCCESS",
-      "INFO",
-      "WARNING",
-      "ERROR",
-      "MAIN",
-      "ACCENT",
       "WHITE",
       "MAIN",
       "MAIN_FADE",
@@ -44,20 +38,28 @@ export default {
       "NEUTRAL",
       "NEUTRAL_FADE",
       "STROKE",
+      "STROKE_FADE",
       "WHITE",
+      "MAIN",
       "MAIN_FADE",
+      "ACCENT",
       "ACCENT_FADE",
       "FONT",
       "FONT_PLACEHOLDER",
+      "SUCCESS",
       "SUCCESS_FADE",
+      "INFO",
       "INFO_FADE",
+      "WARNING",
       "WARNING_FADE",
+      "ERROR",
       "ERROR_FADE",
       "DISABLED",
       "DISABLED_FADE",
       "NEUTRAL",
       "NEUTRAL_FADE",
-      "STROKE"
+      "STROKE",
+      "STROKE_FADE"
     ]
   },
   "backgroundSrc": {
@@ -99,5 +101,12 @@ export default {
       "undefined",
       "string"
     ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
   }
 };

package/lib/components/segment-control/SegmentControl.d.ts

@@ -3,12 +3,13 @@ import { SegmentControlProps } from './SegmentControlProps';
 /**
  * SegmentControl Component
  * @param children {ReactNode} Children for SegmentControl
- * @param onClick onClick event
- * @param activeIndex {number} default active SegmentControl index
- * @param disabled {boolean} disabled SegmentControl
- * - -------------- WEB PROPERTIES ---------------
+ * @param onClick {Function} onClick event
+ * @param activeIndex {number} Default active SegmentControl index
+ * @param align {AlignableProps['align']} Alignment of the segment control
+ * @param testId {string} Test Id for Test Integration
+ * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additional CSS Classes
- * - -------------- NATIVE PROPERTIES ---------------
+ * @param id {string} Custom id attribute
  */
 declare const SegmentControl: React.ForwardRefExoticComponent<SegmentControlProps & React.RefAttributes<HTMLDivElement>>;
 export default SegmentControl;

package/lib/components/segment-control/SegmentControl.js

@@ -9,15 +9,16 @@ import { ComponentName } from '../enumsComponentsName';
 /**
  * SegmentControl Component
  * @param children {ReactNode} Children for SegmentControl
- * @param onClick onClick event
- * @param activeIndex {number} default active SegmentControl index
- * @param disabled {boolean} disabled SegmentControl
- * - -------------- WEB PROPERTIES ---------------
+ * @param onClick {Function} onClick event
+ * @param activeIndex {number} Default active SegmentControl index
+ * @param align {AlignableProps['align']} Alignment of the segment control
+ * @param testId {string} Test Id for Test Integration
+ * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additional CSS Classes
- * - -------------- NATIVE PROPERTIES ---------------
+ * @param id {string} Custom id attribute
  */
 var SegmentControl = React.forwardRef(function (_a, ref) {
-    var className = _a.className, id = _a.id, onClick = _a.onClick, children = _a.children, activeIndex = _a.activeIndex, align = _a.align, others = __rest(_a, ["className", "id", "onClick", "children", "activeIndex", "align"]);
+    var className = _a.className, id = _a.id, onClick = _a.onClick, children = _a.children, activeIndex = _a.activeIndex, align = _a.align, testId = _a.testId, others = __rest(_a, ["className", "id", "onClick", "children", "activeIndex", "align", "testId"]);
     var styled = useTrilogyContext().styled;
     var classes = hashClass(styled, clsx('segmented-control', align && getJustifiedClassName(align), className));
     var _b = __read(useState(activeIndex || 0), 2), activateIndex = _b[0], setActivateIndex = _b[1];
@@ -37,7 +38,7 @@ var SegmentControl = React.forwardRef(function (_a, ref) {
     React.useEffect(function () {
         setActivateIndex(activateIndex);
     }, [activateIndex]);
-    return (React.createElement("div", __assign({ ref: ref, id: id, className: classes }, others), children &&
+    return (React.createElement("div", __assign({ ref: ref, id: id, className: classes, "data-testid": testId }, others), children &&
         Array.isArray(children) &&
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         children.map(function (child, index) {
@@ -59,4 +60,4 @@ var SegmentControl = React.forwardRef(function (_a, ref) {
 });
 SegmentControl.displayName = ComponentName.SegmentControl;
 export default SegmentControl;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VnbWVudENvbnRyb2wuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3NlZ21lbnQtY29udHJvbC9TZWdtZW50Q29udHJvbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ3ZDLE9BQU8sa0JBQWtCLE1BQU0sUUFBUSxDQUFBO0FBRXZDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDakQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBRXREOzs7Ozs7Ozs7R0FTRztBQUNILElBQU0sY0FBYyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQXlDLFVBQUMsRUFBbUUsRUFBRSxHQUFHO0lBQXRFLElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsV0FBVyxpQkFBQSxFQUFFLEtBQUssV0FBQSxFQUFLLE1BQU0sY0FBakUsa0VBQW1FLENBQUY7SUFDeEksSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsbUJBQW1CLEVBQUUsS0FBSyxJQUFJLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFDeEcsSUFBQSxLQUFBLE9BQW9DLFFBQVEsQ0FBUyxXQUFXLElBQUksQ0FBQyxDQUFDLElBQUEsRUFBckUsYUFBYSxRQUFBLEVBQUUsZ0JBQWdCLFFBQXNDLENBQUE7SUFFNUUsSUFBTSxRQUFRLEdBQUcsVUFBQyxLQUFhLEVBQUUsZ0JBQWlDO1FBQ2hFLElBQUksT0FBTyxnQkFBZ0IsS0FBSyxXQUFXLElBQUksQ0FBQyxhQUFhLEVBQUU7WUFDN0QsT0FBTyxnQkFBZ0IsQ0FBQTtTQUN4QjtRQUNELElBQUksS0FBSyxLQUFLLGFBQWEsRUFBRTtZQUMzQixPQUFPLElBQUksQ0FBQTtTQUNaO0lBQ0gsQ0FBQyxDQUFBO0lBRUQsSUFBTSxZQUFZLEdBQUcsVUFBQyxDQUFtQixFQUFFLEtBQWE7UUFDdEQsZ0JBQWdCLENBQUMsS0FBSyxDQUFDLENBQUE7UUFDdkIsSUFBSSxPQUFPO1lBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFBO0lBQ3pCLENBQUMsQ0FBQTtJQUVELEtBQUssQ0FBQyxTQUFTLENBQUM7UUFDZCxnQkFBZ0IsQ0FBQyxhQUFhLENBQUMsQ0FBQTtJQUNqQyxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFBO0lBRW5CLE9BQU8sQ0FDTCxzQ0FBSyxHQUFHLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEdBQ2xELFFBQVE7UUFDUCxLQUFLLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQztRQUN2Qiw4REFBOEQ7UUFDOUQsUUFBUSxDQUFDLEdBQUcsQ0FBQyxVQUFDLEtBQVUsRUFBRSxLQUFhO1lBQ3JDLElBQU0sS0FBSyxHQUFHO2dCQUNaLE1BQU0sRUFBRSxPQUFPLENBQUMsUUFBUSxDQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDLElBQUksS0FBSztnQkFDN0QsUUFBUSxFQUFFLEtBQUssQ0FBQyxLQUFLLENBQUMsUUFBUTtnQkFDOUIsR0FBRyxFQUFFLEtBQUs7Z0JBQ1YsT0FBTyxFQUFFLFVBQUMsS0FBdUI7b0JBQy9CLFlBQVksQ0FBQyxLQUFLLEVBQUUsS0FBSyxDQUFDLENBQUE7b0JBQzFCLElBQUksS0FBSyxFQUFFO3dCQUNULElBQUksS0FBSyxDQUFDLEtBQUssQ0FBQyxPQUFPLEVBQUU7NEJBQ3ZCLEtBQUssQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFBO3lCQUMzQjtxQkFDRjtnQkFDSCxDQUFDO2FBQ0YsQ0FBQTtZQUVELE9BQU8sS0FBSyxJQUFJLE9BQU8sS0FBSyxDQUFDLE9BQU8sRUFBRSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FDcEQsb0JBQUMsa0JBQWtCLElBQ2pCLFFBQVEsRUFBRSxLQUFLLENBQUMsUUFBUSxFQUN4QixNQUFNLEVBQUUsS0FBSyxDQUFDLE1BQU0sRUFDcEIsR0FBRyxFQUFFLEtBQUssQ0FBQyxHQUFHLEVBQ2QsT0FBTyxFQUFFLFVBQUMsQ0FBVSxJQUFLLE9BQUEsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFHLENBQUMsQ0FBQyxFQUFaLENBQVksSUFFcEMsS0FBSyxDQUNhLENBQ3RCLENBQUMsQ0FBQyxDQUFDLENBQ0YsS0FBSyxDQUFDLFlBQVksQ0FBQyxLQUFLLEVBQUUsS0FBSyxDQUFDLENBQ2pDLENBQUE7UUFDSCxDQUFDLENBQUMsQ0FDQSxDQUNQLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLGNBQWMsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLGNBQWMsQ0FBQTtBQUN6RCxlQUFlLGNBQWMsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VnbWVudENvbnRyb2wuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3NlZ21lbnQtY29udHJvbC9TZWdtZW50Q29udHJvbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ3ZDLE9BQU8sa0JBQWtCLE1BQU0sUUFBUSxDQUFBO0FBRXZDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDakQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBRXREOzs7Ozs7Ozs7O0dBVUc7QUFDSCxJQUFNLGNBQWMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUF5QyxVQUFDLEVBQTJFLEVBQUUsR0FBRztJQUE5RSxJQUFBLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFdBQVcsaUJBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxNQUFNLFlBQUEsRUFBSyxNQUFNLGNBQXpFLDRFQUEyRSxDQUFGO0lBQ2hKLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLG1CQUFtQixFQUFFLEtBQUssSUFBSSxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBQ3hHLElBQUEsS0FBQSxPQUFvQyxRQUFRLENBQVMsV0FBVyxJQUFJLENBQUMsQ0FBQyxJQUFBLEVBQXJFLGFBQWEsUUFBQSxFQUFFLGdC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

package/lib/components/segment-control/SegmentControl.native.d.ts

@@ -3,9 +3,8 @@ import { SegmentControlProps } from './SegmentControlProps';
 /**
  * SegmentControl Component
  * @param children {ReactNode} Children for SegmentControl
- * @param onClick onClick event
- * @param activeIndex {number} default active SegmentControl index
- * @param disabled {boolean} disabled SegmentControl
+ * @param onClick {Function} onClick Event
+ * @param activeIndex {number} Default active SegmentControl index
  */
 declare const SegmentControl: React.ForwardRefExoticComponent<SegmentControlProps & React.RefAttributes<import("react-native").View>>;
 export default SegmentControl;

package/lib/components/segment-control/SegmentControl.native.js

@@ -9,9 +9,8 @@ import SegmentedControlItem from './item';
 /**
  * SegmentControl Component
  * @param children {ReactNode} Children for SegmentControl
- * @param onClick onClick event
- * @param activeIndex {number} default active SegmentControl index
- * @param disabled {boolean} disabled SegmentControl
+ * @param onClick {Function} onClick Event
+ * @param activeIndex {number} Default active SegmentControl index
  */
 var SegmentControl = React.forwardRef(function (_a, ref) {
     var children = _a.children, onClick = _a.onClick, activeIndex = _a.activeIndex, others = __rest(_a, ["children", "onClick", "activeIndex"]);
@@ -73,4 +72,4 @@ var SegmentControl = React.forwardRef(function (_a, ref) {
 });
 SegmentControl.displayName = ComponentName.SegmentControl;
 export default SegmentControl;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VnbWVudENvbnRyb2wubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9zZWdtZW50LWNvbnRyb2wvU2VnbWVudENvbnRyb2wubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDcEQsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxLQUFLLEVBQUUsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDdkMsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUN6QyxPQUFPLG9CQUFvQixNQUFNLFFBQVEsQ0FBQTtBQUd6Qzs7Ozs7O0dBTUc7QUFDSCxJQUFNLGNBQWMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUErQyxVQUFDLEVBQTZDLEVBQUUsR0FBRztJQUFoRCxJQUFBLFFBQVEsY0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLFdBQVcsaUJBQUEsRUFBSyxNQUFNLGNBQTNDLHNDQUE2QyxDQUFGO0lBQzFILElBQUEsS0FBQSxPQUFvQyxRQUFRLENBQUMsV0FBVyxJQUFJLENBQUMsQ0FBQyxJQUFBLEVBQTdELGFBQWEsUUFBQSxFQUFFLGdCQUFnQixRQUE4QixDQUFBO0lBRXBFLElBQU0sUUFBUSxHQUFHLFVBQUMsS0FBYSxFQUFFLGdCQUFpQztRQUNoRSxJQUFJLE9BQU8sZ0JBQWdCLEtBQUssV0FBVyxJQUFJLENBQUMsYUFBYSxFQUFFO1lBQzdELE9BQU8sZ0JBQWdCLENBQUE7U0FDeEI7UUFDRCxJQUFJLEtBQUssS0FBSyxhQUFhLEVBQUU7WUFDM0IsT0FBTyxJ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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VnbWVudENvbnRyb2wubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9zZWdtZW50LWNvbnRyb2wvU2VnbWVudENvbnRyb2wubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDcEQsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxLQUFLLEVBQUUsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDdkMsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUN6QyxPQUFPLG9CQUFvQixNQUFNLFFBQVEsQ0FBQTtBQUd6Qzs7Ozs7R0FLRztBQUNILElBQU0sY0FBYyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ3JDLFVBQUMsRUFBNkMsRUFBRSxHQUFHO0lBQWhELElBQUEsUUFBUSxjQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsV0FBVyxpQkFBQSxFQUFLLE1BQU0sY0FBM0Msc0NBQTZDLENBQUY7SUFDcEMsSUFBQSxLQUFBLE9BQW9DLFFBQVEsQ0FBQyxXQUFXLElBQUksQ0FBQyxDQUFDLElBQUEsRUFBN0QsYUFBYSxRQUFBLEVBQUUsZ0JBQWdCLFFBQThCLENBQUE7SUFFcEUsSUFBTSxRQUFRLEdBQUcsVUFBQyxLQUFhLEVBQUUsZ0JBQWlDO1FBQ2hFLElBQUksT0FBTyxnQkFBZ0IsS0FBSyxXQUFXLElBQUksQ0FBQyxhQUFhLEVBQUU7WUFDN0QsT0FBTyxnQkFBZ0IsQ0FBQTtTQUN4QjtRQUNELElBQUksS0FBSyxLQUFLLGFBQWEsRUFBRTtZQUMzQixPQUFPLElB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

package/lib/components/segment-control/SegmentControlProps.d.ts

@@ -1,15 +1,15 @@
 /// <reference types="react" />
+import { AlignableProps, Dev } from '../../objects';
 import type { View } from 'react-native';
 import { Clickable } from '../../objects/facets/Clickable';
 import { CommonProps } from '../../objects/facets/CommonProps';
-import { Alignable, AlignableValues } from '../../objects';
 /**
  * SegmentedControl Interface
  */
-export interface SegmentControlProps extends Clickable, CommonProps {
+export interface SegmentControlProps extends Clickable, CommonProps, Dev {
     children: React.ReactNode;
     activeIndex?: number;
-    align?: Alignable | AlignableValues;
+    align?: AlignableProps['align'];
 }
 export type SegmentControlRef = HTMLDivElement;
 export type SegmentControlNativeRef = View;

package/lib/components/segment-control/SegmentControlPropsDefaults.js

@@ -24,6 +24,9 @@ export default {
     "type": "enum",
     "values": [
       "undefined",
+      "CENTER",
+      "START",
+      "END",
       "ALIGNED_CENTER",
       "ALIGNED_START",
       "ALIGNED_END",
@@ -31,7 +34,12 @@ export default {
       "ALIGNED_CENTER",
       "ALIGNED_START",
       "ALIGNED_END",
-      "ALIGNED_STRETCH"
+      "ALIGNED_STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH",
+      "STRETCH"
     ]
   },
   "onClick": {
@@ -54,5 +62,12 @@ export default {
       "undefined",
       "string"
     ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
   }
 };