@trilogy-ds/react 0.0.1-beta-149 → 0.0.1-beta-151

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

@@ -1,87 +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, inverted = _a.inverted, disabled = _a.disabled, others = __rest(_a, ["active", "children", "onClick", "iconName", "inverted", "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 (inverted) {
-            if (disabled)
-                return TrilogyColor.NEUTRAL_FADE;
-            return TrilogyColor.BACKGROUND;
-        }
-        if (disabled)
-            return TrilogyColor.DISABLED;
-        if (active)
-            return TrilogyColor.MAIN;
-        return TrilogyColor.MAIN;
-    }, [inverted, disabled, active]);
-    var getBorderColor = React.useMemo(function () {
-        if (disabled)
-            return "transparent";
-        if (inverted) {
-            if (active)
-                return getColorStyle(TrilogyColor.BACKGROUND);
-        }
-        if (active)
-            return getColorStyle(TrilogyColor.MAIN);
-        return "transparent";
-    }, [inverted, 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFic0l0ZW0ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJzL2l0ZW0vVGFic0l0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2xELE9BQU8sRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUzRSxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUVwRDs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxRQUFRLEdBQUcsVUFBQyxFQVFnQjtJQVBkLElBQUEsTUFBTSxZQUFBLEVBQ04sUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1AsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ0wsTUFBTSxjQVBYLHFFQVFDLENBRFU7SUFFM0IsNkRBQTZEO0lBQ3ZELElBQUEsS0FBQSxPQUFvQixRQUFRLENBQVUsTUFBTSxJQUFJLEtBQUssQ0FBQyxJQUFBLEVBQW5ELGFBQWEsUUFBc0MsQ0FBQTtJQUN0RCxJQUFBLEtBQUEsT0FBbUIsUUFBUSxDQUFVLEtBQUssQ0FBQyxJQUFBLEVBQXhDLFlBQVksUUFBNEIsQ0FBQTtJQUVqRCxJQUFNLG1CQUFtQixHQUFHO1FBQzFCLGlCQUFpQixFQUFFLE1BQU0sSUFBSSxDQUFDLElBQUksQ0FBQztLQUNwQyxDQUFBO0lBRUQsSUFBTSxZQUFZLEdBQUcs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

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

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-import { IconName, IconNameValues } from '../../../components/icon';
-import { Accessibility, Clickable, Dev } from '../../../objects';
-/**
- * Tabs Item Interface
- */
-export interface TabsItemProps extends Clickable, Accessibility, Dev {
-    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

@@ -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==