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

package/lib/components/range/Range.js

@@ -1,3 +1,4 @@
+import { __read } from "tslib";
 import * as React from "react";
 import { getColorStyle, TrilogyColor } from "../../objects";
 import { hashClass } from "../../helpers";
@@ -24,32 +25,33 @@ import { useTrilogyContext } from "../../context";
  * @param onChangeMax {function} on change max cursor
  * @param testId {string} Test Id for Test Integration
  */
-const Range = ({ min, max, label, valueCursorMin, valueCursorMax, labelValueCursorMin, labelValueCursorMax, onChangeMin, onChangeMax, nameMin, idMin, nameMax, idMax, testId, gap = 0, }) => {
-    const { styled } = useTrilogyContext();
-    const [cursorMin, setCursorMin] = React.useState(valueCursorMin !== null && valueCursorMin !== void 0 ? valueCursorMin : 0);
-    const [cursorMax, setCursorMax] = React.useState(valueCursorMax !== null && valueCursorMax !== void 0 ? valueCursorMax : max);
-    const refTrack = React.useRef(null);
-    React.useEffect(() => {
+var Range = function (_a) {
+    var min = _a.min, max = _a.max, label = _a.label, valueCursorMin = _a.valueCursorMin, valueCursorMax = _a.valueCursorMax, labelValueCursorMin = _a.labelValueCursorMin, labelValueCursorMax = _a.labelValueCursorMax, onChangeMin = _a.onChangeMin, onChangeMax = _a.onChangeMax, nameMin = _a.nameMin, idMin = _a.idMin, nameMax = _a.nameMax, idMax = _a.idMax, testId = _a.testId, _b = _a.gap, gap = _b === void 0 ? 0 : _b;
+    var styled = useTrilogyContext().styled;
+    var _c = __read(React.useState(valueCursorMin !== null && valueCursorMin !== void 0 ? valueCursorMin : 0), 2), cursorMin = _c[0], setCursorMin = _c[1];
+    var _d = __read(React.useState(valueCursorMax !== null && valueCursorMax !== void 0 ? valueCursorMax : max), 2), cursorMax = _d[0], setCursorMax = _d[1];
+    var refTrack = React.useRef(null);
+    React.useEffect(function () {
         if (refTrack.current) {
-            const track = refTrack.current;
-            track.style.background = `linear-gradient(to right, ${getColorStyle(TrilogyColor.NEUTRAL_FADE)} ${(cursorMin / max) * 100}% , ${getColorStyle(TrilogyColor.MAIN_FADE)} ${(cursorMin / max) * 100}% , ${getColorStyle(TrilogyColor.MAIN_FADE)} ${(cursorMax / max) * 100}%, ${getColorStyle(TrilogyColor.NEUTRAL_FADE)} ${(cursorMax / max) * 100}%) `;
+            var track = refTrack.current;
+            track.style.background = "linear-gradient(to right, ".concat(getColorStyle(TrilogyColor.NEUTRAL_FADE), " ").concat((cursorMin / max) * 100, "% , ").concat(getColorStyle(TrilogyColor.MAIN_FADE), " ").concat((cursorMin / max) * 100, "% , ").concat(getColorStyle(TrilogyColor.MAIN_FADE), " ").concat((cursorMax / max) * 100, "%, ").concat(getColorStyle(TrilogyColor.NEUTRAL_FADE), " ").concat((cursorMax / max) * 100, "%) ");
         }
     }, [cursorMin, cursorMax]);
-    React.useEffect(() => {
+    React.useEffect(function () {
         setCursorMin(valueCursorMin || 0);
     }, [valueCursorMin]);
-    React.useEffect(() => {
+    React.useEffect(function () {
         setCursorMax(valueCursorMax || max);
     }, [valueCursorMax]);
-    const handleChangeCursorMin = React.useCallback((e) => {
+    var handleChangeCursorMin = React.useCallback(function (e) {
         if (Number(e.target.value) < cursorMax - gap)
             setCursorMin(Number(e.target.value));
     }, [cursorMax, cursorMin]);
-    const handleChangeCursorMax = React.useCallback((e) => {
+    var handleChangeCursorMax = React.useCallback(function (e) {
         if (Number(e.target.value) > cursorMin + gap)
             setCursorMax(Number(e.target.value));
     }, [cursorMax, cursorMin]);
-    const handleMouseUpMin = React.useCallback(() => {
+    var handleMouseUpMin = React.useCallback(function () {
         if (onChangeMin) {
             onChangeMin({
                 inputName: nameMin,
@@ -57,7 +59,7 @@ const Range = ({ min, max, label, valueCursorMin, valueCursorMax, labelValueCurs
             });
         }
     }, [onChangeMin, nameMin, cursorMin]);
-    const handleMouseUpMax = React.useCallback(() => {
+    var handleMouseUpMax = React.useCallback(function () {
         if (onChangeMax) {
             onChangeMax({
                 inputName: nameMax,
@@ -69,8 +71,8 @@ const Range = ({ min, max, label, valueCursorMin, valueCursorMax, labelValueCurs
         React.createElement("label", { className: hashClass(styled, clsx("range-label")) }, label),
         React.createElement("div", { className: hashClass(styled, clsx("range")) },
             React.createElement("div", { ref: refTrack, className: hashClass(styled, clsx("range-track")) }),
-            React.createElement("input", { "data-testid": `${testId}_min`, className: hashClass(styled, clsx("range-cursor range-cursor-min")), onMouseUp: handleMouseUpMin, onChange: handleChangeCursorMin, value: cursorMin, type: 'range', min: min, max: max, name: nameMin, id: idMin, "aria-label": label }),
-            React.createElement("input", { "data-testid": `${testId}_max`, className: hashClass(styled, clsx("range-cursor range-cursor-max")), onMouseUp: handleMouseUpMax, onChange: handleChangeCursorMax, value: cursorMax, type: 'range', min: min, max: max, name: nameMax, id: idMax, "aria-label": label })),
+            React.createElement("input", { "data-testid": "".concat(testId, "_min"), className: hashClass(styled, clsx("range-cursor range-cursor-min")), onMouseUp: handleMouseUpMin, onChange: handleChangeCursorMin, value: cursorMin, type: 'range', min: min, max: max, name: nameMin, id: idMin, "aria-label": label }),
+            React.createElement("input", { "data-testid": "".concat(testId, "_max"), className: hashClass(styled, clsx("range-cursor range-cursor-max")), onMouseUp: handleMouseUpMax, onChange: handleChangeCursorMax, value: cursorMax, type: 'range', min: min, max: max, name: nameMax, id: idMax, "aria-label": label })),
         React.createElement("div", { className: hashClass(styled, clsx("range-values")) },
             React.createElement("div", null,
                 React.createElement("span", { className: hashClass(styled, clsx("range-value-min")) }, cursorMin),
@@ -84,4 +86,4 @@ const Range = ({ min, max, label, valueCursorMin, valueCursorMax, labelValueCurs
                     labelValueCursorMax)))));
 };
 export default Range;
-//# sourceMappingURL=Range.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFuZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3JhbmdlL1JhbmdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFdkQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW9CRztBQUNILElBQU0sS0FBSyxHQUFHLFVBQUMsRUFnQkY7UUFmWCxHQUFHLFNBQUEsRUFDSCxHQUFHLFNBQUEsRUFDSCxLQUFLLFdBQUEsRUFDTCxjQUFjLG9CQUFBLEVBQ2QsY0FBYyxvQkFBQSxFQUNkLG1CQUFtQix5QkFBQSxFQUNuQixtQkFBbUIseUJBQUEsRUFDbkIsV0FBVyxpQkFBQSxFQUNYLFdBQVcsaUJBQUEsRUFDWCxPQUFPLGFBQUEsRUFDUCxLQUFLLFdBQUEsRUFDTCxPQUFPLGFBQUEsRUFDUCxLQUFLLFdBQUEsRUFDTCxNQUFNLFlBQUEsRUFDTixXQUFPLEVBQVAsR0FBRyxtQkFBRyxDQUFDLEtBQUE7SUFFQyxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUVoQyxJQUFBLEtBQUEsT0FBNEIsS0FBSyxDQUFDLFFBQVEsQ0FBUyxjQUFjLGFBQWQsY0FBYyxjQUFkLGNBQWMsR0FBSSxDQUFDLENBQUMsSUFBQSxFQUF0RSxTQUFTLFFBQUEsRUFBRSxZQUFZLFFBQStDLENBQUE7SUFDdkUsSUFBQSxLQUFBLE9BQTRCLEtBQUssQ0FBQyxRQUFRLENBQzlDLGNBQWMsYUFBZCxjQUFjLGNBQWQsY0FBYyxHQUFJLEdBQUcsQ0FDdEIsSUFBQSxF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

package/lib/components/range/Range.native.js

@@ -1,3 +1,4 @@
+import { __read } from "tslib";
 import * as React from "react";
 import { StyleSheet, View } from "react-native";
 import MultiSlider from "@ptomasroos/react-native-multi-slider";
@@ -25,10 +26,11 @@ import { ComponentName } from "../../components/enumsComponentsName";
  * @param onChangeMax {function} on change max cursor
  * @param testId {string} Test Id for Test Integration
  */
-const Range = ({ min, max, label, labelValueCursorMin, labelValueCursorMax, onChange, }) => {
-    const [values, setValues] = React.useState([0, 100]);
-    const [width, setWidth] = React.useState(0);
-    const styles = StyleSheet.create({
+var Range = function (_a) {
+    var min = _a.min, max = _a.max, label = _a.label, labelValueCursorMin = _a.labelValueCursorMin, labelValueCursorMax = _a.labelValueCursorMax, onChange = _a.onChange;
+    var _b = __read(React.useState([0, 100]), 2), values = _b[0], setValues = _b[1];
+    var _c = __read(React.useState(0), 2), width = _c[0], setWidth = _c[1];
+    var styles = StyleSheet.create({
         marker: {
             width: 20,
             height: 20,
@@ -49,14 +51,14 @@ const Range = ({ min, max, label, labelValueCursorMin, labelValueCursorMax, onCh
             marginTop: -6,
         },
     });
-    const Marker = () => React.createElement(View, { style: styles.marker });
-    return (React.createElement(View, { onLayout: (event) => {
-            const { width } = event.nativeEvent.layout;
+    var Marker = function () { return React.createElement(View, { style: styles.marker }); };
+    return (React.createElement(View, { onLayout: function (event) {
+            var width = event.nativeEvent.layout.width;
             setWidth(width);
         } },
         React.createElement(View, { style: { marginBottom: -4 } },
             React.createElement(Text, { level: TextLevels.THREE }, label && label)),
-        React.createElement(MultiSlider, { values: [values[0], values[1]], sliderLength: width, onValuesChange: (e) => {
+        React.createElement(MultiSlider, { values: [values[0], values[1]], sliderLength: width, onValuesChange: function (e) {
                 setValues(e);
                 onChange && onChange({ inputName: "range", inputValue: e });
             }, min: min, max: max, step: 1, allowOverlap: false, snapped: true, customMarker: Marker, selectedStyle: {
@@ -76,4 +78,4 @@ const Range = ({ min, max, label, labelValueCursorMin, labelValueCursorMax, onCh
 };
 Range.displayName = ComponentName.Range;
 export default Range;
-//# sourceMappingURL=Range.native.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFuZ2UubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9yYW5nZS9SYW5nZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUvQyxPQUFPLFdBQVcsTUFBTSx1Q0FBdUMsQ0FBQTtBQUMvRCxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLFNBQVMsQ0FBQTtBQUMxQyxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxjQUFjLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDdkUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW9CRztBQUNILElBQU0sS0FBSyxHQUFHLFVBQUMsRUFPRjtRQU5YLEdBQUcsU0FBQSxFQUNILEdBQUcsU0FBQSxFQUNILEtBQUssV0FBQSxFQUNMLG1CQUFtQix5QkFBQSxFQUNuQixtQkFBbUIseUJBQUEsRUFDbkIsUUFBUSxjQUFBO0lBRUYsSUFBQSxLQUFBLE9BQXNCLEtBQUssQ0FBQyxRQUFRLENBQVcsQ0FBQyxDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUMsSUFBQSxFQUF2RCxNQUFNLFFBQUEsRUFBRSxTQUFTLFFBQXNDLENBQUE7SUFDeEQsSUFBQSxLQUFBLE9BQW9CLEtBQUssQ0FBQyxRQUFRLENBQVMsQ0FBQyxDQUFDLElBQUEsRUFBNUMsS0FBSyxRQUFBLEVBQUUsUUFBUSxRQUE2QixDQUFBO0lBRW5ELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsTUFBTSxFQUFFO1lBQ04sS0FBSyxFQUFFLEVBQUU7WUFDVCxNQUFNLEVBQUUsRUFBRTtZQUNWLFlBQVksRUFBRSxFQUFFO1lBQ2hCLGVB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

package/lib/components/range/RangeProps.js

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

package/lib/components/range/index.js

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

package/lib/components/rows/Rows.js

@@ -1,3 +1,4 @@
+import { __assign, __rest } from "tslib";
 import * as React from "react";
 import { hashClass } from "../../helpers";
 import clsx from "clsx";
@@ -10,10 +11,10 @@ import { is } from "../../services";
  * - ------------------- WEB PROPERTIES -------------------------
  * @param className {string} additionnal CSS Classes
  */
-const Rows = React.forwardRef((props, ref) => {
-    const { className, gapless, ...others } = props;
-    const { styled } = useTrilogyContext();
-    return (React.createElement("div", { ref: ref, className: hashClass(styled, clsx("rows", gapless && is("gapless"), className)), ...others }));
+var Rows = React.forwardRef(function (props, ref) {
+    var className = props.className, gapless = props.gapless, others = __rest(props, ["className", "gapless"]);
+    var styled = useTrilogyContext().styled;
+    return (React.createElement("div", __assign({ ref: ref, className: hashClass(styled, clsx("rows", gapless && is("gapless"), className)) }, others)));
 });
 export default Rows;
-//# sourceMappingURL=Rows.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUm93cy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvcm93cy9Sb3dzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFFL0I7Ozs7OztHQU1HO0FBQ0gsSUFBTSxJQUFJLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQyxVQUFDLEtBQWdCLEVBQUUsR0FBb0M7SUFDM0UsSUFBQSxTQUFTLEdBQXlCLEtBQUssVUFBOUIsRUFBRSxPQUFPLEdBQWdCLEtBQUssUUFBckIsRUFBSyxNQUFNLFVBQUssS0FBSyxFQUF6Qyx3QkFBaUMsQ0FBRixDQUFVO0lBQ3ZDLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLE9BQU8sQ0FDTCxzQ0FBSyxHQUFHLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxNQUFNLEVBQUUsT0FBTyxJQUFJLEVBQUUsQ0FBQyxTQUFTLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQyxJQUFNLE1BQU0sRUFBSSxDQUMvRyxDQUFBO0FBRUgsQ0FBQyxDQUFDLENBQUE7QUFDRixlQUFlLElBQUksQ0FBQSJ9

package/lib/components/rows/Rows.native.js

@@ -1,14 +1,16 @@
+import { __assign, __rest } from "tslib";
 import * as React from "react";
 import { StyleSheet, View } from "react-native";
 import { ComponentName } from "../../components/enumsComponentsName";
-export const RowsContext = React.createContext({ gapless: false });
+export var RowsContext = React.createContext({ gapless: false });
 /**
  * Rows Component
  * @param children {React.ReactNode} Rows children
  * @param gapless {boolean} Delete margins between row
  */
-const Rows = ({ children, gapless, ...others }) => {
-    const styles = StyleSheet.create({
+var Rows = function (_a) {
+    var children = _a.children, gapless = _a.gapless, others = __rest(_a, ["children", "gapless"]);
+    var styles = StyleSheet.create({
         rows: {
             display: "flex",
             flexDirection: "column",
@@ -16,8 +18,8 @@ const Rows = ({ children, gapless, ...others }) => {
         },
     });
     return (React.createElement(RowsContext.Provider, { value: { gapless: gapless || false } },
-        React.createElement(View, { style: styles.rows, ...others }, children)));
+        React.createElement(View, __assign({ style: styles.rows }, others), children)));
 };
 Rows.displayName = ComponentName.Rows;
 export default Rows;
-//# sourceMappingURL=Rows.native.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUm93cy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3Jvd3MvUm93cy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUvQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEUsTUFBTSxDQUFDLElBQU0sV0FBVyxHQUFHLEtBQUssQ0FBQyxhQUFhLENBQUMsRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLENBQUMsQ0FBQTtBQUVsRTs7OztHQUlHO0FBQ0gsSUFBTSxJQUFJLEdBQUcsVUFBQyxFQUEyQztJQUF6QyxJQUFBLFFBQVEsY0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFLLE1BQU0sY0FBOUIsdUJBQWdDLENBQUY7SUFDMUMsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixJQUFJLEVBQUU7WUFDSixPQUFPLEVBQUUsTUFBTTtZQUNmLGFBQWEsRUFBRSxRQUFRO1lBQ3ZCLElBQUksRUFBRSxDQUFDO1NBQ1I7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsV0FBVyxDQUFDLFFBQVEsSUFBQyxLQUFLLEVBQUUsRUFBRSxPQUFPLEVBQUUsT0FBTyxJQUFJLEtBQUssRUFBRTtRQUN4RCxvQkFBQyxJQUFJLGFBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLElBQU0sTUFBTSxHQUNqQyxRQUFRLENBQ0osQ0FDYyxDQUV4QixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsSUFBSSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsSUFBSSxDQUFBO0FBRXJDLGVBQWUsSUFBSSxDQUFBIn0=

package/lib/components/rows/RowsProps.js

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

package/lib/components/rows/index.js

@@ -1,4 +1,4 @@
 import Rows from './Rows';
 import RowItem from './item';
 export { Rows, RowItem };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3Jvd3MvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLE1BQU0sUUFBUSxDQUFBO0FBQ3pCLE9BQU8sT0FBTyxNQUFNLFFBQVEsQ0FBQTtBQUU1QixPQUFPLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxDQUFBIn0=

package/lib/components/rows/item/RowItem.js

@@ -1,3 +1,4 @@
+import { __assign, __rest } from "tslib";
 import * as React from "react";
 import { is } from "../../../services/classify";
 import { hashClass } from "../../../helpers";
@@ -10,11 +11,11 @@ import { useTrilogyContext } from "../../../context";
  * - -------------------------- WEB PROPERTIES -------------------
  *  @param className {string} additionnal CSS Classes
  */
-const RowItem = React.forwardRef((props, ref) => {
-    const { className, narrow, ...others } = props;
-    const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, clsx("row", narrow && is("narrow"), className));
-    return React.createElement("div", { ref: ref, className: classes, ...others });
+var RowItem = React.forwardRef(function (props, ref) {
+    var className = props.className, narrow = props.narrow, others = __rest(props, ["className", "narrow"]);
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx("row", narrow && is("narrow"), className));
+    return React.createElement("div", __assign({ ref: ref, className: classes }, others));
 });
 export default RowItem;
-//# sourceMappingURL=RowItem.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUm93SXRlbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcm93cy9pdGVtL1Jvd0l0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUU5QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7R0FNRztBQUNILElBQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQUMsVUFBQyxLQUFvQixFQUFFLEdBQW9DO0lBRXhGLElBQUEsU0FBUyxHQUdQLEtBQUssVUFIRSxFQUNULE1BQU0sR0FFSixLQUFLLE9BRkQsRUFDSCxNQUFNLFVBQ1AsS0FBSyxFQUpILHVCQUlMLENBRFUsQ0FDRjtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FBQyxLQUFLLEVBQUUsTUFBTSxJQUFJLEVBQUUsQ0FBQyxRQUFRLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FDL0MsQ0FBQTtJQUNELE9BQU8sc0NBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQzFELENBQUMsQ0FBQyxDQUFBO0FBRUYsZUFBZSxPQUFPLENBQUEifQ==

package/lib/components/rows/item/RowItem.native.js

@@ -1,3 +1,4 @@
+import { __assign, __rest } from "tslib";
 import * as React from "react";
 import { StyleSheet, View } from "react-native";
 import { ComponentName } from "../../../components/enumsComponentsName";
@@ -7,17 +8,18 @@ import { RowsContext } from "../Rows.native";
  * @param narrow {boolean} Align same elements horizontaly
  * @param children {React.ReactNode}
  */
-const RowItem = ({ children, narrow, ...others }) => {
-    const { gapless } = React.useContext(RowsContext);
-    const styles = StyleSheet.create({
+var RowItem = function (_a) {
+    var children = _a.children, narrow = _a.narrow, others = __rest(_a, ["children", "narrow"]);
+    var gapless = React.useContext(RowsContext).gapless;
+    var styles = StyleSheet.create({
         rowItem: {
             flexGrow: (narrow && 0) || 1,
             padding: gapless ? 0 : 5,
             flexShrink: 1,
         },
     });
-    return (React.createElement(View, { style: styles.rowItem, ...others }, children));
+    return (React.createElement(View, __assign({ style: styles.rowItem }, others), children));
 };
 RowItem.displayName = ComponentName.RowsItem;
 export default RowItem;
-//# sourceMappingURL=RowItem.native.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUm93SXRlbS5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Jvd3MvaXRlbS9Sb3dJdGVtLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRS9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUE7QUFFNUM7Ozs7R0FJRztBQUNILElBQU0sT0FBTyxHQUFHLFVBQUMsRUFJRDtJQUhkLElBQUEsUUFBUSxjQUFBLEVBQ1IsTUFBTSxZQUFBLEVBQ0gsTUFBTSxjQUhNLHNCQUloQixDQURVO0lBRUQsSUFBQSxPQUFPLEdBQUssS0FBSyxDQUFDLFVBQVUsQ0FBQyxXQUFXLENBQUMsUUFBbEMsQ0FBa0M7SUFFakQsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixPQUFPLEVBQUU7WUFDUCxRQUFRLEVBQUUsQ0FBQyxNQUFNLElBQUksQ0FBQyxDQUFDLElBQUksQ0FBQztZQUM1QixPQUFPLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFDeEIsVUFBVSxFQUFFLENBQUM7U0FDZDtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLGFBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxPQUFPLElBQU0sTUFBTSxHQUNwQyxRQUFRLENBQ0osQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsT0FBTyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsUUFBUSxDQUFBO0FBRTVDLGVBQWUsT0FBTyxDQUFBIn0=

package/lib/components/rows/item/RowItemProps.js

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

package/lib/components/rows/item/index.js

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

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

@@ -20,9 +20,10 @@ import { ScrollDirectionEnum } from "../../objects";
  * @param scrollDirection {Direction} Scroll vertically in default
  * @param onRefresh {void} On Refreshing ScrollView
  */
-const ScrollView = React.forwardRef(({ id, scrollDirection, children }, ref) => {
-    const { styled } = useTrilogyContext();
-    const scrollDirectionClassName = () => {
+var ScrollView = React.forwardRef(function (_a, ref) {
+    var id = _a.id, scrollDirection = _a.scrollDirection, children = _a.children;
+    var styled = useTrilogyContext().styled;
+    var scrollDirectionClassName = function () {
         switch (scrollDirection) {
             case ScrollDirectionEnum === null || ScrollDirectionEnum === void 0 ? void 0 : ScrollDirectionEnum.HORIZONTAL:
                 return is("horizontal");
@@ -32,9 +33,9 @@ const ScrollView = React.forwardRef(({ id, scrollDirection, children }, ref) =>
                 return "";
         }
     };
-    const classes = hashClass(styled, clsx("scroll-view", scrollDirection && scrollDirectionClassName()));
+    var classes = hashClass(styled, clsx("scroll-view", scrollDirection && scrollDirectionClassName()));
     return (React.createElement("div", { ref: ref, className: classes, id: id }, children));
 });
 ScrollView.displayName = "ScrollView";
 export default ScrollView;
-//# sourceMappingURL=ScrollView.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2Nyb2xsVmlldy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc2Nyb2xsLXZpZXcvU2Nyb2xsVmlldy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDL0IsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRS9DOzs7Ozs7Ozs7Ozs7Ozs7R0FlRztBQUNILElBQU0sVUFBVSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ2pDLFVBQUMsRUFBaUMsRUFBRSxHQUFHO1FBQXBDLEVBQUUsUUFBQSxFQUFFLGVBQWUscUJBQUEsRUFBRSxRQUFRLGNBQUE7SUFDdEIsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSx3QkFBd0IsR0FBRztRQUMvQixRQUFRLGVBQWUsRUFBRTtZQUN2QixLQUFLLG1CQUFtQixhQUFuQixtQkFBbUIsdUJBQW5CLG1CQUFtQixDQUFFLFVBQVU7Z0JBQ2xDLE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQyxDQUFBO1lBQ3pCLEtBQUssbUJBQW1CLGFBQW5CLG1CQUFtQix1QkFBbkIsbUJBQW1CLENBQUUsUUFBUTtnQkFDaEMsT0FBTyxFQUFFLENBQUMsVUFBVSxDQUFDLENBQUE7WUFDdkI7Z0JBQ0UsT0FBTyxFQUFFLENBQUE7U0FDWjtJQUNILENBQUMsQ0FBQTtJQUVELElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FBQyxhQUFhLEVBQUUsZUFBZSxJQUFJLHdCQUF3QixFQUFFLENBQUMsQ0FDbkUsQ0FBQTtJQUNELE9BQU8sQ0FDTCw2QkFBSyxHQUFHLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsRUFBRSxFQUFFLEVBQUUsSUFDdEMsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsVUFBVSxDQUFDLFdBQVcsR0FBRyxZQUFZLENBQUE7QUFFckMsZUFBZSxVQUFVLENBQUEifQ==

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

@@ -1,17 +1,19 @@
+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";
-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));
+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({
+    var styles = StyleSheet.create({
         stickyContent: {
             flexGrow: 1,
             justifyContent: "space-between",
@@ -19,29 +21,29 @@ const ScrollView = React.forwardRef(({ children, footer, bounce, centerContent,
         },
     });
     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 },
+        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),
             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: () => {
-                    onRefreshing();
-                    if (onRefresh) {
-                        onRefresh();
-                    }
-                } })),
-        }), ...others }, centerContent ? (React.createElement(View, { style: { flex: 1, justifyContent: "center" } }, children)) : (children)));
+    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

@@ -78,7 +78,6 @@ export default {
       "MAIN_FADE",
       "ACCENT",
       "FONT",
-      "FONT_PLACEHOLDER",
       "SUCCESS",
       "SUCCESS_FADE",
       "INFO",
@@ -96,7 +95,6 @@ export default {
       "MAIN_FADE",
       "ACCENT",
       "FONT",
-      "FONT_PLACEHOLDER",
       "SUCCESS_FADE",
       "INFO_FADE",
       "WARNING_FADE",

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.js

@@ -1,3 +1,4 @@
+import { __assign, __read, __rest } from "tslib";
 import React, { useEffect, useState } from 'react';
 import { has, is } from '../../services';
 import { getBackgroundClassName } from '../../objects';
@@ -19,17 +20,17 @@ import { useTrilogyContext } from '../../context';
  * - -------------- NATIVE PROPERTIES ---------------
  * @param autolayout {boolean} Apply auto-layout rules
  **/
-const Section = React.forwardRef((props, ref) => {
-    const { className, skeleton, backgroundColor, backgroundSrc, inverted, paddingless, verticalPaddingless, fullwidth, ...others } = props;
-    const { styled } = useTrilogyContext();
-    const [isLoading, setIsLoading] = useState(skeleton || false);
-    useEffect(() => {
+var Section = React.forwardRef(function (props, ref) {
+    var className = props.className, skeleton = props.skeleton, backgroundColor = props.backgroundColor, backgroundSrc = props.backgroundSrc, inverted = props.inverted, paddingless = props.paddingless, verticalPaddingless = props.verticalPaddingless, fullwidth = props.fullwidth, others = __rest(props, ["className", "skeleton", "backgroundColor", "backgroundSrc", "inverted", "paddingless", "verticalPaddingless", "fullwidth"]);
+    var styled = useTrilogyContext().styled;
+    var _a = __read(useState(skeleton || false), 2), isLoading = _a[0], setIsLoading = _a[1];
+    useEffect(function () {
         setIsLoading(skeleton || false);
     }, [skeleton]);
-    const _className = hashClass(styled, clsx('section', className, backgroundColor && has(getBackgroundClassName(backgroundColor)), backgroundSrc && has('background'), inverted && is('inverted'), isLoading ? is('loading') : is('loaded'), fullwidth && is('fullwidth'), paddingless && is('paddingless'), verticalPaddingless && is('vertical-paddingless')));
-    return (React.createElement("section", { ref: ref, ...(backgroundSrc && {
-            style: { backgroundImage: `url(${backgroundSrc})` },
-        }), className: _className, ...others }));
+    var _className = hashClass(styled, clsx('section', className, backgroundColor && has(getBackgroundClassName(backgroundColor)), backgroundSrc && has('background'), inverted && is('inverted'), isLoading ? is('loading') : is('loaded'), fullwidth && is('fullwidth'), paddingless && is('paddingless'), verticalPaddingless && is('vertical-paddingless')));
+    return (React.createElement("section", __assign({ ref: ref }, (backgroundSrc && {
+        style: { backgroundImage: "url(".concat(backgroundSrc, ")") },
+    }), { className: _className }, others)));
 });
 export default Section;
-//# sourceMappingURL=Section.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VjdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc2VjdGlvbi9TZWN0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBRWxELE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQ3BDLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNsRCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFN0M7Ozs7Ozs7Ozs7Ozs7O0lBY0k7QUFDSixJQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLFVBQUMsS0FBbUIsRUFBRSxHQUFvQztJQUV2RixJQUFBLFNBQVMsR0FTUCxLQUFLLFVBVEUsRUFDVCxRQUFRLEdBUU4sS0FBSyxTQVJDLEVBQ1IsZUFBZSxHQU9iLEtBQUssZ0JBUFEsRUFDZixhQUFhLEdBTVgsS0FBSyxjQU5NLEVBQ2IsUUFBUSxHQUtOLEtBQUssU0FMQyxFQUNSLFdBQVcsR0FJVCxLQUFLLFlBSkksRUFDWCxtQkFBbUIsR0FHakIsS0FBSyxvQkFIWSxFQUNuQixTQUFTLEdBRVAsS0FBSyxVQUZFLEVBQ04sTUFBTSxVQUNQLEtBQUssRUFWSCw0SEFVTCxDQURVLENBQ0Y7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUNoQyxJQUFBLEtBQUEsT0FBNEIsUUFBUSxDQUFVLFFBQVEsSUFBSSxLQUFLLENBQUMsSUFBQSxFQUEvRCxTQUFTLFFBQUEsRUFBRSxZQUFZLFFBQXdDLENBQUE7SUFFdEUsU0FBUyxDQUFDO1FBQ1IsWUFBWSxDQUFDLFFBQVEsSUFBSSxLQUFLLENBQUMsQ0FBQTtJQUNqQyxDQUFDLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFBO0lBRWQsSUFBTSxVQUFVLEdBQUcsU0FBUyxDQUMxQixNQUFNLEVBQ04sSUFBSSxDQUNGLFNBQVMsRUFDVCxTQUFTLEVBQ1QsZUFBZSxJQUFJLEdBQUcsQ0FBQyxzQkFBc0IsQ0FBQyxlQUFlLENBQUMsQ0FBQyxFQUMvRCxhQUFhLElBQUksR0FBRyxDQUFDLFlBQVksQ0FBQyxFQUNsQyxRQUFRLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxFQUMxQixTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUN4QyxTQUFTLElBQUksRUFBRSxDQUFDLFdBQVcsQ0FBQyxFQUM1QixXQUFXLElBQUksRUFBRSxDQUFDLGFBQWEsQ0FBQyxFQUNoQyxtQkFBbUIsSUFBSSxFQUFFLENBQUMsc0JBQXNCLENBQUMsQ0FDbEQsQ0FDRixDQUFBO0lBRUQsT0FBTyxDQUNMLDBDQUNFLEdBQUcsRUFBRSxHQUFHLElBQ0osQ0FBQyxhQUFhLElBQUk7UUFDcEIsS0FBSyxFQUFFLEVBQUUsZUFBZSxFQUFFLGNBQU8sYUFBYSxNQUFHLEVBQUU7S0FDcEQsQ0FBQyxJQUNGLFNBQVMsRUFBRSxVQUFVLElBQ2pCLE1BQU0sRUFDVixDQUNILENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLGVBQWUsT0FBTyxDQUFBIn0=

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

@@ -1,3 +1,4 @@
+import { __assign } from "tslib";
 import * as React from "react";
 import { ImageBackground, StyleSheet, View } from "react-native";
 import { AutoLayoutWrapper } from "../../components/autolayout";
@@ -13,9 +14,10 @@ import { ComponentName } from "../../components/enumsComponentsName";
  * @param fullwidth {boolean} Fullwidth section
  * @param autolayout {boolean} Apply auto-layout rules
  **/
-const Section = ({ autolayout = true, backgroundColor, backgroundSrc, children, paddingless, verticalPaddingless, fullwidth, }) => {
-    const colorBgc = getColorStyle(TrilogyColor.BACKGROUND);
-    const styles = StyleSheet.create({
+var Section = function (_a) {
+    var _b = _a.autolayout, autolayout = _b === void 0 ? true : _b, backgroundColor = _a.backgroundColor, backgroundSrc = _a.backgroundSrc, children = _a.children, paddingless = _a.paddingless, verticalPaddingless = _a.verticalPaddingless, fullwidth = _a.fullwidth;
+    var colorBgc = getColorStyle(TrilogyColor.BACKGROUND);
+    var styles = StyleSheet.create({
         section: {
             backgroundColor: backgroundColor ? getColorStyle(backgroundColor) : colorBgc,
             paddingTop: paddingless || verticalPaddingless ? 0 : 32,
@@ -33,8 +35,8 @@ const Section = ({ autolayout = true, backgroundColor, backgroundSrc, children,
     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))));
+        React.createElement(AutoLayoutWrapper, __assign({}, { autolayout: autolayout }), children))) : (React.createElement(AutoLayoutWrapper, __assign({}, { autolayout: autolayout }), children))));
 };
 Section.displayName = ComponentName.Section;
 export default Section;
-//# sourceMappingURL=Section.native.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VjdGlvbi5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3NlY3Rpb24vU2VjdGlvbi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsZUFBZSxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFaEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0seUJBQXlCLENBQUE7QUFDM0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDdkQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFOzs7Ozs7Ozs7SUFTSTtBQUNKLElBQU0sT0FBTyxHQUFHLFVBQUMsRUFRRjtRQVBiLGtCQUFpQixFQUFqQixVQUFVLG1CQUFHLElBQUksS0FBQSxFQUNqQixlQUFlLHFCQUFBLEVBQ2YsYUFBYSxtQkFBQSxFQUNiLFFBQVEsY0FBQSxFQUNSLFdBQVcsaUJBQUEsRUFDWCxtQkFBbUIseUJBQUEsRUFDbkIsU0FBUyxlQUFBO0lBRVQsSUFBTSxRQUFRLEdBQUcsYUFBYSxDQUFDLFlBQVksQ0FBQyxVQUFVLENBQUMsQ0FBQTtJQUV2RCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLE9BQU8sRUFBRTtZQUNQLGVBQWUsRUFBRSxlQUFlLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDLENBQUMsUUFBUTtZQUM1RSxVQUFVLEVBQUUsV0FBVyxJQUFJLG1CQUFtQixDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDdkQsYUFBYSxFQUFFLFdBQVcsSUFBSSxtQkFBbUIsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQzFELFlBQVksRUFBRSxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUNsQyxXQUFXLEVBQUUsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDakMsS0FBSyxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNO1NBQ25DO1FBQ0QsWUFBWSxFQUFFO1lBQ1osS0FBSyxFQUFFLE1BQU07WUFDYixTQUFTLEVBQUUsR0FBRztZQUNkLE1BQU0sRUFBRSxNQUFNO1NBQ2Y7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsT0FBTyxJQUN4QixhQUFhLENBQUMsQ0FBQyxDQUFDLENBQ2Ysb0JBQUMsZUFBZSxJQUNkLEtBQUssRUFBRSxNQUFNLENBQUMsWUFBWSxFQUMxQixNQUFNLEVBQ0osT0FBTyxhQUFhLEtBQUssUUFBUTtZQUMvQixDQUFDLENBQUMsYUFBYTtZQUNmLENBQUMsQ0FBQyxFQUFFLEdBQUcsRUFBRSxhQUFhLEVBQUU7UUFHNUIsb0JBQUMsaUJBQWlCLGVBQUssRUFBRSxVQUFVLFlBQUEsRUFBRSxHQUFHLFFBQVEsQ0FBcUIsQ0FDckQsQ0FDbkIsQ0FBQyxDQUFDLENBQUMsQ0FDRixvQkFBQyxpQkFBaUIsZUFBSyxFQUFFLFVBQVUsWUFBQSxFQUFFLEdBQUcsUUFBUSxDQUFxQixDQUN0RSxDQUNJLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELE9BQU8sQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLE9BQU8sQ0FBQTtBQUUzQyxlQUFlLE9BQU8sQ0FBQSJ9

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

@@ -44,7 +44,6 @@ export default {
       "MAIN_FADE",
       "ACCENT",
       "FONT",
-      "FONT_PLACEHOLDER",
       "SUCCESS",
       "SUCCESS_FADE",
       "INFO",
@@ -62,7 +61,6 @@ export default {
       "MAIN_FADE",
       "ACCENT",
       "FONT",
-      "FONT_PLACEHOLDER",
       "SUCCESS_FADE",
       "INFO_FADE",
       "WARNING_FADE",

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