@trilogy-ds/react 0.0.1-beta-1 → 0.0.1-beta-3

package/lib/components/autocomplete/item/AutoCompleteIem.native.js

@@ -0,0 +1,17 @@
+import { StyleSheet, TouchableOpacity } from 'react-native';
+import { Text } from '../../text';
+import React from 'react';
+import { getLabel } from '../Autocomplete.helpers';
+import { ComponentName } from '../../enumsComponentsName';
+const AutoCompleteItemNative = ({ item, onSelect }) => {
+    return (React.createElement(TouchableOpacity, { style: styles.itemList, onPress: onSelect },
+        React.createElement(Text, null, getLabel(item))));
+};
+const styles = StyleSheet.create({
+    itemList: {
+        padding: 10,
+    },
+});
+AutoCompleteItemNative.dispayName = ComponentName.AutoCompleteItemNative;
+export default AutoCompleteItemNative;
+//# sourceMappingURL=AutoCompleteIem.native.js.map

package/lib/components/autocomplete/item/AutoCompleteIem.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoCompleteIem.native.js","sourceRoot":"","sources":["../../../../components/autocomplete/item/AutoCompleteIem.native.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACjC,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEzD,MAAM,sBAAsB,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAyB,EAAe,EAAE;IACxF,OAAO,CACL,oBAAC,gBAAgB,IAAC,KAAK,EAAE,MAAM,CAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ;QACzD,oBAAC,IAAI,QAAE,QAAQ,CAAC,IAAI,CAAC,CAAQ,CACZ,CACpB,CAAA;AACH,CAAC,CAAA;AACD,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,QAAQ,EAAE;QACR,OAAO,EAAE,EAAE;KACZ;CACF,CAAC,CAAA;AAEF,sBAAsB,CAAC,UAAU,GAAG,aAAa,CAAC,sBAAsB,CAAA;AAExE,eAAe,sBAAsB,CAAA"}

package/lib/components/autocomplete/item/AutoCompleteItem.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { AutoCompleteItemProps } from './AutoCompleteItemProps';
+import { Item } from '../AutoCompleteProps';
+/**
+ * AutoCompleteItem Component
+ * @param suggestionSelected {Function} select item
+ * @param active {boolean} isActive
+ * - ------------------ WEB PROPERTIES -----------------------
+ * @param className {string} Additionnal CSS Classes
+ */
+declare const AutoCompleteItem: <T extends string | Item<unknown>>({ key, children, suggestionSelected, testId, item, active, }: AutoCompleteItemProps<T>) => JSX.Element;
+export default AutoCompleteItem;

package/lib/components/autocomplete/item/AutoCompleteItem.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import clsx from 'clsx';
+import { hashClass } from '../../../helpers';
+import { useTrilogyContext } from '../../../context';
+import { is } from '../../../services';
+/**
+ * AutoCompleteItem Component
+ * @param suggestionSelected {Function} select item
+ * @param active {boolean} isActive
+ * - ------------------ WEB PROPERTIES -----------------------
+ * @param className {string} Additionnal CSS Classes
+ */
+const AutoCompleteItem = ({ key, children, suggestionSelected, testId, item, active, }) => {
+    const { styled } = useTrilogyContext();
+    const [isActive, setIsActive] = React.useState(false);
+    return (React.createElement("div", { onMouseOver: () => setIsActive(true), onMouseOut: () => setIsActive(false), role: 'listitem', "data-testid": testId, key: key, className: hashClass(styled, clsx('autocomplete-item', active && is('active'), isActive && is('active'))), onClick: () => (suggestionSelected ? suggestionSelected(item) : '') }, children));
+};
+export default AutoCompleteItem;
+//# sourceMappingURL=AutoCompleteItem.js.map

package/lib/components/autocomplete/item/AutoCompleteItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoCompleteItem.js","sourceRoot":"","sources":["../../../../components/autocomplete/item/AutoCompleteItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AACpD,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAGtC;;;;;;GAMG;AACH,MAAM,gBAAgB,GAAG,CAAmC,EAC1D,GAAG,EACH,QAAQ,EACR,kBAAkB,EAClB,MAAM,EACN,IAAI,EACJ,MAAM,GACmB,EAAe,EAAE;IAC1C,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;IAErD,OAAO,CACL,6BACE,WAAW,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,EACpC,UAAU,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EACpC,IAAI,EAAC,UAAU,iBACF,MAAM,EACnB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,mBAAmB,EAAE,MAAM,IAAI,EAAE,CAAC,QAAQ,CAAC,EAAE,QAAQ,IAAI,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EACzG,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,IAElE,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/lib/components/autocomplete/item/AutoCompleteItemProps.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { Item } from "../AutoCompleteProps";
+export interface AutoCompleteItemProps<T extends string | Item<unknown> = string> {
+    children?: string | React.ReactNode;
+    suggestionSelected?: (value: T) => void;
+    key?: number;
+    active?: boolean;
+    testId?: string;
+    item: T;
+    onSelect?: () => void;
+}

package/lib/components/autocomplete/item/AutoCompleteItemProps.js

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

package/lib/components/autocomplete/item/AutoCompleteItemProps.js.map

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

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

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

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

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

package/lib/components/autocomplete/item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/autocomplete/item/index.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AAEjD,eAAe,gBAAgB,CAAA"}

package/lib/components/autocomplete/menu/AutoCompleteMenu.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { AutoCompleteMenuProps } from './AutoCompleteMenuProps';
+/**
+ * AutoCompleteMenu Component
+ * @param children {ReactNode} Children
+ * - ------------------ WEB PROPERTIES -----------------------
+ * @param className {string} Additionnal CSS Classes
+ * @param absolute {boolean} Absolute position for Menu
+ * @param fullwidth {boolean} Fullwidth size for Menu
+ */
+declare const AutoCompleteMenu: ({ children, className, absolute, fullwidth, testId }: AutoCompleteMenuProps) => JSX.Element;
+export default AutoCompleteMenu;

package/lib/components/autocomplete/menu/AutoCompleteMenu.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import clsx from 'clsx';
+import { hashClass } from '../../../helpers';
+import { useTrilogyContext } from '../../../context';
+import { is } from '../../../services';
+/**
+ * AutoCompleteMenu Component
+ * @param children {ReactNode} Children
+ * - ------------------ WEB PROPERTIES -----------------------
+ * @param className {string} Additionnal CSS Classes
+ * @param absolute {boolean} Absolute position for Menu
+ * @param fullwidth {boolean} Fullwidth size for Menu
+ */
+const AutoCompleteMenu = ({ children, className, absolute, fullwidth, testId }) => {
+    const { styled } = useTrilogyContext();
+    return (React.createElement("div", { role: 'list', "data-testid": testId, className: hashClass(styled, clsx('autocomplete-menu', absolute && is('absolute'), fullwidth && is('fullwidth'), className)) }, children));
+};
+export default AutoCompleteMenu;
+//# sourceMappingURL=AutoCompleteMenu.js.map

package/lib/components/autocomplete/menu/AutoCompleteMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoCompleteMenu.js","sourceRoot":"","sources":["../../../../components/autocomplete/menu/AutoCompleteMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AACpD,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC;;;;;;;GAOG;AACH,MAAM,gBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAyB,EAAe,EAAE;IACpH,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,OAAO,CACL,6BACE,IAAI,EAAC,MAAM,iBACE,MAAM,EACnB,SAAS,EAAE,SAAS,CAClB,MAAM,EACN,IAAI,CAAC,mBAAmB,EAAE,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAAE,SAAS,IAAI,EAAE,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC,CAC/F,IAEA,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/lib/components/autocomplete/menu/AutoCompleteMenu.native.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { AutoCompleteMenuProps } from './AutoCompleteMenuProps';
+import { ComponentName } from '../../enumsComponentsName';
+declare const AutoCompleteMenuNative: {
+    ({ suggestions, handleSelectItem }: AutoCompleteMenuProps): JSX.Element;
+    displayName: ComponentName;
+};
+export default AutoCompleteMenuNative;

package/lib/components/autocomplete/menu/AutoCompleteMenu.native.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import { FlatList, StyleSheet } from 'react-native';
+import { getColorStyle, TrilogyColor } from '../../../objects';
+import AutoCompleteItemNative from '../item/AutoCompleteIem.native';
+import { ComponentName } from '../../enumsComponentsName';
+const AutoCompleteMenuNative = ({ suggestions, handleSelectItem }) => {
+    const styles = StyleSheet.create({
+        list: {
+            marginTop: 6,
+            marginBottom: 6,
+            backgroundColor: getColorStyle(TrilogyColor.WHITE),
+            borderWidth: 1,
+            borderRadius: 3,
+            borderColor: getColorStyle(TrilogyColor.GREY),
+            width: '100%',
+            maxHeight: 165,
+            flexGrow: 1,
+        },
+    });
+    return (React.createElement(FlatList, { keyboardShouldPersistTaps: 'handled', nestedScrollEnabled: true, scrollEnabled: true, style: styles.list, data: suggestions, renderItem: ({ item }) => AutoCompleteItemNative({
+            item: item,
+            onSelect: () => {
+                handleSelectItem && handleSelectItem(item);
+            },
+        }), keyExtractor: (item, index) => String(index) }));
+};
+AutoCompleteMenuNative.displayName = ComponentName.AutoCompleteMenuNative;
+export default AutoCompleteMenuNative;
+//# sourceMappingURL=AutoCompleteMenu.native.js.map

package/lib/components/autocomplete/menu/AutoCompleteMenu.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoCompleteMenu.native.js","sourceRoot":"","sources":["../../../../components/autocomplete/menu/AutoCompleteMenu.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC9D,OAAO,sBAAsB,MAAM,gCAAgC,CAAA;AAEnE,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEzD,MAAM,sBAAsB,GAAG,CAAC,EAAE,WAAW,EAAE,gBAAgB,EAAyB,EAAe,EAAE;IACvG,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,IAAI,EAAE;YACJ,SAAS,EAAE,CAAC;YACZ,YAAY,EAAE,CAAC;YACf,eAAe,EAAE,aAAa,CAAC,YAAY,CAAC,KAAK,CAAC;YAClD,WAAW,EAAE,CAAC;YACd,YAAY,EAAE,CAAC;YACf,WAAW,EAAE,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC;YAC7C,KAAK,EAAE,MAAM;YACb,SAAS,EAAE,GAAG;YACd,QAAQ,EAAE,CAAC;SACZ;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,QAAQ,IACP,yBAAyB,EAAC,SAAS,EACnC,mBAAmB,QACnB,aAAa,EAAE,IAAI,EACnB,KAAK,EAAE,MAAM,CAAC,IAAI,EAClB,IAAI,EAAE,WAAW,EACjB,UAAU,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CACvB,sBAAsB,CAAC;YACrB,IAAI,EAAE,IAAI;YACV,QAAQ,EAAE,GAAG,EAAE;gBACb,gBAAgB,IAAI,gBAAgB,CAAC,IAAI,CAAC,CAAA;YAC5C,CAAC;SACF,CAAC,EAEJ,YAAY,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,GAC5C,CACH,CAAA;AACH,CAAC,CAAA;AAED,sBAAsB,CAAC,WAAW,GAAG,aAAa,CAAC,sBAAsB,CAAA;AAEzE,eAAe,sBAAsB,CAAA"}

package/lib/components/autocomplete/menu/AutoCompleteMenuProps.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export interface AutoCompleteMenuProps {
+    children?: React.ReactNode;
+    suggestions?: string[];
+    handleSelectItem?: (text: string) => void;
+    className?: string;
+    absolute?: boolean;
+    testId?: string;
+    fullwidth?: boolean;
+}

package/lib/components/autocomplete/menu/AutoCompleteMenuProps.js

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

package/lib/components/autocomplete/menu/AutoCompleteMenuProps.js.map

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

package/lib/components/autocomplete/menu/index.d.ts

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

package/lib/components/autocomplete/menu/index.js

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

package/lib/components/autocomplete/menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/autocomplete/menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AAEjD,eAAe,gBAAgB,CAAA"}

package/lib/components/autocomplete/utils/debounce.d.ts

@@ -0,0 +1 @@
+export declare const debounce: <T extends any[]>(func: (...params: T) => void, wait: number) => (...rest: T) => Promise<void>;

package/lib/components/autocomplete/utils/debounce.js

@@ -0,0 +1,17 @@
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export const debounce = (func, wait) => {
+    let timeout;
+    return async (...rest) => {
+        // eslint-disable-next-line @typescript-eslint/no-this-alias
+        const context = this;
+        const later = function () {
+            timeout = null;
+            func.apply(context, rest);
+        };
+        if (timeout) {
+            clearTimeout(timeout);
+        }
+        timeout = setTimeout(later, wait);
+    };
+};
+//# sourceMappingURL=debounce.js.map

package/lib/components/autocomplete/utils/debounce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"debounce.js","sourceRoot":"","sources":["../../../../components/autocomplete/utils/debounce.ts"],"names":[],"mappings":"AAAA,8DAA8D;AAC9D,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAkB,IAA4B,EAAE,IAAY,EAAE,EAAE;IACtF,IAAI,OAA8B,CAAA;IAClC,OAAO,KAAK,EAAE,GAAG,IAAO,EAAE,EAAE;QAC1B,4DAA4D;QAC5D,MAAM,OAAO,GAAmC,IAAI,CAAA;QACpD,MAAM,KAAK,GAAG;YACZ,OAAO,GAAG,IAAI,CAAA;YACd,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,CAAA;QAC3B,CAAC,CAAA;QACD,IAAI,OAAO,EAAE;YACX,YAAY,CAAC,OAAO,CAAC,CAAA;SACtB;QACD,OAAO,GAAG,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA;IACnC,CAAC,CAAA;AACH,CAAC,CAAA"}

package/lib/components/autocomplete/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './debounce';

package/lib/components/autocomplete/utils/index.js

@@ -0,0 +1,2 @@
+export * from './debounce';
+//# sourceMappingURL=index.js.map

package/lib/components/autocomplete/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/autocomplete/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA"}

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { AutoLayoutProps } from './AutoLayoutProps';
+/**
+ * AutoLayout Component
+ */
+declare const AutoLayout: React.FC<AutoLayoutProps>;
+export default AutoLayout;

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

@@ -0,0 +1,24 @@
+import React from 'react';
+import { SpacingMatrix } from './SpacingMatrix';
+import type { HandleBetweenChildren, ParseChildren } from './AutoLayout.d';
+import type { TrilogyComponents } from '../index.d';
+/**
+ * Test if an element is a React Fragment
+ *
+ * @param element
+ * @returns
+ */
+export declare const isFragment: (element: React.ReactElement) => boolean;
+/**
+ * Test if an element is of a certain component type
+ *
+ * @param element
+ * @param componentType
+ * @returns
+ */
+export declare const isElementType: (element: React.ReactElement, componentType: TrilogyComponents) => boolean;
+/**
+ * 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;

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

@@ -0,0 +1,114 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import React from 'react';
+import { SpacingMatrixMode } from './SpacingMatrix';
+import { Spacer } from '../spacer';
+import { ComponentName } from '../enumsComponentsName';
+/**
+ * Test if an element is a React Fragment
+ *
+ * @param element
+ * @returns
+ */
+export const isFragment = (element) => (element === null || element === void 0 ? void 0 : element.type) === React.Fragment;
+const getTrilogyComponentName = (child) => {
+    const componentsKeys = Object.keys(ComponentName).filter((key) => key);
+    return componentsKeys.find((key) => key === child.type.displayName);
+};
+/**
+ * Test if an element is of a certain component type
+ *
+ * @param element
+ * @param componentType
+ * @returns
+ */
+export const isElementType = (element, componentType) => { var _a; return ((_a = element === null || element === void 0 ? void 0 : element.type) === null || _a === void 0 ? void 0 : _a.displayName) === componentType; };
+/**
+ * Iterate over children and apply the `handleBetweenChildren` method.
+ */
+export const parseChildren = ({ children, handleBetweenChildren }) => {
+    const array = []; // React.Children.toArray(children)
+    createChildrenArray(array, children);
+    return array.reduce((accumulator, nextChild, childIndex) => {
+        var _a, _b, _c, _d;
+        const previousChild = accumulator[accumulator.length - 1];
+        // Check the actual type of previous and next children
+        const getChildCandidateToComparison = (child, accumulator) => {
+            if (isElementType(child, 'AutoLayout')) {
+                return getChildCandidateToComparison(React.Children.toArray(child.props.children)[0]);
+            }
+            if (child === null && accumulator && accumulator.length >= 2) {
+                return getChildCandidateToComparison(accumulator[accumulator.length - 2], accumulator.slice(0, -1));
+            }
+            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 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,
+            previousChild,
+            previousChildType,
+            nextChild,
+            nextChildType,
+            childIndex,
+        });
+        // Concat the previous accumulated elements and the next one
+        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);
+    let alreadySpaced = false;
+    const rules = matrix.filter((e) => eligibleRule(e[0]));
+    rules.forEach((rule) => {
+        const [mode, previousType, nextType, value] = rule;
+        const isRuleApplicable = checkRuleApplicable(previousType, nextType, previousChildType, nextChildType, alreadySpaced);
+        if (isRuleApplicable) {
+            alreadySpaced = true;
+            if (mode === SpacingMatrixMode.INSERT_SPACE_BETWEEN) {
+                accumulator.push(React.createElement(Spacer, { key: `spacer${childIndex}`, size: value }));
+            }
+            else if (mode === SpacingMatrixMode.INSERT_ELEMENT_BETWEEN) {
+                accumulator.push(value);
+            }
+        }
+    });
+};
+const createChildrenArray = (array, children) => {
+    React.Children.forEach(children, (child) => {
+        if (isFragment(child)) {
+            React.Children.forEach(child === null || child === void 0 ? void 0 : child.props.children, (item) => {
+                createChildrenArray(array, item);
+            });
+        }
+        else if ((child === null || child === void 0 ? void 0 : child.type) &&
+            child.type.displayName !== getTrilogyComponentName(child) &&
+            child.type.$$typeof === undefined) {
+            createChildrenArray(array, child.type(child.props));
+        }
+        else if ((child === null || child === void 0 ? void 0 : child.type) &&
+            child.type.displayName !== getTrilogyComponentName(child) &&
+            child.type.$$typeof === Symbol.for('react.memo')) {
+            createChildrenArray(array, child.type.type(child.props));
+        }
+        else {
+            array.push(child);
+        }
+    });
+};
+const checkRuleApplicable = (previousType, nextType, previousChildType, nextChildType, alreadySpaced) => {
+    if (previousChildType === undefined || nextChildType === undefined) {
+        return false;
+    }
+    if (alreadySpaced) {
+        return false;
+    }
+    else if ((previousType === previousChildType && nextType === nextChildType) ||
+        (previousType === 'default' && nextType === nextChildType) ||
+        (previousType === previousChildType && nextType === 'default') ||
+        (previousType === 'default' && nextType === 'default')) {
+        return true;
+    }
+    return false;
+};
+//# sourceMappingURL=AutoLayout.helpers.js.map

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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +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"}

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { AutoLayoutProps } from './AutoLayoutProps';
+/**
+ * AutoLayout Component
+ * @param children
+ * @param matrix
+ * @param edges {EdgeType[]} ('bottom' | 'top'), add edge(s)
+ * @param edgeSize {SpacerSize} Edge size if exist (default = SMALL)
+ * @param noSpace {boolean} Set spaces between children to NONE
+ */
+declare const AutoLayout: React.FC<AutoLayoutProps>;
+export default AutoLayout;

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

@@ -0,0 +1,29 @@
+import React from 'react';
+import { DEFAULT_SPACING_MATRIX } from './DefaultSpacingMatrix';
+import { autoLayoutChildrenHandler, parseChildren } from './AutoLayout.helpers';
+import { Spacer, SpacerSize } from '../spacer';
+import { ComponentName } from '../enumsComponentsName';
+/**
+ * AutoLayout Component
+ * @param children
+ * @param matrix
+ * @param edges {EdgeType[]} ('bottom' | 'top'), add edge(s)
+ * @param edgeSize {SpacerSize} Edge size if exist (default = SMALL)
+ * @param noSpace {boolean} Set spaces between children to NONE
+ */
+const AutoLayout = ({ children, matrix = DEFAULT_SPACING_MATRIX, edges, edgeSize = SpacerSize.SMALL, noSpace, }) => {
+    const hasBottomEdge = edges === null || edges === void 0 ? void 0 : edges.includes('bottom');
+    const hasTopEdge = edges === null || edges === void 0 ? void 0 : edges.includes('top');
+    return (React.createElement(React.Fragment, null,
+        hasTopEdge && React.createElement(Spacer, { size: edgeSize }),
+        noSpace
+            ? children
+            : parseChildren({
+                children,
+                handleBetweenChildren: (props) => autoLayoutChildrenHandler(matrix, props),
+            }),
+        hasBottomEdge && React.createElement(Spacer, { size: edgeSize })));
+};
+AutoLayout.displayName = ComponentName.AutoLayout;
+export default AutoLayout;
+//# sourceMappingURL=AutoLayout.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AutoLayout.native.js","sourceRoot":"","sources":["../../../components/autolayout/AutoLayout.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAA;AAC/D,OAAO,EAAE,yBAAyB,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAC/E,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAE9C,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AAEtD;;;;;;;GAOG;AACH,MAAM,UAAU,GAA8B,CAAC,EAC7C,QAAQ,EACR,MAAM,GAAG,sBAAsB,EAC/B,KAAK,EACL,QAAQ,GAAG,UAAU,CAAC,KAAK,EAC3B,OAAO,GACR,EAAe,EAAE;IAChB,MAAM,aAAa,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CAAC,QAAQ,CAAC,CAAA;IAC/C,MAAM,UAAU,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CAAC,KAAK,CAAC,CAAA;IACzC,OAAO,CACL;QACG,UAAU,IAAI,oBAAC,MAAM,IAAC,IAAI,EAAE,QAAQ,GAAI;QACxC,OAAO;YACN,CAAC,CAAC,QAAQ;YACV,CAAC,CAAC,aAAa,CAAC;gBACZ,QAAQ;gBACR,qBAAqB,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,yBAAyB,CAAC,MAAM,EAAE,KAAK,CAAC;aAC3E,CAAC;QACL,aAAa,IAAI,oBAAC,MAAM,IAAC,IAAI,EAAE,QAAQ,GAAI,CAC3C,CACJ,CAAA;AACH,CAAC,CAAA;AAED,UAAU,CAAC,WAAW,GAAG,aAAa,CAAC,UAAU,CAAA;AAEjD,eAAe,UAAU,CAAA"}

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { SpacerSize } from '../spacer';
+import { SpacingMatrix } from './SpacingMatrix';
+type EdgeType = 'bottom' | 'top';
+type AutoLayoutProps = {
+    children: React.ReactNode;
+    edges?: EdgeType[];
+    edgeSize?: SpacerSize;
+    noSpace?: boolean;
+    /**
+     * @deprecated
+     */
+    matrix?: SpacingMatrix;
+};
+export type { EdgeType, AutoLayoutProps };

package/lib/components/autolayout/AutoLayoutProps.js

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

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

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

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { SpacingMatrix } from './SpacingMatrix';
+/**
+ * Wrap children in an AutoLayout component.
+ *
+ * @param {autolayout} {boolean}  Activate/deactivate the autolayouting mechanism.
+ */
+declare const AutoLayoutWrapper: React.FC<{
+    autolayout: boolean | SpacingMatrix;
+    children: React.ReactNode;
+}>;
+export default AutoLayoutWrapper;

package/lib/components/autolayout/AutoLayoutWrapper.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import AutoLayout from './AutoLayout';
+/**
+ * Wrap children in an AutoLayout component.
+ *
+ * @param {autolayout} {boolean}  Activate/deactivate the autolayouting mechanism.
+ */
+const AutoLayoutWrapper = ({ autolayout = true, children, }) => {
+    if (autolayout === true) {
+        return React.createElement(AutoLayout, null, children);
+    }
+    else if (autolayout) {
+        return React.createElement(AutoLayout, { matrix: autolayout }, children);
+    }
+    else {
+        // eslint-disable-next-line react/jsx-no-useless-fragment
+        return React.createElement(React.Fragment, null, children);
+    }
+};
+export default AutoLayoutWrapper;
+//# sourceMappingURL=AutoLayoutWrapper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AutoLayoutWrapper.js","sourceRoot":"","sources":["../../../components/autolayout/AutoLayoutWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,cAAc,CAAA;AAIrC;;;;GAIG;AACH,MAAM,iBAAiB,GAAiF,CAAC,EACvG,UAAU,GAAG,IAAI,EACjB,QAAQ,GACT,EAAE,EAAE;IACH,IAAI,UAAU,KAAK,IAAI,EAAE;QACvB,OAAO,oBAAC,UAAU,QAAE,QAAQ,CAAc,CAAA;KAC3C;SAAM,IAAI,UAAU,EAAE;QACrB,OAAO,oBAAC,UAAU,IAAC,MAAM,EAAE,UAAU,IAAG,QAAQ,CAAc,CAAA;KAC/D;SAAM;QACL,yDAAyD;QACzD,OAAO,0CAAG,QAAQ,CAAI,CAAA;KACvB;AACH,CAAC,CAAA;AAED,eAAe,iBAAiB,CAAA"}

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

@@ -0,0 +1,6 @@
+import { SpacingMatrixMode, SpacingMatrix } from './SpacingMatrix';
+export declare const INSERT_SPACE_BETWEEN: SpacingMatrixMode;
+/**
+ * Spacing matrix for defining spacings between component types
+ */
+export declare const DEFAULT_SPACING_MATRIX: SpacingMatrix;