@trilogy-ds/react 0.0.1-beta-sc-1 → 0.0.1-beta-145

package/lib/components/range/Range.js

@@ -1,7 +1,9 @@
+import { __read } from "tslib";
+import * as React from 'react';
+import { getColorStyle, TrilogyColor } from '../../objects';
+import { hashClass } from '../../helpers';
 import clsx from 'clsx';
-import React from 'react';
-import { useRange } from '../../components/range/hook/useRange';
-import { hashClass } from '../../helpers/hashClassesHelpers';
+import { useTrilogyContext } from '../../context';
 /**
  * Range Component
  * - -------------------------- MOBILE PROPERTIES -------------------------------
@@ -9,40 +11,70 @@ import { hashClass } from '../../helpers/hashClassesHelpers';
  * @param max {number} max length
  * @param label {string} label of range
  * @param labelValueCursorMin {string} label to display next to value display
- * @param labelValueCursorMax {string} label to display next to value display
- * @param onChange {function}
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param nameMin {string} name input min
- * @param idMin {string} id input min
- * @param nameMax{string} name input max
- * @param idMax {string} id input max
  * @param gap {number} space max between min and max cursor
- * @param valueCursorMin {number} number of input min
- * @param valueCursorMax {number} number of input max
  * @param onChangeMin {function} on change min cursor
  * @param onChangeMax {function} on change max cursor
- * @param testId {string} Test Id for Test Integration
  */
-var Range = function (_a, ref) {
-    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 _c = useRange({ valueCursorMin: valueCursorMin, valueCursorMax: valueCursorMax, max: max, gap: gap, onChangeMin: onChangeMin, onChangeMax: onChangeMax, nameMin: nameMin, nameMax: nameMax }), refTrack = _c.refTrack, cursorMax = _c.cursorMax, cursorMin = _c.cursorMin, handleMouseUpMin = _c.handleMouseUpMin, handleChangeCursorMin = _c.handleChangeCursorMin, handleMouseUpMax = _c.handleMouseUpMax, handleChangeCursorMax = _c.handleChangeCursorMax;
-    return (React.createElement("div", { "data-testid": testId, className: hashClass(clsx('range-container')), ref: ref },
-        React.createElement("label", { className: hashClass(clsx('range-label')) }, label),
-        React.createElement("div", { className: hashClass(clsx('range')) },
-            React.createElement("div", { ref: refTrack, className: hashClass(clsx('range-track')) }),
-            React.createElement("input", { "data-testid": "".concat(testId, "_min"), className: hashClass(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(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(clsx('range-values')) },
+var Range = function (_a) {
+    var className = _a.className, id = _a.id, min = _a.min, max = _a.max, label = _a.label, valueMin = _a.valueMin, valueMax = _a.valueMax, unit = _a.unit, onChangeMin = _a.onChangeMin, onChangeMax = _a.onChangeMax, name = _a.name, _b = _a.gap, gap = _b === void 0 ? 0 : _b;
+    var styled = useTrilogyContext().styled;
+    var _c = __read(React.useState(valueMin !== null && valueMin !== void 0 ? valueMin : 0), 2), cursorMin = _c[0], setCursorMin = _c[1];
+    var _d = __read(React.useState(valueMax !== null && valueMax !== void 0 ? valueMax : max), 2), cursorMax = _d[0], setCursorMax = _d[1];
+    var refTrack = React.useRef(null);
+    React.useEffect(function () {
+        if (refTrack.current) {
+            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(function () {
+        setCursorMin(valueMin || 0);
+    }, [valueMin]);
+    React.useEffect(function () {
+        setCursorMax(valueMax || max);
+    }, [valueMax]);
+    var handleChangeCursorMin = React.useCallback(function (e) {
+        if (Number(e.target.value) < cursorMax - gap)
+            setCursorMin(Number(e.target.value));
+    }, [cursorMax, cursorMin]);
+    var handleChangeCursorMax = React.useCallback(function (e) {
+        if (Number(e.target.value) > cursorMin + gap)
+            setCursorMax(Number(e.target.value));
+    }, [cursorMax, cursorMin]);
+    var handleMouseUpMin = React.useCallback(function () {
+        if (onChangeMin) {
+            onChangeMin({
+                inputName: name,
+                inputValue: cursorMin,
+            });
+        }
+    }, [onChangeMin, name, cursorMin]);
+    var handleMouseUpMax = React.useCallback(function () {
+        if (onChangeMax) {
+            onChangeMax({
+                inputName: name,
+                inputValue: cursorMax,
+            });
+        }
+    }, [onChangeMax, name, cursorMax]);
+    return (React.createElement("div", { id: id, className: hashClass(styled, clsx('range-container', className)) },
+        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", { className: hashClass(styled, clsx('range-cursor range-cursor-min')), onMouseUp: handleMouseUpMin, onChange: handleChangeCursorMin, value: cursorMin, type: 'range', min: min, max: max, name: name, id: "".concat(id, "-min"), "aria-label": label }),
+            React.createElement("input", { className: hashClass(styled, clsx('range-cursor range-cursor-max')), onMouseUp: handleMouseUpMax, onChange: handleChangeCursorMax, value: cursorMax, type: 'range', min: min, max: max, name: name, id: "".concat(id, "-max"), "aria-label": label })),
+        React.createElement("div", { className: hashClass(styled, clsx('range-values')) },
             React.createElement("div", null,
-                React.createElement("span", { className: hashClass(clsx('range-value-min')) }, cursorMin),
-                labelValueCursorMin && React.createElement("span", null,
+                React.createElement("span", { className: hashClass(styled, clsx('range-value-min')) }, cursorMin),
+                unit && React.createElement("span", null,
                     " ",
-                    labelValueCursorMin)),
+                    unit)),
             React.createElement("div", null,
-                React.createElement("span", { className: hashClass(clsx('range-value-max')) }, cursorMax),
-                labelValueCursorMax && React.createElement("span", null,
+                React.createElement("span", { className: hashClass(styled, clsx('range-value-max')) }, cursorMax),
+                unit && React.createElement("span", null,
                     " ",
-                    labelValueCursorMax)))));
+                    unit)))));
 };
-export default React.forwardRef(Range);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFuZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3JhbmdlL1JhbmdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUUzRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFFeEQ7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBb0JHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsVUFDWixFQWdCYSxFQUNiLEdBQThCO1FBaEI1QixHQUFHLFNBQUEsRUFDSCxHQUFHLFNBQUEsRUFDSCxLQUFLLFdBQUEsRUFDTCxjQUFjLG9CQUFBLEVBQ2QsY0FBYyxvQkFBQSxFQUNkLG1CQUFtQix5QkFBQSxFQUNuQixtQkFBbUIseUJBQUEsRUFDbkIsV0FBVyxpQkFBQSxFQUNYLFdBQVcsaUJBQUEsRUFDWCxPQUFPLGFBQUEsRUFDUCxLQUFLLFdBQUEsRUFDTCxPQUFPLGFBQUEsRUFDUCxLQUFLLFdBQUEsRUFDTCxNQUFNLFlBQUEsRUFDTixXQUFPLEVBQVAsR0FBRyxtQkFBRyxDQUFDLEtBQUE7SUFJSCxJQUFBLEtBUUYsUUFBUSxDQUFDLEVBQUUsY0FBYyxnQkFBQSxFQUFFLGNBQWMsZ0JBQUEsRUFBRSxHQUFHLEtBQUEsRUFBRSxHQUFHLEtBQUEsRUFBRSxXQUFXLGFBQUEsRUFBRSxXQUFXLGFBQUEsRUFBRSxPQUFPLFNBQUEsRUFBRSxPQUFPLFNBQUEsRUFBRSxDQUFDLEVBUHBHLFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQSxFQUNULFNBQVMsZUFBQSxFQUNULGdCQUFnQixzQkFBQSxFQUNoQixxQkFBcUIsMkJBQUEsRUFDckIsZ0JBQWdCLHNCQUFBLEVBQ2hCLHFCQUFxQiwyQkFDK0UsQ0FBQTtJQUV0RyxPQUFPLENBQ0wsNENBQWtCLE1BQU0sRUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLEVBQUUsR0FBRyxFQUFFLEdBQUc7UUFDL0UsK0JBQU8sU0FBUyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsSUFBRyxLQUFLLENBQVM7UUFDakUsNkJBQUssU0FBUyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7WUFDdEMsNkJBQUssR0FBRyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxHQUFRO1lBQ3JFLDhDQUNlLFVBQUcsTUFBTSxTQUFNLEVBQzVCLFNBQVMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLCtCQUErQixDQUFDLENBQUMsRUFDM0QsU0FBUyxFQUFFLGdCQUFnQixFQUMzQixRQUFRLEVBQUUscUJBQXFCLEVBQy9CLEtBQUssRUFBRSxTQUFTLEVBQ2hCLElBQUksRUFBQyxPQUFPLEVBQ1osR0FBRyxFQUFFLEdBQUcsRUFDUixHQUFHLEVBQUUsR0FBRyxFQUNSLElBQUksRUFBRSxPQUFPLEVBQ2IsRUFBRSxFQUFFLEtBQUssZ0JBQ0csS0FBSyxHQUNqQjtZQUNGLDhDQUNlLFVBQUcsTUFBTSxTQUFNLEVBQzVCLFNBQVMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLCtCQUErQixDQUFDLENBQUMsRUFDM0QsU0FBUyxFQUFFLGdCQUFnQixFQUMzQixRQUFRLEVBQUUscUJBQXFCLEVBQy9CLEtBQUssRUFBRSxTQUFTLEVBQ2hCLElBQUksRUFBQyxPQUFPLEVBQ1osR0FBRyxFQUFFLEdBQUcsRUFDUixHQUFHLEVBQUUsR0FBRyxFQUNSLElBQUksRUFBRSxPQUFPLEVBQ2IsRUFBRSxFQUFFLEtBQUssZ0JBQ0csS0FBSyxHQUNqQixDQUNFO1FBQ04sNkJBQUssU0FBUyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUM7WUFDN0M7Z0JBQ0UsOEJBQU0sU0FBUyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxJQUFHLFNBQVMsQ0FBUTtnQkFDdEUsbUJBQW1CLElBQUk7O29CQUFRLG1CQUFtQixDQUFRLENBQ3ZEO1lBQ047Z0JBQ0UsOEJBQU0sU0FBUyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxJQUFHLFNBQVMsQ0FBUTtnQkFDdEUsbUJBQW1CLElBQUk7O29CQUFRLG1CQUFtQixDQUFRLENBQ3ZELENBQ0YsQ0FDRixDQUNQLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLEtBQUssQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDLENBQUEifQ==
+export default Range;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFuZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3JhbmdlL1JhbmdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFdkQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7Ozs7OztHQVdHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsVUFBQyxFQWFGO1FBWlgsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsR0FBRyxTQUFBLEVBQ0gsR0FBRyxTQUFBLEVBQ0gsS0FBSyxXQUFBLEVBQ0wsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsSUFBSSxVQUFBLEVBQ0osV0FBVyxpQkFBQSxFQUNYLFdBQVcsaUJBQUEsRUFDWCxJQUFJLFVBQUEsRUFDSixXQUFPLEVBQVAsR0FBRyxtQkFBRyxDQUFDLEtBQUE7SUFFQyxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUVoQyxJQUFBLEtBQUEsT0FBNEIsS0FBSyxDQUFDLFFBQVEsQ0FBUyxRQUFRLGFBQVIsUUFBUSxjQUFSLFFBQVEsR0FBSSxDQUFDLENBQUMsSUFBQSxFQUFoRSxTQUFTLFFBQUEsRUFBRSxZQUFZLFFBQXlDLENBQUE7SUFDakUsSUFBQSxLQUFBLE9BQTRCLEtBQUssQ0FBQyxRQUFRLENBQVMsUUFBUSxhQUFSLFFBQVEsY0FBUixRQUFRLEdBQUksR0FBRyxDQUFDLElBQUEsRUFBbEUsU0FBUyxRQUFBLEVBQUUsWUFBWSxRQUEyQyxDQUFBO0lBQ3pFLElBQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxN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

package/lib/components/range/Range.native.d.ts

@@ -1,5 +1,18 @@
-import React from 'react';
-import { View } from 'react-native';
-import { RangeProps } from '../../components/range/RangeProps';
-declare const _default: React.ForwardRefExoticComponent<RangeProps & React.RefAttributes<View>>;
-export default _default;
+/// <reference types="react" />
+import { RangeProps } from './RangeProps';
+import { ComponentName } from '../../components/enumsComponentsName';
+/**
+ * Range Component
+ * - -------------------------- MOBILE PROPERTIES -------------------------------
+ * @param min {number} min length
+ * @param max {number} max length
+ * @param label {string} label of range
+ * @param labelValueCursorMin {string} label to display next to value display
+ * @param onChange {function}
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ */
+declare const Range: {
+    ({ min, max, label, unit, onChange }: RangeProps): JSX.Element;
+    displayName: ComponentName;
+};
+export default Range;

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

@@ -1,11 +1,10 @@
 import { __read } from "tslib";
-import React from 'react';
+import * as React from 'react';
 import { StyleSheet, View } from 'react-native';
-import { ComponentName } from '../../components/enumsComponentsName';
-import { Text, TextLevels } from '../../components/text';
-import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
-import { TypographyBold } from '../../objects/Typography/TypographyBold';
 import MultiSlider from '@ptomasroos/react-native-multi-slider';
+import { Text, TextLevels } from '../text';
+import { getColorStyle, TrilogyColor, TypographyBold } from '../../objects';
+import { ComponentName } from '../../components/enumsComponentsName';
 /**
  * Range Component
  * - -------------------------- MOBILE PROPERTIES -------------------------------
@@ -13,22 +12,11 @@ import MultiSlider from '@ptomasroos/react-native-multi-slider';
  * @param max {number} max length
  * @param label {string} label of range
  * @param labelValueCursorMin {string} label to display next to value display
- * @param labelValueCursorMax {string} label to display next to value display
  * @param onChange {function}
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param nameMin {string} name input min
- * @param idMin {string} id input min
- * @param nameMax{string} name input max
- * @param idMax {string} id input max
- * @param gap {number} space max between min and max cursor
- * @param valueCursorMin {number} number of input min
- * @param valueCursorMax {number} number of input max
- * @param onChangeMin {function} on change min cursor
- * @param onChangeMax {function} on change max cursor
- * @param testId {string} Test Id for Test Integration
  */
-var Range = function (_a, ref) {
-    var min = _a.min, max = _a.max, label = _a.label, labelValueCursorMin = _a.labelValueCursorMin, labelValueCursorMax = _a.labelValueCursorMax, onChange = _a.onChange;
+var Range = function (_a) {
+    var min = _a.min, max = _a.max, label = _a.label, unit = _a.unit, 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({
@@ -53,7 +41,7 @@ var Range = function (_a, ref) {
         },
     });
     var Marker = function () { return React.createElement(View, { style: styles.marker }); };
-    return (React.createElement(View, { ref: ref, onLayout: function (event) {
+    return (React.createElement(View, { onLayout: function (event) {
             var width = event.nativeEvent.layout.width;
             setWidth(width);
         } },
@@ -72,11 +60,11 @@ var Range = function (_a, ref) {
         React.createElement(View, { style: styles.markerLabels },
             React.createElement(View, { style: { flexDirection: 'row' } },
                 React.createElement(Text, { level: TextLevels.THREE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, values[0]),
-                labelValueCursorMin && (React.createElement(Text, { level: TextLevels.THREE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, labelValueCursorMin))),
+                unit && (React.createElement(Text, { level: TextLevels.THREE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, unit))),
             React.createElement(View, { style: { flexDirection: 'row' } },
                 React.createElement(Text, { level: TextLevels.THREE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, values[1]),
-                labelValueCursorMax && (React.createElement(Text, { level: TextLevels.THREE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, labelValueCursorMax))))));
+                unit && (React.createElement(Text, { level: TextLevels.THREE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, unit))))));
 };
 Range.displayName = ComponentName.Range;
-export default React.forwardRef(Range);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFuZ2UubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9yYW5nZS9SYW5nZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFLE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDcEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0scUNBQXFDLENBQUE7QUFDcEUsT0FBTyxXQUFXLE1BQU0sdUNBQXVDLENBQUE7QUFFL0Q7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBb0JHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsVUFDWixFQUFtRixFQUNuRixHQUFvQjtRQURsQixHQUFHLFNBQUEsRUFBRSxHQUFHLFNBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxtQkFBbUIseUJBQUEsRUFBRSxtQkFBbUIseUJBQUEsRUFBRSxRQUFRLGNBQUE7SUFHL0QsSUFBQSxLQUFBLE9BQXNCLEtBQUssQ0FBQyxRQUFRLENBQVcsQ0FBQyxDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUMsSUFBQSxFQUF2RCxNQUFNLFFBQUEsRUFBRSxTQUFTLFFBQXNDLENBQUE7SUFDeEQsSUFBQSxLQUFBLE9BQW9CLEtBQUssQ0FBQyxRQUFRLENBQVMsQ0FBQyxDQUFDLElBQUEsRUFBNUMsS0FBSyxRQUFBLEVBQUUsUUFBUSxRQUE2QixDQUFBO0lBRW5ELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsTUFBTSxFQUFFO1lBQ04sS0FBSyxFQUFFLEVBQUU7WUFD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
+export default Range;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFuZ2UubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9yYW5nZS9SYW5nZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUvQyxPQUFPLFdBQVcsTUFBTSx1Q0FBdUMsQ0FBQTtBQUMvRCxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLFNBQVMsQ0FBQTtBQUMxQyxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxjQUFjLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDdkUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFOzs7Ozs7Ozs7R0FTRztBQUNILElBQU0sS0FBSyxHQUFHLFVBQUMsRUFBK0M7UUFBN0MsR0FBRyxTQUFBLEVBQUUsR0FBRyxTQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsUUFBUSxjQUFBO0lBQ3hDLElBQUEsS0FBQSxPQUFzQixLQUFLLENBQUMsUUFBUSxDQUFXLENBQUMsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDLElBQUEsRUFBdkQsTUFBTSxRQUFBLEVBQUUsU0FBUyxRQUFzQyxDQUFBO0lBQ3hELElBQUEsS0FBQSxPQUFvQixLQUFLLENBQUMsUUFBUSxDQUFTLENBQUMsQ0FBQyxJQUFBLEVBQTVDLEtBQUssUUFBQSxFQUFFLFFBQVEsUUFBNkIsQ0FBQTtJQUVuRCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLE1BQU0sRUFBRTtZQUNOLEtBQUssRUFBRSxFQUFFO1lBQ1QsTUFBTSxFQUFFLEVBQUU7WUFDVixZQUFZLEVBQUUsRUFBRTtZQUNoQixlQUFlLEVBQUUsT0FBTztZQUN4QixXQUFXLEVBQUUsTUFBTTtZQUNuQixZQUFZLEVBQUU7Z0JBQ1osS0FBSyxFQUFFLENBQUM7Z0JBQ1IsTUFBTSxFQUFFLENBQUM7YUFDVjtZQUNELGFBQWEsRUFBRSxJQUFJO1lBQ25CLFlBQVksRUFBRSxJQUFJO1lBQ2xCLFNBQVMsRUFBRSxDQUFDO1NBQ2I7UUFDRCxZQUFZLEVBQUU7WUFDWixhQUFhLEVBQUUsS0FBSztZQUNwQixjQUFjLEVBQUUsZUFBZTtZQUMvQixTQUFTLEVBQUUsQ0FBQyxDQUFDO1NBQ2Q7S0FDRixDQUFDLENBQUE7SUFFRixJQUFNLE1BQU0sR0FBRyxjQUFtQixPQUFBLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLE1BQU0sR0FBUyxFQUFuQyxDQUFtQyxDQUFBO0lBRXJFLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLElBQ0gsUUFBUSxFQUFFLFVBQUMsS0FBSztZQUNOLElBQUEsS0FBSyxHQUFLLEtBQUssQ0FBQyxXQUFXLENBQUMsTUFBTSxNQUE3QixDQUE2QjtZQUMxQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUE7UUFDakIsQ0FBQztRQUVELG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsRUFBRSxZQUFZLEVBQUUsQ0FBQyxDQUFDLEVBQUU7WUFDL0Isb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxVQUFVLENBQUMsS0FBSyxJQUFHLEtBQUssSUFBSSxLQUFLLENBQVEsQ0FDakQ7UUFFUCxvQkFBQyxXQUFXLElBQ1YsTUFBTSxFQUFFLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUM5QixZQUFZLEVBQUUsS0FBSyxFQUNuQixjQUFjLEVBQUUsVUFBQyxDQUFDO2dCQUNoQixTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUE7Z0JBQ1osUUFBUSxJQUFJLFFBQVEsQ0FBQyxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsVUFBVSxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUE7WUFDN0QsQ0FBQyxFQUNELEdBQUcsRUFBRSxHQUFHLEVBQ1IsR0FBRyxFQUFFLEdBQUcsRUFDUixJQUFJLEVBQUUsQ0FBQyxFQUNQLFlBQVksRUFBRSxLQUFLLEVBQ25CLE9BQU8sUUFDUCxZQUFZLEVBQUUsTUFBTSxFQUNwQixhQUFhLEVBQUU7Z0JBQ2IsZUFBZSxFQUFFLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDO2dCQUNqRCxNQUFNLEVBQUUsQ0FBQzthQUNWLEVBQ0QsZUFBZSxFQUFFO2dCQUNmLGVBQWUsRUFBRSxTQUFTO2dCQUMxQixNQUFNLEVBQUUsQ0FBQzthQUNWLEdBQ0Q7UUFDRixvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxZQUFZO1lBQzlCLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsRUFBRSxhQUFhLEVBQUUsS0FBSyxFQUFFO2dCQUNuQyxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLFVBQVUsQ0FBQyxLQUFLLEVBQUUsSUFBSSxFQUFFLGNBQWMsQ0FBQyxvQkFBb0IsSUFDckUsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUNMO2dCQUNOLElBQUksSUFBSSxDQUNQLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsVUFBVSxDQUFDLEtBQUssRUFBRSxJQUFJLEVBQUUsY0FBYyxDQUFDLG9CQUFvQixJQUNyRSxJQUFJLENBQ0EsQ0FDUixDQUNJO1lBRVAsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxFQUFFLGFBQWEsRUFBRSxLQUFLLEVBQUU7Z0JBQ25DLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsVUFBVSxDQUFDLEtBQUssRUFBRSxJQUFJLEVBQUUsY0FBYyxDQUFDLG9CQUFvQixJQUNyRSxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQ0w7Z0JBQ04sSUFBSSxJQUFJLENBQ1Asb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxVQUFVLENBQUMsS0FBSyxFQUFFLElBQUksRUFBRSxjQUFjLENBQUMsb0JBQW9CLElBQ3JFLElBQUksQ0FDQSxDQUNSLENBQ0ksQ0FDRixDQUNGLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELEtBQUssQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLEtBQUssQ0FBQTtBQUV2QyxlQUFlLEtBQUssQ0FBQSJ9

package/lib/components/range/RangeProps.d.ts

@@ -1,8 +1,8 @@
 /**
  * range Interface
  */
-import { Accessibility } from '../../objects/facets/Accessibility';
-import { Dev } from '../../objects/facets/Dev';
+import { Accessibility, Dev } from '../../objects';
+import { CommonProps } from '../../objects/facets/CommonProps';
 export type InputChangeEventHandlerNative = (event: {
     inputValue: number[];
     inputName: string;
@@ -11,20 +11,16 @@ export type InputChangeEventHandlerWeb = (event: {
     inputValue: number;
     inputName: string | undefined;
 }) => void;
-export interface RangeProps extends Accessibility, Dev {
+export interface RangeProps extends Accessibility, Dev, CommonProps {
     min: number;
     max: number;
     label?: string;
-    valueCursorMin?: number;
-    valueCursorMax?: number;
-    labelValueCursorMin?: string;
-    labelValueCursorMax?: string;
+    valueMin?: number;
+    valueMax?: number;
+    unit?: string;
     onChangeMin?: InputChangeEventHandlerWeb;
     onChangeMax?: InputChangeEventHandlerWeb;
-    nameMin?: string;
-    idMin?: string;
-    nameMax?: string;
-    idMax?: string;
+    name?: string;
     gap?: number;
     onChange?: InputChangeEventHandlerNative;
 }

package/lib/components/range/RangePropsDefaults.js

@@ -14,28 +14,21 @@ export default {
       "string"
     ]
   },
-  "valueCursorMin": {
+  "valueMin": {
     "type": "string",
     "values": [
       "undefined",
       "number"
     ]
   },
-  "valueCursorMax": {
+  "valueMax": {
     "type": "string",
     "values": [
       "undefined",
       "number"
     ]
   },
-  "labelValueCursorMin": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "labelValueCursorMax": {
+  "unit": {
     "type": "string",
     "values": [
       "undefined",
@@ -56,56 +49,49 @@ export default {
       "InputChangeEventHandlerWeb"
     ]
   },
-  "nameMin": {
+  "name": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "idMin": {
+  "gap": {
     "type": "string",
     "values": [
       "undefined",
-      "string"
+      "number"
     ]
   },
-  "nameMax": {
-    "type": "string",
+  "onChange": {
+    "type": "function",
     "values": [
       "undefined",
-      "string"
+      "InputChangeEventHandlerNative"
     ]
   },
-  "idMax": {
+  "accessibilityLabel": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "gap": {
+  "testId": {
     "type": "string",
     "values": [
       "undefined",
-      "number"
-    ]
-  },
-  "onChange": {
-    "type": "function",
-    "values": [
-      "undefined",
-      "InputChangeEventHandlerNative"
+      "string"
     ]
   },
-  "accessibilityLabel": {
+  "id": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "testId": {
+  "className": {
     "type": "string",
     "values": [
       "undefined",

package/lib/components/range/index.d.ts

@@ -1 +1,2 @@
-export { default as Range } from '../../components/range/Range';
+import Range from './Range';
+export { Range };

package/lib/components/range/index.js

@@ -1,2 +1,3 @@
-export { default as Range } from '../../components/range/Range';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3JhbmdlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLElBQUksS0FBSyxFQUFFLE1BQU0sMEJBQTBCLENBQUEifQ==
+import Range from './Range';
+export { Range };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3JhbmdlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLFNBQVMsQ0FBQTtBQUUzQixPQUFPLEVBQUUsS0FBSyxFQUFFLENBQUEifQ==

package/lib/components/rows/Rows.d.ts

@@ -1,4 +1,11 @@
-import React from 'react';
-import { RowsProps } from '../../components/rows/RowsProps';
-declare const _default: React.ForwardRefExoticComponent<RowsProps & React.RefAttributes<HTMLDivElement>>;
-export default _default;
+import * as React from 'react';
+import { RowsProps } from './RowsProps';
+/**
+ * Rows Component
+ * @param children {React.ReactNode} Rows children
+ * @param gapless {boolean} Delete margins between row
+ * - ------------------- WEB PROPERTIES -------------------------
+ * @param className {string} additionnal CSS Classes
+ */
+declare const Rows: React.ForwardRefExoticComponent<RowsProps & React.RefAttributes<HTMLDivElement>>;
+export default Rows;

package/lib/components/rows/Rows.js

@@ -1,8 +1,9 @@
 import { __assign, __rest } from "tslib";
+import * as React from 'react';
+import { hashClass } from '../../helpers';
 import clsx from 'clsx';
-import React from 'react';
-import { hashClass } from '../../helpers/hashClassesHelpers';
-import { is } from '../../services/classify';
+import { useTrilogyContext } from '../../context';
+import { has, is } from '../../services';
 /**
  * Rows Component
  * @param children {React.ReactNode} Rows children
@@ -10,9 +11,10 @@ import { is } from '../../services/classify';
  * - ------------------- WEB PROPERTIES -------------------------
  * @param className {string} additionnal CSS Classes
  */
-var Rows = function (_a, ref) {
-    var className = _a.className, gapless = _a.gapless, others = __rest(_a, ["className", "gapless"]);
-    return React.createElement("div", __assign({ ref: ref, className: hashClass(clsx('rows', gapless && is('gapless'), className)) }, others));
-};
-export default React.forwardRef(Rows);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUm93cy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvcm93cy9Sb3dzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUd6QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBRXhDOzs7Ozs7R0FNRztBQUNILElBQU0sSUFBSSxHQUFHLFVBQUMsRUFBNEMsRUFBRSxHQUE4QjtJQUExRSxJQUFBLFNBQVMsZUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFLLE1BQU0sY0FBL0Isd0JBQWlDLENBQUY7SUFDM0MsT0FBTyxzQ0FBSyxHQUFHLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxPQUFPLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDLElBQU0sTUFBTSxFQUFJLENBQUE7QUFDL0csQ0FBQyxDQUFBO0FBQ0QsZUFBZSxLQUFLLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxDQUFBIn0=
+var Rows = React.forwardRef(function (props, ref) {
+    var className = props.className, id = props.id, gap = props.gap, others = __rest(props, ["className", "id", "gap"]);
+    var styled = useTrilogyContext().styled;
+    return (React.createElement("div", __assign({ id: id, ref: ref, className: hashClass(styled, clsx('rows', gap && has("gap-".concat(gap)), typeof gap !== 'undefined' && gap === 0 && is('gapless'), className)) }, others)));
+});
+export default Rows;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUm93cy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvcm93cy9Sb3dzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBRXBDOzs7Ozs7R0FNRztBQUNILElBQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQUMsVUFBQyxLQUFnQixFQUFFLEdBQW9DO0lBQzNFLElBQUEsU0FBUyxHQUF5QixLQUFLLFVBQTlCLEVBQUUsRUFBRSxHQUFxQixLQUFLLEdBQTFCLEVBQUUsR0FBRyxHQUFnQixLQUFLLElBQXJCLEVBQUssTUFBTSxVQUFLLEtBQUssRUFBekMsMEJBQWlDLENBQUYsQ0FBVTtJQUN2QyxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxPQUFPLENBQ0wsc0NBQ0UsRUFBRSxFQUFFLEVBQUUsRUFDTixHQUFHLEVBQUUsR0FBRyxFQUNSLFNBQVMsRUFBRSxTQUFTLENBQ2xCLE1BQU0sRUFDTixJQUFJLENBQUMsTUFBTSxFQUFFLEdBQUcsSUFBSSxHQUFHLENBQUMsY0FBTyxHQUFHLENBQUUsQ0FBQyxFQUFFLE9BQU8sR0FBRyxLQUFLLFdBQVcsSUFBSSxHQUFHLEtBQUssQ0FBQyxJQUFJLEVBQUUsQ0FBQyxTQUFTLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FDNUcsSUFDRyxNQUFNLEVBQ1YsQ0FDSCxDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFDRixlQUFlLElBQUksQ0FBQSJ9

package/lib/components/rows/Rows.native.d.ts

@@ -1,8 +1,13 @@
-import React from 'react';
-import { View } from 'react-native';
-import { RowsProps } from '../../components/rows/RowsProps';
-export declare const RowsContext: React.Context<{
-    gapless: boolean;
-}>;
-declare const _default: React.ForwardRefExoticComponent<RowsProps & React.RefAttributes<View>>;
-export default _default;
+/// <reference types="react" />
+import { RowsProps } from './RowsProps';
+import { ComponentName } from '../../components/enumsComponentsName';
+/**
+ * Rows Component
+ * @param children {React.ReactNode} Rows children
+ * @param gapless {boolean} Delete margins between row
+ */
+declare const Rows: {
+    ({ children, gap, ...others }: RowsProps): JSX.Element;
+    displayName: ComponentName;
+};
+export default Rows;

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

@@ -1,25 +1,26 @@
 import { __assign, __rest } from "tslib";
-import React from 'react';
+import * as React from 'react';
 import { StyleSheet, View } from 'react-native';
 import { ComponentName } from '../../components/enumsComponentsName';
-export var RowsContext = React.createContext({ gapless: false });
+import { ColumnsGapValue } from '../../components/columns/ColumnsTypes';
 /**
  * Rows Component
  * @param children {React.ReactNode} Rows children
  * @param gapless {boolean} Delete margins between row
  */
-var Rows = function (_a, ref) {
-    var children = _a.children, gapless = _a.gapless, others = __rest(_a, ["children", "gapless"]);
+var Rows = function (_a) {
+    var children = _a.children, gap = _a.gap, others = __rest(_a, ["children", "gap"]);
+    var realGap = (typeof gap === 'undefined' && 16) || ColumnsGapValue[gap];
     var styles = StyleSheet.create({
         rows: {
             display: 'flex',
             flexDirection: 'column',
             flex: 1,
+            gap: realGap,
         },
     });
-    return (React.createElement(RowsContext.Provider, { value: { gapless: gapless || false } },
-        React.createElement(View, __assign({ style: styles.rows, ref: ref }, others), children)));
+    return (React.createElement(View, __assign({ style: styles.rows }, others), children));
 };
 Rows.displayName = ComponentName.Rows;
-export default React.forwardRef(Rows);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUm93cy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3Jvd3MvUm93cy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBR2hFLE1BQU0sQ0FBQyxJQUFNLFdBQVcsR0FBRyxLQUFLLENBQUMsYUFBYSxDQUFDLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUE7QUFFbEU7Ozs7R0FJRztBQUNILElBQU0sSUFBSSxHQUFHLFVBQUMsRUFBMkMsRUFBRSxHQUFvQjtJQUEvRCxJQUFBLFFBQVEsY0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFLLE1BQU0sY0FBOUIsdUJBQWdDLENBQUY7SUFDMUMsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixJQUFJLEVBQUU7WUFDSixPQUFPLEVBQUUsTUFBTTtZQUNmLGFBQWEsRUFBRSxRQUFRO1lBQ3ZCLElBQUksRUFBRSxDQUFDO1NBQ1I7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsV0FBVyxDQUFDLFFBQVEsSUFBQyxLQUFLLEVBQUUsRUFBRSxPQUFPLEVBQUUsT0FBTyxJQUFJLEtBQUssRUFBRTtRQUN4RCxvQkFBQyxJQUFJLGFBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLEVBQUUsR0FBRyxFQUFFLEdBQUcsSUFBTSxNQUFNLEdBQzNDLFFBQVEsQ0FDSixDQUNjLENBQ3hCLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxJQUFJLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxJQUFJLENBQUE7QUFFckMsZUFBZSxLQUFLLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxDQUFBIn0=
+export default Rows;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUm93cy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3Jvd3MvUm93cy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUvQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGVBQWUsRUFBVyxNQUFNLG1DQUFtQyxDQUFBO0FBRTVFOzs7O0dBSUc7QUFDSCxJQUFNLElBQUksR0FBRyxVQUFDLEVBQXVDO0lBQXJDLElBQUEsUUFBUSxjQUFBLEVBQUUsR0FBRyxTQUFBLEVBQUssTUFBTSxjQUExQixtQkFBNEIsQ0FBRjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxDQUFDLE9BQU8sR0FBRyxLQUFLLFdBQVcsSUFBSSxFQUFFLENBQUMsSUFBSSxlQUFlLENBQUMsR0FBYyxDQUFDLENBQUE7SUFDckYsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixJQUFJLEVBQUU7WUFDSixPQUFPLEVBQUUsTUFBTTtZQUNmLGFBQWEsRUFBRSxRQUFRO1lBQ3ZCLElBQUksRUFBRSxDQUFDO1lBQ1AsR0FBRyxFQUFFLE9BQU87U0FDYjtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLGFBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLElBQU0sTUFBTSxHQUNqQyxRQUFRLENBQ0osQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsSUFBSSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsSUFBSSxDQUFBO0FBRXJDLGVBQWUsSUFBSSxDQUFBIn0=

package/lib/components/rows/RowsProps.d.ts

@@ -1,9 +1,10 @@
 /// <reference types="react" />
+import { CommonProps } from '../../objects/facets/CommonProps';
+import { GapSize } from '../../components/columns/ColumnsTypes';
 /**
  * Rows Interface
  */
-export interface RowsProps {
+export interface RowsProps extends CommonProps {
     children?: React.ReactNode;
-    className?: string;
-    gapless?: boolean;
+    gap?: GapSize;
 }

package/lib/components/rows/RowsPropsDefaults.js

@@ -13,19 +13,35 @@ export default {
       "ReactPortal"
     ]
   },
-  "className": {
+  "gap": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      0,
+      1,
+      2,
+      3,
+      4,
+      5,
+      6,
+      7,
+      8,
+      9,
+      10
+    ]
+  },
+  "id": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "gapless": {
-    "type": "boolean",
+  "className": {
+    "type": "string",
     "values": [
       "undefined",
-      "false",
-      "true"
+      "string"
     ]
   }
 };

package/lib/components/rows/index.d.ts

@@ -1,2 +1,3 @@
-export { default as Rows } from '../../components/rows/Rows';
-export { default as RowItem } from '../../components/rows/item';
+import Rows from './Rows';
+import Row from './row';
+export { Rows, Row };

package/lib/components/rows/index.js

@@ -1,3 +1,4 @@
-export { default as Rows } from '../../components/rows/Rows';
-export { default as RowItem } from '../../components/rows/item';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3Jvd3MvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sSUFBSSxJQUFJLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsT0FBTyxJQUFJLE9BQU8sRUFBRSxNQUFNLHdCQUF3QixDQUFBIn0=
+import Rows from './Rows';
+import Row from './row';
+export { Rows, Row };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3Jvd3MvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLE1BQU0sUUFBUSxDQUFBO0FBQ3pCLE9BQU8sR0FBRyxNQUFNLE9BQU8sQ0FBQTtBQUV2QixPQUFPLEVBQUUsSUFBSSxFQUFFLEdBQUcsRUFBRSxDQUFBIn0=

package/lib/components/rows/row/Row.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { RowProps } from './RowProps';
+/**
+ * Rows Item Component
+ * @param narrow {boolean} Align same elements horizontaly
+ * @param children {React.ReactNode}
+ * - -------------------------- WEB PROPERTIES -------------------
+ *  @param className {string} additionnal CSS Classes
+ */
+declare const Row: React.ForwardRefExoticComponent<RowProps & React.RefAttributes<HTMLDivElement>>;
+export default Row;

package/lib/components/rows/row/Row.js

@@ -0,0 +1,21 @@
+import { __assign, __rest } from "tslib";
+import * as React from 'react';
+import { is } from '../../../services/classify';
+import { hashClass } from '../../../helpers';
+import clsx from 'clsx';
+import { useTrilogyContext } from '../../../context';
+/**
+ * Rows Item Component
+ * @param narrow {boolean} Align same elements horizontaly
+ * @param children {React.ReactNode}
+ * - -------------------------- WEB PROPERTIES -------------------
+ *  @param className {string} additionnal CSS Classes
+ */
+var Row = React.forwardRef(function (props, ref) {
+    var className = props.className, id = props.id, narrow = props.narrow, others = __rest(props, ["className", "id", "narrow"]);
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx('row', narrow && is('narrow'), className));
+    return React.createElement("div", __assign({ id: id, ref: ref, className: classes }, others));
+});
+export default Row;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUm93LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9yb3dzL3Jvdy9Sb3cudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUU5QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7R0FNRztBQUNILElBQU0sR0FBRyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQUMsVUFBQyxLQUFlLEVBQUUsR0FBb0M7SUFDekUsSUFBQSxTQUFTLEdBQTRCLEtBQUssVUFBakMsRUFBRSxFQUFFLEdBQXdCLEtBQUssR0FBN0IsRUFBRSxNQUFNLEdBQWdCLEtBQUssT0FBckIsRUFBSyxNQUFNLFVBQUssS0FBSyxFQUE1Qyw2QkFBb0MsQ0FBRixDQUFVO0lBRTFDLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLEtBQUssRUFBRSxNQUFNLElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFDakYsT0FBTyxzQ0FBSyxFQUFFLEVBQUUsRUFBRSxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEVBQUksQ0FBQTtBQUNsRSxDQUFDLENBQUMsQ0FBQTtBQUVGLGVBQWUsR0FBRyxDQUFBIn0=

package/lib/components/rows/row/Row.native.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { RowProps } from './RowProps';
+import { ComponentName } from '../../../components/enumsComponentsName';
+/**
+ * Rows Item Component
+ * @param narrow {boolean} Align same elements horizontaly
+ * @param children {React.ReactNode}
+ */
+declare const Row: {
+    ({ children, narrow, ...others }: RowProps): JSX.Element;
+    displayName: ComponentName;
+};
+export default Row;