@trilogy-ds/react 0.0.1-beta-148 → 0.0.1-beta-sc-2

package/lib/components/range/RangePropsDefaults.js

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

package/lib/components/range/hook/useRange.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import { InputChangeEventHandlerWeb } from '../../../components/range/RangeProps';
+interface IParams {
+    max: number;
+    valueCursorMin?: number;
+    valueCursorMax?: number;
+    onChangeMin?: InputChangeEventHandlerWeb;
+    onChangeMax?: InputChangeEventHandlerWeb;
+    nameMin?: string;
+    nameMax?: string;
+    gap: number;
+}
+export declare const useRange: ({ valueCursorMin, valueCursorMax, max, gap, onChangeMin, onChangeMax, nameMin, nameMax, }: IParams) => {
+    refTrack: React.MutableRefObject<null>;
+    cursorMax: number;
+    cursorMin: number;
+    handleMouseUpMin: () => void;
+    handleChangeCursorMin: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    handleMouseUpMax: () => void;
+    handleChangeCursorMax: (e: React.ChangeEvent<HTMLInputElement>) => void;
+} | {
+    cursorMax: number;
+    cursorMin: number;
+    refTrack?: undefined;
+    handleMouseUpMin?: undefined;
+    handleChangeCursorMin?: undefined;
+    handleMouseUpMax?: undefined;
+    handleChangeCursorMax?: undefined;
+};
+export {};

package/lib/components/range/hook/useRange.js

@@ -0,0 +1,60 @@
+import { __read } from "tslib";
+import React from 'react';
+import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
+export var useRange = function (_a) {
+    var valueCursorMin = _a.valueCursorMin, valueCursorMax = _a.valueCursorMax, max = _a.max, gap = _a.gap, onChangeMin = _a.onChangeMin, onChangeMax = _a.onChangeMax, nameMin = _a.nameMin, nameMax = _a.nameMax;
+    try {
+        var _b = __read(React.useState(valueCursorMin !== null && valueCursorMin !== void 0 ? valueCursorMin : 0), 2), cursorMin_1 = _b[0], setCursorMin_1 = _b[1];
+        var _c = __read(React.useState(valueCursorMax !== null && valueCursorMax !== void 0 ? valueCursorMax : max), 2), cursorMax_1 = _c[0], setCursorMax_1 = _c[1];
+        var refTrack_1 = React.useRef(null);
+        var handleChangeCursorMin = React.useCallback(function (e) {
+            if (Number(e.target.value) < cursorMax_1 - gap)
+                setCursorMin_1(Number(e.target.value));
+        }, [cursorMax_1, cursorMin_1, gap]);
+        var handleChangeCursorMax = React.useCallback(function (e) {
+            if (Number(e.target.value) > cursorMin_1 + gap)
+                setCursorMax_1(Number(e.target.value));
+        }, [cursorMax_1, cursorMin_1, gap]);
+        var handleMouseUpMin = React.useCallback(function () {
+            if (onChangeMin) {
+                onChangeMin({
+                    inputName: nameMin,
+                    inputValue: cursorMin_1,
+                });
+            }
+        }, [onChangeMin, nameMin, cursorMin_1]);
+        var handleMouseUpMax = React.useCallback(function () {
+            if (onChangeMax) {
+                onChangeMax({
+                    inputName: nameMax,
+                    inputValue: cursorMax_1,
+                });
+            }
+        }, [onChangeMax, nameMax, cursorMax_1]);
+        React.useEffect(function () {
+            if (refTrack_1.current) {
+                var track = refTrack_1.current;
+                track.style.background = "linear-gradient(to right, ".concat(getColorStyle(TrilogyColor.NEUTRAL_FADE), " ").concat((cursorMin_1 / max) * 100, "% , ").concat(getColorStyle(TrilogyColor.MAIN_FADE), " ").concat((cursorMin_1 / max) * 100, "% , ").concat(getColorStyle(TrilogyColor.MAIN_FADE), " ").concat((cursorMax_1 / max) * 100, "%, ").concat(getColorStyle(TrilogyColor.NEUTRAL_FADE), " ").concat((cursorMax_1 / max) * 100, "%) ");
+            }
+        }, [cursorMin_1, cursorMax_1, refTrack_1, max]);
+        React.useEffect(function () {
+            setCursorMin_1(valueCursorMin || 0);
+        }, [valueCursorMin]);
+        React.useEffect(function () {
+            setCursorMax_1(valueCursorMax || max);
+        }, [valueCursorMax, max]);
+        return {
+            refTrack: refTrack_1,
+            cursorMax: cursorMax_1,
+            cursorMin: cursorMin_1,
+            handleMouseUpMin: handleMouseUpMin,
+            handleChangeCursorMin: handleChangeCursorMin,
+            handleMouseUpMax: handleMouseUpMax,
+            handleChangeCursorMax: handleChangeCursorMax,
+        };
+    }
+    catch (_d) {
+        return { cursorMax: valueCursorMin !== null && valueCursorMin !== void 0 ? valueCursorMin : 0, cursorMin: valueCursorMax !== null && valueCursorMax !== void 0 ? valueCursorMax : max };
+    }
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlUmFuZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3JhbmdlL2hvb2svdXNlUmFuZ2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHekIsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQWFwRSxNQUFNLENBQUMsSUFBTSxRQUFRLEdBQUcsVUFBQyxFQVNmO1FBUlIsY0FBYyxvQkFBQSxFQUNkLGNBQWMsb0JBQUEsRUFDZCxHQUFHLFNBQUEsRUFDSCxHQUFHLFNBQUEsRUFDSCxXQUFXLGlCQUFBLEVBQ1gsV0FBVyxpQkFBQSxFQUNYLE9BQU8sYUFBQSxFQUNQLE9BQU8sYUFBQTtJQUVQLElBQUk7UUFDSSxJQUFBLEtBQUEsT0FBNEIsS0FBSyxDQUFDLFFBQVEsQ0FBUyxjQUFjLGFBQWQsY0FBYyxjQUFkLGNBQWMsR0FBSSxDQUFDLENBQUMsSUFBQSxFQUF0RSxXQUFTLFFBQUEsRUFBRSxjQUFZLFFBQStDLENBQUE7UUFDdkUsSUFBQSxLQUFBLE9BQTRCLEtBQUssQ0FBQyxRQUFRLENBQVMsY0FBYyxhQUFkLGNBQWMsY0FBZCxjQUFjLEdBQUksR0FBRyxDQUFDLElBQUEsRUFBeEUsV0FBUyxRQUFBLEVBQUUsY0FBWSxRQUFpRCxDQUFBO1FBQy9FLElBQU0sVUFBUSxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUE7UUFFbkMsSUFBTSxxQkFBcUIsR0FBRyxLQUFLLENBQUMsV0FBVyxDQUM3QyxVQUFDLENBQXNDO1lBQ3JDLElBQUksTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLEdBQUcsV0FBUyxHQUFHLEdBQUc7Z0JBQUUsY0FBWSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUE7UUFDcEYsQ0FBQyxF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

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

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

package/lib/components/range/index.js

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

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

@@ -1,10 +1,11 @@
-import * as React from 'react';
-import { RowsProps } from './RowsProps';
+import React from 'react';
+import { RowsProps } from '../../components/rows/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: ({ className, id, gap, ...others }: RowsProps) => React.JSX.Element;
+declare const Rows: React.ForwardRefExoticComponent<RowsProps & React.RefAttributes<HTMLDivElement>>;
 export default Rows;

package/lib/components/rows/Rows.js

@@ -1,19 +1,20 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
-import { hashClass } from '../../helpers';
 import clsx from 'clsx';
-import { useTrilogyContext } from '../../context';
-import { has, is } from '../../services';
+import React from 'react';
+import { ComponentName } from '../../components/enumsComponentsName';
+import { hashClass } from '../../helpers/hashClassesHelpers';
+import { is } from '../../services/classify';
 /**
  * Rows Component
  * @param children {React.ReactNode} Rows children
+ * @param gapless {boolean} Delete margins between row
  * - ------------------- WEB PROPERTIES -------------------------
  * @param className {string} additionnal CSS Classes
  */
-var Rows = function (_a) {
-    var className = _a.className, id = _a.id, gap = _a.gap, others = __rest(_a, ["className", "id", "gap"]);
-    var styled = useTrilogyContext().styled;
-    return (React.createElement("div", __assign({ id: id, className: hashClass(styled, clsx('rows', gap && has("gap-".concat(gap)), typeof gap !== 'undefined' && gap === 0 && is('gapless'), className)) }, others)));
-};
+var Rows = React.forwardRef(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));
+});
+Rows.displayName = ComponentName.Rows;
 export default Rows;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUm93cy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvcm93cy9Sb3dzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBRXBDOzs7OztHQUtHO0FBQ0gsSUFBTSxJQUFJLEdBQUcsVUFBQyxFQUE0QztJQUExQyxJQUFBLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLEdBQUcsU0FBQSxFQUFLLE1BQU0sY0FBL0IsMEJBQWlDLENBQUY7SUFDbkMsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsT0FBTyxDQUNMLHNDQUNFLEVBQUUsRUFBRSxFQUFFLEVBQ04sU0FBUyxFQUFFLFNBQVMsQ0FDbEIsTUFBTSxFQUNOLElBQUksQ0FBQyxNQUFNLEVBQUUsR0FBRyxJQUFJLEdBQUcsQ0FBQyxjQUFPLEdBQUcsQ0FBRSxDQUFDLEVBQUUsT0FBTyxHQUFHLEtBQUssV0FBVyxJQUFJLEdBQUcsS0FBSyxDQUFDLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUM1RyxJQUNHLE1BQU0sRUFDVixDQUNILENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLElBQUksQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUm93cy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvcm93cy9Sb3dzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUV4Qzs7Ozs7O0dBTUc7QUFDSCxJQUFNLElBQUksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLFVBQUMsRUFBNEMsRUFBRSxHQUE4QjtJQUExRSxJQUFBLFNBQVMsZUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFLLE1BQU0sY0FBL0Isd0JBQWlDLENBQUY7SUFDNUQsT0FBTyxzQ0FBSyxHQUFHLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxPQUFPLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDLElBQU0sTUFBTSxFQUFJLENBQUE7QUFDL0csQ0FBQyxDQUFDLENBQUE7QUFFRixJQUFJLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxJQUFJLENBQUE7QUFDckMsZUFBZSxJQUFJLENBQUEifQ==

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

@@ -1,13 +1,13 @@
-/// <reference types="react" />
-import { RowsProps } from './RowsProps';
-import { ComponentName } from '../../components/enumsComponentsName';
+import React from 'react';
+import { View } from 'react-native';
+import { RowsProps } from '../../components/rows/RowsProps';
+export declare const RowsContext: React.Context<{
+    gapless: boolean;
+}>;
 /**
  * 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;
-};
+declare const Rows: React.ForwardRefExoticComponent<RowsProps & React.RefAttributes<View>>;
 export default Rows;

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

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

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

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

package/lib/components/rows/RowsPropsDefaults.js

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

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

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

package/lib/components/rows/index.js

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

package/lib/components/rows/{row/Row.d.ts → item/RowItem.d.ts}

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { RowProps } from './RowProps';
+import React from 'react';
+import { RowsItemProps } from '../../../components/rows/item/RowItemProps';
 /**
  * Rows Item Component
  * @param narrow {boolean} Align same elements horizontaly
@@ -7,5 +7,5 @@ import { RowProps } from './RowProps';
  * - -------------------------- WEB PROPERTIES -------------------
  *  @param className {string} additionnal CSS Classes
  */
-declare const Row: ({ className, id, narrow, ...others }: RowProps) => React.JSX.Element;
-export default Row;
+declare const RowItem: React.ForwardRefExoticComponent<RowsItemProps & React.RefAttributes<HTMLDivElement>>;
+export default RowItem;

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

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

package/lib/components/rows/item/RowItem.native.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { View } from 'react-native';
+import { RowsItemProps } from '../../../components/rows/item/RowItemProps';
+/**
+ * Rows Item Component
+ * @param narrow {boolean} Align same elements horizontaly
+ * @param children {React.ReactNode}
+ */
+declare const RowItem: React.ForwardRefExoticComponent<RowsItemProps & React.RefAttributes<View>>;
+export default RowItem;

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

@@ -0,0 +1,25 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { RowsContext } from '../../../components/rows/Rows.native';
+/**
+ * Rows Item Component
+ * @param narrow {boolean} Align same elements horizontaly
+ * @param children {React.ReactNode}
+ */
+var RowItem = React.forwardRef(function (_a, ref) {
+    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, __assign({ style: styles.rowItem, ref: ref }, others), children));
+});
+RowItem.displayName = ComponentName.RowsItem;
+export default RowItem;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUm93SXRlbS5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Jvd3MvaXRlbS9Sb3dJdGVtLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUN6QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUvQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLCtCQUErQixDQUFBO0FBRTNEOzs7O0dBSUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUM5QixVQUFDLEVBQThDLEVBQUUsR0FBb0I7SUFBbEUsSUFBQSxRQUFRLGNBQUEsRUFBRSxNQUFNLFlBQUEsRUFBSyxNQUFNLGNBQTdCLHNCQUErQixDQUFGO0lBQ3BCLElBQUEsT0FBTyxHQUFLLEtBQUssQ0FBQyxVQUFVLENBQUMsV0FBVyxDQUFDLFFBQWxDLENBQWtDO0lBRWpELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsT0FBTyxFQUFFO1lBQ1AsUUFBUSxFQUFFLENBQUMsTUFBTSxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUM7WUFDNUIsT0FBTyxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQ3hCLFVBQVUsRUFBRSxDQUFDO1NBQ2Q7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsT0FBTyxFQUFFLEdBQUcsRUFBRSxHQUFHLElBQU0sTUFBTSxHQUM5QyxRQUFRLENBQ0osQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxPQUFPLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxRQUFRLENBQUE7QUFDNUMsZUFBZSxPQUFPLENBQUEifQ==

package/lib/components/rows/item/RowItemProps.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+/**
+ * Rows Interface
+ */
+export interface RowsItemProps {
+    children?: React.ReactNode;
+    narrow?: boolean;
+    className?: string;
+}

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

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

package/lib/components/{popover/content/PopoverContentPropsDefaults.js → rows/item/RowsItemPropsDefaults.js}

@@ -13,11 +13,12 @@ export default {
       "ReactPortal"
     ]
   },
-  "id": {
-    "type": "string",
+  "narrow": {
+    "type": "boolean",
     "values": [
       "undefined",
-      "string"
+      "false",
+      "true"
     ]
   },
   "className": {

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

@@ -0,0 +1,2 @@
+import RowItem from '../../../components/rows/item/RowItem';
+export default RowItem;

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

@@ -0,0 +1,3 @@
+import RowItem from '../../../components/rows/item/RowItem';
+export default RowItem;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Jvd3MvaXRlbS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE9BQU8sTUFBTSxnQ0FBZ0MsQ0FBQTtBQUVwRCxlQUFlLE9BQU8sQ0FBQSJ9

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

@@ -1,5 +1,5 @@
-import * as React from "react";
-import { ScrollViewProps } from "./ScrollViewProps";
+import React from 'react';
+import { ScrollViewProps } from '../../components/scroll-view/ScrollViewProps';
 /**
  * Scroll View Component
  * @param children {React.ReactNode} ScrollView child

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

@@ -1,9 +1,9 @@
-import * as React from "react";
-import { useTrilogyContext } from "../../context";
-import { hashClass } from "../../helpers";
-import clsx from "clsx";
-import { is } from "../../services";
-import { ScrollDirectionEnum } from "../../objects";
+import clsx from 'clsx';
+import React from 'react';
+import { ComponentName } from '../../components/enumsComponentsName';
+import { hashClass } from '../../helpers/hashClassesHelpers';
+import { ScrollDirectionEnum } from '../../objects/facets/ScrollDirection';
+import { is } from '../../services/classify';
 /**
  * Scroll View Component
  * @param children {React.ReactNode} ScrollView child
@@ -22,20 +22,19 @@ import { ScrollDirectionEnum } from "../../objects";
  */
 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");
+                return is('horizontal');
             case ScrollDirectionEnum === null || ScrollDirectionEnum === void 0 ? void 0 : ScrollDirectionEnum.VERTICAL:
-                return is("vertical");
+                return is('vertical');
             default:
-                return "";
+                return '';
         }
     };
-    var classes = hashClass(styled, clsx("scroll-view", scrollDirection && scrollDirectionClassName()));
+    var classes = hashClass(clsx('scroll-view', scrollDirection && scrollDirectionClassName()));
     return (React.createElement("div", { ref: ref, className: classes, id: id }, children));
 });
-ScrollView.displayName = "ScrollView";
+ScrollView.displayName = ComponentName.ScrollView;
 export default ScrollView;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2Nyb2xsVmlldy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc2Nyb2xsLXZpZXcvU2Nyb2xsVmlldy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDL0IsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRS9DOzs7Ozs7Ozs7Ozs7Ozs7R0FlRztBQUNILElBQU0sVUFBVSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ2pDLFVBQUMsRUFBaUMsRUFBRSxHQUFHO1FBQXBDLEVBQUUsUUFBQSxFQUFFLGVBQWUscUJBQUEsRUFBRSxRQUFRLGNBQUE7SUFDdEIsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSx3QkFBd0IsR0FBRztRQUMvQixRQUFRLGVBQWUsRUFBRTtZQUN2QixLQUFLLG1CQUFtQixhQUFuQixtQkFBbUIsdUJBQW5CLG1CQUFtQixDQUFFLFVBQVU7Z0JBQ2xDLE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQyxDQUFBO1lBQ3pCLEtBQUssbUJBQW1CLGFBQW5CLG1CQUFtQix1QkFBbkIsbUJBQW1CLENBQUUsUUFBUTtnQkFDaEMsT0FBTyxFQUFFLENBQUMsVUFBVSxDQUFDLENBQUE7WUFDdkI7Z0JBQ0UsT0FBTyxFQUFFLENBQUE7U0FDWjtJQUNILENBQUMsQ0FBQTtJQUVELElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FBQyxhQUFhLEVBQUUsZUFBZSxJQUFJLHdCQUF3QixFQUFFLENBQUMsQ0FDbkUsQ0FBQTtJQUNELE9BQU8sQ0FDTCw2QkFBSyxHQUFHLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsRUFBRSxFQUFFLEVBQUUsSUFDdEMsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsVUFBVSxDQUFDLFdBQVcsR0FBRyxZQUFZLENBQUE7QUFFckMsZUFBZSxVQUFVLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2Nyb2xsVmlldy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc2Nyb2xsLXZpZXcvU2Nyb2xsVmlldy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ3RFLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUV4Qzs7Ozs7Ozs7Ozs7Ozs7O0dBZUc7QUFDSCxJQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNqQyxVQUFDLEVBQWtELEVBQUUsR0FBOEI7UUFBaEYsRUFBRSxRQUFBLEVBQUUsZUFBZSxxQkFBQSxFQUFFLFFBQVEsY0FBQTtJQUM5QixJQUFNLHdCQUF3QixHQUFHO1FBQy9CLFFBQVEsZUFBZSxFQUFFO1lBQ3ZCLEtBQUssbUJBQW1CLGFBQW5CLG1CQUFtQix1QkFBbkIsbUJBQW1CLENBQUUsVUFBVTtnQkFDbEMsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDLENBQUE7WUFDekIsS0FBSyxtQkFBbUIsYUFBbkIsbUJBQW1CLHVCQUFuQixtQkFBbUIsQ0FBRSxRQUFRO2dCQUNoQyxPQUFPLEVBQUUsQ0FBQyxVQUFVLENBQUMsQ0FBQTtZQUN2QjtnQkFDRSxPQUFPLEVBQUUsQ0FBQTtTQUNaO0lBQ0gsQ0FBQyxDQUFBO0lBRUQsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsZUFBZSxJQUFJLHdCQUF3QixFQUFFLENBQUMsQ0FBQyxDQUFBO0lBQzdGLE9BQU8sQ0FDTCw2QkFBSyxHQUFHLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsRUFBRSxFQUFFLEVBQUUsSUFDdEMsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsVUFBVSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsVUFBVSxDQUFBO0FBQ2pELGVBQWUsVUFBVSxDQUFBIn0=

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

@@ -1,5 +1,17 @@
-import * as React from "react";
-import { ScrollView as ScrollViewNative } from "react-native";
-import { ScrollViewProps } from "./ScrollViewProps";
+import React from 'react';
+import { ScrollView as ScrollViewNative } from 'react-native';
+import { ScrollViewProps } from '../../components/scroll-view/ScrollViewProps';
+/**
+ * Scroll View Component
+ * @param children {React.ReactNode} ScrollView child
+ * @param footer {React.ReactNode} ScrollView footer
+ * @param bounce {boolean} Bounce effect on scroll
+ * @param centerContent {boolean} center content in scrollView
+ * @param refresh {boolean} Is Refreshable ScrollView
+ * @param onRefresh {void} On Refreshing ScrollView
+ * @param refreshControlColor {TrilogyColor} Color Of Refresh Control
+ * @param scrollDirection {Direction} Scroll vertically in default
+ * @param id {string} Id for Web / TestID for Native
+ */
 declare const ScrollView: React.ForwardRefExoticComponent<ScrollViewProps & React.RefAttributes<ScrollViewNative>>;
 export default ScrollView;