@trilogy-ds/react 0.0.1-beta.29 → 0.0.1-beta.31
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/autolayout/DefaultSpacingMatrix.js +0 -2
- package/lib/components/autolayout/DefaultSpacingMatrix.js.map +1 -1
- package/lib/components/breadcrumb/item/BreadcrumbItem.js +3 -2
- package/lib/components/breadcrumb/item/BreadcrumbItem.js.map +1 -1
- package/lib/components/breadcrumb/item/BreadcrumbItem.native.js +2 -2
- package/lib/components/breadcrumb/item/BreadcrumbItem.native.js.map +1 -1
- package/lib/components/button/Button.native.d.ts +1 -1
- package/lib/components/button/Button.native.js +11 -11
- package/lib/components/button/Button.native.js.map +1 -1
- package/lib/components/card/image/CardImage.js +1 -1
- package/lib/components/card/image/CardImage.js.map +1 -1
- package/lib/components/checkbox/Checkbox.native.js +4 -4
- package/lib/components/checkbox/Checkbox.native.js.map +1 -1
- package/lib/components/chips/Chips.native.js +10 -15
- package/lib/components/chips/Chips.native.js.map +1 -1
- package/lib/components/chips/list/index.d.ts +2 -0
- package/lib/components/chips/list/index.js +3 -0
- package/lib/components/chips/list/index.js.map +1 -0
- package/lib/components/countdown/Countdown.native.js +5 -7
- package/lib/components/countdown/Countdown.native.js.map +1 -1
- package/lib/components/enumsComponentsName.d.ts +0 -2
- package/lib/components/enumsComponentsName.js +0 -2
- package/lib/components/enumsComponentsName.js.map +1 -1
- package/lib/components/icon/IconEnum.d.ts +3 -1
- package/lib/components/icon/IconEnum.js +2 -0
- package/lib/components/icon/IconEnum.js.map +1 -1
- package/lib/components/index.d.ts +51 -52
- package/lib/components/index.js +51 -52
- package/lib/components/index.js.map +1 -1
- package/lib/components/list/item/ListItem.d.ts +6 -3
- package/lib/components/list/item/ListItem.js +25 -21
- package/lib/components/list/item/ListItem.js.map +1 -1
- package/lib/components/list/item/ListItem.native.d.ts +3 -3
- package/lib/components/list/item/ListItem.native.js +84 -44
- package/lib/components/list/item/ListItem.native.js.map +1 -1
- package/lib/components/list/item/ListItemProps.d.ts +7 -2
- package/lib/components/list/item/ListItemProps.js.map +1 -1
- package/lib/components/modal/Modal.native.d.ts +1 -1
- package/lib/components/modal/Modal.native.js +3 -3
- package/lib/components/modal/Modal.native.js.map +1 -1
- package/lib/components/pagination/Pagination.native.js +24 -41
- package/lib/components/pagination/Pagination.native.js.map +1 -1
- package/lib/components/price/Price.d.ts +2 -1
- package/lib/components/price/Price.js +24 -14
- package/lib/components/price/Price.js.map +1 -1
- package/lib/components/price/Price.native.d.ts +1 -1
- package/lib/components/price/Price.native.js +29 -4
- package/lib/components/price/Price.native.js.map +1 -1
- package/lib/components/price/PriceProps.d.ts +1 -0
- package/lib/components/radio/Radio.native.js +6 -6
- package/lib/components/radio/Radio.native.js.map +1 -1
- package/lib/components/stepper/step/StepperStep.native.js +33 -8
- package/lib/components/stepper/step/StepperStep.native.js.map +1 -1
- package/lib/components/sticker/Sticker.native.js +2 -1
- package/lib/components/sticker/Sticker.native.js.map +1 -1
- package/lib/components/table/Table.d.ts +1 -1
- package/lib/components/table/Table.js +2 -2
- package/lib/components/table/Table.js.map +1 -1
- package/lib/components/table/TableProps.d.ts +2 -1
- package/lib/components/tabs/item/TabsItem.native.js +13 -8
- package/lib/components/tabs/item/TabsItem.native.js.map +1 -1
- package/lib/components/textarea/Textarea.native.js +4 -6
- package/lib/components/textarea/Textarea.native.js.map +1 -1
- package/lib/objects/facets/Color.js +1 -1
- package/lib/objects/facets/Color.js.map +1 -1
- package/package.json +1 -1
- package/lib/components/notification/Notification.d.ts +0 -27
- package/lib/components/notification/Notification.js +0 -68
- package/lib/components/notification/Notification.js.map +0 -1
- package/lib/components/notification/Notification.native.d.ts +0 -25
- package/lib/components/notification/Notification.native.js +0 -175
- package/lib/components/notification/Notification.native.js.map +0 -1
- package/lib/components/notification/NotificationEnum.d.ts +0 -1
- package/lib/components/notification/NotificationEnum.js +0 -16
- package/lib/components/notification/NotificationEnum.js.map +0 -1
- package/lib/components/notification/NotificationProps.d.ts +0 -27
- package/lib/components/notification/NotificationProps.js +0 -2
- package/lib/components/notification/NotificationProps.js.map +0 -1
- package/lib/components/notification/deletable/DeletableNotification.d.ts +0 -11
- package/lib/components/notification/deletable/DeletableNotification.js +0 -15
- package/lib/components/notification/deletable/DeletableNotification.js.map +0 -1
- package/lib/components/notification/deletable/DeletableNotification.native.d.ts +0 -15
- package/lib/components/notification/deletable/DeletableNotification.native.js +0 -119
- package/lib/components/notification/deletable/DeletableNotification.native.js.map +0 -1
- package/lib/components/notification/deletable/DeletableNotificationProps.d.ts +0 -13
- package/lib/components/notification/deletable/DeletableNotificationProps.js +0 -2
- package/lib/components/notification/deletable/DeletableNotificationProps.js.map +0 -1
- package/lib/components/notification/deletable/index.d.ts +0 -2
- package/lib/components/notification/deletable/index.js +0 -3
- package/lib/components/notification/deletable/index.js.map +0 -1
- package/lib/components/notification/index.d.ts +0 -2
- package/lib/components/notification/index.js +0 -3
- package/lib/components/notification/index.js.map +0 -1
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import React, { useEffect, useState } from "react";
|
|
2
|
-
import { StyleSheet, TouchableOpacity, View } from "react-native";
|
|
2
|
+
import { Animated, StyleSheet, TouchableOpacity, View } from "react-native";
|
|
3
3
|
import { getColorStyle, TrilogyColor } from "../../../objects/facets/Color";
|
|
4
|
-
import { TypographyBold } from "../../../objects";
|
|
5
4
|
import { ComponentName } from "../../enumsComponentsName";
|
|
6
5
|
import { Icon } from "../../icon";
|
|
7
6
|
import { Text, TextLevels } from "../../text";
|
|
@@ -16,6 +15,9 @@ const TabsItem = ({ active, children, onClick, tabIndex, iconName, inverted, dis
|
|
|
16
15
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
17
16
|
const [activeItem, setActiveItem] = useState(active || false);
|
|
18
17
|
const [isPressIn, setInPressIn] = useState(false);
|
|
18
|
+
const animatedBorderStyle = {
|
|
19
|
+
borderBottomWidth: active && 2 || 0,
|
|
20
|
+
};
|
|
19
21
|
const getIconColor = React.useMemo(() => {
|
|
20
22
|
if (inverted) {
|
|
21
23
|
if (disabled)
|
|
@@ -34,7 +36,6 @@ const TabsItem = ({ active, children, onClick, tabIndex, iconName, inverted, dis
|
|
|
34
36
|
if (inverted) {
|
|
35
37
|
if (active)
|
|
36
38
|
return getColorStyle(TrilogyColor.BACKGROUND);
|
|
37
|
-
return getColorStyle(TrilogyColor.FONT, 1);
|
|
38
39
|
}
|
|
39
40
|
if (active)
|
|
40
41
|
return getColorStyle(TrilogyColor.MAIN);
|
|
@@ -47,14 +48,19 @@ const TabsItem = ({ active, children, onClick, tabIndex, iconName, inverted, dis
|
|
|
47
48
|
paddingVertical: 6,
|
|
48
49
|
paddingHorizontal: 14,
|
|
49
50
|
position: "relative",
|
|
50
|
-
borderBottomWidth: 2,
|
|
51
51
|
height: iconName ? 60 : 44,
|
|
52
|
-
borderBottomColor: getBorderColor,
|
|
53
52
|
},
|
|
54
53
|
text: {
|
|
55
54
|
color: getColorStyle(getIconColor),
|
|
56
55
|
textAlign: "center",
|
|
57
56
|
},
|
|
57
|
+
border: {
|
|
58
|
+
position: "absolute",
|
|
59
|
+
bottom: 0,
|
|
60
|
+
left: 0,
|
|
61
|
+
right: 0,
|
|
62
|
+
borderBottomColor: getBorderColor,
|
|
63
|
+
},
|
|
58
64
|
});
|
|
59
65
|
useEffect(() => {
|
|
60
66
|
setActiveItem(active || false);
|
|
@@ -70,9 +76,8 @@ const TabsItem = ({ active, children, onClick, tabIndex, iconName, inverted, dis
|
|
|
70
76
|
iconName && (React.createElement(View, null,
|
|
71
77
|
React.createElement(Icon, { color: getIconColor, size: 'small', name: iconName }))),
|
|
72
78
|
children &&
|
|
73
|
-
(typeof children.valueOf() === "string" ? (React.createElement(Text, {
|
|
74
|
-
|
|
75
|
-
: TypographyBold.TEXT_WEIGHT_NORMAL, style: styles.text, level: TextLevels.TWO }, String(children))) : (children))));
|
|
79
|
+
(typeof children.valueOf() === "string" ? (React.createElement(Text, { style: styles.text, level: TextLevels.TWO }, String(children))) : (children)),
|
|
80
|
+
React.createElement(Animated.View, { style: [styles.border, animatedBorderStyle] })));
|
|
76
81
|
};
|
|
77
82
|
TabsItem.displayName = ComponentName.TabsItem;
|
|
78
83
|
export default TabsItem;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabsItem.native.js","sourceRoot":"","sources":["../../../../components/tabs/item/TabsItem.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"TabsItem.native.js","sourceRoot":"","sources":["../../../../components/tabs/item/TabsItem.native.tsx"],"names":[],"mappings":"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"}
|
|
@@ -28,7 +28,6 @@ const Textarea = ({ defaultValue, name, onChange, disabled, help, placeholder, k
|
|
|
28
28
|
ref) => {
|
|
29
29
|
const [_value, setValue] = useState(value || "");
|
|
30
30
|
const [isFocus, setIsFocus] = useState(false);
|
|
31
|
-
const [height, setHeight] = useState(customHeight);
|
|
32
31
|
const [displayDynamicLabel, setDisplayDynamicLabel] = useState(false);
|
|
33
32
|
const textareaColor = isFocus
|
|
34
33
|
? getColorStyle(TrilogyColor.MAIN)
|
|
@@ -52,7 +51,7 @@ ref) => {
|
|
|
52
51
|
(status && status === "error" && getAlertStyle(AlertState.ERROR)) ||
|
|
53
52
|
(status && status === "default" && textareaColor) ||
|
|
54
53
|
textareaColor,
|
|
55
|
-
height,
|
|
54
|
+
height: customHeight,
|
|
56
55
|
justifyContent: "flex-start",
|
|
57
56
|
paddingLeft: iconName ? 48 : 16,
|
|
58
57
|
paddingRight: maxLength ? 48 : 16,
|
|
@@ -108,7 +107,7 @@ ref) => {
|
|
|
108
107
|
});
|
|
109
108
|
return (React.createElement(View, null,
|
|
110
109
|
!dynamicPlaceholder && (React.createElement(Text, { style: { color: getColorStyle(TrilogyColor.MAIN) } }, label)),
|
|
111
|
-
iconName && (React.createElement(Icon, { style: styles.leftIcon, name: iconName, size:
|
|
110
|
+
iconName && (React.createElement(Icon, { style: styles.leftIcon, name: iconName, size: "small" })),
|
|
112
111
|
React.createElement(TextInput, { maxLength: maxLength, value: _value, defaultValue: defaultValue, editable: !disabled, multiline: true, keyboardAppearance: keyboardStyle || InputKeyboardAppearance.DEFAULT, autoCapitalize: autoCapitalize || InputAutoCapitalize.NONE, autoCorrect: autoCorrect || false, textContentType: textContentType || InputTextContentType.NONE, keyboardType: keyboardType || InputKeyboardType.DEFAULT, onChangeText: (text) => {
|
|
113
112
|
setDisplayDynamicLabel(text.length > 0);
|
|
114
113
|
setValue(text);
|
|
@@ -118,10 +117,9 @@ ref) => {
|
|
|
118
117
|
textareaValue: text,
|
|
119
118
|
});
|
|
120
119
|
}
|
|
121
|
-
}, placeholder: placeholder, style: styles.textarea, onFocus: () => setIsFocus(true), onBlur: () => setIsFocus(false), ...others, ref: ref
|
|
122
|
-
setHeight(event.nativeEvent.contentSize.height + 33) }),
|
|
120
|
+
}, placeholder: placeholder, style: styles.textarea, onFocus: () => setIsFocus(true), onBlur: () => setIsFocus(false), ...others, ref: ref }),
|
|
123
121
|
statusIconName && (React.createElement(Text, { style: styles.rightIcon },
|
|
124
|
-
React.createElement(Icon, { name: statusIconName, size:
|
|
122
|
+
React.createElement(Icon, { name: statusIconName, size: "small", color: status && status.toUpperCase() }))),
|
|
125
123
|
displayDynamicLabel && dynamicPlaceholder && (React.createElement(Text, { style: styles.dynamicLabel }, label)),
|
|
126
124
|
maxLength && (React.createElement(Text, { style: styles.counter }, _value ? `${_value === null || _value === void 0 ? void 0 : _value.length} / ${maxLength}` : `0 / ${maxLength}`)),
|
|
127
125
|
help && React.createElement(Text, { style: styles.help }, help)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.native.js","sourceRoot":"","sources":["../../../components/textarea/Textarea.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Textarea.native.js","sourceRoot":"","sources":["../../../components/textarea/Textarea.native.tsx"],"names":[],"mappings":"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"}
|
|
@@ -34,7 +34,7 @@ export const colors = {
|
|
|
34
34
|
[TrilogyColor.DISABLED]: ["#646464", "#D1D1D1", "disabled", "white"],
|
|
35
35
|
[TrilogyColor.NEUTRAL]: ["#707070", "#F4F4F4", "grey", "white"],
|
|
36
36
|
[TrilogyColor.NEUTRAL_DARK]: ["#646464", "#E9E9E9", "grey-dark", "white"],
|
|
37
|
-
[TrilogyColor.NEUTRAL_LIGHT]: ["#E9E9E9", "#E9E9E9", "grey-
|
|
37
|
+
[TrilogyColor.NEUTRAL_LIGHT]: ["#E9E9E9", "#E9E9E9", "grey-light", "grey"],
|
|
38
38
|
[TrilogyColor.HOVERED]: ["#F4F4F4", "#F4F4F4", "hovered", "white"],
|
|
39
39
|
};
|
|
40
40
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Color.js","sourceRoot":"","sources":["../../../objects/facets/Color.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAClC,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AAGjE;;GAEG;AACH,MAAM,CAAN,IAAY,YAcX;AAdD,WAAY,YAAY;IACtB,oCAAoB,CAAA;IACpB,6BAAa,CAAA;IACb,iCAAiB,CAAA;IACjB,6BAAa,CAAA;IACb,mCAAmB,CAAA;IACnB,6BAAa,CAAA;IACb,mCAAmB,CAAA;IACnB,+BAAe,CAAA;IACf,qCAAqB,CAAA;IACrB,mCAAmB,CAAA;IACnB,mCAAmB,CAAA;IACnB,6CAA6B,CAAA;IAC7B,+CAA+B,CAAA;AACjC,CAAC,EAdW,YAAY,KAAZ,YAAY,QAcvB;AAID;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAmC;IACpD,CAAC,YAAY,CAAC,UAAU,CAAC,EACvB,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,CAAC;IACtC,CAAC,YAAY,CAAC,IAAI,CAAC,EACjB,CAAC,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,CAAC;IACzC,CAAC,YAAY,CAAC,MAAM,CAAC,EACjB,CAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,CAAE;IAC9C,CAAC,YAAY,CAAC,IAAI,CAAC,EACf,CAAC,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,CAAC;IAC3C,CAAC,YAAY,CAAC,OAAO,CAAC,EAClB,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC;IAC9C,CAAC,YAAY,CAAC,IAAI,CAAC,EACf,CAAC,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,CAAC;IAC3C,CAAC,YAAY,CAAC,OAAO,CAAC,EACpB,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC;IAC5C,CAAC,YAAY,CAAC,KAAK,CAAC,EAChB,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,CAAC;IAC5C,CAAC,YAAY,CAAC,QAAQ,CAAC,EACnB,CAAC,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,CAAC;IAC/C,CAAC,YAAY,CAAC,OAAO,CAAC,EAClB,CAAC,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,CAAC;IAC3C,CAAC,YAAY,CAAC,YAAY,CAAC,EACvB,CAAC,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,OAAO,CAAC;IAChD,CAAC,YAAY,CAAC,aAAa,CAAC,EACxB,CAAC,SAAS,EAAE,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"Color.js","sourceRoot":"","sources":["../../../objects/facets/Color.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { NotificationProps } from "./NotificationProps";
|
|
3
|
-
/**
|
|
4
|
-
* Notification Component
|
|
5
|
-
* @param hasIcon {boolean} Display icon, default true
|
|
6
|
-
* @param iconName {IconName} Custom icon
|
|
7
|
-
* @param title {string} Notification title content
|
|
8
|
-
* @param description {string|ReactNode} Notification description content
|
|
9
|
-
* @param alert {AlertState} Alert Variant (INFO|SUCCESS|WARNING|ERROR)
|
|
10
|
-
* @param buttonClick {ClickEvent} Click event for button
|
|
11
|
-
* @param buttonContent {string} Button content
|
|
12
|
-
* @param arrow {boolean} Notification with right arrow on right side (Uses only if not button content)
|
|
13
|
-
* @param info (boolean) Small info notification use it without button and arrow
|
|
14
|
-
* @param onClick {Function} onClick Event for all notification
|
|
15
|
-
* @param children {React.ReactNode}
|
|
16
|
-
* @param closable {Function} onClick Event on cross icon
|
|
17
|
-
* * - -------------------------- WEB PROPERTIES -------------------------------
|
|
18
|
-
* @param banner {boolean} Banner notification
|
|
19
|
-
* @param className {string} Additionnal CSS Classes
|
|
20
|
-
* @param iconClassname {string} Additionnal Icon CSS
|
|
21
|
-
* @param buttonMarkup {ButtonMarkup} Custom markup for button
|
|
22
|
-
* * - -------------------------- NATIVE PROPERTIES -------------------------------
|
|
23
|
-
* @param deletable {Function} onClick Event on delete icon or slide over ()
|
|
24
|
-
* @param unread {boolean} only with notification deletable if notification is unread
|
|
25
|
-
*/
|
|
26
|
-
declare const Notification: ({ className, hasIcon, iconClassname, iconName, title, description, alert, buttonContent, buttonClick, buttonMarkup, arrow, info, banner, onClick, closable, testId, ...others }: NotificationProps) => JSX.Element;
|
|
27
|
-
export default Notification;
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { AlertState, getAlertClassName, getAlertIconName, } from "../../objects/facets/Alert";
|
|
3
|
-
import { has, is } from "../../services/classify";
|
|
4
|
-
import { Button } from "../button";
|
|
5
|
-
import { Icon, IconName, IconSize } from "../icon";
|
|
6
|
-
import { Text } from "../text";
|
|
7
|
-
import { Title, TitleLevels } from "../title";
|
|
8
|
-
import { hashClass } from "../../helpers";
|
|
9
|
-
import clsx from "clsx";
|
|
10
|
-
import { useTrilogyContext } from "../../context";
|
|
11
|
-
/**
|
|
12
|
-
* Notification Component
|
|
13
|
-
* @param hasIcon {boolean} Display icon, default true
|
|
14
|
-
* @param iconName {IconName} Custom icon
|
|
15
|
-
* @param title {string} Notification title content
|
|
16
|
-
* @param description {string|ReactNode} Notification description content
|
|
17
|
-
* @param alert {AlertState} Alert Variant (INFO|SUCCESS|WARNING|ERROR)
|
|
18
|
-
* @param buttonClick {ClickEvent} Click event for button
|
|
19
|
-
* @param buttonContent {string} Button content
|
|
20
|
-
* @param arrow {boolean} Notification with right arrow on right side (Uses only if not button content)
|
|
21
|
-
* @param info (boolean) Small info notification use it without button and arrow
|
|
22
|
-
* @param onClick {Function} onClick Event for all notification
|
|
23
|
-
* @param children {React.ReactNode}
|
|
24
|
-
* @param closable {Function} onClick Event on cross icon
|
|
25
|
-
* * - -------------------------- WEB PROPERTIES -------------------------------
|
|
26
|
-
* @param banner {boolean} Banner notification
|
|
27
|
-
* @param className {string} Additionnal CSS Classes
|
|
28
|
-
* @param iconClassname {string} Additionnal Icon CSS
|
|
29
|
-
* @param buttonMarkup {ButtonMarkup} Custom markup for button
|
|
30
|
-
* * - -------------------------- NATIVE PROPERTIES -------------------------------
|
|
31
|
-
* @param deletable {Function} onClick Event on delete icon or slide over ()
|
|
32
|
-
* @param unread {boolean} only with notification deletable if notification is unread
|
|
33
|
-
*/
|
|
34
|
-
const Notification = ({ className, hasIcon = true, iconClassname, iconName, title, description, alert, buttonContent, buttonClick, buttonMarkup, arrow, info, banner, onClick, closable, testId, ...others }) => {
|
|
35
|
-
const { styled } = useTrilogyContext();
|
|
36
|
-
const classes = hashClass(styled, clsx("notification", has("body"), !buttonContent && !arrow && info != null && is("small"), banner &&
|
|
37
|
-
!buttonContent &&
|
|
38
|
-
!arrow &&
|
|
39
|
-
!info && [is("banner"), !description && has("description")], description && has("description"), !!alert &&
|
|
40
|
-
(!info || (alert !== AlertState.INFO && info)) &&
|
|
41
|
-
is(getAlertClassName(alert)), className));
|
|
42
|
-
const _iconNotif = React.useMemo(() => {
|
|
43
|
-
var _a;
|
|
44
|
-
if (iconName != null)
|
|
45
|
-
return iconName;
|
|
46
|
-
else if (info)
|
|
47
|
-
return (_a = getAlertIconName(alert)) !== null && _a !== void 0 ? _a : IconName.INFOS_CIRCLE;
|
|
48
|
-
else
|
|
49
|
-
return IconName.BELL;
|
|
50
|
-
}, [iconName, info, alert]);
|
|
51
|
-
return (React.createElement("div", { "data-testid": testId, onClick: (e) => {
|
|
52
|
-
// eslint-disable-next-line no-unused-expressions
|
|
53
|
-
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
54
|
-
e.stopPropagation();
|
|
55
|
-
}, className: classes, ...others },
|
|
56
|
-
hasIcon && React.createElement(Icon, { className: iconClassname, name: _iconNotif }),
|
|
57
|
-
React.createElement("div", { className: hashClass(styled, clsx("body")) },
|
|
58
|
-
title && typeof title.valueOf() === "string" ? (React.createElement(Title, { level: TitleLevels.THREE }, title)) : (title),
|
|
59
|
-
description && typeof description.valueOf() === "string" ? (React.createElement(Text, null, description)) : (description)),
|
|
60
|
-
buttonContent && !arrow && (React.createElement("div", { className: hashClass(styled, clsx("call-to-action")) },
|
|
61
|
-
React.createElement(Button, { variant: "PRIMARY", markup: buttonMarkup, onClick: buttonClick }, buttonContent))),
|
|
62
|
-
arrow && !buttonContent && (React.createElement("div", { onClick: buttonClick, className: hashClass(styled, clsx("call-to-action")) },
|
|
63
|
-
React.createElement(Icon, { name: IconName.ARROW_RIGHT, size: IconSize.SMALL }))),
|
|
64
|
-
closable && !buttonContent && (React.createElement("div", { "data-testid": `${testId}_close_button`, role: "button", onClick: closable, className: hashClass(styled, clsx("call-to-action")) },
|
|
65
|
-
React.createElement(Icon, { name: IconName.TIMES, size: IconSize.SMALL })))));
|
|
66
|
-
};
|
|
67
|
-
export default Notification;
|
|
68
|
-
//# sourceMappingURL=Notification.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Notification.js","sourceRoot":"","sources":["../../../components/notification/Notification.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { NotificationProps } from "./NotificationProps";
|
|
3
|
-
import { ComponentName } from "../enumsComponentsName";
|
|
4
|
-
/**
|
|
5
|
-
* Notification Component
|
|
6
|
-
* @param hasIcon {boolean} Display icon, default true
|
|
7
|
-
* @param iconName {IconName} Custom icon
|
|
8
|
-
* @param title {string} Notification title content
|
|
9
|
-
* @param description {string|ReactNode} Notification description content
|
|
10
|
-
* @param alert {AlertState} Alert Variant (INFO|SUCCESS|WARNING|ERROR)
|
|
11
|
-
* @param buttonClick {ClickEvent} Click event for button
|
|
12
|
-
* @param buttonContent {string} Button content
|
|
13
|
-
* @param arrow {boolean} Notification with right arrow on right side (Uses only if not button content)
|
|
14
|
-
* @param infoinfo (boolean) Small info notification use it without button and arrow
|
|
15
|
-
* @param onClick {Function} onClick Event for all notification
|
|
16
|
-
* @param children {React.ReactNode}
|
|
17
|
-
* @param closable {Function} onClick Event on cross icon
|
|
18
|
-
* @param deletable {Function | boolean} onClick Event on delete icon or slide over (), pass true if you want deletable style without swipe
|
|
19
|
-
* @param read {boolean} only with notification deletable if notification is unread
|
|
20
|
-
*/
|
|
21
|
-
declare const Notification: {
|
|
22
|
-
({ hasIcon, iconName, title, description, alert, buttonContent, buttonClick, arrow, info, onClick, closable, deletable, read, ...others }: NotificationProps): JSX.Element;
|
|
23
|
-
displayName: ComponentName;
|
|
24
|
-
};
|
|
25
|
-
export default Notification;
|
|
@@ -1,175 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { StyleSheet, TouchableOpacity } from "react-native";
|
|
3
|
-
import { Columns, ColumnsItem } from "../columns";
|
|
4
|
-
import { Button } from "../button";
|
|
5
|
-
import { View } from "../view";
|
|
6
|
-
import { Text, TextLevels } from "../text";
|
|
7
|
-
import { IconName } from "../icon/IconNameEnum";
|
|
8
|
-
import { AlertState, getAlertIconName } from "../../objects/facets/Alert";
|
|
9
|
-
import { getColorStyle, TrilogyColor } from "../../objects/facets/Color";
|
|
10
|
-
import { getInfoColorStyle } from "./NotificationEnum";
|
|
11
|
-
import DeletableNotification from "./deletable";
|
|
12
|
-
import { Icon, IconSize } from "../icon";
|
|
13
|
-
import { TypographyBold } from "../../objects";
|
|
14
|
-
import { ComponentName } from "../enumsComponentsName";
|
|
15
|
-
/**
|
|
16
|
-
* Notification Component
|
|
17
|
-
* @param hasIcon {boolean} Display icon, default true
|
|
18
|
-
* @param iconName {IconName} Custom icon
|
|
19
|
-
* @param title {string} Notification title content
|
|
20
|
-
* @param description {string|ReactNode} Notification description content
|
|
21
|
-
* @param alert {AlertState} Alert Variant (INFO|SUCCESS|WARNING|ERROR)
|
|
22
|
-
* @param buttonClick {ClickEvent} Click event for button
|
|
23
|
-
* @param buttonContent {string} Button content
|
|
24
|
-
* @param arrow {boolean} Notification with right arrow on right side (Uses only if not button content)
|
|
25
|
-
* @param infoinfo (boolean) Small info notification use it without button and arrow
|
|
26
|
-
* @param onClick {Function} onClick Event for all notification
|
|
27
|
-
* @param children {React.ReactNode}
|
|
28
|
-
* @param closable {Function} onClick Event on cross icon
|
|
29
|
-
* @param deletable {Function | boolean} onClick Event on delete icon or slide over (), pass true if you want deletable style without swipe
|
|
30
|
-
* @param read {boolean} only with notification deletable if notification is unread
|
|
31
|
-
*/
|
|
32
|
-
const Notification = ({ hasIcon = true, iconName, title, description, alert, buttonContent, buttonClick, arrow, info, onClick, closable, deletable, read, ...others }) => {
|
|
33
|
-
const backgroundColor = getColorStyle(TrilogyColor.BACKGROUND);
|
|
34
|
-
const defaultIconSize = IconSize.SMALL;
|
|
35
|
-
/*
|
|
36
|
-
const fontColor = getAlertStyle(alert) || getColorStyle(TrilogyColor.MAIN)
|
|
37
|
-
*/
|
|
38
|
-
const infoColor = getInfoColorStyle(alert) || getInfoColorStyle(AlertState.INFO);
|
|
39
|
-
const infoFontColor = TrilogyColor.MAIN;
|
|
40
|
-
const styles = StyleSheet.create({
|
|
41
|
-
container: {
|
|
42
|
-
width: "100%",
|
|
43
|
-
paddingTop: 16,
|
|
44
|
-
paddingBottom: 16,
|
|
45
|
-
backgroundColor: backgroundColor,
|
|
46
|
-
paddingLeft: 16,
|
|
47
|
-
paddingRight: 16,
|
|
48
|
-
alignItems: "center",
|
|
49
|
-
justifyContent: "center",
|
|
50
|
-
borderRadius: 6,
|
|
51
|
-
shadowColor: "#000",
|
|
52
|
-
shadowOffset: {
|
|
53
|
-
width: 0,
|
|
54
|
-
height: 1,
|
|
55
|
-
},
|
|
56
|
-
shadowOpacity: 0.33,
|
|
57
|
-
shadowRadius: 2.22,
|
|
58
|
-
elevation: 1,
|
|
59
|
-
},
|
|
60
|
-
notification: {
|
|
61
|
-
paddingTop: (description && 4) || 0,
|
|
62
|
-
paddingLeft: 16,
|
|
63
|
-
paddingRight: 16,
|
|
64
|
-
alignItems: "center",
|
|
65
|
-
justifyContent: "center",
|
|
66
|
-
},
|
|
67
|
-
shadow: {},
|
|
68
|
-
icon: {
|
|
69
|
-
justifyContent: "center",
|
|
70
|
-
alignItems: "center",
|
|
71
|
-
position: (arrow && "absolute") || "relative",
|
|
72
|
-
},
|
|
73
|
-
description: {
|
|
74
|
-
justifyContent: "center",
|
|
75
|
-
alignItems: "center",
|
|
76
|
-
paddingTop: 4,
|
|
77
|
-
color: getColorStyle(TrilogyColor.MAIN),
|
|
78
|
-
textAlignVertical: "center",
|
|
79
|
-
},
|
|
80
|
-
buttonContainer: {
|
|
81
|
-
width: "100%",
|
|
82
|
-
paddingTop: 17,
|
|
83
|
-
paddingBottom: 17,
|
|
84
|
-
backgroundColor: backgroundColor,
|
|
85
|
-
paddingLeft: 12,
|
|
86
|
-
paddingRight: 12,
|
|
87
|
-
alignItems: "center",
|
|
88
|
-
justifyContent: "center",
|
|
89
|
-
textAlignVertical: "center",
|
|
90
|
-
},
|
|
91
|
-
button: {
|
|
92
|
-
justifyContent: "center",
|
|
93
|
-
alignItems: "center",
|
|
94
|
-
},
|
|
95
|
-
info: {
|
|
96
|
-
width: "100%",
|
|
97
|
-
paddingTop: 10,
|
|
98
|
-
paddingBottom: 10,
|
|
99
|
-
backgroundColor: infoColor,
|
|
100
|
-
borderRadius: 6,
|
|
101
|
-
alignItems: "baseline",
|
|
102
|
-
paddingLeft: 12,
|
|
103
|
-
paddingRight: 12,
|
|
104
|
-
},
|
|
105
|
-
});
|
|
106
|
-
let notificationView;
|
|
107
|
-
if (info && title) {
|
|
108
|
-
notificationView = (
|
|
109
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
110
|
-
React.createElement(View, { style: [styles.info, others.style] },
|
|
111
|
-
React.createElement(Columns, null,
|
|
112
|
-
hasIcon && (React.createElement(ColumnsItem, { size: 1 },
|
|
113
|
-
React.createElement(Icon, { style: styles.icon, name: iconName ? iconName : getAlertIconName(alert) }))),
|
|
114
|
-
closable ? (React.createElement(React.Fragment, null,
|
|
115
|
-
React.createElement(ColumnsItem, { size: hasIcon ? 10 : 11 },
|
|
116
|
-
React.createElement(Text, { typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD, level: TextLevels.ONE }, title)),
|
|
117
|
-
React.createElement(ColumnsItem, { size: 1 },
|
|
118
|
-
React.createElement(TouchableOpacity, { onPress: closable, activeOpacity: 0.85 },
|
|
119
|
-
React.createElement(Icon, { style: styles.icon, name: IconName.TIMES, size: defaultIconSize, color: infoFontColor }))))) : (React.createElement(ColumnsItem, { size: hasIcon ? 11 : 12 },
|
|
120
|
-
React.createElement(Text, { typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD, level: TextLevels.ONE }, title)))),
|
|
121
|
-
description && (React.createElement(Columns, null,
|
|
122
|
-
hasIcon && React.createElement(ColumnsItem, { size: 1 }),
|
|
123
|
-
React.createElement(ColumnsItem, { size: hasIcon ? 11 : 12 }, typeof description.valueOf() === "string" ? (React.createElement(Text, { level: TextLevels.TWO, style: styles.description }, description)) : (description))))));
|
|
124
|
-
}
|
|
125
|
-
else if (description && !title && info) {
|
|
126
|
-
return (
|
|
127
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
128
|
-
React.createElement(View, { style: [styles.info, others.style] },
|
|
129
|
-
React.createElement(View, { style: { width: "90%" } }, typeof description.valueOf() === "string" ? (React.createElement(Text, { level: TextLevels.TWO, style: styles.description }, description)) : (description))));
|
|
130
|
-
}
|
|
131
|
-
else if (arrow && title) {
|
|
132
|
-
notificationView = (React.createElement(View, { style: [styles.buttonContainer, styles.container], ...others },
|
|
133
|
-
React.createElement(View, { style: [styles.notification] },
|
|
134
|
-
React.createElement(Columns, null,
|
|
135
|
-
hasIcon && (React.createElement(ColumnsItem, { verticalCenter: true, size: 1 },
|
|
136
|
-
React.createElement(Icon, { style: styles.icon, name: iconName !== null && iconName !== void 0 ? iconName : IconName.BELL, size: defaultIconSize }))),
|
|
137
|
-
title && (React.createElement(ColumnsItem, { verticalCenter: true, size: hasIcon ? 10 : 11 },
|
|
138
|
-
React.createElement(Text, { level: TextLevels.ONE }, title))),
|
|
139
|
-
arrow && (React.createElement(ColumnsItem, { verticalCenter: true, size: 1 },
|
|
140
|
-
React.createElement(Icon, { onClick: (e) => buttonClick && buttonClick(e), style: styles.icon, name: IconName.ARROW_RIGHT, size: defaultIconSize })))))));
|
|
141
|
-
}
|
|
142
|
-
else if (buttonContent && title) {
|
|
143
|
-
notificationView = (React.createElement(View, { style: [styles.buttonContainer, styles.container], ...others },
|
|
144
|
-
React.createElement(View, { style: [styles.notification] },
|
|
145
|
-
React.createElement(Columns, null,
|
|
146
|
-
hasIcon && (React.createElement(ColumnsItem, { verticalCenter: true, size: 1 },
|
|
147
|
-
React.createElement(Icon, { style: styles.icon, name: iconName !== null && iconName !== void 0 ? iconName : IconName.BELL, size: defaultIconSize }))),
|
|
148
|
-
title && (React.createElement(ColumnsItem, { verticalCenter: true, size: hasIcon ? 5 : 6 },
|
|
149
|
-
React.createElement(Text, { level: TextLevels.ONE }, title))),
|
|
150
|
-
buttonContent && (React.createElement(ColumnsItem, { size: 3 },
|
|
151
|
-
React.createElement(View, { style: styles.button },
|
|
152
|
-
React.createElement(Button, { onClick: buttonClick, variant: "PRIMARY" }, buttonContent))))))));
|
|
153
|
-
}
|
|
154
|
-
else if (deletable) {
|
|
155
|
-
notificationView = (React.createElement(DeletableNotification, { title: title && title, iconName: iconName, deletable: deletable, read: read }));
|
|
156
|
-
}
|
|
157
|
-
else {
|
|
158
|
-
notificationView = (React.createElement(View, { style: [styles.container, styles.shadow], ...others },
|
|
159
|
-
React.createElement(View, { style: [styles.notification, styles.shadow] },
|
|
160
|
-
React.createElement(Columns, null,
|
|
161
|
-
hasIcon && (React.createElement(ColumnsItem, { size: 1 },
|
|
162
|
-
React.createElement(Icon, { style: styles.icon, name: iconName !== null && iconName !== void 0 ? iconName : IconName.BELL, size: defaultIconSize }))),
|
|
163
|
-
title && (React.createElement(ColumnsItem, { size: hasIcon ? 9 : 10 },
|
|
164
|
-
React.createElement(Text, { level: TextLevels.ONE }, title)))),
|
|
165
|
-
description && (React.createElement(Columns, null,
|
|
166
|
-
hasIcon && React.createElement(ColumnsItem, { size: 1 }),
|
|
167
|
-
React.createElement(ColumnsItem, { size: hasIcon ? 9 : 10 },
|
|
168
|
-
React.createElement(Text, { level: TextLevels.TWO, style: styles.description }, description)))))));
|
|
169
|
-
}
|
|
170
|
-
return onClick ? (React.createElement(View, { style: styles.shadow },
|
|
171
|
-
React.createElement(TouchableOpacity, { onPress: onClick, activeOpacity: 0.85 }, notificationView))) : (notificationView);
|
|
172
|
-
};
|
|
173
|
-
Notification.displayName = ComponentName.Notification;
|
|
174
|
-
export default Notification;
|
|
175
|
-
//# sourceMappingURL=Notification.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Notification.native.js","sourceRoot":"","sources":["../../../components/notification/Notification.native.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const getInfoColorStyle: (InfoColor?: string) => string;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { getColorStyle } from "../../objects/facets";
|
|
2
|
-
export const getInfoColorStyle = (InfoColor) => {
|
|
3
|
-
switch (InfoColor) {
|
|
4
|
-
case "SUCCESS":
|
|
5
|
-
return getColorStyle("SUCCESS", 1);
|
|
6
|
-
case "INFO":
|
|
7
|
-
return getColorStyle("INFO", 1);
|
|
8
|
-
case "WARNING":
|
|
9
|
-
return getColorStyle("WARNING", 1);
|
|
10
|
-
case "ERROR":
|
|
11
|
-
return getColorStyle("ERROR", 1);
|
|
12
|
-
default:
|
|
13
|
-
return "";
|
|
14
|
-
}
|
|
15
|
-
};
|
|
16
|
-
//# sourceMappingURL=NotificationEnum.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NotificationEnum.js","sourceRoot":"","sources":["../../../components/notification/NotificationEnum.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAEpD,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,SAAkB,EAAU,EAAE;IAC9D,QAAQ,SAAS,EAAE;QACjB,KAAK,SAAS;YACZ,OAAO,aAAa,CAAC,SAAS,EAAE,CAAC,CAAC,CAAA;QACpC,KAAK,MAAM;YACT,OAAO,aAAa,CAAC,MAAM,EAAE,CAAC,CAAC,CAAA;QACjC,KAAK,SAAS;YACZ,OAAO,aAAa,CAAC,SAAS,EAAE,CAAC,CAAC,CAAA;QACpC,KAAK,OAAO;YACV,OAAO,aAAa,CAAC,OAAO,EAAE,CAAC,CAAC,CAAA;QAClC;YACE,OAAO,EAAE,CAAA;KACZ;AACH,CAAC,CAAA"}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { Clickable } from './../../objects/facets/Clickable';
|
|
3
|
-
import { ClickEvent } from '../../events/OnClickEvent';
|
|
4
|
-
import { Accessibility, AlertProps } from '../../objects/facets';
|
|
5
|
-
import { ButtonMarkup, ButtonMarkupValues } from '../button';
|
|
6
|
-
import { IconName, IconNameValues } from '../icon/IconNameEnum';
|
|
7
|
-
/**
|
|
8
|
-
* Notification Interface
|
|
9
|
-
*/
|
|
10
|
-
export interface NotificationProps extends AlertProps, Clickable, Accessibility {
|
|
11
|
-
children?: React.ReactNode;
|
|
12
|
-
hasIcon?: boolean;
|
|
13
|
-
iconName?: IconName | IconNameValues;
|
|
14
|
-
title?: string | React.ReactNode;
|
|
15
|
-
description?: string | React.ReactNode;
|
|
16
|
-
info?: boolean;
|
|
17
|
-
deletable?: ClickEvent | boolean;
|
|
18
|
-
read?: boolean;
|
|
19
|
-
buttonContent?: string;
|
|
20
|
-
buttonClick?: ClickEvent;
|
|
21
|
-
arrow?: boolean;
|
|
22
|
-
banner?: boolean;
|
|
23
|
-
className?: string;
|
|
24
|
-
iconClassname?: string;
|
|
25
|
-
buttonMarkup?: ButtonMarkup | ButtonMarkupValues;
|
|
26
|
-
closable?: ClickEvent;
|
|
27
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NotificationProps.js","sourceRoot":"","sources":["../../../components/notification/NotificationProps.ts"],"names":[],"mappings":""}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { DeletableNotificationProps } from "./DeletableNotificationProps";
|
|
3
|
-
/**
|
|
4
|
-
* Deletable Notification
|
|
5
|
-
* @param iconName {IconName} Icon Name Type
|
|
6
|
-
* @param title {string} Deletable notification title
|
|
7
|
-
* @param deletable {ClickEvent} Click event
|
|
8
|
-
* @param read {boolean} If notification has been read
|
|
9
|
-
*/
|
|
10
|
-
declare const DeletableNotification: ({ iconName, title, deletable, read, }: DeletableNotificationProps) => JSX.Element;
|
|
11
|
-
export default DeletableNotification;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
/* eslint-disable @typescript-eslint/no-unused-vars */
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
/**
|
|
4
|
-
* Deletable Notification
|
|
5
|
-
* @param iconName {IconName} Icon Name Type
|
|
6
|
-
* @param title {string} Deletable notification title
|
|
7
|
-
* @param deletable {ClickEvent} Click event
|
|
8
|
-
* @param read {boolean} If notification has been read
|
|
9
|
-
*/
|
|
10
|
-
const DeletableNotification = ({ iconName, title, deletable, read, }) => {
|
|
11
|
-
// eslint-disable-next-line react/jsx-no-useless-fragment
|
|
12
|
-
return React.createElement(React.Fragment, null);
|
|
13
|
-
};
|
|
14
|
-
export default DeletableNotification;
|
|
15
|
-
//# sourceMappingURL=DeletableNotification.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DeletableNotification.js","sourceRoot":"","sources":["../../../../components/notification/deletable/DeletableNotification.tsx"],"names":[],"mappings":"AAAA,sDAAsD;AACtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B;;;;;;GAMG;AACH,MAAM,qBAAqB,GAAG,CAAC,EAC7B,QAAQ,EACR,KAAK,EACL,SAAS,EACT,IAAI,GACuB,EAAe,EAAE;IAC5C,yDAAyD;IACzD,OAAO,yCAAK,CAAA;AACd,CAAC,CAAA;AAED,eAAe,qBAAqB,CAAA"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { DeletableNotificationProps } from "./DeletableNotificationProps";
|
|
3
|
-
import { ComponentName } from "../../enumsComponentsName";
|
|
4
|
-
/**
|
|
5
|
-
* Deletable Notification
|
|
6
|
-
* @param iconName {IconName} Icon Name Type
|
|
7
|
-
* @param title {string} Deletable notification title
|
|
8
|
-
* @param deletable {ClickEvent | boolean} Click event, pass true if you want deletable style without swipe
|
|
9
|
-
* @param read {boolean} If notification has been read
|
|
10
|
-
*/
|
|
11
|
-
declare const DeletableNotification: {
|
|
12
|
-
({ iconName, title, deletable, read, }: DeletableNotificationProps): JSX.Element;
|
|
13
|
-
displayName: ComponentName;
|
|
14
|
-
};
|
|
15
|
-
export default DeletableNotification;
|