@trilogy-ds/react 0.0.1-beta-58 → 0.0.1-beta-61

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/lib/components/accordion/Accordion.example.d.ts +3 -0
  2. package/lib/components/accordion/Accordion.example.js +19 -0
  3. package/lib/components/accordion/Accordion.example.js.map +1 -0
  4. package/lib/components/accordion/index.d.ts +2 -1
  5. package/lib/components/accordion/index.js +2 -1
  6. package/lib/components/accordion/index.js.map +1 -1
  7. package/lib/components/alert/Alert.example.d.ts +3 -0
  8. package/lib/components/alert/Alert.example.js +5 -0
  9. package/lib/components/alert/Alert.example.js.map +1 -0
  10. package/lib/components/alert/index.d.ts +2 -1
  11. package/lib/components/alert/index.js +2 -1
  12. package/lib/components/alert/index.js.map +1 -1
  13. package/lib/components/badge/Badge.example.d.ts +3 -0
  14. package/lib/components/badge/Badge.example.js +5 -0
  15. package/lib/components/badge/Badge.example.js.map +1 -0
  16. package/lib/components/breadcrumb/Breadcrumb.d.ts +1 -1
  17. package/lib/components/breadcrumb/Breadcrumb.js +2 -2
  18. package/lib/components/breadcrumb/Breadcrumb.js.map +1 -1
  19. package/lib/components/breadcrumb/BreadcrumbProps.d.ts +1 -1
  20. package/lib/components/breadcrumb/item/BreadcrumbItem.js +3 -3
  21. package/lib/components/breadcrumb/item/BreadcrumbItem.js.map +1 -1
  22. package/lib/components/icon/text/TextIcon.d.ts +4 -1
  23. package/lib/components/icon/text/TextIcon.js +4 -4
  24. package/lib/components/icon/text/TextIcon.js.map +1 -1
  25. package/lib/components/modal/Modal.d.ts +7 -2
  26. package/lib/components/modal/Modal.js +65 -38
  27. package/lib/components/modal/Modal.js.map +1 -1
  28. package/lib/components/modal/ModalProps.d.ts +7 -2
  29. package/lib/components/modal/title/ModalTitle.d.ts +2 -2
  30. package/lib/components/modal/title/ModalTitle.js +8 -7
  31. package/lib/components/modal/title/ModalTitle.js.map +1 -1
  32. package/lib/components/price/Price.native.js +7 -6
  33. package/lib/components/price/Price.native.js.map +1 -1
  34. package/lib/components/progress/radial/ProgressRadial.d.ts +2 -14
  35. package/lib/components/progress/radial/ProgressRadial.js +51 -76
  36. package/lib/components/progress/radial/ProgressRadial.js.map +1 -1
  37. package/lib/components/progress/radial/ProgressRadialProps.d.ts +5 -4
  38. package/lib/version.d.ts +1 -1
  39. package/lib/version.js +1 -1
  40. package/package.json +1 -1
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ declare const AccordionExample: React.ReactNode;
3
+ export default AccordionExample;
@@ -0,0 +1,19 @@
1
+ import React from 'react';
2
+ import { Accordion, AccordionBody, AccordionHeader, AccordionItem } from './index';
3
+ const AccordionExample = React.createElement(Accordion, null,
4
+ React.createElement(AccordionItem, { active: true, id: "UN" },
5
+ React.createElement(AccordionHeader, null, "Hello World"),
6
+ React.createElement(AccordionBody, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem., consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.")),
7
+ React.createElement(AccordionItem, { id: "DEUX" },
8
+ React.createElement(AccordionHeader, null,
9
+ "Hello World",
10
+ ' '),
11
+ React.createElement(AccordionBody, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.")),
12
+ React.createElement(AccordionItem, { id: "TROIS" },
13
+ React.createElement(AccordionHeader, null, "Hello World"),
14
+ React.createElement(AccordionBody, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.")),
15
+ React.createElement(AccordionItem, { disabled: true, id: "QUATRE" },
16
+ React.createElement(AccordionHeader, null, "Item disabled"),
17
+ React.createElement(AccordionBody, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.")));
18
+ export default AccordionExample;
19
+ //# sourceMappingURL=Accordion.example.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Accordion.example.js","sourceRoot":"","sources":["../../../components/accordion/Accordion.example.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAElF,MAAM,gBAAgB,GAAoB,oBAAC,SAAS;IAClD,oBAAC,aAAa,IACZ,MAAM,QACN,EAAE,EAAC,IAAI;QAEP,oBAAC,eAAe,sBAEE;QAClB,oBAAC,aAAa,i2BAEE,CACF;IAChB,oBAAC,aAAa,IAAC,EAAE,EAAC,MAAM;QACtB,oBAAC,eAAe;;YACF,GAAG,CACC;QAClB,oBAAC,aAAa,mcAEE,CACF;IAChB,oBAAC,aAAa,IAAC,EAAE,EAAC,OAAO;QACvB,oBAAC,eAAe,sBAEE;QAClB,oBAAC,aAAa,mcAEE,CACF;IAChB,oBAAC,aAAa,IACZ,QAAQ,QACR,EAAE,EAAC,QAAQ;QAEX,oBAAC,eAAe,wBAEE;QAClB,oBAAC,aAAa,mcAEE,CACF,CACN,CAAA;AAEZ,eAAe,gBAAgB,CAAA"}
@@ -2,4 +2,5 @@ import Accordion from './Accordion';
2
2
  import AccordionItem from './item';
3
3
  import AccordionHeader from './header';
4
4
  import AccordionBody from './body';
5
- export { Accordion, AccordionItem, AccordionHeader, AccordionBody };
5
+ import AccordionExample from './Accordion.example';
6
+ export { Accordion, AccordionItem, AccordionHeader, AccordionBody, AccordionExample };
@@ -2,5 +2,6 @@ import Accordion from './Accordion';
2
2
  import AccordionItem from './item';
3
3
  import AccordionHeader from './header';
4
4
  import AccordionBody from './body';
5
- export { Accordion, AccordionItem, AccordionHeader, AccordionBody };
5
+ import AccordionExample from './Accordion.example';
6
+ export { Accordion, AccordionItem, AccordionHeader, AccordionBody, AccordionExample };
6
7
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,aAAa,MAAM,QAAQ,CAAA;AAClC,OAAO,eAAe,MAAM,UAAU,CAAA;AACtC,OAAO,aAAa,MAAM,QAAQ,CAAA;AAElC,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,eAAe,EAAE,aAAa,EAAE,CAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,aAAa,MAAM,QAAQ,CAAA;AAClC,OAAO,eAAe,MAAM,UAAU,CAAA;AACtC,OAAO,aAAa,MAAM,QAAQ,CAAA;AAClC,OAAO,gBAAgB,MAAM,qBAAqB,CAAA;AAElD,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,eAAe,EAAE,aAAa,EAAE,gBAAgB,EAAE,CAAA"}
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ declare const AlertExample: React.ReactNode;
3
+ export default AlertExample;
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ import { Alert } from './index';
3
+ const AlertExample = React.createElement(Alert, { alert: 'INFO', description: 'Lorem Ipsum is simply dummy text type and scrambled it to make a type specimen book..', display: true, title: 'Alert information' });
4
+ export default AlertExample;
5
+ //# sourceMappingURL=Alert.example.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Alert.example.js","sourceRoot":"","sources":["../../../components/alert/Alert.example.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,MAAM,YAAY,GAAoB,oBAAC,KAAK,IAC1C,KAAK,EAAC,MAAM,EACZ,WAAW,EAAC,uFAAuF,EACnG,OAAO,QACP,KAAK,EAAC,mBAAmB,GACzB,CAAA;AAEF,eAAe,YAAY,CAAA"}
@@ -1,3 +1,4 @@
1
1
  import Alert, { ToasterAlertProvider } from './Alert';
2
+ import AlertExample from './Alert.example';
2
3
  import ToasterContext from './context';
3
- export { Alert, ToasterContext, ToasterAlertProvider };
4
+ export { Alert, AlertExample, ToasterContext, ToasterAlertProvider };
@@ -1,4 +1,5 @@
1
1
  import Alert, { ToasterAlertProvider } from './Alert';
2
+ import AlertExample from './Alert.example';
2
3
  import ToasterContext from './context';
3
- export { Alert, ToasterContext, ToasterAlertProvider };
4
+ export { Alert, AlertExample, ToasterContext, ToasterAlertProvider };
4
5
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AACrD,OAAO,cAAc,MAAM,WAAW,CAAA;AAEtC,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,oBAAoB,EAAE,CAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AACrD,OAAO,YAAY,MAAM,iBAAiB,CAAA;AAC1C,OAAO,cAAc,MAAM,WAAW,CAAA;AAEtC,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,oBAAoB,EAAE,CAAA"}
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ declare const badgeExample: React.ReactNode;
3
+ export default badgeExample;
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ import { Badge } from "./index";
3
+ const badgeExample = React.createElement(Badge, { content: 5 });
4
+ export default badgeExample;
5
+ //# sourceMappingURL=Badge.example.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Badge.example.js","sourceRoot":"","sources":["../../../components/badge/Badge.example.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,KAAK,EACN,MAAM,SAAS,CAAA;AAEhB,MAAM,YAAY,GAAoB,oBAAC,KAAK,IAC1C,OAAO,EAAE,CAAC,GACV,CAAA;AAEF,eAAe,YAAY,CAAA"}
@@ -7,5 +7,5 @@ import { BreadcrumbWebProps } from "./BreadcrumbProps";
7
7
  * - -------------------------- WEB PROPERTIES -------------------------------
8
8
  * @param className {string} Additionnal CSS Classes
9
9
  */
10
- declare const Breadcrumb: ({ children, className, testId, ...others }: BreadcrumbWebProps) => JSX.Element;
10
+ declare const Breadcrumb: ({ children, className, testId, accessibilityLabel, ...others }: BreadcrumbWebProps) => JSX.Element;
11
11
  export default Breadcrumb;
@@ -9,9 +9,9 @@ import { useTrilogyContext } from "../../context";
9
9
  * - -------------------------- WEB PROPERTIES -------------------------------
10
10
  * @param className {string} Additionnal CSS Classes
11
11
  */
12
- const Breadcrumb = ({ children, className, testId, ...others }) => {
12
+ const Breadcrumb = ({ children, className, testId, accessibilityLabel, ...others }) => {
13
13
  const { styled } = useTrilogyContext();
14
- return (React.createElement("nav", { "data-testid": testId, className: hashClass(styled, clsx("breadcrumb", className)), "aria-label": 'breadcrumbs', ...others },
14
+ return (React.createElement("nav", { role: 'navigation', "data-testid": testId, className: hashClass(styled, clsx("breadcrumb", className)), "aria-label": accessibilityLabel, ...others },
15
15
  React.createElement("ul", null, children)));
16
16
  };
17
17
  export default Breadcrumb;
@@ -1 +1 @@
1
- {"version":3,"file":"Breadcrumb.js","sourceRoot":"","sources":["../../../components/breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;GAMG;AACH,MAAM,UAAU,GAAG,CAAC,EAClB,QAAQ,EACR,SAAS,EACT,MAAM,EACN,GAAG,MAAM,EACU,EAAe,EAAE;IACpC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,OAAO,CACL,4CACe,MAAM,EACnB,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC,gBAChD,aAAa,KACpB,MAAM;QAEV,gCAAK,QAAQ,CAAM,CACf,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}
1
+ {"version":3,"file":"Breadcrumb.js","sourceRoot":"","sources":["../../../components/breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;GAMG;AACH,MAAM,UAAU,GAAG,CAAC,EAClB,QAAQ,EACR,SAAS,EACT,MAAM,EACN,kBAAkB,EAClB,GAAG,MAAM,EACU,EAAe,EAAE;IACpC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,OAAO,CACL,6BACE,IAAI,EAAC,YAAY,iBACJ,MAAM,EACnB,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC,gBAC/C,kBAAkB,KAC1B,MAAM;QAEV,gCAAK,QAAQ,CAAM,CACf,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}
@@ -9,6 +9,6 @@ export interface BreadcrumbProps extends Accessibility {
9
9
  /**
10
10
  * Breadcrumb Web Interface
11
11
  */
12
- export interface BreadcrumbWebProps extends BreadcrumbProps {
12
+ export interface BreadcrumbWebProps extends BreadcrumbProps, Accessibility {
13
13
  className?: string;
14
14
  }
@@ -20,11 +20,11 @@ const BreadcrumbItem = ({ children, active, className, href, to, routerLink, tes
20
20
  const classes = hashClass(styled, clsx(active && is("active"), className));
21
21
  if (routerLink && to) {
22
22
  const RouterLink = (routerLink ? routerLink : "a");
23
- return (React.createElement("li", { "data-testid": testId, className: classes, onClick: onClick },
23
+ return (React.createElement("li", { "data-testid": testId, className: classes, onClick: onClick, "aria-current": active ? 'page' : undefined },
24
24
  React.createElement(RouterLink, { className: hashClass(styled, clsx("link")), to: to, ...others }, children)));
25
25
  }
26
- return (React.createElement("li", { className: classes, onClick: onClick },
27
- React.createElement(Link, { href: href, ...others }, children)));
26
+ return (React.createElement("li", { className: classes, onClick: onClick, "aria-current": active ? 'page' : undefined },
27
+ React.createElement(Link, { href: active ? undefined : href, ...others }, children)));
28
28
  };
29
29
  export default BreadcrumbItem;
30
30
  //# sourceMappingURL=BreadcrumbItem.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"BreadcrumbItem.js","sourceRoot":"","sources":["../../../../components/breadcrumb/item/BreadcrumbItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAA;AACxC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAExC;;;;;;;;;;GAUG;AACH,MAAM,cAAc,GAAG,CAAC,EACtB,QAAQ,EACR,MAAM,EACN,SAAS,EACT,IAAI,EACJ,EAAE,EACF,UAAU,EACV,MAAM,EACN,OAAO,EACP,GAAG,MAAM,EACc,EAAe,EAAE;IACxC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,IAAI,EAAE,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC,CAAC,CAAA;IAE1E,IAAI,UAAU,IAAI,EAAE,EAAE;QACpB,MAAM,UAAU,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAsB,CAAA;QACvE,OAAO,CACL,2CAAiB,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO;YAC3D,oBAAC,UAAU,IAAC,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,KAAM,MAAM,IACvE,QAAQ,CACE,CACV,CACN,CAAA;KACF;IAED,OAAO,CACL,4BAAI,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO;QACtC,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,KAAM,MAAM,IACzB,QAAQ,CACJ,CACJ,CACN,CAAA;AACH,CAAC,CAAA;AAED,eAAe,cAAc,CAAA"}
1
+ {"version":3,"file":"BreadcrumbItem.js","sourceRoot":"","sources":["../../../../components/breadcrumb/item/BreadcrumbItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAA;AACxC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAExC;;;;;;;;;;GAUG;AACH,MAAM,cAAc,GAAG,CAAC,EACtB,QAAQ,EACR,MAAM,EACN,SAAS,EACT,IAAI,EACJ,EAAE,EACF,UAAU,EACV,MAAM,EACN,OAAO,EACP,GAAG,MAAM,EACc,EAAe,EAAE;IACxC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,IAAI,EAAE,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC,CAAC,CAAA;IAE1E,IAAI,UAAU,IAAI,EAAE,EAAE;QACpB,MAAM,UAAU,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAsB,CAAA;QACvE,OAAO,CACL,2CAAiB,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,kBAAgB,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;YACtG,oBAAC,UAAU,IAAC,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,KAAM,MAAM,IACvE,QAAQ,CACE,CACV,CACN,CAAA;KACF;IAED,OAAO,CACL,4BAAI,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,kBAAgB,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;QACjF,oBAAC,IAAI,IAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,KAAM,MAAM,IAC9C,QAAQ,CACJ,CACJ,CACN,CAAA;AACH,CAAC,CAAA;AAED,eAAe,cAAc,CAAA"}
@@ -1,4 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { IconProps } from "../../../components/icon/IconProps";
3
- declare const TextIcon: ({ className, textClassName, name, content, position, markup, ...others }: IconProps) => JSX.Element;
3
+ interface Props extends IconProps {
4
+ textId?: string;
5
+ }
6
+ declare const TextIcon: ({ className, textClassName, name, content, position, markup, textId, ...others }: Props) => JSX.Element;
4
7
  export default TextIcon;
@@ -5,7 +5,7 @@ import { is } from "../../../services";
5
5
  import clsx from "clsx";
6
6
  import { hashClass } from "../../../helpers";
7
7
  import { useTrilogyContext } from "../../../context";
8
- const TextIcon = ({ className, textClassName, name, content, position, markup, ...others }) => {
8
+ const TextIcon = ({ className, textClassName, name, content, position, markup, textId, ...others }) => {
9
9
  const { styled } = useTrilogyContext();
10
10
  const isCorrectMarkup = (stringMarkup) => {
11
11
  if (stringMarkup in TextIconMarkup ||
@@ -18,19 +18,19 @@ const TextIcon = ({ className, textClassName, name, content, position, markup, .
18
18
  is("stacked"), className)) },
19
19
  (position === IconPosition.RIGHT || position === IconPosition.DOWN) &&
20
20
  content &&
21
- (content && typeof content.valueOf() === "string" ? (React.createElement(Tag, { className: hashClass(styled, clsx(textClassName)) }, String(content))) : (content))
21
+ (content && typeof content.valueOf() === "string" ? (React.createElement(Tag, { className: hashClass(styled, clsx(textClassName)), id: textId }, String(content))) : (content))
22
22
  // <Tag className={textClassName}>{content}</Tag>
23
23
  ,
24
24
  React.createElement(Icon, { name: name, className: className, ...others }),
25
25
  (position === IconPosition.UP || position === IconPosition.LEFT) &&
26
26
  content &&
27
- (content && typeof content.valueOf() === "string" ? (React.createElement(Tag, { className: hashClass(styled, clsx(textClassName)) }, String(content))) : (content))
27
+ (content && typeof content.valueOf() === "string" ? (React.createElement(Tag, { className: hashClass(styled, clsx(textClassName)), id: textId }, String(content))) : (content))
28
28
  // <Tag className={textClassName}>{content}</Tag>
29
29
  ));
30
30
  }
31
31
  return (React.createElement("span", { className: hashClass(styled, clsx("icon-and-text", className)) },
32
32
  React.createElement(Icon, { name: name, ...others }),
33
- content && typeof content.valueOf() === "string" ? (React.createElement(Tag, { className: hashClass(styled, clsx(textClassName)) }, String(content))) : (content)));
33
+ content && typeof content.valueOf() === "string" ? (React.createElement(Tag, { className: hashClass(styled, clsx(textClassName)), id: textId }, String(content))) : (content)));
34
34
  };
35
35
  export default TextIcon;
36
36
  //# sourceMappingURL=TextIcon.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"TextIcon.js","sourceRoot":"","sources":["../../../../components/icon/text/TextIcon.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"TextIcon.js","sourceRoot":"","sources":["../../../../components/icon/text/TextIcon.tsx"],"names":[],"mappings":"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"}
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { ModalProps } from "./ModalProps";
2
+ import { ModalProps } from './ModalProps';
3
3
  /**
4
4
  * Modal Component
5
5
  * @param active {boolean} Activated Modal
@@ -23,9 +23,14 @@ import { ModalProps } from "./ModalProps";
23
23
  * @param triggerMarkup {ModalMarkup} h1|h2|h3|h4|h5|h6|p|span|div|button|a
24
24
  * @param triggerClassNames {string} Additionnal CSS Classes for trigger element
25
25
  * @param panel {boolean} Panel Side Modal
26
+ * @param ariaLabelButtonClose {string} aria-label of button close
27
+ * @param ariaLabelCta {string} aria-label of button action
28
+ * @param titleButtonClose {string} title of button close
29
+ * @param ariaLabelButtonOpen {string} aria-label of open button modal
30
+ * @param titleButtonOpen {string} title of open button modal
26
31
  * - -------------------------- NATIVE PROPERTIES -------------------------------
27
32
  * @param bottom {boolean} If bottom
28
33
  * @param swipable {boolean} Swipable Native Modal
29
34
  */
30
- declare const Modal: ({ children, className, contentClassNames, active, title, content, triggerMarkup, triggerContent, triggerClassNames, ctaContent, ctaOnClick, onClose, onOpen, iconName, ctaCancelOnClick, closeIcon, iconColor, panel, footerClassNames, footer, fullwidth, disableHandlingClickOutside, testId, ...others }: ModalProps) => JSX.Element;
35
+ declare const Modal: ({ children, className, contentClassNames, active, title, content, triggerMarkup, triggerContent, triggerClassNames, ctaContent, ctaOnClick, onClose, onOpen, iconName, ctaCancelOnClick, closeIcon, iconColor, panel, footerClassNames, footer, fullwidth, disableHandlingClickOutside, testId, ariaLabelButtonClose, ariaLabelCta, titleButtonClose, ariaLabelButtonOpen, titleButtonOpen, ...others }: ModalProps) => JSX.Element;
31
36
  export default Modal;
@@ -1,13 +1,17 @@
1
- import React, { useEffect, useRef, useState } from "react";
2
- import { is } from "../../services";
3
- import { Button, ButtonList, ButtonType, ButtonVariant } from "../../components/button";
4
- import { Text } from "../../components/text";
5
- import { ModalMarkup } from "./ModalEnum";
6
- import ModalTitle from "./title/ModalTitle";
7
- import ModalFooter from "./footer/ModalFooter";
8
- import { hashClass } from "../../helpers/hashClassesHelpers";
9
- import clsx from "clsx";
10
- import { useTrilogyContext } from "../../context/index";
1
+ import { ButtonList, ButtonType } from '../../components/button';
2
+ import { Text } from '../../components/text';
3
+ import { useTrilogyContext } from '../../context/index';
4
+ import { hashClass } from '../../helpers/hashClassesHelpers';
5
+ import { is } from '../../services';
6
+ import clsx from 'clsx';
7
+ import React, { useCallback, useEffect, useRef, useState } from 'react';
8
+ import shortid from 'shortid';
9
+ import ModalFooter from './footer/ModalFooter';
10
+ import { ModalMarkup } from './ModalEnum';
11
+ import ModalTitle from './title/ModalTitle';
12
+ const idDescription = shortid.generate();
13
+ const idTitle = shortid.generate();
14
+ const idModal = shortid.generate();
11
15
  /**
12
16
  * Modal Component
13
17
  * @param active {boolean} Activated Modal
@@ -31,14 +35,23 @@ import { useTrilogyContext } from "../../context/index";
31
35
  * @param triggerMarkup {ModalMarkup} h1|h2|h3|h4|h5|h6|p|span|div|button|a
32
36
  * @param triggerClassNames {string} Additionnal CSS Classes for trigger element
33
37
  * @param panel {boolean} Panel Side Modal
38
+ * @param ariaLabelButtonClose {string} aria-label of button close
39
+ * @param ariaLabelCta {string} aria-label of button action
40
+ * @param titleButtonClose {string} title of button close
41
+ * @param ariaLabelButtonOpen {string} aria-label of open button modal
42
+ * @param titleButtonOpen {string} title of open button modal
34
43
  * - -------------------------- NATIVE PROPERTIES -------------------------------
35
44
  * @param bottom {boolean} If bottom
36
45
  * @param swipable {boolean} Swipable Native Modal
37
46
  */
38
- const Modal = ({ children, className, contentClassNames, active, title, content, triggerMarkup, triggerContent, triggerClassNames = "button is-primary", ctaContent, ctaOnClick, onClose, onOpen, iconName, ctaCancelOnClick, closeIcon, iconColor, panel, footerClassNames, footer, fullwidth, disableHandlingClickOutside = false, testId, ...others }) => {
47
+ const Modal = ({ children, className, contentClassNames, active, title, content, triggerMarkup, triggerContent, triggerClassNames = 'button is-primary', ctaContent, ctaOnClick, onClose, onOpen, iconName, ctaCancelOnClick, closeIcon, iconColor, panel, footerClassNames, footer, fullwidth, disableHandlingClickOutside = false, testId, ariaLabelButtonClose, ariaLabelCta, titleButtonClose, ariaLabelButtonOpen, titleButtonOpen, ...others }) => {
39
48
  const modal = useRef(null);
40
49
  const [display, setDisplay] = useState(active || false);
41
50
  const { styled } = useTrilogyContext();
51
+ const ariaControls = `${idModal}-modal`;
52
+ const refsActions = useRef([]);
53
+ const refBtnModal = useRef(null);
54
+ const [, setIndexFocusable] = useState(0);
42
55
  const handleClickOutside = (e) => {
43
56
  var _a;
44
57
  if ((_a = modal === null || modal === void 0 ? void 0 : modal.current) === null || _a === void 0 ? void 0 : _a.contains(e.target)) {
@@ -51,22 +64,26 @@ const Modal = ({ children, className, contentClassNames, active, title, content,
51
64
  useEffect(() => {
52
65
  setDisplay(active || false);
53
66
  }, [active]);
67
+ useEffect(() => {
68
+ display && refsActions.current[0] && refsActions.current[0].focus();
69
+ }, [display, refsActions === null || refsActions === void 0 ? void 0 : refsActions.current.length]);
54
70
  useEffect(() => {
55
71
  if (display && !disableHandlingClickOutside) {
56
- document.addEventListener("mousedown", handleClickOutside);
72
+ document.addEventListener('mousedown', handleClickOutside);
57
73
  }
58
74
  else {
59
- document.removeEventListener("mousedown", handleClickOutside);
75
+ document.removeEventListener('mousedown', handleClickOutside);
60
76
  }
61
77
  return () => {
62
- document.removeEventListener("mousedown", handleClickOutside);
78
+ document.removeEventListener('mousedown', handleClickOutside);
63
79
  };
64
80
  }, [display, disableHandlingClickOutside]);
65
- const classes = React.useMemo(() => hashClass(styled, clsx("modal", display && is("active"), panel && is("panel"), fullwidth && is("fullwidth"), className)), [active, display, panel, className, styled]);
66
- const contentClasses = React.useMemo(() => hashClass(styled, clsx("modal-content", contentClassNames)), [contentClassNames, styled]);
67
- const footerClasses = React.useMemo(() => clsx("modal-footer", footerClassNames), [footerClassNames, styled]);
81
+ const classes = React.useMemo(() => hashClass(styled, clsx('modal', display && is('active'), panel && is('panel'), fullwidth && is('fullwidth'), className)), [active, display, panel, className, styled]);
82
+ const contentClasses = React.useMemo(() => hashClass(styled, clsx('modal-content', contentClassNames)), [contentClassNames, styled]);
83
+ const footerClasses = React.useMemo(() => clsx('modal-footer', footerClassNames), [footerClassNames, styled]);
68
84
  function handleClose(onCloseFunc, e) {
69
85
  setDisplay(false);
86
+ refBtnModal.current && refBtnModal.current.focus();
70
87
  if (onCloseFunc) {
71
88
  onCloseFunc(e);
72
89
  }
@@ -83,33 +100,43 @@ const Modal = ({ children, className, contentClassNames, active, title, content,
83
100
  * string enum aren't reverse mapped so the first solution doesn't work
84
101
  */
85
102
  const isCorrectMarkup = (stringMarkup) => {
86
- if (stringMarkup in ModalMarkup ||
87
- Object.values(ModalMarkup).includes(stringMarkup))
103
+ if (stringMarkup in ModalMarkup || Object.values(ModalMarkup).includes(stringMarkup))
88
104
  return true;
89
105
  };
90
- const TriggerTag = React.useMemo(() => (triggerMarkup && isCorrectMarkup(triggerMarkup)
91
- ? triggerMarkup
92
- : "button"), [triggerMarkup]);
93
- const ModalContentButton = ({ ...props }) => (React.createElement(Button, { markup: "button", className: is("PRIMARY"), ...props }));
94
- const ModalCancelButton = ({ onCloseFunc, }) => (React.createElement(Button, { variant: ButtonVariant.SECONDARY, onClick: (e) => {
95
- handleClose(onCloseFunc, e);
96
- }, type: ButtonType.BUTTON }, "Annuler"));
97
- const CloseButton = ({ onCloseFunc }) => (React.createElement("button", { onClick: (e) => {
98
- handleClose(onCloseFunc, e);
99
- }, className: hashClass(styled, clsx("modal-close", is("large"))), "aria-label": 'close', type: ButtonType.BUTTON }));
100
- return (React.createElement("div", { "data-testid": testId },
101
- triggerContent && (React.createElement(TriggerTag, { onClick: (e) => {
106
+ const TriggerTag = React.useMemo(() => (triggerMarkup && isCorrectMarkup(triggerMarkup) ? triggerMarkup : 'button'), [triggerMarkup]);
107
+ const onKeyDown = useCallback((event) => {
108
+ if (display && refsActions.current) {
109
+ const refs = refsActions.current.filter((ref) => ref);
110
+ const { key } = event;
111
+ if (key === 'Tab') {
112
+ event.preventDefault();
113
+ setIndexFocusable((prev) => {
114
+ var _a;
115
+ const nextIndex = (prev + 1) % refs.length;
116
+ refs[nextIndex] && ((_a = refs[nextIndex]) === null || _a === void 0 ? void 0 : _a.focus());
117
+ return nextIndex;
118
+ });
119
+ }
120
+ }
121
+ }, [refsActions.current.length, display]);
122
+ return (React.createElement("div", { "data-testid": testId, onKeyDown: onKeyDown },
123
+ triggerContent && (React.createElement(TriggerTag, { "aria-label": ariaLabelButtonOpen, title: titleButtonOpen, ref: refBtnModal, "aria-controls": ariaControls, onClick: (e) => {
102
124
  handleOpen(onOpen, e);
103
125
  }, className: hashClass(styled, clsx(triggerClassNames)) }, triggerContent)),
104
- React.createElement("div", { className: classes, ...others },
126
+ React.createElement("div", { className: classes, role: 'dialog', "aria-modal": display ? 'true' : undefined, "aria-labelledby": title ? idTitle : undefined, "aria-describedby": content ? idDescription : undefined, ...others },
105
127
  React.createElement("div", { ref: modal, className: contentClasses },
106
- closeIcon && React.createElement(CloseButton, { onCloseFunc: onClose }),
107
- (title || iconName) && (React.createElement(ModalTitle, { iconColor: iconColor, iconName: iconName }, title)),
108
- content && typeof content === "string" ? (React.createElement(Text, null, content)) : (content),
128
+ closeIcon && (React.createElement("button", { onClick: (e) => {
129
+ handleClose(onClose, e);
130
+ }, className: hashClass(styled, clsx('modal-close', is('large'))), "aria-label": ariaLabelButtonClose, type: ButtonType.BUTTON, title: titleButtonClose, "aria-controls": ariaControls, ref: (el) => el && (refsActions.current[0] = el) })),
131
+ (title || iconName) && (React.createElement(ModalTitle, { iconColor: iconColor, iconName: iconName, ...{ textId: idTitle } }, title)),
132
+ content && typeof content === 'string' ? React.createElement(Text, { ...{ id: idDescription } }, content) : content,
109
133
  children != null && children,
110
- React.createElement(ModalFooter, { className: footerClasses }, (ctaOnClick != null || ctaCancelOnClick != null) && (React.createElement(ButtonList, { centered: true, className: is("flex") },
111
- ctaCancelOnClick && (React.createElement(ModalCancelButton, { onCloseFunc: ctaCancelOnClick })),
112
- ctaOnClick && (React.createElement(ModalContentButton, { onClick: ctaOnClick }, ctaContent)))) || footer)))));
134
+ React.createElement(ModalFooter, { className: footerClasses }, ((ctaOnClick != null || ctaCancelOnClick != null) && (React.createElement(ButtonList, { centered: true, className: is('flex') },
135
+ ctaCancelOnClick && (React.createElement("button", { onClick: (e) => {
136
+ handleClose(ctaCancelOnClick, e);
137
+ }, className: hashClass(styled, clsx('button', is('secondary'))), "aria-label": ariaLabelButtonClose, title: titleButtonClose, "aria-controls": ariaControls, ref: (el) => (refsActions.current[1] = el) }, "Anuuler")),
138
+ ctaOnClick && (React.createElement("button", { className: hashClass(styled, clsx('button', is('primary'))), "aria-label": ariaLabelCta, title: ctaContent, "aria-controls": ariaControls, ref: (el) => (refsActions.current[2] = el), onClick: ctaOnClick }, ctaContent))))) ||
139
+ footer)))));
113
140
  };
114
141
  export default Modal;
115
142
  //# sourceMappingURL=Modal.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../components/modal/Modal.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../components/modal/Modal.tsx"],"names":[],"mappings":"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"}
@@ -1,8 +1,8 @@
1
1
  /// <reference types="react" />
2
+ import { IconColor, IconColorValues, IconName, IconNameValues } from '../../components/icon';
3
+ import { ClickEvent } from '../../events/OnClickEvent';
2
4
  import { Accessibility, Clickable, Clipped, Fullwidth } from '../../objects';
3
5
  import { ModalMarkup, ModalMarkupValues } from './ModalEnum';
4
- import { ClickEvent } from '../../events/OnClickEvent';
5
- import { IconColor, IconColorValues, IconName, IconNameValues } from '../../components/icon';
6
6
  export interface ModalContentButtonProps extends Clickable {
7
7
  children?: string;
8
8
  }
@@ -37,4 +37,9 @@ export interface ModalProps extends Clipped, Fullwidth, Accessibility {
37
37
  onModalHide?: () => void;
38
38
  disableHandlingClickOutside?: boolean;
39
39
  swipable?: boolean;
40
+ ariaLabelButtonClose?: string;
41
+ ariaLabelCta?: string;
42
+ titleButtonClose?: string;
43
+ ariaLabelButtonOpen?: string;
44
+ titleButtonOpen?: string;
40
45
  }
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { ModalTitleProps } from "./ModalTitleProps";
2
+ import { ModalTitleProps } from './ModalTitleProps';
3
3
  /**
4
4
  * Modal Title Component
5
5
  * @param children {string}
@@ -7,5 +7,5 @@ import { ModalTitleProps } from "./ModalTitleProps";
7
7
  * @param iconName {IconName} IconName for icon title
8
8
  * @param iconColor {IconColor} IconColor for icon title
9
9
  */
10
- declare const ModalTitle: ({ children, className, iconColor, iconName }: ModalTitleProps) => JSX.Element;
10
+ declare const ModalTitle: ({ children, className, iconColor, iconName, ...others }: ModalTitleProps) => JSX.Element;
11
11
  export default ModalTitle;
@@ -1,8 +1,8 @@
1
- import * as React from "react";
2
- import { Icon } from "../../../components/icon";
3
- import { hashClass } from "../../../helpers";
4
- import clsx from "clsx";
5
- import { useTrilogyContext } from "../../../context";
1
+ import TextIcon from '../../../components/icon/text/TextIcon';
2
+ import { useTrilogyContext } from '../../../context';
3
+ import { hashClass } from '../../../helpers';
4
+ import clsx from 'clsx';
5
+ import * as React from 'react';
6
6
  /**
7
7
  * Modal Title Component
8
8
  * @param children {string}
@@ -10,9 +10,10 @@ import { useTrilogyContext } from "../../../context";
10
10
  * @param iconName {IconName} IconName for icon title
11
11
  * @param iconColor {IconColor} IconColor for icon title
12
12
  */
13
- const ModalTitle = ({ children, className, iconColor, iconName }) => {
13
+ const ModalTitle = ({ children, className, iconColor, iconName, ...others }) => {
14
14
  const { styled } = useTrilogyContext();
15
- return (React.createElement("div", { className: hashClass(styled, clsx("modal-title", className)) }, iconName ? (React.createElement(Icon, { color: iconColor, size: "large", name: iconName, content: children, position: 'up' })) : (children)));
15
+ const { textId } = others;
16
+ 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)));
16
17
  };
17
18
  export default ModalTitle;
18
19
  //# sourceMappingURL=ModalTitle.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ModalTitle.js","sourceRoot":"","sources":["../../../../components/modal/title/ModalTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAExC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;GAMG;AACH,MAAM,UAAU,GAAG,CAAC,EAClB,QAAQ,EACR,SAAS,EACT,SAAS,EACT,QAAQ,EACQ,EAAe,EAAE;IACjC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC,IAC9D,QAAQ,CAAC,CAAC,CAAC,CACV,oBAAC,IAAI,IACH,KAAK,EAAE,SAAS,EAChB,IAAI,EAAE,OAAO,EACb,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAC,IAAI,GACb,CACH,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACG,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}
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"}
@@ -6,6 +6,7 @@ import { Alignable, getAlertStyle, getColorStyle, TrilogyColor, TypographyBold,
6
6
  import { checkCents } from "./PriceHelpers";
7
7
  import { ComponentName } from "../../components/enumsComponentsName";
8
8
  import { StatesContext } from "../../context/providerStates";
9
+ import { getTypographyBoldStyle } from "../../objects";
9
10
  /**
10
11
  * Price Component
11
12
  * @param amount {number} Amount for Price
@@ -116,23 +117,23 @@ const Price = ({ amount, mention, period, showCents, level, inverted, align, ale
116
117
  (level == PriceLevel.LEVEL7 && "normal") ||
117
118
  "bold",
118
119
  color: color,
119
- fontFamily: "poppins-semibold"
120
+ fontFamily: getTypographyBoldStyle(TypographyBold.TEXT_WEIGHT_SEMIBOLD)
120
121
  },
121
122
  cents: {
122
123
  fontWeight: "bold",
123
124
  color: color,
124
125
  fontSize: centsLevel,
125
- fontFamily: "poppins-semibold"
126
+ fontFamily: getTypographyBoldStyle(TypographyBold.TEXT_WEIGHT_SEMIBOLD)
126
127
  },
127
128
  period: {
128
129
  color: color,
129
130
  fontSize: centsLevel,
130
- fontFamily: "poppins-semibold"
131
+ fontFamily: getTypographyBoldStyle(TypographyBold.TEXT_WEIGHT_SEMIBOLD)
131
132
  },
132
133
  inlinePeriod: {
133
134
  color: color,
134
135
  fontSize: priceLevel,
135
- fontFamily: "poppins-semibold"
136
+ fontFamily: getTypographyBoldStyle(TypographyBold.TEXT_WEIGHT_SEMIBOLD)
136
137
  },
137
138
  striked: {
138
139
  position: "absolute",
@@ -174,12 +175,12 @@ const Price = ({ amount, mention, period, showCents, level, inverted, align, ale
174
175
  tagTextAmount: {
175
176
  lineHeight: 0,
176
177
  fontSize: level && level == 1 && 24 || level && level == 2 && 18 || level && level == 3 && 16 || 11,
177
- fontFamily: "poppins-semibold"
178
+ fontFamily: getTypographyBoldStyle(TypographyBold.TEXT_WEIGHT_SEMIBOLD)
178
179
  },
179
180
  tagTextPeriod: {
180
181
  alignSelf: level && level < 4 ? 'flex-end' : 'center',
181
182
  fontSize: level && level == 1 && 13 || level && level == 2 && 10 || level && level == 3 && 8 || 11,
182
- fontFamily: "poppins-semibold"
183
+ fontFamily: getTypographyBoldStyle(TypographyBold.TEXT_WEIGHT_SEMIBOLD)
183
184
  }
184
185
  });
185
186
  const priceText = `${whole}€${showCents ? cents : ""}${mention ? mention : ""}${period ? ` / ${period}` : ""}`;
@@ -1 +1 @@
1
- {"version":3,"file":"Price.native.js","sourceRoot":"","sources":["../../../components/price/Price.native.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Price.native.js","sourceRoot":"","sources":["../../../components/price/Price.native.tsx"],"names":[],"mappings":"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"}
@@ -1,16 +1,4 @@
1
1
  /// <reference types="react" />
2
- import { ProgressRadialProps } from "./ProgressRadialProps";
3
- /**
4
- * Progress Radial component
5
- * @param percent {number} Progress percent
6
- * @param label {string} Custom label
7
- * @param description {string} Custom description
8
- * @param children {React.ReactNode}
9
- * @param align {Alignable} Progress Radial Alignement
10
- * @param skeleton {boolean} Skeleton Progress Radial
11
- * -------------------------- WEB PROPERTIES -------------------------------
12
- * @param className {string} Additionnal CSS classes
13
- * -------------------------- NATIVE PROPERTIES -------------------------------
14
- */
15
- declare const ProgressRadial: ({ className, percent, label, description, skeleton, stacked, children, ...others }: ProgressRadialProps) => JSX.Element;
2
+ import { ProgressRadialProps } from './ProgressRadialProps';
3
+ declare const ProgressRadial: ({ children, percent, secondPercent, label, description, skeleton, className, small, ...others }: ProgressRadialProps) => JSX.Element;
16
4
  export default ProgressRadial;
@@ -1,84 +1,59 @@
1
- /* eslint-disable react/jsx-no-useless-fragment */
2
- import * as React from "react";
3
- import { is } from "../../../services/index";
4
- import { hashClass } from "../../../helpers";
5
- import clsx from "clsx";
6
- import ProgressRadialItem from "./item";
7
- import { useTrilogyContext } from "../../../context";
8
- /**
9
- * Progress Radial component
10
- * @param percent {number} Progress percent
11
- * @param label {string} Custom label
12
- * @param description {string} Custom description
13
- * @param children {React.ReactNode}
14
- * @param align {Alignable} Progress Radial Alignement
15
- * @param skeleton {boolean} Skeleton Progress Radial
16
- * -------------------------- WEB PROPERTIES -------------------------------
17
- * @param className {string} Additionnal CSS classes
18
- * -------------------------- NATIVE PROPERTIES -------------------------------
19
- */
20
- const ProgressRadial = ({ className, percent, label, description, skeleton, stacked, children, ...others }) => {
21
- var _a, _b, _c;
1
+ import React, { useEffect, useRef, useState } from 'react';
2
+ import clsx from 'clsx';
3
+ import { is } from '../../../services/index';
4
+ import { hashClass } from '../../../helpers';
5
+ import { useTrilogyContext } from '../../../context';
6
+ import { Title, TitleLevels } from '../../title';
7
+ import { Text, TextLevels } from '../../text';
8
+ const ProgressRadial = ({ children, percent = 0, secondPercent = 0, label, description, skeleton, className, small, ...others }) => {
22
9
  const { styled } = useTrilogyContext();
23
- const classes = hashClass(styled, clsx("progress-circle", skeleton && is("loading"), className));
24
- const ProgressContent = () => {
25
- if (label || description) {
26
- return (React.createElement("div", { className: hashClass(styled, clsx("progress-circle-content")) },
27
- label && (React.createElement("div", { className: hashClass(styled, clsx("progress-circle-title")) }, label)),
28
- description && (React.createElement("div", { className: hashClass(styled, clsx("progress-circle-sub")) }, description))));
10
+ const [firstProgressCurrentValue, setFirstProgressCurrentValue] = useState(0);
11
+ const [secondProgressCurrentValue, setSecondProgressCurrentValue] = useState(0);
12
+ const classes = hashClass(styled, clsx('progress-radial', skeleton && is('loading'), small && is('small'), className));
13
+ const classesContent = hashClass(styled, clsx('progress-radial-content'));
14
+ const progressRadialRef = useRef(null);
15
+ // Function to update the background style based on the current progress
16
+ const updateBackgroundStyle = (firstValue, secondValue) => {
17
+ const progressRadial = progressRadialRef.current;
18
+ if (!progressRadial) {
19
+ return;
29
20
  }
30
- return null;
21
+ const firstProgressDegree = (360 * firstValue) / 100;
22
+ const secondProgressDegree = (360 * secondValue) / 100;
23
+ // Ensure the second progress starts where the first ends
24
+ const secondProgressStartDegree = firstProgressDegree;
25
+ let styleBackground;
26
+ styleBackground = `radial-gradient(circle at center, white 58%, transparent 58.1%),`;
27
+ styleBackground += `conic-gradient(#0C7B91 0 ${firstProgressDegree}deg, #25465f ${secondProgressStartDegree}deg ${secondProgressStartDegree + secondProgressDegree}deg, gainsboro ${secondProgressStartDegree + secondProgressDegree}deg 360deg)`;
28
+ progressRadial.style.background = styleBackground;
31
29
  };
32
- // If we have children
33
- // & if children = array or string
34
- if (stacked && children) {
35
- const colors = ["--secondary", "--tertiary", "--warning", "--empty"];
36
- const percents = {};
37
- if (React.isValidElement(children) && Array.isArray(children)) {
38
- const childs = children.map((child, i) => {
39
- var _a, _b;
40
- const color = (_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.color;
41
- const percent = (_b = child === null || child === void 0 ? void 0 : child.props) === null || _b === void 0 ? void 0 : _b.percent;
42
- if (color && percent && !percents[`--${color}`]) {
43
- percents[`--${color}`] = percent;
44
- return (React.createElement(ProgressRadialItem, { key: `radial${i}`, percent: percent, color: color }));
45
- }
46
- return null;
30
+ useEffect(() => {
31
+ let animationFrameId;
32
+ // Reset the current values whenever the provided percent or secondPercent change
33
+ setFirstProgressCurrentValue(0);
34
+ setSecondProgressCurrentValue(0);
35
+ updateBackgroundStyle(percent, secondPercent); // if percent or secondPercent are 0, update immediately
36
+ const frame = () => {
37
+ setFirstProgressCurrentValue((value) => {
38
+ return value < percent ? value + 1 : value;
47
39
  });
48
- colors.forEach((color) => {
49
- if (!Object.keys(percents).includes(color))
50
- percents[color] = 0;
40
+ setSecondProgressCurrentValue((value) => {
41
+ return value < secondPercent ? value + 1 : value;
51
42
  });
52
- return (React.createElement("div", { className: classes, ...others, style: percents },
53
- childs,
54
- React.createElement(ProgressContent, null)));
55
- }
56
- if (React.isValidElement(children) &&
57
- ((_a = children === null || children === void 0 ? void 0 : children.props) === null || _a === void 0 ? void 0 : _a.percent) &&
58
- (children === null || children === void 0 ? void 0 : children.props.color)) {
59
- const color = (_b = children === null || children === void 0 ? void 0 : children.props) === null || _b === void 0 ? void 0 : _b.color;
60
- const percent = (_c = children === null || children === void 0 ? void 0 : children.props) === null || _c === void 0 ? void 0 : _c.percent;
61
- const style = {
62
- [color]: percent,
63
- "--tertiary": 0,
64
- "--warning": 0,
65
- "--empty": 0,
66
- };
67
- return (React.createElement("div", { className: classes, ...others, style: style },
68
- React.createElement(ProgressRadialItem, { percent: percent, color: color }),
69
- React.createElement(ProgressContent, null)));
70
- }
71
- }
72
- // If we don't have multiple pourcents
73
- const style2 = {
74
- "--secondary": percent !== null && percent !== void 0 ? percent : 1,
75
- "--tertiary": 0,
76
- "--warning": 0,
77
- "--empty": 0,
78
- };
79
- return (React.createElement("div", { className: classes, ...others, style: style2 },
80
- React.createElement("div", { className: hashClass(styled, clsx("progress-circle-slice progress-circle-background-secondary")) }),
81
- React.createElement(ProgressContent, null)));
43
+ animationFrameId = requestAnimationFrame(frame);
44
+ };
45
+ animationFrameId = requestAnimationFrame(frame);
46
+ // Cleanup
47
+ return () => cancelAnimationFrame(animationFrameId);
48
+ }, [percent, secondPercent]);
49
+ useEffect(() => {
50
+ updateBackgroundStyle(firstProgressCurrentValue, secondProgressCurrentValue);
51
+ }, [firstProgressCurrentValue, secondProgressCurrentValue]);
52
+ return (React.createElement("div", { ...others, className: classes, ref: progressRadialRef },
53
+ React.createElement("div", { className: classesContent },
54
+ label && React.createElement(Title, { level: TitleLevels.TWO, marginless: true }, label),
55
+ description && React.createElement(Text, { level: TextLevels.ONE, marginless: true }, description),
56
+ !label && !description && children)));
82
57
  };
83
58
  export default ProgressRadial;
84
59
  //# sourceMappingURL=ProgressRadial.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ProgressRadial.js","sourceRoot":"","sources":["../../../../components/progress/radial/ProgressRadial.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ProgressRadial.js","sourceRoot":"","sources":["../../../../components/progress/radial/ProgressRadial.tsx"],"names":[],"mappings":"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"}
@@ -1,11 +1,11 @@
1
- import { AlertProps, AlertState, AlertStateValues, AlignableProps } from "../../../objects";
2
- import * as React from "react";
3
- import { ProgressRadialItemProps } from "./item/ProgressRadialItemProps";
1
+ import { AlertProps, AlertState, AlertStateValues, AlignableProps } from '../../../objects';
2
+ import React from 'react';
3
+ import { ProgressRadialItemProps } from './item/ProgressRadialItemProps';
4
4
  /**
5
5
  * Progress Radial Interface
6
6
  */
7
7
  export interface ProgressRadialProps extends AlertProps, AlignableProps {
8
- children?: React.ReactElement<ProgressRadialItemProps>;
8
+ children?: React.ReactElement<ProgressRadialItemProps> | React.ReactNode;
9
9
  percent?: number;
10
10
  label?: string | React.ReactNode;
11
11
  description?: string | React.ReactNode;
@@ -16,4 +16,5 @@ export interface ProgressRadialProps extends AlertProps, AlignableProps {
16
16
  secondAlert?: AlertState | AlertStateValues;
17
17
  skeleton?: boolean;
18
18
  stacked?: boolean;
19
+ small?: boolean;
19
20
  }
package/lib/version.d.ts CHANGED
@@ -1 +1 @@
1
- export declare const version = "0.0.1-beta-58";
1
+ export declare const version = "0.0.1-beta-61";
package/lib/version.js CHANGED
@@ -1,2 +1,2 @@
1
- export const version = "0.0.1-beta-58";
1
+ export const version = "0.0.1-beta-61";
2
2
  //# sourceMappingURL=version.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@trilogy-ds/react",
3
- "version": "0.0.1-beta-58",
3
+ "version": "0.0.1-beta-61",
4
4
  "type": "module",
5
5
  "author": "Bouygues Telecom",
6
6
  "files": [