@trilogy-ds/react 0.0.1-beta-123 → 0.0.1-beta-126

package/lib/components/selector/item/SelectorItem.native.js

@@ -1,95 +0,0 @@
-import { __assign, __read, __rest } from "tslib";
-import React, { useEffect, useState } from "react";
-import { StyleSheet, TouchableOpacity, View } from "react-native";
-import { Text, TextLevels } from "../../../components/text";
-import { getColorStyle, TrilogyColor } from "../../../objects/facets/Color";
-import { Spacer, SpacerSize } from "../../../components/spacer";
-/**
- * Selector Item Component
- * @param active {boolean} active tab item
- * @param children {ReactChild} React Child Element
- * @param onClick onClick Event
- * @param inverted {boolean} change style to inverted item
- * @param end {boolean} Change last SelectorItem style to SECONDAY color
- * @param accessibilityLabel {string} Accessibility label
- * @param accessibilityActivate {boolean}
- * @param testId {string} Test Id for Test Integration
- * @param selectorIndex {number} index of selector item
- */
-var SelectorItem = function (_a) {
-    var active = _a.active, children = _a.children, onClick = _a.onClick, inverted = _a.inverted, end = _a.end, selectorIndex = _a.selectorIndex, testId = _a.testId, accessibilityLabel = _a.accessibilityLabel, _b = _a.accessibilityActivate, accessibilityActivate = _b === void 0 ? true : _b, others = __rest(_a, ["active", "children", "onClick", "inverted", "end", "selectorIndex", "testId", "accessibilityLabel", "accessibilityActivate"]);
-    var _c = __read(useState(active || false), 2), activeItem = _c[0], setActiveItem = _c[1];
-    var styles = StyleSheet.create({
-        selectorItem: {
-            flexDirection: "row",
-            justifyContent: "center",
-            alignItems: "center",
-            flex: 1,
-            minWidth: 75,
-            borderRadius: 16,
-            paddingLeft: 16,
-            paddingRight: 16,
-            paddingTop: 7,
-            paddingBottom: 7,
-            backgroundColor: "transparent",
-            borderColor: inverted
-                ? getColorStyle(TrilogyColor.BACKGROUND)
-                : getColorStyle(TrilogyColor.MAIN),
-            borderWidth: 1,
-        },
-        text: {
-            color: activeItem
-                ? getColorStyle(TrilogyColor.BACKGROUND)
-                : getColorStyle(TrilogyColor.MAIN),
-            textAlign: "center",
-        },
-        invertedText: {
-            color: activeItem
-                ? getColorStyle(TrilogyColor.MAIN)
-                : getColorStyle(TrilogyColor.BACKGROUND),
-            textAlign: "center",
-        },
-        active: {
-            backgroundColor: inverted
-                ? getColorStyle(TrilogyColor.BACKGROUND)
-                : getColorStyle(TrilogyColor.MAIN),
-            borderColor: inverted
-                ? getColorStyle(TrilogyColor.MAIN)
-                : getColorStyle(TrilogyColor.BACKGROUND),
-        },
-        end: {
-            backgroundColor: getColorStyle(TrilogyColor.BACKGROUND),
-            borderColor: getColorStyle(TrilogyColor.INFO),
-        },
-        endText: {
-            color: getColorStyle(TrilogyColor.INFO),
-            textAlign: "center",
-        },
-        firstItem: {
-            marginLeft: 15,
-        },
-    });
-    useEffect(function () {
-        setActiveItem(active || false);
-    }, [active]);
-    return (React.createElement(React.Fragment, null,
-        selectorIndex === 0 && React.createElement(View, { style: styles.firstItem }),
-        React.createElement(TouchableOpacity, __assign({ testID: testId, accessibilityLabel: accessibilityLabel, accessible: accessibilityActivate, style: [
-                styles.selectorItem,
-                activeItem && styles.active,
-                end && styles.end,
-            ], onPress: function (e) {
-                setActiveItem(active || false);
-                if (onClick) {
-                    onClick(e);
-                }
-            } }, others), children && typeof children.valueOf() === "string" && (React.createElement(Text, { style: end
-                ? styles.endText
-                : inverted
-                    ? styles.invertedText
-                    : styles.text, level: TextLevels.TWO }, String(children)))),
-        React.createElement(Spacer, { horizontal: true, size: SpacerSize.TWO })));
-};
-SelectorItem.displayName = "SelectorItem";
-export default SelectorItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0b3JJdGVtLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvc2VsZWN0b3IvaXRlbS9TZWxlY3Rvckl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2xELE9BQU8sRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRWpFLE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDcEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBRXhEOzs7Ozs7Ozs7OztHQVdHO0FBQ0gsSUFBTSxZQUFZLEdBQUcsVUFBQyxFQVdvQjtJQVZsQixJQUFBLE1BQU0sWUFBQSxFQUNOLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLFFBQVEsY0FBQSxFQUNSLEdBQUcsU0FBQSxFQUNILGFBQWEsbUJBQUEsRUFDYixNQUFNLFlBQUEsRUFDTixrQkFBa0Isd0JBQUEsRUFDbEIsNkJBQTRCLEVBQTVCLHFCQUFxQixtQkFBRyxJQUFJLEtBQUEsRUFDekIsTUFBTSxjQVZYLDhIQVdDLENBRFU7SUFFekIsSUFBQSxLQUFBLE9BQThCLFFBQVEsQ0FBVSxNQUFNLElBQUksS0FBSyxDQUFDLElBQUEsRUFBL0QsVUFBVSxRQUFBLEVBQUUsYUFBYSxRQUFzQyxDQUFBO0lBRXRFLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsWUFBWSxFQUFFO1lBQ1osYUFBYSxFQUFFLEtBQUs7WUFDcEIsY0FBYyxFQUFFLFFBQVE7WUFDeEIsVUFBVSxFQUFFLFFBQVE7WUFDcEIsSUFBSSxFQUFFLENBQUM7WUFDUCxRQUFRLEVBQUUsRUFBRTtZQUNaLFlBQVksRUFBRSxFQUFFO1lBQ2hCLFdBQVcsRUFBRSxFQUFFO1lBQ2YsWUFBWSxFQUFFLEVBQUU7WUFDaEIsVUFBVSxFQUFFLENBQUM7WUFDYixhQUFhLEVBQUUsQ0FBQztZQUNoQixlQUFlLEVBQUUsYUFBYTtZQUM5QixXQUFXLEVBQUUsUUFBUTtnQkFDbkIsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQUMsVUFBVSxDQUFDO2dCQUN4QyxDQUFDLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUM7WUFDcEMsV0FBVyxFQUFFLENBQUM7U0FDZjtRQUNELElBQUksRUFBRTtZQUNKLEtBQUssRUFBRSxVQUFVO2dCQUNmLENBQUMsQ0FBQyxhQUFhLENBQUMsWUFBWSxDQUFDLFVBQVUsQ0FBQztnQkFDeEMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDO1lBQ3BDLFNBQVMsRUFBRSxRQUFRO1NBQ3BCO1FBQ0QsWUFBWSxFQUFFO1lBQ1osS0FBSyxFQUFFLFVBQVU7Z0JBQ2YsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDO2dCQUNsQyxDQUFDLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQyxVQUFVLENBQUM7WUFDMUMsU0FBUyxFQUFFLFFBQVE7U0FDcEI7UUFDRCxNQUFNLEVBQUU7WUFDTixlQUFlLEVBQUUsUUFBUTtnQkFDdkIsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQUMsVUFBVSxDQUFDO2dCQUN4QyxDQUFDLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUM7WUFDcEMsV0FBVyxFQUFFLFFBQVE7Z0JBQ25CLENBQUMsQ0FBQyxhQUFhLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQztnQkFDbEMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQUMsVUFBVSxDQUFDO1NBQzNDO1FBQ0QsR0FBRyxFQUFFO1lBQ0gsZUFBZSxFQUFFLGFBQWEsQ0FBQyxZQUFZLENBQUMsVUFBVSxDQUFDO1lBQ3ZELFdBQVcsRUFBRSxhQUFhLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQztTQUM5QztRQUNELE9BQU8sRUFBRTtZQUNQLEtBQUssRUFBRSxhQUFhLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQztZQUN2QyxTQUFTLEVBQUUsUUFBUTtTQUNwQjtRQUNELFNBQVMsRUFBRTtZQUNULFVBQVUsRUFBRSxFQUFFO1NBQ2Y7S0FDRixDQUFDLENBQUE7SUFFRixTQUFTLENBQUM7UUFDUixhQUFhLENBQUMsTUFBTSxJQUFJLEtBQUssQ0FBQyxDQUFBO0lBQ2hDLENBQUMsRUFBRSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUE7SUFFWixPQUFPLENBQ0w7UUFDRyxhQUFhLEtBQUssQ0FBQyxJQUFJLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLFNBQVMsR0FBSTtRQUN6RCxvQkFBQyxnQkFBZ0IsYUFDZixNQUFNLEVBQUUsTUFBTSxFQUNkLGtCQUFrQixFQUFFLGtCQUFrQixFQUN0QyxVQUFVLEVBQUUscUJBQXFCLEVBQ2pDLEtBQUssRUFBRTtnQkFDTCxNQUFNLENBQUMsWUFBWTtnQkFDbkIsVUFBVSxJQUFJLE1BQU0sQ0FBQyxNQUFNO2dCQUMzQixHQUFHLElBQUksTUFBTSxDQUFDLEdBQUc7YUFDbEIsRUFDRCxPQUFPLEVBQUUsVUFBQyxDQUFXO2dCQUNuQixhQUFhLENBQUMsTUFBTSxJQUFJLEtBQUssQ0FBQyxDQUFBO2dCQUM5QixJQUFJLE9BQU8sRUFBRTtvQkFDWCxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUE7aUJBQ1g7WUFDSCxDQUFDLElBQ0csTUFBTSxHQUVULFFBQVEsSUFBSSxPQUFPLFFBQVEsQ0FBQyxPQUFPLEVBQUUsS0FBSyxRQUFRLElBQUksQ0FDckQsb0JBQUMsSUFBSSxJQUNILEtBQUssRUFDSCxHQUFHO2dCQUNELENBQUMsQ0FBQyxNQUFNLENBQUMsT0FBTztnQkFDaEIsQ0FBQyxDQUFDLFFBQVE7b0JBQ1IsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxZQUFZO29CQUNyQixDQUFDLENBQUMsTUFBTSxDQUFDLElBQUksRUFFbkIsS0FBSyxFQUFFLFVBQVUsQ0FBQyxHQUFHLElBRXBCLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FDWixDQUNSLENBQ2dCO1FBQ25CLG9CQUFDLE1BQU0sSUFBQyxVQUFVLFFBQUMsSUFBSSxFQUFFLFVBQVUsQ0FBQyxHQUFHLEdBQUksQ0FDMUMsQ0FDSixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsWUFBWSxDQUFDLFdBQVcsR0FBRyxjQUFjLENBQUE7QUFFekMsZUFBZSxZQUFZLENBQUEifQ==

package/lib/components/selector/item/SelectorItemProps.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import { Accessibility, Clickable } from '../../../objects';
-/**
- * Selector Item Interface
- */
-export interface SelectorItemProps extends Clickable, Accessibility {
-    children: React.ReactChild;
-    active?: boolean;
-    className?: string;
-    id?: string;
-    inverted?: boolean;
-    end?: boolean;
-    selectorIndex?: number;
-}

package/lib/components/selector/item/SelectorItemProps.js

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

package/lib/components/selector/item/SelectorItemPropsDefaults.js

@@ -1,84 +0,0 @@
-export default {
-  "children": {
-    "type": "react",
-    "values": [
-      "string",
-      "number",
-      "JSXElementConstructor<any>>"
-    ]
-  },
-  "active": {
-    "type": "boolean",
-    "values": [
-      "undefined",
-      "false",
-      "true"
-    ]
-  },
-  "className": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "id": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "inverted": {
-    "type": "boolean",
-    "values": [
-      "undefined",
-      "false",
-      "true"
-    ]
-  },
-  "end": {
-    "type": "boolean",
-    "values": [
-      "undefined",
-      "false",
-      "true"
-    ]
-  },
-  "selectorIndex": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "number"
-    ]
-  },
-  "onClick": {
-    "type": "function",
-    "values": [
-      "undefined",
-      "ClickEvent"
-    ]
-  },
-  "testId": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "accessibilityLabel": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "accessibilityActivate": {
-    "type": "boolean",
-    "values": [
-      "undefined",
-      "false",
-      "true"
-    ]
-  }
-};

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

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

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

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