@trilogy-ds/react 0.0.1-beta.5 → 0.0.1-beta.50

package/lib/components/alert/Alert.native.js

@@ -1,13 +1,34 @@
-import React from 'react';
-import { StyleSheet, TouchableOpacity } from 'react-native';
-import { Columns, ColumnsItem } from '../columns';
-import { View } from '../view';
-import { Text, TextLevels } from '../text';
-import { getAlertIconName, getAlertStyle } from '../../objects/facets/Alert';
-import { getBackgroundOfVariant, getColorStyle, TrilogyColor } from '../../objects/facets/Color';
-import { Icon } from '../icon';
-import { TypographyBold } from '../../objects';
-import { ComponentName } from '../enumsComponentsName';
+import * as React from "react";
+import { StyleSheet, TouchableOpacity } from "react-native";
+import { Columns, ColumnsItem } from "../../components/columns";
+import { Spacer, SpacerSize } from "../../components/spacer";
+import { View } from "../../components/view";
+import { Text, TextLevels } from "../../components/text";
+import { Title, TitleLevels } from "../../components/title";
+import { getAlertIconName, getAlertStyle } from "../../objects/facets/Alert";
+import { getColorStyle, TrilogyColor } from "../../objects/facets/Color";
+import { ToasterAlertPosition } from "./AlertProps";
+import { Icon, IconName, IconSize } from "../../components/icon";
+import { TypographyBold } from "../../objects";
+import { ComponentName } from "../../components/enumsComponentsName";
+import ToasterContext from "./context";
+import LibToast from "react-native-toast-message";
+/**
+ * Function call by context for showing toast
+ * @param params {ToasterShowContext}
+ */
+const showToast = (params) => {
+    const { position, duration, offset, title, description, onClick, closable, onHide, iconName, alert, } = params;
+    LibToast.show({
+        type: "tomatoToast",
+        position: position || ToasterAlertPosition.BOTTOM,
+        bottomOffset: offset || 10,
+        topOffset: offset || 10,
+        visibilityTime: duration || 5000,
+        onHide,
+        props: { title, description, closable, iconName, alert, onClick },
+    });
+};
 /**
  * Alert Component
  * @param iconName {IconName} Custom icon
@@ -18,32 +39,37 @@ import { ComponentName } from '../enumsComponentsName';
  * @param onClick {Function} onClick Event for all alert
  */
 const Alert = ({ alert, iconName, title, description, onClick, display, ...others }) => {
-    const backgroundColor = getBackgroundOfVariant(alert);
-    const fontColor = getAlertStyle(alert) || getColorStyle(TrilogyColor.TERTIARY);
+    const backgroundColor = getColorStyle(alert, 1);
+    const fontColor = getAlertStyle(alert) || getColorStyle(TrilogyColor.MAIN);
     let alertView;
     const styles = StyleSheet.create({
         container: {
-            width: '100%',
+            width: "100%",
             paddingTop: 10,
             borderColor: alert !== undefined ? fontColor : backgroundColor,
             paddingBottom: 10,
             borderWidth: 1,
             backgroundColor: backgroundColor,
             borderRadius: 6,
-            alignItems: 'baseline',
+            alignItems: "baseline",
             paddingLeft: 12,
             paddingRight: 12,
         },
         icon: {
-            justifyContent: 'center',
-            alignItems: 'center',
-            color: alert !== undefined ? fontColor : getColorStyle(TrilogyColor.TERTIARY),
+            justifyContent: "center",
+            alignItems: "center",
+            color: alert !== undefined ? fontColor : getColorStyle(TrilogyColor.MAIN),
         },
         description: {
-            justifyContent: 'center',
-            alignItems: 'center',
+            justifyContent: "center",
+            alignItems: "center",
             paddingBottom: 5,
-            textAlignVertical: 'center',
+            textAlignVertical: "center",
+            paddingLeft: 8,
+        },
+        containerTitle: {
+            paddingLeft: 8,
+            fontWeight: "bold",
         },
     });
     // eslint-disable-next-line prefer-const
@@ -54,10 +80,11 @@ const Alert = ({ alert, iconName, title, description, onClick, display, ...other
             React.createElement(ColumnsItem, { size: 1 },
                 React.createElement(Icon, { style: styles.icon, name: iconName ? iconName : getAlertIconName(alert) })),
             React.createElement(ColumnsItem, { size: 11 },
-                React.createElement(Text, { level: TextLevels.ONE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, title))),
+                React.createElement(Text, { style: styles.containerTitle, level: TextLevels.ONE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, title),
+                React.createElement(Spacer, { size: SpacerSize.SMALLER }))),
         description && (React.createElement(Columns, null,
             React.createElement(ColumnsItem, { size: 1 }),
-            React.createElement(ColumnsItem, { size: 11 }, typeof description.valueOf() === 'string' ? (React.createElement(Text, { level: TextLevels.TWO, style: styles.description }, description)) : (description))))));
+            React.createElement(ColumnsItem, { size: 11 }, typeof description.valueOf() === "string" ? (React.createElement(Text, { level: TextLevels.TWO, style: styles.description }, description)) : (description))))));
     if (onClick && display)
         return (React.createElement(View, null,
             React.createElement(TouchableOpacity, { onPress: onClick, activeOpacity: 0.85 }, alertView)));
@@ -65,6 +92,67 @@ const Alert = ({ alert, iconName, title, description, onClick, display, ...other
         return alertView;
     return React.createElement(View, null);
 };
+/**
+ * Ui of the toast
+ * @param title {string} Notification title content
+ * @param description {string|ReactNode} Notification description content
+ * @param iconName {IconName} Custom icon
+ * @param alert {AlertState} Alert Variant (INFO|SUCCESS|WARNING|ERROR)
+ * @param onClick {Function} onClick Event for all notification
+ * @param closable {Function} onClick Event on cross icon
+ */
+export const ToasterAlert = ({ props }) => {
+    const { title, description, iconName, alert, closable, onClick } = props;
+    const color = getAlertStyle(alert) || getColorStyle(TrilogyColor.MAIN);
+    const backgroundColor = getColorStyle(alert, 1);
+    const styles = StyleSheet.create({
+        toaster: {
+            padding: 24,
+        },
+        toasterContainer: {
+            borderWidth: 1,
+            borderColor: color,
+            backgroundColor: backgroundColor,
+            padding: 14,
+            borderRadius: 6,
+        },
+        icon: {
+            fontSize: 16,
+            color: color,
+            marginTop: 1.5,
+        },
+    });
+    return (React.createElement(View, { style: styles.toaster },
+        React.createElement(TouchableOpacity, { style: styles.toasterContainer, onPress: onClick },
+            React.createElement(Columns, null,
+                React.createElement(ColumnsItem, { size: 1 }, iconName && React.createElement(Icon, { style: styles.icon, name: iconName })),
+                React.createElement(ColumnsItem, null,
+                    title && React.createElement(Title, { level: TitleLevels.SIX }, title),
+                    description && (React.createElement(React.Fragment, null,
+                        React.createElement(Spacer, { size: SpacerSize.SMALL }),
+                        React.createElement(Text, { level: TextLevels.THREE }, description)))),
+                closable && (React.createElement(ColumnsItem, { size: 1 },
+                    React.createElement(TouchableOpacity, { onPress: (e) => {
+                            LibToast.hide();
+                            closable(e);
+                        } },
+                        React.createElement(Icon, { name: IconName.TIMES, size: IconSize.SMALL }))))))));
+};
+/**
+ * Toaster provider
+ * @param children {React.ReactNode} Custom Toast Content
+ * @param duration {number} Duration in MS (Default: 5000)
+ * @param offset {number} Offset position margin (Default: 10 dp)
+ * @param others
+ */
+export const ToasterAlertProvider = ({ children }) => {
+    const toastConfig = {
+        tomatoToast: ToasterAlert,
+    };
+    return (React.createElement(ToasterContext.Provider, { value: { show: showToast, hide: LibToast.hide } },
+        children,
+        React.createElement(LibToast, { config: toastConfig })));
+};
 Alert.displayName = ComponentName.Alert;
 export default Alert;
 //# sourceMappingURL=Alert.native.js.map

package/lib/components/alert/Alert.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.native.js","sourceRoot":"","sources":["../../../components/alert/Alert.native.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Alert.native.js","sourceRoot":"","sources":["../../../components/alert/Alert.native.tsx"],"names":[],"mappings":"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"}

package/lib/components/alert/AlertProps.d.ts

@@ -1,9 +1,30 @@
 /// <reference types="react" />
-import { Clickable } from './../../objects/facets/Clickable';
+import { Clickable } from '../../objects/facets/Clickable';
 import { Accessibility, AlertProps as PropsAlert } from '../../objects/facets';
-import { IconName, IconNameValues } from '../icon/IconNameEnum';
+import { IconName, IconNameValues } from '../../components/icon/IconNameEnum';
+import { ClickEvent } from "../../events/OnClickEvent";
+export declare enum ToasterAlertPosition {
+    TOP = "top",
+    BOTTOM = "bottom"
+}
+export interface ToasterAlertProps extends AlertProps, Clickable, Accessibility {
+    children?: React.ReactNode;
+    className?: string;
+    toasterChildren?: React.ReactNode;
+    iconName?: IconName | IconNameValues;
+    title?: string | React.ReactNode;
+    description?: string | React.ReactNode;
+    deletable?: ClickEvent | boolean;
+    closable?: ClickEvent;
+    position?: ToasterAlertPosition;
+    duration?: number;
+    offset?: number;
+    display?: boolean;
+    onShow?: () => void;
+    onHide?: () => void;
+}
 /**
- * Notification Interface
+ * Alert Interface
  */
 export interface AlertProps extends PropsAlert, Clickable, Accessibility {
     iconName?: IconName | IconNameValues;
@@ -12,4 +33,5 @@ export interface AlertProps extends PropsAlert, Clickable, Accessibility {
     className?: string;
     iconClassname?: string;
     display?: boolean;
+    toaster?: boolean;
 }

package/lib/components/alert/AlertProps.js

@@ -1,2 +1,6 @@
-export {};
+export var ToasterAlertPosition;
+(function (ToasterAlertPosition) {
+    ToasterAlertPosition["TOP"] = "top";
+    ToasterAlertPosition["BOTTOM"] = "bottom";
+})(ToasterAlertPosition || (ToasterAlertPosition = {}));
 //# sourceMappingURL=AlertProps.js.map

package/lib/components/alert/AlertProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertProps.js","sourceRoot":"","sources":["../../../components/alert/AlertProps.ts"],"names":[],"mappings":""}
+{"version":3,"file":"AlertProps.js","sourceRoot":"","sources":["../../../components/alert/AlertProps.ts"],"names":[],"mappings":"AAKA,MAAM,CAAN,IAAY,oBAGX;AAHD,WAAY,oBAAoB;IAC9B,mCAAW,CAAA;IACX,yCAAiB,CAAA;AACnB,CAAC,EAHW,oBAAoB,KAApB,oBAAoB,QAG/B"}

package/lib/components/alert/context/ToasterContext.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ToasterShowContext } from './ToasterContextProps';
+declare const ToasterContext: React.Context<{
+    show: ToasterShowContext;
+    hide: () => void;
+}>;
+export default ToasterContext;

package/lib/components/alert/context/ToasterContext.js

@@ -0,0 +1,5 @@
+import React from 'react';
+const emptyFn = () => 0;
+const ToasterContext = React.createContext({ show: emptyFn, hide: emptyFn });
+export default ToasterContext;
+//# sourceMappingURL=ToasterContext.js.map

package/lib/components/alert/context/ToasterContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToasterContext.js","sourceRoot":"","sources":["../../../../components/alert/context/ToasterContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,CAAC,CAAA;AAEtB,MAAM,cAAc,GAAG,KAAK,CAAC,aAAa,CAAgD,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAA;AAE3H,eAAe,cAAc,CAAA"}

package/lib/components/alert/context/ToasterContextProps.d.ts

@@ -0,0 +1,27 @@
+import { Accessibility, AlertProps } from '../../../objects';
+import { IconName, IconNameValues } from '../../../components/icon';
+import { ToasterAlertPosition } from '../../../components/alert/AlertProps';
+/**
+ * @param title {string} Notification title content
+ * @param description {string|ReactNode} Notification description content
+ * @param iconName {IconName} Custom icon
+ * @param alert {AlertState} Alert Variant (INFO|SUCCESS|WARNING|ERROR)
+ * @param onClick {Function} onClick Event for all notification
+ * @param closable {Function} onClick Event on cross icon
+ * @param onHide {Function} onClick Event on hide
+ */
+export interface ToastProps extends AlertProps, Accessibility {
+    title: string;
+    description?: string;
+    iconName?: IconName | IconNameValues;
+    onClick?: () => void;
+    closable?: () => void;
+    onHide?: () => void;
+}
+interface ToastConfig {
+    position?: ToasterAlertPosition;
+    duration?: number;
+    offset?: number;
+}
+export type ToasterShowContext = (params: ToastConfig & ToastProps) => void;
+export {};

package/lib/components/alert/context/ToasterContextProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ToasterContextProps.js.map

package/lib/components/alert/context/ToasterContextProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToasterContextProps.js","sourceRoot":"","sources":["../../../../components/alert/context/ToasterContextProps.ts"],"names":[],"mappings":""}

package/lib/components/alert/context/index.d.ts

@@ -0,0 +1,2 @@
+import ToasterContext from './ToasterContext';
+export default ToasterContext;

package/lib/components/alert/context/index.js

@@ -0,0 +1,3 @@
+import ToasterContext from './ToasterContext';
+export default ToasterContext;
+//# sourceMappingURL=index.js.map

package/lib/components/alert/context/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/alert/context/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,kBAAkB,CAAA;AAE7C,eAAe,cAAc,CAAA"}

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

@@ -1,2 +1,3 @@
-import Alert from './Alert';
-export { Alert };
+import Alert, { ToasterAlertProvider } from './Alert';
+import ToasterContext from './context';
+export { Alert, ToasterContext, ToasterAlertProvider };

package/lib/components/alert/index.js

@@ -1,3 +1,4 @@
-import Alert from './Alert';
-export { Alert };
+import Alert, { ToasterAlertProvider } from './Alert';
+import ToasterContext from './context';
+export { Alert, ToasterContext, ToasterAlertProvider };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS,CAAA;AAC3B,OAAO,EAAE,KAAK,EAAE,CAAA"}
+{"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"}

package/lib/components/alert/test/Alert.test.d.ts

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

package/lib/components/alert/test/Alert.test.js

@@ -0,0 +1,87 @@
+import * as React from "react";
+import { fireEvent, render } from "@testing-library/react";
+import { Alert } from "../index";
+import { AlertState } from "../../../objects";
+import { IconName } from "../../icon";
+import renderer from "react-test-renderer";
+describe("Alert", () => {
+    it("should render correctly", () => {
+        const { getByTestId } = render(React.createElement(Alert, { testId: "alert", display: true, alert: AlertState.INFO, title: "Alert information", description: "Lorem Ipsum is simply dummy text of the printing and type.." }));
+        const alert = getByTestId("alert");
+        expect(alert).toBeInTheDocument();
+    });
+    it("should have the right className", () => {
+        const { getByTestId } = render(React.createElement(Alert, { testId: "alert", display: true, alert: AlertState.INFO, title: "Alert information", description: "Lorem Ipsum is simply dummy text of the printing and type.." }));
+        const alert = getByTestId("alert");
+        expect(alert).toHaveClass("alert");
+    });
+    test("should render with correct props and className based on AlertState", () => {
+        const props = {
+            testId: "alert",
+            display: true,
+            alert: AlertState.INFO,
+            title: "Alert information",
+            description: "Lorem Ipsum is simply dummy text of the printing and type..",
+            iconName: IconName.EYE_SLASH,
+        };
+        const { getByTestId } = render(React.createElement(Alert, { ...props }));
+        const alert = getByTestId("alert");
+        expect(alert).toHaveClass("is-info");
+    });
+    test("snapshot", () => {
+        const tree = renderer
+            .create(React.createElement(Alert, { testId: "alert", display: true, alert: AlertState.INFO, title: "Alert information", description: "Lorem Ipsum is simply dummy text of the printing and type..", iconName: IconName.TIMES }))
+            .toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+    it("should have iconClassName with right icon", () => {
+        var _a;
+        const { getByTestId } = render(React.createElement(Alert, { testId: "alert", display: true, alert: AlertState.INFO, iconClassname: "testIconClassName", iconName: IconName.BELL }));
+        const alert = getByTestId("alert");
+        expect(alert.firstChild).toHaveClass("testIconClassName");
+        expect((_a = alert.firstChild) === null || _a === void 0 ? void 0 : _a.firstChild).toHaveClass("tri-bell");
+    });
+    it("should have icon SUCCESS icon", () => {
+        var _a;
+        const { getByTestId } = render(React.createElement(Alert, { testId: "alert", display: true, alert: AlertState.SUCCESS }));
+        const alert = getByTestId("alert");
+        expect((_a = alert.firstChild) === null || _a === void 0 ? void 0 : _a.firstChild).toHaveClass(IconName.CHECK_CIRCLE);
+    });
+    it("should have icon WARNING icon", () => {
+        var _a;
+        const { getByTestId } = render(React.createElement(Alert, { testId: "alert", display: true, alert: AlertState.WARNING }));
+        const alert = getByTestId("alert");
+        expect((_a = alert.firstChild) === null || _a === void 0 ? void 0 : _a.firstChild).toHaveClass(IconName.ALERT);
+    });
+    it("should have icon INFO icon", () => {
+        var _a;
+        const { getByTestId } = render(React.createElement(Alert, { testId: "alert", display: true, alert: AlertState.INFO }));
+        const alert = getByTestId("alert");
+        expect((_a = alert.firstChild) === null || _a === void 0 ? void 0 : _a.firstChild).toHaveClass(IconName.INFOS_CIRCLE);
+    });
+    it("should have icon ERROR icon", () => {
+        var _a;
+        const { getByTestId } = render(React.createElement(Alert, { testId: "alert", display: true, alert: AlertState.ERROR }));
+        const alert = getByTestId("alert");
+        expect((_a = alert.firstChild) === null || _a === void 0 ? void 0 : _a.firstChild).toHaveClass(IconName.EXCLAMATION_CIRCLE);
+    });
+    it("should have icon default icon", () => {
+        var _a;
+        const { getByTestId } = render(React.createElement(Alert, { testId: "alert", display: true }));
+        const alert = getByTestId("alert");
+        expect((_a = alert.firstChild) === null || _a === void 0 ? void 0 : _a.firstChild).toHaveClass(IconName.INFOS_CIRCLE);
+    });
+    it("should execute onClick fn", () => {
+        let isClick = false;
+        const { getByTestId } = render(React.createElement(Alert, { testId: "alert", display: true, onClick: () => (isClick = true) }));
+        const alert = getByTestId("alert");
+        fireEvent.click(alert);
+        expect(isClick).toBe(true);
+    });
+    it("should return div", () => {
+        const { container } = render(React.createElement(Alert, { testId: "alert" }));
+        const divElm = container.querySelector("div");
+        expect(divElm).toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=Alert.test.js.map

package/lib/components/alert/test/Alert.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.test.js","sourceRoot":"","sources":["../../../../components/alert/test/Alert.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAE3C,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;IACrB,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;QACjC,MAAM,EAAE,WAAW,EAAE,GAAG,MAAM,CAC5B,oBAAC,KAAK,IACJ,MAAM,EAAE,OAAO,EACf,OAAO,QACP,KAAK,EAAE,UAAU,CAAC,IAAI,EACtB,KAAK,EAAC,mBAAmB,EACzB,WAAW,EAAC,6DAA6D,GACzE,CACH,CAAC;QACF,MAAM,KAAK,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;QACnC,MAAM,CAAC,KAAK,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACpC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iCAAiC,EAAE,GAAG,EAAE;QACzC,MAAM,EAAE,WAAW,EAAE,GAAG,MAAM,CAC5B,oBAAC,KAAK,IACJ,MAAM,EAAE,OAAO,EACf,OAAO,QACP,KAAK,EAAE,UAAU,CAAC,IAAI,EACtB,KAAK,EAAC,mBAAmB,EACzB,WAAW,EAAC,6DAA6D,GACzE,CACH,CAAC;QAEF,MAAM,KAAK,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;QACnC,MAAM,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,oEAAoE,EAAE,GAAG,EAAE;QAC9E,MAAM,KAAK,GAAe;YACxB,MAAM,EAAE,OAAO;YACf,OAAO,EAAE,IAAI;YACb,KAAK,EAAE,UAAU,CAAC,IAAI;YACtB,KAAK,EAAE,mBAAmB;YAC1B,WAAW,EACT,6DAA6D;YAC/D,QAAQ,EAAE,QAAQ,CAAC,SAAS;SAC7B,CAAC;QACF,MAAM,EAAE,WAAW,EAAE,GAAG,MAAM,CAAC,oBAAC,KAAK,OAAK,KAAK,GAAI,CAAC,CAAC;QACrD,MAAM,KAAK,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;QACnC,MAAM,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IACvC,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,UAAU,EAAE,GAAG,EAAE;QACpB,MAAM,IAAI,GAAG,QAAQ;aAClB,MAAM,CACL,oBAAC,KAAK,IACJ,MAAM,EAAE,OAAO,EACf,OAAO,EAAE,IAAI,EACb,KAAK,EAAE,UAAU,CAAC,IAAI,EACtB,KAAK,EAAC,mBAAmB,EACzB,WAAW,EAAC,6DAA6D,EACzE,QAAQ,EAAE,QAAQ,CAAC,KAAK,GACxB,CACH;aACA,MAAM,EAAE,CAAC;QAEZ,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2CAA2C,EAAE,GAAG,EAAE;;QACnD,MAAM,EAAE,WAAW,EAAE,GAAG,MAAM,CAC5B,oBAAC,KAAK,IACJ,MAAM,EAAE,OAAO,EACf,OAAO,QACP,KAAK,EAAE,UAAU,CAAC,IAAI,EACtB,aAAa,EAAC,mBAAmB,EACjC,QAAQ,EAAE,QAAQ,CAAC,IAAI,GACvB,CACH,CAAC;QACF,MAAM,KAAK,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;QACnC,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,mBAAmB,CAAC,CAAC;QAC1D,MAAM,CAAC,MAAA,KAAK,CAAC,UAAU,0CAAE,UAAU,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAC/D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+BAA+B,EAAE,GAAG,EAAE;;QACvC,MAAM,EAAE,WAAW,EAAE,GAAG,MAAM,CAC5B,oBAAC,KAAK,IAAC,MAAM,EAAE,OAAO,EAAE,OAAO,QAAC,KAAK,EAAE,UAAU,CAAC,OAAO,GAAI,CAC9D,CAAC;QACF,MAAM,KAAK,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;QACnC,MAAM,CAAC,MAAA,KAAK,CAAC,UAAU,0CAAE,UAAU,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;IAC1E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+BAA+B,EAAE,GAAG,EAAE;;QACvC,MAAM,EAAE,WAAW,EAAE,GAAG,MAAM,CAC5B,oBAAC,KAAK,IAAC,MAAM,EAAE,OAAO,EAAE,OAAO,QAAC,KAAK,EAAE,UAAU,CAAC,OAAO,GAAI,CAC9D,CAAC;QACF,MAAM,KAAK,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;QACnC,MAAM,CAAC,MAAA,KAAK,CAAC,UAAU,0CAAE,UAAU,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACnE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4BAA4B,EAAE,GAAG,EAAE;;QACpC,MAAM,EAAE,WAAW,EAAE,GAAG,MAAM,CAC5B,oBAAC,KAAK,IAAC,MAAM,EAAE,OAAO,EAAE,OAAO,QAAC,KAAK,EAAE,UAAU,CAAC,IAAI,GAAI,CAC3D,CAAC;QACF,MAAM,KAAK,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;QACnC,MAAM,CAAC,MAAA,KAAK,CAAC,UAAU,0CAAE,UAAU,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;IAC1E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6BAA6B,EAAE,GAAG,EAAE;;QACrC,MAAM,EAAE,WAAW,EAAE,GAAG,MAAM,CAC5B,oBAAC,KAAK,IAAC,MAAM,EAAE,OAAO,EAAE,OAAO,QAAC,KAAK,EAAE,UAAU,CAAC,KAAK,GAAI,CAC5D,CAAC;QACF,MAAM,KAAK,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;QACnC,MAAM,CAAC,MAAA,KAAK,CAAC,UAAU,0CAAE,UAAU,CAAC,CAAC,WAAW,CAC9C,QAAQ,CAAC,kBAAkB,CAC5B,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+BAA+B,EAAE,GAAG,EAAE;;QACvC,MAAM,EAAE,WAAW,EAAE,GAAG,MAAM,CAAC,oBAAC,KAAK,IAAC,MAAM,EAAE,OAAO,EAAE,OAAO,SAAG,CAAC,CAAC;QACnE,MAAM,KAAK,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;QACnC,MAAM,CAAC,MAAA,KAAK,CAAC,UAAU,0CAAE,UAAU,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;IAC1E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2BAA2B,EAAE,GAAG,EAAE;QACnC,IAAI,OAAO,GAAG,KAAK,CAAC;QACpB,MAAM,EAAE,WAAW,EAAE,GAAG,MAAM,CAC5B,oBAAC,KAAK,IAAC,MAAM,EAAE,OAAO,EAAE,OAAO,QAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,GAAI,CACpE,CAAC;QACF,MAAM,KAAK,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;QACnC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACvB,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mBAAmB,EAAE,GAAG,EAAE;QAC3B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,KAAK,IAAC,MAAM,EAAE,OAAO,GAAI,CAAC,CAAC;QACzD,MAAM,MAAM,GAAG,SAAS,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC9C,MAAM,CAAC,MAAM,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACrC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/lib/components/autolayout/AutoLayout.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { AutoLayoutProps } from './AutoLayoutProps';
+import * as React from "react";
+import { AutoLayoutProps } from "./AutoLayoutProps";
 /**
  * AutoLayout Component
  */

package/lib/components/autolayout/AutoLayout.helpers.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import { SpacingMatrix } from './SpacingMatrix';
-import type { HandleBetweenChildren, ParseChildren } from './AutoLayout.d';
-import type { TrilogyComponents } from '../index.d';
+import * as React from "react";
+import { SpacingMatrix } from "./SpacingMatrix";
+import type { HandleBetweenChildren, ParseChildren } from "./AutoLayout.d";
+import type { TrilogyComponents } from "@/components/index.d";
 /**
  * Test if an element is a React Fragment
  *
@@ -20,5 +20,5 @@ export declare const isElementType: (element: React.ReactElement, componentType:
 /**
  * Iterate over children and apply the `handleBetweenChildren` method.
  */
-export declare const parseChildren: ({ children, handleBetweenChildren }: ParseChildren) => JSX.Element[];
-export declare const autoLayoutChildrenHandler: (matrix: SpacingMatrix, { accumulator, previousChildType, nextChildType, childIndex }: HandleBetweenChildren) => void;
+export declare const parseChildren: ({ children, handleBetweenChildren, }: ParseChildren) => JSX.Element[];
+export declare const autoLayoutChildrenHandler: (matrix: SpacingMatrix, { accumulator, previousChildType, nextChildType, childIndex, }: HandleBetweenChildren) => void;

package/lib/components/autolayout/AutoLayout.helpers.js

@@ -1,8 +1,8 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import React from 'react';
-import { SpacingMatrixMode } from './SpacingMatrix';
-import { Spacer } from '../spacer';
-import { ComponentName } from '../enumsComponentsName';
+import * as React from "react";
+import { SpacingMatrixMode } from "./SpacingMatrix";
+import { Spacer } from "../../components/spacer";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * Test if an element is a React Fragment
  *
@@ -25,7 +25,7 @@ export const isElementType = (element, componentType) => { var _a; return ((_a =
 /**
  * Iterate over children and apply the `handleBetweenChildren` method.
  */
-export const parseChildren = ({ children, handleBetweenChildren }) => {
+export const parseChildren = ({ children, handleBetweenChildren, }) => {
     const array = []; // React.Children.toArray(children)
     createChildrenArray(array, children);
     return array.reduce((accumulator, nextChild, childIndex) => {
@@ -33,7 +33,7 @@ export const parseChildren = ({ children, handleBetweenChildren }) => {
         const previousChild = accumulator[accumulator.length - 1];
         // Check the actual type of previous and next children
         const getChildCandidateToComparison = (child, accumulator) => {
-            if (isElementType(child, 'AutoLayout')) {
+            if (isElementType(child, "AutoLayout")) {
                 return getChildCandidateToComparison(React.Children.toArray(child.props.children)[0]);
             }
             if (child === null && accumulator && accumulator.length >= 2) {
@@ -41,7 +41,8 @@ export const parseChildren = ({ children, handleBetweenChildren }) => {
             }
             return child;
         };
-        const nextChildType = ((_b = (_a = getChildCandidateToComparison(nextChild)) === null || _a === void 0 ? void 0 : _a.type) === null || _b === void 0 ? void 0 : _b.displayName) || undefined;
+        const nextChildType = ((_b = (_a = getChildCandidateToComparison(nextChild)) === null || _a === void 0 ? void 0 : _a.type) === null || _b === void 0 ? void 0 : _b.displayName) ||
+            undefined;
         const previousChildType = ((_d = (_c = getChildCandidateToComparison(previousChild, accumulator)) === null || _c === void 0 ? void 0 : _c.type) === null || _d === void 0 ? void 0 : _d.displayName) || undefined;
         handleBetweenChildren === null || handleBetweenChildren === void 0 ? void 0 : handleBetweenChildren({
             accumulator,
@@ -52,12 +53,21 @@ export const parseChildren = ({ children, handleBetweenChildren }) => {
             childIndex,
         });
         // Concat the previous accumulated elements and the next one
-        return [...accumulator, nextChild && React.cloneElement(nextChild, { key: nextChild.key || `child${childIndex}` })];
+        return [
+            ...accumulator,
+            nextChild &&
+                React.cloneElement(nextChild, {
+                    key: nextChild.key || `child${childIndex}`,
+                }),
+        ];
     }, []);
 };
 // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
-export const autoLayoutChildrenHandler = (matrix, { accumulator, previousChildType, nextChildType, childIndex }) => {
-    const eligibleRule = (mode) => [SpacingMatrixMode.INSERT_SPACE_BETWEEN, SpacingMatrixMode.INSERT_ELEMENT_BETWEEN].includes(mode);
+export const autoLayoutChildrenHandler = (matrix, { accumulator, previousChildType, nextChildType, childIndex, }) => {
+    const eligibleRule = (mode) => [
+        SpacingMatrixMode.INSERT_SPACE_BETWEEN,
+        SpacingMatrixMode.INSERT_ELEMENT_BETWEEN,
+    ].includes(mode);
     let alreadySpaced = false;
     const rules = matrix.filter((e) => eligibleRule(e[0]));
     rules.forEach((rule) => {
@@ -88,7 +98,7 @@ const createChildrenArray = (array, children) => {
         }
         else if ((child === null || child === void 0 ? void 0 : child.type) &&
             child.type.displayName !== getTrilogyComponentName(child) &&
-            child.type.$$typeof === Symbol.for('react.memo')) {
+            child.type.$$typeof === Symbol.for("react.memo")) {
             createChildrenArray(array, child.type.type(child.props));
         }
         else {
@@ -104,9 +114,9 @@ const checkRuleApplicable = (previousType, nextType, previousChildType, nextChil
         return false;
     }
     else if ((previousType === previousChildType && nextType === nextChildType) ||
-        (previousType === 'default' && nextType === nextChildType) ||
-        (previousType === previousChildType && nextType === 'default') ||
-        (previousType === 'default' && nextType === 'default')) {
+        (previousType === "default" && nextType === nextChildType) ||
+        (previousType === previousChildType && nextType === "default") ||
+        (previousType === "default" && nextType === "default")) {
         return true;
     }
     return false;

package/lib/components/autolayout/AutoLayout.helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"AutoLayout.helpers.js","sourceRoot":"","sources":["../../../components/autolayout/AutoLayout.helpers.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"AutoLayout.helpers.js","sourceRoot":"","sources":["../../../components/autolayout/AutoLayout.helpers.tsx"],"names":[],"mappings":"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"}

package/lib/components/autolayout/AutoLayout.js

@@ -1,10 +1,10 @@
-import React from 'react';
+import * as React from "react";
 /**
  * AutoLayout Component
  */
 const AutoLayout = ({ children }) => {
     // eslint-disable-next-line react/jsx-no-useless-fragment
-    return React.createElement("div", { className: 'autolayout' }, children);
+    return React.createElement("div", { className: "autolayout" }, children);
 };
 export default AutoLayout;
 //# sourceMappingURL=AutoLayout.js.map

package/lib/components/autolayout/AutoLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"AutoLayout.js","sourceRoot":"","sources":["../../../components/autolayout/AutoLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB;;GAEG;AACH,MAAM,UAAU,GAA8B,CAAC,EAAE,QAAQ,EAAE,EAAe,EAAE;IAC1E,yDAAyD;IACzD,OAAO,6BAAK,SAAS,EAAE,YAAY,IAAG,QAAQ,CAAO,CAAA;AACvD,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"AutoLayout.js","sourceRoot":"","sources":["../../../components/autolayout/AutoLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B;;GAEG;AACH,MAAM,UAAU,GAA8B,CAAC,EAAE,QAAQ,EAAE,EAAe,EAAE;IAC1E,yDAAyD;IACzD,OAAO,6BAAK,SAAS,EAAE,YAAY,IAAG,QAAQ,CAAO,CAAA;AACvD,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}

package/lib/components/autolayout/AutoLayout.native.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { AutoLayoutProps } from './AutoLayoutProps';
+import * as React from "react";
+import { AutoLayoutProps } from "./AutoLayoutProps";
 /**
  * AutoLayout Component
  * @param children