@trilogy-ds/react 0.0.1-beta-131 → 0.0.1-beta-134

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

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-import { TabsProps } from './TabsProps';
-import { ComponentName } from '../../components/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
- * @param shadowless {boolean} No shadow
- * @param centered {boolean} Centered tabs
- */
-declare const Tabs: {
-    ({ children, onClick, activeIndex, inverted, ...others }: TabsProps): JSX.Element;
-    displayName: ComponentName;
-};
-export default Tabs;

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

@@ -1,70 +0,0 @@
-import { __assign, __read, __rest } from "tslib";
-import React, { useState } from 'react';
-import { ScrollView, StyleSheet } from 'react-native';
-import { Text, TextLevels } from '../../components/text';
-import TabsItem from './item';
-import { getColorStyle, TrilogyColor } from '../../objects';
-import { ComponentName } from '../../components/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
- * @param shadowless {boolean} No shadow
- * @param centered {boolean} Centered tabs
- */
-var Tabs = function (_a) {
-    var children = _a.children, onClick = _a.onClick, activeIndex = _a.activeIndex, inverted = _a.inverted, others = __rest(_a, ["children", "onClick", "activeIndex", "inverted"]);
-    var _b = __read(useState(activeIndex), 2), activateIndex = _b[0], setActivateIndex = _b[1];
-    var _c = __read(React.useState(false), 2), isIcons = _c[0], setIsIcons = _c[1];
-    var isActive = function (index, childPropsActive) {
-        if (typeof childPropsActive !== 'undefined' && !activateIndex) {
-            return childPropsActive;
-        }
-        if (index === activateIndex) {
-            return true;
-        }
-    };
-    var toggleActive = function (e, index) {
-        setActivateIndex(index);
-        if (onClick) {
-            onClick(e);
-        }
-    };
-    var styles = StyleSheet.create({
-        tabs: {
-            height: isIcons ? 64 : 48,
-            flexDirection: 'row',
-            backgroundColor: inverted ? getColorStyle(TrilogyColor.MAIN) : getColorStyle(TrilogyColor.BACKGROUND),
-        },
-    });
-    return (React.createElement(ScrollView, __assign({ horizontal: true, showsHorizontalScrollIndicator: false, style: styles.tabs }, others), children &&
-        Array.isArray(children) &&
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        children.map(function (child, index) {
-            var _a;
-            if (!isIcons && child.props.iconName)
-                setIsIcons(true);
-            var 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: function (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: function (e) { return 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=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFicy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvVGFicy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN2QyxPQUFPLEVBQUUsVUFBVSxFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUVyRCxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3BELE9BQU8sUUFBUSxNQUFNLFFBQVEsQ0FBQTtBQUM3QixPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN2RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7Ozs7Ozs7OztHQVNHO0FBQ0gsSUFBTSxJQUFJLEdBQUcsVUFBQyxFQUFrRTtJQUFoRSxJQUFBLFFBQVEsY0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLFdBQVcsaUJBQUEsRUFBRSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXJELGtEQUF1RCxDQUFGO0lBQzNELElBQUEsS0FBQSxPQUFvQyxRQUFRLENBQUMsV0FBVyxDQUFDLElBQUEsRUFBeEQsYUFBYSxRQUFBLEVBQUUsZ0JBQWdCLFFBQXlCLENBQUE7SUFDekQsSUFBQSxLQUFBLE9BQXdCLEtBQUssQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLElBQUEsRUFBNUMsT0FBTyxRQUFBLEVBQUUsVUFBVSxRQUF5QixDQUFBO0lBRW5ELElBQU0sUUFBUSxHQUFHLFVBQUMsS0FBYSxFQUFFLGdCQUFpQztRQUNoRSxJQUFJLE9BQU8sZ0JBQWdCLEtBQUssV0FBVyxJQUFJLENBQUMsYUFBYSxFQUFFO1lBQzdELE9BQU8sZ0JBQWdCLENBQUE7U0FDeEI7UUFDRCxJQUFJLEtBQUssS0FBSyxhQUFhLEVBQUU7WUFDM0IsT0FB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

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

@@ -1,65 +0,0 @@
-import { __assign, __read, __rest } from "tslib";
-import clsx from 'clsx';
-import React, { useEffect, useState } from 'react';
-import { hashClass } from '../../../helpers/hashClassesHelpers';
-import { useTrilogyContext } from '../../../context/index';
-import { Icon } from '../../../components/icon';
-/**
- * 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
- * @param disabled {boolean} disable tab item
- * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
- * @param testId {string} Test Id for Test Integration
- * @param to {string} Link
- * @param href {string} <a />
- * @param routerLink Custom Router Link as props
- */
-var TabsItem = React.forwardRef(function (props, ref) {
-    var active = props.active, children = props.children, className = props.className, onClick = props.onClick, to = props.to, href = props.href, routerLink = props.routerLink, iconName = props.iconName, disabled = props.disabled, testId = props.testId, others = __rest(props, ["active", "children", "className", "onClick", "to", "href", "routerLink", "iconName", "disabled", "testId"]);
-    var _a = __read(useState(active || false), 2), activeItem = _a[0], setActiveItem = _a[1];
-    var styled = useTrilogyContext().styled;
-    // accessibility
-    var a11y = {
-        a: {
-            'aria-selected': activeItem,
-            'data-tab-navigation': '',
-        },
-    };
-    useEffect(function () {
-        setActiveItem(active || false);
-    }, [active]);
-    var classes = hashClass(styled, clsx('tab', className, { 'is-active': activeItem }));
-    if (routerLink && (to || href)) {
-        var RouterLink = (routerLink ? routerLink : 'a');
-        return (React.createElement(RouterLink, __assign({ ref: ref, "data-testid": testId, tabIndex: 0 }, a11y.a, { to: to, href: href, className: classes }, others, { onClick: function (e) {
-                if (!disabled) {
-                    var 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", __assign({ ref: ref, "aria-disabled": disabled, disabled: disabled, className: classes, role: 'tab', "data-testid": testId }, a11y.a, others, { onClick: function (e) {
-            if (!disabled) {
-                var 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=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFic0l0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvaXRlbS9UYWJzSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFFbEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUV4Qzs7Ozs7Ozs7Ozs7OztHQWFHO0FBQ0gsSUFBTSxRQUFRLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQyxVQUFDLEtBQW9CLEVBQUUsR0FBeUI7SUFDeEUsSUFBQSxNQUFNLEdBQWdHLEtBQUssT0FBckcsRUFBRSxRQUFRLEdBQXNGLEtBQUssU0FBM0YsRUFBRSxTQUFTLEdBQTJFLEtBQUssVUFBaEYsRUFBRSxPQUFPLEdBQWtFLEtBQUssUUFBdkUsRUFBRSxFQUFFLEdBQThELEtBQUssR0FBbkUsRUFBRSxJQUFJLEdBQXdELEtBQUssS0FBN0QsRUFBRSxVQUFVLEdBQTRDLEtBQUssV0FBakQsRUFBRSxRQUFRLEdBQWtDLEtBQUssU0FBdkMsRUFBRSxRQUFRLEdBQXdCLEtBQUssU0FBN0IsRUFBRSxNQUFNLEdBQWdCLEtBQUssT0FBckIsRUFBSyxNQUFNLFVBQUssS0FBSyxFQUE3Ryw0R0FBcUcsQ0FBRixDQUFVO0lBRTdHLElBQUEsS0FBQSxPQUE4QixRQUFRLENBQVUsTUFBTSxJQUFJLEtBQUssQ0FBQyxJQUFBLEVBQS9ELFVBQVUsUUFBQSxFQUFFLGFBQWEsUUFBc0MsQ0FBQTtJQUM5RCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJ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

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

@@ -1,16 +0,0 @@
-/// <reference types="react" />
-import { TabsItemProps } from './TabsItemProps';
-import { ComponentName } from '../../../components/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
- * @param disabled {boolean} disable tab item
- */
-declare const TabsItem: {
-    ({ active, children, onClick, iconName, disabled, ...others }: TabsItemProps): JSX.Element;
-    displayName: ComponentName;
-};
-export default TabsItem;

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

@@ -1,78 +0,0 @@
-import { __assign, __read, __rest } from "tslib";
-import React, { useEffect, useState } from 'react';
-import { Animated, StyleSheet, TouchableOpacity, View } from 'react-native';
-import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
-import { ComponentName } from '../../../components/enumsComponentsName';
-import { Icon } from '../../../components/icon';
-import { Text, TextLevels } from '../../../components/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
- * @param disabled {boolean} disable tab item
- */
-var TabsItem = function (_a) {
-    var active = _a.active, children = _a.children, onClick = _a.onClick, iconName = _a.iconName, disabled = _a.disabled, others = __rest(_a, ["active", "children", "onClick", "iconName", "disabled"]);
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    var _b = __read(useState(active || false), 2), setActiveItem = _b[1];
-    var _c = __read(useState(false), 2), setInPressIn = _c[1];
-    var animatedBorderStyle = {
-        borderBottomWidth: (active && 2) || 0,
-    };
-    var getIconColor = React.useMemo(function () {
-        if (disabled)
-            return TrilogyColor.DISABLED;
-        if (active)
-            return TrilogyColor.MAIN;
-        return TrilogyColor.MAIN;
-    }, [disabled, active]);
-    var getBorderColor = React.useMemo(function () {
-        if (disabled)
-            return 'transparent';
-        if (active)
-            return getColorStyle(TrilogyColor.MAIN);
-        return 'transparent';
-    }, [disabled, active]);
-    var styles = StyleSheet.create({
-        tabsItem: {
-            alignItems: 'center',
-            justifyContent: 'center',
-            paddingVertical: 6,
-            paddingHorizontal: 14,
-            position: 'relative',
-            height: iconName ? 60 : 44,
-        },
-        text: {
-            color: getColorStyle(getIconColor),
-            textAlign: 'center',
-        },
-        border: {
-            position: 'absolute',
-            bottom: 0,
-            left: 0,
-            right: 0,
-            borderBottomColor: getBorderColor,
-        },
-    });
-    useEffect(function () {
-        setActiveItem(active || false);
-    }, [active]);
-    return (React.createElement(TouchableOpacity, __assign({ activeOpacity: 1, onPressIn: function () { return setInPressIn(true); }, onPressOut: function () { return setInPressIn(false); }, style: [styles.tabsItem], onPress: function (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, { style: styles.text, level: TextLevels.TWO }, String(children))) : (children)),
-        React.createElement(Animated.View, { style: [styles.border, animatedBorderStyle] })));
-};
-TabsItem.displayName = ComponentName.TabsItem;
-export default TabsItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFic0l0ZW0ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJzL2l0ZW0vVGFic0l0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2xELE9BQU8sRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUzRSxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUVwRDs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxRQUFRLEdBQUcsVUFBQyxFQUEyRTtJQUF6RSxJQUFBLE1BQU0sWUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBMUQseURBQTRELENBQUY7SUFDMUUsNkRBQTZEO0lBQ3ZELElBQUEsS0FBQSxPQUFvQixRQUFRLENBQVUsTUFBTSxJQUFJLEtBQUssQ0FBQyxJQUFBLEVBQW5ELGFBQWEsUUFBc0MsQ0FBQTtJQUN0RCxJQUFBLEtBQUEsT0FBbUIsUUFBUSxDQUFVLEtBQUssQ0FBQyxJQUFBLEVBQXhDLFlBQVksUUFBNEIsQ0FBQTtJQUVqRCxJQUFNLG1CQUFtQixHQUFHO1FBQzFCLGlCQUFpQixFQUFFLENBQUMsTUFBTSxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUM7S0FDdEMsQ0FBQTtJQUVELElBQU0sWUFBWSxHQUFHLEtB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

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

@@ -1,16 +0,0 @@
-/// <reference types="react" />
-import { IconName, IconNameValues } from '../../../components/icon';
-import { Accessibility, Clickable, Dev } from '../../../objects';
-import { CommonProps } from '../../../objects/facets/CommonProps';
-/**
- * Tabs Item Interface
- */
-export interface TabsItemProps extends Clickable, Accessibility, Dev, CommonProps {
-    children: React.ReactNode;
-    active?: boolean;
-    to?: string;
-    href?: string;
-    routerLink?: React.ElementType;
-    iconName?: IconNameValues | IconName;
-    disabled?: boolean;
-}

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

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

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

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

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

@@ -1,3 +0,0 @@
-import TabItem from './TabsItem';
-export default TabItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvaXRlbS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE9BQU8sTUFBTSxZQUFZLENBQUE7QUFFaEMsZUFBZSxPQUFPLENBQUEifQ==