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

package/lib/components/button/Button.native.js

@@ -0,0 +1,147 @@
+import React from 'react';
+import { ActivityIndicator, StyleSheet, Text, TouchableOpacity } from 'react-native';
+import { View } from '../view';
+import { getLoadingClassName, getVariantClassName, getVariantStyle } from '../../objects';
+import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
+import { Icon, IconSize } from '../icon';
+import { ButtonColor } from './ButtonEnum';
+import { ComponentName } from '../enumsComponentsName';
+/*
+ * Helpers (reduce complexity of component to meet sonarqube requirements)
+ */
+const findBackgroundColor = ({ disabled, loading, variant }) => {
+    return ((disabled && variant === ButtonColor.TERTIARY && getColorStyle(TrilogyColor.WHITE)) ||
+        (disabled && getColorStyle(TrilogyColor.GREY_DISABLED)) ||
+        (!!loading && variant === ButtonColor.TERTIARY && getColorStyle(TrilogyColor.WHITE)) ||
+        (typeof loading === 'string' && getLoadingClassName(loading) === 'loading' && '#7F7F7F') ||
+        (typeof loading === 'boolean' && loading && '#7F7F7F') ||
+        (variant && !disabled && getVariantStyle(variant)) ||
+        (variant === ButtonColor.SECONDARY && getColorStyle(TrilogyColor.SECONDARY)) ||
+        getColorStyle(TrilogyColor.PRIMARY));
+};
+const findTextColor = ({ variant }) => {
+    return ((variant && getVariantClassName(variant) === 'secondary' && getColorStyle(TrilogyColor.WHITE)) ||
+        (variant && getVariantClassName(variant) === 'tertiary' && getColorStyle(TrilogyColor.SECONDARY)) ||
+        getColorStyle(TrilogyColor.WHITE));
+};
+const findBorderWidth = ({ variant }) => {
+    return variant === ButtonColor.TERTIARY ? 2 : 0;
+};
+const findBorderColor = ({ disabled, variant, loading }) => {
+    return ((disabled && variant === ButtonColor.TERTIARY && getColorStyle(TrilogyColor.GREY_DISABLED)) ||
+        (!disabled && !!loading && variant === ButtonColor.TERTIARY && getColorStyle(TrilogyColor.GREY_DISABLED)) ||
+        (!disabled && variant === ButtonColor.TERTIARY && getColorStyle(TrilogyColor.BG_INFO)) ||
+        getColorStyle(TrilogyColor.WHITE));
+};
+/**
+ * Button Native Component
+ * @param loading {boolean} Loading button
+ * @param disabled {boolean} Disabled button
+ * @param variant {Color} Button color : primary|secondary
+ * @param children {React.ReactNode} Button child
+ * @param onClick {Function} Click Event
+ * @param fullwidth {boolean} Fullwidth button
+ * @param testId {string} id for test
+ * @param accessibilityLabel {string}
+ * @param iconName {IconName} If Icon, Button + Icon && Button IconName
+ */
+const Button = ({ children, variant, onClick, disabled, loading, fullwidth, testId, accessibilityLabel, iconName, ...others }) => {
+    const styles = StyleSheet.create({
+        button: {
+            maxWidth: '100%',
+            minWidth: '100%',
+            paddingTop: variant === ButtonColor.TERTIARY ? 13 : 15,
+            paddingBottom: variant === ButtonColor.TERTIARY ? 13 : 15,
+            paddingLeft: variant === ButtonColor.TERTIARY ? 13 : 15,
+            paddingRight: variant === ButtonColor.TERTIARY ? 13 : 15,
+            justifyContent: 'center',
+            alignItems: 'center',
+            backgroundColor: findBackgroundColor({ disabled, loading, variant }),
+            borderRadius: 4,
+            minHeight: 45,
+            height: loading ? 52 : 'auto',
+            borderWidth: findBorderWidth({ variant }),
+            borderColor: findBorderColor({ disabled, variant, loading }),
+        },
+        text: {
+            fontFamily: 'poppins-semibold',
+            color: findTextColor({ variant }),
+            alignSelf: 'center',
+            alignItems: 'center',
+            fontWeight: 'bold',
+            justifyContent: 'center',
+        },
+        textDisabled: {
+            color: getColorStyle(TrilogyColor.GREY),
+            alignSelf: 'center',
+            alignItems: 'center',
+            fontWeight: 'bold',
+            justifyContent: 'center',
+        },
+        textDisabledIcon: {
+            color: getColorStyle(TrilogyColor.GREY),
+            alignSelf: 'center',
+            alignItems: 'center',
+            fontWeight: 'bold',
+            justifyContent: 'center',
+            marginLeft: 12,
+        },
+        fullwidth: {
+            alignSelf: 'stretch',
+        },
+        buttonIconContainer: {
+            flexDirection: 'row',
+            alignSelf: 'center',
+            alignItems: 'center',
+            fontWeight: 'bold',
+            justifyContent: 'center',
+        },
+        buttonIconText: {
+            color: findTextColor({ variant }),
+            alignSelf: 'center',
+            alignItems: 'center',
+            fontWeight: 'bold',
+            justifyContent: 'center',
+            marginLeft: 8,
+        },
+    });
+    const buttonTestId = testId ? testId : typeof children === 'string' ? children : 'NotSpecified';
+    const buttonAccessibilityLabel = accessibilityLabel
+        ? accessibilityLabel
+        : typeof children === 'string'
+            ? children
+            : 'NotSpecified';
+    /**
+     * Returns variant's classname depending on variant type
+     * @param variantType {string} - VariantType
+     * @returns {string} - Variant value
+     */
+    const iconColorVariant = (variantType) => {
+        if (variantType && ['PRIMARY', 'SECONDARY'].includes(variantType))
+            return TrilogyColor.WHITE;
+        if (variantType === 'TERTIARY')
+            return TrilogyColor.SECONDARY;
+        return TrilogyColor.WHITE;
+    };
+    return (React.createElement(TouchableOpacity, { accessible: !!buttonAccessibilityLabel, accessibilityLabel: buttonAccessibilityLabel, testID: buttonTestId, disabled: disabled, style: [styles.button, fullwidth && styles.fullwidth], onPress: (e) => onClick === null || onClick === void 0 ? void 0 : onClick(e), ...others },
+        loading && typeof loading === 'string' && getLoadingClassName(loading) === 'loading' && (React.createElement(View, { style: {
+                alignItems: 'center',
+                justifyContent: 'center',
+                height: 45,
+            } },
+            React.createElement(ActivityIndicator, { color: getColorStyle(TrilogyColor.GREY_DISABLED) }))),
+        loading && typeof loading === 'boolean' && loading === true && (React.createElement(View, { style: {
+                alignItems: 'center',
+                height: 45,
+                justifyContent: 'center',
+            } },
+            React.createElement(ActivityIndicator, { color: getColorStyle(TrilogyColor.GREY_DISABLED) }))),
+        loading && typeof loading === 'string' && getLoadingClassName(loading) === 'loaded' && (React.createElement(Text, { style: (!disabled && styles.text) || (disabled && styles.textDisabled) }, children)),
+        !loading && children && typeof children === 'string' && !iconName && (React.createElement(Text, { style: (!disabled && styles.text) || (disabled && styles.textDisabled) }, children)),
+        !loading && children && typeof children === 'string' && iconName && (React.createElement(View, { style: styles.buttonIconContainer },
+            !disabled ? (React.createElement(Icon, { name: iconName, size: IconSize.SMALL, color: iconColorVariant(variant) })) : (React.createElement(Icon, { name: iconName, size: IconSize.SMALL, color: getColorStyle(TrilogyColor.GREY_DISABLED) })),
+            React.createElement(Text, { style: (!disabled && styles.buttonIconText) || (disabled && styles.textDisabledIcon) }, children)))));
+};
+Button.displayName = ComponentName.Button;
+export default Button;
+//# sourceMappingURL=Button.native.js.map

package/lib/components/button/Button.native.js.map

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

package/lib/components/button/ButtonEnum.d.ts

@@ -0,0 +1,31 @@
+/**
+ * List of available Markup for Button
+ */
+declare enum ButtonMarkup {
+    BUTTON = "button",
+    INPUT = "input",
+    A = "a"
+}
+/**
+ * List of available type of Button
+ */
+declare enum ButtonType {
+    BUTTON = "button",
+    RESET = "reset",
+    SUBMIT = "submit"
+}
+/**
+ * Button Color
+ */
+export declare enum ButtonColor {
+    SECONDARY = "SECONDARY",
+    PRIMARY = "PRIMARY",
+    TERTIARY = "TERTIARY"
+}
+/**
+ * List of available Markup values for Button
+ */
+export type ButtonMarkupValues = `${ButtonMarkup}`;
+export type ButtonTypeValues = `${ButtonType}`;
+export type ButtonColorValues = `${ButtonColor}`;
+export { ButtonMarkup, ButtonType };

package/lib/components/button/ButtonEnum.js

@@ -0,0 +1,29 @@
+/**
+ * List of available Markup for Button
+ */
+var ButtonMarkup;
+(function (ButtonMarkup) {
+    ButtonMarkup["BUTTON"] = "button";
+    ButtonMarkup["INPUT"] = "input";
+    ButtonMarkup["A"] = "a";
+})(ButtonMarkup || (ButtonMarkup = {}));
+/**
+ * List of available type of Button
+ */
+var ButtonType;
+(function (ButtonType) {
+    ButtonType["BUTTON"] = "button";
+    ButtonType["RESET"] = "reset";
+    ButtonType["SUBMIT"] = "submit";
+})(ButtonType || (ButtonType = {}));
+/**
+ * Button Color
+ */
+export var ButtonColor;
+(function (ButtonColor) {
+    ButtonColor["SECONDARY"] = "SECONDARY";
+    ButtonColor["PRIMARY"] = "PRIMARY";
+    ButtonColor["TERTIARY"] = "TERTIARY";
+})(ButtonColor || (ButtonColor = {}));
+export { ButtonMarkup, ButtonType };
+//# sourceMappingURL=ButtonEnum.js.map

package/lib/components/button/ButtonEnum.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonEnum.js","sourceRoot":"","sources":["../../../components/button/ButtonEnum.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,IAAK,YAIJ;AAJD,WAAK,YAAY;IACf,iCAAiB,CAAA;IACjB,+BAAe,CAAA;IACf,uBAAO,CAAA;AACT,CAAC,EAJI,YAAY,KAAZ,YAAY,QAIhB;AAED;;GAEG;AACH,IAAK,UAIJ;AAJD,WAAK,UAAU;IACb,+BAAiB,CAAA;IACjB,6BAAe,CAAA;IACf,+BAAiB,CAAA;AACnB,CAAC,EAJI,UAAU,KAAV,UAAU,QAId;AAED;;GAEG;AACH,MAAM,CAAN,IAAY,WAIX;AAJD,WAAY,WAAW;IACrB,sCAAuB,CAAA;IACvB,kCAAmB,CAAA;IACnB,oCAAqB,CAAA;AACvB,CAAC,EAJW,WAAW,KAAX,WAAW,QAItB;AAWD,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,CAAA"}

package/lib/components/button/ButtonProps.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { ButtonColor, ButtonColorValues, ButtonMarkup, ButtonMarkupValues, ButtonType, ButtonTypeValues } from './ButtonEnum';
+import { Fullwidth } from '../../objects/facets/Fullwidth';
+import { Accessibility, Clickable } from '../../objects/facets';
+import { IconName, IconNameValues } from '..';
+/**
+ * Button Interface
+ */
+export interface ButtonProps extends Accessibility, Fullwidth, Clickable {
+    children?: React.ReactNode;
+    disabled?: boolean;
+    markup?: ButtonMarkup | ButtonMarkupValues;
+    href?: string;
+    className?: string;
+    to?: string;
+    id?: string;
+    loading?: boolean;
+    name?: string;
+    routerLink?: React.ElementType;
+    type?: ButtonType | ButtonTypeValues;
+    iconName?: IconName | IconNameValues;
+    variant?: ButtonColor | ButtonColorValues;
+}

package/lib/components/button/ButtonProps.js

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

package/lib/components/button/ButtonProps.js.map

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

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

@@ -0,0 +1,4 @@
+import Button from './Button';
+import { ButtonList } from './list';
+export * from './ButtonEnum';
+export { Button, ButtonList };

package/lib/components/button/index.js

@@ -0,0 +1,5 @@
+import Button from './Button';
+import { ButtonList } from './list';
+export * from './ButtonEnum';
+export { Button, ButtonList };
+//# sourceMappingURL=index.js.map

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

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

package/lib/components/button/list/ButtonList.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { ButtonListWebProps } from './ButtonListProps';
+/**
+ * Button List Component
+ * @param children {ReactNode} ButtonList children
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal CSS Classes
+ * @param centered {boolean} Centered buttons
+ * @param vertical {boolean} Verical buttons
+ * @param isMobile {boolean} espect mobile screen
+ */
+declare const ButtonList: ({ className, centered, isMobile, vertical, ...others }: ButtonListWebProps) => JSX.Element;
+export default ButtonList;

package/lib/components/button/list/ButtonList.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { has } from '../../../services';
+import clsx from 'clsx';
+import { hashClass } from '../../../helpers';
+import { useTrilogyContext } from '../../../context';
+/**
+ * Button List Component
+ * @param children {ReactNode} ButtonList children
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal CSS Classes
+ * @param centered {boolean} Centered buttons
+ * @param vertical {boolean} Verical buttons
+ * @param isMobile {boolean} espect mobile screen
+ */
+const ButtonList = ({ className, centered, isMobile, vertical, ...others }) => {
+    const { styled } = useTrilogyContext();
+    return (React.createElement("div", { className: hashClass(styled, clsx('buttons', className, centered && has('text-centered'), isMobile && 'is-mobile', vertical && 'is-vertical')), ...others }));
+};
+export default ButtonList;
+//# sourceMappingURL=ButtonList.js.map

package/lib/components/button/list/ButtonList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonList.js","sourceRoot":"","sources":["../../../../components/button/list/ButtonList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AACvC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEpD;;;;;;;;GAQG;AAEH,MAAM,UAAU,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAsB,EAAe,EAAE;IAC7G,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,OAAO,CACL,6BACE,SAAS,EAAE,SAAS,CAClB,MAAM,EACN,IAAI,CACF,SAAS,EACT,SAAS,EACT,QAAQ,IAAI,GAAG,CAAC,eAAe,CAAC,EAChC,QAAQ,IAAI,WAAW,EACvB,QAAQ,IAAI,aAAa,CAC1B,CACF,KACG,MAAM,GACV,CACH,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}

package/lib/components/button/list/ButtonList.native.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import type { ButtonListProps } from './ButtonListProps';
+import { ComponentName } from '../../enumsComponentsName';
+/**
+ * ButtonList Native Component
+ * @param children {ReactNode} ButtonList children
+ * @param autolayout {boolean} Apply auto-layout rules
+ */
+/**
+ * @deprecated
+ */
+declare const ButtonList: {
+    ({ autolayout, children }: ButtonListProps): JSX.Element;
+    displayName: ComponentName;
+};
+export default ButtonList;

package/lib/components/button/list/ButtonList.native.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import { AutoLayoutWrapper } from '../../autolayout';
+import { SpacerSize } from '../../spacer';
+import { SpacingMatrixMode } from '../../autolayout/SpacingMatrix';
+import { ComponentName } from '../../enumsComponentsName';
+const { MEDIUM, SMALL } = SpacerSize;
+const { INSERT_SPACE_BETWEEN } = SpacingMatrixMode;
+const SPACING_MATRIX = [
+    [INSERT_SPACE_BETWEEN, 'Button', 'Divider', SMALL],
+    [INSERT_SPACE_BETWEEN, 'Divider', 'Button', SMALL],
+    [INSERT_SPACE_BETWEEN, 'Button', 'Button', MEDIUM],
+];
+/**
+ * ButtonList Native Component
+ * @param children {ReactNode} ButtonList children
+ * @param autolayout {boolean} Apply auto-layout rules
+ */
+/**
+ * @deprecated
+ */
+const ButtonList = ({ autolayout = SPACING_MATRIX, children }) => {
+    return React.createElement(AutoLayoutWrapper, { ...{ autolayout, children } });
+};
+ButtonList.displayName = ComponentName.ButtonList;
+export default ButtonList;
+//# sourceMappingURL=ButtonList.native.js.map

package/lib/components/button/list/ButtonList.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonList.native.js","sourceRoot":"","sources":["../../../../components/button/list/ButtonList.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAKlE,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEzD,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,UAAU,CAAA;AACpC,MAAM,EAAE,oBAAoB,EAAE,GAAG,iBAAiB,CAAA;AAElD,MAAM,cAAc,GAAkB;IACpC,CAAC,oBAAoB,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,CAAC;IAClD,CAAC,oBAAoB,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,CAAC;IAClD,CAAC,oBAAoB,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,CAAC;CACnD,CAAA;AAED;;;;GAIG;AAEH;;GAEG;AACH,MAAM,UAAU,GAAG,CAAC,EAAE,UAAU,GAAG,cAAc,EAAE,QAAQ,EAAmB,EAAe,EAAE;IAC7F,OAAO,oBAAC,iBAAiB,OAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAI,CAAA;AAC5D,CAAC,CAAA;AAED,UAAU,CAAC,WAAW,GAAG,aAAa,CAAC,UAAU,CAAA;AAEjD,eAAe,UAAU,CAAA"}

package/lib/components/button/list/ButtonListProps.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import type { Centerable, Layout } from '../../../objects';
+import type { DividerProps } from '../../divider/DividerProps';
+import type { ButtonProps } from '../ButtonProps';
+type ButtonListChildrenTypes = React.ReactElement<ButtonProps | DividerProps> | undefined;
+/**
+ * Button List Interface
+ */
+export interface ButtonListProps extends Layout {
+    children?: ButtonListChildrenTypes | ButtonListChildrenTypes[];
+}
+/**
+ * Button List Web Interface
+ */
+export interface ButtonListWebProps extends ButtonListProps, Centerable {
+    className?: string;
+    isMobile?: boolean;
+    vertical?: boolean;
+}
+export {};

package/lib/components/button/list/ButtonListProps.js

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

package/lib/components/button/list/ButtonListProps.js.map

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

package/lib/components/button/list/index.d.ts

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

package/lib/components/button/list/index.js

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

package/lib/components/button/list/index.js.map

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

package/lib/components/button/spin-white.json

@@ -0,0 +1 @@
+{ "v": "5.5.5", "fr": 25, "ip": 0, "op": 79, "w": 300, "h": 150, "nm": "Loading-2", "ddd": 0, "assets": [], "layers": [{ "ddd": 0, "ind": 1, "ty": 4, "nm": "icon 2", "sr": 1, "ks": { "o": { "a": 0, "k": 100, "ix": 11 }, "r": { "a": 1, "k": [{ "i": { "x": [0.667], "y": [1] }, "o": { "x": [0.333], "y": [0] }, "t": 39, "s": [-90] }, { "t": 79, "s": [270] }], "ix": 10 }, "p": { "a": 0, "k": [150, 75, 0], "ix": 2 }, "a": { "a": 0, "k": [53, 53, 0], "ix": 1 }, "s": { "a": 0, "k": [100, 100, 100], "ix": 6 } }, "ao": 0, "shapes": [{ "ty": "gr", "it": [{ "ind": 0, "ty": "sh", "ix": 1, "ks": { "a": 0, "k": { "i": [[0, -15.464], [15.464, 0], [0, 15.464], [-15.464, 0]], "o": [[0, 15.464], [-15.464, 0], [0, -15.464], [15.464, 0]], "v": [[28, 0], [0, 28], [-28, 0], [0, -28]], "c": true }, "ix": 2 }, "nm": "Path 1", "mn": "ADBE Vector Shape - Group", "hd": false }, { "ty": "st", "c": { "a": 0, "k": [1, 1, 1, 1], "ix": 3 }, "o": { "a": 0, "k": 100, "ix": 4 }, "w": { "a": 0, "k": 10, "ix": 5 }, "lc": 2, "lj": 1, "ml": 10, "bm": 0, "nm": "Stroke 1", "mn": "ADBE Vector Graphic - Stroke", "hd": false }, { "ty": "tr", "p": { "a": 0, "k": [53, 53], "ix": 2 }, "a": { "a": 0, "k": [0, 0], "ix": 1 }, "s": { "a": 0, "k": [100, 100], "ix": 3 }, "r": { "a": 0, "k": 0, "ix": 6 }, "o": { "a": 0, "k": 100, "ix": 7 }, "sk": { "a": 0, "k": 0, "ix": 4 }, "sa": { "a": 0, "k": 0, "ix": 5 }, "nm": "Transform" }], "nm": "Group 1", "np": 2, "cix": 2, "bm": 0, "ix": 1, "mn": "ADBE Vector Group", "hd": false }, { "ty": "tm", "s": { "a": 1, "k": [{ "i": { "x": [0.667], "y": [1] }, "o": { "x": [0.333], "y": [0] }, "t": 51, "s": [0] }, { "t": 79, "s": [100] }], "ix": 1 }, "e": { "a": 1, "k": [{ "i": { "x": [0.667], "y": [1] }, "o": { "x": [0.333], "y": [0] }, "t": 39, "s": [0] }, { "t": 64, "s": [100] }], "ix": 2 }, "o": { "a": 0, "k": 0, "ix": 3 }, "m": 1, "ix": 2, "nm": "Trim Paths 1", "mn": "ADBE Vector Filter - Trim", "hd": false }], "ip": 39, "op": 79, "st": 39, "bm": 0 }, { "ddd": 0, "ind": 2, "ty": 4, "nm": "icon", "sr": 1, "ks": { "o": { "a": 0, "k": 100, "ix": 11 }, "r": { "a": 1, "k": [{ "i": { "x": [0.667], "y": [1] }, "o": { "x": [0.333], "y": [0] }, "t": 0, "s": [-90] }, { "t": 40, "s": [270] }], "ix": 10 }, "p": { "a": 0, "k": [150, 75, 0], "ix": 2 }, "a": { "a": 0, "k": [53, 53, 0], "ix": 1 }, "s": { "a": 0, "k": [100, 100, 100], "ix": 6 } }, "ao": 0, "shapes": [{ "ty": "gr", "it": [{ "ind": 0, "ty": "sh", "ix": 1, "ks": { "a": 0, "k": { "i": [[0, -15.464], [15.464, 0], [0, 15.464], [-15.464, 0]], "o": [[0, 15.464], [-15.464, 0], [0, -15.464], [15.464, 0]], "v": [[28, 0], [0, 28], [-28, 0], [0, -28]], "c": true }, "ix": 2 }, "nm": "Path 1", "mn": "ADBE Vector Shape - Group", "hd": false }, { "ty": "st", "c": { "a": 0, "k": [1, 1, 1, 1], "ix": 3 }, "o": { "a": 0, "k": 100, "ix": 4 }, "w": { "a": 0, "k": 10, "ix": 5 }, "lc": 2, "lj": 1, "ml": 10, "bm": 0, "nm": "Stroke 1", "mn": "ADBE Vector Graphic - Stroke", "hd": false }, { "ty": "tr", "p": { "a": 0, "k": [53, 53], "ix": 2 }, "a": { "a": 0, "k": [0, 0], "ix": 1 }, "s": { "a": 0, "k": [100, 100], "ix": 3 }, "r": { "a": 0, "k": 0, "ix": 6 }, "o": { "a": 0, "k": 100, "ix": 7 }, "sk": { "a": 0, "k": 0, "ix": 4 }, "sa": { "a": 0, "k": 0, "ix": 5 }, "nm": "Transform" }], "nm": "Group 1", "np": 2, "cix": 2, "bm": 0, "ix": 1, "mn": "ADBE Vector Group", "hd": false }, { "ty": "tm", "s": { "a": 1, "k": [{ "i": { "x": [0.667], "y": [1] }, "o": { "x": [0.333], "y": [0] }, "t": 12, "s": [0] }, { "t": 40, "s": [100] }], "ix": 1 }, "e": { "a": 1, "k": [{ "i": { "x": [0.667], "y": [1] }, "o": { "x": [0.333], "y": [0] }, "t": 0, "s": [0] }, { "t": 25, "s": [100] }], "ix": 2 }, "o": { "a": 0, "k": 0, "ix": 3 }, "m": 1, "ix": 2, "nm": "Trim Paths 1", "mn": "ADBE Vector Filter - Trim", "hd": false }], "ip": 0, "op": 40, "st": 0, "bm": 0 }], "markers": [] }

package/lib/components/button/spin.json

@@ -0,0 +1 @@
+{ "v": "5.5.5", "fr": 25, "ip": 0, "op": 79, "w": 300, "h": 150, "nm": "Loading-2", "ddd": 0, "assets": [], "layers": [{ "ddd": 0, "ind": 1, "ty": 4, "nm": "icon 2", "sr": 1, "ks": { "o": { "a": 0, "k": 100, "ix": 11 }, "r": { "a": 1, "k": [{ "i": { "x": [0.667], "y": [1] }, "o": { "x": [0.333], "y": [0] }, "t": 39, "s": [-90] }, { "t": 79, "s": [270] }], "ix": 10 }, "p": { "a": 0, "k": [150, 75, 0], "ix": 2 }, "a": { "a": 0, "k": [53, 53, 0], "ix": 1 }, "s": { "a": 0, "k": [100, 100, 100], "ix": 6 } }, "ao": 0, "shapes": [{ "ty": "gr", "it": [{ "ind": 0, "ty": "sh", "ix": 1, "ks": { "a": 0, "k": { "i": [[0, -15.464], [15.464, 0], [0, 15.464], [-15.464, 0]], "o": [[0, 15.464], [-15.464, 0], [0, -15.464], [15.464, 0]], "v": [[28, 0], [0, 28], [-28, 0], [0, -28]], "c": true }, "ix": 2 }, "nm": "Path 1", "mn": "ADBE Vector Shape - Group", "hd": false }, { "ty": "st", "c": { "a": 0, "k": [0.49019607843137253, 0.49019607843137253, 0.49019607843137253, 1], "ix": 3 }, "o": { "a": 0, "k": 100, "ix": 4 }, "w": { "a": 0, "k": 10, "ix": 5 }, "lc": 2, "lj": 1, "ml": 10, "bm": 0, "nm": "Stroke 1", "mn": "ADBE Vector Graphic - Stroke", "hd": false }, { "ty": "tr", "p": { "a": 0, "k": [53, 53], "ix": 2 }, "a": { "a": 0, "k": [0, 0], "ix": 1 }, "s": { "a": 0, "k": [100, 100], "ix": 3 }, "r": { "a": 0, "k": 0, "ix": 6 }, "o": { "a": 0, "k": 100, "ix": 7 }, "sk": { "a": 0, "k": 0, "ix": 4 }, "sa": { "a": 0, "k": 0, "ix": 5 }, "nm": "Transform" }], "nm": "Group 1", "np": 2, "cix": 2, "bm": 0, "ix": 1, "mn": "ADBE Vector Group", "hd": false }, { "ty": "tm", "s": { "a": 1, "k": [{ "i": { "x": [0.667], "y": [1] }, "o": { "x": [0.333], "y": [0] }, "t": 51, "s": [0] }, { "t": 79, "s": [100] }], "ix": 1 }, "e": { "a": 1, "k": [{ "i": { "x": [0.667], "y": [1] }, "o": { "x": [0.333], "y": [0] }, "t": 39, "s": [0] }, { "t": 64, "s": [100] }], "ix": 2 }, "o": { "a": 0, "k": 0, "ix": 3 }, "m": 1, "ix": 2, "nm": "Trim Paths 1", "mn": "ADBE Vector Filter - Trim", "hd": false }], "ip": 39, "op": 79, "st": 39, "bm": 0 }, { "ddd": 0, "ind": 2, "ty": 4, "nm": "icon", "sr": 1, "ks": { "o": { "a": 0, "k": 100, "ix": 11 }, "r": { "a": 1, "k": [{ "i": { "x": [0.667], "y": [1] }, "o": { "x": [0.333], "y": [0] }, "t": 0, "s": [-90] }, { "t": 40, "s": [270] }], "ix": 10 }, "p": { "a": 0, "k": [150, 75, 0], "ix": 2 }, "a": { "a": 0, "k": [53, 53, 0], "ix": 1 }, "s": { "a": 0, "k": [100, 100, 100], "ix": 6 } }, "ao": 0, "shapes": [{ "ty": "gr", "it": [{ "ind": 0, "ty": "sh", "ix": 1, "ks": { "a": 0, "k": { "i": [[0, -15.464], [15.464, 0], [0, 15.464], [-15.464, 0]], "o": [[0, 15.464], [-15.464, 0], [0, -15.464], [15.464, 0]], "v": [[28, 0], [0, 28], [-28, 0], [0, -28]], "c": true }, "ix": 2 }, "nm": "Path 1", "mn": "ADBE Vector Shape - Group", "hd": false }, { "ty": "st", "c": { "a": 0, "k": [0.49019607843137253, 0.49019607843137253, 0.49019607843137253, 1], "ix": 3 }, "o": { "a": 0, "k": 100, "ix": 4 }, "w": { "a": 0, "k": 10, "ix": 5 }, "lc": 2, "lj": 1, "ml": 10, "bm": 0, "nm": "Stroke 1", "mn": "ADBE Vector Graphic - Stroke", "hd": false }, { "ty": "tr", "p": { "a": 0, "k": [53, 53], "ix": 2 }, "a": { "a": 0, "k": [0, 0], "ix": 1 }, "s": { "a": 0, "k": [100, 100], "ix": 3 }, "r": { "a": 0, "k": 0, "ix": 6 }, "o": { "a": 0, "k": 100, "ix": 7 }, "sk": { "a": 0, "k": 0, "ix": 4 }, "sa": { "a": 0, "k": 0, "ix": 5 }, "nm": "Transform" }], "nm": "Group 1", "np": 2, "cix": 2, "bm": 0, "ix": 1, "mn": "ADBE Vector Group", "hd": false }, { "ty": "tm", "s": { "a": 1, "k": [{ "i": { "x": [0.667], "y": [1] }, "o": { "x": [0.333], "y": [0] }, "t": 12, "s": [0] }, { "t": 40, "s": [100] }], "ix": 1 }, "e": { "a": 1, "k": [{ "i": { "x": [0.667], "y": [1] }, "o": { "x": [0.333], "y": [0] }, "t": 0, "s": [0] }, { "t": 25, "s": [100] }], "ix": 2 }, "o": { "a": 0, "k": 0, "ix": 3 }, "m": 1, "ix": 2, "nm": "Trim Paths 1", "mn": "ADBE Vector Filter - Trim", "hd": false }], "ip": 0, "op": 40, "st": 0, "bm": 0 }], "markers": [] }

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

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { CardProps } from './CardProps';
+/**
+ * Card Component
+ * @param flat {boolean} Adding border for Card content
+ * @param horizontal {boolean} Horizontal Card orientation
+ * @param floating {boolean} Floating card
+ * @param onClick {Function} onClick Event
+ * @param children {React.ReactNode}
+ * @param skeleton {boolean} Loading card
+ * @param reversed {boolean} Reversed card
+ * @param active {boolean} Activated card
+ * - ------------------ WEB PROPERTIES -----------------------
+ * @param className {string} Additionnal CSS Classes
+ * @param to {string} Card link
+ * @param fullheight
+ * @param markup {BoxMarkup} Clickable Card => CardMarkup.A Not clickable box => CardMarkup.DIV || null
+ */
+declare const Card: ({ className, flat, horizontal, floating, align, justify, skeleton, onClick, reversed, testId, markup, to, fullheight, active, ...others }: CardProps) => JSX.Element;
+export default Card;

package/lib/components/card/Card.js

@@ -0,0 +1,44 @@
+import React, { useEffect, useState } from 'react';
+import clsx from 'clsx';
+import { CardMarkup } from './CardProps';
+import { is } from '../../services/classify';
+import { getAlignClassName } from '../../objects';
+import { hashClass } from '../../helpers';
+import { useTrilogyContext } from '../../context';
+/**
+ * Card Component
+ * @param flat {boolean} Adding border for Card content
+ * @param horizontal {boolean} Horizontal Card orientation
+ * @param floating {boolean} Floating card
+ * @param onClick {Function} onClick Event
+ * @param children {React.ReactNode}
+ * @param skeleton {boolean} Loading card
+ * @param reversed {boolean} Reversed card
+ * @param active {boolean} Activated card
+ * - ------------------ WEB PROPERTIES -----------------------
+ * @param className {string} Additionnal CSS Classes
+ * @param to {string} Card link
+ * @param fullheight
+ * @param markup {BoxMarkup} Clickable Card => CardMarkup.A Not clickable box => CardMarkup.DIV || null
+ */
+const Card = ({ className, flat, horizontal, floating, align, justify, skeleton, onClick, reversed, testId, markup, to, fullheight, active, ...others }) => {
+    const [isLoading, setIsLoading] = useState(skeleton || false);
+    const { styled } = useTrilogyContext();
+    useEffect(() => {
+        setIsLoading(skeleton || false);
+    }, [skeleton]);
+    const hoverStyle = {
+        cursor: 'pointer',
+    };
+    const classes = hashClass(styled, clsx('card', flat && is('flat'), horizontal && [is('horizontal'), is('vcentered')], floating && is('floating'), align && is(getAlignClassName(align)), justify && is(justify), isLoading ? is('loading') : is('loaded'), reversed && is('reversed'), className, fullheight && is('fullheight'), active && is('active')));
+    if (markup === CardMarkup.A) {
+        return (React.createElement("a", { "data-testid": testId, href: to, onClick: (e) => {
+                // eslint-disable-next-line no-unused-expressions
+                onClick === null || onClick === void 0 ? void 0 : onClick(e);
+                e.stopPropagation();
+            }, ...others, className: classes }));
+    }
+    return (React.createElement("div", { "data-testid": testId, onClick: onClick && onClick, className: classes, ...others, style: onClick && { ...hoverStyle } }));
+};
+export default Card;
+//# sourceMappingURL=Card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../components/card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,UAAU,EAAa,MAAM,aAAa,CAAA;AACnD,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACjD;;;;;;;;;;;;;;;GAeG;AACH,MAAM,IAAI,GAAG,CAAC,EACZ,SAAS,EACT,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,KAAK,EACL,OAAO,EACP,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,MAAM,EACN,MAAM,EACN,EAAE,EACF,UAAU,EACV,MAAM,EACN,GAAG,MAAM,EACC,EAAe,EAAE;IAC3B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAU,QAAQ,IAAI,KAAK,CAAC,CAAA;IACtE,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,QAAQ,IAAI,KAAK,CAAC,CAAA;IACjC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,MAAM,UAAU,GAAwB;QACtC,MAAM,EAAE,SAAS;KAClB,CAAA;IAED,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,MAAM,EACN,IAAI,IAAI,EAAE,CAAC,MAAM,CAAC,EAClB,UAAU,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,EACjD,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAC1B,KAAK,IAAI,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,EACrC,OAAO,IAAI,EAAE,CAAC,OAAO,CAAC,EACtB,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,EACxC,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAC1B,SAAS,EACT,UAAU,IAAI,EAAE,CAAC,YAAY,CAAC,EAC9B,MAAM,IAAI,EAAE,CAAC,QAAQ,CAAC,CACvB,CACF,CAAA;IAED,IAAI,MAAM,KAAK,UAAU,CAAC,CAAC,EAAE;QAC3B,OAAO,CACL,0CACe,MAAM,EACnB,IAAI,EAAE,EAAE,EACR,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACb,iDAAiD;gBACjD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAA;gBACZ,CAAC,CAAC,eAAe,EAAE,CAAA;YACrB,CAAC,KACG,MAAM,EACV,SAAS,EAAE,OAAO,GAClB,CACH,CAAA;KACF;IAED,OAAO,CACL,4CACe,MAAM,EACnB,OAAO,EAAE,OAAO,IAAI,OAAO,EAC3B,SAAS,EAAE,OAAO,KACd,MAAM,EACV,KAAK,EAAE,OAAO,IAAI,EAAE,GAAG,UAAU,EAAE,GACnC,CACH,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAA"}

package/lib/components/card/Card.native.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { CardProps } from './CardProps';
+import { ComponentName } from '../enumsComponentsName';
+export declare const CardContext: React.Context<{
+    floating: boolean;
+    backgroundColor: string;
+    horizontal: boolean;
+    reversed: boolean;
+    active: boolean;
+}>;
+/**
+ * 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
+ */
+declare const Card: {
+    ({ children, flat, horizontal, floating, onClick, skeleton, backgroundColor, reversed, fullheight, active, ...others }: CardProps): JSX.Element;
+    displayName: ComponentName;
+};
+export default Card;