@trilogy-ds/react 0.0.1-beta-143 → 0.0.1-beta-sc-1

package/lib/components/icon/circle/CircleIcon.native.js

@@ -0,0 +1,70 @@
+import React, { useContext } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { WithLocalSvg } from 'react-native-svg/css';
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { IconPosition } from '../../../components/icon/IconEnum';
+import { Text, TextLevels } from '../../../components/text';
+import { TrilogyThemeContext } from '../../../context/providerTheme.native';
+import { TrilogyColor, getColorStyle } from '../../../objects/facets/Color';
+var CircleIcon = function (_a, ref) {
+    var name = _a.name, size = _a.size, color = _a.color, backgroundColor = _a.backgroundColor, content = _a.content, circledWidth = _a.circledWidth, position = _a.position, stacked = _a.stacked, testId = _a.testId;
+    var icons = useContext(TrilogyThemeContext).theme.icons;
+    var styles = StyleSheet.create({
+        circled: {
+            width: circledWidth,
+            height: circledWidth,
+            backgroundColor: backgroundColor
+                ? getColorStyle(backgroundColor)
+                : 'transparent',
+            borderRadius: circledWidth,
+            justifyContent: 'center',
+            alignItems: 'center',
+            margin: 4,
+            shadowColor: 'rgba(0,0,0,.1)',
+            shadowOffset: { width: 0, height: 1 },
+            shadowOpacity: 0.8,
+            shadowRadius: 2,
+            elevation: 5,
+        },
+        iconCircled: {
+            alignSelf: 'center',
+            justifyContent: 'center',
+            alignItems: 'center',
+        },
+        contentContainer: {
+            alignItems: 'center',
+            flexDirection: (position === IconPosition.DOWN && 'column') || (position === IconPosition.UP && 'column-reverse') || 'row',
+        },
+        text: {
+            maxWidth: circledWidth + 32,
+            textAlign: 'center',
+            color: color || getColorStyle(TrilogyColor.BACKGROUND),
+        },
+        spaceTextCircledV: {
+            marginTop: 3,
+        },
+        spaceTextCircledH: {
+            marginRight: 5,
+        },
+    });
+    return (React.createElement(View, { style: styles.contentContainer, testID: testId, ref: ref },
+        !position && content && (React.createElement(View, null,
+            React.createElement(Text, { style: styles.text, level: TextLevels.TWO }, content),
+            React.createElement(View, { style: styles.spaceTextCircledV }))),
+        position === IconPosition.DOWN && content && (React.createElement(React.Fragment, null,
+            React.createElement(Text, { style: styles.text, level: TextLevels.TWO }, content),
+            React.createElement(View, { style: styles.spaceTextCircledV }))),
+        position === IconPosition.RIGHT && content && (React.createElement(React.Fragment, null,
+            React.createElement(Text, { style: styles.text, level: TextLevels.TWO }, content),
+            React.createElement(View, { style: styles.spaceTextCircledH }))),
+        (position === IconPosition.UP || stacked) && content && (React.createElement(React.Fragment, null,
+            React.createElement(Text, { style: styles.text, level: TextLevels.TWO }, content),
+            React.createElement(View, { style: styles.spaceTextCircledV }))),
+        React.createElement(View, { style: styles.circled }, icons && (React.createElement(WithLocalSvg, { style: styles.iconCircled, asset: icons[name.toString().replace('tri-picto-', '').replace('tri-', '')], width: size, height: size, color: color || getColorStyle(TrilogyColor.BACKGROUND) }))),
+        position === IconPosition.LEFT && content && (React.createElement(React.Fragment, null,
+            React.createElement(View, { style: styles.spaceTextCircledH }),
+            React.createElement(Text, { style: styles.text, level: TextLevels.TWO }, content)))));
+};
+CircleIcon.displayName = ComponentName.CircleIcon;
+export default React.forwardRef(CircleIcon);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2lyY2xlSWNvbi5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2ljb24vY2lyY2xlL0NpcmNsZUljb24ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFVBQVUsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN6QyxPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUMvQyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sc0JBQXNCLENBQUE7QUFFbkQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUN6RCxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3BELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdDQUFnQyxDQUFBO0FBQ3BFLE9BQU8sRUFBRSxZQUFZLEVBQXNCLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBRXhGLElBQU0sVUFBVSxHQUFHLFVBQ2pCLEVBQXlHLEVBQ3pHLEdBQW9CO1FBRGxCLElBQUksVUFBQSxFQUFFLElBQUksVUFBQSxFQUFFLEtBQUssV0FBQSxFQUFFLGVBQWUscUJBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxZQUFZLGtCQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsTUFBTSxZQUFBO0lBSTNFLElBQUEsS0FBSyxHQUNaLFVBQVUsQ0FBQyxtQkFBbUIsQ0FBQyxZQURuQixDQUNtQjtJQUVuQyxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLE9BQU8sRUFBRTtZQUNQLEtBQUssRUFBRSxZQUFZO1lBQ25CLE1BQU0sRUFBRSxZQUFZO1lBQ3BCLGVBQWUsRUFBRSxlQUFlO2dCQUM5QixD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

package/lib/components/icon/circle/CircleIconProps.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { IconPosition, IconPositionValues } from '../../../components/icon/IconEnum';
+import { IconName, IconNameValues } from '../../../components/icon/IconNameEnum';
+import { Accessibility, Dev, TrilogyColor, TrilogyColorValues } from '../../../objects';
+import { Stacked } from '../../../objects/facets/Stacked';
+export interface CircleIconProps extends Stacked, Accessibility, Dev {
+    name: IconName | IconNameValues;
+    size: number;
+    circledWidth: number;
+    content?: string | React.ReactNode;
+    position?: IconPosition | IconPositionValues;
+    color?: string;
+    backgroundColor?: TrilogyColor | TrilogyColorValues;
+}

package/lib/components/icon/circle/CircleIconProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2lyY2xlSWNvblByb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9pY29uL2NpcmNsZS9DaXJjbGVJY29uUHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/lib/components/icon/circle/CircleIconPropsDefaults.js

@@ -0,0 +1,158 @@
+export default {
+  "name": {
+    "type": "enum",
+    "values": [
+      "tri-alert",
+      "tri-arrow-down",
+      "tri-arrow-left",
+      "tri-arrow-right",
+      "tri-arrow-up",
+      "tri-bell",
+      "tri-check-circle",
+      "tri-check",
+      "tri-exclamation-circle",
+      "tri-eye-slash",
+      "tri-eye",
+      "tri-infos-circle",
+      "tri-search",
+      "tri-times",
+      "tri-trash",
+      "tri-picto-faciliti",
+      "tri-picto-handicapzero",
+      "tri-picto-la-fibre",
+      "tri-picto-payment-americanexpress",
+      "tri-picto-payment-cb",
+      "tri-picto-payment-mastercard",
+      "tri-picto-payment-paypal",
+      "tri-picto-payment-visa",
+      "tri-alert",
+      "tri-arrow-down",
+      "tri-arrow-left",
+      "tri-arrow-right",
+      "tri-arrow-up",
+      "tri-bell",
+      "tri-check-circle",
+      "tri-check",
+      "tri-exclamation-circle",
+      "tri-eye-slash",
+      "tri-eye",
+      "tri-infos-circle",
+      "tri-search",
+      "tri-times",
+      "tri-trash",
+      "tri-picto-faciliti",
+      "tri-picto-handicapzero",
+      "tri-picto-la-fibre",
+      "tri-picto-payment-americanexpress",
+      "tri-picto-payment-cb",
+      "tri-picto-payment-mastercard",
+      "tri-picto-payment-paypal",
+      "tri-picto-payment-visa"
+    ]
+  },
+  "size": {
+    "type": "string",
+    "values": []
+  },
+  "circledWidth": {
+    "type": "string",
+    "values": []
+  },
+  "content": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "position": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "up",
+      "down",
+      "left",
+      "right",
+      "up",
+      "down",
+      "left",
+      "right"
+    ]
+  },
+  "color": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "backgroundColor": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "SUCCESS",
+      "INFO",
+      "WARNING",
+      "ERROR",
+      "WHITE",
+      "MAIN",
+      "MAIN_FADE",
+      "ACCENT",
+      "FONT",
+      "SUCCESS",
+      "SUCCESS_FADE",
+      "INFO",
+      "INFO_FADE",
+      "WARNING",
+      "WARNING_FADE",
+      "ERROR",
+      "ERROR_FADE",
+      "DISABLED",
+      "DISABLED_FADE",
+      "NEUTRAL",
+      "NEUTRAL_FADE",
+      "WHITE",
+      "MAIN",
+      "MAIN_FADE",
+      "ACCENT",
+      "FONT",
+      "SUCCESS_FADE",
+      "INFO_FADE",
+      "WARNING_FADE",
+      "ERROR_FADE",
+      "DISABLED",
+      "DISABLED_FADE",
+      "NEUTRAL",
+      "NEUTRAL_FADE"
+    ]
+  },
+  "stacked": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "accessibilityLabel": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

package/lib/components/icon/circle/index.d.ts

@@ -0,0 +1,2 @@
+import IconCircle from '../../../components/icon/circle/CircleIcon';
+export default IconCircle;

package/lib/components/icon/circle/index.js

@@ -0,0 +1,3 @@
+import IconCircle from '../../../components/icon/circle/CircleIcon';
+export default IconCircle;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2ljb24vY2lyY2xlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sVUFBVSxNQUFNLHFDQUFxQyxDQUFBO0FBRTVELGVBQWUsVUFBVSxDQUFBIn0=

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

@@ -1,4 +1,3 @@
-import Icon from './Icon';
-export * from './IconEnum';
-export * from './IconNameEnum';
-export { Icon };
+export * from '../../components/icon/IconEnum';
+export * from '../../components/icon/IconNameEnum';
+export { default as Icon } from '../../components/icon/Icon';

package/lib/components/icon/index.js

@@ -1,5 +1,4 @@
-import Icon from './Icon';
-export * from './IconEnum';
-export * from './IconNameEnum';
-export { Icon };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2ljb24vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLE1BQU0sUUFBUSxDQUFBO0FBQ3pCLGNBQWMsWUFBWSxDQUFBO0FBQzFCLGNBQWMsZ0JBQWdCLENBQUE7QUFFOUIsT0FBTyxFQUFFLElBQUksRUFBRSxDQUFBIn0=
+export * from '../../components/icon/IconEnum';
+export * from '../../components/icon/IconNameEnum';
+export { default as Icon } from '../../components/icon/Icon';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2ljb24vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyw0QkFBNEIsQ0FBQTtBQUMxQyxjQUFjLGdDQUFnQyxDQUFBO0FBRTlDLE9BQU8sRUFBRSxPQUFPLElBQUksSUFBSSxFQUFFLE1BQU0sd0JBQXdCLENBQUEifQ==

package/lib/components/icon/status/StatusIcon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IconProps } from '../../../components/icon/IconProps';
+declare const _default: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<HTMLDivElement>>;
+export default _default;

package/lib/components/icon/status/StatusIcon.js

@@ -0,0 +1,18 @@
+import clsx from 'clsx';
+import React from 'react';
+import { IconStatus } from '../../../components/icon/IconEnum';
+import { IconName } from '../../../components/icon/IconNameEnum';
+import { hashClass } from '../../../helpers/hashClassesHelpers';
+import { has, is } from '../../../services/index';
+var StatusIcon = function (_a, ref) {
+    var className = _a.className, name = _a.name, status = _a.status, statusPosition = _a.statusPosition, size = _a.size, testId = _a.testId;
+    var ancestorClasses = hashClass(clsx('icon', size && is("".concat(size)), is('ancestor'), has('status'), className));
+    var descendantClasses = hashClass(clsx('icon is-circled is-descendant', status && is("".concat(status.toLowerCase())), statusPosition && is("".concat(statusPosition))));
+    var descendantIcon = hashClass(clsx(status === IconStatus.SUCCESS ? IconName.CHECK_CIRCLE : IconName.TIMES));
+    return (React.createElement("span", { className: ancestorClasses, "aria-hidden": 'true', "data-testid": testId, ref: ref },
+        React.createElement("span", { className: hashClass(clsx(name)) }),
+        React.createElement("span", { className: descendantClasses },
+            React.createElement("i", { className: descendantIcon }))));
+};
+export default React.forwardRef(StatusIcon);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RhdHVzSWNvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvaWNvbi9zdGF0dXMvU3RhdHVzSWNvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6QixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sNEJBQTRCLENBQUE7QUFDdkQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGdDQUFnQyxDQUFBO0FBRXpELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxNQUFNLGtCQUFrQixDQUFBO0FBRTFDLElBQU0sVUFBVSxHQUFHLFVBQ2pCLEVBQW9FLEVBQ3BFLEdBQThCO1FBRDVCLFNBQVMsZUFBQSxFQUFFLElBQUksVUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLGNBQWMsb0JBQUEsRUFBRSxJQUFJLFVBQUEsRUFBRSxNQUFNLFlBQUE7SUFHdkQsSUFBTSxlQUFlLEdBQUcsU0FBUyxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsSUFBSSxJQUFJLEVBQUUsQ0FBQyxVQUFHLElBQUksQ0FBRSxDQUFDLEVBQUUsRUFBRSxDQUFDLFVBQVUsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxRQUFRLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBQ2hILElBQU0saUJBQWlCLEdBQUcsU0FBUyxDQUNqQyxJQUFJLENBQ0YsK0JBQStCLEVBQy9CLE1BQU0sSUFBSSxFQUFFLENBQUMsVUFBRyxNQUFNLENBQUMsV0FBVyxFQUFFLENBQUUsQ0FBQyxFQUN2QyxjQUFjLElBQUksRUFBRSxDQUFDLFVBQUcsY0FBYyxDQUFFLENBQUMsQ0FDMUMsQ0FDRixDQUFBO0lBQ0QsSUFBTSxjQUFjLEdBQUcsU0FBUyxDQUFDLElBQUksQ0FBQyxNQUFNLEtBQUssVUFBVSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUE7SUFFOUcsT0FBTyxDQUNMLDhCQUFNLFNBQVMsRUFBRSxlQUFlLGlCQUFjLE1BQU0saUJBQWMsTUFBTSxFQUFFLEdBQUcsRUFBRSxHQUFHO1FBQ2hGLDhCQUFNLFNBQVMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLEdBQVM7UUFDL0MsOEJBQU0sU0FBUyxFQUFFLGlCQUFpQjtZQUNoQywyQkFBRyxTQUFTLEVBQUUsY0FBYyxHQUFJLENBQzNCLENBQ0YsQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxLQUFLLENBQUMsVUFBVSxDQUFDLFVBQVUsQ0FBQyxDQUFBIn0=

package/lib/components/icon/status/StatusIcon.native.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { View } from 'react-native';
+import { StatusIconProps } from '../../../components/icon/status/StatusIconProps';
+declare const _default: React.ForwardRefExoticComponent<StatusIconProps & React.RefAttributes<View>>;
+export default _default;

package/lib/components/icon/status/StatusIcon.native.js

@@ -0,0 +1,54 @@
+import React, { useContext } from 'react';
+import { Platform, StyleSheet, View } from 'react-native';
+import { WithLocalSvg } from 'react-native-svg/css';
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { IconStatus, IconStatusPosition } from '../../../components/icon/IconEnum';
+import { TrilogyThemeContext } from '../../../context/providerTheme.native';
+import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
+var StatusIcon = function (_a, ref) {
+    var name = _a.name, status = _a.status, statusPosition = _a.statusPosition, size = _a.size, stretched = _a.stretched, color = _a.color, testId = _a.testId;
+    var icons = useContext(TrilogyThemeContext).theme.icons;
+    var statusIcon = status === 'SUCCESS' ? 'tri-check-circle' : 'tri-times';
+    var styles = StyleSheet.create({
+        icon: {
+            transform: Platform.OS === 'ios' ? (stretched && [{ skewX: '20deg' }]) || [{ skewX: '0deg' }] : [],
+        },
+        smallStatusIconTop: {
+            position: 'absolute',
+            right: 0,
+            top: -3,
+        },
+        smallStatusIconBottom: {
+            position: 'absolute',
+            right: 0,
+            bottom: -3,
+        },
+        smallWarningStatusTop: {
+            position: 'absolute',
+            right: 0,
+            top: 0,
+            minWidth: size / 2,
+            height: size / 2,
+            backgroundColor: getColorStyle(TrilogyColor.WARNING),
+            borderRadius: 30,
+        },
+        smallWarningStatusBottom: {
+            position: 'absolute',
+            alignSelf: 'baseline',
+            right: 0,
+            bottom: 0,
+            minWidth: size / 2,
+            height: size / 2,
+            backgroundColor: getColorStyle(TrilogyColor.WARNING),
+            borderRadius: 30,
+        },
+    });
+    return (React.createElement(View, { testID: testId, ref: ref }, icons && (React.createElement(View, null,
+        React.createElement(WithLocalSvg, { style: styles.icon, asset: icons[name.toString().replace('tri-picto-', '').replace('tri-', '')], width: size, height: size, color: color }),
+        status === IconStatus.WARNING ? (React.createElement(View, { style: statusPosition === IconStatusPosition.TOP
+                ? styles.smallWarningStatusTop
+                : styles.smallWarningStatusBottom })) : (React.createElement(WithLocalSvg, { style: statusPosition === IconStatusPosition.TOP ? styles.smallStatusIconTop : styles.smallStatusIconBottom, asset: icons[statusIcon.toString().replace('tri-picto-', '').replace('tri-', '')], width: 20, height: 20, color: color }))))));
+};
+StatusIcon.displayName = ComponentName.StatusIcon;
+export default React.forwardRef(StatusIcon);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RhdHVzSWNvbi5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2ljb24vc3RhdHVzL1N0YXR1c0ljb24ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFVBQVUsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN6QyxPQUFPLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDekQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBRW5ELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsVUFBVSxFQUFFLGtCQUFrQixFQUFFLE1BQU0sNEJBQTRCLENBQUE7QUFFM0UsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0NBQWdDLENBQUE7QUFDcEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUVwRSxJQUFNLFVBQVUsR0FBRyxVQUNqQixFQUFpRixFQUNqRixHQUFvQjtRQURsQixJQUFJLFVBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxjQUFjLG9CQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsTUFBTSxZQUFBO0lBSW5ELElBQUEsS0FBSyxHQUNaLFVBQVUsQ0FBQyxtQkFBbUIsQ0FBQyxZQURuQixDQUNtQjtJQUVuQyxJQUFNLFVBQVUsR0FBRyxNQUFNLEtBQUssU0FBUyxDQUFDLENBQUMsQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUFBO0lBRTFFLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsSUFBSSxFQUFFO1lBQ0osU0FBUyxFQUFFLFFBQVEsQ0FBQyxFQUFFLEtBQUssS0FBSyxDQUFDLENBQUMs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

package/lib/components/icon/status/StatusIconProps.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { IconStatus, IconStatusPosition, IconStatusPositionValues, IconStatusValues } from '../../../components/icon/IconEnum';
+import { IconName, IconNameValues } from '../../../components/icon/IconNameEnum';
+import { Accessibility, Dev } from '../../../objects';
+export interface StatusIconProps extends Accessibility, Dev {
+    color?: string;
+    name: IconName | IconNameValues;
+    size: number;
+    status?: IconStatus | IconStatusValues;
+    statusPosition?: IconStatusPosition | IconStatusPositionValues;
+    stretched?: string | React.ReactNode;
+}

package/lib/components/icon/status/StatusIconProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RhdHVzSWNvblByb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9pY29uL3N0YXR1cy9TdGF0dXNJY29uUHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/lib/components/icon/status/StatusIconPropsDefaults.js

@@ -0,0 +1,118 @@
+export default {
+  "color": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "name": {
+    "type": "enum",
+    "values": [
+      "tri-alert",
+      "tri-arrow-down",
+      "tri-arrow-left",
+      "tri-arrow-right",
+      "tri-arrow-up",
+      "tri-bell",
+      "tri-check-circle",
+      "tri-check",
+      "tri-exclamation-circle",
+      "tri-eye-slash",
+      "tri-eye",
+      "tri-infos-circle",
+      "tri-search",
+      "tri-times",
+      "tri-trash",
+      "tri-picto-faciliti",
+      "tri-picto-handicapzero",
+      "tri-picto-la-fibre",
+      "tri-picto-payment-americanexpress",
+      "tri-picto-payment-cb",
+      "tri-picto-payment-mastercard",
+      "tri-picto-payment-paypal",
+      "tri-picto-payment-visa",
+      "tri-alert",
+      "tri-arrow-down",
+      "tri-arrow-left",
+      "tri-arrow-right",
+      "tri-arrow-up",
+      "tri-bell",
+      "tri-check-circle",
+      "tri-check",
+      "tri-exclamation-circle",
+      "tri-eye-slash",
+      "tri-eye",
+      "tri-infos-circle",
+      "tri-search",
+      "tri-times",
+      "tri-trash",
+      "tri-picto-faciliti",
+      "tri-picto-handicapzero",
+      "tri-picto-la-fibre",
+      "tri-picto-payment-americanexpress",
+      "tri-picto-payment-cb",
+      "tri-picto-payment-mastercard",
+      "tri-picto-payment-paypal",
+      "tri-picto-payment-visa"
+    ]
+  },
+  "size": {
+    "type": "string",
+    "values": []
+  },
+  "status": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "SUCCESS",
+      "INFO",
+      "WARNING",
+      "ERROR",
+      "WHITE",
+      "SUCCESS",
+      "ERROR",
+      "WARNING",
+      "INFO",
+      "WHITE"
+    ]
+  },
+  "statusPosition": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "top",
+      "bottom",
+      "top",
+      "bottom"
+    ]
+  },
+  "stretched": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "accessibilityLabel": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

package/lib/components/icon/status/index.d.ts

@@ -0,0 +1,2 @@
+import IconStatus from '../../../components/icon/status/StatusIcon';
+export default IconStatus;

package/lib/components/icon/status/index.js

@@ -0,0 +1,3 @@
+import IconStatus from '../../../components/icon/status/StatusIcon';
+export default IconStatus;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2ljb24vc3RhdHVzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sVUFBVSxNQUFNLHFDQUFxQyxDQUFBO0FBRTVELGVBQWUsVUFBVSxDQUFBIn0=

package/lib/components/icon/text/TextIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { IconProps } from '../../../components/icon/IconProps';
+interface Props extends IconProps {
+    textId?: string;
+    textAriaLevel?: number;
+    textRole?: string;
+}
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export default _default;

package/lib/components/icon/text/TextIcon.js

@@ -0,0 +1,34 @@
+import { __assign, __rest } from "tslib";
+import clsx from 'clsx';
+import React from 'react';
+import Icon from '../../../components/icon/Icon';
+import { IconPosition, TextIconMarkup } from '../../../components/icon/IconEnum';
+import { hashClass } from '../../../helpers/hashClassesHelpers';
+import { is } from '../../../services/classify';
+var TextIcon = function (_a, ref) {
+    var className = _a.className, textClassName = _a.textClassName, name = _a.name, content = _a.content, position = _a.position, markup = _a.markup, textId = _a.textId, textAriaLevel = _a.textAriaLevel, textRole = _a.textRole, others = __rest(_a, ["className", "textClassName", "name", "content", "position", "markup", "textId", "textAriaLevel", "textRole"]);
+    var isCorrectMarkup = function (stringMarkup) {
+        if (stringMarkup in TextIconMarkup || Object.values(TextIconMarkup).includes(stringMarkup))
+            return true;
+    };
+    var Tag = markup && isCorrectMarkup(markup) ? markup : 'span';
+    if (position) {
+        return (React.createElement("span", { ref: ref, className: hashClass(clsx('icon-and-text', (position === IconPosition.UP || position === IconPosition.DOWN) && is('stacked'), className)) },
+            (position === IconPosition.RIGHT || position === IconPosition.DOWN) &&
+                content &&
+                (content && typeof content.valueOf() === 'string' ? (React.createElement(Tag, { className: hashClass(clsx(textClassName)), id: textId, "aria-level": textAriaLevel, role: textRole }, String(content))) : (content))
+        // <Tag className={textClassName}>{content}</Tag>
+        ,
+            React.createElement(Icon, __assign({ name: name, className: className }, others)),
+            (position === IconPosition.UP || position === IconPosition.LEFT) &&
+                content &&
+                (content && typeof content.valueOf() === 'string' ? (React.createElement(Tag, { className: hashClass(clsx(textClassName)), id: textId, "aria-level": textAriaLevel, role: textRole }, String(content))) : (content))
+        // <Tag className={textClassName}>{content}</Tag>
+        ));
+    }
+    return (React.createElement("span", { className: hashClass(clsx('icon-and-text', className)), ref: ref },
+        React.createElement(Icon, __assign({ name: name }, others)),
+        content && typeof content.valueOf() === 'string' ? (React.createElement(Tag, { className: hashClass(clsx(textClassName)), id: textId, "aria-level": textAriaLevel, role: textRole }, String(content))) : (content)));
+};
+export default React.forwardRef(TextIcon);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dEljb24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2ljb24vdGV4dC9UZXh0SWNvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekIsT0FBTyxJQUFJLE1BQU0sd0JBQXdCLENBQUE7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxjQUFjLEVBQXdCLE1BQU0sNEJBQTRCLENBQUE7QUFFL0YsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQVF4QyxJQUFNLFFBQVEsR0FBRyxVQUNmLEVBQWdILEVBQ2hILEdBQThCO0lBRDVCLElBQUEsU0FBUyxlQUFBLEVBQUUsYUFBYSxtQkFBQSxFQUFFLElBQUksVUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLGFBQWEsbUJBQUEsRUFBRSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXZHLDhHQUF5RyxDQUFGO0lBR3ZHLElBQU0sZUFBZSxHQUFHLFVBQUMsWUFBbUQ7UUFDMUUsSUFBSSxZQUFZLElBQUksY0FBYyxJQUFJLE1BQU0sQ0FBQyxNQUFNLENBQUMsY0FBYyxDQUFDLENBQUMsUUFBUSxDQUFDLFlBQThCLENBQUM7WUFDMUcsT0FBTyxJQUFJLENBQUE7SUFDZixDQUFDLENBQUE7SUFDRCxJQUFNLEdBQUcsR0FBRyxNQUFNLElBQUksZUFBZSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQTtJQUUvRCxJQUFJLFFBQVEsRUFBRTtRQUNaLE9BQU8sQ0FDTCw4QkFDRSxHQUFHLEVBQUUsR0FBRyxFQUNSLFNBQVMsRUFBRSxTQUFTLENBQ2xCLElBQUksQ0FDRixlQUFlLEVBQ2YsQ0FBQyxRQUFRLEtBQUssWUFBWSxDQUFDLEVBQUUsSUFBSSxRQUFRLEtBQUssWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQyxTQUFTLENBQUMsRUFDakYsU0FBUyxDQUNWLENBQ0Y7WUFHQyxDQUFDLFFBQVEsS0FBSyxZQUFZLENBQUMsS0FBSyxJQUFJLFFBQVEsS0FBSyxZQUFZLENBQUMsSUFBSSxDQUFDO2dCQUNqRSxPQUFPO2dCQUNQLENBQUMsT0FBTyxJQUFJLE9BQU8sT0FBTyxDQUFDLE9BQU8sRUFBRSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FDbEQsb0JBQUMsR0FBRyxJQUFDLFNBQVMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDLEVBQUUsRUFBRSxFQUFFLE1BQU0sZ0JBQWMsYUFBYSxFQUFFLElBQUksRUFBRSxRQUFRLElBQ2xHLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FDWixDQUNQLENBQUMsQ0FBQyxDQUFDLENBQ0YsT0FBTyxDQUNSLENBQUM7UUFDSixpREFBaUQ7O1lBRW5ELG9CQUFDLElBQUksYUFBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxTQUFTLElBQU0sTUFBTSxFQUFJO1lBRXBELENBQUMsUUFBUSxLQUFLLFlBQVksQ0FBQyxFQUFFLElBQUksUUFBUSxLQUFLLFlBQVksQ0FBQyxJQUFJLENBQUM7Z0JBQzlELE9BQU87Z0JBQ1AsQ0FBQyxPQUFPLElBQUksT0FBTyxPQUFPLENBQUMsT0FBTyxFQUFFLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUNsRCxvQkFBQyxHQUFHLElBQUMsU0FBUyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsRUFBRSxFQUFFLEVBQUUsTUFBTSxnQkFBYyxhQUFhLEVBQUUsSUFBSSxFQUFFLFFBQVEsSUFDbEcsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUNaLENBQ1AsQ0FBQyxDQUFDLENBQUMsQ0FDRixPQUFPLENBQ1IsQ0FBQztRQUNKLGlEQUFpRDtTQUU5QyxDQUNSLENBQUE7S0FDRjtJQUVELE9BQU8sQ0FDTCw4QkFBTSxTQUFTLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FBQyxlQUFlLEVBQUUsU0FBUyxDQUFDLENBQUMsRUFBRSxHQUFHLEVBQUUsR0FBRztRQUNwRSxvQkFBQyxJQUFJLGFBQUMsSUFBSSxFQUFFLElBQUksSUFBTSxNQUFNLEVBQUk7UUFDL0IsT0FBTyxJQUFJLE9BQU8sT0FBTyxDQUFDLE9BQU8sRUFBRSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FDbEQsb0JBQUMsR0FBRyxJQUFDLFNBQVMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDLEVBQUUsRUFBRSxFQUFFLE1BQU0sZ0JBQWMsYUFBYSxFQUFFLElBQUksRUFBRSxRQUFRLElBQ2xHLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FDWixDQUNQLENBQUMsQ0FBQyxDQUFDLENBQ0YsT0FBTyxDQUNSLENBRUksQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxLQUFLLENBQUMsVUFBVSxDQUFDLFFBQVEsQ0FBQyxDQUFBIn0=

package/lib/components/icon/text/TextIcon.native.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { View } from 'react-native';
+import { TextIconProps } from '../../../components/icon/text/TextIconProps';
+declare const _default: React.ForwardRefExoticComponent<TextIconProps & React.RefAttributes<View>>;
+export default _default;

package/lib/components/icon/text/TextIcon.native.js

@@ -0,0 +1,40 @@
+import React, { useContext } from 'react';
+import { Platform, StyleSheet, View } from 'react-native';
+import { WithLocalSvg } from 'react-native-svg/css';
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { IconPosition } from '../../../components/icon/IconEnum';
+import { Text, TextLevels } from '../../../components/text';
+import { TrilogyThemeContext } from '../../../context/providerTheme.native';
+import { Alignable, getAlignStyle } from '../../../objects/facets/Alignable';
+var TextIcon = function (_a, ref) {
+    var name = _a.name, content = _a.content, size = _a.size, position = _a.position, stretched = _a.stretched, color = _a.color, stacked = _a.stacked, _b = _a.verticalAlign, verticalAlign = _b === void 0 ? Alignable.ALIGNED_CENTER : _b, testId = _a.testId;
+    var icons = useContext(TrilogyThemeContext).theme.icons;
+    var styles = StyleSheet.create({
+        iconText: {
+            marginRight: (position === IconPosition.LEFT && 10) || 0,
+            marginLeft: (position === IconPosition.RIGHT && 10) || 0,
+            marginBottom: (position === IconPosition.UP && 10) || 0,
+            marginTop: (position === IconPosition.DOWN && 10) || 0,
+        },
+        icon: {
+            transform: Platform.OS === 'ios' ? (stretched && [{ skewX: '20deg' }]) || [{ skewX: '0deg' }] : [],
+        },
+        contentContainer: {
+            alignItems: getAlignStyle(verticalAlign),
+            flexDirection: (position === IconPosition.DOWN && 'column') || (position === IconPosition.UP && 'column-reverse') || 'row',
+        },
+        text: {
+            textAlign: 'center',
+            color: color,
+        },
+    });
+    return (React.createElement(View, { style: [{ width: '100%' }, styles.contentContainer], testID: testId, ref: ref },
+        !position && React.createElement(Text, { style: styles.text }, content),
+        (position === IconPosition.RIGHT || position === IconPosition.DOWN) && content && (React.createElement(Text, { style: styles.text, level: TextLevels.THREE }, content)),
+        (position === IconPosition.UP || stacked) && content && (React.createElement(Text, { style: styles.text, level: TextLevels.THREE }, content)),
+        icons && (React.createElement(WithLocalSvg, { style: styles.iconText, asset: icons[name.toString().replace('tri-picto-', '').replace('tri-', '')], width: size, height: size, color: color })),
+        position === IconPosition.LEFT && content && (React.createElement(Text, { style: styles.text, level: TextLevels.THREE }, content))));
+};
+TextIcon.displayName = ComponentName.TextIcon;
+export default React.forwardRef(TextIcon);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dEljb24ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9pY29uL3RleHQvVGV4dEljb24ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFVBQVUsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN6QyxPQUFPLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDekQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBRW5ELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sNEJBQTRCLENBQUE7QUFFekQsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQTtBQUNwRSxPQUFPLEVBQUUsU0FBUyxFQUFFLGFBQWEsRUFBRSxNQUFNLDRCQUE0QixDQUFBO0FBRXJFLElBQU0sUUFBUSxHQUFHLFVBQ2YsRUFVZ0IsRUFDaEIsR0FBb0I7UUFWbEIsSUFBSSxVQUFBLEVBQ0osT0FBTyxhQUFBLEVBQ1AsSUFBSSxVQUFBLEVBQ0osUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsS0FBSyxXQUFBLEVBQ0wsT0FBTyxhQUFBLEVBQ1AscUJBQXdDLEVBQXhDLGFBQWEsbUJBQUcsU0FBUyxDQUFDLGNBQWMsS0FBQSxFQUN4QyxNQUFNLFlBQUE7SUFLRyxJQUFBLEtBQUssR0FDWixVQUFVLENBQUMsbUJBQW1CLENBQUMsWUFEbkIsQ0FDbUI7SUFFbkMsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixRQUFRLEVBQUU7WUFDUixXQUFXLEVBQUUsQ0FBQyxRQUFRLEtBQUssWUFBWSxD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