@trilogy-ds/react 0.0.1-beta.29 → 0.0.1-beta.30

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

@@ -1,119 +0,0 @@
-import * as 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.BACKGROUND);
-    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.BACKGROUND, 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.MAIN, color: IconColor.BACKGROUND, 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.MAIN) }, 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"}