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

package/lib/components/card/Card.native.js

@@ -0,0 +1,98 @@
+import React, { createContext } from 'react';
+import { StyleSheet, TouchableOpacity, View, Platform } from 'react-native';
+import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
+import ContentLoader, { Rect } from 'react-content-loader/native';
+import { ComponentName } from '../enumsComponentsName';
+export const CardContext = createContext({ floating: false, backgroundColor: '', horizontal: false, reversed: false, active: false });
+/**
+ * Card Component
+ * @param flat Adding border for Card content
+ * @param horizontal Horizontal Card orientation
+ * @param floating Floating card
+ * @param children {ReactNode}
+ * @param onClick {Function} onClick Event
+ * @param skeleton {boolean} Loading card
+ * @param reversed {boolean} Reversed card
+ * @param backgroundColor
+ * @param fullheight {boolean}
+ * @param active {boolean} Activated box
+ * @param others
+ */
+const Card = ({ children, flat, horizontal, floating, onClick, skeleton, backgroundColor = TrilogyColor.WHITE, reversed, fullheight, active, ...others }) => {
+    const borderColor = '#ccc';
+    const cardRadius = 6;
+    const styles = StyleSheet.create({
+        card: {
+            width: '100%',
+            minHeight: 100,
+            borderWidth: flat && 1 || active && 2 || 0,
+            borderColor: flat && borderColor || active && getColorStyle(TrilogyColor.SECONDARY) || 'transparent',
+            borderRadius: cardRadius,
+            backgroundColor: backgroundColor === 'transparent' ? 'rgba(0, 0, 0, 0.0)' : getColorStyle(TrilogyColor.WHITE),
+            flex: fullheight ? 1 : 0,
+        },
+        horizontal: {
+            flexDirection: 'row',
+            maxWidth: '100%',
+        },
+        shadow: {
+            shadowColor: 'rgba(0,0,0,.1)',
+            shadowOffset: { width: 2, height: 4 },
+            shadowOpacity: 0.8,
+            shadowRadius: 2,
+            elevation: 5,
+        },
+        contentHorizontal: {
+            backgroundColor: 'red',
+            borderWidth: 2,
+            margin: 2,
+            padding: 10,
+            minHeight: 10,
+        },
+        skeleton: {
+            width: '100%',
+            minHeight: 50,
+            backgroundColor: getColorStyle(TrilogyColor.GREY_LIGHTER),
+            overflow: 'hidden',
+            borderRadius: cardRadius,
+        },
+        reversed: {
+            flexDirection: 'column-reverse',
+        },
+    });
+    const CardSkeleton = () => (React.createElement(ContentLoader, { style: styles.skeleton, ...others },
+        React.createElement(View, { style: { opacity: 0 } }, children),
+        Platform.OS === 'android' && (React.createElement(View, null,
+            React.createElement(Rect, { rx: '10', ry: '10', width: '100%', height: '100%' })))));
+    let cardView;
+    if (skeleton) {
+        return React.createElement(CardSkeleton, null);
+    }
+    if (horizontal) {
+        cardView = React.createElement(View, { style: [styles.horizontal, styles.card] }, children);
+    }
+    else if (reversed) {
+        cardView = React.createElement(View, { style: [styles.reversed, styles.card] }, children);
+    }
+    else {
+        cardView = (React.createElement(View, { style: [styles.card], ...others }, children));
+    }
+    return onClick ? (React.createElement(CardContext.Provider, { value: {
+            floating: floating || false,
+            backgroundColor: backgroundColor || 'white',
+            horizontal: horizontal || false,
+            reversed: reversed || false,
+            active: active || false
+        } },
+        React.createElement(View, { style: { width: '100%' } },
+            React.createElement(TouchableOpacity, { style: { width: '100%' }, onPress: onClick, activeOpacity: 0.85 }, cardView)))) : (React.createElement(CardContext.Provider, { value: {
+            floating: floating || false,
+            backgroundColor: backgroundColor || 'white',
+            horizontal: horizontal || false,
+            reversed: reversed || false,
+            active: active || false
+        } }, cardView));
+};
+Card.displayName = ComponentName.Card;
+export default Card;
+//# sourceMappingURL=Card.native.js.map

package/lib/components/card/Card.native.js.map

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

package/lib/components/card/CardProps.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import { ClickEvent } from '../../events/OnClickEvent';
+import { Accessibility, Clickable, Fullheight, TrilogyColor } from '../../objects';
+import { AlignableProps } from '../../objects/facets/Alignable';
+import { JustifiableProps } from '../../objects/facets/Justifiable';
+/**
+ * Card Interface
+ */
+export declare enum CardMarkup {
+    DIV = "div",
+    A = "a"
+}
+export type CardMarkupValues = keyof typeof CardMarkup;
+export interface CardProps extends AlignableProps, Fullheight, JustifiableProps, Clickable, Accessibility {
+    children?: React.ReactNode;
+    flat?: boolean;
+    horizontal?: boolean;
+    floating?: boolean;
+    skeleton?: boolean;
+    className?: string;
+    onClick?: ClickEvent;
+    markup?: CardMarkup | CardMarkupValues;
+    backgroundColor?: TrilogyColor.WHITE | 'transparent';
+    reversed?: boolean;
+    to?: string;
+    active?: boolean;
+}

package/lib/components/card/CardProps.js

@@ -0,0 +1,9 @@
+/**
+ * Card Interface
+ */
+export var CardMarkup;
+(function (CardMarkup) {
+    CardMarkup["DIV"] = "div";
+    CardMarkup["A"] = "a";
+})(CardMarkup || (CardMarkup = {}));
+//# sourceMappingURL=CardProps.js.map

package/lib/components/card/CardProps.js.map

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

package/lib/components/card/content/CardContent.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { CardContentProps } from './CardContentProps';
+/**
+ * Card Content Component
+ * @param children {React.ReactNode} Custom Card Content Children
+ * @param titleSup {string} Add a sup title
+ * @param titleSupLevel {TextLevels} Sup title level
+ * @param title {string} Add a title
+ * @param titleLevel {TitleLevels} Title level
+ * @param buttonText {string} if textButton, it will add a Button with content text
+ * @param buttonVariant {ButtonColor} Add variant for Button - Default is primary
+ * @param buttonClick {Function} Click event for Button
+ * @param text {string} Content text of Card
+ * @param textLevel {TextLevels} Text level
+ * @param onClick {Function} onClick Event for all content
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal CSS Classes
+ * @param buttonMarkup {ButtonMarkup} if Button, can change the button tag
+ */
+declare const CardContent: ({ children, className, titleSup, titleSupLevel, title, titleLevel, buttonText, buttonMarkup, buttonVariant, buttonClick, text, textLevel, onClick, testId, ...others }: CardContentProps) => JSX.Element;
+export default CardContent;

package/lib/components/card/content/CardContent.js

@@ -0,0 +1,41 @@
+import React from 'react';
+import clsx from 'clsx';
+import { Title, TitleLevels } from '../../title';
+import { Text } from '../../text';
+import { Button, ButtonMarkup } from '../../button';
+import { hashClass } from '../../../helpers';
+import { useTrilogyContext } from '../../../context';
+/**
+ * Card Content Component
+ * @param children {React.ReactNode} Custom Card Content Children
+ * @param titleSup {string} Add a sup title
+ * @param titleSupLevel {TextLevels} Sup title level
+ * @param title {string} Add a title
+ * @param titleLevel {TitleLevels} Title level
+ * @param buttonText {string} if textButton, it will add a Button with content text
+ * @param buttonVariant {ButtonColor} Add variant for Button - Default is primary
+ * @param buttonClick {Function} Click event for Button
+ * @param text {string} Content text of Card
+ * @param textLevel {TextLevels} Text level
+ * @param onClick {Function} onClick Event for all content
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal CSS Classes
+ * @param buttonMarkup {ButtonMarkup} if Button, can change the button tag
+ */
+const CardContent = ({ children, className, titleSup, titleSupLevel, title, titleLevel, buttonText, buttonMarkup, buttonVariant, buttonClick, text, textLevel, onClick, testId, ...others }) => {
+    const { styled } = useTrilogyContext();
+    if (children) {
+        return (React.createElement("div", { "data-testid": testId, className: hashClass(styled, clsx('card-content', className)), ...others }, children));
+    }
+    return (React.createElement("div", { "data-testid": testId, onClick: (e) => {
+            // eslint-disable-next-line no-unused-expressions
+            onClick === null || onClick === void 0 ? void 0 : onClick(e);
+            e.stopPropagation();
+        }, className: hashClass(styled, clsx('card-content', className)), ...others },
+        titleSup && (React.createElement(Text, { level: titleSupLevel, className: 'suptitle' }, titleSup)),
+        title && (React.createElement(Title, { testId: testId ? `${testId}-title` : undefined, level: titleLevel ? titleLevel : TitleLevels.THREE }, title)),
+        text && React.createElement(Text, { level: textLevel }, text),
+        buttonText && (React.createElement(Button, { testId: testId ? `${testId}-btn` : undefined, onClick: buttonClick, variant: buttonVariant ? buttonVariant : 'PRIMARY', markup: buttonMarkup ? buttonMarkup : ButtonMarkup.BUTTON }, buttonText))));
+};
+export default CardContent;
+//# sourceMappingURL=CardContent.js.map

package/lib/components/card/content/CardContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardContent.js","sourceRoot":"","sources":["../../../../components/card/content/CardContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEpD;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,WAAW,GAAG,CAAC,EACnB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,aAAa,EACb,KAAK,EACL,UAAU,EACV,UAAU,EACV,YAAY,EACZ,aAAa,EACb,WAAW,EACX,IAAI,EACJ,SAAS,EACT,OAAO,EACP,MAAM,EACN,GAAG,MAAM,EACQ,EAAe,EAAE;IAClC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,IAAI,QAAQ,EAAE;QACZ,OAAO,CACL,4CAAkB,MAAM,EAAE,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC,KAAM,MAAM,IAChG,QAAQ,CACL,CACP,CAAA;KACF;IAED,OAAO,CACL,4CACe,MAAM,EACnB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,iDAAiD;YACjD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAA;YACZ,CAAC,CAAC,eAAe,EAAE,CAAA;QACrB,CAAC,EACD,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC,KACzD,MAAM;QAET,QAAQ,IAAI,CACX,oBAAC,IAAI,IAAC,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,UAAU,IAC9C,QAAQ,CACJ,CACR;QACA,KAAK,IAAI,CACR,oBAAC,KAAK,IAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,QAAQ,CAAC,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,IACtG,KAAK,CACA,CACT;QACA,IAAI,IAAI,oBAAC,IAAI,IAAC,KAAK,EAAE,SAAS,IAAG,IAAI,CAAQ;QAC7C,UAAU,IAAI,CACb,oBAAC,MAAM,IACL,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,MAAM,CAAC,CAAC,CAAC,SAAS,EAC5C,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,EAClD,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,IAExD,UAAU,CACJ,CACV,CACG,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}

package/lib/components/card/content/CardContent.native.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { CardContentProps } from './CardContentProps';
+import { ComponentName } from '../../enumsComponentsName';
+/**
+ * Card Content Component
+ * @param children {ReactNode} Card Content Children
+ * @param titleSup {string} Add a sup title
+ * @param title {string} Add a title
+ * @param buttonText {string} if textButton, it will add a Button with content text
+ * @param buttonVariant {ButtonColor} Add variant for Button - Default is primary
+ * @param buttonClick {Function} Click event for Button
+ * @param text {string} Content text of Card
+ * @param onClick {Function} onClick Event for all content
+ * @param floating
+ * @param others
+ */
+declare const CardContent: {
+    ({ children, titleSup, title, text, buttonText, buttonClick, buttonVariant, onClick, ...others }: CardContentProps): JSX.Element;
+    displayName: ComponentName;
+};
+export default CardContent;

package/lib/components/card/content/CardContent.native.js

@@ -0,0 +1,67 @@
+import React, { useContext } from 'react';
+import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
+import { Title, TitleLevels } from '../../title';
+import { Button } from '../../button';
+import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
+import { CardContext } from '../Card.native';
+import { ComponentName } from '../../enumsComponentsName';
+/**
+ * Card Content Component
+ * @param children {ReactNode} Card Content Children
+ * @param titleSup {string} Add a sup title
+ * @param title {string} Add a title
+ * @param buttonText {string} if textButton, it will add a Button with content text
+ * @param buttonVariant {ButtonColor} Add variant for Button - Default is primary
+ * @param buttonClick {Function} Click event for Button
+ * @param text {string} Content text of Card
+ * @param onClick {Function} onClick Event for all content
+ * @param floating
+ * @param others
+ */
+const CardContent = ({ children, titleSup, title, text, buttonText, buttonClick, buttonVariant, onClick, ...others }) => {
+    const cardContextValues = useContext(CardContext);
+    const styles = StyleSheet.create({
+        card: {
+            paddingTop: cardContextValues.floating ? 0 : 16,
+            paddingLeft: cardContextValues.floating ? 0 : 16,
+            paddingRight: cardContextValues.floating ? 0 : 16,
+            paddingBottom: cardContextValues.floating ? 0 : 16,
+            minHeight: 10,
+            backgroundColor: cardContextValues.backgroundColor === 'transparent' ? 'rgba(0, 0, 0, 0)' : getColorStyle(TrilogyColor.WHITE),
+            borderBottomEndRadius: 6,
+            borderBottomStartRadius: 6,
+            flex: cardContextValues.horizontal ? 1 : 0,
+        },
+        view: {
+            width: '100%',
+        },
+        text: {
+            color: getColorStyle(TrilogyColor.TERTIARY),
+            fontSize: 12,
+        },
+        padding: {
+            marginBottom: cardContextValues.floating ? 0 : 16,
+        },
+    });
+    if (children) {
+        if (onClick) {
+            return (React.createElement(View, { style: styles.card },
+                React.createElement(TouchableOpacity, { style: { width: '100%', paddingBottom: 16 }, onPress: onClick }, children)));
+        }
+        return (React.createElement(View, { style: styles.card, ...others }, children));
+    }
+    const cardContent = (React.createElement(View, { style: styles.card, ...others },
+        titleSup && React.createElement(Title, { overline: true }, titleSup),
+        title && React.createElement(Title, { level: TitleLevels.ONE }, title),
+        text && (React.createElement(React.Fragment, null,
+            React.createElement(View, { style: { marginBottom: 16 } }),
+            React.createElement(Text, { style: styles.text }, text))),
+        buttonText && (React.createElement(React.Fragment, null,
+            React.createElement(View, { style: { marginBottom: 16 } }),
+            React.createElement(Button, { variant: buttonVariant, onClick: buttonClick }, buttonText)))));
+    return onClick ? (React.createElement(View, { style: styles.view },
+        React.createElement(TouchableOpacity, { style: { width: '100%' }, onPress: onClick, activeOpacity: 0.85 }, cardContent))) : (cardContent);
+};
+CardContent.displayName = ComponentName.CardContent;
+export default CardContent;
+//# sourceMappingURL=CardContent.native.js.map

package/lib/components/card/content/CardContent.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardContent.native.js","sourceRoot":"","sources":["../../../../components/card/content/CardContent.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAEvE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAC3E,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEzD;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,GAAG,CAAC,EACnB,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,UAAU,EACV,WAAW,EACX,aAAa,EACb,OAAO,EACP,GAAG,MAAM,EACQ,EAAe,EAAE;IAClC,MAAM,iBAAiB,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IAEjD,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,IAAI,EAAE;YACJ,UAAU,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YAC/C,WAAW,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YAChD,YAAY,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YACjD,aAAa,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YAClD,SAAS,EAAE,EAAE;YACb,eAAe,EACb,iBAAiB,CAAC,eAAe,KAAK,aAAa,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,KAAK,CAAC;YAC9G,qBAAqB,EAAE,CAAC;YACxB,uBAAuB,EAAE,CAAC;YAC1B,IAAI,EAAE,iBAAiB,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SAC3C;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,MAAM;SACd;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,aAAa,CAAC,YAAY,CAAC,QAAQ,CAAC;YAC3C,QAAQ,EAAE,EAAE;SACb;QACD,OAAO,EAAE;YACP,YAAY,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;SAClD;KACF,CAAC,CAAA;IAEF,IAAI,QAAQ,EAAE;QACZ,IAAI,OAAO,EAAE;YACX,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI;gBACtB,oBAAC,gBAAgB,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,OAAO,IAC5E,QAAQ,CACQ,CACd,CACR,CAAA;SACF;QACD,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,KAAM,MAAM,IACjC,QAAQ,CACJ,CACR,CAAA;KACF;IAED,MAAM,WAAW,GAAG,CAClB,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,KAAM,MAAM;QACjC,QAAQ,IAAI,oBAAC,KAAK,IAAC,QAAQ,UAAE,QAAQ,CAAS;QAC9C,KAAK,IAAI,oBAAC,KAAK,IAAC,KAAK,EAAE,WAAW,CAAC,GAAG,IAAG,KAAK,CAAS;QACvD,IAAI,IAAI,CACP;YACE,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,GAAI;YACrC,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,IAAG,IAAI,CAAQ,CACtC,CACJ;QACA,UAAU,IAAI,CACb;YACE,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,GAAI;YACrC,oBAAC,MAAM,IAAC,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,WAAW,IACjD,UAAU,CACJ,CACR,CACJ,CACI,CACR,CAAA;IAED,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI;QACtB,oBAAC,gBAAgB,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,IAAI,IAC9E,WAAW,CACK,CACd,CACR,CAAC,CAAC,CAAC,CACF,WAAW,CACZ,CAAA;AACH,CAAC,CAAA;AAED,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC,WAAW,CAAA;AAEnD,eAAe,WAAW,CAAA"}

package/lib/components/card/content/CardContentProps.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+import { ButtonMarkup, ButtonMarkupValues, ButtonColor, ButtonColorValues } from '../../button/ButtonEnum';
+import { TitleLevels, TitleLevelValues } from '../../title/TitleEnum';
+import { TextLevelValues } from '../../text/TextEnum';
+import { ClickEvent } from '../../../events/OnClickEvent';
+import { Accessibility, Clickable, TrilogyColor } from '../../../objects';
+/**
+ * Card Content Interface
+ */
+export interface CardContentProps extends Clickable, Accessibility {
+    children?: React.ReactNode;
+    titleSup?: string;
+    titleSupLevel?: TextLevelValues;
+    title?: string;
+    titleLevel?: TitleLevels | TitleLevelValues;
+    buttonText?: string;
+    text?: string;
+    textLevel?: TextLevelValues;
+    buttonVariant?: ButtonColor | ButtonColorValues;
+    buttonClick?: ClickEvent;
+    className?: string;
+    buttonMarkup?: ButtonMarkup | ButtonMarkupValues;
+    onClick?: ClickEvent;
+    floating?: boolean;
+    backgroundColor?: TrilogyColor.WHITE | 'transparent';
+}

package/lib/components/card/content/CardContentProps.js

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

package/lib/components/card/content/CardContentProps.js.map

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

package/lib/components/card/content/index.d.ts

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

package/lib/components/card/content/index.js

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

package/lib/components/card/content/index.js.map

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

package/lib/components/card/image/CardImage.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { CardImageProps } from './CardImageProps';
+/**
+ * Card Image Component
+ * @param src Image source
+ * @param alt Alt attribute
+ * @param className Additionnal CSS Classes
+ * @param size Image Card size on horizontal align
+ * @param onClick {Function} onClick Event
+ * - -------------------------- NATIVE PROPERTIES -------------------------------
+ * @param horizontal {boolean} Horizontal Card orientation
+ * @param contain {boolean} Resize mode contain
+ */
+declare const CardImage: ({ src, alt, className, size, onClick, ...others }: CardImageProps) => JSX.Element;
+export default CardImage;

package/lib/components/card/image/CardImage.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import clsx from 'clsx';
+import { is } from '../../../services/classify';
+import { hashClass } from '../../../helpers';
+import { useTrilogyContext } from '../../../context';
+/**
+ * Card Image Component
+ * @param src Image source
+ * @param alt Alt attribute
+ * @param className Additionnal CSS Classes
+ * @param size Image Card size on horizontal align
+ * @param onClick {Function} onClick Event
+ * - -------------------------- NATIVE PROPERTIES -------------------------------
+ * @param horizontal {boolean} Horizontal Card orientation
+ * @param contain {boolean} Resize mode contain
+ */
+const CardImage = ({ src, alt, className, size, onClick, ...others }) => {
+    const { styled } = useTrilogyContext();
+    const classes = hashClass(styled, clsx('card-image', size && is(`${size}`), className));
+    return (React.createElement("div", { onClick: (e) => {
+            // eslint-disable-next-line no-unused-expressions
+            onClick === null || onClick === void 0 ? void 0 : onClick(e);
+            e.stopPropagation();
+        }, className: classes },
+        React.createElement("figure", { className: hashClass(styled, clsx('image')), ...others },
+            React.createElement("img", { ...{ src: typeof src === 'string' ? src : '', alt } }))));
+};
+export default CardImage;
+//# sourceMappingURL=CardImage.js.map

package/lib/components/card/image/CardImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardImage.js","sourceRoot":"","sources":["../../../../components/card/image/CardImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,EAAE,EAAE,MAAM,4BAA4B,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEpD;;;;;;;;;;GAUG;AACH,MAAM,SAAS,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,MAAM,EAAkB,EAAe,EAAE;IACnG,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,OAAO,GAAG,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,YAAY,EAAE,IAAI,IAAI,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC,CAAA;IAEvF,OAAO,CACL,6BACE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,iDAAiD;YACjD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAA;YACZ,CAAC,CAAC,eAAe,EAAE,CAAA;QACrB,CAAC,EACD,SAAS,EAAE,OAAO;QAElB,gCAAQ,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,KAAM,MAAM;YAC7D,gCAAS,EAAE,GAAG,EAAE,OAAO,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,GAAI,CACtD,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}

package/lib/components/card/image/CardImage.native.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { CardImageProps } from './CardImageProps';
+import { ComponentName } from '../../enumsComponentsName';
+/**
+ * Card Image Component
+ * @param src Image source
+ * @param size Image Card size on horizontal align
+ * @param alt Alt attribute
+ * @param onClick {Function} onClick Event
+ * @param horizontal {boolean} Horizontal Card orientation
+ * @param contain {boolean} Resize mode contain
+ */
+declare const CardImage: {
+    ({ src, size, alt, onClick, horizontal, contain, ...others }: CardImageProps): JSX.Element;
+    displayName: ComponentName;
+};
+export default CardImage;

package/lib/components/card/image/CardImage.native.js

@@ -0,0 +1,46 @@
+import React, { useContext, useEffect, useState } from 'react';
+import { StyleSheet, Image, View, TouchableOpacity } from 'react-native';
+import { CardContext } from '../Card.native';
+import { ComponentName } from '../../enumsComponentsName';
+/**
+ * Card Image Component
+ * @param src Image source
+ * @param size Image Card size on horizontal align
+ * @param alt Alt attribute
+ * @param onClick {Function} onClick Event
+ * @param horizontal {boolean} Horizontal Card orientation
+ * @param contain {boolean} Resize mode contain
+ */
+const CardImage = ({ src, size, alt, onClick, horizontal, contain, ...others }) => {
+    const maxSize = horizontal ? '50%' : '100%';
+    const [ratio, setRatio] = useState(1);
+    const cardContextValues = useContext(CardContext);
+    const styles = StyleSheet.create({
+        cardImage: {
+            width: size ? `${size}0%` : maxSize,
+            aspectRatio: ratio,
+            resizeMode: contain ? 'contain' : 'cover',
+            alignSelf: contain ? 'flex-end' : 'auto',
+            marginBottom: 0,
+            borderBottomRightRadius: (cardContextValues.horizontal && 1) || (cardContextValues.reversed && 8) || 0,
+            borderBottomLeftRadius: (cardContextValues.horizontal && 8) || (cardContextValues.reversed && 8) || 0,
+            borderTopRightRadius: (cardContextValues.horizontal && 1) || (cardContextValues.reversed && 1) || (cardContextValues.active && 5) || 8,
+            borderTopLeftRadius: (cardContextValues.horizontal && 1) || (cardContextValues.reversed && 1) || (cardContextValues.active && 5) || 8,
+        },
+    });
+    useEffect(() => {
+        if (!cardContextValues.horizontal) {
+            typeof src === 'string'
+                ? Image.getSize(src, (w, h) => {
+                    h && setRatio(w / h);
+                }, () => setRatio(1))
+                : setRatio(1);
+        }
+    }, [src]);
+    const image = (React.createElement(Image, { accessibilityLabel: alt, style: styles.cardImage, source: typeof src === 'number' ? src : { uri: src }, ...others }));
+    return onClick ? (React.createElement(View, null,
+        React.createElement(TouchableOpacity, { onPress: onClick, activeOpacity: 0.85 }, image))) : (image);
+};
+CardImage.displayName = ComponentName.CardImage;
+export default CardImage;
+//# sourceMappingURL=CardImage.native.js.map

package/lib/components/card/image/CardImage.native.js.map

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

package/lib/components/card/image/CardImageEnum.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Card Image Size Enum
+ */
+export declare enum CardImageSize {
+    SIZE_1 = 1,
+    SIZE_2 = 2,
+    SIZE_3 = 3,
+    SIZE_4 = 4
+}
+/**
+ * Card Image Size values Enum
+ */
+export type CardImageSizeValues = `${CardImageSize}`;

package/lib/components/card/image/CardImageEnum.js

@@ -0,0 +1,11 @@
+/**
+ * Card Image Size Enum
+ */
+export var CardImageSize;
+(function (CardImageSize) {
+    CardImageSize[CardImageSize["SIZE_1"] = 1] = "SIZE_1";
+    CardImageSize[CardImageSize["SIZE_2"] = 2] = "SIZE_2";
+    CardImageSize[CardImageSize["SIZE_3"] = 3] = "SIZE_3";
+    CardImageSize[CardImageSize["SIZE_4"] = 4] = "SIZE_4";
+})(CardImageSize || (CardImageSize = {}));
+//# sourceMappingURL=CardImageEnum.js.map

package/lib/components/card/image/CardImageEnum.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardImageEnum.js","sourceRoot":"","sources":["../../../../components/card/image/CardImageEnum.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAN,IAAY,aAKX;AALD,WAAY,aAAa;IACvB,qDAAU,CAAA;IACV,qDAAU,CAAA;IACV,qDAAU,CAAA;IACV,qDAAU,CAAA;AACZ,CAAC,EALW,aAAa,KAAb,aAAa,QAKxB"}

package/lib/components/card/image/CardImageProps.d.ts

@@ -0,0 +1,14 @@
+import { Clickable } from '../../../objects';
+import { CardImageSize, CardImageSizeValues } from './CardImageEnum';
+/**
+ * Card Image Interface
+ */
+export interface CardImageProps extends Clickable {
+    src: string | number;
+    size?: CardImageSize | CardImageSizeValues;
+    className?: string;
+    alt?: string;
+    /** @deprecated use Card "horizontal" props instead */
+    horizontal?: boolean;
+    contain?: boolean;
+}

package/lib/components/card/image/CardImageProps.js

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

package/lib/components/card/image/CardImageProps.js.map

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

package/lib/components/card/image/index.d.ts

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

package/lib/components/card/image/index.js

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

package/lib/components/card/image/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/card/image/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,aAAa,CAAA;AAEnC,eAAe,SAAS,CAAA"}

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

@@ -0,0 +1,5 @@
+import Card from './Card';
+import CardImage from './image';
+import CardContent from './content';
+export * from './image/CardImageEnum';
+export { Card, CardImage, CardContent };

package/lib/components/card/index.js

@@ -0,0 +1,6 @@
+import Card from './Card';
+import CardImage from './image';
+import CardContent from './content';
+export * from './image/CardImageEnum';
+export { Card, CardImage, CardContent };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/card/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,QAAQ,CAAA;AACzB,OAAO,SAAS,MAAM,SAAS,CAAA;AAC/B,OAAO,WAAW,MAAM,WAAW,CAAA;AAEnC,cAAc,uBAAuB,CAAA;AAErC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE,CAAA"}

package/lib/components/checkbox/Checkbox.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { CheckboxProps } from './CheckboxProps';
+/**
+ * Checkbox Component
+ * @param checked {boolean} Checked Checkbox
+ * @param disabled {boolean} Disabled
+ * @param readOnly {boolean} readonly Checkbox
+ * @param id {string} Id for button, by default id is generate
+ * @param label {string} Label for Checkbox
+ * @param onClick {ClickEvent}
+ * @param onChange {ChangeEvent}
+ * @param name {string} Name for checkbox
+ * @param children {React.ReactNode}
+ * @param tile {boolean} Checbox Tile
+ * @param description {string} Description for Checkbox tile
+ * @param iconTile {IconName} Name of icon for checkbox tile
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param value {string} Value for checkbox
+ */
+declare const Checkbox: ({ checked, className, disabled, readonly, id, label, onChange, onClick, name, value, tile, description, iconTile, horizontalTile, removeControl, removeField, reversed, labelClassName, inverted, spaced, testId, ...others }: CheckboxProps) => JSX.Element;
+export default Checkbox;