@trilogy-ds/react 0.0.1-alpha-prompt

package/lib/components/list/item/ListItem.js

@@ -0,0 +1,26 @@
+import clsx from 'clsx';
+import * as React from 'react';
+import { useTrilogyContext } from '../../../context';
+import { hashClass } from '../../../helpers';
+import { getColorClassName, TrilogyColor } from '../../../objects';
+import { is } from '../../../services';
+import { Icon, IconSize } from '../../../components/icon';
+import { ComponentName } from '../../../components/enumsComponentsName';
+/**
+ * ListItem Component
+ * @param className {string} Additional CSS Classes
+ * @param children {React.ReactNode}
+ * @param iconName {IconName} Icon name
+ * @param status {ListIconStatus} Status success|error
+ */
+var ListItem = React.forwardRef(function (_a, ref) {
+    var className = _a.className, id = _a.id, children = _a.children, iconName = _a.iconName, status = _a.status, testId = _a.testId;
+    var styled = useTrilogyContext().styled;
+    var classes = clsx('list-item', className, status && is(getColorClassName(TrilogyColor[status])));
+    return (React.createElement("li", { ref: ref, id: id, className: hashClass(styled, clsx(classes)), "data-testid": testId },
+        iconName && (React.createElement(Icon, { className: status && clsx(is(getColorClassName(TrilogyColor[status]))), name: iconName, size: IconSize.SMALL })),
+        React.createElement("div", { className: hashClass(styled, clsx('list-item-content')) }, children)));
+});
+ListItem.displayName = ComponentName.ListItem;
+export default ListItem;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvaXRlbS9MaXN0SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDM0QsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUMvQixPQUFPLEVBQUUsSUFBSSxFQUFZLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRTVELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7O0dBTUc7QUFDSCxJQUFNLFFBQVEsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUE2QixVQUFDLEVBQXFELEVBQUUsR0FBRztRQUF4RCxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxNQUFNLFlBQUE7SUFDeEcsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLFdBQVcsRUFBRSxTQUFTLEVBQUUsTUFBTSxJQUFJLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxZQUFZLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUE7SUFFbkcsT0FBTyxDQUNMLDRCQUFJLEdBQUcsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsaUJBQWUsTUFBTTtRQUNuRixRQUFRLElBQUksQ0FDWCxvQkFBQyxJQUFJLElBQ0gsU0FBUyxFQUFFLE1BQU0sSUFBSSxJQUFJLENBQUMsRUFBRSxDQUFDLGlCQUFpQixDQUFDLFlBQVksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFDdEUsSUFBSSxFQUFFLFFBQVEsRUFDZCxJQUFJLEVBQUUsUUFBUSxDQUFDLEtBQUssR0FDcEIsQ0FDSDtRQUNELDZCQUFLLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDLElBQUcsUUFBUSxDQUFPLENBQzNFLENBQ04sQ0FBQTtBQUNILENBQUMsQ0FBQyxDQUFBO0FBRUYsUUFBUSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsUUFBUSxDQUFBO0FBQzdDLGVBQWUsUUFBUSxDQUFBIn0=

package/lib/components/list/item/ListItem.native.d.ts

@@ -0,0 +1,11 @@
+import { ListItemProps } from '../../../components/list/item/ListItemProps';
+import React from 'react';
+import { View } from 'react-native';
+/**
+ * ListItem Component
+ * @param children {React.ReactNode}
+ * @param iconName {IconName} Icon name
+ * @param status {ListIconStatus} Status success|error
+ */
+declare const ListItem: React.ForwardRefExoticComponent<ListItemProps & React.RefAttributes<View>>;
+export default ListItem;

package/lib/components/list/item/ListItem.native.js

@@ -0,0 +1,62 @@
+import { __read, __spreadArray } from "tslib";
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { Icon } from '../../../components/icon';
+import { ListContext } from '../../../components/list/context';
+import { Text, TextLevels } from '../../../components/text';
+import { getColorStyle, TrilogyColor, TypographyBold } from '../../../objects';
+import React, { useContext, useEffect, useId, useMemo } from 'react';
+import { StyleSheet, View } from 'react-native';
+/**
+ * ListItem Component
+ * @param children {React.ReactNode}
+ * @param iconName {IconName} Icon name
+ * @param status {ListIconStatus} Status success|error
+ */
+var ListItem = React.forwardRef(function (_a, ref) {
+    var children = _a.children, status = _a.status, iconName = _a.iconName;
+    var id = useId();
+    var _b = useContext(ListContext), ordered = _b.ordered, chilIndexes = _b.chilIndexes, setChildIndexes = _b.setChildIndexes, divider = _b.divider;
+    var isLastItem = chilIndexes[chilIndexes.length - 1] === id;
+    useEffect(function () {
+        setChildIndexes(function (prev) { return __spreadArray(__spreadArray([], __read(prev), false), [id], false); });
+    }, [id]);
+    var styles = StyleSheet.create({
+        text: {
+            paddingHorizontal: 16,
+        },
+        content: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            paddingVertical: iconName ? 8 : 2,
+            borderBottomWidth: divider && !isLastItem ? 1 : 0,
+            borderBottomColor: getColorStyle(TrilogyColor.NEUTRAL),
+        },
+        disc: {
+            alignSelf: 'center',
+            width: 4,
+            height: 4,
+            backgroundColor: getColorStyle(TrilogyColor.MAIN),
+            borderRadius: 4,
+        },
+    });
+    var getComponent = useMemo(function () {
+        if (typeof children === 'object')
+            return React.createElement(View, { style: styles.text }, children);
+        if (['string', 'number'].includes(typeof children)) {
+            return (React.createElement(Text, { style: styles.text, level: TextLevels.ONE }, children));
+        }
+    }, [children]);
+    return (React.createElement(View, { ref: ref, style: [styles.content] },
+        ordered && !iconName && (React.createElement(View, null,
+            React.createElement(Text, { typo: [TypographyBold.TEXT_WEIGHT_SEMIBOLD] },
+                chilIndexes.indexOf(id) + 1,
+                "."))),
+        !iconName && !ordered && (React.createElement(View, null,
+            React.createElement(View, { style: styles.disc }))),
+        iconName && (React.createElement(View, null,
+            React.createElement(Icon, { size: 'small', name: iconName, color: status }))),
+        React.createElement(View, { style: { flexGrow: 1 } }, getComponent)));
+});
+ListItem.displayName = ComponentName.ListItem;
+export default ListItem;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW0ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9saXN0L2l0ZW0vTGlzdEl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQVksTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sMkJBQTJCLENBQUE7QUFFdkQsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxjQUFjLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDdkUsT0FBTyxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDcEUsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFL0M7Ozs7O0dBS0c7QUFDSCxJQUFNLFFBQVEsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUMvQixVQUFDLEVBQThCLEVBQUUsR0FBRztRQUFqQyxRQUFRLGNBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxRQUFRLGNBQUE7SUFDM0IsSUFBTSxFQUFFLEdBQUcsS0FBSyxFQUFFLENBQUE7SUFDWixJQUFBLEtBQXFELFVBQVUsQ0FBQyxXQUFXLENBQUMsRUFBMUUsT0FBTyxhQUFBLEVBQUUsV0FBVyxpQkFBQSxFQUFFLGVBQWUscUJBQUEsRUFBRSxPQUFPLGFBQTRCLENBQUE7SUFDbEYsSUFBTSxVQUFVLEdBQUcsV0FBVyxDQUFDLFdBQVcsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLEtBQUssRUFBRSxDQUFBO0lBRTdELFNBQVMsQ0FBQztRQUNSLGVBQWUsQ0FBQyxVQUFDLElB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

package/lib/components/list/item/ListItemProps.d.ts

@@ -0,0 +1,23 @@
+/**
+ * ListItem Interface
+ */
+import { ReactNode } from 'react';
+import { Animated, type View } from 'react-native';
+import { IconName, IconNameValues } from '../../../components/icon';
+import { Accessibility, Dev } from '../../../objects';
+import { CommonProps } from '../../../objects/facets/CommonProps';
+export declare enum ListIconStatus {
+    SUCCESS = "SUCCESS",
+    INFO = "INFO",
+    WARNING = "WARNING",
+    ERROR = "ERROR"
+}
+export type ListIconStatusValues = `${ListIconStatus}`;
+export interface ListItemProps extends Accessibility, Dev, CommonProps {
+    children?: ReactNode;
+    iconName?: IconName | IconNameValues;
+    status?: ListIconStatus | ListIconStatusValues;
+}
+export type AnimatedInterpolationProps = Animated.AnimatedInterpolation<number | string>;
+export type ListItemRef = HTMLLIElement;
+export type ListItemNativeRef = View;

package/lib/components/list/item/ListItemProps.js

@@ -0,0 +1,8 @@
+export var ListIconStatus;
+(function (ListIconStatus) {
+    ListIconStatus["SUCCESS"] = "SUCCESS";
+    ListIconStatus["INFO"] = "INFO";
+    ListIconStatus["WARNING"] = "WARNING";
+    ListIconStatus["ERROR"] = "ERROR";
+})(ListIconStatus || (ListIconStatus = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW1Qcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvbGlzdC9pdGVtL0xpc3RJdGVtUHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU0EsTUFBTSxDQUFOLElBQVksY0FLWDtBQUxELFdBQVksY0FBYztJQUN4QixxQ0FBbUIsQ0FBQTtJQUNuQiwrQkFBYSxDQUFBO0lBQ2IscUNBQW1CLENBQUE7SUFDbkIsaUNBQWUsQ0FBQTtBQUNqQixDQUFDLEVBTFcsY0FBYyxLQUFkLGNBQWMsUUFLekIifQ==

package/lib/components/list/item/ListItemPropsDefaults.js

@@ -0,0 +1,118 @@
+export default {
+  "children": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "iconName": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "tri-alert",
+      "tri-arrow-down",
+      "tri-arrow-left",
+      "tri-arrow-right",
+      "tri-arrow-up",
+      "tri-attachment",
+      "tri-bell",
+      "tri-calendar",
+      "tri-check-circle",
+      "tri-check",
+      "tri-exclamation-circle",
+      "tri-eye-slash",
+      "tri-eye",
+      "tri-file-attached",
+      "tri-infos-circle",
+      "tri-micro",
+      "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-attachment",
+      "tri-bell",
+      "tri-calendar",
+      "tri-check-circle",
+      "tri-check",
+      "tri-exclamation-circle",
+      "tri-eye-slash",
+      "tri-eye",
+      "tri-file-attached",
+      "tri-infos-circle",
+      "tri-micro",
+      "tri-search",
+      "tri-times",
+      "tri-trash",
+      "tri-picto-faciliti",
+      "tri-picto-handicapzero",
+      "tri-picto-la-fibre",
+      "tri-picto-payment-americanexpress",
+      "tri-picto-payment-cb",
+      "tri-picto-payment-mastercard",
+      "tri-picto-payment-paypal",
+      "tri-picto-payment-visa"
+    ]
+  },
+  "status": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "SUCCESS",
+      "INFO",
+      "WARNING",
+      "ERROR",
+      "SUCCESS",
+      "INFO",
+      "WARNING",
+      "ERROR"
+    ]
+  },
+  "accessibilityLabel": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

package/lib/components/list/item/description/ListItemDescription.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { ListItemDescriptionProps } from "./ListItemDescriptionProps";
+/**
+ * ListItemDescription Component
+ * @param children {React.ReactNode}
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
+ */
+declare const ListItemDescription: React.ForwardRefExoticComponent<ListItemDescriptionProps & React.RefAttributes<HTMLElement>>;
+export default ListItemDescription;

package/lib/components/list/item/description/ListItemDescription.js

@@ -0,0 +1,19 @@
+import * as React from "react";
+import clsx from "clsx";
+import { hashClass } from "../../../../helpers";
+import { useTrilogyContext } from "../../../../context";
+import { ComponentName } from "../../../../components/enumsComponentsName";
+/**
+ * ListItemDescription Component
+ * @param children {React.ReactNode}
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
+ */
+var ListItemDescription = React.forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className;
+    var styled = useTrilogyContext().styled;
+    return React.createElement("dd", { ref: ref, className: hashClass(styled, clsx(className)) }, children);
+});
+ListItemDescription.displayName = ComponentName.ListItemDescription;
+export default ListItemDescription;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW1EZXNjcmlwdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvbGlzdC9pdGVtL2Rlc2NyaXB0aW9uL0xpc3RJdGVtRGVzY3JpcHRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7Ozs7O0dBS0c7QUFDSCxJQUFNLG1CQUFtQixHQUFHLEtBQUssQ0FBQyxVQUFVLENBQW1ELFVBQUMsRUFHL0YsRUFBRSxHQUFHO1FBRkosUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsT0FBTyw0QkFBSSxHQUFHLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxJQUFHLFFBQVEsQ0FBTSxDQUFBO0FBQ3JGLENBQUMsQ0FBQyxDQUFBO0FBRUYsbUJBQW1CLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxtQkFBbUIsQ0FBQTtBQUNuRSxlQUFlLG1CQUFtQixDQUFBIn0=

package/lib/components/list/item/description/ListItemDescription.native.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { ListItemDescriptionProps } from "./ListItemDescriptionProps";
+/**
+ * ListItemDescription Component
+ * @param children {React.ReactNode}
+ */
+declare const ListItemDescription: React.ForwardRefExoticComponent<ListItemDescriptionProps & React.RefAttributes<import("react-native/types").View>>;
+export default ListItemDescription;

package/lib/components/list/item/description/ListItemDescription.native.js

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { Text } from "../../../../components/text";
+import { View } from "../../../../components/view";
+import { ComponentName } from "../../../../components/enumsComponentsName";
+/**
+ * ListItemDescription Component
+ * @param children {React.ReactNode}
+ */
+var ListItemDescription = React.forwardRef(function (_a, ref) {
+    var children = _a.children;
+    if (["string", "number"].includes(typeof children)) {
+        return React.createElement(Text, null, children);
+    }
+    return React.createElement(View, { ref: ref }, children);
+});
+ListItemDescription.displayName = ComponentName.ListItemDescription;
+export default ListItemDescription;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW1EZXNjcmlwdGlvbi5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvaXRlbS9kZXNjcmlwdGlvbi9MaXN0SXRlbURlc2NyaXB0aW9uLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUV4QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7OztHQUdHO0FBQ0gsSUFBTSxtQkFBbUIsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUF5RCxVQUFDLEVBRXJHLEVBQUUsR0FBRztRQURKLFFBQVEsY0FBQTtJQUVSLElBQUksQ0FBQyxRQUFRLEVBQUUsUUFBUSxDQUFDLENBQUMsUUFBUSxDQUFDLE9BQU8sUUFBUSxDQUFDLEVBQUU7UUFDbEQsT0FBTyxvQkFBQyxJQUFJLFFBQUUsUUFBUSxDQUFRLENBQUE7S0FDL0I7SUFFRCxPQUFPLG9CQUFDLElBQUksSUFBQyxHQUFHLEVBQUUsR0FBRyxJQUFHLFFBQVEsQ0FBUSxDQUFBO0FBQzFDLENBQUMsQ0FBQyxDQUFBO0FBRUYsbUJBQW1CLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxtQkFBbUIsQ0FBQTtBQUVuRSxlQUFlLG1CQUFtQixDQUFBIn0=

package/lib/components/list/item/description/ListItemDescriptionProps.d.ts

@@ -0,0 +1,11 @@
+/**
+ * ListItem Interface
+ */
+import { ReactNode } from 'react';
+import { View } from 'react-native';
+export interface ListItemDescriptionProps {
+    children?: ReactNode;
+    className?: string;
+}
+export type ListItemDescriptionRef = HTMLElement;
+export type ListItemDescriptionNativeRef = View;

package/lib/components/list/item/description/ListItemDescriptionProps.js

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

package/lib/components/list/item/description/ListItemDescriptionPropsDefaults.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/list/item/description/index.d.ts

@@ -0,0 +1,3 @@
+import ListItemDescription from './ListItemDescription';
+export * from './ListItemDescriptionProps';
+export { ListItemDescription };

package/lib/components/list/item/description/index.js

@@ -0,0 +1,4 @@
+import ListItemDescription from './ListItemDescription';
+export * from './ListItemDescriptionProps';
+export { ListItemDescription };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvaXRlbS9kZXNjcmlwdGlvbi9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLG1CQUFtQixNQUFNLHVCQUF1QixDQUFBO0FBRXZELGNBQWMsNEJBQTRCLENBQUE7QUFFMUMsT0FBTyxFQUFFLG1CQUFtQixFQUFFLENBQUEifQ==

package/lib/components/list/item/index.d.ts

@@ -0,0 +1,4 @@
+import ListItem from './ListItem';
+export * from './description';
+export * from './ListItemProps';
+export { ListItem };

package/lib/components/list/item/index.js

@@ -0,0 +1,5 @@
+import ListItem from './ListItem';
+export * from './description';
+export * from './ListItemProps';
+export { ListItem };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvaXRlbS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFFBQVEsTUFBTSxZQUFZLENBQUE7QUFFakMsY0FBYyxlQUFlLENBQUE7QUFDN0IsY0FBYyxpQkFBaUIsQ0FBQTtBQUMvQixPQUFPLEVBQUUsUUFBUSxFQUFFLENBQUEifQ==

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { ModalProps } from './ModalProps';
+/**
+ * Modal Component
+ * @param active {boolean} Activated Modal
+ * @param title {string} Title Modal
+ * @param onClose {Function} Additional close custom function
+ * @param onOpen {Function} Additional open custom function
+ * @param children {React.ReactNode}
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
+ * @param panel {boolean} Panel Side Modal
+ * @param accessibilityLabel {string} Accessibility label
+ * - -------------------------- NATIVE PROPERTIES -------------------------------
+ */
+declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
+export default Modal;

package/lib/components/modal/Modal.js

@@ -0,0 +1,98 @@
+import { __assign, __read, __rest } from "tslib";
+import { ButtonType } from '../../components/button';
+import { Title, TitleLevels, TitleMarkup } from '../../components/title';
+import { useTrilogyContext } from '../../context/index';
+import { hashClass } from '../../helpers/hashClassesHelpers';
+import { is } from '../../services';
+import translation from '@trilogy-ds/locales/lib/modal';
+import clsx from 'clsx';
+import React, { useCallback, useEffect, useId, useRef, useState } from 'react';
+import { ComponentName } from '../enumsComponentsName';
+/**
+ * Modal Component
+ * @param active {boolean} Activated Modal
+ * @param title {string} Title Modal
+ * @param onClose {Function} Additional close custom function
+ * @param onOpen {Function} Additional open custom function
+ * @param children {React.ReactNode}
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
+ * @param panel {boolean} Panel Side Modal
+ * @param accessibilityLabel {string} Accessibility label
+ * - -------------------------- NATIVE PROPERTIES -------------------------------
+ */
+var Modal = React.forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, id = _a.id, _b = _a.accessibilityLabel, accessibilityLabel = _b === void 0 ? 'Close' : _b, active = _a.active, onClose = _a.onClose, unClosable = _a.unClosable, panel = _a.panel, size = _a.size, _c = _a.hideCloseButton, hideCloseButton = _c === void 0 ? false : _c, trigger = _a.trigger, title = _a.title, others = __rest(_a, ["children", "className", "id", "accessibilityLabel", "active", "onClose", "unClosable", "panel", "size", "hideCloseButton", "trigger", "title"]);
+    var modalContentRef = useRef(null);
+    var _d = __read(useState(active || false), 2), display = _d[0], setDisplay = _d[1];
+    var styled = useTrilogyContext().styled;
+    var refBtnModal = useRef(null);
+    var refModal = useRef(null);
+    var modalGeneratedId = useId();
+    var focusableElementsRef = useRef(null);
+    var currentFocusIndexRef = useRef(0);
+    var handleClose = React.useCallback(function (onCloseFunc, e) {
+        if (!unClosable) {
+            setDisplay(false);
+            refBtnModal.current && refBtnModal.current.focus();
+            if (onCloseFunc)
+                onCloseFunc(e);
+        }
+    }, [refBtnModal.current]);
+    var classes = hashClass(styled, clsx('modal', display && is('active'), size && is(size), panel && is('panel'), className));
+    var onKeyDown = useCallback(function (e) {
+        if (display && e.key === 'Tab') {
+            e.preventDefault();
+            if (focusableElementsRef.current) {
+                var currentIndex = currentFocusIndexRef.current;
+                var offset = e.shiftKey ? -1 : 1;
+                var nextIndex = (currentIndex + offset + focusableElementsRef.current.length) % focusableElementsRef.current.length;
+                currentFocusIndexRef.current = nextIndex;
+                focusableElementsRef.current[nextIndex].focus();
+            }
+        }
+        if (!unClosable && display && e.key === 'Escape') {
+            e.preventDefault();
+            setDisplay(false);
+            refBtnModal.current && refBtnModal.current.focus();
+            currentFocusIndexRef.current = 0;
+            onClose && onClose();
+        }
+    }, [display, focusableElementsRef, currentFocusIndexRef, refBtnModal, onClose]);
+    useEffect(function () {
+        setDisplay(function (prev) {
+            if (prev) {
+                refBtnModal.current && refBtnModal.current.focus();
+                currentFocusIndexRef.current = 0;
+            }
+            return active || false;
+        });
+    }, [active, currentFocusIndexRef, refBtnModal]);
+    useEffect(function () {
+        !hideCloseButton && display && focusableElementsRef.current && focusableElementsRef.current[0].focus();
+    }, [hideCloseButton, display, focusableElementsRef]);
+    useEffect(function () {
+        if (modalContentRef.current) {
+            focusableElementsRef.current = modalContentRef.current.querySelectorAll('button:not(:disabled), input:not(:disabled), a, select:not(:disabled), textarea:not(:disabled), details:not([aria-disabled="true"]) > summary');
+        }
+    }, [modalContentRef, focusableElementsRef]);
+    return (React.createElement("div", { onKeyDown: onKeyDown, ref: refModal },
+        trigger && React.cloneElement(trigger, { ref: refBtnModal, 'aria-haspopup': 'dialog' }),
+        React.createElement("div", __assign({ ref: ref, id: id, className: classes, role: 'dialog', "aria-labelledby": modalGeneratedId, "aria-modal": true, onClick: function (e) {
+                var _a;
+                if (!((_a = modalContentRef === null || modalContentRef === void 0 ? void 0 : modalContentRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.target))) {
+                    handleClose(onClose, e);
+                }
+            } }, others),
+            React.createElement("div", { ref: modalContentRef, className: hashClass(styled, clsx('modal-content')) },
+                React.createElement("div", { className: hashClass(styled, clsx('modal-header')) },
+                    !hideCloseButton && !unClosable && (React.createElement("button", { onClick: function (e) {
+                            handleClose(onClose, e);
+                        }, className: hashClass(styled, clsx('modal-close', is('large'))), type: ButtonType.BUTTON },
+                        React.createElement("span", { className: hashClass(styled, clsx('sr-only')) }, translation.accessibilityLabelButtonClose))),
+                    React.createElement(Title, { id: modalGeneratedId, level: TitleLevels.THREE, markup: TitleMarkup.H1 }, title)),
+                children && children))));
+});
+Modal.displayName = ComponentName.Modal;
+export default Modal;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL21vZGFsL01vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ2hELE9BQU8sRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLFdBQVcsRUFBRSxNQUFNLG9CQUFvQixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBRW5ELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQy9CLE9BQU8sV0FBVyxNQUFNLCtCQUErQixDQUFBO0FBQ3ZELE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssRUFBRSxFQUFpQixXQUFXLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzdGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUd0RDs7Ozs7Ozs7Ozs7O0dBWUc7QUFDSCxJQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsVUFBVSxDQUM1QixVQUNFLEVBY0MsRUFDRCxHQUFHO0lBZEQsSUFBQSxRQUFRLGNBQUEsRUFDUixTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRiwwQkFBNEIsRUFBNUIsa0JBQWtCLG1CQUFHLE9BQU8sS0FBQSxFQUM1QixNQUFNLFlBQUEsRUFDTixPQUFPLGFBQUEsRUFDUCxVQUFVLGdCQUFBLEVBQ1YsS0FBSyxXQUFBLEVBQ0wsSUFBSSxVQUFBLEVBQ0osdUJBQXVCLEVBQXZCLGVBQWUsbUJBQUcsS0FBSyxLQUFBLEVBQ3ZCLE9BQU8sYUFBQSxFQUNQLEtBQUssV0FBQSxFQUNGLE1BQU0sY0FiWCxnSkFjQyxDQURVO0lBSVgsSUFBTSxlQUFlLEdBQUcsTUFBTSxDQUFpQixJQUFJLENBQUMsQ0FBQTtJQUM5QyxJQUFBLEtBQUEsT0FBd0IsUUFBUSxDQUFVLE1BQU0sSUFBSSxLQUFLLENBQUMsSUFBQSxFQUF6RCxPQUFPLFFBQUEsRUFBRSxVQUFVLFFBQXNDLENBQUE7SUFDeEQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxXQUFXLEdBQUcsTUFBTSxDQUFNLElBQUksQ0FBQyxDQUFBO0lBQ3JDLElBQU0sUUFBUSxHQUFHLE1BQU0sQ0FBaUIsSUFBSSxDQUFDLENBQUE7SUFDN0MsSUFBTSxnQkFBZ0IsR0FBRyxLQUFLLEVBQUUsQ0FBQTtJQUNoQyxJQUFNLG9CQUFvQixHQUFHLE1BQU0sQ0FBaUMsSUFBSSxDQUFDLENBQUE7SUFDekUsSUFBTSxvQkFBb0IsR0FBRyxNQUFNLENBQVMsQ0FBQyxDQUFDLENBQUE7SUFFOUMsSUFBTSxXQUFXLEdBQUcsS0FBSyxDQUFDLFdBQVcsQ0FDbkMsVUFBQyxXQUFtQyxFQUFFLENBQWU7UUFDbkQsSUFBSSxDQUFDLFVBQVUsRUFBRTtZQUNmLFVBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQTtZQUNqQixXQUFXLENBQUMsT0FBTyxJQUFJLFdBQVcsQ0FBQyxPQUFPLENBQUMsS0FBSyxFQUFFLENBQUE7WUFDbEQsSUFBSSxXQUFXO2dCQUFFLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FBQTtTQUNoQztJQUNILENBQUMsRUFDRCxDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUMsQ0FDdEIsQ0FBQTtJQUVELElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FBQyxPQUFPLEVBQUUsT0FBTyxJQUFJLEVBQUUsQ0FBQyxRQUFRLENBQUMsRUFBRSxJQUFJLElBQUksRUFBRSxDQUFDLElBQUksQ0FBQyxFQUFFLEtBQUssSUFBSSxFQUFFLENBQUMsT0FBTyxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQzFGLENBQUE7SUFFRCxJQUFNLFNBQVMsR0FBRyxXQUFXLENBQzNCLFVBQUMsQ0FBZ0M7UUFDL0IsSUFBSSxPQUFPLElBQUksQ0FBQyxDQUFDLEdBQUcsS0FBSyxLQUFLLEVBQUU7WUFDOUIsQ0FBQyxDQUFDLGNBQWMsRUFBRSxDQUFBO1lBQ2xCLElBQUksb0JBQW9CLENBQUMsT0FBTyxFQUFFO2dCQUNoQyxJQUFNLFlBQVksR0FBRyxvQkFBb0IsQ0FBQyxPQUFPLENBQUE7Z0JBQ2pELElBQU0sTUFBTSxHQUFHLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUE7Z0JBRWxDLElBQU0sU0FBUyxHQUNiLENBQUMsWUFBWSxHQUFHLE1BQU0sR0FBRyxvQkFBb0IsQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLEdBQUcsb0JBQW9CLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQTtnQkFFckcsb0JBQW9CLENBQUMsT0FBTyxHQUFHLFNBQVMsQ0FBQTtnQkFDeEMsb0JBQW9CLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxDQUFDLEtBQUssRUFBRSxDQUFBO2FBQ2hEO1NBQ0Y7UUFFRCxJQUFJLENBQUMsVUFBVSxJQUFJLE9BQU8sSUFBSSxDQUFDLENBQUMsR0FBRyxLQUFLLFFBQVEsRUFBRTtZQUNoRCxDQUFDLENBQUMsY0FBYyxFQUFFLENBQUE7WUFDbEIsVUFBVSxDQUFDLEtBQUssQ0FBQyxDQUFBO1lBQ2pCLFdBQVcsQ0FBQyxPQUFPLElBQUksV0FBVyxDQUFDLE9BQU8sQ0FBQyxLQUFLLEVBQUUsQ0FBQTtZQUNsRCxvQkFBb0IsQ0FBQyxPQUFPLEdBQUcsQ0FBQyxDQUFBO1lBQ2hDLE9BQU8sSUFBSSxPQUFPLEVBQUUsQ0FBQTtTQUNyQjtJQUNILENBQUMsRUFDRCxDQUFDLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxvQkFBb0IsRUFBRSxXQUFXLEVBQUUsT0FBTyxDQUFDLENBQzVFLENBQUE7SUFFRCxTQUFTLENBQUM7UUFDUixVQUFVLENBQUMsVUFBQyxJQUFJO1lBQ2QsSUFBSSxJQUFJLEVBQUU7Z0JBQ1IsV0FBVyxDQUFDLE9BQU8sSUFBSSxXQUFXLENBQUMsT0FBTyxDQUFDLEtBQUssRUFBRSxDQUFBO2dCQUNsRCxvQkFBb0IsQ0FBQyxPQUFPLEdBQUcsQ0FBQyxDQUFBO2FBQ2pDO1lBQ0QsT0FBTyxNQUFNLElBQUksS0FBSyxDQUFBO1FBQ3hCLENBQUMsQ0FBQyxDQUFBO0lBQ0osQ0FBQyxFQUFFLENBQUMsTUFBTSxFQUFFLG9CQUFvQixFQUFFLFdBQVcsQ0FBQyxDQUFDLENBQUE7SUFFL0MsU0FBUyxDQUFDO1FBQ1IsQ0FBQyxlQUFlLElBQUksT0FBTyxJQUFJLG9CQUFvQixDQUFDLE9BQU8sSUFBSSxvQkFBb0IsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxFQUFFLENBQUE7SUFDeEcsQ0FBQyxFQUFFLENBQUMsZUFBZSxFQUFFLE9BQU8sRUFBRSxvQkFBb0IsQ0FBQyxDQUFDLENBQUE7SUFFcEQsU0FBUyxDQUFDO1FBQ1IsSUFBSSxlQUFlLENBQUMsT0FBTyxFQUFFO1lBQzNCLG9CQUFvQixDQUFDLE9BQU8sR0FBRyxlQUFlLENBQUMsT0FBTyxDQUFDLGdCQUFnQixDQUNyRSwrSUFBK0ksQ0FDaEosQ0FBQTtTQUNGO0lBQ0gsQ0FBQyxFQUFFLENBQUMsZUFBZSxFQUFFLG9CQUFvQixDQUFDLENBQUMsQ0FBQTtJQUUzQyxPQUFPLENBQ0wsNkJBQUssU0FBUyxFQUFFLFNBQVMsRUFBRSxHQUFHLEVBQUUsUUFBUTtRQUNyQyxPQUFPLElBQUksS0FBSyxDQUFDLFlBQVksQ0FBQyxPQUE2QixFQUFFLEVBQUUsR0FBRyxFQUFFLFdBQVcsRUFBRSxlQUFlLEVBQUUsUUFBUSxFQUFFLENBQUM7UUFDOUcsc0NBQ0UsR0FBRyxFQUFFLEdBQUcsRUFDUixFQUFFLEVBQUUsRUFBRSxFQUNOLFNBQVMsRUFBRSxPQUFPLEVBQ2xCLElBQUksRUFBQyxRQUFRLHFCQUNJLGdCQUFnQixnQkFDckIsSUFBSSxFQUNoQixPQUFPLEVBQUUsVUFBQyxDQUFDOztnQkFDVCxJQUFJLENBQUMsQ0FBQSxNQUFBLGVBQWUsYUFBZixlQUFlLHVCQUFmLGVBQWUsQ0FBRSxPQUFPLDBDQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsTUFBYyxDQUFDLENBQUEsRUFBRTtvQkFDekQsV0FBVyxDQUFDLE9BQU8sRUFBRSxDQUFDLENBQUMsQ0FBQTtpQkFDeEI7WUFDSCxDQUFDLElBQ0csTUFBTTtZQUVWLDZCQUFLLEdBQUcsRUFBRSxlQUFlLEVBQUUsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFDO2dCQUM1RSw2QkFBSyxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUM7b0JBQ3BELENBQUMsZUFBZSxJQUFJLENBQUMsVUFBVSxJQUFJLENBQ2xDLGdDQUNFLE9BQU8sRUFBRSxVQUFDLENBQW1COzRCQUMzQixXQUFXLENBQUMsT0FBTyxFQUFFLENBQUMsQ0FBQyxDQUFBO3dCQUN6QixDQUFDLEVBQ0QsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLGFBQWEsRUFBRSxFQUFFLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUM5RCxJQUFJLEVBQUUsVUFBVSxDQUFDLE1BQU07d0JBRXZCLDhCQUFNLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxJQUNoRCxXQUFXLENBQUMsNkJBQTZCLENBQ3JDLENBQ0EsQ0FDVjtvQkFDRCxvQkFBQyxLQUFLLElBQUMsRUFBRSxFQUFFLGdCQUFnQixFQUFFLEtBQUssRUFBRSxXQUFXLENBQUMsS0FBSyxFQUFFLE1BQU0sRUFBRSxXQUFXLENBQUMsRUFBRSxJQUMxRSxLQUFLLENBQ0EsQ0FDSjtnQkFDTCxRQUFRLElBQUksUUFBUSxDQUNqQixDQUNGLENBQ0YsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxLQUFLLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxLQUFLLENBQUE7QUFFdkMsZUFBZSxLQUFLLENBQUEifQ==

package/lib/components/modal/Modal.native.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { View } from 'react-native';
+import { ModalProps } from './ModalProps';
+/**
+ * Modal Component
+ * @param active {boolean} Activated Modal
+ * @param title {string} Title Modal
+ * @param onClose {Function} Additional close custom function
+ * @param onOpen {Function} Additional open custom function
+ * @param children {React.ReactNode}
+ * @param onModalHide {Function} Callback on Hide
+ * @param unClosable {boolean} unClosable Native Modal
+ */
+declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<View>>;
+export default Modal;

package/lib/components/modal/Modal.native.js

@@ -0,0 +1,78 @@
+import { __assign, __read, __rest } from "tslib";
+import { ComponentName } from '../../components/enumsComponentsName';
+import { isAndroid } from '../../helpers/device.native';
+import { Alignable, getColorStyle, TrilogyColor } from '../../objects';
+import React, { useEffect, useRef, useState } from 'react';
+import { Dimensions, StyleSheet, TouchableOpacity, View, } from 'react-native';
+import ModalRN from 'react-native-modal';
+import { Column, Columns } from '../columns';
+import { Icon, IconName, IconSize } from '../icon';
+import { Title } from '../title';
+import { ModalContext } from './context/ModalContext';
+/**
+ * Modal Component
+ * @param active {boolean} Activated Modal
+ * @param title {string} Title Modal
+ * @param onClose {Function} Additional close custom function
+ * @param onOpen {Function} Additional open custom function
+ * @param children {React.ReactNode}
+ * @param onModalHide {Function} Callback on Hide
+ * @param unClosable {boolean} unClosable Native Modal
+ */
+var Modal = React.forwardRef(function (_a, ref) {
+    var children = _a.children, _b = _a.active, active = _b === void 0 ? false : _b, onClose = _a.onClose, onModalHide = _a.onModalHide, _c = _a.hideCloseButton, hideCloseButton = _c === void 0 ? false : _c, _d = _a.unClosable, unClosable = _d === void 0 ? false : _d, trigger = _a.trigger, title = _a.title, others = __rest(_a, ["children", "active", "onClose", "onModalHide", "hideCloseButton", "unClosable", "trigger", "title"]);
+    var scrollViewRef = useRef(null);
+    var _e = __read(useState(0), 2), scrollOffset = _e[0], setScrollOffset = _e[1];
+    var _f = __read(useState(active || false), 2), visible = _f[0], setVisible = _f[1];
+    var _g = __read(useState(active || false), 2), isFooter = _g[0], setIsFooter = _g[1];
+    var handleOnScroll = function (event) {
+        setScrollOffset(event.nativeEvent.contentOffset.y);
+    };
+    var handleScrollTo = function (p) {
+        if (scrollViewRef.current)
+            scrollViewRef.current.scrollTo(p);
+    };
+    var handleClose = function (e) {
+        if (onClose)
+            onClose(e);
+        setVisible(false);
+    };
+    useEffect(function () {
+        setVisible(active);
+    }, [active]);
+    return (React.createElement(ModalContext.Provider, { value: { scrollViewRef: scrollViewRef, handleOnScroll: handleOnScroll, isFooter: isFooter, setIsFooter: setIsFooter } },
+        trigger,
+        React.createElement(ModalRN, __assign({ isVisible: visible, onBackdropPress: unClosable ? undefined : function () { return handleClose({}); }, onSwipeComplete: unClosable ? undefined : handleClose, swipeDirection: unClosable ? undefined : ['down'], scrollTo: handleScrollTo, scrollOffset: scrollOffset, scrollOffsetMax: 100, propagateSwipe: true, style: [styles.modal], onModalHide: onModalHide }, others),
+            React.createElement(View, { ref: ref, style: [styles.body, { backgroundColor: getColorStyle(TrilogyColor.BACKGROUND) }] },
+                React.createElement(View, { style: { paddingVertical: !title && (hideCloseButton || unClosable) ? 8 : 16 } },
+                    React.createElement(Columns, { verticalAlign: Alignable.ALIGNED_CENTER },
+                        React.createElement(Column, null,
+                            React.createElement(Title, { level: 4 }, title)),
+                        !hideCloseButton && !unClosable && (React.createElement(Column, { narrow: true },
+                            React.createElement(TouchableOpacity, { onPress: handleClose },
+                                React.createElement(Icon, { name: IconName.TIMES, size: IconSize.MEDIUM, color: TrilogyColor.MAIN })))))),
+                children))));
+});
+Modal.displayName = ComponentName.Modal;
+export default Modal;
+var styles = StyleSheet.create({
+    modal: {
+        justifyContent: 'flex-end',
+        margin: 0,
+    },
+    body: {
+        paddingHorizontal: 16,
+        maxHeight: isAndroid ? Dimensions.get('screen').height / 1.15 : Dimensions.get('screen').height / 1.1,
+        shadowColor: '#000',
+        shadowOffset: {
+            width: 0,
+            height: 2,
+        },
+        shadowOpacity: 0.25,
+        shadowRadius: 3.84,
+        elevation: 5,
+        borderTopLeftRadius: 6,
+        borderTopRightRadius: 6,
+    },
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9tb2RhbC9Nb2RhbC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLHlCQUF5QixDQUFBO0FBQ25ELE9BQU8sRUFBRSxTQUFTLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNsRSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzFELE9BQU8sRUFDTCxVQUFVLEVBS1YsVUFBVSxFQUNWLGdCQUFnQixFQUNoQixJQUFJLEdBQ0wsTUFBTSxjQUFjLENBQUE7QUFDckIsT0FBTyxPQUFrQyxNQUFNLG9CQUFvQixDQUFBO0FBQ25FLE9BQU8sRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQzVDLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxNQUFNLFNBQVMsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sVUFBVSxDQUFBO0FBRWhDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUVyRDs7Ozs7Ozs7O0dBU0c7QUFDSCxJQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsVUFBVSxDQUM1QixVQUNFLEVBVUMsRUFDRCxHQUFHO0lBVkQsSUFBQSxRQUFRLGNBQUEsRUFDUixjQUFjLEVBQWQsTUFBTSxtQkFBRyxLQUFLLEtBQUEsRUFDZCxPQUFPLGFBQUEsRUFDUCxXQUFXLGlCQUFBLEVBQ1gsdUJBQXVCLEVBQXZCLGVBQWUsbUJBQUcsS0FBSyxLQUFBLEVBQ3ZCLGtCQUFrQixFQUFsQixVQUFVLG1CQUFHLEtBQUssS0FB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