@trilogy-ds/react 0.0.1-beta-71 → 0.0.1-beta-74
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/accordion/body/AccordionBody.d.ts +0 -1
- package/lib/components/accordion/body/AccordionBody.js +0 -1
- package/lib/components/accordion/body/AccordionBody.js.map +1 -1
- package/lib/components/accordion/body/AccordionBodyProps.d.ts +0 -1
- package/lib/components/accordion/body/AccordionBodyPropsDefaults.js +0 -7
- package/lib/components/alert/Alert.d.ts +4 -5
- package/lib/components/alert/Alert.js +10 -11
- package/lib/components/alert/Alert.js.map +1 -1
- package/lib/components/alert/Alert.native.d.ts +6 -6
- package/lib/components/alert/Alert.native.js +13 -13
- package/lib/components/alert/Alert.native.js.map +1 -1
- package/lib/components/alert/AlertProps.d.ts +3 -4
- package/lib/components/alert/AlertPropsDefaults.js +1 -8
- package/lib/components/alert/{ToasterAlertPropsDefaults.js → ToasterStatusPropsDefaults.js} +1 -16
- package/lib/components/alert/context/ToastPropsDefaults.js +1 -1
- package/lib/components/alert/context/ToasterContextProps.d.ts +3 -3
- package/lib/components/badge/Badge.d.ts +1 -2
- package/lib/components/badge/Badge.js +3 -8
- package/lib/components/badge/Badge.js.map +1 -1
- package/lib/components/badge/Badge.native.d.ts +1 -2
- package/lib/components/badge/Badge.native.js +2 -5
- package/lib/components/badge/Badge.native.js.map +1 -1
- package/lib/components/badge/BadgeProps.d.ts +1 -2
- package/lib/components/badge/BadgePropsDefaults.js +0 -8
- package/lib/components/box/Box.d.ts +2 -2
- package/lib/components/box/Box.js +3 -3
- package/lib/components/box/Box.js.map +1 -1
- package/lib/components/box/Box.native.d.ts +2 -2
- package/lib/components/box/Box.native.js +8 -8
- package/lib/components/box/Box.native.js.map +1 -1
- package/lib/components/box/BoxProps.d.ts +1 -1
- package/lib/components/box/BoxPropsDefaults.js +3 -3
- package/lib/components/box/content/BoxContentPropsDefaults.js +1 -1
- package/lib/components/box/footer/BoxFooterPropsDefaults.js +1 -1
- package/lib/components/box/header/BoxHeaderPropsDefaults.js +1 -1
- package/lib/components/card/Card.d.ts +3 -0
- package/lib/components/card/Card.js +3 -2
- package/lib/components/card/Card.js.map +1 -1
- package/lib/components/card/CardPropsDefaults.js +1 -1
- package/lib/components/card/content/CardContent.native.d.ts +0 -1
- package/lib/components/card/content/CardContent.native.js +0 -1
- package/lib/components/card/content/CardContent.native.js.map +1 -1
- package/lib/components/card/content/CardContentProps.d.ts +0 -1
- package/lib/components/card/content/CardContentPropsDefaults.js +0 -8
- package/lib/components/card/image/CardImage.d.ts +0 -1
- package/lib/components/card/image/CardImage.js +0 -1
- package/lib/components/card/image/CardImage.js.map +1 -1
- package/lib/components/card/image/CardImage.native.d.ts +1 -1
- package/lib/components/card/image/CardImage.native.js +2 -1
- package/lib/components/card/image/CardImage.native.js.map +1 -1
- package/lib/components/card/image/CardImageProps.d.ts +0 -2
- package/lib/components/card/image/CardImagePropsDefaults.js +0 -8
- package/lib/components/chips/Chips.d.ts +1 -2
- package/lib/components/chips/Chips.js +4 -6
- package/lib/components/chips/Chips.js.map +1 -1
- package/lib/components/chips/Chips.native.d.ts +1 -2
- package/lib/components/chips/Chips.native.js +1 -3
- package/lib/components/chips/Chips.native.js.map +1 -1
- package/lib/components/chips/ChipsProps.d.ts +0 -1
- package/lib/components/chips/ChipsPropsDefaults.js +0 -8
- package/lib/components/chips/list/ChipsList.js +1 -1
- package/lib/components/chips/list/ChipsList.js.map +1 -1
- package/lib/components/columns/Columns.d.ts +0 -1
- package/lib/components/columns/Columns.js +2 -3
- package/lib/components/columns/Columns.js.map +1 -1
- package/lib/components/columns/ColumnsProps.d.ts +1 -3
- package/lib/components/columns/ColumnsPropsDefaults.js +0 -17
- package/lib/components/columns/item/ColumnsItem.native.js +3 -0
- package/lib/components/columns/item/ColumnsItem.native.js.map +1 -1
- package/lib/components/container/ContainerPropsDefaults.js +1 -1
- package/lib/components/countdown/Countdown.d.ts +2 -1
- package/lib/components/countdown/Countdown.js +3 -2
- package/lib/components/countdown/Countdown.js.map +1 -1
- package/lib/components/countdown/Countdown.native.d.ts +2 -1
- package/lib/components/countdown/Countdown.native.js +3 -2
- package/lib/components/countdown/Countdown.native.js.map +1 -1
- package/lib/components/countdown/CountdownProps.d.ts +1 -0
- package/lib/components/countdown/CountdownPropsDefaults.js +8 -0
- package/lib/components/divider/DividerPropsDefaults.js +3 -3
- package/lib/components/enumsComponentsName.d.ts +1 -1
- package/lib/components/enumsComponentsName.js +1 -1
- package/lib/components/enumsComponentsName.js.map +1 -1
- package/lib/components/fab/FabProps.d.ts +2 -2
- package/lib/components/fab/FabPropsDefaults.js +0 -16
- package/lib/components/hero/HeroPropsDefaults.js +1 -1
- package/lib/components/icon/IconPropsDefaults.js +1 -1
- package/lib/components/icon/circle/CircleIconPropsDefaults.js +1 -1
- package/lib/components/input/Input.d.ts +3 -2
- package/lib/components/input/Input.js +10 -3
- package/lib/components/input/Input.js.map +1 -1
- package/lib/components/input/Input.native.d.ts +3 -1
- package/lib/components/input/Input.native.js +33 -22
- package/lib/components/input/Input.native.js.map +1 -1
- package/lib/components/input/InputProps.d.ts +2 -3
- package/lib/components/input/InputPropsDefaults.js +8 -17
- package/lib/components/input/autocomplete/AutoCompletePropsDefaults.js +8 -17
- package/lib/components/link/Link.js +2 -2
- package/lib/components/link/Link.js.map +1 -1
- package/lib/components/link/Link.native.d.ts +0 -1
- package/lib/components/link/Link.native.js +0 -1
- package/lib/components/link/Link.native.js.map +1 -1
- package/lib/components/link/LinkProps.d.ts +0 -1
- package/lib/components/link/LinkPropsDefaults.js +0 -8
- package/lib/components/modal/ModalPropsDefaults.js +1 -1
- package/lib/components/modal/title/ModalTitlePropsDefaults.js +1 -1
- package/lib/components/otp/Otp.d.ts +0 -12
- package/lib/components/otp/Otp.js +77 -98
- package/lib/components/otp/Otp.js.map +1 -1
- package/lib/components/price/Price.d.ts +1 -1
- package/lib/components/price/Price.js +2 -2
- package/lib/components/price/Price.js.map +1 -1
- package/lib/components/price/Price.native.d.ts +1 -2
- package/lib/components/price/Price.native.js +3 -5
- package/lib/components/price/Price.native.js.map +1 -1
- package/lib/components/price/PriceProps.d.ts +5 -5
- package/lib/components/price/PricePropsDefaults.js +0 -21
- package/lib/components/progress/Progress.d.ts +1 -1
- package/lib/components/progress/Progress.js +4 -4
- package/lib/components/progress/Progress.js.map +1 -1
- package/lib/components/progress/Progress.native.d.ts +2 -2
- package/lib/components/progress/Progress.native.js +5 -5
- package/lib/components/progress/Progress.native.js.map +1 -1
- package/lib/components/progress/ProgressProps.d.ts +2 -2
- package/lib/components/progress/ProgressPropsDefaults.js +1 -1
- package/lib/components/progress/item/ProgressItem.d.ts +1 -1
- package/lib/components/progress/item/ProgressItem.js +4 -4
- package/lib/components/progress/item/ProgressItem.js.map +1 -1
- package/lib/components/progress/item/ProgressItem.native.d.ts +2 -2
- package/lib/components/progress/item/ProgressItem.native.js +2 -2
- package/lib/components/progress/item/ProgressItem.native.js.map +1 -1
- package/lib/components/progress/item/ProgressItemProps.d.ts +2 -2
- package/lib/components/progress/item/ProgressItemPropsDefaults.js +1 -1
- package/lib/components/progress/radial/ProgressRadial.native.d.ts +3 -3
- package/lib/components/progress/radial/ProgressRadial.native.js +7 -7
- package/lib/components/progress/radial/ProgressRadial.native.js.map +1 -1
- package/lib/components/progress/radial/ProgressRadialProps.d.ts +3 -3
- package/lib/components/progress/radial/ProgressRadialPropsDefaults.js +2 -2
- package/lib/components/rows/Rows.d.ts +1 -0
- package/lib/components/rows/Rows.js +4 -2
- package/lib/components/rows/Rows.js.map +1 -1
- package/lib/components/rows/Rows.native.d.ts +5 -2
- package/lib/components/rows/Rows.native.js +4 -2
- package/lib/components/rows/Rows.native.js.map +1 -1
- package/lib/components/rows/RowsProps.d.ts +1 -0
- package/lib/components/rows/RowsPropsDefaults.js +8 -0
- package/lib/components/rows/item/RowItem.native.js +3 -1
- package/lib/components/rows/item/RowItem.native.js.map +1 -1
- package/lib/components/scroll-view/ScrollViewPropsDefaults.js +1 -1
- package/lib/components/section/Section.js +1 -1
- package/lib/components/section/Section.js.map +1 -1
- package/lib/components/section/SectionProps.d.ts +2 -2
- package/lib/components/section/SectionPropsDefaults.js +1 -17
- package/lib/components/segment-control/SegmentControlProps.d.ts +1 -4
- package/lib/components/segment-control/SegmentControlPropsDefaults.js +0 -46
- package/lib/components/sticker/Sticker.d.ts +2 -2
- package/lib/components/sticker/Sticker.js +3 -3
- package/lib/components/sticker/Sticker.js.map +1 -1
- package/lib/components/switch/Switch.d.ts +2 -2
- package/lib/components/switch/Switch.js +4 -4
- package/lib/components/switch/Switch.js.map +1 -1
- package/lib/components/switch/Switch.native.d.ts +2 -2
- package/lib/components/switch/Switch.native.js +4 -4
- package/lib/components/switch/Switch.native.js.map +1 -1
- package/lib/components/switch/SwitchProps.d.ts +2 -2
- package/lib/components/switch/SwitchPropsDefaults.js +1 -1
- package/lib/components/table/body/TableBodyPropsDefaults.js +2 -2
- package/lib/components/table/head/TableHeadPropsDefaults.js +2 -2
- package/lib/components/table/tr/TableTrPropsWebDefaults.js +1 -1
- package/lib/components/textarea/Textarea.d.ts +3 -3
- package/lib/components/textarea/Textarea.js +11 -6
- package/lib/components/textarea/Textarea.js.map +1 -1
- package/lib/components/textarea/Textarea.native.js +25 -11
- package/lib/components/textarea/Textarea.native.js.map +1 -1
- package/lib/components/textarea/TextareaProps.d.ts +2 -0
- package/lib/components/timeline/marker/TimelineMarkerPropsDefaults.js +1 -1
- package/lib/components/timeline/marker/TimelineMarkerWebPropsDefaults.js +1 -1
- package/lib/components/title/Title.js +2 -2
- package/lib/components/title/Title.js.map +1 -1
- package/lib/components/toaster/Toaster.js +4 -4
- package/lib/components/toaster/Toaster.js.map +1 -1
- package/lib/components/toaster/Toaster.native.js +7 -7
- package/lib/components/toaster/Toaster.native.js.map +1 -1
- package/lib/components/toaster/ToasterProps.d.ts +2 -2
- package/lib/components/toaster/ToasterPropsDefaults.js +1 -1
- package/lib/components/toaster/context/ToastPropsDefaults.js +1 -1
- package/lib/components/toaster/context/ToasterContextProps.d.ts +3 -3
- package/lib/components/view/ViewPropsDefaults.js +1 -1
- package/lib/objects/facets/Status.d.ts +36 -0
- package/lib/objects/facets/{Alert.js → Status.js} +19 -19
- package/lib/objects/facets/Status.js.map +1 -0
- package/lib/objects/facets/index.d.ts +1 -1
- package/lib/objects/facets/index.js +1 -1
- package/lib/objects/facets/index.js.map +1 -1
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +1 -1
- package/lib/objects/facets/Alert.d.ts +0 -36
- package/lib/objects/facets/Alert.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../components/switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,OAAO,MAAM,SAAS,CAAA;AAC7B,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAA;AACxC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../components/switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,OAAO,MAAM,SAAS,CAAA;AAC7B,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAA;AACxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;;;;;;;;;;GAeG;AAEH,MAAM,MAAM,GAAG,CAAC,EACd,SAAS,EACT,EAAE,GAAG,OAAO,CAAC,QAAQ,EAAE,EACvB,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,OAAO,EACP,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,GAAG,MAAM,EACG,EAAe,EAAE;IAC7B,MAAM,CAAC,QAAQ,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAU,OAAO,IAAI,KAAK,CAAC,CAAA;IAClE,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,UAAU,CAAC,OAAO,IAAI,KAAK,CAAC,CAAA;IAC9B,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,QAAQ,EAAE;YACb,UAAU,CAAC,OAAO,IAAI,KAAK,CAAC,CAAA;SAC7B;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEvB,OAAO,CACL,6BACE,SAAS,EAAE,SAAS,CAClB,MAAM,EACN,IAAI,CAAC,QAAQ,EAAE,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAAE,SAAS,CAAC,CACtD;QAED,+BACE,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;gBACd,IAAI,CAAC,QAAQ,EAAE;oBACb,UAAU,CAAC,CAAC,QAAQ,CAAC,CAAA;iBACtB;gBACD,IAAI,QAAQ,EAAE;oBACZ,QAAQ,CAAC;wBACP,WAAW,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO;wBAC7B,UAAU,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI;qBAC1B,CAAC,CAAA;iBACH;YACH,CAAC;YACD,8DAA8D;YAC9D,OAAO,EAAE,CAAC,CAAM,EAAE,EAAE;gBAClB,IAAI,CAAC,QAAQ,EAAE;oBACb,UAAU,CAAC,CAAC,QAAQ,CAAC,CAAA;iBACtB;gBACD,IAAI,OAAO,EAAE;oBACX,OAAO,CAAC;wBACN,WAAW,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO;wBAC7B,UAAU,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI;qBAC1B,CAAC,CAAA;iBACH;YACH,CAAC,EACD,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EACtC,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,UAAU,EAAE,EAAE,EAClB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,CAClB,MAAM,EACN,IAAI,CAAC,MAAM,IAAI,EAAE,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC,CAAC,CAC/C,KACG,MAAM,GACV;QACF,+BAAO,OAAO,EAAE,UAAU,EAAE,EAAE,IAAG,KAAK,CAAS,CAC3C,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}
|
|
@@ -6,13 +6,13 @@ import { ComponentName } from "../../components/enumsComponentsName";
|
|
|
6
6
|
* @param id {string} Is auto generate by default
|
|
7
7
|
* @param checked {boolean} Checked switch
|
|
8
8
|
* @param onChange {Function} onChange event
|
|
9
|
-
* @param
|
|
9
|
+
* @param status {StatusState} Status Variant (INFO|SUCCESS|WARNING|ERROR)
|
|
10
10
|
* @param disabled {boolean} Switch disabled
|
|
11
11
|
* @param readonly {boolean} Switch readonly
|
|
12
12
|
* @param name {string} Switch name
|
|
13
13
|
*/
|
|
14
14
|
declare const Switch: {
|
|
15
|
-
({ id, checked, onChange,
|
|
15
|
+
({ id, checked, onChange, status, disabled, readonly, name, }: SwitchProps): JSX.Element;
|
|
16
16
|
displayName: ComponentName;
|
|
17
17
|
};
|
|
18
18
|
export default Switch;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { useEffect, useState } from "react";
|
|
2
2
|
import { Platform, StyleSheet, Switch as SwitchNative } from "react-native";
|
|
3
3
|
import shortid from "shortid";
|
|
4
|
-
import {
|
|
4
|
+
import { getStatusStyle } from "../../objects";
|
|
5
5
|
import { getColorStyle, TrilogyColor } from "../../objects/facets/Color";
|
|
6
6
|
import { ComponentName } from "../../components/enumsComponentsName";
|
|
7
7
|
/**
|
|
@@ -9,12 +9,12 @@ import { ComponentName } from "../../components/enumsComponentsName";
|
|
|
9
9
|
* @param id {string} Is auto generate by default
|
|
10
10
|
* @param checked {boolean} Checked switch
|
|
11
11
|
* @param onChange {Function} onChange event
|
|
12
|
-
* @param
|
|
12
|
+
* @param status {StatusState} Status Variant (INFO|SUCCESS|WARNING|ERROR)
|
|
13
13
|
* @param disabled {boolean} Switch disabled
|
|
14
14
|
* @param readonly {boolean} Switch readonly
|
|
15
15
|
* @param name {string} Switch name
|
|
16
16
|
*/
|
|
17
|
-
const Switch = ({ id = shortid.generate(), checked, onChange,
|
|
17
|
+
const Switch = ({ id = shortid.generate(), checked, onChange, status, disabled, readonly, name, }) => {
|
|
18
18
|
const [_checked, setChecked] = useState(checked || false);
|
|
19
19
|
useEffect(() => {
|
|
20
20
|
if (!readonly) {
|
|
@@ -34,7 +34,7 @@ const Switch = ({ id = shortid.generate(), checked, onChange, alert, disabled, r
|
|
|
34
34
|
false: disabled ? backgroundColorDisabled : backgroundColorOff,
|
|
35
35
|
true: disabled
|
|
36
36
|
? backgroundColorDisabled
|
|
37
|
-
: (
|
|
37
|
+
: (status && getStatusStyle(status)) || defaultColor,
|
|
38
38
|
}, thumbColor: thumbColor, ios_backgroundColor: disabled ? backgroundColorDisabled : backgroundColorOff, onValueChange: (state) => {
|
|
39
39
|
if (onChange) {
|
|
40
40
|
onChange({ switchState: state, switchName: name || "" });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.native.js","sourceRoot":"","sources":["../../../components/switch/Switch.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,cAAc,CAAA;AAE3E,OAAO,OAAO,MAAM,SAAS,CAAA;AAC7B,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Switch.native.js","sourceRoot":"","sources":["../../../components/switch/Switch.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,cAAc,CAAA;AAE3E,OAAO,OAAO,MAAM,SAAS,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAC1C,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;;;;;;;GASG;AACH,MAAM,MAAM,GAAG,CAAC,EACd,EAAE,GAAG,OAAO,CAAC,QAAQ,EAAE,EACvB,OAAO,EACP,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,IAAI,GACQ,EAAe,EAAE;IAC7B,MAAM,CAAC,QAAQ,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAU,OAAO,IAAI,KAAK,CAAC,CAAA;IAElE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,QAAQ,EAAE;YACb,UAAU,CAAC,OAAO,IAAI,KAAK,CAAC,CAAA;SAC7B;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEvB,MAAM,YAAY,GAAG,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;IACrD,MAAM,kBAAkB,GAAG,aAAa,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC,CAAC,CAAA;IAC9D,MAAM,uBAAuB,GAAG,aAAa,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAA;IACvE,MAAM,UAAU,GAAG,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC,CAAA;IAEzD,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,SAAS,EAAE;YACT,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC;SAC9C;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,YAAY,IACX,MAAM,EAAC,WAAW,EAClB,KAAK,EAAE,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EACpD,UAAU,EAAE;YACV,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,kBAAkB;YAC9D,IAAI,EAAE,QAAQ;gBACZ,CAAC,CAAC,uBAAuB;gBACzB,CAAC,CAAC,CAAC,MAAM,IAAI,cAAc,CAAC,MAAM,CAAC,CAAC,IAAI,YAAY;SACvD,EACD,UAAU,EAAE,UAAU,EACtB,mBAAmB,EACjB,QAAQ,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,kBAAkB,EAEzD,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE;YACvB,IAAI,QAAQ,EAAE;gBACZ,QAAQ,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,IAAI,EAAE,EAAE,CAAC,CAAA;aACzD;QACH,CAAC,EACD,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,EACrC,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,QAAQ,GACf,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,WAAW,GAAG,aAAa,CAAC,MAAM,CAAA;AAEzC,eAAe,MAAM,CAAA"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { StatusProps } from '../../objects/facets/Status';
|
|
2
2
|
import { Invertable } from '../../objects/facets/Invertable';
|
|
3
3
|
export interface SwitchChangeEvent {
|
|
4
4
|
switchState: boolean;
|
|
5
5
|
switchName: string;
|
|
6
6
|
}
|
|
7
7
|
type SwitchEventHandler = (event: SwitchChangeEvent) => void;
|
|
8
|
-
export interface SwitchProps extends
|
|
8
|
+
export interface SwitchProps extends StatusProps, Invertable {
|
|
9
9
|
checked?: boolean;
|
|
10
10
|
onChange?: SwitchEventHandler;
|
|
11
11
|
onClick?: SwitchEventHandler;
|
|
@@ -28,7 +28,6 @@ export default {
|
|
|
28
28
|
"INFO",
|
|
29
29
|
"WARNING",
|
|
30
30
|
"ERROR",
|
|
31
|
-
"MAIN",
|
|
32
31
|
"WHITE",
|
|
33
32
|
"MAIN",
|
|
34
33
|
"ACCENT",
|
|
@@ -43,6 +42,7 @@ export default {
|
|
|
43
42
|
"NEUTRAL_DARK",
|
|
44
43
|
"NEUTRAL_LIGHT",
|
|
45
44
|
"WHITE",
|
|
45
|
+
"MAIN",
|
|
46
46
|
"ACCENT",
|
|
47
47
|
"FONT",
|
|
48
48
|
"DISABLED",
|
|
@@ -60,7 +60,6 @@ export default {
|
|
|
60
60
|
"INFO",
|
|
61
61
|
"WARNING",
|
|
62
62
|
"ERROR",
|
|
63
|
-
"MAIN",
|
|
64
63
|
"WHITE",
|
|
65
64
|
"MAIN",
|
|
66
65
|
"ACCENT",
|
|
@@ -75,6 +74,7 @@ export default {
|
|
|
75
74
|
"NEUTRAL_DARK",
|
|
76
75
|
"NEUTRAL_LIGHT",
|
|
77
76
|
"WHITE",
|
|
77
|
+
"MAIN",
|
|
78
78
|
"ACCENT",
|
|
79
79
|
"FONT",
|
|
80
80
|
"DISABLED",
|
|
@@ -28,7 +28,6 @@ export default {
|
|
|
28
28
|
"INFO",
|
|
29
29
|
"WARNING",
|
|
30
30
|
"ERROR",
|
|
31
|
-
"MAIN",
|
|
32
31
|
"WHITE",
|
|
33
32
|
"MAIN",
|
|
34
33
|
"ACCENT",
|
|
@@ -43,6 +42,7 @@ export default {
|
|
|
43
42
|
"NEUTRAL_DARK",
|
|
44
43
|
"NEUTRAL_LIGHT",
|
|
45
44
|
"WHITE",
|
|
45
|
+
"MAIN",
|
|
46
46
|
"ACCENT",
|
|
47
47
|
"FONT",
|
|
48
48
|
"DISABLED",
|
|
@@ -60,7 +60,6 @@ export default {
|
|
|
60
60
|
"INFO",
|
|
61
61
|
"WARNING",
|
|
62
62
|
"ERROR",
|
|
63
|
-
"MAIN",
|
|
64
63
|
"WHITE",
|
|
65
64
|
"MAIN",
|
|
66
65
|
"ACCENT",
|
|
@@ -75,6 +74,7 @@ export default {
|
|
|
75
74
|
"NEUTRAL_DARK",
|
|
76
75
|
"NEUTRAL_LIGHT",
|
|
77
76
|
"WHITE",
|
|
77
|
+
"MAIN",
|
|
78
78
|
"ACCENT",
|
|
79
79
|
"FONT",
|
|
80
80
|
"DISABLED",
|
|
@@ -3,6 +3,8 @@ import { TextareaProps } from './TextareaProps';
|
|
|
3
3
|
/**
|
|
4
4
|
* Textarea Component
|
|
5
5
|
* @param disabled {boolean} Disabled textarea
|
|
6
|
+
* @param label {string} Label for textarea
|
|
7
|
+
* @param sample {string} Sample for textarea (below label)
|
|
6
8
|
* @param name {string} Textarea name
|
|
7
9
|
* @param onChange {Function} OnChange textarea Event
|
|
8
10
|
* @param placeholder {string} Placeholder textarea
|
|
@@ -13,8 +15,6 @@ import { TextareaProps } from './TextareaProps';
|
|
|
13
15
|
* @param rows {number} Textarea rows
|
|
14
16
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
15
17
|
* @param className {string} Additionnal CSS Classes
|
|
16
|
-
* @param hovered {boolean} Hover mode
|
|
17
|
-
* @param focused {boolean} Fucus mode
|
|
18
18
|
* @param minLength {number} Textarea min length
|
|
19
19
|
* @param status {InputStatus} Textarea with status - (SUCCESS|WARNING|ERROR|DEFAULT)
|
|
20
20
|
* - -------------------------- NATIVE PROPERTIES -------------------------------
|
|
@@ -25,5 +25,5 @@ import { TextareaProps } from './TextareaProps';
|
|
|
25
25
|
* @param textContentType {InputTextContentType} Give the keyboard and the system information
|
|
26
26
|
* @param keyboardType {InputKeyboardType} Keybaord type
|
|
27
27
|
*/
|
|
28
|
-
declare const Textarea: ({ className, disabled, onChange,
|
|
28
|
+
declare const Textarea: ({ className, sample, required, disabled, onChange, placeholder, defaultValue, help, status, statusIconName, dynamicPlaceholder, rows, ref, label, maxLength, minLength, iconName, typo, testId, ...others }: TextareaProps) => JSX.Element;
|
|
29
29
|
export default Textarea;
|
|
@@ -1,14 +1,17 @@
|
|
|
1
1
|
/* eslint-disable @typescript-eslint/no-unused-vars */
|
|
2
2
|
import React, { useEffect, useState } from 'react';
|
|
3
3
|
import clsx from 'clsx';
|
|
4
|
-
import { Text } from '../../components/text';
|
|
4
|
+
import { Text, TextLevels, TextMarkup } from '../../components/text';
|
|
5
5
|
import { has, is } from '../../services';
|
|
6
6
|
import { Icon } from '../../components/icon';
|
|
7
7
|
import { hashClass } from '../../helpers';
|
|
8
8
|
import { useTrilogyContext } from '../../context';
|
|
9
|
+
import { TypographyColor } from '../../objects';
|
|
9
10
|
/**
|
|
10
11
|
* Textarea Component
|
|
11
12
|
* @param disabled {boolean} Disabled textarea
|
|
13
|
+
* @param label {string} Label for textarea
|
|
14
|
+
* @param sample {string} Sample for textarea (below label)
|
|
12
15
|
* @param name {string} Textarea name
|
|
13
16
|
* @param onChange {Function} OnChange textarea Event
|
|
14
17
|
* @param placeholder {string} Placeholder textarea
|
|
@@ -19,8 +22,6 @@ import { useTrilogyContext } from '../../context';
|
|
|
19
22
|
* @param rows {number} Textarea rows
|
|
20
23
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
21
24
|
* @param className {string} Additionnal CSS Classes
|
|
22
|
-
* @param hovered {boolean} Hover mode
|
|
23
|
-
* @param focused {boolean} Fucus mode
|
|
24
25
|
* @param minLength {number} Textarea min length
|
|
25
26
|
* @param status {InputStatus} Textarea with status - (SUCCESS|WARNING|ERROR|DEFAULT)
|
|
26
27
|
* - -------------------------- NATIVE PROPERTIES -------------------------------
|
|
@@ -31,7 +32,7 @@ import { useTrilogyContext } from '../../context';
|
|
|
31
32
|
* @param textContentType {InputTextContentType} Give the keyboard and the system information
|
|
32
33
|
* @param keyboardType {InputKeyboardType} Keybaord type
|
|
33
34
|
*/
|
|
34
|
-
const Textarea = ({ className,
|
|
35
|
+
const Textarea = ({ className, sample, required, disabled, onChange, placeholder, defaultValue, help, status, statusIconName, dynamicPlaceholder = true, rows, ref, label, maxLength, minLength, iconName, typo, testId, ...others }) => {
|
|
35
36
|
const [value, setValue] = useState(defaultValue || '');
|
|
36
37
|
const { styled } = useTrilogyContext();
|
|
37
38
|
useEffect(() => {
|
|
@@ -42,7 +43,11 @@ const Textarea = ({ className, disabled, onChange, focused = true, placeholder,
|
|
|
42
43
|
const helpClasses = clsx('help');
|
|
43
44
|
const counterClasses = hashClass(styled, clsx('counter', maxLength));
|
|
44
45
|
return (React.createElement("div", { className: wrapperClasses },
|
|
45
|
-
!dynamicPlaceholder && React.createElement("label",
|
|
46
|
+
!dynamicPlaceholder && React.createElement("label", { className: 'textarea-label' },
|
|
47
|
+
label,
|
|
48
|
+
" ",
|
|
49
|
+
label && required && React.createElement(Text, { markup: TextMarkup.SPAN, typo: TypographyColor.TEXT_ERROR }, "*")),
|
|
50
|
+
!dynamicPlaceholder && label && sample && React.createElement(Text, { className: 'textarea-sample', level: TextLevels.TWO, typo: TypographyColor.TEXT_DISABLED }, sample),
|
|
46
51
|
React.createElement("textarea", { "data-testid": testId, minLength: minLength, disabled: disabled, ref: ref, ...others, className: classes, value: value, onChange: (e) => {
|
|
47
52
|
setValue(e.target.value);
|
|
48
53
|
if (onChange) {
|
|
@@ -51,7 +56,7 @@ const Textarea = ({ className, disabled, onChange, focused = true, placeholder,
|
|
|
51
56
|
textareaValue: e.target.value,
|
|
52
57
|
});
|
|
53
58
|
}
|
|
54
|
-
}, placeholder: placeholder, rows: rows, maxLength: maxLength }),
|
|
59
|
+
}, placeholder: placeholder, rows: rows, maxLength: maxLength, required: required }),
|
|
55
60
|
dynamicPlaceholder && React.createElement("label", null, label),
|
|
56
61
|
iconName && React.createElement(Icon, { name: iconName, size: 'small' }),
|
|
57
62
|
statusIconName && React.createElement(Icon, { name: statusIconName, size: 'small' }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../components/textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,sDAAsD;AACtD,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;
|
|
1
|
+
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../components/textarea/Textarea.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,12 +2,18 @@ import React, { forwardRef, useEffect, useRef, useState } from "react";
|
|
|
2
2
|
import { Animated, StyleSheet, Text, TextInput, View } from "react-native";
|
|
3
3
|
import { InputAutoCapitalize, InputKeyboardAppearance, InputKeyboardType, InputTextContentType, } from "../../components/input/InputEnum";
|
|
4
4
|
import { getColorStyle, TrilogyColor } from "../../objects/facets/Color";
|
|
5
|
-
import {
|
|
5
|
+
import { StatusState, getStatusStyle } from "../../objects/facets/Status";
|
|
6
6
|
import { Icon } from "../../components/icon";
|
|
7
7
|
import { ComponentName } from "../../components/enumsComponentsName";
|
|
8
|
+
import { TypographyColor } from "../../objects";
|
|
9
|
+
import { Spacer, SpacerSize } from "../spacer";
|
|
10
|
+
import { TextLevels } from "../text/TextEnum";
|
|
11
|
+
import { Text as TrilogyText } from "../text";
|
|
8
12
|
/**
|
|
9
13
|
* Textarea Native Component
|
|
10
14
|
* @param name {string} Textarea name
|
|
15
|
+
* @param label {string} Textarea label
|
|
16
|
+
* @param sample {string} Textarea sample
|
|
11
17
|
* @param disabled {boolean} Disabled input
|
|
12
18
|
* @param onChange {Function} OnChange Input Event
|
|
13
19
|
* @param placeholder {string} Placeholder Input
|
|
@@ -23,7 +29,7 @@ import { ComponentName } from "../../components/enumsComponentsName";
|
|
|
23
29
|
* @param keyboardType {InputKeyboardType} Keybaord type
|
|
24
30
|
* @param maxLength {number} Textarea max length
|
|
25
31
|
*/
|
|
26
|
-
const Textarea = ({ defaultValue, name, onChange, disabled, help, placeholder, keyboardStyle, autoCapitalize, autoCorrect, textContentType, keyboardType, status, maxLength, dynamicPlaceholder = true, label, iconName, statusIconName, customHeight = 120, value, testId, ...others },
|
|
32
|
+
const Textarea = ({ defaultValue, name, sample, onChange, disabled, help, placeholder, keyboardStyle, autoCapitalize, autoCorrect, textContentType, keyboardType, status, maxLength, dynamicPlaceholder = true, label, iconName, statusIconName, customHeight = 120, value, testId, required, ...others },
|
|
27
33
|
// eslint-disable-next-line
|
|
28
34
|
ref) => {
|
|
29
35
|
const [_value, setValue] = useState(value || "");
|
|
@@ -46,9 +52,9 @@ ref) => {
|
|
|
46
52
|
textarea: {
|
|
47
53
|
borderWidth: isFocus ? 2 : 1,
|
|
48
54
|
borderRadius: 3,
|
|
49
|
-
borderColor: (status && status === "success" &&
|
|
50
|
-
(status && status === "warning" &&
|
|
51
|
-
(status && status === "error" &&
|
|
55
|
+
borderColor: (status && status === "success" && getStatusStyle(StatusState.SUCCESS)) ||
|
|
56
|
+
(status && status === "warning" && getStatusStyle(StatusState.WARNING)) ||
|
|
57
|
+
(status && status === "error" && getStatusStyle(StatusState.ERROR)) ||
|
|
52
58
|
(status && status === "default" && textareaColor) ||
|
|
53
59
|
textareaColor,
|
|
54
60
|
height: customHeight,
|
|
@@ -65,9 +71,9 @@ ref) => {
|
|
|
65
71
|
},
|
|
66
72
|
help: {
|
|
67
73
|
fontSize: 12,
|
|
68
|
-
color: (status && status === "success" &&
|
|
69
|
-
(status && status === "warning" &&
|
|
70
|
-
(status && status === "error" &&
|
|
74
|
+
color: (status && status === "success" && getStatusStyle(StatusState.SUCCESS)) ||
|
|
75
|
+
(status && status === "warning" && getStatusStyle(StatusState.WARNING)) ||
|
|
76
|
+
(status && status === "error" && getStatusStyle(StatusState.ERROR)) ||
|
|
71
77
|
(status && status === "default" && textareaColor) ||
|
|
72
78
|
textareaColor,
|
|
73
79
|
paddingLeft: 4,
|
|
@@ -96,19 +102,27 @@ ref) => {
|
|
|
96
102
|
},
|
|
97
103
|
leftIcon: {
|
|
98
104
|
position: "absolute",
|
|
99
|
-
top: 16,
|
|
105
|
+
top: dynamicPlaceholder && 16 || !dynamicPlaceholder && label && sample && 60 || 55,
|
|
100
106
|
left: 16,
|
|
101
107
|
zIndex: 10
|
|
102
108
|
},
|
|
103
109
|
rightIcon: {
|
|
104
110
|
position: "absolute",
|
|
105
|
-
top: dynamicPlaceholder
|
|
111
|
+
top: dynamicPlaceholder && 16 || !dynamicPlaceholder && label && sample && 60 || 55,
|
|
106
112
|
right: 16,
|
|
107
113
|
zIndex: 10
|
|
108
114
|
},
|
|
109
115
|
});
|
|
110
116
|
return (React.createElement(View, null,
|
|
111
|
-
!dynamicPlaceholder && (React.createElement(
|
|
117
|
+
!dynamicPlaceholder && label && (React.createElement(React.Fragment, null,
|
|
118
|
+
React.createElement(TrilogyText, { typo: TypographyColor.TEXT_DISABLED },
|
|
119
|
+
label,
|
|
120
|
+
" ",
|
|
121
|
+
label && required && React.createElement(TrilogyText, { typo: TypographyColor.TEXT_ERROR }, "*")),
|
|
122
|
+
React.createElement(Spacer, { size: SpacerSize.SMALL }))),
|
|
123
|
+
!dynamicPlaceholder && label && sample && (React.createElement(React.Fragment, null,
|
|
124
|
+
React.createElement(TrilogyText, { level: TextLevels.THREE, typo: TypographyColor.TEXT_DISABLED }, sample),
|
|
125
|
+
React.createElement(Spacer, { size: SpacerSize.SMALL }))),
|
|
112
126
|
iconName && (React.createElement(Text, { style: styles.leftIcon },
|
|
113
127
|
React.createElement(Icon, { name: iconName, size: 'small', testId: `${testId}-icon` }))),
|
|
114
128
|
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) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.native.js","sourceRoot":"","sources":["../../../components/textarea/Textarea.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACtE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE1E,OAAO,EACL,mBAAmB,EACnB,uBAAuB,EACvB,iBAAiB,EACjB,oBAAoB,GACrB,MAAM,8BAA8B,CAAA;AACrC,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACpE,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Textarea.native.js","sourceRoot":"","sources":["../../../components/textarea/Textarea.native.tsx"],"names":[],"mappings":"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"}
|
|
@@ -39,6 +39,8 @@ type TextareaPropsWeb = Accessibility & {
|
|
|
39
39
|
statusIconName?: IconName | IconNameValues;
|
|
40
40
|
typo?: TypographyColor | TypographyColorValues;
|
|
41
41
|
customHeight?: number;
|
|
42
|
+
required?: boolean;
|
|
43
|
+
sample?: string;
|
|
42
44
|
};
|
|
43
45
|
export type TextareaNativeProps = TextareaPropsWeb & ReferenceableNative<TextInput>;
|
|
44
46
|
/**
|
|
@@ -55,8 +55,8 @@ const Title = ({ level = TitleLevels.ONE, markup, children, className, typo, ske
|
|
|
55
55
|
const [isLoading, setIsLoading] = useState(skeleton || false);
|
|
56
56
|
const { styled } = useTrilogyContext();
|
|
57
57
|
const classes = hashClass(styled, clsx('title', level && getTitleLevel(level), typo, isLoading ? is('loading') : is('loaded'), inverted && is('inverted'), marginless && is('marginless'), className));
|
|
58
|
-
const subtitleClasses = hashClass(styled, clsx('subtitle', className));
|
|
59
|
-
const overlineClasses = hashClass(styled, clsx('overline', className));
|
|
58
|
+
const subtitleClasses = hashClass(styled, clsx('subtitle', typo, className));
|
|
59
|
+
const overlineClasses = hashClass(styled, clsx('overline', typo, className));
|
|
60
60
|
useEffect(() => {
|
|
61
61
|
setIsLoading(skeleton || false);
|
|
62
62
|
}, [skeleton]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Title.js","sourceRoot":"","sources":["../../../components/title/Title.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AAC/B,OAAO,EAAE,WAAW,EAAoB,WAAW,EAAqB,MAAM,aAAa,CAAA;AAC3F,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAEnD,MAAM,aAAa,GAAG,CAAC,KAAqC,EAAE,EAAE;IAC9D,IAAI,KAAK,EAAE;QACT,QAAQ,KAAK,EAAE;YACb,KAAK,WAAW,CAAC,GAAG;gBAClB,OAAO,EAAE,CAAC,SAAS,CAAC,CAAA;YACtB,KAAK,WAAW,CAAC,GAAG;gBAClB,OAAO,EAAE,CAAC,SAAS,CAAC,CAAA;YACtB,KAAK,WAAW,CAAC,KAAK;gBACpB,OAAO,EAAE,CAAC,SAAS,CAAC,CAAA;YACtB,KAAK,WAAW,CAAC,IAAI;gBACnB,OAAO,EAAE,CAAC,SAAS,CAAC,CAAA;YACtB,KAAK,WAAW,CAAC,IAAI;gBACnB,OAAO,EAAE,CAAC,SAAS,CAAC,CAAA;YACtB,KAAK,WAAW,CAAC,GAAG;gBAClB,OAAO,EAAE,CAAC,SAAS,CAAC,CAAA;YACtB;gBACE,OAAO,EAAE,CAAC,SAAS,KAAK,EAAE,CAAC,CAAA;SAC9B;KACF;AACH,CAAC,CAAA;AAED;;;;;GAKG;AACH,MAAM,eAAe,GAAG,CAAC,YAA6C,EAAE,EAAE;IACxE,OAAO,YAAY,IAAI,WAAW,IAAI,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC,YAA2B,CAAC,CAAA;AACxG,CAAC,CAAA;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,KAAK,GAAG,CAAC,EACb,KAAK,GAAG,WAAW,CAAC,GAAG,EACvB,MAAM,EACN,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,MAAM,EACN,kBAAkB,EAClB,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,WAAW,EACX,GAAG,MAAM,EACE,EAAe,EAAE;IAC5B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAU,QAAQ,IAAI,KAAK,CAAC,CAAA;IACtE,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,OAAO,EACP,KAAK,IAAI,aAAa,CAAC,KAAK,CAAC,EAC7B,IAAI,EACJ,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,EACxC,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAC1B,UAAU,IAAI,EAAE,CAAC,YAAY,CAAC,EAC9B,SAAS,CACV,CACF,CAAA;IAED,MAAM,eAAe,GAAG,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"Title.js","sourceRoot":"","sources":["../../../components/title/Title.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import clsx from 'clsx';
|
|
2
2
|
import React, { useEffect, useRef, useState } from 'react';
|
|
3
|
-
import {
|
|
3
|
+
import { getStatusClassName } from '../../objects/facets/Status';
|
|
4
4
|
import { Icon } from '../../components/icon';
|
|
5
5
|
import { Text } from '../../components/text';
|
|
6
6
|
import { Title, TitleLevels } from '../../components/title';
|
|
@@ -17,7 +17,7 @@ import { IconName } from '../../components/icon/IconNameEnum';
|
|
|
17
17
|
*/
|
|
18
18
|
const Toaster = ({ props, ...others }) => {
|
|
19
19
|
const { styled } = useTrilogyContext();
|
|
20
|
-
const { title, position, description, iconName,
|
|
20
|
+
const { title, position, description, iconName, status, closable, onClick, className, offset, children } = props;
|
|
21
21
|
const displayed = Boolean(title);
|
|
22
22
|
const positionTop = {
|
|
23
23
|
top: offset || 0,
|
|
@@ -27,7 +27,7 @@ const Toaster = ({ props, ...others }) => {
|
|
|
27
27
|
bottom: offset || 0,
|
|
28
28
|
position: 'fixed',
|
|
29
29
|
};
|
|
30
|
-
const classes = hashClass(styled, clsx('toaster',
|
|
30
|
+
const classes = hashClass(styled, clsx('toaster', status && is(getStatusClassName(status)), !alert && is('info'), className));
|
|
31
31
|
if (!displayed) {
|
|
32
32
|
return null;
|
|
33
33
|
}
|
|
@@ -81,7 +81,7 @@ const ToasterProvider = ({ children }) => {
|
|
|
81
81
|
description: toasterState === null || toasterState === void 0 ? void 0 : toasterState.description,
|
|
82
82
|
position: toasterState === null || toasterState === void 0 ? void 0 : toasterState.position,
|
|
83
83
|
iconName: toasterState === null || toasterState === void 0 ? void 0 : toasterState.iconName,
|
|
84
|
-
|
|
84
|
+
status: toasterState === null || toasterState === void 0 ? void 0 : toasterState.status,
|
|
85
85
|
onClick: toasterState === null || toasterState === void 0 ? void 0 : toasterState.onClick,
|
|
86
86
|
onHide: toasterState === null || toasterState === void 0 ? void 0 : toasterState.onHide,
|
|
87
87
|
closable: toasterState === null || toasterState === void 0 ? void 0 : toasterState.closable,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toaster.js","sourceRoot":"","sources":["../../../components/toaster/Toaster.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,KAAK,EAAE,EAAiB,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACzE,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Toaster.js","sourceRoot":"","sources":["../../../components/toaster/Toaster.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,7 +7,7 @@ import { Title } from "../../components/title";
|
|
|
7
7
|
import { Text, TextLevels } from "../../components/text";
|
|
8
8
|
import { Icon, IconName, IconSize } from "../../components/icon";
|
|
9
9
|
import { Columns, ColumnsItem } from "../../components/columns";
|
|
10
|
-
import {
|
|
10
|
+
import { getStatusStyle, getColorStyle, TrilogyColor, } from "../../objects";
|
|
11
11
|
import { Spacer, SpacerSize } from "../../components/spacer";
|
|
12
12
|
import ToasterContext from "./context";
|
|
13
13
|
import { ComponentName } from "../../components/enumsComponentsName";
|
|
@@ -16,7 +16,7 @@ import { ComponentName } from "../../components/enumsComponentsName";
|
|
|
16
16
|
* @param params {ToasterShowContext}
|
|
17
17
|
*/
|
|
18
18
|
const showToast = (params) => {
|
|
19
|
-
const { position, duration, offset, title, description, onClick, closable, onHide, iconName,
|
|
19
|
+
const { position, duration, offset, title, description, onClick, closable, onHide, iconName, status, } = params;
|
|
20
20
|
LibToast.show({
|
|
21
21
|
type: "tomatoToast",
|
|
22
22
|
position: position || ToasterPosition.BOTTOM,
|
|
@@ -24,7 +24,7 @@ const showToast = (params) => {
|
|
|
24
24
|
topOffset: offset || 10,
|
|
25
25
|
visibilityTime: duration || 5000,
|
|
26
26
|
onHide,
|
|
27
|
-
props: { title, description, closable, iconName,
|
|
27
|
+
props: { title, description, closable, iconName, status, onClick },
|
|
28
28
|
});
|
|
29
29
|
};
|
|
30
30
|
/**
|
|
@@ -32,14 +32,14 @@ const showToast = (params) => {
|
|
|
32
32
|
* @param title {string} Notification title content
|
|
33
33
|
* @param description {string|ReactNode} Notification description content
|
|
34
34
|
* @param iconName {IconName} Custom icon
|
|
35
|
-
* @param
|
|
35
|
+
* @param status {StatusState} Status Variant (INFO|SUCCESS|WARNING|ERROR)
|
|
36
36
|
* @param onClick {Function} onClick Event for all notification
|
|
37
37
|
* @param closable {Function} onClick Event on cross icon
|
|
38
38
|
*/
|
|
39
39
|
const Toaster = ({ props }) => {
|
|
40
|
-
const { title, description, iconName,
|
|
41
|
-
const color =
|
|
42
|
-
const backgroundColor = getColorStyle(
|
|
40
|
+
const { title, description, iconName, status, closable, onClick } = props;
|
|
41
|
+
const color = getStatusStyle(status) || getColorStyle(TrilogyColor.MAIN);
|
|
42
|
+
const backgroundColor = getColorStyle(status, 1);
|
|
43
43
|
const styles = StyleSheet.create({
|
|
44
44
|
toaster: {
|
|
45
45
|
padding: 24,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toaster.native.js","sourceRoot":"","sources":["../../../components/toaster/Toaster.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAC3D,OAAO,QAAQ,MAAM,4BAA4B,CAAA;AACjD,OAAO,EAAE,eAAe,EAAgB,MAAM,gBAAgB,CAAA;AAC9D,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACpD,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5D,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAC3D,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Toaster.native.js","sourceRoot":"","sources":["../../../components/toaster/Toaster.native.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { Clickable,
|
|
2
|
+
import { Clickable, StatusProps, Accessibility } from '../../objects';
|
|
3
3
|
import { ClickEvent } from '../../events/OnClickEvent';
|
|
4
4
|
import { IconName, IconNameValues } from '../../components/icon';
|
|
5
5
|
export declare enum ToasterPosition {
|
|
@@ -9,7 +9,7 @@ export declare enum ToasterPosition {
|
|
|
9
9
|
/**
|
|
10
10
|
* Notification Interface
|
|
11
11
|
*/
|
|
12
|
-
export interface ToasterProps extends
|
|
12
|
+
export interface ToasterProps extends StatusProps, Clickable, Accessibility {
|
|
13
13
|
children?: React.ReactNode;
|
|
14
14
|
className?: string;
|
|
15
15
|
toasterChildren?: React.ReactNode;
|