@trilogy-ds/react 0.0.1-beta.8 → 0.0.3-beta-v4

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

@@ -1,40 +1,49 @@
-import React from 'react';
-import { StyleSheet, Platform, ScrollView as ScrollViewNative, View, RefreshControl } from 'react-native';
-import { getColorStyle, ScrollDirectionEnum } from '../../objects';
-import { ComponentName } from '../enumsComponentsName';
-const ScrollView = React.forwardRef(({ children, footer, bounce, centerContent, refresh, onRefresh, refreshControlColor, id, scrollDirection, ...others }, ref) => {
-    const [refreshing, setRefreshing] = React.useState(false);
-    const wait = (timeout) => {
-        return new Promise((resolve) => setTimeout(resolve, timeout));
+import { __assign, __read, __rest } from "tslib";
+import * as React from "react";
+import { StyleSheet, Platform, ScrollView as ScrollViewNative, View, RefreshControl, } from "react-native";
+import { getColorStyle, ScrollDirectionEnum } from "../../objects";
+import { ComponentName } from "../../components/enumsComponentsName";
+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];
+    var wait = function (timeout) {
+        return new Promise(function (resolve) { return setTimeout(resolve, timeout); });
     };
-    const onRefreshing = React.useCallback(() => {
+    var onRefreshing = React.useCallback(function () {
         setRefreshing(true);
-        wait(2000).then(() => setRefreshing(false));
+        wait(2000).then(function () { return setRefreshing(false); });
     }, []);
-    const styles = StyleSheet.create({
-        stickyContent: { flexGrow: 1, justifyContent: 'space-between', flexDirection: 'column' },
+    var styles = StyleSheet.create({
+        stickyContent: {
+            flexGrow: 1,
+            justifyContent: "space-between",
+            flexDirection: "column",
+        },
     });
     if (footer) {
-        return (React.createElement(ScrollViewNative, { horizontal: scrollDirection === ScrollDirectionEnum.HORIZONTAL, testID: id, showsVerticalScrollIndicator: false, contentContainerStyle: styles.stickyContent, bounces: bounce && Platform.OS === 'ios' && true, overScrollMode: (bounce && Platform.OS === 'android' && 'always') || 'never', ...(refresh && {
-                refreshControl: (React.createElement(RefreshControl, { tintColor: refreshControlColor && getColorStyle(refreshControlColor), colors: refreshControlColor && [getColorStyle(refreshControlColor)], refreshing: refreshing, onRefresh: () => {
-                        onRefreshing();
-                        if (onRefresh) {
-                            onRefresh();
-                        }
-                    } })),
-            }), ...others },
-            React.createElement(View, { style: { flex: 1, justifyContent: centerContent ? 'center' : 'flex-start' } }, children),
-            React.createElement(View, { style: { justifyContent: 'flex-end' } }, footer)));
-    }
-    return (React.createElement(ScrollViewNative, { horizontal: scrollDirection === ScrollDirectionEnum.HORIZONTAL, testID: id, contentContainerStyle: { flexGrow: 1 }, ref: ref, showsVerticalScrollIndicator: false, bounces: bounce && Platform.OS === 'ios' && true, overScrollMode: (bounce && Platform.OS === 'android' && 'always') || 'never', ...(refresh && {
-            refreshControl: (React.createElement(RefreshControl, { tintColor: refreshControlColor && getColorStyle(refreshControlColor), colors: refreshControlColor && [getColorStyle(refreshControlColor)], refreshing: refreshing, onRefresh: () => {
+        return (React.createElement(ScrollViewNative, __assign({ horizontal: scrollDirection === ScrollDirectionEnum.HORIZONTAL, testID: id, showsVerticalScrollIndicator: false, contentContainerStyle: styles.stickyContent, bounces: bounce && Platform.OS === "ios" && true, overScrollMode: (bounce && Platform.OS === "android" && "always") || "never" }, (refresh && {
+            refreshControl: (React.createElement(RefreshControl, { tintColor: refreshControlColor && getColorStyle(refreshControlColor), colors: refreshControlColor && [getColorStyle(refreshControlColor)], refreshing: refreshing, onRefresh: function () {
                     onRefreshing();
                     if (onRefresh) {
                         onRefresh();
                     }
                 } })),
-        }), ...others }, centerContent ? React.createElement(View, { style: { flex: 1, justifyContent: 'center' } }, children) : children));
+        }), others),
+            React.createElement(View, { style: {
+                    flex: 1,
+                    justifyContent: centerContent ? "center" : "flex-start",
+                } }, children),
+            React.createElement(View, { style: { justifyContent: "flex-end" } }, footer)));
+    }
+    return (React.createElement(ScrollViewNative, __assign({ horizontal: scrollDirection === ScrollDirectionEnum.HORIZONTAL, testID: id, contentContainerStyle: { flexGrow: 1 }, ref: ref, showsVerticalScrollIndicator: false, bounces: bounce && Platform.OS === "ios" && true, overScrollMode: (bounce && Platform.OS === "android" && "always") || "never" }, (refresh && {
+        refreshControl: (React.createElement(RefreshControl, { tintColor: refreshControlColor && getColorStyle(refreshControlColor), colors: refreshControlColor && [getColorStyle(refreshControlColor)], refreshing: refreshing, onRefresh: function () {
+                onRefreshing();
+                if (onRefresh) {
+                    onRefresh();
+                }
+            } })),
+    }), others), centerContent ? (React.createElement(View, { style: { flex: 1, justifyContent: "center" } }, children)) : (children)));
 });
 ScrollView.displayName = ComponentName.ScrollView;
 export default ScrollView;
-//# sourceMappingURL=ScrollView.native.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2Nyb2xsVmlldy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3Njcm9sbC12aWV3L1Njcm9sbFZpZXcubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUNMLFVBQVUsRUFDVixRQUFRLEVBQ1IsVUFBVSxJQUFJLGdCQUFnQixFQUM5QixJQUFJLEVBQ0osY0FBYyxHQUNmLE1BQU0sY0FBYyxDQUFBO0FBQ3JCLE9BQU8sRUFBRSxhQUFhLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFOUQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBcUJoRSxJQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNqQyxVQUNFLEVBV2tCLEVBQ2xCLEdBQWtCO0lBWGhCLElBQUEsUUFBUSxjQUFBLEVBQ1IsTUFBTSxZQUFBLEVBQ04sTUFBTSxZQUFBLEVBQ04sYUFBYSxtQkFBQSxFQUNiLE9BQU8sYUFBQSxFQUNQLFNBQVMsZUFBQSxFQUNULG1CQUFtQix5QkFBQSxFQUNuQixFQUFFLFFBQUEsRUFDRixlQUFlLHFCQUFBLEVBQ1osTUFBTSxjQVZYLHlIQVdDLENBRFU7SUFJTCxJQUFBLEtBQUEsT0FBOEIsS0FBSyxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsSUFBQSxFQUFsRCxVQUFVLFFBQUEsRUFBRSxhQUFhLFFBQXlCLENBQUE7SUFFekQsSUFBTSxJQUFJLEdBQUcsVUFBQyxPQUFlO1FBQzNCLE9BQU8sSUFBSSxPQUFPLENBQUMsVUFBQyxPQUFPLElBQUssT0FBQSxVQUFVLENBQUMsT0FBTyxFQUFFLE9BQU8sQ0FBQyxFQUE1QixDQUE0QixDQUFDLENBQUE7SUFDL0QsQ0FBQyxDQUFBO0lBRUQsSUFBTSxZQUFZLEdBQUcsS0FBSyxDQUFDLFdBQVcsQ0FBQztRQUNyQyxh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

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

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

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

@@ -0,0 +1,125 @@
+export default {
+  "children": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "footer": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "bounce": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "centerContent": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "refresh": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "onRefresh": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "() => void"
+    ]
+  },
+  "refreshControlColor": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "SUCCESS",
+      "INFO",
+      "WARNING",
+      "ERROR",
+      "MAIN",
+      "ACCENT",
+      "WHITE",
+      "MAIN",
+      "MAIN_FADE",
+      "ACCENT",
+      "FONT",
+      "SUCCESS",
+      "SUCCESS_FADE",
+      "INFO",
+      "INFO_FADE",
+      "WARNING",
+      "WARNING_FADE",
+      "ERROR",
+      "ERROR_FADE",
+      "DISABLED",
+      "DISABLED_FADE",
+      "NEUTRAL",
+      "NEUTRAL_FADE",
+      "WHITE",
+      "MAIN_FADE",
+      "FONT",
+      "SUCCESS_FADE",
+      "INFO_FADE",
+      "WARNING_FADE",
+      "ERROR_FADE",
+      "DISABLED",
+      "DISABLED_FADE",
+      "NEUTRAL",
+      "NEUTRAL_FADE"
+    ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "scrollDirection": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "VERTICAL",
+      "HORIZONTAL",
+      "VERTICAL",
+      "HORIZONTAL"
+    ]
+  }
+};

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

@@ -1,3 +1,3 @@
 import ScrollView from './ScrollView';
 export { ScrollView };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3Njcm9sbC12aWV3L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sVUFBVSxNQUFNLGNBQWMsQ0FBQTtBQUVyQyxPQUFPLEVBQUUsVUFBVSxFQUFFLENBQUEifQ==

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

@@ -1,14 +1,15 @@
-/// <reference types="react" />
+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 className {string} Additionnal CSS Classes
- * @param skeleton {boolean} Skeleton before loaded
  * @param children {React.ReactNode}
- * @param background {TrilogyColor} Section Background Color
+ * @param backgroundColor {TrilogyColor} Section Background Color
  * @param backgroundSrc {string} Source of background Image
- * @param paddingless {boolean} remove padding
- * @param verticalPaddingless {boolean} remove vertical padding
+ * - -------------- WEB PROPERTIES ---------------
+ * @param className {string} Additionnal CSS Classes
+ * @param inverted {boolean} Inverted Section Color
+ * @param skeleton {boolean} Skeleton before loaded
+ * - -------------- NATIVE PROPERTIES ---------------
  **/
-declare const Section: ({ className, skeleton, background, backgroundSrc, paddingless, verticalPaddingless, fullwidth, ...others }: SectionProps) => JSX.Element;
+declare const Section: ({ className, id, skeleton, backgroundColor, backgroundSrc, inverted, ...others }: SectionProps) => React.JSX.Element;
 export default Section;

package/lib/components/section/Section.js

@@ -1,4 +1,5 @@
-import React, { useEffect, useState } from 'react';
+import { __assign, __rest } from "tslib";
+import React from 'react';
 import { has, is } from '../../services';
 import { getBackgroundClassName } from '../../objects';
 import clsx from 'clsx';
@@ -6,24 +7,22 @@ import { hashClass } from '../../helpers';
 import { useTrilogyContext } from '../../context';
 /**
  * Section Component - Manages the main margins of the page and takes up all the available width.
- * @param className {string} Additionnal CSS Classes
- * @param skeleton {boolean} Skeleton before loaded
  * @param children {React.ReactNode}
- * @param background {TrilogyColor} Section Background Color
+ * @param backgroundColor {TrilogyColor} Section Background Color
  * @param backgroundSrc {string} Source of background Image
- * @param paddingless {boolean} remove padding
- * @param verticalPaddingless {boolean} remove vertical padding
+ * - -------------- WEB PROPERTIES ---------------
+ * @param className {string} Additionnal CSS Classes
+ * @param inverted {boolean} Inverted Section Color
+ * @param skeleton {boolean} Skeleton before loaded
+ * - -------------- NATIVE PROPERTIES ---------------
  **/
-const Section = ({ className, skeleton, background, backgroundSrc, paddingless, verticalPaddingless, fullwidth, ...others }) => {
-    const { styled } = useTrilogyContext();
-    const [isLoading, setIsLoading] = useState(skeleton || false);
-    useEffect(() => {
-        setIsLoading(skeleton || false);
-    }, [skeleton]);
-    const _className = hashClass(styled, clsx('section', className, isLoading ? is('loading') : is('loaded'), fullwidth && is('fullwidth'), paddingless && is('paddingless'), verticalPaddingless && is('vertical-paddingless'), background && has(getBackgroundClassName(background)), backgroundSrc && has('background')));
-    return (React.createElement("section", { ...(backgroundSrc && {
-            style: { backgroundImage: `url(${backgroundSrc})`, backgroundSize: 'cover', backgroundPosition: '50%' },
-        }), className: _className, ...others }));
+var Section = function (_a) {
+    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 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({ id: id }, (backgroundSrc && {
+        style: { backgroundImage: "url(".concat(backgroundSrc, ")") },
+    }), { className: _className }, others)));
 };
 export default Section;
-//# sourceMappingURL=Section.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VjdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc2VjdGlvbi9TZWN0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQ3BDLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNsRCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFN0M7Ozs7Ozs7Ozs7SUFVSTtBQUNKLElBQU0sT0FBTyxHQUFHLFVBQUMsRUFBOEY7SUFBNUYsSUFBQSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxlQUFlLHFCQUFBLEVBQUUsYUFBYSxtQkFBQSxFQUFFLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBOUUsK0VBQWdGLENBQUY7SUFDckYsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxVQUFVLEdBQUcsU0FBUyxDQUMxQixNQUFNLEVBQ04sSUFBSSxDQUNGLFNBQVMsRUFDVCxTQUFTLEVBQ1QsZUFBZSxJQUFJLEdBQUcsQ0FBQyxzQkFBc0IsQ0FBQyxlQUFlLENBQUMsQ0FBQyxFQUMvRCxhQUFhLElBQUksR0FBRyxDQUFDLFlBQVksQ0FBQyxFQUNsQyxRQUFRLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxFQUMxQixRQUFRLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUMxQixDQUNGLENBQUE7SUFFRCxPQUFPLENBQ0wsMENBQ0UsRUFBRSxFQUFFLEVBQUUsSUFDRixDQUFDLGFBQWEsSUFBSTtRQUNwQixLQUFLLEVBQUUsRUFBRSxlQUFlLEVBQUUsY0FBTyxhQUFhLE1BQUcsRUFBRTtLQUNwRCxDQUFDLElBQ0YsU0FBUyxFQUFFLFVBQVUsSUFDakIsTUFBTSxFQUNWLENBQ0gsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsT0FBTyxDQUFBIn0=

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

@@ -1,18 +1,15 @@
 /// <reference types="react" />
 import { SectionProps } from './SectionProps';
-import { ComponentName } from '../enumsComponentsName';
+import { ComponentName } from '../../components/enumsComponentsName';
 /**
  * Section Component - Manages the main margins of the page and takes up all the available width.
- * @param children {ReactNode} Section children
- * @param autolayout {boolean} Apply auto-layout rules
- * @param className {string} Additionnal CSS Classes
- * @param background {TrilogyColor} Section Background Color
+ * @param children {React.ReactNode}
+ * @param backgroundColor {TrilogyColor} Section Background Color
  * @param backgroundSrc {string} Source of background Image
  * @param paddingless {boolean} remove padding
- * @param verticalPaddingless {boolean} remove vertical padding
- */
+ **/
 declare const Section: {
-    ({ autolayout, background, backgroundSrc, children, paddingless, verticalPaddingless, fullwidth, }: SectionProps): JSX.Element;
+    ({ backgroundColor, backgroundSrc, children }: SectionProps): JSX.Element;
     displayName: ComponentName;
 };
 export default Section;

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

@@ -1,28 +1,25 @@
-import React from 'react';
+import * as React from 'react';
 import { ImageBackground, StyleSheet, View } from 'react-native';
-import { AutoLayoutWrapper } from '../autolayout';
-import { getBackgroundStyle, getColorStyle, TrilogyColor } from '../../objects';
-import { ComponentName } from '../enumsComponentsName';
+import { getColorStyle, TrilogyColor } from '../../objects';
+import { ComponentName } from '../../components/enumsComponentsName';
 /**
  * Section Component - Manages the main margins of the page and takes up all the available width.
- * @param children {ReactNode} Section children
- * @param autolayout {boolean} Apply auto-layout rules
- * @param className {string} Additionnal CSS Classes
- * @param background {TrilogyColor} Section Background Color
+ * @param children {React.ReactNode}
+ * @param backgroundColor {TrilogyColor} Section Background Color
  * @param backgroundSrc {string} Source of background Image
  * @param paddingless {boolean} remove padding
- * @param verticalPaddingless {boolean} remove vertical padding
- */
-const Section = ({ autolayout = true, background, backgroundSrc, children, paddingless, verticalPaddingless, fullwidth, }) => {
-    const colorBgc = getColorStyle(TrilogyColor.WHITE);
-    const styles = StyleSheet.create({
+ **/
+var Section = function (_a) {
+    var backgroundColor = _a.backgroundColor, backgroundSrc = _a.backgroundSrc, children = _a.children;
+    var colorBgc = getColorStyle(TrilogyColor.BACKGROUND);
+    var styles = StyleSheet.create({
         section: {
-            backgroundColor: background ? getBackgroundStyle(background) : colorBgc,
-            paddingTop: paddingless || verticalPaddingless ? 0 : 32,
-            paddingBottom: paddingless || verticalPaddingless ? 0 : 32,
-            paddingRight: paddingless ? 0 : 24,
-            paddingLeft: paddingless ? 0 : 24,
-            width: fullwidth ? '100%' : 'auto',
+            backgroundColor: backgroundColor ? getColorStyle(backgroundColor) : colorBgc,
+            paddingTop: 32,
+            paddingBottom: 32,
+            paddingRight: 24,
+            paddingLeft: 24,
+            width: 'auto',
         },
         sectionImage: {
             width: '100%',
@@ -30,9 +27,8 @@ const Section = ({ autolayout = true, background, backgroundSrc, children, paddi
             height: 'auto',
         },
     });
-    return (React.createElement(View, { style: styles.section }, backgroundSrc ? (React.createElement(ImageBackground, { style: styles.sectionImage, source: typeof backgroundSrc === 'number' ? backgroundSrc : { uri: backgroundSrc } },
-        React.createElement(AutoLayoutWrapper, { ...{ autolayout } }, children))) : (React.createElement(AutoLayoutWrapper, { ...{ autolayout } }, children))));
+    return (React.createElement(View, { style: styles.section }, backgroundSrc ? (React.createElement(ImageBackground, { style: styles.sectionImage, source: typeof backgroundSrc === 'number' ? backgroundSrc : { uri: backgroundSrc } }, children)) : (children)));
 };
 Section.displayName = ComponentName.Section;
 export default Section;
-//# sourceMappingURL=Section.native.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VjdGlvbi5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3NlY3Rpb24vU2VjdGlvbi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxlQUFlLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUVoRSxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN2RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7Ozs7OztJQU1JO0FBQ0osSUFBTSxPQUFPLEdBQUcsVUFBQyxFQUEwRDtRQUF4RCxlQUFlLHFCQUFBLEVBQUUsYUFBYSxtQkFBQSxFQUFFLFFBQVEsY0FBQTtJQUN6RCxJQUFNLFFBQVEsR0FBRyxhQUFhLENBQUMsWUFBWSxDQUFDLFVBQVUsQ0FBQyxDQUFBO0lBRXZELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsT0FBTyxFQUFFO1lBQ1AsZUFBZSxFQUFFLGVBQWUsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxRQUFRO1lBQzVFLFVBQVUsRUFBRSxFQUFFO1lBQ2QsYUFBYSxFQUFFLEVBQUU7WUFDakIsWUFBWSxFQUFFLEVBQUU7WUFDaEIsV0FBVyxFQUFFLEVBQUU7WUFDZixLQUFLLEVBQUUsTUFBTTtTQUNkO1FBQ0QsWUFBWSxFQUFFO1lBQ1osS0FBSyxFQUFFLE1BQU07WUFDYixTQUFTLEVBQUUsR0FBRztZQUNkLE1BQU0sRUFBRSxNQUFNO1NBQ2Y7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsT0FBTyxJQUN4QixhQUFhLENBQUMsQ0FBQyxDQUFDLENBQ2Ysb0JBQUMsZUFBZSxJQUNkLEtBQUssRUFBRSxNQUFNLENBQUMsWUFBWSxFQUMxQixNQUFNLEVBQUUsT0FBTyxhQUFhLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLEVBQUUsR0FBRyxFQUFFLGFBQWEsRUFBRSxJQUVqRixRQUFRLENBQ08sQ0FDbkIsQ0FBQyxDQUFDLENBQUMsQ0FDRixRQUFRLENBQ1QsQ0FDSSxDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxPQUFPLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxPQUFPLENBQUE7QUFFM0MsZUFBZSxPQUFPLENBQUEifQ==

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

@@ -1,9 +1,8 @@
-import type { BackgroundProps, Fullwidth, Layout, Paddingless, Position, VerticalPaddingless, ChildrenWithNoText } from '../../objects';
+import type { BackgroundProps, ChildrenWithNoText } from '../../objects';
+import { CommonProps } from '../../objects/facets/CommonProps';
 /**
  * Section Interface
  */
-export interface SectionProps extends Layout, Fullwidth, BackgroundProps, Position, Paddingless, VerticalPaddingless, ChildrenWithNoText {
-    className?: string;
+export interface SectionProps extends BackgroundProps, ChildrenWithNoText, CommonProps {
     skeleton?: boolean;
-    backgroundSrc?: string;
 }

package/lib/components/section/SectionProps.js

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

package/lib/components/section/SectionPropsDefaults.js

@@ -0,0 +1,90 @@
+export default {
+  "skeleton": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "backgroundColor": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "SUCCESS",
+      "INFO",
+      "WARNING",
+      "ERROR",
+      "MAIN",
+      "ACCENT",
+      "WHITE",
+      "MAIN",
+      "MAIN_FADE",
+      "ACCENT",
+      "FONT",
+      "SUCCESS",
+      "SUCCESS_FADE",
+      "INFO",
+      "INFO_FADE",
+      "WARNING",
+      "WARNING_FADE",
+      "ERROR",
+      "ERROR_FADE",
+      "DISABLED",
+      "DISABLED_FADE",
+      "NEUTRAL",
+      "NEUTRAL_FADE",
+      "WHITE",
+      "MAIN_FADE",
+      "FONT",
+      "SUCCESS_FADE",
+      "INFO_FADE",
+      "WARNING_FADE",
+      "ERROR_FADE",
+      "DISABLED",
+      "DISABLED_FADE",
+      "NEUTRAL",
+      "NEUTRAL_FADE"
+    ]
+  },
+  "backgroundSrc": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "inverted": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "children": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ArrayOfReactElementWithNoText"
+    ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

package/lib/components/section/index.js

@@ -1,3 +1,3 @@
 import Section from './Section';
 export { Section };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3NlY3Rpb24vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxPQUFPLE1BQU0sV0FBVyxDQUFBO0FBRS9CLE9BQU8sRUFBRSxPQUFPLEVBQUUsQ0FBQSJ9

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

@@ -6,8 +6,9 @@ import { SegmentControlProps } from './SegmentControlProps';
  * @param onClick onClick event
  * @param activeIndex {number} default active SegmentControl index
  * @param disabled {boolean} disabled SegmentControl
- * @param inverted {boolean} invert color SegmentControl
- * @param marginless {boolean} delete margin
+ * - -------------- WEB PROPERTIES ---------------
+ * @param className {string} Additionnal CSS Classes
+ * - -------------- NATIVE PROPERTIES ---------------
  */
-declare const SegmentControl: ({ className, onClick, disabled, marginless, children, activeIndex, }: SegmentControlProps) => JSX.Element;
+declare const SegmentControl: ({ className, id, onClick, children, activeIndex, align }: SegmentControlProps) => JSX.Element;
 export default SegmentControl;

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

@@ -1,23 +1,26 @@
+import { __read } from "tslib";
 import React, { useState } from 'react';
-import { is } from '../../services';
 import SegmentControlItem from './item';
 import { hashClass } from '../../helpers';
 import clsx from 'clsx';
 import { useTrilogyContext } from '../../context';
+import { getJustifiedClassName } from '../../objects';
 /**
  * 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 inverted {boolean} invert color SegmentControl
- * @param marginless {boolean} delete margin
+ * - -------------- WEB PROPERTIES ---------------
+ * @param className {string} Additionnal CSS Classes
+ * - -------------- NATIVE PROPERTIES ---------------
  */
-const SegmentControl = ({ className, onClick, disabled, marginless, children, activeIndex, }) => {
-    const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, clsx('segmented-control', marginless && is('marginless'), className));
-    const [activateIndex, setActivateIndex] = useState(activeIndex || 0);
-    const isActive = (index, childPropsActive) => {
+var SegmentControl = function (_a) {
+    var className = _a.className, id = _a.id, onClick = _a.onClick, children = _a.children, activeIndex = _a.activeIndex, align = _a.align;
+    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];
+    var isActive = function (index, childPropsActive) {
         if (typeof childPropsActive !== 'undefined' && !activateIndex) {
             return childPropsActive;
         }
@@ -25,25 +28,23 @@ const SegmentControl = ({ className, onClick, disabled, marginless, children, ac
             return true;
         }
     };
-    const toggleActive = (e, index) => {
-        if (disabled)
-            return false;
+    var toggleActive = function (e, index) {
         setActivateIndex(index);
         if (onClick)
             onClick(e);
     };
-    React.useEffect(() => {
+    React.useEffect(function () {
         setActivateIndex(activateIndex);
     }, [activateIndex]);
-    return (React.createElement("div", { className: classes }, children &&
+    return (React.createElement("div", { id: id, className: classes }, children &&
         Array.isArray(children) &&
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        children.map((child, index) => {
-            const props = {
+        children.map(function (child, index) {
+            var props = {
                 active: Boolean(isActive(index, child.props.active)) || false,
                 disabled: child.props.disabled,
                 key: index,
-                onClick: (event) => {
+                onClick: function (event) {
                     toggleActive(event, index);
                     if (child) {
                         if (child.props.onClick) {
@@ -52,8 +53,8 @@ const SegmentControl = ({ className, onClick, disabled, marginless, children, ac
                     }
                 },
             };
-            return child && typeof child.valueOf() === 'string' ? (React.createElement(SegmentControlItem, { disabled: props.disabled, active: props.active, key: props.key, onClick: (e) => onClick === null || onClick === void 0 ? void 0 : onClick(e) }, child)) : (React.cloneElement(child, props));
+            return child && typeof child.valueOf() === 'string' ? (React.createElement(SegmentControlItem, { disabled: props.disabled, active: props.active, key: props.key, onClick: function (e) { return onClick === null || onClick === void 0 ? void 0 : onClick(e); } }, child)) : (React.cloneElement(child, props));
         })));
 };
 export default SegmentControl;
-//# sourceMappingURL=SegmentControl.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VnbWVudENvbnRyb2wuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3NlZ21lbnQtY29udHJvbC9TZWdtZW50Q29udHJvbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ3ZDLE9BQU8sa0JBQWtCLE1BQU0sUUFBUSxDQUFBO0FBRXZDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFakQ7Ozs7Ozs7OztHQVNHO0FBQ0gsSUFBTSxjQUFjLEdBQUcsVUFBQyxFQUE2RTtRQUEzRSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxXQUFXLGlCQUFBLEVBQUUsS0FBSyxXQUFBO0lBQ3BFLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLG1CQUFtQixFQUFFLEtBQUssSUFBSSxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBQ3hHLElBQUEsS0FBQSxPQUFvQyxRQUFRLENBQVMsV0FBVyxJQUFJLENBQUMsQ0FBQyxJQUFBLEVBQXJFLGFBQWEsUUFBQSxFQUFFLGdCQUFnQixRQUFzQyxDQUFBO0lBRTVFLElBQU0sUUFBUSxHQUFHLFVBQUMsS0FBYSxFQUFFLGdCQUFpQztRQUNoRSxJQUFJLE9BQU8sZ0JBQWdCLEtBQUssV0FBVyxJQUFJLENBQUMsYUFBYSxFQUFFO1lBQzdELE9BQU8sZ0JBQWdCLENBQUE7U0FDeEI7UUFDRCxJQUFJLEtBQUssS0FBSyxhQUFhLEVBQUU7WUFDM0IsT0FBTyxJQUFJLENBQUE7U0FDWjtJQUNILENBQUMsQ0FBQTtJQUVELElBQU0sWUFBWSxHQUFHLFVBQUMsQ0FBbUIsRUFBRSxLQUFhO1FBQ3RELGdCQUFnQixDQUFDLEtBQUssQ0FBQyxDQUFBO1FBQ3ZCLElBQUksT0FBTztZQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQTtJQUN6QixDQUFDLENBQUE7SUFFRCxLQUFLLENBQUMsU0FBUyxDQUFDO1FBQ2QsZ0JBQWdCLENBQUMsYUFBYSxDQUFDLENBQUE7SUFDakMsQ0FBQyxFQUFFLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQTtJQUVuQixPQUFPLENBQ0wsNkJBQUssRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUM1QixRQUFRO1FBQ1AsS0FBSyxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUM7UUFDdkIsOERBQThEO1FBQzlELFFBQVEsQ0FBQyxHQUFHLENBQUMsVUFBQyxLQUFVLEVBQUUsS0FBYTtZQUNyQyxJQUFNLEtBQUssR0FBRztnQkFDWixNQUFNLEVBQUUsT0FBTyxDQUFDLFFBQVEsQ0FBQyxLQUFLLEVBQUUsS0FBSyxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQyxJQUFJLEtBQUs7Z0JBQzdELFFBQVEsRUFBRSxLQUFLLENBQUMsS0FBSyxDQUFDLFFBQVE7Z0JBQzlCLEdBQUcsRUFBRSxLQUFLO2dCQUNWLE9BQU8sRUFBRSxVQUFDLEtBQXVCO29CQUMvQixZQUFZLENBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxDQUFBO29CQUMxQixJQUFJLEtBQUssRUFBRTt3QkFDVCxJQUFJLEtBQUssQ0FBQyxLQUFLLENBQUMsT0FBTyxFQUFFOzRCQUN2QixLQUFLLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQTt5QkFDM0I7cUJBQ0Y7Z0JBQ0gsQ0FBQzthQUNGLENBQUE7WUFFRCxPQUFPLEtBQUssSUFBSSxPQUFPLEtBQUssQ0FBQyxPQUFPLEVBQUUsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQ3BELG9CQUFDLGtCQUFrQixJQUNqQixRQUFRLEVBQUUsS0FBSyxDQUFDLFFBQVEsRUFDeEIsTUFBTSxFQUFFLEtBQUssQ0FBQyxNQUFNLEVBQ3BCLEdBQUcsRUFBRSxLQUFLLENBQUMsR0FBRyxFQUNkLE9BQU8sRUFBRSxVQUFDLENBQVUsSUFBSyxPQUFBLE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRyxDQUFDLENBQUMsRUFBWixDQUFZLElBRXBDLEtBQUssQ0FDYSxDQUN0QixDQUFDLENBQUMsQ0FBQyxDQUNGLEtBQUssQ0FBQyxZQUFZLENBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxDQUNqQyxDQUFBO1FBQ0gsQ0FBQyxDQUFDLENBQ0EsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxjQUFjLENBQUEifQ==

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

@@ -1,17 +1,15 @@
 /// <reference types="react" />
 import { SegmentControlProps } from './SegmentControlProps';
-import { ComponentName } from '../enumsComponentsName';
+import { ComponentName } from '../../components/enumsComponentsName';
 /**
  * SegmentControl Component
- * @param children {ReactNode} Children for SegmentedControl
+ * @param children {ReactNode} Children for SegmentControl
  * @param onClick onClick event
- * @param activeIndex {number} default active SegmentedControl index
- * @param disabled {boolean} disabled SegmentedControl
- * @param inverted {boolean} invert color SegmentedControl
- * @param marginless {boolean} delete margin
+ * @param activeIndex {number} default active SegmentControl index
+ * @param disabled {boolean} disabled SegmentControl
  */
 declare const SegmentControl: {
-    ({ children, onClick, activeIndex, disabled, marginless, inverted, ...others }: SegmentControlProps): JSX.Element;
+    ({ children, onClick, activeIndex, ...others }: SegmentControlProps): JSX.Element;
     displayName: ComponentName;
 };
 export default SegmentControl;