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

package/lib/components/table/tr/TableTr.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { TableTrProps } from './TableTrProps';
+/**
+ * Table TR Component
+ * @param children {ReactNode}
+ * @param expandable {boolean} Lines can display additional information
+ * @param expanded {boolean} An unfolded line will also receive class
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal CSS Classes
+ * @param expansion {boolean} Is expansion
+ * @param onClick {ClickEvent} On click event
+ * @param color {TrilogyColor} Higlight color
+ * @param ref {React.RefObject<HTMLTableRowElement>} Ref of the row
+ */
+declare const TableTr: ({ className, expandable, expanded, expansion, color, ...others }: TableTrProps) => JSX.Element;
+export default TableTr;

package/lib/components/table/tr/TableTr.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import clsx from 'clsx';
+import { hashClass } from '../../..//helpers/hashClassesHelpers';
+import { is } from '../../../services/classify';
+import { useTrilogyContext } from '../../..//context/index';
+import { getColorClassName } from '../../../objects/facets/Color';
+/**
+ * Table TR Component
+ * @param children {ReactNode}
+ * @param expandable {boolean} Lines can display additional information
+ * @param expanded {boolean} An unfolded line will also receive class
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal CSS Classes
+ * @param expansion {boolean} Is expansion
+ * @param onClick {ClickEvent} On click event
+ * @param color {TrilogyColor} Higlight color
+ * @param ref {React.RefObject<HTMLTableRowElement>} Ref of the row
+ */
+const TableTr = ({ className, expandable, expanded, expansion, color, ...others }) => {
+    const { styled } = useTrilogyContext();
+    const classes = hashClass(styled, clsx(className, expandable && is('expandable'), expanded && is('expanded'), expansion && is('expansion'), color && getColorClassName(color)));
+    return React.createElement("tr", { className: classes, ...others });
+};
+export default TableTr;
+//# sourceMappingURL=TableTr.js.map

package/lib/components/table/tr/TableTr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableTr.js","sourceRoot":"","sources":["../../../../components/table/tr/TableTr.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAA;AAChE,OAAO,EAAE,EAAE,EAAE,MAAM,4BAA4B,CAAA;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAA;AAEjE;;;;;;;;;;;GAWG;AACH,MAAM,OAAO,GAAG,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,MAAM,EAAgB,EAAe,EAAE;IAC9G,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,SAAS,EACT,UAAU,IAAI,EAAE,CAAC,YAAY,CAAC,EAC9B,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAC1B,SAAS,IAAI,EAAE,CAAC,WAAW,CAAC,EAC5B,KAAK,IAAI,iBAAiB,CAAC,KAAK,CAAC,CAClC,CACF,CAAA;IAED,OAAO,4BAAI,SAAS,EAAE,OAAO,KAAM,MAAM,GAAI,CAAA;AAC/C,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}

package/lib/components/table/tr/TableTr.native.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { TableTrPropsNative } from './TableTrProps';
+import { ComponentName } from '../../enumsComponentsName';
+/**
+ * TableTr Component
+ * @param children {ReactNode} Rows children
+ * @param expandable {boolean} Lines can display additional information
+ * @param expanded {ReactNode|string} Expended Table TR content
+ */
+declare const TableTr: {
+    ({ children, expandable, expanded, ...others }: TableTrPropsNative): JSX.Element;
+    displayName: ComponentName;
+};
+export default TableTr;

package/lib/components/table/tr/TableTr.native.js

@@ -0,0 +1,39 @@
+import React, { useState } from 'react';
+import { StyleSheet, TouchableOpacity } from 'react-native';
+import { View } from '../../view';
+import { Text, TextLevels } from '../../text';
+import { ComponentName } from '../../enumsComponentsName';
+/**
+ * TableTr Component
+ * @param children {ReactNode} Rows children
+ * @param expandable {boolean} Lines can display additional information
+ * @param expanded {ReactNode|string} Expended Table TR content
+ */
+const TableTr = ({ children, expandable, expanded, ...others }) => {
+    const [isExpanded, setIsExpended] = useState(false);
+    const styles = StyleSheet.create({
+        tableTr: {
+            flexDirection: 'row',
+            flex: 1,
+        },
+        expendable: {
+            width: '100%',
+            backgroundColor: '#F8F8F8',
+            padding: 10,
+        },
+    });
+    const handleExpendedContent = () => {
+        setIsExpended(!isExpanded);
+    };
+    if (expandable) {
+        return (React.createElement(View, null,
+            React.createElement(TouchableOpacity, { onPress: () => handleExpendedContent(), style: styles.tableTr, ...others }, children),
+            isExpanded && expanded && typeof expanded.valueOf() === 'string' && (React.createElement(View, { style: styles.expendable },
+                React.createElement(Text, { level: TextLevels.FOUR }, String(expanded)))),
+            isExpanded && expanded && React.isValidElement(expanded) && React.createElement(View, { style: styles.expendable }, expanded)));
+    }
+    return (React.createElement(View, { style: styles.tableTr, ...others }, children));
+};
+TableTr.displayName = ComponentName.TableTr;
+export default TableTr;
+//# sourceMappingURL=TableTr.native.js.map

package/lib/components/table/tr/TableTr.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableTr.native.js","sourceRoot":"","sources":["../../../../components/table/tr/TableTr.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAE3D,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEzD;;;;;GAKG;AACH,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAsB,EAAe,EAAE;IACjG,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAA;IAE5D,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,OAAO,EAAE;YACP,aAAa,EAAE,KAAK;YACpB,IAAI,EAAE,CAAC;SACR;QACD,UAAU,EAAE;YACV,KAAK,EAAE,MAAM;YACb,eAAe,EAAE,SAAS;YAC1B,OAAO,EAAE,EAAE;SACZ;KACF,CAAC,CAAA;IAEF,MAAM,qBAAqB,GAAG,GAAG,EAAE;QACjC,aAAa,CAAC,CAAC,UAAU,CAAC,CAAA;IAC5B,CAAC,CAAA;IAED,IAAI,UAAU,EAAE;QACd,OAAO,CACL,oBAAC,IAAI;YACH,oBAAC,gBAAgB,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,qBAAqB,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,OAAO,KAAM,MAAM,IACxF,QAAQ,CACQ;YAClB,UAAU,IAAI,QAAQ,IAAI,OAAO,QAAQ,CAAC,OAAO,EAAE,KAAK,QAAQ,IAAI,CACnE,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,UAAU;gBAC5B,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU,CAAC,IAAI,IAAG,MAAM,CAAC,QAAQ,CAAC,CAAQ,CAClD,CACR;YACA,UAAU,IAAI,QAAQ,IAAI,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,UAAU,IAAG,QAAQ,CAAQ,CACzG,CACR,CAAA;KACF;IAED,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,KAAM,MAAM,IACpC,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,OAAO,CAAC,WAAW,GAAG,aAAa,CAAC,OAAO,CAAA;AAE3C,eAAe,OAAO,CAAA"}

package/lib/components/table/tr/TableTrProps.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { Clickable, Referenceable, ReferenceableNative, TrilogyColor, TrilogyColorValues } from '../../../objects';
+import { TouchableOpacity } from 'react-native';
+interface TableTrPropsWeb extends Clickable {
+    children: React.ReactNode;
+    expandable?: boolean;
+    expanded?: boolean | React.ReactNode | string;
+    className?: string;
+    expansion?: boolean;
+    color?: TrilogyColor | TrilogyColorValues;
+}
+export type TableTrPropsNative = TableTrPropsWeb & ReferenceableNative<TouchableOpacity>;
+export type TableTrProps = TableTrPropsWeb & Referenceable<HTMLTableRowElement>;
+export {};

package/lib/components/table/tr/TableTrProps.js

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

package/lib/components/table/tr/TableTrProps.js.map

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

package/lib/components/table/tr/index.d.ts

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

package/lib/components/table/tr/index.js

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

package/lib/components/table/tr/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/table/tr/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,WAAW,CAAA;AAE/B,eAAe,OAAO,CAAA"}

package/lib/components/tabs/Tabs.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { TabsProps } from './TabsProps';
+/**
+ * Tabs Component
+ * @param children {ReactNode} Children for tabs
+ * @param onClick onClick event
+ * @param activeIndex {number} default active tab index
+ * @param disabled {boolean} Disabled tabs
+ * @param clipped {boolean} Remove the separator bar
+ * @param inverted {boolean} dark mode
+ * @param shadowless {boolean} No shadow
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param centered {boolean} Centered tabs
+ * @param rightAlign {boolean} Tabs right align
+ * @param className {string} Additionnal CSS Classes
+ * @param fullwidth {boolean} Fullwidth tabs
+ * @param leftAlign {boolean} Tabs left align
+ */
+declare const Tabs: ({ children, className, onClick, activeIndex, disabled, rightAlign, fullwidth, align, centered, marginless, inverted, shadowless, textAlign, testId, ...others }: TabsProps) => JSX.Element;
+export default Tabs;

package/lib/components/tabs/Tabs.js

@@ -0,0 +1,71 @@
+import clsx from 'clsx';
+import React, { useEffect, useState } from 'react';
+import { useTrilogyContext } from '../../context';
+import { hashClass } from '../../helpers';
+import { has, is } from '../../services';
+/**
+ * Tabs Component
+ * @param children {ReactNode} Children for tabs
+ * @param onClick onClick event
+ * @param activeIndex {number} default active tab index
+ * @param disabled {boolean} Disabled tabs
+ * @param clipped {boolean} Remove the separator bar
+ * @param inverted {boolean} dark mode
+ * @param shadowless {boolean} No shadow
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param centered {boolean} Centered tabs
+ * @param rightAlign {boolean} Tabs right align
+ * @param className {string} Additionnal CSS Classes
+ * @param fullwidth {boolean} Fullwidth tabs
+ * @param leftAlign {boolean} Tabs left align
+ */
+const Tabs = ({ children, className, onClick, activeIndex, disabled, rightAlign, fullwidth, align, centered, marginless, inverted, shadowless, textAlign, testId, ...others }) => {
+    const [activateIndex, setActivateIndex] = useState(activeIndex || 0);
+    const { styled } = useTrilogyContext();
+    const [isIcons, setIsIcons] = React.useState(false);
+    const classes = hashClass(styled, clsx('tabs', rightAlign && is('right'), fullwidth && is('fullwidth'), centered && is('centered'), marginless && is('marginless'), isIcons && is('icons'), className));
+    const isActive = React.useCallback((index, childPropsActive) => {
+        if (typeof childPropsActive !== 'undefined' && !activateIndex) {
+            return childPropsActive;
+        }
+        if (index === activateIndex) {
+            return true;
+        }
+    }, [activateIndex]);
+    const toggleActive = React.useCallback((e, index) => {
+        if (disabled) {
+            return false;
+        }
+        setActivateIndex(index);
+        if (onClick) {
+            onClick(e);
+        }
+    }, [disabled]);
+    useEffect(() => {
+        setActivateIndex(activateIndex);
+    }, [activeIndex]);
+    return (React.createElement("div", { className: hashClass(styled, clsx('tab-context', inverted && is('inverted'), align && has(`text-${align}`), shadowless && is('shadowless'), textAlign && textAlign)), "data-tabs-context": '', "data-testid": testId },
+        React.createElement("div", { className: classes, role: 'tablist', ...others }, React.Children.map(children, (child, index) => {
+            if (React.isValidElement(child)) {
+                if (!isIcons && child.props.iconName)
+                    setIsIcons(true);
+                const active = Boolean(isActive(index, child.props.active)) || false;
+                const key = index;
+                const props = {
+                    active,
+                    key,
+                    onClick: (e) => {
+                        toggleActive(e, index);
+                        if (child) {
+                            if (child.props.onClick) {
+                                child.props.onClick(e);
+                            }
+                        }
+                    },
+                };
+                return React.cloneElement(child, props);
+            }
+        }))));
+};
+export default Tabs;
+//# sourceMappingURL=Tabs.js.map

package/lib/components/tabs/Tabs.js.map

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

package/lib/components/tabs/Tabs.native.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { TabsProps } from './TabsProps';
+import { ComponentName } from '../enumsComponentsName';
+/**
+ * Tabs Component
+ * @param children {ReactNode} Children for tabs
+ * @param onClick onClick event
+ * @param activeIndex {number} default active tab index
+ * @param disabled {boolean} Disabled tabs
+ * @param inverted {boolean} dark mode
+ */
+declare const Tabs: {
+    ({ children, onClick, activeIndex, disabled, inverted, ...others }: TabsProps): JSX.Element;
+    displayName: ComponentName;
+};
+export default Tabs;

package/lib/components/tabs/Tabs.native.js

@@ -0,0 +1,70 @@
+import React, { useState } from 'react';
+import { StyleSheet, ScrollView } from 'react-native';
+import { Text, TextLevels } from '../text';
+import TabsItem from './item';
+import { getColorStyle, TrilogyColor } from '../../objects';
+import { ComponentName } from '../enumsComponentsName';
+/**
+ * Tabs Component
+ * @param children {ReactNode} Children for tabs
+ * @param onClick onClick event
+ * @param activeIndex {number} default active tab index
+ * @param disabled {boolean} Disabled tabs
+ * @param inverted {boolean} dark mode
+ */
+const Tabs = ({ children, onClick, activeIndex, disabled, inverted, ...others }) => {
+    const [activateIndex, setActivateIndex] = useState(activeIndex);
+    const [isIcons, setIsIcons] = React.useState(false);
+    const isActive = (index, childPropsActive) => {
+        if (typeof childPropsActive !== 'undefined' && !activateIndex) {
+            return childPropsActive;
+        }
+        if (index === activateIndex) {
+            return true;
+        }
+    };
+    const toggleActive = (e, index) => {
+        if (disabled) {
+            return false;
+        }
+        setActivateIndex(index);
+        if (onClick) {
+            onClick(e);
+        }
+    };
+    const styles = StyleSheet.create({
+        tabs: {
+            height: isIcons ? 64 : 48,
+            flexDirection: 'row',
+            backgroundColor: inverted ? getColorStyle(TrilogyColor.TERTIARY) : getColorStyle(TrilogyColor.WHITE),
+            overflow: 'visible',
+        },
+    });
+    return (React.createElement(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, style: styles.tabs, ...others }, children &&
+        Array.isArray(children) &&
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        children.map((child, index) => {
+            var _a;
+            if (!isIcons && child.props.iconName)
+                setIsIcons(true);
+            const props = {
+                active: (_a = child.props.active) !== null && _a !== void 0 ? _a : (Boolean(isActive(index, child.props.active)) || false),
+                key: index,
+                tabIndex: index,
+                inverted: inverted,
+                onClick: (event) => {
+                    toggleActive(event, index);
+                    if (child) {
+                        if (child.props.onClick) {
+                            child.props.onClick(event);
+                        }
+                    }
+                },
+            };
+            return typeof child.valueOf() === 'string' ? (React.createElement(TabsItem, { active: props.active, onClick: (e) => onClick === null || onClick === void 0 ? void 0 : onClick(e) },
+                React.createElement(Text, { level: TextLevels.THREE }, String(child)))) : (React.cloneElement(child, props));
+        })));
+};
+Tabs.displayName = ComponentName.Tabs;
+export default Tabs;
+//# sourceMappingURL=Tabs.native.js.map

package/lib/components/tabs/Tabs.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.native.js","sourceRoot":"","sources":["../../../components/tabs/Tabs.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAErD,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,QAAQ,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AAEtD;;;;;;;GAOG;AACH,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAa,EAAe,EAAE;IACzG,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAA;IAC/D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEnD,MAAM,QAAQ,GAAG,CAAC,KAAa,EAAE,gBAAiC,EAAE,EAAE;QACpE,IAAI,OAAO,gBAAgB,KAAK,WAAW,IAAI,CAAC,aAAa,EAAE;YAC7D,OAAO,gBAAgB,CAAA;SACxB;QACD,IAAI,KAAK,KAAK,aAAa,EAAE;YAC3B,OAAO,IAAI,CAAA;SACZ;IACH,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,CAAC,CAAmB,EAAE,KAAa,EAAE,EAAE;QAC1D,IAAI,QAAQ,EAAE;YACZ,OAAO,KAAK,CAAA;SACb;QACD,gBAAgB,CAAC,KAAK,CAAC,CAAA;QACvB,IAAI,OAAO,EAAE;YACX,OAAO,CAAC,CAAC,CAAC,CAAA;SACX;IACH,CAAC,CAAA;IAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,IAAI,EAAE;YACJ,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;YACzB,aAAa,EAAE,KAAK;YACpB,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,KAAK,CAAC;YACpG,QAAQ,EAAE,SAAS;SACpB;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,UAAU,IAAC,UAAU,QAAC,8BAA8B,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,IAAI,KAAM,MAAM,IACzF,QAAQ;QACP,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;QACvB,8DAA8D;QAC9D,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAU,EAAE,KAAa,EAAE,EAAE;;YACzC,IAAI,CAAC,OAAO,IAAI,KAAK,CAAC,KAAK,CAAC,QAAQ;gBAAE,UAAU,CAAC,IAAI,CAAC,CAAA;YACtD,MAAM,KAAK,GAAG;gBACZ,MAAM,EAAE,MAAA,KAAK,CAAC,KAAK,CAAC,MAAM,mCAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,CAAC;gBACrF,GAAG,EAAE,KAAK;gBACV,QAAQ,EAAE,KAAK;gBACf,QAAQ,EAAE,QAAQ;gBAClB,OAAO,EAAE,CAAC,KAAuB,EAAE,EAAE;oBACnC,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA;oBAC1B,IAAI,KAAK,EAAE;wBACT,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO,EAAE;4BACvB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;yBAC3B;qBACF;gBACH,CAAC;aACF,CAAA;YACD,OAAO,OAAO,KAAK,CAAC,OAAO,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC3C,oBAAC,QAAQ,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC,CAAU,EAAE,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC;gBACnE,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU,CAAC,KAAK,IAAG,MAAM,CAAC,KAAK,CAAC,CAAQ,CAC5C,CACZ,CAAC,CAAC,CAAC,CACF,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,CACjC,CAAA;QACH,CAAC,CAAC,CACO,CACd,CAAA;AACH,CAAC,CAAA;AAED,IAAI,CAAC,WAAW,GAAG,aAAa,CAAC,IAAI,CAAA;AAErC,eAAe,IAAI,CAAA"}

package/lib/components/tabs/TabsProps.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { Centerable } from '../../objects/facets/Centerable';
+import { JustifiableProps } from '../../objects/facets/Justifiable';
+import { Accessibility, Clickable, TypographyAlign, TypographyAlignValues } from '../../objects';
+/**
+ * Tabs Interface
+ */
+export interface TabsProps extends Centerable, JustifiableProps, Clickable, Accessibility {
+    children: React.ReactNode | string;
+    disabled?: boolean;
+    activeIndex?: number;
+    /** @deprecated */
+    rightAlign?: boolean;
+    /** @deprecated */
+    clipped?: boolean;
+    fullwidth?: boolean;
+    className?: string;
+    marginless?: boolean;
+    inverted?: boolean;
+    align?: 'left' | 'right' | 'center';
+    shadowless?: boolean;
+    textAlign?: TypographyAlign | TypographyAlignValues;
+}

package/lib/components/tabs/TabsProps.js

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

package/lib/components/tabs/TabsProps.js.map

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

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

@@ -0,0 +1,3 @@
+import Tabs from './Tabs';
+import TabsItem from './item';
+export { Tabs, TabsItem };

package/lib/components/tabs/index.js

@@ -0,0 +1,4 @@
+import Tabs from './Tabs';
+import TabsItem from './item';
+export { Tabs, TabsItem };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,QAAQ,CAAA;AACzB,OAAO,QAAQ,MAAM,QAAQ,CAAA;AAE7B,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAA"}

package/lib/components/tabs/item/TabsItem.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { TabsItemProps } from './TabsItemProps';
+/**
+ * Tabs Item Component
+ * @param active {boolean} active tab item
+ * @param children {ReactChild} React Child Element
+ * @param onClick onClick Event
+ * @param to {string} Link
+ * @param href {string} <a />
+ * @param routerLink Custom Router Link as props
+ * @param iconName {IconNameValues | IconName} add icon name
+ * @param disabled {boolean} disable tab item
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal CSS Classes
+ */
+declare const TabsItem: ({ active, children, className, onClick, to, href, routerLink, iconName, disabled, testId, ...others }: TabsItemProps) => JSX.Element;
+export default TabsItem;

package/lib/components/tabs/item/TabsItem.js

@@ -0,0 +1,63 @@
+import clsx from 'clsx';
+import React, { useEffect, useState } from 'react';
+import { hashClass } from '../../../helpers';
+import { useTrilogyContext } from '../../../context';
+import { Icon } from '../../icon';
+import { is } from '../../../services';
+/**
+ * Tabs Item Component
+ * @param active {boolean} active tab item
+ * @param children {ReactChild} React Child Element
+ * @param onClick onClick Event
+ * @param to {string} Link
+ * @param href {string} <a />
+ * @param routerLink Custom Router Link as props
+ * @param iconName {IconNameValues | IconName} add icon name
+ * @param disabled {boolean} disable tab item
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal CSS Classes
+ */
+const TabsItem = ({ active, children, className, onClick, to, href, routerLink, iconName, disabled, testId, ...others }) => {
+    const [activeItem, setActiveItem] = useState(active || false);
+    const { styled } = useTrilogyContext();
+    // accessibility
+    const a11y = {
+        a: {
+            'aria-selected': activeItem,
+            'data-tab-navigation': '',
+        },
+    };
+    useEffect(() => {
+        setActiveItem(active || false);
+    }, [active]);
+    const classes = hashClass(styled, clsx('tab', disabled && is('disabled'), className, { 'is-active': activeItem }));
+    if (routerLink && (to || href)) {
+        const RouterLink = (routerLink ? routerLink : 'a');
+        return (React.createElement(RouterLink, { "data-testid": testId, tabIndex: 0, ...a11y.a, to: to, href: href, className: classes, ...others, onClick: (e) => {
+                if (!disabled) {
+                    const target = e.target;
+                    setActiveItem(active || false);
+                    target.active = active;
+                    if (onClick) {
+                        onClick(e);
+                    }
+                }
+            } },
+            React.createElement("div", { className: 'tab-icon' }, iconName && React.createElement(Icon, { align: 'ALIGNED_CENTER', size: 'small', name: iconName })),
+            children));
+    }
+    return (React.createElement("button", { className: classes, role: 'tab', "data-testid": testId, ...a11y.a, ...others, onClick: (e) => {
+            if (!disabled) {
+                const target = e.target;
+                setActiveItem(active || false);
+                target.active = active;
+                if (onClick) {
+                    onClick(e);
+                }
+            }
+        } },
+        React.createElement("div", { className: 'tab-icon' }, iconName && React.createElement(Icon, { align: 'ALIGNED_CENTER', size: 'small', name: iconName })),
+        children));
+};
+export default TabsItem;
+//# sourceMappingURL=TabsItem.js.map

package/lib/components/tabs/item/TabsItem.js.map

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

package/lib/components/tabs/item/TabsItem.native.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { TabsItemProps } from './TabsItemProps';
+import { ComponentName } from '../../enumsComponentsName';
+/**
+ * Tabs Item Component
+ * @param active {boolean} active tab item
+ * @param children {ReactChild} React Child Element
+ * @param onClick onClick Event
+ * @param iconName {IconNameValues | IconName} add icon name
+ */
+declare const TabsItem: {
+    ({ active, children, onClick, tabIndex, iconName, inverted, disabled, ...others }: TabsItemProps): JSX.Element;
+    displayName: ComponentName;
+};
+export default TabsItem;

package/lib/components/tabs/item/TabsItem.native.js

@@ -0,0 +1,72 @@
+import React, { useState, useEffect } from 'react';
+import { StyleSheet, TouchableOpacity, View } from 'react-native';
+import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
+import { TypographyBold } from '../../../objects';
+import { ComponentName } from '../../enumsComponentsName';
+import { Icon } from '../../icon';
+import { Text, TextLevels } from '../../text';
+/**
+ * Tabs Item Component
+ * @param active {boolean} active tab item
+ * @param children {ReactChild} React Child Element
+ * @param onClick onClick Event
+ * @param iconName {IconNameValues | IconName} add icon name
+ */
+const TabsItem = ({ active, children, onClick, tabIndex, iconName, inverted, disabled, ...others }) => {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const [activeItem, setActiveItem] = useState(active || false);
+    const [isPressIn, setInPressIn] = useState(false);
+    const getIconColor = React.useMemo(() => {
+        if (inverted) {
+            if (disabled)
+                return TrilogyColor.GREY_LIGHT;
+            return TrilogyColor.WHITE;
+        }
+        if (disabled)
+            return TrilogyColor.GREY;
+        if (active)
+            return TrilogyColor.SECONDARY;
+        return TrilogyColor.TERTIARY;
+    }, [inverted, disabled, active]);
+    const styles = StyleSheet.create({
+        tabsItem: {
+            marginRight: 8,
+            alignItems: 'center',
+            justifyContent: 'center',
+            ...(tabIndex === 0 && { marginLeft: 24 }),
+            padding: 8,
+            position: 'relative',
+        },
+        text: {
+            color: isPressIn && !inverted && !disabled ? getColorStyle(TrilogyColor.SECONDARY) : getColorStyle(getIconColor),
+            textAlign: 'center',
+        },
+        activeBar: {
+            height: 2,
+            backgroundColor: inverted ? getColorStyle(TrilogyColor.WHITE) : getColorStyle(TrilogyColor.SECONDARY),
+            width: '100%',
+            position: 'absolute',
+            bottom: 4,
+            borderRadius: 2,
+        },
+    });
+    useEffect(() => {
+        setActiveItem(active || false);
+    }, [active]);
+    return (React.createElement(TouchableOpacity, { activeOpacity: 1, onPressIn: () => setInPressIn(true), onPressOut: () => setInPressIn(false), style: [styles.tabsItem], onPress: (e) => {
+            if (!disabled) {
+                setActiveItem(active || false);
+                if (onClick) {
+                    onClick(e);
+                }
+            }
+        }, ...others },
+        iconName && (React.createElement(View, null,
+            React.createElement(Icon, { color: getIconColor, size: 'small', name: iconName }))),
+        children &&
+            (typeof children.valueOf() === 'string' ? (React.createElement(Text, { typo: active ? TypographyBold.TEXT_WEIGHT_SEMIBOLD : TypographyBold.TEXT_WEIGHT_NORMAL, style: styles.text, level: TextLevels.TWO }, String(children))) : (children)),
+        active && !disabled && React.createElement(View, { style: styles.activeBar })));
+};
+TabsItem.displayName = ComponentName.TabsItem;
+export default TabsItem;
+//# sourceMappingURL=TabsItem.native.js.map

package/lib/components/tabs/item/TabsItem.native.js.map

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

package/lib/components/tabs/item/TabsItemProps.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { Accessibility, Clickable } from '../../../objects';
+import { IconName, IconNameValues } from '../../icon';
+/**
+ * Tabs Item Interface
+ */
+export interface TabsItemProps extends Clickable, Accessibility {
+    children: React.ReactChild;
+    active?: boolean;
+    className?: string;
+    id?: string;
+    tabIndex?: number;
+    to?: string;
+    href?: string;
+    routerLink?: React.ElementType;
+    iconName?: IconNameValues | IconName;
+    disabled?: boolean;
+    inverted?: boolean;
+}

package/lib/components/tabs/item/TabsItemProps.js

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

package/lib/components/tabs/item/TabsItemProps.js.map

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

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

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

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

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

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

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

package/lib/components/tag/Tag.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { TagProps } from './TagProps';
+/**
+ * Tag Component
+ * @param children {ReactNode} Add childrens for tag
+ * @param variant {TagVariant} Available tag variants
+ * @param deletable {boolean} Adding delete icon
+ * @param inverted {boolean} Inverted tag
+ * @param onClick {Function} OnClick Event
+ * @param className {string} Additionnal CSS Classes
+ **/
+declare const Tag: ({ children, className, variant, deletable, onClick, inverted, small, iconName, testId, ...others }: TagProps) => JSX.Element;
+export default Tag;