@trilogy-ds/react 0.0.1-beta.9 → 0.0.2-alpha-prompt

package/lib/components/modal/ModalTitle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModalTitle.js","sourceRoot":"","sources":["../../../components/modal/ModalTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEjD;;;;;;GAMG;AACH,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAmB,EAAe,EAAE;IAChG,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC,IAC9D,QAAQ,CAAC,CAAC,CAAC,oBAAC,IAAI,IAAC,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAC,IAAI,GAAG,CAAC,CAAC,CAAC,QAAQ,CAC7G,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}

package/lib/components/modal/ModalTitleProps.d.ts

@@ -1,10 +0,0 @@
-import { IconColor, IconColorValues, IconName, IconNameValues } from '../icon';
-/**
- * Modal Title Interface
- */
-export interface ModalTitleProps {
-    children?: string;
-    className?: string;
-    iconName?: IconName | IconNameValues;
-    iconColor?: IconColor | IconColorValues;
-}

package/lib/components/modal/ModalTitleProps.js

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

package/lib/components/modal/ModalTitleProps.js.map

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS,CAAA;AAC3B,OAAO,WAAW,MAAM,eAAe,CAAA;AACvC,OAAO,UAAU,MAAM,cAAc,CAAA;AAErC,cAAc,aAAa,CAAA;AAE3B,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,CAAA"}

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

@@ -1,27 +0,0 @@
-/// <reference types="react" />
-import { NotificationProps } from './NotificationProps';
-/**
- * Notification Component
- * @param hasIcon {boolean} Display icon, default true
- * @param iconName {IconName} Custom icon
- * @param title {string} Notification title content
- * @param description {string|ReactNode} Notification description content
- * @param alert {AlertState} Alert Variant (INFO|SUCCESS|WARNING|ERROR)
- * @param buttonClick {ClickEvent} Click event for button
- * @param buttonContent {string} Button content
- * @param arrow {boolean} Notification with right arrow on right side (Uses only if not button content)
- * @param info (boolean) Small info notification use it without button and arrow
- * @param onClick {Function} onClick Event for all notification
- * @param children {React.ReactNode}
- * @param closable {Function} onClick Event on cross icon
- *  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param banner {boolean} Banner notification
- * @param className {string} Additionnal CSS Classes
- * @param iconClassname {string} Additionnal Icon CSS
- * @param buttonMarkup {ButtonMarkup} Custom markup for button
- *  * - -------------------------- NATIVE PROPERTIES -------------------------------
- * @param deletable {Function} onClick Event on delete icon or slide over ()
- * @param unread {boolean} only with notification deletable if notification is unread
- */
-declare const Notification: ({ className, hasIcon, iconClassname, iconName, title, description, alert, buttonContent, buttonClick, buttonMarkup, arrow, info, banner, onClick, closable, testId, ...others }: NotificationProps) => JSX.Element;
-export default Notification;

package/lib/components/notification/Notification.js

@@ -1,63 +0,0 @@
-import React from 'react';
-import { AlertState, getAlertClassName, getAlertIconName } from '../../objects/facets/Alert';
-import { has, is } from '../../services/classify';
-import { Button } from '../button';
-import { Icon, IconName, IconSize } from '../icon';
-import { Text } from '../text';
-import { Title, TitleLevels } from '../title';
-import { hashClass } from '../../helpers';
-import clsx from 'clsx';
-import { useTrilogyContext } from '../../context';
-/**
- * Notification Component
- * @param hasIcon {boolean} Display icon, default true
- * @param iconName {IconName} Custom icon
- * @param title {string} Notification title content
- * @param description {string|ReactNode} Notification description content
- * @param alert {AlertState} Alert Variant (INFO|SUCCESS|WARNING|ERROR)
- * @param buttonClick {ClickEvent} Click event for button
- * @param buttonContent {string} Button content
- * @param arrow {boolean} Notification with right arrow on right side (Uses only if not button content)
- * @param info (boolean) Small info notification use it without button and arrow
- * @param onClick {Function} onClick Event for all notification
- * @param children {React.ReactNode}
- * @param closable {Function} onClick Event on cross icon
- *  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param banner {boolean} Banner notification
- * @param className {string} Additionnal CSS Classes
- * @param iconClassname {string} Additionnal Icon CSS
- * @param buttonMarkup {ButtonMarkup} Custom markup for button
- *  * - -------------------------- NATIVE PROPERTIES -------------------------------
- * @param deletable {Function} onClick Event on delete icon or slide over ()
- * @param unread {boolean} only with notification deletable if notification is unread
- */
-const Notification = ({ className, hasIcon = true, iconClassname, iconName, title, description, alert, buttonContent, buttonClick, buttonMarkup, arrow, info, banner, onClick, closable, testId, ...others }) => {
-    const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, clsx('notification', has('body'), !buttonContent && !arrow && info != null && is('small'), banner && !buttonContent && !arrow && !info && [is('banner'), !description && has('description')], description && has('description'), !!alert && (!info || (alert !== AlertState.INFO && info)) && is(getAlertClassName(alert)), className));
-    const _iconNotif = React.useMemo(() => {
-        var _a;
-        if (iconName != null)
-            return iconName;
-        else if (info)
-            return (_a = getAlertIconName(alert)) !== null && _a !== void 0 ? _a : IconName.INFOS_CIRCLE;
-        else
-            return IconName.BELL;
-    }, [iconName, info, alert]);
-    return (React.createElement("div", { "data-testid": testId, onClick: (e) => {
-            // eslint-disable-next-line no-unused-expressions
-            onClick === null || onClick === void 0 ? void 0 : onClick(e);
-            e.stopPropagation();
-        }, className: classes, ...others },
-        hasIcon && React.createElement(Icon, { className: iconClassname, name: _iconNotif }),
-        React.createElement("div", { className: hashClass(styled, clsx('body')) },
-            title && typeof title.valueOf() === 'string' ? React.createElement(Title, { level: TitleLevels.THREE }, title) : title,
-            description && typeof description.valueOf() === 'string' ? React.createElement(Text, null, description) : description),
-        buttonContent && !arrow && (React.createElement("div", { className: hashClass(styled, clsx('call-to-action')) },
-            React.createElement(Button, { variant: 'PRIMARY', markup: buttonMarkup, onClick: buttonClick }, buttonContent))),
-        arrow && !buttonContent && (React.createElement("div", { onClick: buttonClick, className: hashClass(styled, clsx('call-to-action')) },
-            React.createElement(Icon, { name: IconName.ARROW_RIGHT, size: IconSize.SMALL }))),
-        closable && !buttonContent && (React.createElement("div", { "data-testid": `${testId}_close_button`, role: 'button', onClick: closable, className: hashClass(styled, clsx('call-to-action')) },
-            React.createElement(Icon, { name: IconName.TIMES, size: IconSize.SMALL })))));
-};
-export default Notification;
-//# sourceMappingURL=Notification.js.map

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

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

package/lib/components/notification/Notification.native.d.ts

@@ -1,25 +0,0 @@
-/// <reference types="react" />
-import { NotificationProps } from './NotificationProps';
-import { ComponentName } from '../enumsComponentsName';
-/**
- * Notification Component
- * @param hasIcon {boolean} Display icon, default true
- * @param iconName {IconName} Custom icon
- * @param title {string} Notification title content
- * @param description {string|ReactNode} Notification description content
- * @param alert {AlertState} Alert Variant (INFO|SUCCESS|WARNING|ERROR)
- * @param buttonClick {ClickEvent} Click event for button
- * @param buttonContent {string} Button content
- * @param arrow {boolean} Notification with right arrow on right side (Uses only if not button content)
- * @param infoinfo (boolean) Small info notification use it without button and arrow
- * @param onClick {Function} onClick Event for all notification
- * @param children {React.ReactNode}
- * @param closable {Function} onClick Event on cross icon
- * @param deletable {Function | boolean} onClick Event on delete icon or slide over (), pass true if you want deletable style without swipe
- * @param read {boolean} only with notification deletable if notification is unread
- */
-declare const Notification: {
-    ({ hasIcon, iconName, title, description, alert, buttonContent, buttonClick, arrow, info, onClick, closable, deletable, read, ...others }: NotificationProps): JSX.Element;
-    displayName: ComponentName;
-};
-export default Notification;

package/lib/components/notification/Notification.native.js

@@ -1,175 +0,0 @@
-import React from 'react';
-import { StyleSheet, TouchableOpacity } from 'react-native';
-import { Columns, ColumnsItem } from '../columns';
-import { Button } from '../button';
-import { View } from '../view';
-import { Text, TextLevels } from '../text';
-import { IconName } from '../icon/IconNameEnum';
-import { AlertState, getAlertIconName } from '../../objects/facets/Alert';
-import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
-import { getInfoColorStyle } from './NotificationEnum';
-import DeletableNotification from './deletable';
-import { Icon, IconSize } from '../icon';
-import { TypographyBold } from '../../objects';
-import { ComponentName } from '../enumsComponentsName';
-/**
- * Notification Component
- * @param hasIcon {boolean} Display icon, default true
- * @param iconName {IconName} Custom icon
- * @param title {string} Notification title content
- * @param description {string|ReactNode} Notification description content
- * @param alert {AlertState} Alert Variant (INFO|SUCCESS|WARNING|ERROR)
- * @param buttonClick {ClickEvent} Click event for button
- * @param buttonContent {string} Button content
- * @param arrow {boolean} Notification with right arrow on right side (Uses only if not button content)
- * @param infoinfo (boolean) Small info notification use it without button and arrow
- * @param onClick {Function} onClick Event for all notification
- * @param children {React.ReactNode}
- * @param closable {Function} onClick Event on cross icon
- * @param deletable {Function | boolean} onClick Event on delete icon or slide over (), pass true if you want deletable style without swipe
- * @param read {boolean} only with notification deletable if notification is unread
- */
-const Notification = ({ hasIcon = true, iconName, title, description, alert, buttonContent, buttonClick, arrow, info, onClick, closable, deletable, read, ...others }) => {
-    const backgroundColor = getColorStyle(TrilogyColor.WHITE);
-    const defaultIconSize = IconSize.SMALL;
-    /*
-    const fontColor = getAlertStyle(alert) || getColorStyle(TrilogyColor.TERTIARY)
-  */
-    const infoColor = getInfoColorStyle(alert) || getInfoColorStyle(AlertState.INFO);
-    const infoFontColor = TrilogyColor.TERTIARY;
-    const styles = StyleSheet.create({
-        container: {
-            width: '100%',
-            paddingTop: 16,
-            paddingBottom: 16,
-            backgroundColor: backgroundColor,
-            paddingLeft: 16,
-            paddingRight: 16,
-            alignItems: 'center',
-            justifyContent: 'center',
-            borderRadius: 6,
-            shadowColor: '#000',
-            shadowOffset: {
-                width: 0,
-                height: 1,
-            },
-            shadowOpacity: 0.33,
-            shadowRadius: 2.22,
-            elevation: 1,
-        },
-        notification: {
-            paddingTop: (description && 4) || 0,
-            paddingLeft: 16,
-            paddingRight: 16,
-            alignItems: 'center',
-            justifyContent: 'center',
-        },
-        shadow: {},
-        icon: {
-            justifyContent: 'center',
-            alignItems: 'center',
-            position: (arrow && 'absolute') || 'relative',
-        },
-        description: {
-            justifyContent: 'center',
-            alignItems: 'center',
-            paddingTop: 4,
-            color: getColorStyle(TrilogyColor.TERTIARY),
-            textAlignVertical: 'center',
-        },
-        buttonContainer: {
-            width: '100%',
-            paddingTop: 17,
-            paddingBottom: 17,
-            backgroundColor: backgroundColor,
-            paddingLeft: 12,
-            paddingRight: 12,
-            alignItems: 'center',
-            justifyContent: 'center',
-            textAlignVertical: 'center',
-        },
-        button: {
-            justifyContent: 'center',
-            alignItems: 'center',
-        },
-        info: {
-            width: '100%',
-            paddingTop: 10,
-            paddingBottom: 10,
-            backgroundColor: infoColor,
-            borderRadius: 6,
-            alignItems: 'baseline',
-            paddingLeft: 12,
-            paddingRight: 12,
-        },
-    });
-    let notificationView;
-    if (info && title) {
-        notificationView = (
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        React.createElement(View, { style: [styles.info, others.style] },
-            React.createElement(Columns, null,
-                hasIcon && (React.createElement(ColumnsItem, { size: 1 },
-                    React.createElement(Icon, { style: styles.icon, name: iconName ? iconName : getAlertIconName(alert) }))),
-                closable ? (React.createElement(React.Fragment, null,
-                    React.createElement(ColumnsItem, { size: hasIcon ? 10 : 11 },
-                        React.createElement(Text, { typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD, level: TextLevels.ONE }, title)),
-                    React.createElement(ColumnsItem, { size: 1 },
-                        React.createElement(TouchableOpacity, { onPress: closable, activeOpacity: 0.85 },
-                            React.createElement(Icon, { style: styles.icon, name: IconName.TIMES, size: defaultIconSize, color: infoFontColor }))))) : (React.createElement(ColumnsItem, { size: hasIcon ? 11 : 12 },
-                    React.createElement(Text, { typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD, level: TextLevels.ONE }, title)))),
-            description && (React.createElement(Columns, null,
-                hasIcon && React.createElement(ColumnsItem, { size: 1 }),
-                React.createElement(ColumnsItem, { size: hasIcon ? 11 : 12 }, typeof description.valueOf() === 'string' ? (React.createElement(Text, { level: TextLevels.TWO, style: styles.description }, description)) : (description))))));
-    }
-    else if (description && !title && info) {
-        return (
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        React.createElement(View, { style: [styles.info, others.style] },
-            React.createElement(View, { style: { width: '90%' } }, typeof description.valueOf() === 'string' ? (React.createElement(Text, { level: TextLevels.TWO, style: styles.description }, description)) : (description))));
-    }
-    else if (arrow && title) {
-        notificationView = (React.createElement(View, { style: [styles.buttonContainer, styles.container], ...others },
-            React.createElement(View, { style: [styles.notification] },
-                React.createElement(Columns, null,
-                    hasIcon && (React.createElement(ColumnsItem, { verticalCenter: true, size: 1 },
-                        React.createElement(Icon, { style: styles.icon, name: iconName !== null && iconName !== void 0 ? iconName : IconName.BELL, size: defaultIconSize }))),
-                    title && (React.createElement(ColumnsItem, { verticalCenter: true, size: hasIcon ? 10 : 11 },
-                        React.createElement(Text, { level: TextLevels.ONE }, title))),
-                    arrow && (React.createElement(ColumnsItem, { verticalCenter: true, size: 1 },
-                        React.createElement(Icon, { onClick: (e) => buttonClick && buttonClick(e), style: styles.icon, name: IconName.ARROW_RIGHT, size: defaultIconSize })))))));
-    }
-    else if (buttonContent && title) {
-        notificationView = (React.createElement(View, { style: [styles.buttonContainer, styles.container], ...others },
-            React.createElement(View, { style: [styles.notification] },
-                React.createElement(Columns, null,
-                    hasIcon && (React.createElement(ColumnsItem, { verticalCenter: true, size: 1 },
-                        React.createElement(Icon, { style: styles.icon, name: iconName !== null && iconName !== void 0 ? iconName : IconName.BELL, size: defaultIconSize }))),
-                    title && (React.createElement(ColumnsItem, { verticalCenter: true, size: hasIcon ? 5 : 6 },
-                        React.createElement(Text, { level: TextLevels.ONE }, title))),
-                    buttonContent && (React.createElement(ColumnsItem, { size: 3 },
-                        React.createElement(View, { style: styles.button },
-                            React.createElement(Button, { onClick: buttonClick, variant: 'PRIMARY' }, buttonContent))))))));
-    }
-    else if (deletable) {
-        notificationView = (React.createElement(DeletableNotification, { title: title && title, iconName: iconName, deletable: deletable, read: read }));
-    }
-    else {
-        notificationView = (React.createElement(View, { style: [styles.container, styles.shadow], ...others },
-            React.createElement(View, { style: [styles.notification, styles.shadow] },
-                React.createElement(Columns, null,
-                    hasIcon && (React.createElement(ColumnsItem, { size: 1 },
-                        React.createElement(Icon, { style: styles.icon, name: iconName !== null && iconName !== void 0 ? iconName : IconName.BELL, size: defaultIconSize }))),
-                    title && (React.createElement(ColumnsItem, { size: hasIcon ? 9 : 10 },
-                        React.createElement(Text, { level: TextLevels.ONE }, title)))),
-                description && (React.createElement(Columns, null,
-                    hasIcon && React.createElement(ColumnsItem, { size: 1 }),
-                    React.createElement(ColumnsItem, { size: hasIcon ? 9 : 10 },
-                        React.createElement(Text, { level: TextLevels.TWO, style: styles.description }, description)))))));
-    }
-    return onClick ? (React.createElement(View, { style: styles.shadow },
-        React.createElement(TouchableOpacity, { onPress: onClick, activeOpacity: 0.85 }, notificationView))) : (notificationView);
-};
-Notification.displayName = ComponentName.Notification;
-export default Notification;
-//# sourceMappingURL=Notification.native.js.map

package/lib/components/notification/Notification.native.js.map

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

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

@@ -1 +0,0 @@
-export declare const getInfoColorStyle: (InfoColor?: string) => string;

package/lib/components/notification/NotificationEnum.js

@@ -1,15 +0,0 @@
-export const getInfoColorStyle = (InfoColor) => {
-    switch (InfoColor) {
-        case 'SUCCESS':
-            return '#cfeae1';
-        case 'INFO':
-            return '#d1edf1';
-        case 'WARNING':
-            return '#fcf0d5';
-        case 'ERROR':
-            return '#f7d7cf';
-        default:
-            return '';
-    }
-};
-//# sourceMappingURL=NotificationEnum.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"NotificationEnum.js","sourceRoot":"","sources":["../../../components/notification/NotificationEnum.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,SAAkB,EAAU,EAAE;IAC9D,QAAQ,SAAS,EAAE;QACjB,KAAK,SAAS;YACZ,OAAO,SAAS,CAAA;QAClB,KAAK,MAAM;YACT,OAAO,SAAS,CAAA;QAClB,KAAK,SAAS;YACZ,OAAO,SAAS,CAAA;QAClB,KAAK,OAAO;YACV,OAAO,SAAS,CAAA;QAClB;YACE,OAAO,EAAE,CAAA;KACZ;AACH,CAAC,CAAA"}

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

@@ -1,27 +0,0 @@
-/// <reference types="react" />
-import { Clickable } from './../../objects/facets/Clickable';
-import { ClickEvent } from '../../events/OnClickEvent';
-import { Accessibility, AlertProps } from '../../objects/facets';
-import { ButtonMarkup, ButtonMarkupValues } from '../button';
-import { IconName, IconNameValues } from '../icon/IconNameEnum';
-/**
- * Notification Interface
- */
-export interface NotificationProps extends AlertProps, Clickable, Accessibility {
-    children?: React.ReactNode;
-    hasIcon?: boolean;
-    iconName?: IconName | IconNameValues;
-    title?: string | React.ReactNode;
-    description?: string | React.ReactNode;
-    info?: boolean;
-    deletable?: ClickEvent | boolean;
-    read?: boolean;
-    buttonContent?: string;
-    buttonClick?: ClickEvent;
-    arrow?: boolean;
-    banner?: boolean;
-    className?: string;
-    iconClassname?: string;
-    buttonMarkup?: ButtonMarkup | ButtonMarkupValues;
-    closable?: ClickEvent;
-}

package/lib/components/notification/NotificationProps.js

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

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