@trilogy-ds/react 0.0.1-beta.5 → 0.0.1-beta.50

package/lib/components/range/Range.js

@@ -1,8 +1,8 @@
-import React from 'react';
-import { getColorStyle, TrilogyColor } from '../../objects';
-import { hashClass } from '../../helpers';
-import clsx from 'clsx';
-import { useTrilogyContext } from '../../context';
+import * as React from "react";
+import { getColorStyle, TrilogyColor } from "../../objects";
+import { hashClass } from "../../helpers";
+import clsx from "clsx";
+import { useTrilogyContext } from "../../context";
 /**
  * Range Component
  * @param min {number} min length
@@ -10,7 +10,9 @@ import { useTrilogyContext } from '../../context';
  * @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}
+ * @param onChangeMin
+ * @param onChangeMax
+ * @param onChange {function} (Native)
  * @param nameMin {string} name input min
  * @param idMin {string} id input min
  * @param nameMax{string} name input max
@@ -27,47 +29,53 @@ const Range = ({ min, max, label, valueCursorMin, valueCursorMax, labelValueCurs
     React.useEffect(() => {
         if (refTrack.current) {
             const track = refTrack.current;
-            track.style.background = `linear-gradient(to right,
-      ${getColorStyle(TrilogyColor.GREY_LIGHT)} ${(cursorMin / max) * 100}%,
-      currentColor ${(cursorMin / max) * 100}%,
-      currentColor ${(cursorMax / max) * 100}%,
-      ${getColorStyle(TrilogyColor.GREY_LIGHT)} ${(cursorMax / max) * 100}%)`;
+            track.style.background = `linear-gradient(to right, ${getColorStyle(TrilogyColor.NEUTRAL_LIGHT, 1)} ${(cursorMin / max) * 100}% , ${getColorStyle(TrilogyColor.MAIN, 1)} ${(cursorMin / max) * 100}% , ${getColorStyle(TrilogyColor.MAIN, 1)} ${(cursorMax / max) * 100}%, ${getColorStyle(TrilogyColor.NEUTRAL_LIGHT, 1)} ${(cursorMax / max) * 100}%) `;
         }
     }, [cursorMin, cursorMax]);
+    React.useEffect(() => {
+        setCursorMin(valueCursorMin || 0);
+    }, [valueCursorMin]);
+    React.useEffect(() => {
+        setCursorMax(valueCursorMax || max);
+    }, [valueCursorMax]);
     const handleChangeCursorMin = React.useCallback((e) => {
         if (Number(e.target.value) < cursorMax - gap)
             setCursorMin(Number(e.target.value));
-        if (onChangeMin) {
-            onChangeMin({
-                inputName: e.target.name,
-                inputValue: e.target.value,
-            });
-        }
     }, [cursorMax, cursorMin]);
     const handleChangeCursorMax = React.useCallback((e) => {
         if (Number(e.target.value) > cursorMin + gap)
             setCursorMax(Number(e.target.value));
+    }, [cursorMax, cursorMin]);
+    const handleMouseUpMin = React.useCallback(() => {
+        if (onChangeMin) {
+            onChangeMin({
+                inputName: nameMin,
+                inputValue: cursorMin,
+            });
+        }
+    }, [onChangeMin, nameMin, cursorMin]);
+    const handleMouseUpMax = React.useCallback(() => {
         if (onChangeMax) {
             onChangeMax({
-                inputName: e.target.name,
-                inputValue: e.target.value,
+                inputName: nameMax,
+                inputValue: cursorMax,
             });
         }
-    }, [cursorMax, cursorMin]);
-    return (React.createElement("div", { "data-testid": testId, className: hashClass(styled, clsx('range-container')) },
-        React.createElement("label", { className: hashClass(styled, clsx('range-label')) }, label),
-        React.createElement("div", { className: hashClass(styled, clsx('range')) },
-            React.createElement("div", { ref: refTrack, className: hashClass(styled, clsx('range-track')) }),
-            React.createElement("input", { "data-testid": `${testId}_min`, className: hashClass(styled, clsx('range-cursor range-cursor-min')), onChange: handleChangeCursorMin, value: cursorMin, type: 'range', min: min, max: max, name: nameMin, id: idMin, "aria-label": label }),
-            React.createElement("input", { "data-testid": `${testId}_max`, className: hashClass(styled, clsx('range-cursor range-cursor-max')), onChange: handleChangeCursorMax, value: cursorMax, type: 'range', min: min, max: max, name: nameMax, id: idMax, "aria-label": label })),
-        React.createElement("div", { className: hashClass(styled, clsx('range-values')) },
+    }, [onChangeMax, nameMax, cursorMax]);
+    return (React.createElement("div", { "data-testid": testId, className: hashClass(styled, clsx("range-container")) },
+        React.createElement("label", { className: hashClass(styled, clsx("range-label")) }, label),
+        React.createElement("div", { className: hashClass(styled, clsx("range")) },
+            React.createElement("div", { ref: refTrack, className: hashClass(styled, clsx("range-track")) }),
+            React.createElement("input", { "data-testid": `${testId}_min`, className: hashClass(styled, clsx("range-cursor range-cursor-min")), onMouseUp: handleMouseUpMin, onChange: handleChangeCursorMin, value: cursorMin, type: 'range', min: min, max: max, name: nameMin, id: idMin, "aria-label": label }),
+            React.createElement("input", { "data-testid": `${testId}_max`, className: hashClass(styled, clsx("range-cursor range-cursor-max")), onMouseUp: handleMouseUpMax, onChange: handleChangeCursorMax, value: cursorMax, type: 'range', min: min, max: max, name: nameMax, id: idMax, "aria-label": label })),
+        React.createElement("div", { className: hashClass(styled, clsx("range-values")) },
             React.createElement("div", null,
-                React.createElement("span", { className: hashClass(styled, clsx('range-value-min')) }, cursorMin),
+                React.createElement("span", { className: hashClass(styled, clsx("range-value-min")) }, cursorMin),
                 labelValueCursorMin && React.createElement("span", null,
                     " ",
                     labelValueCursorMin)),
             React.createElement("div", null,
-                React.createElement("span", { className: hashClass(styled, clsx('range-value-max')) }, cursorMax),
+                React.createElement("span", { className: hashClass(styled, clsx("range-value-max")) }, cursorMax),
                 labelValueCursorMax && React.createElement("span", null,
                     " ",
                     labelValueCursorMax)))));

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

@@ -1 +1 @@
-{"version":3,"file":"Range.js","sourceRoot":"","sources":["../../../components/range/Range.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Range.js","sourceRoot":"","sources":["../../../components/range/Range.tsx"],"names":[],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { RangeProps } from './RangeProps';
-import { ComponentName } from '../enumsComponentsName';
+import { RangeProps } from "./RangeProps";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * Range Component
  * - -------------------------- MOBILE PROPERTIES -------------------------------
@@ -20,7 +20,7 @@ import { ComponentName } from '../enumsComponentsName';
  * @param valueCursorMax {number} number of input max
  */
 declare const Range: {
-    ({ min, max, label, labelValueCursorMin, labelValueCursorMax, onChange }: RangeProps): JSX.Element;
+    ({ min, max, label, labelValueCursorMin, labelValueCursorMax, onChange, }: RangeProps): JSX.Element;
     displayName: ComponentName;
 };
 export default Range;

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

@@ -1,9 +1,9 @@
-import React from 'react';
-import { StyleSheet, View } from 'react-native';
-import MultiSlider from '@ptomasroos/react-native-multi-slider';
-import { Text, TextLevels } from '../text';
-import { getColorStyle, TrilogyColor, TypographyBold } from '../../objects';
-import { ComponentName } from '../enumsComponentsName';
+import * as React from "react";
+import { StyleSheet, View } from "react-native";
+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 -------------------------------
@@ -22,7 +22,7 @@ import { ComponentName } from '../enumsComponentsName';
  * @param valueCursorMin {number} number of input min
  * @param valueCursorMax {number} number of input max
  */
-const Range = ({ min, max, label, labelValueCursorMin, labelValueCursorMax, onChange }) => {
+const Range = ({ min, max, label, labelValueCursorMin, labelValueCursorMax, onChange, }) => {
     const [values, setValues] = React.useState([0, 100]);
     const [width, setWidth] = React.useState(0);
     const styles = StyleSheet.create({
@@ -30,8 +30,8 @@ const Range = ({ min, max, label, labelValueCursorMin, labelValueCursorMax, onCh
             width: 20,
             height: 20,
             borderRadius: 20,
-            backgroundColor: 'white',
-            shadowColor: '#000',
+            backgroundColor: "white",
+            shadowColor: "#000",
             shadowOffset: {
                 width: 0,
                 height: 2,
@@ -40,7 +40,11 @@ const Range = ({ min, max, label, labelValueCursorMin, labelValueCursorMax, onCh
             shadowRadius: 3.84,
             elevation: 5,
         },
-        markerLabels: { flexDirection: 'row', justifyContent: 'space-between', marginTop: -6 },
+        markerLabels: {
+            flexDirection: "row",
+            justifyContent: "space-between",
+            marginTop: -6,
+        },
     });
     const Marker = () => React.createElement(View, { style: styles.marker });
     return (React.createElement(View, { onLayout: (event) => {
@@ -51,19 +55,19 @@ const Range = ({ min, max, label, labelValueCursorMin, labelValueCursorMax, onCh
             React.createElement(Text, { level: TextLevels.THREE }, label && label)),
         React.createElement(MultiSlider, { values: [values[0], values[1]], sliderLength: width, onValuesChange: (e) => {
                 setValues(e);
-                onChange && onChange({ inputName: 'range', inputValue: e });
+                onChange && onChange({ inputName: "range", inputValue: e });
             }, min: min, max: max, step: 1, allowOverlap: false, snapped: true, customMarker: Marker, selectedStyle: {
-                backgroundColor: getColorStyle(TrilogyColor.SECONDARY),
+                backgroundColor: getColorStyle(TrilogyColor.MAIN),
                 height: 4,
             }, unselectedStyle: {
-                backgroundColor: '#e1e1e1',
+                backgroundColor: "#e1e1e1",
                 height: 4,
             } }),
         React.createElement(View, { style: styles.markerLabels },
-            React.createElement(View, { style: { flexDirection: 'row' } },
+            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))),
-            React.createElement(View, { style: { flexDirection: 'row' } },
+            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))))));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Range.native.js","sourceRoot":"","sources":["../../../components/range/Range.native.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Range.native.js","sourceRoot":"","sources":["../../../components/range/Range.native.tsx"],"names":[],"mappings":"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"}

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

@@ -2,11 +2,14 @@
  * range Interface
  */
 import { Accessibility } from '../../objects';
-export interface InputChangeEvent {
+export type InputChangeEventHandlerNative = (event: {
+    inputValue: number[];
     inputName: string;
-    inputValue: string | number[];
-}
-export type InputChangeEventHandler = (event: InputChangeEvent) => void;
+}) => void;
+export type InputChangeEventHandlerWeb = (event: {
+    inputValue: number;
+    inputName: string | undefined;
+}) => void;
 export interface RangeProps extends Accessibility {
     min: number;
     max: number;
@@ -15,12 +18,12 @@ export interface RangeProps extends Accessibility {
     valueCursorMax?: number;
     labelValueCursorMin?: string;
     labelValueCursorMax?: string;
-    onChangeMin?: InputChangeEventHandler;
-    onChangeMax?: InputChangeEventHandler;
+    onChangeMin?: InputChangeEventHandlerWeb;
+    onChangeMax?: InputChangeEventHandlerWeb;
     nameMin?: string;
     idMin?: string;
     nameMax?: string;
     idMax?: string;
     gap?: number;
-    onChange?: InputChangeEventHandler;
+    onChange?: InputChangeEventHandlerNative;
 }

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { render } from "@testing-library/react";
+import Range from "../Range";
+describe("Range component", () => {
+    test("renders with default values", () => {
+        const { getByText } = render(React.createElement(Range, { min: 0, max: 100, label: "Test Range" }));
+        const range = getByText("Test Range");
+        expect(range).toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=Range.test.js.map

package/lib/components/range/test/Range.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Range.test.js","sourceRoot":"","sources":["../../../../components/range/test/Range.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,KAAK,MAAM,UAAU,CAAC;AAE7B,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC/B,IAAI,CAAC,6BAA6B,EAAE,GAAG,EAAE;QACvC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,oBAAC,KAAK,IAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAC,YAAY,GAAG,CAC/C,CAAC;QACF,MAAM,KAAK,GAAG,SAAS,CAAC,YAAY,CAAC,CAAC;QACtC,MAAM,CAAC,KAAK,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACpC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { RowsProps } from './RowsProps';
+import { RowsProps } from "./RowsProps";
 /**
  * Rows Component
  * @param children {React.ReactNode} Rows children

package/lib/components/rows/Rows.js

@@ -1,7 +1,7 @@
-import React from 'react';
-import { hashClass } from '../../helpers';
-import clsx from 'clsx';
-import { useTrilogyContext } from '../../context';
+import * as React from "react";
+import { hashClass } from "../../helpers";
+import clsx from "clsx";
+import { useTrilogyContext } from "../../context";
 /**
  * Rows Component
  * @param children {React.ReactNode} Rows children
@@ -10,7 +10,7 @@ import { useTrilogyContext } from '../../context';
  */
 const Rows = ({ className, ...others }) => {
     const { styled } = useTrilogyContext();
-    return React.createElement("div", { className: hashClass(styled, clsx('rows', className)), ...others });
+    return (React.createElement("div", { className: hashClass(styled, clsx("rows", className)), ...others }));
 };
 export default Rows;
 //# sourceMappingURL=Rows.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Rows.js","sourceRoot":"","sources":["../../../components/rows/Rows.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEjD;;;;;GAKG;AACH,MAAM,IAAI,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,MAAM,EAAa,EAAe,EAAE;IAChE,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,OAAO,6BAAK,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,KAAM,MAAM,GAAI,CAAA;AACnF,CAAC,CAAA;AAED,eAAe,IAAI,CAAA"}
+{"version":3,"file":"Rows.js","sourceRoot":"","sources":["../../../components/rows/Rows.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;GAKG;AACH,MAAM,IAAI,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,MAAM,EAAa,EAAe,EAAE;IAChE,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,KAAM,MAAM,GAAI,CAC3E,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAA"}

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { RowsProps } from './RowsProps';
-import { ComponentName } from '../enumsComponentsName';
+import { RowsProps } from "./RowsProps";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * Rows Component
  * @param children {React.ReactNode} Rows children

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

@@ -1,6 +1,6 @@
-import React from 'react';
-import { StyleSheet, View } from 'react-native';
-import { ComponentName } from '../enumsComponentsName';
+import * as React from "react";
+import { StyleSheet, View } from "react-native";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * Rows Component
  * @param children {React.ReactNode} Rows children
@@ -8,8 +8,8 @@ import { ComponentName } from '../enumsComponentsName';
 const Rows = ({ children, ...others }) => {
     const styles = StyleSheet.create({
         rows: {
-            display: 'flex',
-            flexDirection: 'column',
+            display: "flex",
+            flexDirection: "column",
             flex: 1,
         },
     });

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

@@ -1 +1 @@
-{"version":3,"file":"Rows.native.js","sourceRoot":"","sources":["../../../components/rows/Rows.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE/C,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AAEtD;;;GAGG;AACH,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAa,EAAe,EAAE;IAC/D,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,IAAI,EAAE;YACJ,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,IAAI,EAAE,CAAC;SACR;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,KAAM,MAAM,IACjC,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,IAAI,CAAC,WAAW,GAAG,aAAa,CAAC,IAAI,CAAA;AAErC,eAAe,IAAI,CAAA"}
+{"version":3,"file":"Rows.native.js","sourceRoot":"","sources":["../../../components/rows/Rows.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE/C,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;GAGG;AACH,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAa,EAAe,EAAE;IAC/D,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,IAAI,EAAE;YACJ,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,IAAI,EAAE,CAAC;SACR;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,KAAM,MAAM,IACjC,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,IAAI,CAAC,WAAW,GAAG,aAAa,CAAC,IAAI,CAAA;AAErC,eAAe,IAAI,CAAA"}

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { RowsItemProps } from './RowItemProps';
+import { RowsItemProps } from "./RowItemProps";
 /**
  * Rows Item Component
  * @param narrow {boolean} Align same elements horizontaly

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

@@ -1,8 +1,8 @@
-import React from 'react';
-import { is } from '../../../services/classify';
-import { hashClass } from '../../../helpers';
-import clsx from 'clsx';
-import { useTrilogyContext } from '../../../context';
+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
@@ -12,7 +12,7 @@ import { useTrilogyContext } from '../../../context';
  */
 const RowItem = ({ className, narrow, ...others }) => {
     const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, clsx('row', narrow && is('narrow'), className));
+    const classes = hashClass(styled, clsx("row", narrow && is("narrow"), className));
     return React.createElement("div", { className: classes, ...others });
 };
 export default RowItem;

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

@@ -1 +1 @@
-{"version":3,"file":"RowItem.js","sourceRoot":"","sources":["../../../../components/rows/item/RowItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,EAAE,EAAE,MAAM,4BAA4B,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEpD;;;;;;GAMG;AACH,MAAM,OAAO,GAAG,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,MAAM,EAAiB,EAAe,EAAE;IAC/E,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,OAAO,GAAG,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,IAAI,EAAE,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC,CAAC,CAAA;IACjF,OAAO,6BAAK,SAAS,EAAE,OAAO,KAAM,MAAM,GAAI,CAAA;AAChD,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}
+{"version":3,"file":"RowItem.js","sourceRoot":"","sources":["../../../../components/rows/item/RowItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;GAMG;AACH,MAAM,OAAO,GAAG,CAAC,EACf,SAAS,EACT,MAAM,EACN,GAAG,MAAM,EACK,EAAe,EAAE;IAC/B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CAAC,KAAK,EAAE,MAAM,IAAI,EAAE,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC,CAC/C,CAAA;IACD,OAAO,6BAAK,SAAS,EAAE,OAAO,KAAM,MAAM,GAAI,CAAA;AAChD,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { RowsItemProps } from './RowItemProps';
-import { ComponentName } from '../../enumsComponentsName';
+import { RowsItemProps } from "./RowItemProps";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * Rows Item Component
  * @param narrow {boolean} Align same elements horizontaly

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

@@ -1,6 +1,6 @@
-import React from 'react';
-import { StyleSheet, View } from 'react-native';
-import { ComponentName } from '../../enumsComponentsName';
+import * as React from "react";
+import { StyleSheet, View } from "react-native";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * Rows Item Component
  * @param narrow {boolean} Align same elements horizontaly

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

@@ -1 +1 @@
-{"version":3,"file":"RowItem.native.js","sourceRoot":"","sources":["../../../../components/rows/item/RowItem.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE/C,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEzD;;;;GAIG;AACH,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,MAAM,EAAiB,EAAe,EAAE;IAC9E,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,OAAO,EAAE;YACP,QAAQ,EAAE,CAAC,MAAM,IAAI,CAAC,CAAC,IAAI,CAAC;YAC5B,OAAO,EAAE,CAAC;YACV,UAAU,EAAE,CAAC;SACd;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,KAAM,MAAM,IACpC,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,OAAO,CAAC,WAAW,GAAG,aAAa,CAAC,QAAQ,CAAA;AAE5C,eAAe,OAAO,CAAA"}
+{"version":3,"file":"RowItem.native.js","sourceRoot":"","sources":["../../../../components/rows/item/RowItem.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE/C,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;;GAIG;AACH,MAAM,OAAO,GAAG,CAAC,EACf,QAAQ,EACR,MAAM,EACN,GAAG,MAAM,EACK,EAAe,EAAE;IAC/B,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,OAAO,EAAE;YACP,QAAQ,EAAE,CAAC,MAAM,IAAI,CAAC,CAAC,IAAI,CAAC;YAC5B,OAAO,EAAE,CAAC;YACV,UAAU,EAAE,CAAC;SACd;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,KAAM,MAAM,IACpC,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,OAAO,CAAC,WAAW,GAAG,aAAa,CAAC,QAAQ,CAAA;AAE5C,eAAe,OAAO,CAAA"}

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { render } from "@testing-library/react";
+import Rows from "../Rows";
+import RowItem from "../item";
+describe("Rows", () => {
+    it("renders children", () => {
+        const { getByText } = render(React.createElement(Rows, null,
+            React.createElement(RowItem, null, "Child 1"),
+            React.createElement(RowItem, null, "Child 2")));
+        expect(getByText("Child 1")).toBeInTheDocument();
+        expect(getByText("Child 2")).toBeInTheDocument();
+    });
+    it("adds className to component", () => {
+        const { container } = render(React.createElement(Rows, { className: "test-class" }));
+        expect(container.firstChild).toHaveClass(" rows test-class");
+    });
+});
+//# sourceMappingURL=Row.test.js.map

package/lib/components/rows/test/Row.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.test.js","sourceRoot":"","sources":["../../../../components/rows/test/Row.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,OAAO,MAAM,SAAS,CAAC;AAE9B,QAAQ,CAAC,MAAM,EAAE,GAAG,EAAE;IACpB,EAAE,CAAC,kBAAkB,EAAE,GAAG,EAAE;QAC1B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,oBAAC,IAAI;YACH,oBAAC,OAAO,kBAAkB;YAC1B,oBAAC,OAAO,kBAAkB,CACrB,CACR,CAAC;QAEF,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACjD,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6BAA6B,EAAE,GAAG,EAAE;QACrC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,IAAI,IAAC,SAAS,EAAC,YAAY,GAAG,CAAC,CAAC;QAC9D,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,kBAAkB,CAAC,CAAC;IAC/D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

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

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

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from "react";
 import { useTrilogyContext } from "../../context";
 import { hashClass } from "../../helpers";
 import clsx from "clsx";
@@ -23,16 +23,16 @@ const ScrollView = React.forwardRef(({ id, scrollDirection, children }, ref) =>
     const scrollDirectionClassName = () => {
         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 "";
         }
     };
-    const classes = hashClass(styled, clsx('scroll-view', scrollDirection && scrollDirectionClassName()));
-    return React.createElement("div", { ref: ref, className: classes, id: id }, children);
+    const classes = hashClass(styled, clsx("scroll-view", scrollDirection && scrollDirectionClassName()));
+    return (React.createElement("div", { ref: ref, className: classes, id: id }, children));
 });
-ScrollView.displayName = 'ScrollView';
+ScrollView.displayName = "ScrollView";
 export default ScrollView;
 //# sourceMappingURL=ScrollView.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ScrollView.js","sourceRoot":"","sources":["../../../components/scroll-view/ScrollView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA;AACnC,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAA;AAEnD;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAkC,CAAC,EAAE,EAAE,EAAE,eAAe,EAAE,QAAQ,EAAE,EAAE,GAAG,EAAe,EAAE;IAC3H,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,wBAAwB,GAAG,GAAG,EAAE;QACpC,QAAQ,eAAe,EAAE;YACvB,KAAK,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,UAAU;gBAClC,OAAO,EAAE,CAAC,YAAY,CAAC,CAAA;YACzB,KAAK,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,QAAQ;gBAChC,OAAO,EAAE,CAAC,UAAU,CAAC,CAAA;YACvB;gBACE,OAAO,EAAE,CAAA;SACZ;IACH,CAAC,CAAA;IAED,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,aAAa,EACb,eAAe,IAAI,wBAAwB,EAAE,CAC9C,CACF,CAAA;IACD,OAAO,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,IAE5C,QAAQ,CAEN,CAAA;AACR,CAAC,CAAC,CAAA;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,eAAe,UAAU,CAAA"}
+{"version":3,"file":"ScrollView.js","sourceRoot":"","sources":["../../../components/scroll-view/ScrollView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AAC/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAA;AAE/C;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACjC,CAAC,EAAE,EAAE,EAAE,eAAe,EAAE,QAAQ,EAAE,EAAE,GAAG,EAAe,EAAE;IACtD,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,wBAAwB,GAAG,GAAG,EAAE;QACpC,QAAQ,eAAe,EAAE;YACvB,KAAK,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,UAAU;gBAClC,OAAO,EAAE,CAAC,YAAY,CAAC,CAAA;YACzB,KAAK,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,QAAQ;gBAChC,OAAO,EAAE,CAAC,UAAU,CAAC,CAAA;YACvB;gBACE,OAAO,EAAE,CAAA;SACZ;IACH,CAAC,CAAA;IAED,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CAAC,aAAa,EAAE,eAAe,IAAI,wBAAwB,EAAE,CAAC,CACnE,CAAA;IACD,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,IACtC,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,eAAe,UAAU,CAAA"}

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

@@ -1,5 +1,5 @@
-import React from 'react';
-import { ScrollView as ScrollViewNative } from 'react-native';
-import { ScrollViewProps } from './ScrollViewProps';
+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;

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

@@ -1,7 +1,7 @@
-import React from 'react';
-import { StyleSheet, Platform, ScrollView as ScrollViewNative, View, RefreshControl } from 'react-native';
-import { getColorStyle, ScrollDirectionEnum } from '../../objects';
-import { ComponentName } from '../enumsComponentsName';
+import * as React from "react";
+import { StyleSheet, Platform, ScrollView as ScrollViewNative, View, RefreshControl, } from "react-native";
+import { getColorStyle, ScrollDirectionEnum } from "../../objects";
+import { ComponentName } from "../../components/enumsComponentsName";
 const ScrollView = React.forwardRef(({ children, footer, bounce, centerContent, refresh, onRefresh, refreshControlColor, id, scrollDirection, ...others }, ref) => {
     const [refreshing, setRefreshing] = React.useState(false);
     const wait = (timeout) => {
@@ -12,10 +12,14 @@ const ScrollView = React.forwardRef(({ children, footer, bounce, centerContent,
         wait(2000).then(() => setRefreshing(false));
     }, []);
     const styles = StyleSheet.create({
-        stickyContent: { flexGrow: 1, justifyContent: 'space-between', flexDirection: 'column' },
+        stickyContent: {
+            flexGrow: 1,
+            justifyContent: "space-between",
+            flexDirection: "column",
+        },
     });
     if (footer) {
-        return (React.createElement(ScrollViewNative, { horizontal: scrollDirection === ScrollDirectionEnum.HORIZONTAL, testID: id, showsVerticalScrollIndicator: false, contentContainerStyle: styles.stickyContent, bounces: bounce && Platform.OS === 'ios' && true, overScrollMode: (bounce && Platform.OS === 'android' && 'always') || 'never', ...(refresh && {
+        return (React.createElement(ScrollViewNative, { horizontal: scrollDirection === ScrollDirectionEnum.HORIZONTAL, testID: id, showsVerticalScrollIndicator: false, contentContainerStyle: styles.stickyContent, bounces: bounce && Platform.OS === "ios" && true, overScrollMode: (bounce && Platform.OS === "android" && "always") || "never", ...(refresh && {
                 refreshControl: (React.createElement(RefreshControl, { tintColor: refreshControlColor && getColorStyle(refreshControlColor), colors: refreshControlColor && [getColorStyle(refreshControlColor)], refreshing: refreshing, onRefresh: () => {
                         onRefreshing();
                         if (onRefresh) {
@@ -23,17 +27,20 @@ const ScrollView = React.forwardRef(({ children, footer, bounce, centerContent,
                         }
                     } })),
             }), ...others },
-            React.createElement(View, { style: { flex: 1, justifyContent: centerContent ? 'center' : 'flex-start' } }, children),
-            React.createElement(View, { style: { justifyContent: 'flex-end' } }, footer)));
+            React.createElement(View, { style: {
+                    flex: 1,
+                    justifyContent: centerContent ? "center" : "flex-start",
+                } }, children),
+            React.createElement(View, { style: { justifyContent: "flex-end" } }, footer)));
     }
-    return (React.createElement(ScrollViewNative, { horizontal: scrollDirection === ScrollDirectionEnum.HORIZONTAL, testID: id, contentContainerStyle: { flexGrow: 1 }, ref: ref, showsVerticalScrollIndicator: false, bounces: bounce && Platform.OS === 'ios' && true, overScrollMode: (bounce && Platform.OS === 'android' && 'always') || 'never', ...(refresh && {
+    return (React.createElement(ScrollViewNative, { horizontal: scrollDirection === ScrollDirectionEnum.HORIZONTAL, testID: id, contentContainerStyle: { flexGrow: 1 }, ref: ref, showsVerticalScrollIndicator: false, bounces: bounce && Platform.OS === "ios" && true, overScrollMode: (bounce && Platform.OS === "android" && "always") || "never", ...(refresh && {
             refreshControl: (React.createElement(RefreshControl, { tintColor: refreshControlColor && getColorStyle(refreshControlColor), colors: refreshControlColor && [getColorStyle(refreshControlColor)], refreshing: refreshing, onRefresh: () => {
                     onRefreshing();
                     if (onRefresh) {
                         onRefresh();
                     }
                 } })),
-        }), ...others }, centerContent ? React.createElement(View, { style: { flex: 1, justifyContent: 'center' } }, children) : children));
+        }), ...others }, centerContent ? (React.createElement(View, { style: { flex: 1, justifyContent: "center" } }, children)) : (children)));
 });
 ScrollView.displayName = ComponentName.ScrollView;
 export default ScrollView;

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

@@ -1 +1 @@
-{"version":3,"file":"ScrollView.native.js","sourceRoot":"","sources":["../../../components/scroll-view/ScrollView.native.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ScrollView.native.js","sourceRoot":"","sources":["../../../components/scroll-view/ScrollView.native.tsx"],"names":[],"mappings":"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"}

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

@@ -10,5 +10,5 @@ import { SectionProps } from './SectionProps';
  * @param paddingless {boolean} remove padding
  * @param verticalPaddingless {boolean} remove vertical padding
  **/
-declare const Section: ({ className, skeleton, background, backgroundSrc, paddingless, verticalPaddingless, fullwidth, ...others }: SectionProps) => JSX.Element;
+declare const Section: ({ className, skeleton, background, backgroundSrc, inverted, paddingless, verticalPaddingless, fullwidth, ...others }: SectionProps) => JSX.Element;
 export default Section;