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

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]);
+        var handleChangeCursorMax = React.useCallback(function (e) {
+            if (Number(e.target.value) > cursorMin_1 + gap)
+                setCursorMax_1(Number(e.target.value));
+        }, [cursorMax_1, cursorMin_1]);
+        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]);
+        React.useEffect(function () {
+            setCursorMin_1(valueCursorMin || 0);
+        }, [valueCursorMin]);
+        React.useEffect(function () {
+            setCursorMax_1(valueCursorMax || max);
+        }, [valueCursorMax]);
+        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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlUmFuZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3JhbmdlL2hvb2svdXNlUmFuZ2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHekIsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQWFwRSxNQUFNLENBQUMsSUFBTSxRQUFRLEdBQUcsVUFBQyxFQVNmO1FBUlIsY0FBYyxvQkFBQSxFQUNkLGNBQWMsb0JBQUEsRUFDZCxHQUFHLFNBQUEsRUFDSCxHQUFHLFNBQUEsRUFDSCxXQUFXLGlCQUFBLEVBQ1gsV0FBVyxpQkFBQSxFQUNYLE9BQU8sYUFBQSxFQUNQLE9BQU8sYUFBQTtJQUVQLElBQUk7UUFDSSxJQUFBLEtBQUEsT0FBNEIsS0FBSyxDQUFDLFFBQVEsQ0FBUyxjQUFjLGFBQWQsY0FBYyxjQUFkLGNBQWMsR0FBSSxDQUFDLENBQUMsSUFBQSxFQUF0RSxXQUFTLFFBQUEsRUFBRSxjQUFZLFFBQStDLENBQUE7UUFDdkUsSUFBQSxLQUFBLE9BQTRCLEtBQUssQ0FBQyxRQUFRLENBQVMsY0FBYyxhQUFkLGNBQWMsY0FBZCxjQUFjLEdBQUksR0FBRyxDQUFDLElBQUEsRUFBeEUsV0FBUyxRQUFBLEVBQUUsY0FBWSxRQUFpRCxDQUFBO1FBRS9FLElBQU0sVUFBUSxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUE7UUFFbkMsSUFBTSxxQkFBcUIsR0FBRyxLQUFLLENBQUMsV0FBVyxDQUM3QyxVQUFDLENBQXNDO1lBQ3JDLElBQUksTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLEdBQUcsV0FBUyxHQUFHLEdBQUc7Z0JBQUUsY0FBWSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUE7UUFDcEYsQ0FBQyxF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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,11 +1,4 @@
-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;
+import React from 'react';
+import { RowsProps } from '../../components/rows/RowsProps';
+declare const _default: React.ForwardRefExoticComponent<RowsProps & React.RefAttributes<HTMLDivElement>>;
+export default _default;

package/lib/components/rows/Rows.js

@@ -1,9 +1,8 @@
 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 { hashClass } from '../../helpers/hashClassesHelpers';
+import { is } from '../../services/classify';
 /**
  * Rows Component
  * @param children {React.ReactNode} Rows children
@@ -11,10 +10,9 @@ import { has, is } from '../../services';
  * - ------------------- WEB PROPERTIES -------------------------
  * @param className {string} additionnal CSS Classes
  */
-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
+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=

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

@@ -1,13 +1,8 @@
-/// <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;
+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;

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 = 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=
+export default React.forwardRef(Rows);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUm93cy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3Jvd3MvUm93cy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBR2hFLE1BQU0sQ0FBQyxJQUFNLFdBQVcsR0FBRyxLQUFLLENBQUMsYUFBYSxDQUFDLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUE7QUFFbEU7Ozs7R0FJRztBQUNILElBQU0sSUFBSSxHQUFHLFVBQUMsRUFBMkMsRUFBRSxHQUFvQjtJQUEvRCxJQUFBLFFBQVEsY0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFLLE1BQU0sY0FBOUIsdUJBQWdDLENBQUY7SUFDMUMsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixJQUFJLEVBQUU7WUFDSixPQUFPLEVBQUUsTUFBTTtZQUNmLGFBQWEsRUFBRSxRQUFRO1lBQ3ZCLElBQUksRUFBRSxDQUFDO1NBQ1I7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsV0FBVyxDQUFDLFFBQVEsSUFBQyxLQUFLLEVBQUUsRUFBRSxPQUFPLEVBQUUsT0FBTyxJQUFJLEtBQUssRUFBRTtRQUN4RCxvQkFBQyxJQUFJLGFBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLEVBQUUsR0FBRyxFQUFFLEdBQUcsSUFBTSxNQUFNLEdBQzNDLFFBQVEsQ0FDSixDQUNjLENBQ3hCLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxJQUFJLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxJQUFJLENBQUE7QUFFckMsZUFBZSxLQUFLLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxDQUFBIn0=

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/item/RowItem.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { RowsItemProps } from '../../../components/rows/item/RowItemProps';
+declare const _default: React.ForwardRefExoticComponent<RowsItemProps & React.RefAttributes<HTMLDivElement>>;
+export default _default;

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

@@ -0,0 +1,19 @@
+import { __assign, __rest } from "tslib";
+import clsx from 'clsx';
+import React from 'react';
+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 = 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));
+};
+export default React.forwardRef(RowItem);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUm93SXRlbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcm93cy9pdGVtL1Jvd0l0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBR3pCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFFeEM7Ozs7OztHQU1HO0FBQ0gsSUFBTSxPQUFPLEdBQUcsVUFBQyxFQUErQyxFQUFFLEdBQThCO0lBQTdFLElBQUEsU0FBUyxlQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUE5Qix1QkFBZ0MsQ0FBRjtJQUM3QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRSxNQUFNLElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFDekUsT0FBTyxzQ0FBSyxHQUFHLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTSxFQUFJLENBQUE7QUFDMUQsQ0FBQyxDQUFBO0FBRUQsZUFBZSxLQUFLLENBQUMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxDQUFBIn0=

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { View } from 'react-native';
+import { RowsItemProps } from '../../../components/rows/item/RowItemProps';
+declare const _default: React.ForwardRefExoticComponent<RowsItemProps & React.RefAttributes<View>>;
+export default _default;

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 = 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 React.forwardRef(RowItem);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUm93SXRlbS5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Jvd3MvaXRlbS9Sb3dJdGVtLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUN6QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUvQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLCtCQUErQixDQUFBO0FBRTNEOzs7O0dBSUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBQThDLEVBQUUsR0FBb0I7SUFBbEUsSUFBQSxRQUFRLGNBQUEsRUFBRSxNQUFNLFlBQUEsRUFBSyxNQUFNLGNBQTdCLHNCQUErQixDQUFGO0lBQ3BDLElBQUEsT0FBTyxHQUFLLEtBQUssQ0FBQyxVQUFVLENBQUMsV0FBVyxDQUFDLFFBQWxDLENBQWtDO0lBRWpELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsT0FBTyxFQUFFO1lBQ1AsUUFBUSxFQUFFLENBQUMsTUFBTSxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUM7WUFDNUIsT0FBTyxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQ3hCLFVBQVUsRUFBRSxDQUFDO1NBQ2Q7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsT0FBTyxFQUFFLEdBQUcsRUFBRSxHQUFHLElBQU0sTUFBTSxHQUM5QyxRQUFRLENBQ0osQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsT0FBTyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsUUFBUSxDQUFBO0FBRTVDLGVBQWUsS0FBSyxDQUFDLFVBQVUsQ0FBQyxPQUFPLENBQUMsQ0FBQSJ9

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,20 +1,4 @@
-import * as React from "react";
-import { ScrollViewProps } from "./ScrollViewProps";
-/**
- * Scroll View Component
- * @param children {React.ReactNode} ScrollView child
- * @param id {string} Id for Web / TestID for Native
- * @param scrollDirection {Direction} Scroll vertically or horizontally
- * - -------------- WEB PROPERTIES -----------------
- * @param className {string} Additionnal css classes
- * - -------------- NATIVE PROPERTIES ---------------
- * @param footer {React.ReactNode} ScrollView footer
- * @param bounce {boolean} Bounce effect on scroll
- * @param centerContent {boolean} center content in scrollView
- * @param refresh {boolean} Is Refreshable ScrollView
- * @param refreshControlColor {TrilogyColor} Color Of Refresh Control
- * @param scrollDirection {Direction} Scroll vertically in default
- * @param onRefresh {void} On Refreshing ScrollView
- */
-declare const ScrollView: React.ForwardRefExoticComponent<ScrollViewProps & React.RefAttributes<HTMLDivElement>>;
-export default ScrollView;
+import React from 'react';
+import { ScrollViewProps } from '../../components/scroll-view/ScrollViewProps';
+declare const _default: React.ForwardRefExoticComponent<ScrollViewProps & React.RefAttributes<HTMLDivElement>>;
+export default _default;

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

@@ -1,9 +1,8 @@
-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 { hashClass } from '../../helpers/hashClassesHelpers';
+import { ScrollDirectionEnum } from '../../objects/facets/ScrollDirection';
+import { is } from '../../services/classify';
 /**
  * Scroll View Component
  * @param children {React.ReactNode} ScrollView child
@@ -20,22 +19,21 @@ import { ScrollDirectionEnum } from "../../objects";
  * @param scrollDirection {Direction} Scroll vertically in default
  * @param onRefresh {void} On Refreshing ScrollView
  */
-var ScrollView = React.forwardRef(function (_a, ref) {
+var ScrollView = 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";
-export default ScrollView;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2Nyb2xsVmlldy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc2Nyb2xsLXZpZXcvU2Nyb2xsVmlldy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDL0IsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRS9DOzs7Ozs7Ozs7Ozs7Ozs7R0FlRztBQUNILElBQU0sVUFBVSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ2pDLFVBQUMsRUFBaUMsRUFBRSxHQUFHO1FBQXBDLEVBQUUsUUFBQSxFQUFFLGVBQWUscUJBQUEsRUFBRSxRQUFRLGNBQUE7SUFDdEIsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSx3QkFBd0IsR0FBRztRQUMvQixRQUFRLGVBQWUsRUFBRTtZQUN2QixLQUFLLG1CQUFtQixhQUFuQixtQkFBbUIsdUJBQW5CLG1CQUFtQixDQUFFLFVBQVU7Z0JBQ2xDLE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQyxDQUFBO1lBQ3pCLEtBQUssbUJBQW1CLGFBQW5CLG1CQUFtQix1QkFBbkIsbUJBQW1CLENBQUUsUUFBUTtnQkFDaEMsT0FBTyxFQUFFLENBQUMsVUFBVSxDQUFDLENBQUE7WUFDdkI7Z0JBQ0UsT0FBTyxFQUFFLENBQUE7U0FDWjtJQUNILENBQUMsQ0FBQTtJQUVELElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FBQyxhQUFhLEVBQUUsZUFBZSxJQUFJLHdCQUF3QixFQUFFLENBQUMsQ0FDbkUsQ0FBQTtJQUNELE9BQU8sQ0FDTCw2QkFBSyxHQUFHLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsRUFBRSxFQUFFLEVBQUUsSUFDdEMsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsVUFBVSxDQUFDLFdBQVcsR0FBRyxZQUFZLENBQUE7QUFFckMsZUFBZSxVQUFVLENBQUEifQ==
+};
+ScrollView.displayName = 'ScrollView';
+export default React.forwardRef(ScrollView);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2Nyb2xsVmlldy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc2Nyb2xsLXZpZXcvU2Nyb2xsVmlldy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUd6QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDdEUsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBRXhDOzs7Ozs7Ozs7Ozs7Ozs7R0FlRztBQUNILElBQU0sVUFBVSxHQUFHLFVBQ2pCLEVBQWtELEVBQ2xELEdBQThCO1FBRDVCLEVBQUUsUUFBQSxFQUFFLGVBQWUscUJBQUEsRUFBRSxRQUFRLGNBQUE7SUFHL0IsSUFBTSx3QkFBd0IsR0FBRztRQUMvQixRQUFRLGVBQWUsRUFBRTtZQUN2QixLQUFLLG1CQUFtQixhQUFuQixtQkFBbUIsdUJBQW5CLG1CQUFtQixDQUFFLFVBQVU7Z0JBQ2xDLE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQyxDQUFBO1lBQ3pCLEtBQUssbUJBQW1CLGFBQW5CLG1CQUFtQix1QkFBbkIsbUJBQW1CLENBQUUsUUFBUTtnQkFDaEMsT0FBTyxFQUFFLENBQUMsVUFBVSxDQUFDLENBQUE7WUFDdkI7Z0JBQ0UsT0FBTyxFQUFFLENBQUE7U0FDWjtJQUNILENBQUMsQ0FBQTtJQUVELElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxJQUFJLENBQUMsYUFBYSxFQUFFLGVBQWUsSUFBSSx3QkFBd0IsRUFBRSxDQUFDLENBQUMsQ0FBQTtJQUM3RixPQUFPLENBQ0wsNkJBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsT0FBTyxFQUFFLEVBQUUsRUFBRSxFQUFFLElBQ3RDLFFBQVEsQ0FDTCxDQUNQLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxVQUFVLENBQUMsV0FBVyxHQUFHLFlBQVksQ0FBQTtBQUVyQyxlQUFlLEtBQUssQ0FBQyxVQUFVLENBQUMsVUFBVSxDQUFDLENBQUEifQ==

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

@@ -1,5 +1,5 @@
-import * as React from "react";
-import { ScrollView as ScrollViewNative } from "react-native";
-import { ScrollViewProps } from "./ScrollViewProps";
-declare const ScrollView: React.ForwardRefExoticComponent<ScrollViewProps & React.RefAttributes<ScrollViewNative>>;
-export default ScrollView;
+import React from 'react';
+import { ScrollView as ScrollViewNative } from 'react-native';
+import { ScrollViewProps } from '../../components/scroll-view/ScrollViewProps';
+declare const _default: React.ForwardRefExoticComponent<ScrollViewProps & React.RefAttributes<ScrollViewNative>>;
+export default _default;

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

@@ -1,9 +1,22 @@
 import { __assign, __read, __rest } from "tslib";
-import * as React from "react";
-import { StyleSheet, Platform, ScrollView as ScrollViewNative, View, RefreshControl, } from "react-native";
-import { getColorStyle, ScrollDirectionEnum } from "../../objects";
-import { ComponentName } from "../../components/enumsComponentsName";
-var ScrollView = React.forwardRef(function (_a, ref) {
+import React from 'react';
+import { Platform, RefreshControl, ScrollView as ScrollViewNative, StyleSheet, View } from 'react-native';
+import { ComponentName } from '../../components/enumsComponentsName';
+import { getColorStyle } from '../../objects/facets/Color';
+import { ScrollDirectionEnum } from '../../objects/facets/ScrollDirection';
+/**
+ * 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
+ */
+var ScrollView = 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) {
@@ -16,12 +29,12 @@ var ScrollView = React.forwardRef(function (_a, ref) {
     var styles = StyleSheet.create({
         stickyContent: {
             flexGrow: 1,
-            justifyContent: "space-between",
-            flexDirection: "column",
+            justifyContent: 'space-between',
+            flexDirection: 'column',
         },
     });
     if (footer) {
-        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 && {
+        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) {
@@ -31,19 +44,19 @@ var ScrollView = React.forwardRef(function (_a, ref) {
         }), others),
             React.createElement(View, { style: {
                     flex: 1,
-                    justifyContent: centerContent ? "center" : "flex-start",
+                    justifyContent: centerContent ? 'center' : 'flex-start',
                 } }, children),
-            React.createElement(View, { style: { justifyContent: "flex-end" } }, footer)));
+            React.createElement(View, { style: { justifyContent: 'flex-end' } }, footer)));
     }
-    return (React.createElement(ScrollViewNative, __assign({ horizontal: scrollDirection === ScrollDirectionEnum.HORIZONTAL, testID: id, contentContainerStyle: { flexGrow: 1 }, ref: ref, showsVerticalScrollIndicator: false, bounces: bounce && Platform.OS === "ios" && true, overScrollMode: (bounce && Platform.OS === "android" && "always") || "never" }, (refresh && {
+    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)));
-});
+    }), others), centerContent ? React.createElement(View, { style: { flex: 1, justifyContent: 'center' } }, children) : children));
+};
 ScrollView.displayName = ComponentName.ScrollView;
-export default ScrollView;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2Nyb2xsVmlldy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3Njcm9sbC12aWV3L1Njcm9sbFZpZXcubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUNMLFVBQVUsRUFDVixRQUFRLEVBQ1IsVUFBVSxJQUFJLGdCQUFnQixFQUM5QixJQUFJLEVBQ0osY0FBYyxHQUNmLE1BQU0sY0FBYyxDQUFBO0FBQ3JCLE9BQU8sRUFBRSxhQUFhLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFOUQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBcUJoRSxJQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNqQyxVQUNFLEVBV2tCLEVBQ2xCLEdBQWtCO0lBWGhCLElBQUEsUUFBUSxjQUFBLEVBQ1IsTUFBTSxZQUFBLEVBQ04sTUFBTSxZQUFBLEVBQ04sYUFBYSxtQkFBQSxFQUNiLE9BQU8sYUFBQSxFQUNQLFNBQVMsZUFBQSxFQUNULG1CQUFtQix5QkFBQSxFQUNuQixFQUFFLFFBQUEsRUFDRixlQUFlLHFCQUFBLEVBQ1osTUFBTSxjQVZYLHlIQVdDLENBRFU7SUFJTCxJQUFBLEtBQUEsT0FBOEIsS0FBSyxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsSUFBQSxFQUFsRCxVQUFVLFFBQUEsRUFBRSxhQUFhLFFBQXlCLENBQUE7SUFFekQsSUFBTSxJQUFJLEdBQUcsVUFBQyxPQUFlO1FBQzNCLE9BQU8sSUFBSSxPQUFPLENBQUMsVUFBQyxPQUFPLElBQUssT0FBQSxVQUFVLENBQUMsT0FBTyxFQUFFLE9BQU8sQ0FBQyxFQUE1QixDQUE0QixDQUFDLENBQUE7SUFDL0QsQ0FBQyxDQUFBO0lBRUQsSUFBTSxZQUFZLEdBQUcsS0FBSyxDQUFDLFdBQVcsQ0FBQztRQUNyQyxh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
+export default React.forwardRef(ScrollView);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2Nyb2xsVmlldy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3Njcm9sbC12aWV3L1Njcm9sbFZpZXcubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxRQUFRLEVBQUUsY0FBYyxFQUFFLFVBQVUsSUFBSSxnQkFBZ0IsRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRXpHLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDdEQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFdEU7Ozs7Ozs7Ozs7O0dBV0c7QUFFSCxJQUFNLFVBQVUsR0FBRyxVQUNqQixFQVdrQixFQUNsQixHQUFnQztJQVg5QixJQUFBLFFBQVEsY0FBQSxFQUNSLE1BQU0sWUFBQSxFQUNOLE1BQU0sWUFBQSxFQUNOLGFBQWEsbUJBQUEsRUFDYixPQUFPLGFBQUEsRUFDUCxTQUFTLGVBQUEsRUFDVCxtQkFBbUIseUJBQUEsRUFDbkIsRUFBRSxRQUFBLEVBQ0YsZUFBZSxxQkFBQSxFQUNaLE1BQU0sY0FWWCx5SEFXQyxDQURVO0lBSUwsSUFBQSxLQUFBLE9BQThCLEtBQUssQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLElBQUEsRUFBbEQsVUFBVSxRQUFBLEVBQUUsYUFBYSxRQUF5QixDQUFBO0lBRXpELElBQU0sSUFBSSxHQUFHLFVBQUMsT0FBZTtRQUMzQixPQUFPLElBQUksT0FBTyxDQUFDLFVBQUMsT0FBTyxJQUFLLE9BQUEsVUFBVSxDQUFDLE9BQU8sRUFBRSxPQUFPLENBQUMsRUFBNUIsQ0FBNEIsQ0FBQyxDQUFBO0lBQy9ELENBQUMsQ0FBQTtJQUVELElBQU0sWUFBWSxHQUFH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

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import { ScrollDirectionEnum, ScrollDirectionEnumValues, TrilogyColor, TrilogyColorValues } from '../../objects';
+import { TrilogyColor, TrilogyColorValues } from '../../objects/facets/Color';
+import { ScrollDirectionEnum, ScrollDirectionEnumValues } from '../../objects/facets/ScrollDirection';
 /**
  * ScroView Interface
  */

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

@@ -73,8 +73,6 @@ export default {
       "INFO",
       "WARNING",
       "ERROR",
-      "MAIN",
-      "ACCENT",
       "WHITE",
       "MAIN",
       "MAIN_FADE",
@@ -93,7 +91,9 @@ export default {
       "NEUTRAL",
       "NEUTRAL_FADE",
       "WHITE",
+      "MAIN",
       "MAIN_FADE",
+      "ACCENT",
       "FONT",
       "SUCCESS_FADE",
       "INFO_FADE",

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

@@ -1,2 +1 @@
-import ScrollView from './ScrollView';
-export { ScrollView };
+export { default as ScrollView } from '../../components/scroll-view/ScrollView';