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

package/lib/components/text/TextProps.d.ts

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+import { Clickable } from './../../objects/facets/Clickable';
+import { TextLevels, TextLevelValues, TextMarkup, TextMarkupValues } from './TextEnum';
+import { TypographyColor, TypographyColorValues } from '../../objects/Typography/TypographyColor';
+import { TypographyTransform, TypographyTransformValues } from '../../objects/Typography/TypographyTransform';
+import { TypographyBold, TypographyBoldValues } from '../../objects/Typography/TypographyBold';
+import { TypographyAlign, TypographyAlignValues } from '../../objects/Typography/TypographyAlign';
+import { Accessibility, Invertable } from '../../objects/facets';
+type Styles = {
+    [key: string]: unknown;
+};
+type Typo = TypographyColor | TypographyColorValues | TypographyTransform | TypographyTransformValues | TypographyBold | TypographyBoldValues | TypographyAlign | TypographyAlignValues;
+/**
+ * Text Interface
+ */
+export interface TextProps extends Invertable, Accessibility, Clickable {
+    level?: TextLevels | TextLevelValues;
+    children?: React.ReactNode;
+    typo?: Typo | Array<string>;
+    markup?: TextMarkup | TextMarkupValues;
+    className?: string;
+    href?: string;
+    title?: string;
+    style?: Styles;
+    skeleton?: boolean;
+    htmlContent?: string;
+    marginless?: boolean;
+    link?: boolean;
+    numberOfLines?: number;
+}
+export {};

package/lib/components/text/TextProps.js

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

package/lib/components/text/TextProps.js.map

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

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

@@ -0,0 +1,3 @@
+import Text from './Text';
+export * from './TextEnum';
+export { Text };

package/lib/components/text/index.js

@@ -0,0 +1,4 @@
+import Text from './Text';
+export * from './TextEnum';
+export { Text };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/text/index.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,QAAQ,CAAA;AAEzB,cAAc,YAAY,CAAA;AAE1B,OAAO,EAAE,IAAI,EAAE,CAAA"}

package/lib/components/textarea/Textarea.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+import { TextareaProps } from './TextareaProps';
+/**
+ * Textarea Component
+ * @param disabled {boolean} Disabled textarea
+ * @param name {string} Textarea name
+ * @param onChange {Function} OnChange textarea Event
+ * @param placeholder {string} Placeholder textarea
+ * @param defaultValue {string} Default Value for textarea
+ * @param help {string} Help for textarea
+ * @param ref Pass a ref for textarea
+ * @param maxLength {number} Textarea max length
+ * @param rows {number} Textarea rows
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal CSS Classes
+ * @param hovered {boolean} Hover mode
+ * @param focused {boolean} Fucus mode
+ * @param minLength {number} Textarea min length
+ * @param status {InputStatus} Textarea with status - (SUCCESS|WARNING|ERROR|DEFAULT)
+ * - -------------------------- NATIVE PROPERTIES -------------------------------
+ * @param keyboardStyle {InputKeyboardAppearance} Custom appearance for keyboard
+ * @param autoCapitalize {InputAutoCapitalize} Capitalize => NONE | SENTENCES | WORDS | CHARS
+ * @param autoCorrect {boolean} Auto correct sentence
+ * @param autoCompleteType {InputAutoCompleteType} Auto complete input type
+ * @param textContentType {InputTextContentType} Give the keyboard and the system information
+ * @param keyboardType {InputKeyboardType} Keybaord type
+ */
+declare const Textarea: ({ className, disabled, onChange, focused, placeholder, defaultValue, hovered, help, status, statusIconName, dynamicPlaceholder, rows, ref, label, maxLength, minLength, iconName, typo, testId, ...others }: TextareaProps) => JSX.Element;
+export default Textarea;

package/lib/components/textarea/Textarea.js

@@ -0,0 +1,62 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import React, { useEffect, useState } from 'react';
+import clsx from 'clsx';
+import { Text } from '../text';
+import { has, is } from '../../services';
+import { Icon } from '../icon';
+import { hashClass } from '../../helpers';
+import { useTrilogyContext } from '../../context';
+/**
+ * Textarea Component
+ * @param disabled {boolean} Disabled textarea
+ * @param name {string} Textarea name
+ * @param onChange {Function} OnChange textarea Event
+ * @param placeholder {string} Placeholder textarea
+ * @param defaultValue {string} Default Value for textarea
+ * @param help {string} Help for textarea
+ * @param ref Pass a ref for textarea
+ * @param maxLength {number} Textarea max length
+ * @param rows {number} Textarea rows
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal CSS Classes
+ * @param hovered {boolean} Hover mode
+ * @param focused {boolean} Fucus mode
+ * @param minLength {number} Textarea min length
+ * @param status {InputStatus} Textarea with status - (SUCCESS|WARNING|ERROR|DEFAULT)
+ * - -------------------------- NATIVE PROPERTIES -------------------------------
+ * @param keyboardStyle {InputKeyboardAppearance} Custom appearance for keyboard
+ * @param autoCapitalize {InputAutoCapitalize} Capitalize => NONE | SENTENCES | WORDS | CHARS
+ * @param autoCorrect {boolean} Auto correct sentence
+ * @param autoCompleteType {InputAutoCompleteType} Auto complete input type
+ * @param textContentType {InputTextContentType} Give the keyboard and the system information
+ * @param keyboardType {InputKeyboardType} Keybaord type
+ */
+const Textarea = ({ className, disabled, onChange, focused = true, placeholder, defaultValue, hovered = true, help, status, statusIconName, dynamicPlaceholder = true, rows, ref, label, maxLength, minLength, iconName, typo, testId, ...others }) => {
+    const [value, setValue] = useState(defaultValue || '');
+    const { styled } = useTrilogyContext();
+    useEffect(() => {
+        setValue(defaultValue || '');
+    }, [defaultValue]);
+    const wrapperClasses = hashClass(styled, clsx('textarea-wrapper', className, status && is(status)));
+    const classes = hashClass(styled, clsx('textarea', dynamicPlaceholder && has('dynamic-label'), iconName && has('icon')));
+    const helpClasses = clsx('help');
+    const counterClasses = hashClass(styled, clsx('counter', maxLength));
+    return (React.createElement("div", { className: wrapperClasses },
+        !dynamicPlaceholder && React.createElement("label", null, label),
+        React.createElement("textarea", { "data-testid": testId, minLength: minLength, disabled: disabled, ref: ref, ...others, className: classes, value: value, onChange: (e) => {
+                setValue(e.target.value);
+                if (onChange) {
+                    onChange({
+                        textareaName: e.target.name,
+                        textareaValue: e.target.value,
+                    });
+                }
+            }, placeholder: placeholder, rows: rows, maxLength: maxLength }),
+        dynamicPlaceholder && React.createElement("label", null, label),
+        iconName && React.createElement(Icon, { name: iconName, size: 'small' }),
+        statusIconName && React.createElement(Icon, { name: statusIconName, size: 'small' }),
+        help && (React.createElement(Text, { typo: typo, className: helpClasses }, help)),
+        maxLength && React.createElement("div", { className: counterClasses }, `${value.length}/${maxLength === null || maxLength === void 0 ? void 0 : maxLength.toString()}`)));
+};
+export default Textarea;
+//# sourceMappingURL=Textarea.js.map

package/lib/components/textarea/Textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../components/textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,sDAAsD;AACtD,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEjD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,QAAQ,GAAG,CAAC,EAChB,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,OAAO,GAAG,IAAI,EACd,WAAW,EACX,YAAY,EACZ,OAAO,GAAG,IAAI,EACd,IAAI,EACJ,MAAM,EACN,cAAc,EACd,kBAAkB,GAAG,IAAI,EACzB,IAAI,EACJ,GAAG,EACH,KAAK,EACL,SAAS,EACT,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,GAAG,MAAM,EACK,EAAe,EAAE;IAC/B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,IAAI,EAAE,CAAC,CAAA;IACtD,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,YAAY,IAAI,EAAE,CAAC,CAAA;IAC9B,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,MAAM,cAAc,GAAG,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,kBAAkB,EAAE,SAAS,EAAE,MAAM,IAAI,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;IACnG,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CAAC,UAAU,EAAE,kBAAkB,IAAI,GAAG,CAAC,eAAe,CAAC,EAAE,QAAQ,IAAI,GAAG,CAAC,MAAM,CAAC,CAAC,CACtF,CAAA;IAED,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,CAAA;IAChC,MAAM,cAAc,GAAG,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAA;IAEpE,OAAO,CACL,6BAAK,SAAS,EAAE,cAAc;QAC3B,CAAC,kBAAkB,IAAI,mCAAQ,KAAK,CAAS;QAE9C,iDACe,MAAM,EACnB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,KACJ,MAAM,EACV,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;gBACd,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;gBACxB,IAAI,QAAQ,EAAE;oBACZ,QAAQ,CAAC;wBACP,YAAY,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI;wBAC3B,aAAa,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK;qBAC9B,CAAC,CAAA;iBACH;YACH,CAAC,EACD,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,GACpB;QACD,kBAAkB,IAAI,mCAAQ,KAAK,CAAS;QAC5C,QAAQ,IAAI,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,OAAO,GAAG;QACjD,cAAc,IAAI,oBAAC,IAAI,IAAC,IAAI,EAAE,cAAc,EAAE,IAAI,EAAC,OAAO,GAAG;QAC7D,IAAI,IAAI,CACP,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,IACrC,IAAI,CACA,CACR;QACA,SAAS,IAAI,6BAAK,SAAS,EAAE,cAAc,IAAG,GAAG,KAAK,CAAC,MAAM,IAAI,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,EAAE,EAAE,CAAO,CAC5F,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/lib/components/textarea/Textarea.native.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TextareaNativeProps } from './TextareaProps';
+declare const _default: React.ForwardRefExoticComponent<Omit<TextareaNativeProps, "ref"> & React.RefAttributes<unknown>>;
+export default _default;

package/lib/components/textarea/Textarea.native.js

@@ -0,0 +1,124 @@
+import React, { forwardRef, useEffect, useRef, useState } from 'react';
+import { Animated, StyleSheet, Text, TextInput, View } from 'react-native';
+import { InputAutoCapitalize, InputKeyboardAppearance, InputKeyboardType, InputTextContentType, } from '../input/InputEnum';
+import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
+import { AlertState, getAlertStyle } from '../../objects/facets/Alert';
+import { Icon } from '../icon';
+import { ComponentName } from '../enumsComponentsName';
+/**
+ * Textarea Native Component
+ * @param name {string} Textarea name
+ * @param disabled {boolean} Disabled input
+ * @param onChange {Function} OnChange Input Event
+ * @param placeholder {string} Placeholder Input
+ * @param defaultValue {string} Default Value for Input
+ * @param help {string} Help for input
+ * @param ref Pass a ref for textarea
+ * @param keyboardStyle {InputKeyboardAppearance} Custom appearance for keyboard
+ * @param autoCapitalize {InputAutoCapitalize} Capitalize => NONE | SENTENCES | WORDS | CHARS
+ * @param status {InputStatus} Textarea with status - (SUCCESS|WARNING|ERROR|DEFAULT)
+ * @param autoCorrect {boolean} Auto correct sentence
+ * @param autoCompleteType {InputAutoCompleteType} Auto complete input type
+ * @param textContentType {InputTextContentType} Give the keyboard and the system information
+ * @param keyboardType {InputKeyboardType} Keybaord type
+ * @param maxLength {number} Textarea max length
+ */
+const Textarea = ({ defaultValue, name, onChange, disabled, help, placeholder, keyboardStyle, autoCapitalize, autoCorrect, textContentType, keyboardType, status, maxLength, dynamicPlaceholder = true, label, iconName, statusIconName, customHeight = 100, value, ...others }, 
+// eslint-disable-next-line
+ref) => {
+    const [_value, setValue] = useState(value || '');
+    const [isFocus, setIsFocus] = useState(false);
+    const [height, setHeight] = useState(customHeight);
+    const [displayDynamicLabel, setDisplayDynamicLabel] = useState(false);
+    const textareaColor = isFocus ? getColorStyle(TrilogyColor.SECONDARY) : getColorStyle(TrilogyColor.GREY);
+    const animation = useRef(new Animated.Value(0)).current;
+    useEffect(() => {
+        if (displayDynamicLabel) {
+            Animated.timing(animation, {
+                toValue: 1,
+                duration: 5000,
+                useNativeDriver: false,
+            }).start();
+        }
+    }, [displayDynamicLabel, animation]);
+    const styles = StyleSheet.create({
+        textarea: {
+            borderWidth: isFocus ? 2 : 1,
+            borderRadius: 3,
+            borderColor: (status && status === 'success' && getAlertStyle(AlertState.SUCCESS)) ||
+                (status && status === 'warning' && getAlertStyle(AlertState.WARNING)) ||
+                (status && status === 'error' && getAlertStyle(AlertState.ERROR)) ||
+                (status && status === 'default' && textareaColor) ||
+                textareaColor,
+            height,
+            justifyContent: 'flex-start',
+            paddingLeft: iconName ? 48 : 16,
+            paddingRight: maxLength ? 48 : 16,
+            paddingTop: dynamicPlaceholder && displayDynamicLabel ? 24 : 8,
+            textAlignVertical: 'top',
+            color: getColorStyle(TrilogyColor.TERTIARY),
+            backgroundColor: disabled ? getColorStyle(TrilogyColor.GREY_DISABLED) : getColorStyle(TrilogyColor.WHITE),
+            /*  width: '',*/
+        },
+        help: {
+            fontSize: 12,
+            color: (status && status === 'success' && getAlertStyle(AlertState.SUCCESS)) ||
+                (status && status === 'warning' && getAlertStyle(AlertState.WARNING)) ||
+                (status && status === 'error' && getAlertStyle(AlertState.ERROR)) ||
+                (status && status === 'default' && textareaColor) ||
+                textareaColor,
+            paddingLeft: 4,
+            paddingTop: 2,
+        },
+        counter: {
+            fontSize: 10,
+            color: getColorStyle(TrilogyColor.TERTIARY),
+            position: 'absolute',
+            bottom: help ? 24 : 8,
+            right: 8,
+            backgroundColor: disabled ? getColorStyle(TrilogyColor.GREY_DISABLED) : 'white',
+            padding: 3,
+        },
+        dynamicLabel: {
+            position: 'absolute',
+            top: 2,
+            left: iconName ? 40 : 8,
+            fontSize: 12,
+            color: getColorStyle(TrilogyColor.GREY_DARK),
+            backgroundColor: 'transparent',
+            padding: 8,
+            paddingBottom: 4,
+        },
+        leftIcon: {
+            position: 'absolute',
+            top: 16,
+            left: 16,
+        },
+        rightIcon: {
+            position: 'absolute',
+            top: dynamicPlaceholder ? 16 : 32,
+            right: 16,
+        },
+    });
+    return (React.createElement(View, null,
+        !dynamicPlaceholder && React.createElement(Text, null, label),
+        iconName && React.createElement(Icon, { style: styles.leftIcon, name: iconName, size: 'small' }),
+        React.createElement(TextInput, { maxLength: maxLength, value: _value, defaultValue: defaultValue, editable: !disabled, multiline: true, keyboardAppearance: keyboardStyle || InputKeyboardAppearance.DEFAULT, autoCapitalize: autoCapitalize || InputAutoCapitalize.NONE, autoCorrect: autoCorrect || false, textContentType: textContentType || InputTextContentType.NONE, keyboardType: keyboardType || InputKeyboardType.DEFAULT, onChangeText: (text) => {
+                setDisplayDynamicLabel(text.length > 0);
+                setValue(text);
+                if (onChange) {
+                    onChange({
+                        textareaName: (name && name) || '',
+                        textareaValue: text,
+                    });
+                }
+            }, placeholder: placeholder, style: styles.textarea, onFocus: () => setIsFocus(true), onBlur: () => setIsFocus(false), ...others, ref: ref, onContentSizeChange: (event) => _value.length > 0 && setHeight(event.nativeEvent.contentSize.height + 33) }),
+        statusIconName && (React.createElement(Text, { style: styles.rightIcon },
+            React.createElement(Icon, { name: statusIconName, size: 'small', color: status && status.toUpperCase() }))),
+        displayDynamicLabel && dynamicPlaceholder && React.createElement(Text, { style: styles.dynamicLabel }, label),
+        maxLength && (React.createElement(Text, { style: styles.counter }, value ? `${value === null || value === void 0 ? void 0 : value.length} / ${maxLength}` : `0 / ${maxLength}`)),
+        help && React.createElement(Text, { style: styles.help }, help)));
+};
+Textarea.displayName = ComponentName.Textarea;
+export default forwardRef(Textarea);
+//# sourceMappingURL=Textarea.native.js.map

package/lib/components/textarea/Textarea.native.js.map

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

package/lib/components/textarea/TextareaProps.d.ts

@@ -0,0 +1,48 @@
+import { IconName, IconNameValues } from './../icon/IconNameEnum';
+import { Referenceable, ReferenceableNative } from './../../objects/facets/Referenceable';
+import { InputAutoCapitalize, InputAutoCapitalizeValues, InputAutoCompleteType, InputAutoCompleteTypeValues, InputKeyboardAppearance, InputKeyboardAppearanceValues, InputKeyboardType, InputKeyboardTypeValues, InputStatus, InputStatusValues, InputTextContentType, InputTextContentTypeValues } from '../input/InputEnum';
+import { TextInput } from 'react-native';
+import { IconStatus } from '../icon';
+import { Accessibility, TypographyColor, TypographyColorValues } from '../../objects';
+export interface TextareaChangeEvent {
+    textareaName: string;
+    textareaValue: string;
+}
+type TextareaChangeEventHandler = (event: TextareaChangeEvent) => void;
+type TextareaPropsWeb = Accessibility & {
+    placeholder?: string;
+    defaultValue?: string;
+    value?: string;
+    disabled?: boolean;
+    onChange?: TextareaChangeEventHandler;
+    status?: InputStatus | InputStatusValues | IconStatus;
+    help?: string;
+    /** @deprecated */
+    name?: string;
+    className?: string;
+    /** @deprecated */
+    hovered?: boolean;
+    /** @deprecated */
+    focused?: boolean;
+    keyboardStyle?: InputKeyboardAppearance | InputKeyboardAppearanceValues;
+    autoCapitalize?: InputAutoCapitalize | InputAutoCapitalizeValues;
+    autoCorrect?: any;
+    autoCompleteType?: InputAutoCompleteType | InputAutoCompleteTypeValues;
+    textContentType?: InputTextContentType | InputTextContentTypeValues;
+    keyboardType?: InputKeyboardType | InputKeyboardTypeValues;
+    minLength?: number;
+    maxLength?: number;
+    dynamicPlaceholder?: boolean;
+    rows?: number;
+    label?: string;
+    iconName?: IconName | IconNameValues;
+    statusIconName?: IconName | IconNameValues;
+    typo?: TypographyColor | TypographyColorValues;
+    customHeight?: number;
+};
+export type TextareaNativeProps = TextareaPropsWeb & ReferenceableNative<TextInput>;
+/**
+ * Textarea Interface
+ */
+export type TextareaProps = TextareaPropsWeb & Referenceable<HTMLTextAreaElement>;
+export {};

package/lib/components/textarea/TextareaProps.js

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

package/lib/components/textarea/TextareaProps.js.map

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

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

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

package/lib/components/textarea/index.js

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

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

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

package/lib/components/tile/Tile.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { TileProps } from './TileProps';
+/**
+ * Tile Component
+ * @param children {ReactNode} Tile Children
+ * @param className {string} Additionnal CSS Classes
+ * @param onClick {Function} onClick Event
+ * @param to {string} link to url
+ * @param ancestor {boolean} Tile is an ancestor
+ * @param child {boolean} Tile is a child
+ * @param parent {boolean} Tile is a parent
+ * @param vertical {boolean} Tile is vertical
+ * @param markup {TileMarkup} HTML element : div|a
+ * @param routerLink Custom Router Link as props
+ */
+declare const Tile: ({ children, className, ancestor, child, markup, onClick, to, parent, vertical, routerLink, testId, ...others }: TileProps) => JSX.Element;
+export default Tile;

package/lib/components/tile/Tile.js

@@ -0,0 +1,35 @@
+import React from 'react';
+import clsx from 'clsx';
+import { Text } from '../text';
+import { TileMarkup } from './TileEnum';
+import { is } from '../../services';
+import { hashClass } from '../../helpers';
+import { useTrilogyContext } from '../../context';
+/**
+ * Tile Component
+ * @param children {ReactNode} Tile Children
+ * @param className {string} Additionnal CSS Classes
+ * @param onClick {Function} onClick Event
+ * @param to {string} link to url
+ * @param ancestor {boolean} Tile is an ancestor
+ * @param child {boolean} Tile is a child
+ * @param parent {boolean} Tile is a parent
+ * @param vertical {boolean} Tile is vertical
+ * @param markup {TileMarkup} HTML element : div|a
+ * @param routerLink Custom Router Link as props
+ */
+const Tile = ({ children, className, ancestor, child, markup = TileMarkup.DIV, onClick, to, parent, vertical, routerLink, testId, ...others }) => {
+    const { styled } = useTrilogyContext();
+    const classes = hashClass(styled, clsx('tile', ancestor && is('ancestor'), child && is('child'), parent && is('parent'), vertical && is('vertical'), className));
+    const Tag = markup;
+    const content = Array.isArray(children) ? (children.map((child, index) => {
+        return child && typeof child.valueOf() === 'string' ? React.createElement(Text, { key: index }, String(child)) : child;
+    })) : children && typeof children.valueOf() === 'string' ? (React.createElement(Text, null, String(children))) : (children);
+    if (routerLink && to) {
+        const RouterLink = (routerLink ? routerLink : 'a');
+        return (React.createElement(RouterLink, { className: classes, onClick: onClick, to: to, ...others }, content));
+    }
+    return (React.createElement(Tag, { "data-testid": testId, className: classes, ...others, onClick: onClick }, content));
+};
+export default Tile;
+//# sourceMappingURL=Tile.js.map

package/lib/components/tile/Tile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tile.js","sourceRoot":"","sources":["../../../components/tile/Tile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AACvC,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEjD;;;;;;;;;;;;GAYG;AACH,MAAM,IAAI,GAAG,CAAC,EACZ,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,KAAK,EACL,MAAM,GAAG,UAAU,CAAC,GAAG,EACvB,OAAO,EACP,EAAE,EACF,MAAM,EACN,QAAQ,EACR,UAAU,EACV,MAAM,EACN,GAAG,MAAM,EACC,EAAe,EAAE;IAC3B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,MAAM,EACN,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAC1B,KAAK,IAAI,EAAE,CAAC,OAAO,CAAC,EACpB,MAAM,IAAI,EAAE,CAAC,QAAQ,CAAC,EACtB,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAC1B,SAAS,CACV,CACF,CAAA;IAED,MAAM,GAAG,GAAG,MAAM,CAAA;IAElB,MAAM,OAAO,GAAoB,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CACzD,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAsB,EAAE,KAAa,EAAE,EAAE;QACrD,OAAO,KAAK,IAAI,OAAO,KAAK,CAAC,OAAO,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,oBAAC,IAAI,IAAC,GAAG,EAAE,KAAK,IAAG,MAAM,CAAC,KAAK,CAAC,CAAQ,CAAC,CAAC,CAAC,KAAK,CAAA;IACxG,CAAC,CAAC,CACH,CAAC,CAAC,CAAC,QAAQ,IAAI,OAAO,QAAQ,CAAC,OAAO,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,CACvD,oBAAC,IAAI,QAAE,MAAM,CAAC,QAAQ,CAAC,CAAQ,CAChC,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CAAA;IAED,IAAI,UAAU,IAAI,EAAE,EAAE;QACpB,MAAM,UAAU,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAsB,CAAA;QACvE,OAAO,CACL,oBAAC,UAAU,IAAC,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,KAAM,MAAM,IACjE,OAAO,CACG,CACd,CAAA;KACF;IACD,OAAO,CACL,oBAAC,GAAG,mBAAc,MAAM,EAAE,SAAS,EAAE,OAAO,KAAM,MAAM,EAAE,OAAO,EAAE,OAAO,IACvE,OAAO,CACJ,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAA"}

package/lib/components/tile/Tile.native.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { TileProps } from './TileProps';
+import { ComponentName } from '../enumsComponentsName';
+/**
+ * Tile Component
+ * @param children {ReactNode} Tile Children
+ * @param onClick {Function} onClick Event
+ */
+declare const Tile: {
+    ({ children, onClick, ...others }: TileProps): JSX.Element;
+    displayName: ComponentName;
+};
+export default Tile;

package/lib/components/tile/Tile.native.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import { StyleSheet, TouchableOpacity, View } from 'react-native';
+import { Text } from '../text';
+import { ComponentName } from '../enumsComponentsName';
+/**
+ * Tile Component
+ * @param children {ReactNode} Tile Children
+ * @param onClick {Function} onClick Event
+ */
+const Tile = ({ children, onClick, ...others }) => {
+    const styles = StyleSheet.create({
+        tile: {
+        // alignSelf: 'baseline',
+        },
+    });
+    const tileView = (React.createElement(View, { style: styles.tile, ...others }, Array.isArray(children) ? (children.map((child, index) => (child && typeof child.valueOf() === 'string' ? React.createElement(Text, { key: index }, String(child)) : child))) : children && typeof children.valueOf() === 'string' ? (React.createElement(Text, null, String(children))) : (children)));
+    return onClick ? (React.createElement(View, null,
+        React.createElement(TouchableOpacity, { onPress: onClick, activeOpacity: 0.85 }, tileView))) : (tileView);
+};
+Tile.displayName = ComponentName.Tile;
+export default Tile;
+//# sourceMappingURL=Tile.native.js.map

package/lib/components/tile/Tile.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tile.native.js","sourceRoot":"","sources":["../../../components/tile/Tile.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AAEtD;;;;GAIG;AACH,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM,EAAa,EAAe,EAAE;IACxE,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,IAAI,EAAE;QACJ,yBAAyB;SAC1B;KACF,CAAC,CAAA;IACF,MAAM,QAAQ,GAAG,CACf,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,KAAM,MAAM,IACjC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CACzB,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAsB,EAAE,KAAa,EAAE,EAAE,CACrD,CAAC,KAAK,IAAI,OAAO,KAAK,CAAC,OAAO,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,oBAAC,IAAI,IAAC,GAAG,EAAE,KAAK,IAAG,MAAM,CAAC,KAAK,CAAC,CAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAClG,CACF,CAAC,CAAC,CAAC,QAAQ,IAAI,OAAO,QAAQ,CAAC,OAAO,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,CACvD,oBAAC,IAAI,QAAE,MAAM,CAAC,QAAQ,CAAC,CAAQ,CAChC,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACI,CACR,CAAA;IAED,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,oBAAC,IAAI;QACH,oBAAC,gBAAgB,IAAC,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,IAAI,IACpD,QAAQ,CACQ,CACd,CACR,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CAAA;AACH,CAAC,CAAA;AAED,IAAI,CAAC,WAAW,GAAG,aAAa,CAAC,IAAI,CAAA;AAErC,eAAe,IAAI,CAAA"}

package/lib/components/tile/TileEnum.d.ts

@@ -0,0 +1,5 @@
+export declare enum TileMarkup {
+    DIV = "div",
+    A = "a"
+}
+export type TileMarkupValues = `${TileMarkup}`;

package/lib/components/tile/TileEnum.js

@@ -0,0 +1,6 @@
+export var TileMarkup;
+(function (TileMarkup) {
+    TileMarkup["DIV"] = "div";
+    TileMarkup["A"] = "a";
+})(TileMarkup || (TileMarkup = {}));
+//# sourceMappingURL=TileEnum.js.map

package/lib/components/tile/TileEnum.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TileEnum.js","sourceRoot":"","sources":["../../../components/tile/TileEnum.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,UAGX;AAHD,WAAY,UAAU;IACpB,yBAAW,CAAA;IACX,qBAAO,CAAA;AACT,CAAC,EAHW,UAAU,KAAV,UAAU,QAGrB"}

package/lib/components/tile/TileProps.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { Accessibility, Clickable } from '../../objects';
+import { TileMarkup, TileMarkupValues } from './TileEnum';
+/**
+ * Tile Interface
+ */
+export interface TileProps extends Clickable, Accessibility {
+    children: React.ReactNode;
+    child?: boolean;
+    parent?: boolean;
+    ancestor?: boolean;
+    vertical?: boolean;
+    markup?: TileMarkup | TileMarkupValues;
+    to?: string;
+    className?: string;
+    routerLink?: React.ElementType;
+}

package/lib/components/tile/TileProps.js

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

package/lib/components/tile/TileProps.js.map

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

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

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

package/lib/components/tile/index.js

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

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

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

package/lib/components/timeline/Timeline.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { TimelineProps } from './TimelineProps';
+/**
+ * Timeline Component
+ * @param notifications {boolean} Timeline notification rendering
+ * @param children {ReactNode}
+ * - --------------- WEB PROPERTIES ----------------------------------
+ * @param horizontal {boolean} timeline horizontal
+ * @param className {string} Additionnal CSS Classes
+ */
+declare const Timeline: ({ className, notifications, horizontal, ...others }: TimelineProps) => JSX.Element;
+export default Timeline;

package/lib/components/timeline/Timeline.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { hashClass } from '../../helpers';
+import clsx from 'clsx';
+import { useTrilogyContext } from '../../context';
+import { is } from '../../services';
+/**
+ * Timeline Component
+ * @param notifications {boolean} Timeline notification rendering
+ * @param children {ReactNode}
+ * - --------------- WEB PROPERTIES ----------------------------------
+ * @param horizontal {boolean} timeline horizontal
+ * @param className {string} Additionnal CSS Classes
+ */
+const Timeline = ({ className, notifications, horizontal, ...others }) => {
+    const { styled } = useTrilogyContext();
+    const timelineRef = React.useRef(null);
+    const classes = hashClass(styled, clsx('timeline', notifications && notifications, horizontal && is('horizontal'), className));
+    return React.createElement("div", { ref: timelineRef, className: classes, ...others });
+};
+export default Timeline;
+//# sourceMappingURL=Timeline.js.map

package/lib/components/timeline/Timeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.js","sourceRoot":"","sources":["../../../components/timeline/Timeline.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;AACjD,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA;AAEnC;;;;;;;GAOG;AACH,MAAM,QAAQ,GAAG,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,MAAM,EAAiB,EAAe,EAAE;IACnG,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAA;IACtD,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CAAC,UAAU,EAAE,aAAa,IAAI,aAAa,EAAE,UAAU,IAAI,EAAE,CAAC,YAAY,CAAC,EAAE,SAAS,CAAC,CAC5F,CAAA;IAED,OAAO,6BAAK,GAAG,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,KAAM,MAAM,GAAI,CAAA;AAClE,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/lib/components/timeline/Timeline.native.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { TimelineProps } from './TimelineProps';
+import { ComponentName } from '../enumsComponentsName';
+interface IContext {
+    height: number;
+    setHeight: React.Dispatch<React.SetStateAction<number>>;
+}
+export declare const TimelineHeightContext: React.Context<IContext>;
+/**
+ * Timeline Native Component
+ * @param children {ReactNode} Text child
+
+ */
+declare const Timeline: {
+    ({ children }: TimelineProps): JSX.Element;
+    displayName: ComponentName;
+};
+export default Timeline;

package/lib/components/timeline/Timeline.native.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { ComponentName } from '../enumsComponentsName';
+export const TimelineHeightContext = React.createContext({
+    height: 0,
+    setHeight: () => undefined,
+});
+/**
+ * Timeline Native Component
+ * @param children {ReactNode} Text child
+
+ */
+const Timeline = ({ children }) => {
+    const styles = StyleSheet.create({
+        container: {
+            flexDirection: 'column',
+        },
+    });
+    const [height, setHeight] = React.useState(0);
+    return (React.createElement(TimelineHeightContext.Provider, { value: {
+            height,
+            setHeight,
+        } },
+        React.createElement(View, { style: styles.container }, children)));
+};
+Timeline.displayName = ComponentName.Timeline;
+export default Timeline;
+//# sourceMappingURL=Timeline.native.js.map

package/lib/components/timeline/Timeline.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.native.js","sourceRoot":"","sources":["../../../components/timeline/Timeline.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;AAOtD,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAAW;IACjE,MAAM,EAAE,CAAC;IACT,SAAS,EAAE,GAAG,EAAE,CAAC,SAAS;CAC3B,CAAC,CAAA;AAEF;;;;GAIG;AACH,MAAM,QAAQ,GAAG,CAAC,EAAE,QAAQ,EAAiB,EAAe,EAAE;IAC5D,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,SAAS,EAAE;YACT,aAAa,EAAE,QAAQ;SACxB;KACF,CAAC,CAAA;IAEF,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;IAE7C,OAAO,CACL,oBAAC,qBAAqB,CAAC,QAAQ,IAC7B,KAAK,EAAE;YACL,MAAM;YACN,SAAS;SACV;QAED,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS,IAAG,QAAQ,CAAQ,CACjB,CAClC,CAAA;AACH,CAAC,CAAA;AAED,QAAQ,CAAC,WAAW,GAAG,aAAa,CAAC,QAAQ,CAAA;AAE7C,eAAe,QAAQ,CAAA"}