@trilogy-ds/react 0.0.1-alpha-prompt

package/README.md

@@ -0,0 +1,117 @@
+<div align='center'>
+
+# Trilogy DS
+
+## 🚀 [Quick Start](#usage)
+
+Trilogy DS, developed by Bouygues Telecom, is a multiplatform design system ( Web / React / React Native ) with reusable components with same codebase.
+
+</div>
+
+![SASS](https://img.shields.io/badge/SASS-hotpink.svg?style=for-the-badge&logo=SASS&logoColor=white)
+![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)
+![React Native](https://img.shields.io/badge/react_native-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)
+---
+
+### Structure
+
+```
+.
+├── react             
+   ├── components      # ◀ React functional components
+   ├── context         # Providers (Themes , styles / hashed styles)
+   ├── events          # Event type definitions
+   ├── helpers         # Utility functions
+   ├── objects         # Atoms & facets definition & implementation
+   ├── services        # Hooks
+   └── types           # Typescript types
+```
+
+---
+
+## Usage
+
+```
+npm i @trilogy-ds/react
+```
+
+```typescript jsx
+import { Button, Text } from '@trilogy-ds/react';
+
+<Button variant='PRIMARY'>My Button</Button>
+<Text level='1'>My Text</Text>
+```
+
+### Trilogy Provider - Import directly css styles
+
+The **TrilogyProvider** simplifies integrating Trilogy style into your app by wrapping your entry point with a provider. It offers two props for customization:
+
+- `mangled` [optional]: Apply compressed styling for performance.
+- `injectTrilogyAssets`: Inject Trilogy assets directly into the DOM.
+
+#### Web Usage
+
+1. Import the `TrilogyProvider` component:
+
+   ```typescript jsx
+   import { TrilogyProvider } from "@trilogy-ds/react/lib/context/provider"
+   ```
+
+2. Wrap your app's root component with it:
+
+   ```typescript jsx
+     <TrilogyProvider mangled injectTrilogyAssets>
+       <App />
+     </TrilogyProvider>
+   ```
+
+#### Native Usage
+
+1. Import the `TrilogyThemeProvider` along with `SVGicons` & colors from [@trilogy-ds/assets](https://www.npmjs.com/package/@trilogy-ds/assets) library:
+
+   ```typescript jsx
+   import { TrilogyThemeProvider, defaultTheme } from '@trilogy-ds/react/lib/context/providerTheme'
+   import { SVGicons } from '@trilogy-ds/assets/lib/iconsPath'
+   ```
+
+2. Wrap your app's root component with it:
+
+   ```typescript jsx
+     const theme = {
+       ...defaultTheme,
+       icons: SVGicons,
+       // here: override theme colors
+     }
+
+     <TrilogyThemeProvider theme={theme}>
+       <AppNative />
+     </TrilogyThemeProvider>
+   ```
+
+### Environment
+
+#### Web
+
+- [Node.js](https://nodejs.org/en/) (>= 18.0.0)
+- [npm](https://www.npmjs.com/) (>= 9.0.0)
+
+#### Mobile (Android / IOS)
+
+- [Java](https://www.java.com/fr/download/manual.jsp)
+- [cocoapods](https://cocoapods.org/) (>= 1.10.1) (only for ios)
+- [Xcode](https://developer.apple.com/xcode/) (>= 12.5.1) (only for ios)
+- [Android Studio](https://developer.android.com/studio) (>= 4.2.2) (only for android)
+
+See how to setup your environment for [Android](https://reactnative.dev/docs/environment-setup) and [IOS](https://reactnative.dev/docs/environment-setup)
+
+### Example
+
+Check out our [example project](https://github.com/BouyguesTelecom/trilogy/tree/master/examples/react-template) using Trilogy for consumption.
+
+### Contributing
+
+Read [the contributing guide](https://github.com/BouyguesTelecom/trilogy/blob/master/CONTRIBUTING.md) to become familiar with our development process, suggest fixes for bugs and improvements, and understand how to construct and assess your modifications
+
+### Changelog
+
+[The changelog](https://github.com/BouyguesTelecom/trilogy/blob/master/CHANGELOG.md) is consistently refreshed to show the modifications made in each new version.

package/lib/components/accordion/Accordion.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { AccordionProps } from '../../components/accordion/AccordionProps';
+/**
+ * Accordion Component
+ * @param id
+ * @param className {string} Additional CSS Classes
+ * @param children
+ * @param others
+ */
+declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
+export default Accordion;

package/lib/components/accordion/Accordion.js

@@ -0,0 +1,22 @@
+import { __assign, __rest } from "tslib";
+import * as React from 'react';
+import { ComponentName } from '../../components/enumsComponentsName';
+import { useTrilogyContext } from '../../context/index';
+import { hashClass } from '../../helpers/hashClassesHelpers';
+import clsx from 'clsx';
+/**
+ * Accordion Component
+ * @param id
+ * @param className {string} Additional CSS Classes
+ * @param children
+ * @param others
+ */
+var Accordion = React.forwardRef(function (_a, ref) {
+    var id = _a.id, className = _a.className, children = _a.children, others = __rest(_a, ["id", "className", "children"]);
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx('accordion', className));
+    return (React.createElement("div", __assign({ ref: ref, id: id, className: classes }, others), children));
+});
+Accordion.displayName = ComponentName.Accordion;
+export default Accordion;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9hY2NvcmRpb24vQWNjb3JkaW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFFdkI7Ozs7OztHQU1HO0FBQ0gsSUFBTSxTQUFTLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBK0IsVUFBQyxFQUFzQyxFQUFFLEdBQUc7SUFBekMsSUFBQSxFQUFFLFFBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXBDLCtCQUFzQyxDQUFGO0lBQzVGLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFdBQVcsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRS9ELE9BQU8sQ0FDTCxzQ0FBSyxHQUFHLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEdBQ2xELFFBQVEsQ0FDTCxDQUNQLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUNGLFNBQVMsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFNBQVMsQ0FBQTtBQUMvQyxlQUFlLFNBQVMsQ0FBQSJ9

package/lib/components/accordion/Accordion.native.d.ts

@@ -0,0 +1,9 @@
+import { AccordionProps } from '../../components/accordion/AccordionProps';
+import * as React from 'react';
+import { View } from 'react-native';
+/**
+ * Accordion Component
+ * @param children {ReactNode}
+ */
+declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<View>>;
+export default Accordion;

package/lib/components/accordion/Accordion.native.js

@@ -0,0 +1,22 @@
+import { __assign, __rest } from "tslib";
+import { ComponentName } from '../../components/enumsComponentsName';
+import * as React from 'react';
+import { StyleSheet, View } from 'react-native';
+/**
+ * Accordion Component
+ * @param children {ReactNode}
+ */
+var Accordion = React.forwardRef(function (_a, ref) {
+    var others = __rest(_a, []);
+    var styles = StyleSheet.create({
+        accordion: {
+            width: '100%',
+            minHeight: 10,
+            borderRadius: 6,
+        },
+    });
+    return React.createElement(View, __assign({ ref: ref, style: styles.accordion }, others));
+});
+Accordion.displayName = ComponentName.Accordion;
+export default Accordion;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYWNjb3JkaW9uL0FjY29yZGlvbi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFDQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFL0M7OztHQUdHO0FBQ0gsSUFBTSxTQUFTLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBcUMsVUFBQyxFQUFhLEVBQUUsR0FBRztRQUFiLE1BQU0sY0FBWCxFQUFhLENBQUY7SUFDakYsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixTQUFTLEVBQUU7WUFDVCxLQUFLLEVBQUUsTUFBTTtZQUNiLFNBQVMsRUFBRSxFQUFFO1lBQ2IsWUFBWSxFQUFFLENBQUM7U0FDaEI7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLG9CQUFDLElBQUksYUFBQyxHQUFHLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxNQUFNLENBQUMsU0FBUyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQ2hFLENBQUMsQ0FBQyxDQUFBO0FBRUYsU0FBUyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFBO0FBQy9DLGVBQWUsU0FBUyxDQUFBIn0=

package/lib/components/accordion/AccordionProps.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+/**
+ * Accordion Interface
+ */
+import { View } from 'react-native';
+import { CommonProps } from '../../objects/facets/CommonProps';
+export interface AccordionProps extends CommonProps {
+    children: React.ReactNode;
+}
+export type AccordionRef = HTMLDivElement;
+export type AccordionNativeRef = View;

package/lib/components/accordion/AccordionProps.js

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

package/lib/components/accordion/AccordionPropsDefaults.js

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

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

@@ -0,0 +1,5 @@
+import Accordion from './Accordion';
+import AccordionItem from './item';
+import AccordionHeader from './item/header';
+import AccordionBody from './item/body';
+export { Accordion, AccordionItem, AccordionHeader, AccordionBody };

package/lib/components/accordion/index.js

@@ -0,0 +1,6 @@
+import Accordion from './Accordion';
+import AccordionItem from './item';
+import AccordionHeader from './item/header';
+import AccordionBody from './item/body';
+export { Accordion, AccordionItem, AccordionHeader, AccordionBody };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2FjY29yZGlvbi9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFNBQVMsTUFBTSxhQUFhLENBQUE7QUFDbkMsT0FBTyxhQUFhLE1BQU0sUUFBUSxDQUFBO0FBQ2xDLE9BQU8sZUFBZSxNQUFNLGVBQWUsQ0FBQTtBQUMzQyxPQUFPLGFBQWEsTUFBTSxhQUFhLENBQUE7QUFFdkMsT0FBTyxFQUFFLFNBQVMsRUFBRSxhQUFhLEVBQUUsZUFBZSxFQUFFLGFBQWEsRUFBRSxDQUFBIn0=

package/lib/components/accordion/item/AccordionItem.d.ts

@@ -0,0 +1,13 @@
+import { AccordionItemProps } from '../../../components/accordion/item/AccordionItemProps';
+import React from 'react';
+/**
+ * Accordion Item Component
+ * @param active {boolean} Active Accordion Item
+ * @param className {string} Additional CSS Classes
+ * @param id {string} id for accordion item
+ * @param onClick {ClickEvent} onClick Event
+ * @param disabled {boolean} Disabled AccordionItem
+ * @param children {ReactNode}
+ */
+declare const AccordionItem: React.ForwardRefExoticComponent<AccordionItemProps & React.RefAttributes<HTMLDetailsElement>>;
+export default AccordionItem;

package/lib/components/accordion/item/AccordionItem.helper.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Check if type is an object with displayName key
+ * @param type
+ * @returns {boolean}
+ */
+export declare const hasDisplayName: <T extends object>(type: T | {
+    displayName: string;
+}) => type is {
+    displayName: string;
+};

package/lib/components/accordion/item/AccordionItem.helper.js

@@ -0,0 +1,9 @@
+/**
+ * Check if type is an object with displayName key
+ * @param type
+ * @returns {boolean}
+ */
+export var hasDisplayName = function (type) {
+    return 'displayName' in type;
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uSXRlbS5oZWxwZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2FjY29yZGlvbi9pdGVtL0FjY29yZGlvbkl0ZW0uaGVscGVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7O0dBSUc7QUFDSCxNQUFNLENBQUMsSUFBTSxjQUFjLEdBQUcsVUFBbUIsSUFBaUM7SUFDaEYsT0FBQSxhQUFhLElBQUksSUFBSTtBQUFyQixDQUFxQixDQUFBIn0=

package/lib/components/accordion/item/AccordionItem.js

@@ -0,0 +1,42 @@
+import { __assign, __rest } from "tslib";
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { useTrilogyContext } from '../../../context';
+import { hashClass } from '../../../helpers/hashClassesHelpers';
+import clsx from 'clsx';
+import React from 'react';
+/**
+ * Accordion Item Component
+ * @param active {boolean} Active Accordion Item
+ * @param className {string} Additional CSS Classes
+ * @param id {string} id for accordion item
+ * @param onClick {ClickEvent} onClick Event
+ * @param disabled {boolean} Disabled AccordionItem
+ * @param children {ReactNode}
+ */
+var AccordionItem = React.forwardRef(function (_a, ref) {
+    var open = _a.open, className = _a.className, children = _a.children, _b = _a.id, id = _b === void 0 ? React.useId() : _b, onClick = _a.onClick, disabled = _a.disabled, others = __rest(_a, ["open", "className", "children", "id", "onClick", "disabled"]);
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx('accordion-item', className));
+    var ariaProps = {};
+    if (disabled) {
+        ariaProps['tabIndex'] = -1;
+        ariaProps['aria-disabled'] = true;
+    }
+    return (React.createElement("details", __assign({ open: open }, ariaProps, { "data-testid": id, className: classes, ref: ref, id: id }, others, { onClick: function (e) {
+            if (disabled) {
+                e.preventDefault();
+                e.stopPropagation();
+            }
+            if (onClick && !disabled) {
+                onClick(e);
+            }
+        }, onKeyDown: function (e) {
+            if (disabled) {
+                e.preventDefault();
+                e.stopPropagation();
+            }
+        } }), children));
+});
+AccordionItem.displayName = ComponentName.AccordionItem;
+export default AccordionItem;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uSXRlbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYWNjb3JkaW9uL2l0ZW0vQWNjb3JkaW9uSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUNBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekI7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLGFBQWEsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNwQyxVQUFDLEVBQStFLEVBQUUsR0FBRztJQUFsRixJQUFBLElBQUksVUFBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFVBQWtCLEVBQWxCLEVBQUUsbUJBQUcsS0FBSyxDQUFDLEtBQUssRUFBRSxLQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUE3RSw4REFBK0UsQ0FBRjtJQUNwRSxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBQ3BFLElBQU0sU0FBUyxHQUFxRCxFQUFFLENBQUE7SUFFdEUsSUFBSSxRQUFRLEVBQUU7UUFDWixTQUFTLENBQUMsVUFBVSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUE7UUFDMUIsU0FBUyxDQUFDLGVBQWUsQ0FBQyxHQUFHLElBQUksQ0FBQTtLQUNsQztJQUVELE9BQU8sQ0FDTCwwQ0FDRSxJQUFJLEVBQUUsSUFBSSxJQUNOLFNBQVMsbUJBQ0EsRUFBRSxFQUNmLFNBQVMsRUFBRSxPQUFPLEVBQ2xCLEdBQUcsRUFBRSxHQUFHLEVBQ1IsRUFBRSxFQUFFLEVBQUUsSUFDRixNQUFNLElBQ1YsT0FBTyxFQUFFLFVBQUMsQ0FBQztZQUNULElBQUksUUFBUSxFQUFFO2dCQUNaLENBQUMsQ0FBQyxjQUFjLEVBQUUsQ0FBQTtnQkFDbEIsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFBO2FBQ3BCO1lBQ0QsSUFBSSxPQUFPLElBQUksQ0FBQyxRQUFRLEVBQUU7Z0JBQ3hCLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQTthQUNYO1FBQ0gsQ0FBQyxFQUNELFNBQVMsRUFBRSxVQUFDLENBQUM7WUFDWCxJQUFJLFFBQVEsRUFBRTtnQkFDWixDQUFDLENBQUMsY0FBYyxFQUFFLENBQUE7Z0JBQ2xCLENBQUMsQ0FBQyxlQUFlLEVBQUUsQ0FBQTthQUNwQjtRQUNILENBQUMsS0FFQSxRQUFRLENBQ0QsQ0FDWCxDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxhQUFhLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxhQUFhLENBQUE7QUFDdkQsZUFBZSxhQUFhLENBQUEifQ==

package/lib/components/accordion/item/AccordionItem.native.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { View } from 'react-native';
+import { AccordionItemProps } from './AccordionItemProps';
+/**
+ * Accordion Item Component
+ * @param active {boolean} Active Accordion Item
+ * @param id {string} id for accordion item
+ * @param onClick {ClickEvent} onClick Event
+ * @param disabled {boolean} Disabled AccordionItem
+ * @param children
+ */
+declare const AccordionItem: React.ForwardRefExoticComponent<AccordionItemProps & React.RefAttributes<View>>;
+export default AccordionItem;

package/lib/components/accordion/item/AccordionItem.native.js

@@ -0,0 +1,144 @@
+import { __assign, __read, __rest } from "tslib";
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { Icon, IconSize } from '../../../components/icon';
+import { IconName } from '../../../components/icon/IconNameEnum';
+import { Spacer, SpacerSize } from '../../../components/spacer';
+import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
+import React, { isValidElement, useEffect, useRef, useState } from 'react';
+import { Animated, Easing, StyleSheet, TouchableWithoutFeedback, View } from 'react-native';
+/**
+ * Accordion Item Component
+ * @param active {boolean} Active Accordion Item
+ * @param id {string} id for accordion item
+ * @param onClick {ClickEvent} onClick Event
+ * @param disabled {boolean} Disabled AccordionItem
+ * @param children
+ */
+var AccordionItem = React.forwardRef(function (_a, ref) {
+    var open = _a.open, id = _a.id, onClick = _a.onClick, disabled = _a.disabled, children = _a.children, others = __rest(_a, ["open", "id", "onClick", "disabled", "children"]);
+    var _b = __read(useState(Boolean(typeof open !== 'undefined' ? open : false)), 2), isActive = _b[0], setIsActive = _b[1];
+    var animatedController = useRef(new Animated.Value(0)).current;
+    var _c = __read(useState(0), 2), bodySectionHeight = _c[0], setBodySectionHeight = _c[1];
+    var _d = __read(useState({
+        header: undefined,
+        body: undefined,
+    }), 2), childs = _d[0], setChilds = _d[1];
+    var styles = StyleSheet.create({
+        item: {
+            width: '100%',
+            padding: 5,
+            borderRadius: 6,
+            backgroundColor: disabled ? getColorStyle(TrilogyColor.DISABLED_FADE) : getColorStyle(TrilogyColor.BACKGROUND),
+            borderWidth: 1,
+            borderColor: (disabled && getColorStyle(TrilogyColor.DISABLED_FADE)) || getColorStyle(TrilogyColor.NEUTRAL),
+        },
+        bodyBackground: {
+            borderRadius: 6,
+            backgroundColor: getColorStyle(TrilogyColor.BACKGROUND),
+            overflow: 'hidden',
+        },
+        titleContainer: {
+            minWidth: '100%',
+            display: 'flex',
+            flexDirection: 'row',
+            justifyContent: 'space-between',
+            alignItems: 'center',
+            paddingLeft: 10,
+            paddingRight: 5,
+            paddingTop: 5,
+            paddingBottom: 5,
+            borderColor: getColorStyle(TrilogyColor.BACKGROUND),
+        },
+        bodyContainer: {
+            padding: 10,
+            paddingLeft: 10,
+            paddingRight: 10,
+            position: 'absolute',
+            bottom: 0,
+            borderRadius: 6,
+            left: 0,
+            right: 0,
+        },
+    });
+    var bodyHeight = animatedController.interpolate({
+        inputRange: [0, 1],
+        outputRange: [0, bodySectionHeight],
+    });
+    var arrowAngle = animatedController.interpolate({
+        inputRange: [0, 1],
+        outputRange: ['0rad', "".concat(Math.PI, "rad")],
+    });
+    useEffect(function () {
+        setIsActive(open || false);
+    }, [open]);
+    var toggleListItem = function () {
+        if (isActive) {
+            Animated.timing(animatedController, {
+                duration: 300,
+                toValue: 0,
+                easing: Easing.bezier(0.4, 0.0, 0.2, 1),
+                useNativeDriver: false,
+            }).start();
+        }
+        else {
+            Animated.timing(animatedController, {
+                duration: 300,
+                toValue: 1,
+                easing: Easing.bezier(0.4, 0.0, 0.2, 1),
+                useNativeDriver: false,
+            }).start();
+        }
+        setIsActive(!isActive);
+    };
+    useEffect(function () {
+        open ? animatedController.setValue(1) : animatedController.setValue(0);
+    }, [open]);
+    useEffect(function () {
+        var newChilds = {};
+        if (Array.isArray(children)) {
+            children.forEach(function (child) {
+                var _a;
+                if (isValidElement(child) && child.type) {
+                    var childType = child.type;
+                    var childName = (childType === null || childType === void 0 ? void 0 : childType.displayName) || ((_a = childType === null || childType === void 0 ? void 0 : childType.render) === null || _a === void 0 ? void 0 : _a.displayName);
+                    switch (childName) {
+                        case 'AccordionHeader':
+                            newChilds.header = child;
+                            break;
+                        case 'AccordionBody':
+                            newChilds.body = child;
+                            break;
+                        default:
+                            break;
+                    }
+                }
+            });
+            setChilds(newChilds);
+        }
+    }, [children]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(View, { style: styles.item, ref: ref },
+            React.createElement(TouchableWithoutFeedback, __assign({ style: styles.item, testID: id || '', 
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                onPress: function (e) {
+                    if (!disabled) {
+                        toggleListItem();
+                        if (onClick)
+                            onClick(e);
+                    }
+                } }, others),
+                React.createElement(View, { style: styles.titleContainer },
+                    childs.header && React.createElement(View, null, childs.header),
+                    React.createElement(Animated.View, { style: { transform: [{ rotateZ: arrowAngle }] } },
+                        React.createElement(Icon, { name: IconName.ARROW_DOWN, size: IconSize.SMALLER, color: disabled ? TrilogyColor.DISABLED : TrilogyColor.MAIN })))),
+            React.createElement(Animated.View, { style: [styles.bodyBackground, { height: bodyHeight }] },
+                React.createElement(View, { style: styles.bodyContainer, 
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    onLayout: function (e) {
+                        setBodySectionHeight(e.nativeEvent.layout.height);
+                    } }, childs.body && React.createElement(View, null, childs.body)))),
+        React.createElement(Spacer, { size: SpacerSize.TWO })));
+});
+AccordionItem.displayName = ComponentName.AccordionItem;
+export default AccordionItem;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uSXRlbS5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2FjY29yZGlvbi9pdGVtL0FjY29yZGlvbkl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDbEQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGdDQUFnQyxDQUFBO0FBQ3pELE9BQU8sRUFBRSxNQUFNLEVBQUUsVUFBVSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEtBQUssRUFBRSxFQUFFLGNBQWMsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUMxRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsd0JBQXdCLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBUTNGOzs7Ozs7O0dBT0c7QUFDSCxJQUFNLGFBQWEsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNwQyxVQUFDLEVBQW9ELEVBQUUsR0FBRztJQUF2RCxJQUFBLElBQUksVUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBbEQsaURBQW9ELENBQUY7SUFDM0MsSUFBQSxLQUFBLE9BQTBCLFFBQVEsQ0FBVSxPQUFPLENBQUMsT0FBTyxJQUFJLEtBQUssV0FBVyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLElBQUEsRUFBL0YsUUFBUSxRQUFBLEVBQUUsV0FB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

package/lib/components/accordion/item/AccordionItemProps.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import { View } from 'react-native';
+import { CommonProps } from '../../../objects/facets/CommonProps';
+export type TargetElement = HTMLElement & {
+    active?: boolean;
+    id?: string;
+};
+/**
+ * OnClickEvent type
+ */
+export type OnClickEvent = React.MouseEvent<HTMLElement> | React.TouchEvent<HTMLElement> | {
+    target: TargetElement;
+};
+export interface OnClickCallback {
+    (e: OnClickEvent): void;
+}
+/**
+ * AccordionItem Interface
+ */
+export interface AccordionItemProps extends CommonProps {
+    children: React.ReactNode | Array<React.ReactNode>;
+    open?: boolean;
+    onClick?: OnClickCallback;
+    disabled?: boolean;
+}
+export type AccordionItemRef = HTMLDetailsElement;
+export type AccordionItemNativeRef = View;

package/lib/components/accordion/item/AccordionItemProps.js

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

package/lib/components/accordion/item/AccordionItemPropsDefaults.js

@@ -0,0 +1,54 @@
+export default {
+  "children": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal",
+      "ReactNode[]"
+    ]
+  },
+  "open": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "onClick": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "OnClickCallback"
+    ]
+  },
+  "disabled": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

package/lib/components/accordion/item/OnClickCallbackDefaults.js

@@ -0,0 +1 @@
+export default {};

package/lib/components/accordion/item/body/AccordionBody.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { AccordionBodyProps } from './AccordionBodyProps';
+/**
+ * Accordion Body Component
+ * @param children {React.ReactNode} Children for Accordion body
+ * - ------------------ WEB PROPERTIES -----------------------
+ * @param className {string} Additional CSS Classes
+ * @param dataId {string} data attribute
+ */
+declare const AccordionBody: React.ForwardRefExoticComponent<AccordionBodyProps & React.RefAttributes<HTMLDivElement>>;
+export default AccordionBody;

package/lib/components/accordion/item/body/AccordionBody.js

@@ -0,0 +1,23 @@
+import { __assign, __rest } from "tslib";
+import { ComponentName } from '../../../../components/enumsComponentsName';
+import { useTrilogyContext } from '../../../../context';
+import { hashClass } from '../../../../helpers/hashClassesHelpers';
+import clsx from 'clsx';
+import * as React from 'react';
+/**
+ * Accordion Body Component
+ * @param children {React.ReactNode} Children for Accordion body
+ * - ------------------ WEB PROPERTIES -----------------------
+ * @param className {string} Additional CSS Classes
+ * @param dataId {string} data attribute
+ */
+var AccordionBody = React.forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, id = _a.id, others = __rest(_a, ["children", "className", "id"]);
+    var styled = useTrilogyContext().styled;
+    return (React.createElement("div", __assign({ ref: ref, id: id, className: hashClass(styled, clsx('accordion-body', className)), onClick: function (e) {
+            e.stopPropagation();
+        } }, others), children));
+});
+AccordionBody.displayName = ComponentName.AccordionBody;
+export default AccordionBody;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uQm9keS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYWNjb3JkaW9uL2l0ZW0vYm9keS9BY2NvcmRpb25Cb2R5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRzlCOzs7Ozs7R0FNRztBQUNILElBQU0sYUFBYSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ3BDLFVBQUMsRUFBc0MsRUFBRSxHQUFHO0lBQXpDLElBQUEsUUFBUSxjQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUssTUFBTSxjQUFwQywrQkFBc0MsQ0FBRjtJQUMzQixJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxPQUFPLENBQ0wsc0NBQ0UsR0FBRyxFQUFFLEdBQUcsRUFDUixFQUFFLEVBQUUsRUFBRSxFQUNOLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxTQUFTLENBQUMsQ0FBQyxFQUMvRCxPQUFPLEVBQUUsVUFBQyxDQUFDO1lBQ1QsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFBO1FBQ3JCLENBQUMsSUFDRyxNQUFNLEdBRVQsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsYUFBYSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsYUFBYSxDQUFBO0FBQ3ZELGVBQWUsYUFBYSxDQUFBIn0=

package/lib/components/accordion/item/body/AccordionBody.native.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { View } from 'react-native';
+import { AccordionBodyProps } from './AccordionBodyProps';
+/**
+ * Accordion Body Component
+ * @param children {React.ReactNode} Children for Accordion body
+ */
+declare const AccordionBody: React.ForwardRefExoticComponent<AccordionBodyProps & React.RefAttributes<View>>;
+export default AccordionBody;