@trilogy-ds/react 0.0.1-beta-1 → 0.0.1-beta-3

package/lib/components/range/Range.js

@@ -0,0 +1,76 @@
+import 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
+ * @param max {number} max length
+ * @param label {string} label of range
+ * @param labelValueCursorMin {string} label to display next to value display
+ * @param labelValueCursorMax {string} label to display next to value display
+ * @param onChange {function}
+ * @param nameMin {string} name input min
+ * @param idMin {string} id input min
+ * @param nameMax{string} name input max
+ * @param idMax {string} id input max
+ * @param gap {number} space max between min and max cursor
+ * @param valueCursorMin {number} number of input min
+ * @param valueCursorMax {number} number of input max
+ */
+const Range = ({ min, max, label, valueCursorMin, valueCursorMax, labelValueCursorMin, labelValueCursorMax, onChangeMin, onChangeMax, nameMin, idMin, nameMax, idMax, testId, gap = 0, }) => {
+    const { styled } = useTrilogyContext();
+    const [cursorMin, setCursorMin] = React.useState(valueCursorMin !== null && valueCursorMin !== void 0 ? valueCursorMin : 0);
+    const [cursorMax, setCursorMax] = React.useState(valueCursorMax !== null && valueCursorMax !== void 0 ? valueCursorMax : max);
+    const refTrack = React.useRef(null);
+    React.useEffect(() => {
+        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}%)`;
+        }
+    }, [cursorMin, cursorMax]);
+    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));
+        if (onChangeMax) {
+            onChangeMax({
+                inputName: e.target.name,
+                inputValue: e.target.value,
+            });
+        }
+    }, [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')) },
+            React.createElement("div", null,
+                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),
+                labelValueCursorMax && React.createElement("span", null,
+                    " ",
+                    labelValueCursorMax)))));
+};
+export default Range;
+//# sourceMappingURL=Range.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+import { RangeProps } from './RangeProps';
+import { ComponentName } from '../enumsComponentsName';
+/**
+ * Range Component
+ * - -------------------------- MOBILE PROPERTIES -------------------------------
+ * @param min {number} min length
+ * @param max {number} max length
+ * @param label {string} label of range
+ * @param labelValueCursorMin {string} label to display next to value display
+ * @param labelValueCursorMax {string} label to display next to value display
+ * @param onChange {function}
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param nameMin {string} name input min
+ * @param idMin {string} id input min
+ * @param nameMax{string} name input max
+ * @param idMax {string} id input max
+ * @param gap {number} space max between min and max cursor
+ * @param valueCursorMin {number} number of input min
+ * @param valueCursorMax {number} number of input max
+ */
+declare const Range: {
+    ({ min, max, label, labelValueCursorMin, labelValueCursorMax, onChange }: RangeProps): JSX.Element;
+    displayName: ComponentName;
+};
+export default Range;

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

@@ -0,0 +1,72 @@
+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';
+/**
+ * Range Component
+ * - -------------------------- MOBILE PROPERTIES -------------------------------
+ * @param min {number} min length
+ * @param max {number} max length
+ * @param label {string} label of range
+ * @param labelValueCursorMin {string} label to display next to value display
+ * @param labelValueCursorMax {string} label to display next to value display
+ * @param onChange {function}
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param nameMin {string} name input min
+ * @param idMin {string} id input min
+ * @param nameMax{string} name input max
+ * @param idMax {string} id input max
+ * @param gap {number} space max between min and max cursor
+ * @param valueCursorMin {number} number of input min
+ * @param valueCursorMax {number} number of input max
+ */
+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({
+        marker: {
+            width: 20,
+            height: 20,
+            borderRadius: 20,
+            backgroundColor: 'white',
+            shadowColor: '#000',
+            shadowOffset: {
+                width: 0,
+                height: 2,
+            },
+            shadowOpacity: 0.25,
+            shadowRadius: 3.84,
+            elevation: 5,
+        },
+        markerLabels: { flexDirection: 'row', justifyContent: 'space-between', marginTop: -6 },
+    });
+    const Marker = () => React.createElement(View, { style: styles.marker });
+    return (React.createElement(View, { onLayout: (event) => {
+            const { width } = event.nativeEvent.layout;
+            setWidth(width);
+        } },
+        React.createElement(View, { style: { marginBottom: -4 } },
+            React.createElement(Text, { level: TextLevels.THREE }, label && label)),
+        React.createElement(MultiSlider, { values: [values[0], values[1]], sliderLength: width, onValuesChange: (e) => {
+                setValues(e);
+                onChange && onChange({ inputName: 'range', inputValue: e });
+            }, min: min, max: max, step: 1, allowOverlap: false, snapped: true, customMarker: Marker, selectedStyle: {
+                backgroundColor: getColorStyle(TrilogyColor.SECONDARY),
+                height: 4,
+            }, unselectedStyle: {
+                backgroundColor: '#e1e1e1',
+                height: 4,
+            } }),
+        React.createElement(View, { style: styles.markerLabels },
+            React.createElement(View, { style: { flexDirection: 'row' } },
+                React.createElement(Text, { level: TextLevels.THREE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, values[0]),
+                labelValueCursorMin && (React.createElement(Text, { level: TextLevels.THREE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, labelValueCursorMin))),
+            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))))));
+};
+Range.displayName = ComponentName.Range;
+export default Range;
+//# sourceMappingURL=Range.native.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,26 @@
+/**
+ * range Interface
+ */
+import { Accessibility } from '../../objects';
+export interface InputChangeEvent {
+    inputName: string;
+    inputValue: string | number[];
+}
+export type InputChangeEventHandler = (event: InputChangeEvent) => void;
+export interface RangeProps extends Accessibility {
+    min: number;
+    max: number;
+    label?: string;
+    valueCursorMin?: number;
+    valueCursorMax?: number;
+    labelValueCursorMin?: string;
+    labelValueCursorMax?: string;
+    onChangeMin?: InputChangeEventHandler;
+    onChangeMax?: InputChangeEventHandler;
+    nameMin?: string;
+    idMin?: string;
+    nameMax?: string;
+    idMax?: string;
+    gap?: number;
+    onChange?: InputChangeEventHandler;
+}

package/lib/components/range/RangeProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=RangeProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RangeProps.js","sourceRoot":"","sources":["../../../components/range/RangeProps.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,2 @@
+import Range from './Range';
+export { Range };

package/lib/components/range/index.js

@@ -0,0 +1,3 @@
+import Range from './Range';
+export { Range };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/range/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS,CAAA;AAE3B,OAAO,EAAE,KAAK,EAAE,CAAA"}

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { RowsProps } from './RowsProps';
+/**
+ * Rows Component
+ * @param children {React.ReactNode} Rows children
+ * - ------------------- WEB PROPERTIES -------------------------
+ * @param className {string} additionnal CSS Classes
+ */
+declare const Rows: ({ className, ...others }: RowsProps) => JSX.Element;
+export default Rows;

package/lib/components/rows/Rows.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { hashClass } from '../../helpers';
+import clsx from 'clsx';
+import { useTrilogyContext } from '../../context';
+/**
+ * Rows Component
+ * @param children {React.ReactNode} Rows children
+ * - ------------------- WEB PROPERTIES -------------------------
+ * @param className {string} additionnal CSS Classes
+ */
+const Rows = ({ className, ...others }) => {
+    const { styled } = useTrilogyContext();
+    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

@@ -0,0 +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"}

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { RowsProps } from './RowsProps';
+import { ComponentName } from '../enumsComponentsName';
+/**
+ * Rows Component
+ * @param children {React.ReactNode} Rows children
+ */
+declare const Rows: {
+    ({ children, ...others }: RowsProps): JSX.Element;
+    displayName: ComponentName;
+};
+export default Rows;

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { ComponentName } from '../enumsComponentsName';
+/**
+ * Rows Component
+ * @param children {React.ReactNode} Rows children
+ */
+const Rows = ({ children, ...others }) => {
+    const styles = StyleSheet.create({
+        rows: {
+            display: 'flex',
+            flexDirection: 'column',
+            flex: 1,
+        },
+    });
+    return (React.createElement(View, { style: styles.rows, ...others }, children));
+};
+Rows.displayName = ComponentName.Rows;
+export default Rows;
+//# sourceMappingURL=Rows.native.js.map

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

@@ -0,0 +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"}

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

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

package/lib/components/rows/RowsProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=RowsProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RowsProps.js","sourceRoot":"","sources":["../../../components/rows/RowsProps.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,3 @@
+import Rows from './Rows';
+import RowItem from './item';
+export { Rows, RowItem };

package/lib/components/rows/index.js

@@ -0,0 +1,4 @@
+import Rows from './Rows';
+import RowItem from './item';
+export { Rows, RowItem };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/rows/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,QAAQ,CAAA;AACzB,OAAO,OAAO,MAAM,QAAQ,CAAA;AAE5B,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,CAAA"}

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { RowsItemProps } from './RowItemProps';
+/**
+ * Rows Item Component
+ * @param narrow {boolean} Align same elements horizontaly
+ * @param children {React.ReactNode}
+ * - -------------------------- WEB PROPERTIES -------------------
+ *  @param className {string} additionnal CSS Classes
+ */
+declare const RowItem: ({ className, narrow, ...others }: RowsItemProps) => JSX.Element;
+export default RowItem;

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import { is } from '../../../services/classify';
+import { hashClass } from '../../../helpers';
+import clsx from 'clsx';
+import { useTrilogyContext } from '../../../context';
+/**
+ * Rows Item Component
+ * @param narrow {boolean} Align same elements horizontaly
+ * @param children {React.ReactNode}
+ * - -------------------------- WEB PROPERTIES -------------------
+ *  @param className {string} additionnal CSS Classes
+ */
+const RowItem = ({ className, narrow, ...others }) => {
+    const { styled } = useTrilogyContext();
+    const classes = hashClass(styled, clsx('row', narrow && is('narrow'), className));
+    return React.createElement("div", { className: classes, ...others });
+};
+export default RowItem;
+//# sourceMappingURL=RowItem.js.map

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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { ComponentName } from '../../enumsComponentsName';
+/**
+ * Rows Item Component
+ * @param narrow {boolean} Align same elements horizontaly
+ * @param children {React.ReactNode}
+ */
+const RowItem = ({ children, narrow, ...others }) => {
+    const styles = StyleSheet.create({
+        rowItem: {
+            flexGrow: (narrow && 0) || 1,
+            padding: 5,
+            flexShrink: 1,
+        },
+    });
+    return (React.createElement(View, { style: styles.rowItem, ...others }, children));
+};
+RowItem.displayName = ComponentName.RowsItem;
+export default RowItem;
+//# sourceMappingURL=RowItem.native.js.map

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

@@ -0,0 +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"}

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=RowItemProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RowItemProps.js","sourceRoot":"","sources":["../../../../components/rows/item/RowItemProps.ts"],"names":[],"mappings":""}

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

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

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

@@ -0,0 +1,3 @@
+import RowItem from './RowItem';
+export default RowItem;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/rows/item/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,WAAW,CAAA;AAE/B,eAAe,OAAO,CAAA"}

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

@@ -0,0 +1,18 @@
+import 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 onRefresh {void} On Refreshing ScrollView
+ */
+declare const ScrollView: React.ForwardRefExoticComponent<ScrollViewProps & React.RefAttributes<HTMLDivElement>>;
+export default ScrollView;

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

@@ -0,0 +1,38 @@
+import React from 'react';
+import { useTrilogyContext } from "../../context";
+import { hashClass } from "../../helpers";
+import clsx from "clsx";
+import { is } from "../../services";
+import { ScrollDirectionEnum } from "../../objects";
+/**
+ * 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 onRefresh {void} On Refreshing ScrollView
+ */
+const ScrollView = React.forwardRef(({ id, scrollDirection, children }, ref) => {
+    const { styled } = useTrilogyContext();
+    const scrollDirectionClassName = () => {
+        switch (scrollDirection) {
+            case ScrollDirectionEnum === null || ScrollDirectionEnum === void 0 ? void 0 : ScrollDirectionEnum.HORIZONTAL:
+                return is('horizontal');
+            case ScrollDirectionEnum === null || ScrollDirectionEnum === void 0 ? void 0 : ScrollDirectionEnum.VERTICAL:
+                return is('vertical');
+            default:
+                return '';
+        }
+    };
+    const classes = hashClass(styled, clsx('scroll-view', scrollDirection && scrollDirectionClassName()));
+    return React.createElement("div", { ref: ref, className: classes, id: id }, children);
+});
+ScrollView.displayName = 'ScrollView';
+export default ScrollView;
+//# sourceMappingURL=ScrollView.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,5 @@
+import 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

@@ -0,0 +1,40 @@
+import React from 'react';
+import { StyleSheet, Platform, ScrollView as ScrollViewNative, View, RefreshControl } from 'react-native';
+import { getColorStyle, ScrollDirectionEnum } from '../../objects';
+import { ComponentName } from '../enumsComponentsName';
+const ScrollView = React.forwardRef(({ children, footer, bounce, centerContent, refresh, onRefresh, refreshControlColor, id, scrollDirection, ...others }, ref) => {
+    const [refreshing, setRefreshing] = React.useState(false);
+    const wait = (timeout) => {
+        return new Promise((resolve) => setTimeout(resolve, timeout));
+    };
+    const onRefreshing = React.useCallback(() => {
+        setRefreshing(true);
+        wait(2000).then(() => setRefreshing(false));
+    }, []);
+    const styles = StyleSheet.create({
+        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 && {
+                refreshControl: (React.createElement(RefreshControl, { tintColor: refreshControlColor && getColorStyle(refreshControlColor), colors: refreshControlColor && [getColorStyle(refreshControlColor)], refreshing: refreshing, onRefresh: () => {
+                        onRefreshing();
+                        if (onRefresh) {
+                            onRefresh();
+                        }
+                    } })),
+            }), ...others },
+            React.createElement(View, { style: { flex: 1, justifyContent: centerContent ? 'center' : 'flex-start' } }, children),
+            React.createElement(View, { style: { justifyContent: 'flex-end' } }, footer)));
+    }
+    return (React.createElement(ScrollViewNative, { horizontal: scrollDirection === ScrollDirectionEnum.HORIZONTAL, testID: id, contentContainerStyle: { flexGrow: 1 }, ref: ref, showsVerticalScrollIndicator: false, bounces: bounce && Platform.OS === 'ios' && true, overScrollMode: (bounce && Platform.OS === 'android' && 'always') || 'never', ...(refresh && {
+            refreshControl: (React.createElement(RefreshControl, { tintColor: refreshControlColor && getColorStyle(refreshControlColor), colors: refreshControlColor && [getColorStyle(refreshControlColor)], refreshing: refreshing, onRefresh: () => {
+                    onRefreshing();
+                    if (onRefresh) {
+                        onRefresh();
+                    }
+                } })),
+        }), ...others }, centerContent ? React.createElement(View, { style: { flex: 1, justifyContent: 'center' } }, children) : children));
+});
+ScrollView.displayName = ComponentName.ScrollView;
+export default ScrollView;
+//# sourceMappingURL=ScrollView.native.js.map

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

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

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

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { ScrollDirectionEnum, ScrollDirectionEnumValues, TrilogyColor, TrilogyColorValues } from '../../objects';
+/**
+ * ScroView Interface
+ */
+export interface ScrollViewProps {
+    children?: React.ReactNode;
+    className?: string;
+    footer?: React.ReactNode;
+    bounce?: boolean;
+    centerContent?: boolean;
+    refresh?: boolean;
+    onRefresh?: () => void;
+    refreshControlColor?: TrilogyColor | TrilogyColorValues;
+    id?: string;
+    scrollDirection?: ScrollDirectionEnum | ScrollDirectionEnumValues;
+}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ScrollViewProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollViewProps.js","sourceRoot":"","sources":["../../../components/scroll-view/ScrollViewProps.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,2 @@
+import ScrollView from './ScrollView';
+export { ScrollView };

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

@@ -0,0 +1,3 @@
+import ScrollView from './ScrollView';
+export { ScrollView };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/scroll-view/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,cAAc,CAAA;AAErC,OAAO,EAAE,UAAU,EAAE,CAAA"}