@trilogy-ds/react 0.0.1-beta-107 → 0.0.1-beta-108

package/lib/components/modal/ModalPropsDefaults.js

@@ -0,0 +1,325 @@
+export default {
+  "children": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "active": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "title": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "content": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "footer": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "contentClassNames": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "footerClassNames": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "iconName": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "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"
+    ]
+  },
+  "iconColor": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "SUCCESS",
+      "INFO",
+      "WARNING",
+      "ERROR",
+      "WHITE",
+      "MAIN",
+      "ACCENT",
+      "NEUTRAL",
+      "SUCCESS",
+      "ERROR",
+      "INFO",
+      "WARNING",
+      "MAIN",
+      "BACKGROUND",
+      "ACCENT",
+      "NEUTRAL",
+      "WHITE",
+      "BACKGROUND"
+    ]
+  },
+  "triggerContent": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "triggerClassNames": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "triggerMarkup": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "a",
+      "button",
+      "div",
+      "h1",
+      "h2",
+      "h3",
+      "h4",
+      "h5",
+      "h6",
+      "p",
+      "span",
+      "h1",
+      "h2",
+      "h3",
+      "h4",
+      "h5",
+      "h6",
+      "p",
+      "span",
+      "div",
+      "button",
+      "a"
+    ]
+  },
+  "ctaContent": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "ctaCancelContent": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "closeIcon": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "ctaOnClick": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "ClickEvent"
+    ]
+  },
+  "ctaCancelOnClick": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "ClickEvent"
+    ]
+  },
+  "onClose": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "ClickEvent"
+    ]
+  },
+  "onOpen": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "ClickEvent"
+    ]
+  },
+  "bottom": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "panel": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "onModalHide": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "() => void"
+    ]
+  },
+  "disableHandlingClickOutside": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "swipable": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "clipped": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "fullwidth": {
+    "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/modal/footer/ModalFooterPropsDefaults.js

@@ -0,0 +1,23 @@
+export default {
+  "children": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

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

@@ -1,6 +1,5 @@
 import Modal from './Modal';
 import ModalFooter from './footer/ModalFooter';
 import ModalTitle from './title/ModalTitle';
-import ModalExample from './Modal.example';
 export * from './ModalEnum';
-export { Modal, ModalFooter, ModalTitle, ModalExample };
+export { Modal, ModalFooter, ModalTitle };

package/lib/components/modal/index.js

@@ -1,7 +1,6 @@
 import Modal from './Modal';
 import ModalFooter from './footer/ModalFooter';
 import ModalTitle from './title/ModalTitle';
-import ModalExample from './Modal.example';
 export * from './ModalEnum';
-export { Modal, ModalFooter, ModalTitle, ModalExample };
+export { Modal, ModalFooter, ModalTitle };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS,CAAA;AAC3B,OAAO,WAAW,MAAM,sBAAsB,CAAA;AAC9C,OAAO,UAAU,MAAM,oBAAoB,CAAA;AAC3C,OAAO,YAAY,MAAM,iBAAiB,CAAA;AAE1C,cAAc,aAAa,CAAA;AAE3B,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS,CAAA;AAC3B,OAAO,WAAW,MAAM,sBAAsB,CAAA;AAC9C,OAAO,UAAU,MAAM,oBAAoB,CAAA;AAE3C,cAAc,aAAa,CAAA;AAE3B,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,CAAA"}

package/lib/components/modal/title/ModalTitle.js

@@ -13,7 +13,7 @@ import * as React from 'react';
 const ModalTitle = ({ children, className, iconColor, iconName, ...others }) => {
     const { styled } = useTrilogyContext();
     const { textId } = others;
-    return (React.createElement("div", { className: hashClass(styled, clsx('modal-title', className)), id: textId }, iconName ? (React.createElement(TextIcon, { color: iconColor, size: 'large', name: iconName, content: children, position: 'up' })) : (children)));
+    return (React.createElement("div", { className: hashClass(styled, clsx('modal-title', className)) }, iconName ? (React.createElement(TextIcon, { markup: 'p', color: iconColor, size: 'large', name: iconName, content: children, position: 'up', textId: textId, textAriaLevel: 1, textRole: 'heading' })) : (children)));
 };
 export default ModalTitle;
 //# sourceMappingURL=ModalTitle.js.map

package/lib/components/modal/title/ModalTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalTitle.js","sourceRoot":"","sources":["../../../../components/modal/title/ModalTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,iCAAiC,CAAA;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B;;;;;;GAMG;AACH,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAmB,EAAe,EAAE;IAC3G,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,EAAE,MAAM,EAAE,GAAG,MAAa,CAAA;IAEhC,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,IAC1E,QAAQ,CAAC,CAAC,CAAC,CACV,oBAAC,QAAQ,IACP,KAAK,EAAE,SAAS,EAChB,IAAI,EAAE,OAAO,EACb,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAC,IAAI,GAEb,CACH,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACG,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"ModalTitle.js","sourceRoot":"","sources":["../../../../components/modal/title/ModalTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,iCAAiC,CAAA;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B;;;;;;GAMG;AACH,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAmB,EAAe,EAAE;IAC3G,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,EAAE,MAAM,EAAE,GAAG,MAAa,CAAA;IAEhC,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC,IAC9D,QAAQ,CAAC,CAAC,CAAC,CACV,oBAAC,QAAQ,IACP,MAAM,EAAC,GAAG,EACV,KAAK,EAAE,SAAS,EAChB,IAAI,EAAE,OAAO,EACb,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAC,IAAI,EACb,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,CAAC,EAChB,QAAQ,EAAC,SAAS,GAClB,CACH,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACG,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}

package/lib/components/modal/title/ModalTitlePropsDefaults.js

@@ -0,0 +1,92 @@
+export default {
+  "children": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "iconName": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "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"
+    ]
+  },
+  "iconColor": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "SUCCESS",
+      "INFO",
+      "WARNING",
+      "ERROR",
+      "WHITE",
+      "MAIN",
+      "ACCENT",
+      "NEUTRAL",
+      "SUCCESS",
+      "ERROR",
+      "INFO",
+      "WARNING",
+      "MAIN",
+      "BACKGROUND",
+      "ACCENT",
+      "NEUTRAL",
+      "WHITE",
+      "BACKGROUND"
+    ]
+  }
+};

package/lib/components/otp/Otp.d.ts

@@ -1,16 +1,4 @@
 /// <reference types="react" />
 import { OtpProps } from "./OtpProps";
-/**
- * OTP Code Component
- * @param className {string} Additionnal css classes
- * @param code {string} Code Text Input
- * @param codeSize {number} Code Size Number
- * @param disabled {boolean} Disabled OTP Code Input
- * @param error {boolean} OTP Code Input has error | Display error icon
- * @param onCompleted {Function} Return code input string
- * @param onChange {Function} onChange Input return current code
- * @param onFocus {Function} onFocus return if focused opt
- * @param autoFocus {boolean} Should auto focus otp
- */
 declare const Otp: ({ className, code, codeSize, disabled, error, onCompleted, onChange, onFocus, label, errorMessage, autoFocus, ...others }: OtpProps) => JSX.Element;
 export default Otp;