@trilogy-ds/react 0.0.1-beta-112 → 0.0.1-beta-115

package/lib/components/icon/IconPropsDefaults.js

@@ -0,0 +1,307 @@
+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"
+    ]
+  },
+  "status": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "SUCCESS",
+      "INFO",
+      "WARNING",
+      "ERROR",
+      "WHITE",
+      "SUCCESS",
+      "ERROR",
+      "WARNING",
+      "INFO",
+      "WHITE"
+    ]
+  },
+  "badgeContent": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "size": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "small",
+      "small",
+      "medium",
+      "large",
+      "huge",
+      "smaller",
+      "medium",
+      "large",
+      "huge",
+      "smaller"
+    ]
+  },
+  "circled": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "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"
+    ]
+  },
+  "markup": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "a",
+      "div",
+      "p",
+      "span",
+      "div",
+      "a",
+      "p",
+      "span"
+    ]
+  },
+  "statusPosition": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "top",
+      "bottom",
+      "top",
+      "bottom"
+    ]
+  },
+  "stretched": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "color": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "backgroundColor": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "SUCCESS",
+      "INFO",
+      "WARNING",
+      "ERROR",
+      "WHITE",
+      "MAIN",
+      "MAIN_FADE",
+      "ACCENT",
+      "FONT",
+      "FONT_PLACEHOLDER",
+      "SUCCESS",
+      "SUCCESS_FADE",
+      "INFO",
+      "INFO_FADE",
+      "WARNING",
+      "WARNING_FADE",
+      "ERROR",
+      "ERROR_FADE",
+      "DISABLED",
+      "DISABLED_FADE",
+      "NEUTRAL",
+      "NEUTRAL_FADE",
+      "WHITE",
+      "MAIN",
+      "MAIN_FADE",
+      "ACCENT",
+      "FONT",
+      "FONT_PLACEHOLDER",
+      "SUCCESS_FADE",
+      "INFO_FADE",
+      "WARNING_FADE",
+      "ERROR_FADE",
+      "DISABLED",
+      "DISABLED_FADE",
+      "NEUTRAL",
+      "NEUTRAL_FADE"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "textClassName": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "style": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "Styles"
+    ]
+  },
+  "skeleton": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "marginless": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "stacked": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "align": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "ALIGNED_CENTER",
+      "ALIGNED_START",
+      "ALIGNED_END",
+      "ALIGNED_CENTER",
+      "ALIGNED_START",
+      "ALIGNED_END"
+    ]
+  },
+  "verticalAlign": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "ALIGNED_CENTER",
+      "ALIGNED_START",
+      "ALIGNED_END",
+      "ALIGNED_CENTER",
+      "ALIGNED_START",
+      "ALIGNED_END"
+    ]
+  },
+  "onClick": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "ClickEvent"
+    ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "accessibilityLabel": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "accessibilityActivate": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  }
+};

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

@@ -0,0 +1,168 @@
+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",
+      "FONT_PLACEHOLDER",
+      "SUCCESS",
+      "SUCCESS_FADE",
+      "INFO",
+      "INFO_FADE",
+      "WARNING",
+      "WARNING_FADE",
+      "ERROR",
+      "ERROR_FADE",
+      "DISABLED",
+      "DISABLED_FADE",
+      "NEUTRAL",
+      "NEUTRAL_FADE",
+      "WHITE",
+      "MAIN",
+      "MAIN_FADE",
+      "ACCENT",
+      "FONT",
+      "FONT_PLACEHOLDER",
+      "SUCCESS_FADE",
+      "INFO_FADE",
+      "WARNING_FADE",
+      "ERROR_FADE",
+      "DISABLED",
+      "DISABLED_FADE",
+      "NEUTRAL",
+      "NEUTRAL_FADE"
+    ]
+  },
+  "stacked": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "accessibilityLabel": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "accessibilityActivate": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  }
+};

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

@@ -1,5 +1,4 @@
 import Icon from './Icon';
-import IconExample from './Icon.example';
 export * from './IconEnum';
 export * from './IconNameEnum';
-export { Icon, IconExample };
+export { Icon };

package/lib/components/icon/index.js

@@ -1,6 +1,5 @@
 import Icon from './Icon';
-import IconExample from './Icon.example';
 export * from './IconEnum';
 export * from './IconNameEnum';
-export { Icon, IconExample };
+export { Icon };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,QAAQ,CAAA;AACzB,OAAO,WAAW,MAAM,gBAAgB,CAAA;AACxC,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA;AAE9B,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,QAAQ,CAAA;AAEzB,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA;AAE9B,OAAO,EAAE,IAAI,EAAE,CAAA"}

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

@@ -0,0 +1,126 @@
+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"
+    ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "accessibilityLabel": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "accessibilityActivate": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  }
+};

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

@@ -1,7 +1,9 @@
 /// <reference types="react" />
-import { IconProps } from "../../../components/icon/IconProps";
+import { IconProps } from '../../../components/icon/IconProps';
 interface Props extends IconProps {
     textId?: string;
+    textAriaLevel?: number;
+    textRole?: string;
 }
-declare const TextIcon: ({ className, textClassName, name, content, position, markup, textId, ...others }: Props) => JSX.Element;
+declare const TextIcon: ({ className, textClassName, name, content, position, markup, textId, textAriaLevel, textRole, ...others }: Props) => JSX.Element;
 export default TextIcon;

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

@@ -1,36 +1,34 @@
-import * as React from "react";
-import Icon from "../../../components/icon/Icon";
-import { IconPosition, TextIconMarkup, } from "../../../components/icon/IconEnum";
-import { is } from "../../../services";
-import clsx from "clsx";
-import { hashClass } from "../../../helpers";
-import { useTrilogyContext } from "../../../context";
-const TextIcon = ({ className, textClassName, name, content, position, markup, textId, ...others }) => {
+import Icon from '../../../components/icon/Icon';
+import { IconPosition, TextIconMarkup } from '../../../components/icon/IconEnum';
+import { useTrilogyContext } from '../../../context';
+import { hashClass } from '../../../helpers';
+import { is } from '../../../services';
+import clsx from 'clsx';
+import * as React from 'react';
+const TextIcon = ({ className, textClassName, name, content, position, markup, textId, textAriaLevel, textRole, ...others }) => {
     const { styled } = useTrilogyContext();
     const isCorrectMarkup = (stringMarkup) => {
-        if (stringMarkup in TextIconMarkup ||
-            Object.values(TextIconMarkup).includes(stringMarkup))
+        if (stringMarkup in TextIconMarkup || Object.values(TextIconMarkup).includes(stringMarkup))
             return true;
     };
-    const Tag = markup && isCorrectMarkup(markup) ? markup : "span";
+    const Tag = markup && isCorrectMarkup(markup) ? markup : 'span';
     if (position) {
-        return (React.createElement("span", { className: hashClass(styled, clsx("icon-and-text", (position === IconPosition.UP || position === IconPosition.DOWN) &&
-                is("stacked"), className)) },
+        return (React.createElement("span", { className: hashClass(styled, 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(styled, clsx(textClassName)), id: textId }, String(content))) : (content))
+                (content && typeof content.valueOf() === 'string' ? (React.createElement(Tag, { className: hashClass(styled, clsx(textClassName)), id: textId, "aria-level": textAriaLevel, role: textRole }, String(content))) : (content))
         // <Tag className={textClassName}>{content}</Tag>
         ,
             React.createElement(Icon, { name: name, className: className, ...others }),
             (position === IconPosition.UP || position === IconPosition.LEFT) &&
                 content &&
-                (content && typeof content.valueOf() === "string" ? (React.createElement(Tag, { className: hashClass(styled, clsx(textClassName)), id: textId }, String(content))) : (content))
+                (content && typeof content.valueOf() === 'string' ? (React.createElement(Tag, { className: hashClass(styled, clsx(textClassName)), id: textId, "aria-level": textAriaLevel, role: textRole }, String(content))) : (content))
         // <Tag className={textClassName}>{content}</Tag>
         ));
     }
-    return (React.createElement("span", { className: hashClass(styled, clsx("icon-and-text", className)) },
+    return (React.createElement("span", { className: hashClass(styled, clsx('icon-and-text', className)) },
         React.createElement(Icon, { name: name, ...others }),
-        content && typeof content.valueOf() === "string" ? (React.createElement(Tag, { className: hashClass(styled, clsx(textClassName)), id: textId }, String(content))) : (content)));
+        content && typeof content.valueOf() === 'string' ? (React.createElement(Tag, { className: hashClass(styled, clsx(textClassName)), id: textId, "aria-level": textAriaLevel, role: textRole }, String(content))) : (content)));
 };
 export default TextIcon;
 //# sourceMappingURL=TextIcon.js.map