@trilogy-ds/react 0.0.1-beta-4 → 0.0.1-beta-54

package/lib/components/notification/NotificationProps.js.map

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

package/lib/components/notification/deletable/DeletableNotification.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { DeletableNotificationProps } from './DeletableNotificationProps';
-/**
- * Deletable Notification
- * @param iconName {IconName} Icon Name Type
- * @param title {string} Deletable notification title
- * @param deletable {ClickEvent} Click event
- * @param read {boolean} If notification has been read
- */
-declare const DeletableNotification: ({ iconName, title, deletable, read }: DeletableNotificationProps) => JSX.Element;
-export default DeletableNotification;

package/lib/components/notification/deletable/DeletableNotification.js

@@ -1,15 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-import React from 'react';
-/**
- * Deletable Notification
- * @param iconName {IconName} Icon Name Type
- * @param title {string} Deletable notification title
- * @param deletable {ClickEvent} Click event
- * @param read {boolean} If notification has been read
- */
-const DeletableNotification = ({ iconName, title, deletable, read }) => {
-    // eslint-disable-next-line react/jsx-no-useless-fragment
-    return React.createElement(React.Fragment, null);
-};
-export default DeletableNotification;
-//# sourceMappingURL=DeletableNotification.js.map

package/lib/components/notification/deletable/DeletableNotification.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DeletableNotification.js","sourceRoot":"","sources":["../../../../components/notification/deletable/DeletableNotification.tsx"],"names":[],"mappings":"AAAA,sDAAsD;AACtD,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB;;;;;;GAMG;AACH,MAAM,qBAAqB,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAA8B,EAAe,EAAE;IAC9G,yDAAyD;IACzD,OAAO,yCAAK,CAAA;AACd,CAAC,CAAA;AAED,eAAe,qBAAqB,CAAA"}

package/lib/components/notification/deletable/DeletableNotification.native.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import { DeletableNotificationProps } from './DeletableNotificationProps';
-import { ComponentName } from '../../enumsComponentsName';
-/**
- * Deletable Notification
- * @param iconName {IconName} Icon Name Type
- * @param title {string} Deletable notification title
- * @param deletable {ClickEvent | boolean} Click event, pass true if you want deletable style without swipe
- * @param read {boolean} If notification has been read
- */
-declare const DeletableNotification: {
-    ({ iconName, title, deletable, read }: DeletableNotificationProps): JSX.Element;
-    displayName: ComponentName;
-};
-export default DeletableNotification;

package/lib/components/notification/deletable/DeletableNotification.native.js

@@ -1,119 +0,0 @@
-import React from 'react';
-import { Animated, StyleSheet, TouchableOpacity } from 'react-native';
-import { View } from '../../view';
-import { getColorStyle, TrilogyColor } from '../../../objects';
-import { Columns, ColumnsItem } from '../../columns';
-import { Icon, IconColor, IconName, IconSize } from '../../icon';
-import { Text, TextLevels } from '../../text';
-import Swipeable from 'react-native-gesture-handler/Swipeable';
-import { ComponentName } from '../../enumsComponentsName';
-/**
- * Deletable Notification
- * @param iconName {IconName} Icon Name Type
- * @param title {string} Deletable notification title
- * @param deletable {ClickEvent | boolean} Click event, pass true if you want deletable style without swipe
- * @param read {boolean} If notification has been read
- */
-const DeletableNotification = ({ iconName, title, deletable, read }) => {
-    const backgroundColor = getColorStyle(TrilogyColor.WHITE);
-    const styles = StyleSheet.create({
-        notification: {
-            paddingTop: 0,
-            paddingLeft: 12,
-            paddingRight: 12,
-            alignItems: 'center',
-            justifyContent: 'center',
-        },
-        shadow: {
-            shadowColor: '#000',
-            shadowOffset: {
-                width: 0,
-                height: 1,
-            },
-            shadowOpacity: 0.33,
-            shadowRadius: 2.22,
-            elevation: 1,
-        },
-        deletableContainer: {
-            width: '100%',
-            paddingTop: 20,
-            paddingBottom: 20,
-            borderRadius: 12,
-            backgroundColor: !read ? '#F2FAFB' : backgroundColor,
-            paddingLeft: 5,
-            paddingRight: 5,
-            alignItems: 'center',
-            justifyContent: 'center',
-        },
-        badge: {
-            alignSelf: 'center',
-            width: 10,
-            height: 10,
-            marginRight: 8,
-            marginLeft: 8,
-            backgroundColor: getColorStyle(TrilogyColor.ERROR),
-            borderRadius: 30,
-            justifyContent: 'center',
-            alignItems: 'center',
-        },
-        swipeInfo: {
-            backgroundColor: '#eeeeee',
-            width: 2,
-            height: 20,
-            borderRadius: 6,
-            alignSelf: 'flex-end',
-            marginLeft: !read ? 0 : 26,
-        },
-        rightAction: {
-            justifyContent: 'center',
-            flex: 1,
-            alignItems: 'flex-end',
-            paddingLeft: 16,
-            paddingRight: 4,
-        },
-        circled: {
-            width: 60,
-            height: 60,
-            backgroundColor: 'red',
-            borderRadius: 60,
-            justifyContent: 'center',
-            alignItems: 'flex-end',
-            margin: 4,
-        },
-    });
-    const RightActions = ({ dragX, onPress }) => {
-        const scale = dragX.interpolate({
-            inputRange: [-100, 0],
-            outputRange: [1.5, 0.9],
-            extrapolate: 'clamp',
-        });
-        return (React.createElement(TouchableOpacity, { onPress: onPress },
-            React.createElement(Animated.View, { style: [styles.rightAction, { transform: [{ scale }] }] },
-                React.createElement(Icon, { backgroundColor: TrilogyColor.ERROR, color: IconColor.WHITE, size: IconSize.SMALL, circled: true, name: IconName.TRASH }))));
-    };
-    const rightActionTrigger = (progress, onPress) => {
-        if (Number(JSON.stringify(progress)) > 4) {
-            onPress(null);
-        }
-    };
-    const notification = (React.createElement(View, { style: [styles.deletableContainer] },
-        React.createElement(View, { style: styles.notification },
-            React.createElement(Columns, null,
-                React.createElement(ColumnsItem, { verticalCenter: true, size: 2 },
-                    React.createElement(Icon, { backgroundColor: TrilogyColor.TERTIARY, color: IconColor.WHITE, size: IconSize.SMALL, circled: true, name: iconName ? iconName : IconName.BELL })),
-                title && (React.createElement(ColumnsItem, { verticalCenter: true, size: 12 },
-                    React.createElement(Text, { style: { color: getColorStyle(TrilogyColor.TERTIARY) }, level: TextLevels.TWO }, title))),
-                React.createElement(ColumnsItem, { verticalCenter: true, size: 1 },
-                    React.createElement(View, { style: { flexDirection: 'row' } },
-                        !read ? React.createElement(View, { style: styles.badge }) : null,
-                        typeof deletable !== 'boolean' && React.createElement(View, { style: styles.swipeInfo })))))));
-    return typeof deletable !== 'boolean' ? (React.createElement(Swipeable, { renderRightActions: (progress, dragX) => {
-            rightActionTrigger(progress, deletable);
-            return (React.createElement(View, null,
-                React.createElement(RightActions, { dragX: dragX, onPress: deletable }),
-                notification));
-        } })) : (notification);
-};
-DeletableNotification.displayName = ComponentName.DeletableNotification;
-export default DeletableNotification;
-//# sourceMappingURL=DeletableNotification.native.js.map

package/lib/components/notification/deletable/DeletableNotification.native.js.map

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

package/lib/components/notification/deletable/DeletableNotificationProps.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import { ClickEvent } from '../../../events/OnClickEvent';
-import { AlertProps } from '../../../objects/facets';
-import { IconName, IconNameValues } from '../../icon/IconNameEnum';
-/**
- * Deletable Notification Interface
- */
-export interface DeletableNotificationProps extends AlertProps {
-    iconName?: IconName | IconNameValues;
-    title?: string | React.ReactNode;
-    deletable: ClickEvent | boolean;
-    read?: boolean;
-}

package/lib/components/notification/deletable/DeletableNotificationProps.js

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

package/lib/components/notification/deletable/DeletableNotificationProps.js.map

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

package/lib/components/notification/deletable/index.d.ts

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

package/lib/components/notification/deletable/index.js

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

package/lib/components/notification/deletable/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/notification/deletable/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,MAAM,yBAAyB,CAAA;AAE3D,eAAe,qBAAqB,CAAA"}

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

@@ -1,2 +0,0 @@
-import Notification from './Notification';
-export { Notification };

package/lib/components/notification/index.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/notification/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,gBAAgB,CAAA;AAEzC,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/lib/components/options/Options.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { OptionsProps } from './OptionsProps';
-/**
- * Options Component
- * @param className {string} Additionnal CSS Classes
- * @param inverted {boolean} Inverted options
- * @param children {React.ReactNode}
- */
-declare const Options: ({ className, inverted, testId, ...others }: OptionsProps) => JSX.Element;
-export default Options;

package/lib/components/options/Options.js

@@ -1,18 +0,0 @@
-import React from 'react';
-import { is } from '../../services';
-import { hashClass } from '../../helpers';
-import clsx from 'clsx';
-import { useTrilogyContext } from '../../context';
-/**
- * Options Component
- * @param className {string} Additionnal CSS Classes
- * @param inverted {boolean} Inverted options
- * @param children {React.ReactNode}
- */
-const Options = ({ className, inverted, testId, ...others }) => {
-    const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, clsx('options', inverted && is('inverted'), className));
-    return React.createElement("div", { "data-testid": testId, className: classes, ...others });
-};
-export default Options;
-//# sourceMappingURL=Options.js.map

package/lib/components/options/Options.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Options.js","sourceRoot":"","sources":["../../../components/options/Options.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEjD;;;;;GAKG;AACH,MAAM,OAAO,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,MAAM,EAAgB,EAAe,EAAE;IACxF,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,SAAS,EAAE,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAAE,SAAS,CAAC,CAAC,CAAA;IACzF,OAAO,4CAAkB,MAAM,EAAE,SAAS,EAAE,OAAO,KAAM,MAAM,GAAI,CAAA;AACrE,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}

package/lib/components/options/Options.native.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { OptionsProps } from './OptionsProps';
-import { ComponentName } from '../enumsComponentsName';
-/**
- * Options Component
- * @param children {React.ReactNode} Children for Options
- */
-declare const Options: {
-    ({ children }: OptionsProps): JSX.Element;
-    displayName: ComponentName;
-};
-export default Options;

package/lib/components/options/Options.native.js

@@ -1,19 +0,0 @@
-import React from 'react';
-import { StyleSheet, View } from 'react-native';
-import { ComponentName } from '../enumsComponentsName';
-/**
- * Options Component
- * @param children {React.ReactNode} Children for Options
- */
-const Options = ({ children }) => {
-    const styles = StyleSheet.create({
-        options: {
-            flexDirection: 'row',
-            width: '100%',
-        },
-    });
-    return React.createElement(View, { style: styles.options }, children);
-};
-Options.displayName = ComponentName.Options;
-export default Options;
-//# sourceMappingURL=Options.native.js.map

package/lib/components/options/Options.native.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Options.native.js","sourceRoot":"","sources":["../../../components/options/Options.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE/C,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AAEtD;;;GAGG;AACH,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAgB,EAAe,EAAE;IAC1D,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,OAAO,EAAE;YACP,aAAa,EAAE,KAAK;YACpB,KAAK,EAAE,MAAM;SACd;KACF,CAAC,CAAA;IAEF,OAAO,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,IAAG,QAAQ,CAAQ,CAAA;AACvD,CAAC,CAAA;AAED,OAAO,CAAC,WAAW,GAAG,aAAa,CAAC,OAAO,CAAA;AAE3C,eAAe,OAAO,CAAA"}

package/lib/components/options/OptionsEnum.d.ts

@@ -1,5 +0,0 @@
-export declare enum OptionsItemVariant {
-    ICON = "icon",
-    MULTILINE = "multiline"
-}
-export type OptionsItemVariantValues = `${OptionsItemVariant}`;

package/lib/components/options/OptionsEnum.js

@@ -1,6 +0,0 @@
-export var OptionsItemVariant;
-(function (OptionsItemVariant) {
-    OptionsItemVariant["ICON"] = "icon";
-    OptionsItemVariant["MULTILINE"] = "multiline";
-})(OptionsItemVariant || (OptionsItemVariant = {}));
-//# sourceMappingURL=OptionsEnum.js.map

package/lib/components/options/OptionsEnum.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"OptionsEnum.js","sourceRoot":"","sources":["../../../components/options/OptionsEnum.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,kBAGX;AAHD,WAAY,kBAAkB;IAC5B,mCAAa,CAAA;IACb,6CAAuB,CAAA;AACzB,CAAC,EAHW,kBAAkB,KAAlB,kBAAkB,QAG7B"}

package/lib/components/options/OptionsProps.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { Invertable } from '../../objects/facets/Invertable';
-import { Accessibility } from '../../objects';
-/**
- * Options Interface
- */
-export interface OptionsProps extends Invertable, Accessibility {
-    children?: React.ReactNode;
-    className?: string;
-}

package/lib/components/options/OptionsProps.js

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

package/lib/components/options/OptionsProps.js.map

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

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

@@ -1,4 +0,0 @@
-import Options from './Options';
-import OptionsItem from './item';
-export * from './OptionsEnum';
-export { Options, OptionsItem };

package/lib/components/options/index.js

@@ -1,5 +0,0 @@
-import Options from './Options';
-import OptionsItem from './item';
-export * from './OptionsEnum';
-export { Options, OptionsItem };
-//# sourceMappingURL=index.js.map

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

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

package/lib/components/options/item/OptionsItem.d.ts

@@ -1,21 +0,0 @@
-/// <reference types="react" />
-import { OptionsItemProps } from './OptionsItemProps';
-/**
- * Options Item Component
- * @param id {string} Id for Options Item - Default id generated by default
- * @param className {string} Additionnal CSS Classes
- * @param variant {OptionsItemVariant} Variant for OptionsItem (ICON|MULTILINE)
- * @param iconName {IconName} Custom icon
- * @param description {String} Optional description for "multiline" label
- * @param disabled {boolean} Disabled Options Item
- * @param name {string} Options Item name
- * @param value {string} Value for options item
- * @param checked {boolean} Checked options item
- * @param label {string} Label for options item
- * @param readonly {boolean} readonly options item
- * @param onChange {onChange} onChange Event
- * @param onClick {onClick} onClick Event
- * @param children {React.ReactNode}
- */
-declare const OptionsItem: ({ id, className, disabled, variant, iconName, description, name, value, checked, label, readonly, onChange, onClick, testId, ...others }: OptionsItemProps) => JSX.Element;
-export default OptionsItem;

package/lib/components/options/item/OptionsItem.js

@@ -1,71 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import { Icon } from '../../icon';
-import { has, is } from '../../../services/classify';
-import shortid from 'shortid';
-import { OptionsItemVariant } from '../OptionsEnum';
-import { Text, TextMarkup } from '../../text';
-import { hashClass } from '../../../helpers';
-import clsx from 'clsx';
-import { useTrilogyContext } from '../../../context';
-/**
- * Options Item Component
- * @param id {string} Id for Options Item - Default id generated by default
- * @param className {string} Additionnal CSS Classes
- * @param variant {OptionsItemVariant} Variant for OptionsItem (ICON|MULTILINE)
- * @param iconName {IconName} Custom icon
- * @param description {String} Optional description for "multiline" label
- * @param disabled {boolean} Disabled Options Item
- * @param name {string} Options Item name
- * @param value {string} Value for options item
- * @param checked {boolean} Checked options item
- * @param label {string} Label for options item
- * @param readonly {boolean} readonly options item
- * @param onChange {onChange} onChange Event
- * @param onClick {onClick} onClick Event
- * @param children {React.ReactNode}
- */
-const OptionsItem = ({ id = shortid.generate(), className, disabled, variant, iconName, description, name, value, checked, label, readonly, onChange, onClick, testId, ...others }) => {
-    const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, clsx('field', variant && variant === OptionsItemVariant.ICON ? has(`${variant}`) : is(`${variant}`), className));
-    const [_checked, setChecked] = useState(Boolean(checked) || false);
-    const multilineClass = hashClass(styled, clsx(variant && variant == OptionsItemVariant.MULTILINE ? 'is-descriptive' : ''));
-    useEffect(() => {
-        if (!readonly) {
-            setChecked(checked || false);
-        }
-    }, [readonly, checked]);
-    return (React.createElement("div", { className: classes, ...others },
-        React.createElement("div", { className: hashClass(styled, clsx('control')) },
-            React.createElement("input", { type: 'radio', id: id, "data-testid": testId, name: name, value: value, disabled: disabled, checked: readonly ? checked : _checked, onChange: (e) => {
-                    return e;
-                }, onClick: (e) => {
-                    e.stopPropagation();
-                    const target = e.target;
-                    if (!readonly && target.checked !== undefined) {
-                        setChecked(target.checked);
-                    }
-                    target.value = value || '';
-                    if (onChange) {
-                        onChange({
-                            optionId: target.id,
-                            optionValue: target.value,
-                            optionName: target.name,
-                            optionChecked: target.checked,
-                        });
-                    }
-                    if (onClick) {
-                        onClick({
-                            optionId: target.id,
-                            optionValue: target.value,
-                            optionName: target.name,
-                            optionChecked: target.checked,
-                        });
-                    }
-                } }),
-            React.createElement("label", { htmlFor: id, className: multilineClass },
-                label,
-                variant && iconName && React.createElement(Icon, { name: iconName, ...others }),
-                variant && variant == OptionsItemVariant.MULTILINE && description && (React.createElement(Text, { markup: TextMarkup.SPAN }, description))))));
-};
-export default OptionsItem;
-//# sourceMappingURL=OptionsItem.js.map

package/lib/components/options/item/OptionsItem.js.map

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

package/lib/components/options/item/OptionsItem.native.d.ts

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-import { OptionsItemProps } from './OptionsItemProps';
-import { ComponentName } from '../../enumsComponentsName';
-/**
- * Options Item Component
- * @param id {string} Id for Options Item - Default id generated by default
- * @param disabled {boolean} Disabled Options Item
- * @param name {string} Options Item name
- * @param value {string} Value for options item
- * @param checked {boolean} Checked options item
- * @param label {string} Label for options item
- * @param readonly {boolean} readonly options item
- * @param onChange {onChange} onChange Event
- * @param children {React.ReactNode}
- * @param onClick {onClick} onClick Event
- * @param description {String} Optional description for "multiline" label
- */
-declare const OptionsItem: {
-    ({ id, disabled, name, value, checked, iconName, label, readonly, onClick, onChange, variant, description, ...others }: OptionsItemProps): JSX.Element;
-    displayName: ComponentName;
-};
-export default OptionsItem;

package/lib/components/options/item/OptionsItem.native.js

@@ -1,150 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import { StyleSheet, TouchableOpacity, View } from 'react-native';
-import shortid from 'shortid';
-import { Text } from '../../text';
-import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
-import { OptionsItemVariant } from '../OptionsEnum';
-import { Icon, IconName, IconSize } from '../../icon';
-import { Spacer, SpacerSize } from '../../spacer';
-import { ComponentName } from '../../enumsComponentsName';
-/**
- * Options Item Component
- * @param id {string} Id for Options Item - Default id generated by default
- * @param disabled {boolean} Disabled Options Item
- * @param name {string} Options Item name
- * @param value {string} Value for options item
- * @param checked {boolean} Checked options item
- * @param label {string} Label for options item
- * @param readonly {boolean} readonly options item
- * @param onChange {onChange} onChange Event
- * @param children {React.ReactNode}
- * @param onClick {onClick} onClick Event
- * @param description {String} Optional description for "multiline" label
- */
-const OptionsItem = ({ id = shortid.generate(), disabled, name, value, checked, iconName, label, readonly, onClick, onChange, variant, description, ...others }) => {
-    const [_checked, setChecked] = useState(checked || '');
-    const selectedColor = TrilogyColor.INFO;
-    const defaultColor = TrilogyColor.TERTIARY;
-    const disabledColor = TrilogyColor.GREY;
-    const isChecked = (checked) => {
-        if (typeof checked === 'string') {
-            return checked === value;
-        }
-        else {
-            return checked.includes(value);
-        }
-    };
-    const color = disabled ? disabledColor : isChecked(_checked) ? selectedColor : defaultColor;
-    const styles = StyleSheet.create({
-        selectItem: {
-            borderColor: getColorStyle(color),
-            borderWidth: 1,
-            paddingLeft: 8,
-            paddingRight: 8,
-            padding: 6,
-            height: (variant === OptionsItemVariant.MULTILINE && iconName && 'auto') || (description && 55) || 35,
-            width: variant === OptionsItemVariant.MULTILINE && iconName ? 127 : 'auto',
-            borderRadius: 4,
-            marginRight: 10,
-            justifyContent: variant === OptionsItemVariant.MULTILINE && iconName ? 'flex-start' : 'center',
-        },
-        text: {
-            color: getColorStyle(color),
-            fontSize: 14,
-            textAlign: 'center',
-            textAlignVertical: 'center',
-        },
-        horizontal: {
-            flexDirection: 'row',
-            alignItems: 'center',
-            paddingTop: description ? 4 : 0,
-        },
-        checkBox: {
-            flexDirection: 'row',
-            alignItems: 'center',
-            alignContent: 'center',
-            alignSelf: 'center',
-            borderColor: getColorStyle(color),
-            borderWidth: 1,
-            width: 14,
-            height: 14,
-            borderRadius: 4,
-        },
-        radio: {
-            flexDirection: 'row',
-            alignItems: 'center',
-            borderColor: getColorStyle(color),
-            borderWidth: 1,
-            width: 14,
-            height: 14,
-            borderRadius: 10,
-        },
-        center: {
-            alignItems: 'center',
-        },
-        icon: {
-            top: -2,
-            right: 2,
-        },
-        description: {
-            fontSize: 11,
-            color: getColorStyle(color),
-            alignSelf: 'center',
-            marginBottom: 4,
-        },
-    });
-    useEffect(() => {
-        setChecked(checked || '');
-    }, [checked]);
-    const handleClick = (value) => {
-        if (!readonly) {
-            if (onClick) {
-                onClick({
-                    optionId: id,
-                    optionValue: value,
-                    optionName: name || '',
-                    optionChecked: !_checked,
-                });
-            }
-            if (onChange) {
-                onChange({
-                    optionId: id,
-                    optionValue: value,
-                    optionName: name || '',
-                    optionChecked: !_checked,
-                });
-            }
-        }
-    };
-    let optionContent;
-    if (variant === OptionsItemVariant.ICON && iconName) {
-        optionContent = (React.createElement(View, { style: styles.horizontal },
-            React.createElement(View, { style: typeof checked === 'string' ? styles.radio : styles.checkBox }, isChecked(_checked) && (React.createElement(Icon, { style: styles.icon, size: IconSize.SMALLER, color: color, name: IconName.CHECK }))),
-            React.createElement(Spacer, { size: SpacerSize.SMALL, horizontal: true }),
-            React.createElement(Text, { style: styles.text }, label),
-            React.createElement(Spacer, { size: SpacerSize.SMALL, horizontal: true }),
-            React.createElement(Icon, { style: styles.icon, size: IconSize.SMALL, name: iconName, color: color })));
-    }
-    else if (variant === OptionsItemVariant.MULTILINE && iconName) {
-        optionContent = (React.createElement(View, null,
-            React.createElement(View, { style: [typeof checked === 'string' ? styles.radio : styles.checkBox, { position: 'absolute', left: 0 }] }, isChecked(_checked) && (React.createElement(Icon, { style: styles.icon, size: IconSize.SMALLER, color: color, name: IconName.CHECK }))),
-            React.createElement(View, { style: styles.center },
-                React.createElement(Spacer, { size: SpacerSize.SMALL }),
-                React.createElement(View, null,
-                    React.createElement(Icon, { style: styles.icon, size: IconSize.MEDIUM, name: iconName, color: color })),
-                React.createElement(Spacer, { size: SpacerSize.SMALL }),
-                React.createElement(Text, { style: styles.text }, label))));
-    }
-    else {
-        optionContent = (React.createElement(View, { style: styles.horizontal },
-            React.createElement(View, { style: typeof checked === 'string' ? styles.radio : styles.checkBox }, isChecked(_checked) && (React.createElement(Icon, { style: styles.icon, size: IconSize.SMALLER, color: color, name: IconName.CHECK }))),
-            React.createElement(Spacer, { size: SpacerSize.SMALL, horizontal: true }),
-            React.createElement(Text, { style: styles.text }, label)));
-    }
-    return (React.createElement(TouchableOpacity, { accessibilityLabel: label, onPress: () => handleClick(value || ''), disabled: disabled, style: styles.selectItem, ...others },
-        optionContent,
-        description && React.createElement(Text, { style: styles.description }, description)));
-};
-OptionsItem.displayName = ComponentName.OptionsItem;
-export default OptionsItem;
-//# sourceMappingURL=OptionsItem.native.js.map