jornada-ui 2.0.9 → 3.0.0
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/commonjs/common/icons-svg/chevron-right/index.js +36 -0
- package/lib/commonjs/common/icons-svg/chevron-right/index.js.map +1 -0
- package/lib/commonjs/common/icons-svg/constants/index.js +3 -1
- package/lib/commonjs/common/icons-svg/constants/index.js.map +1 -1
- package/lib/commonjs/common/icons-svg/index.js +14 -0
- package/lib/commonjs/common/icons-svg/index.js.map +1 -1
- package/lib/commonjs/common/icons-svg/video/index.js +36 -0
- package/lib/commonjs/common/icons-svg/video/index.js.map +1 -0
- package/lib/commonjs/components/notification-steps-card/index.js +190 -0
- package/lib/commonjs/components/notification-steps-card/index.js.map +1 -0
- package/lib/commonjs/components/notification-steps-card/interface.js +6 -0
- package/lib/commonjs/components/notification-steps-card/interface.js.map +1 -0
- package/lib/commonjs/index.js +13 -6
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/stories/notification-steps-card/notification-steps-card.stories.js +135 -0
- package/lib/commonjs/stories/notification-steps-card/notification-steps-card.stories.js.map +1 -0
- package/lib/module/common/icons-svg/chevron-right/index.js +30 -0
- package/lib/module/common/icons-svg/chevron-right/index.js.map +1 -0
- package/lib/module/common/icons-svg/constants/index.js +3 -1
- package/lib/module/common/icons-svg/constants/index.js.map +1 -1
- package/lib/module/common/icons-svg/index.js +14 -0
- package/lib/module/common/icons-svg/index.js.map +1 -1
- package/lib/module/common/icons-svg/video/index.js +30 -0
- package/lib/module/common/icons-svg/video/index.js.map +1 -0
- package/lib/module/components/notification-steps-card/index.js +183 -0
- package/lib/module/components/notification-steps-card/index.js.map +1 -0
- package/lib/module/components/notification-steps-card/interface.js +4 -0
- package/lib/module/components/notification-steps-card/interface.js.map +1 -0
- package/lib/module/index.js +1 -0
- package/lib/module/index.js.map +1 -1
- package/lib/module/stories/notification-steps-card/notification-steps-card.stories.js +130 -0
- package/lib/module/stories/notification-steps-card/notification-steps-card.stories.js.map +1 -0
- package/lib/typescript/commonjs/src/common/icons-svg/chevron-right/index.d.ts +8 -0
- package/lib/typescript/commonjs/src/common/icons-svg/chevron-right/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/src/common/icons-svg/constants/index.d.ts +2 -0
- package/lib/typescript/commonjs/src/common/icons-svg/constants/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/common/icons-svg/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/common/icons-svg/video/index.d.ts +8 -0
- package/lib/typescript/commonjs/src/common/icons-svg/video/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/src/components/card-scheduled-journey/index.d.ts +1 -1
- package/lib/typescript/commonjs/src/components/notification-steps-card/index.d.ts +11 -0
- package/lib/typescript/commonjs/src/components/notification-steps-card/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/src/components/notification-steps-card/interface.d.ts +30 -0
- package/lib/typescript/commonjs/src/components/notification-steps-card/interface.d.ts.map +1 -0
- package/lib/typescript/commonjs/src/components/selects/select-date-and-hours/index.d.ts +1 -1
- package/lib/typescript/commonjs/src/index.d.ts +1 -0
- package/lib/typescript/commonjs/src/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/stories/notification-steps-card/notification-steps-card.stories.d.ts +14 -0
- package/lib/typescript/commonjs/src/stories/notification-steps-card/notification-steps-card.stories.d.ts.map +1 -0
- package/lib/typescript/module/src/common/icons-svg/chevron-right/index.d.ts +8 -0
- package/lib/typescript/module/src/common/icons-svg/chevron-right/index.d.ts.map +1 -0
- package/lib/typescript/module/src/common/icons-svg/constants/index.d.ts +2 -0
- package/lib/typescript/module/src/common/icons-svg/constants/index.d.ts.map +1 -1
- package/lib/typescript/module/src/common/icons-svg/index.d.ts.map +1 -1
- package/lib/typescript/module/src/common/icons-svg/video/index.d.ts +8 -0
- package/lib/typescript/module/src/common/icons-svg/video/index.d.ts.map +1 -0
- package/lib/typescript/module/src/components/card-scheduled-journey/index.d.ts +1 -1
- package/lib/typescript/module/src/components/notification-steps-card/index.d.ts +11 -0
- package/lib/typescript/module/src/components/notification-steps-card/index.d.ts.map +1 -0
- package/lib/typescript/module/src/components/notification-steps-card/interface.d.ts +30 -0
- package/lib/typescript/module/src/components/notification-steps-card/interface.d.ts.map +1 -0
- package/lib/typescript/module/src/components/selects/select-date-and-hours/index.d.ts +1 -1
- package/lib/typescript/module/src/index.d.ts +1 -0
- package/lib/typescript/module/src/index.d.ts.map +1 -1
- package/lib/typescript/module/src/stories/notification-steps-card/notification-steps-card.stories.d.ts +14 -0
- package/lib/typescript/module/src/stories/notification-steps-card/notification-steps-card.stories.d.ts.map +1 -0
- package/package.json +1 -1
- package/src/common/icons-svg/chevron-right/index.tsx +27 -0
- package/src/common/icons-svg/constants/index.ts +2 -0
- package/src/common/icons-svg/index.tsx +15 -0
- package/src/common/icons-svg/video/index.tsx +27 -0
- package/src/components/notification-steps-card/index.tsx +190 -0
- package/src/components/notification-steps-card/interface.ts +38 -0
- package/src/index.tsx +1 -0
- package/src/stories/notification-steps-card/notification-steps-card.stories.tsx +144 -0
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* IMPORTS
|
|
3
|
+
*/
|
|
4
|
+
import React from "react";
|
|
5
|
+
import type { INotificationStepsCardProps } from "./interface";
|
|
6
|
+
/**
|
|
7
|
+
* EXPORTS
|
|
8
|
+
*/
|
|
9
|
+
declare const _default: React.ComponentType<INotificationStepsCardProps>;
|
|
10
|
+
export default _default;
|
|
11
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/notification-steps-card/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAqB,MAAM,OAAO,CAAC;AAe1C,OAAO,KAAK,EAEV,2BAA2B,EAE5B,MAAM,aAAa,CAAC;AAoKrB;;GAEG;;AACH,wBAAsD"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* IMPORTS
|
|
3
|
+
*/
|
|
4
|
+
import type { ReactNode } from "react";
|
|
5
|
+
/**
|
|
6
|
+
* Tipos de conteúdo suportados por uma etapa da notificação.
|
|
7
|
+
*/
|
|
8
|
+
type NotificationStepType = "pdf" | "video" | "text";
|
|
9
|
+
/**
|
|
10
|
+
* Representa uma etapa/conteúdo dentro do NotificationStepsCard.
|
|
11
|
+
*/
|
|
12
|
+
interface INotificationStep {
|
|
13
|
+
type: NotificationStepType;
|
|
14
|
+
title: string;
|
|
15
|
+
subtitle?: string;
|
|
16
|
+
disabled?: boolean;
|
|
17
|
+
onPress?: () => void;
|
|
18
|
+
}
|
|
19
|
+
interface INotificationStepsCardProps {
|
|
20
|
+
title: string;
|
|
21
|
+
description: string | ReactNode;
|
|
22
|
+
steps: INotificationStep[];
|
|
23
|
+
warningMessage?: string;
|
|
24
|
+
testID?: string;
|
|
25
|
+
}
|
|
26
|
+
/**
|
|
27
|
+
* EXPORTS
|
|
28
|
+
*/
|
|
29
|
+
export { type INotificationStep, type INotificationStepsCardProps, type NotificationStepType, };
|
|
30
|
+
//# sourceMappingURL=interface.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"interface.d.ts","sourceRoot":"","sources":["../../../../../../src/components/notification-steps-card/interface.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,KAAK,oBAAoB,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;AAErD;;GAEG;AACH,UAAU,iBAAiB;IACzB,IAAI,EAAE,oBAAoB,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,UAAU,2BAA2B;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;GAEG;AACH,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,2BAA2B,EAChC,KAAK,oBAAoB,GAC1B,CAAC"}
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
import React from "react";
|
|
5
5
|
declare const _default: React.ComponentType<import("react-native").TouchableOpacityProps & {
|
|
6
6
|
value: any;
|
|
7
|
-
icon: "CAMERA_PLUS" | "STEERING_WHEEL" | "CHECK_BOX_FILL" | "CHECK_BOX_OUTLINE" | "CHECK_BOX" | "MOON_STARS" | "CALL_BELL" | "STEERING_WHEEL_FILL" | "TROPHY" | "SHOPPING_CART" | "CREDIT_CARD" | "FILE_TEXT" | "TRUCK" | "PACKAGE_CHECK" | "PLUS" | "PLUS_CONTAINER" | "EYE_SLASH" | "EYE" | "CALENDAR" | "TIMER" | "GEAR" | "CURRENCY" | "GAUGE" | "GAS_PUMP" | "ARROW_LEFT" | "BLUETOOTH" | "BLUETOOTH_CONNECTED" | "BLUETOOTH_SLASH" | "LIST" | "WIFI_X" | "WIFI_HIGH" | "NOTE_PINCEL" | "CHECK_CIRCLE" | "ARROW_DROP_DOWN" | "ARROW_CHEVRON_UP" | "ARROW_CHEVRON_DOWN" | "CLOSED" | "LOADING" | "COIL" | "HISTORY" | "BELL" | "BED" | "FILES" | "LIFEBUOY" | "RECUSED" | "EXCLAMATION_CIRCLE" | "EXCLAMATION_TRIANGLE" | "X_CIRCLE" | "TRUCK_ACTIVITY" | "COFFEE" | "CAR" | "CHECK_OUTLINE" | "HOURGLASS" | "HOUSE" | "ISLAND" | "CHEVRON_DOWN" | "CHEVRON_UP" | "TRASH" | "DOWNLOAD";
|
|
7
|
+
icon: "CAMERA_PLUS" | "STEERING_WHEEL" | "CHECK_BOX_FILL" | "CHECK_BOX_OUTLINE" | "CHECK_BOX" | "MOON_STARS" | "CALL_BELL" | "STEERING_WHEEL_FILL" | "TROPHY" | "SHOPPING_CART" | "CREDIT_CARD" | "FILE_TEXT" | "TRUCK" | "PACKAGE_CHECK" | "PLUS" | "PLUS_CONTAINER" | "EYE_SLASH" | "EYE" | "CALENDAR" | "TIMER" | "GEAR" | "CURRENCY" | "GAUGE" | "GAS_PUMP" | "ARROW_LEFT" | "BLUETOOTH" | "BLUETOOTH_CONNECTED" | "BLUETOOTH_SLASH" | "LIST" | "WIFI_X" | "WIFI_HIGH" | "NOTE_PINCEL" | "CHECK_CIRCLE" | "ARROW_DROP_DOWN" | "ARROW_CHEVRON_UP" | "ARROW_CHEVRON_DOWN" | "CLOSED" | "LOADING" | "COIL" | "HISTORY" | "BELL" | "BED" | "FILES" | "LIFEBUOY" | "RECUSED" | "EXCLAMATION_CIRCLE" | "EXCLAMATION_TRIANGLE" | "X_CIRCLE" | "TRUCK_ACTIVITY" | "COFFEE" | "CAR" | "CHECK_OUTLINE" | "HOURGLASS" | "HOUSE" | "ISLAND" | "CHEVRON_DOWN" | "CHEVRON_UP" | "TRASH" | "DOWNLOAD" | "VIDEO" | "CHEVRON_RIGHT";
|
|
8
8
|
disabled?: boolean;
|
|
9
9
|
textColor?: string;
|
|
10
10
|
onPressConfirm: (value: any) => void;
|
|
@@ -47,6 +47,7 @@ export { default as ModalToConfirmations } from "./components/modals/modal-to-co
|
|
|
47
47
|
export { default as ActivityTimeline } from "./components/activity-step";
|
|
48
48
|
export { default as NotificationCard } from "./components/notification-card";
|
|
49
49
|
export { default as NotificationDetailCard } from "./components/notification-details-card";
|
|
50
|
+
export { default as NotificationStepsCard } from "./components/notification-steps-card";
|
|
50
51
|
export { default as CheckBox } from "./components/check-box";
|
|
51
52
|
export { default as WeeklyHoursBalance } from "./components/weekly-hours-balance";
|
|
52
53
|
export { formatDate } from "./utils/format-date";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import NotificationStepsCard from "../../components/notification-steps-card";
|
|
3
|
+
/**
|
|
4
|
+
* META
|
|
5
|
+
*/
|
|
6
|
+
declare const meta: Meta<typeof NotificationStepsCard>;
|
|
7
|
+
export default meta;
|
|
8
|
+
type Story = StoryObj<typeof NotificationStepsCard>;
|
|
9
|
+
/**
|
|
10
|
+
* STORIES
|
|
11
|
+
*/
|
|
12
|
+
export declare const NotificationStepsCardDefault: Story;
|
|
13
|
+
export declare const NotificationStepsCardAllUnlocked: Story;
|
|
14
|
+
//# sourceMappingURL=notification-steps-card.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"notification-steps-card.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/stories/notification-steps-card/notification-steps-card.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,qBAAqB,MAAM,0CAA0C,CAAC;AAK7E;;GAEG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,qBAAqB,CAiE5C,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAEpD;;GAEG;AACH,eAAO,MAAM,4BAA4B,EAAE,KA4B1C,CAAC;AAEF,eAAO,MAAM,gCAAgC,EAAE,KAwB9C,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/common/icons-svg/chevron-right/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAe5C,CAAC;AAEF,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/common/icons-svg/constants/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,QAAA,MAAM,QAAQ
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/common/icons-svg/constants/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8Db,CAAC;AACF;;GAEG;AAEH,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/common/icons-svg/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAwD1B,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/common/icons-svg/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAwD1B,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,aAAa,CAAC;AAe7C,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA4N9B,CAAC;AAEF,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAavC,CAAC;AAEF;;GAEG;AAEH,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/common/icons-svg/video/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAerC,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -10,7 +10,7 @@ declare const _default: React.ComponentType<import("react-native").ViewProps & {
|
|
|
10
10
|
subTitle?: string;
|
|
11
11
|
duracao: string;
|
|
12
12
|
widthChildren?: number | import("react-native").DimensionValue;
|
|
13
|
-
icon?: "CAMERA_PLUS" | "STEERING_WHEEL" | "CHECK_BOX_FILL" | "CHECK_BOX_OUTLINE" | "CHECK_BOX" | "MOON_STARS" | "CALL_BELL" | "STEERING_WHEEL_FILL" | "TROPHY" | "SHOPPING_CART" | "CREDIT_CARD" | "FILE_TEXT" | "TRUCK" | "PACKAGE_CHECK" | "PLUS" | "PLUS_CONTAINER" | "EYE_SLASH" | "EYE" | "CALENDAR" | "TIMER" | "GEAR" | "CURRENCY" | "GAUGE" | "GAS_PUMP" | "ARROW_LEFT" | "BLUETOOTH" | "BLUETOOTH_CONNECTED" | "BLUETOOTH_SLASH" | "LIST" | "WIFI_X" | "WIFI_HIGH" | "NOTE_PINCEL" | "CHECK_CIRCLE" | "ARROW_DROP_DOWN" | "ARROW_CHEVRON_UP" | "ARROW_CHEVRON_DOWN" | "CLOSED" | "LOADING" | "COIL" | "HISTORY" | "BELL" | "BED" | "FILES" | "LIFEBUOY" | "RECUSED" | "EXCLAMATION_CIRCLE" | "EXCLAMATION_TRIANGLE" | "X_CIRCLE" | "TRUCK_ACTIVITY" | "COFFEE" | "CAR" | "CHECK_OUTLINE" | "HOURGLASS" | "HOUSE" | "ISLAND" | "CHEVRON_DOWN" | "CHEVRON_UP" | "TRASH" | "DOWNLOAD";
|
|
13
|
+
icon?: "CAMERA_PLUS" | "STEERING_WHEEL" | "CHECK_BOX_FILL" | "CHECK_BOX_OUTLINE" | "CHECK_BOX" | "MOON_STARS" | "CALL_BELL" | "STEERING_WHEEL_FILL" | "TROPHY" | "SHOPPING_CART" | "CREDIT_CARD" | "FILE_TEXT" | "TRUCK" | "PACKAGE_CHECK" | "PLUS" | "PLUS_CONTAINER" | "EYE_SLASH" | "EYE" | "CALENDAR" | "TIMER" | "GEAR" | "CURRENCY" | "GAUGE" | "GAS_PUMP" | "ARROW_LEFT" | "BLUETOOTH" | "BLUETOOTH_CONNECTED" | "BLUETOOTH_SLASH" | "LIST" | "WIFI_X" | "WIFI_HIGH" | "NOTE_PINCEL" | "CHECK_CIRCLE" | "ARROW_DROP_DOWN" | "ARROW_CHEVRON_UP" | "ARROW_CHEVRON_DOWN" | "CLOSED" | "LOADING" | "COIL" | "HISTORY" | "BELL" | "BED" | "FILES" | "LIFEBUOY" | "RECUSED" | "EXCLAMATION_CIRCLE" | "EXCLAMATION_TRIANGLE" | "X_CIRCLE" | "TRUCK_ACTIVITY" | "COFFEE" | "CAR" | "CHECK_OUTLINE" | "HOURGLASS" | "HOUSE" | "ISLAND" | "CHEVRON_DOWN" | "CHEVRON_UP" | "TRASH" | "DOWNLOAD" | "VIDEO" | "CHEVRON_RIGHT";
|
|
14
14
|
borderRight?: string;
|
|
15
15
|
children?: React.ReactNode;
|
|
16
16
|
testID?: string;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* IMPORTS
|
|
3
|
+
*/
|
|
4
|
+
import React from "react";
|
|
5
|
+
import type { INotificationStepsCardProps } from "./interface";
|
|
6
|
+
/**
|
|
7
|
+
* EXPORTS
|
|
8
|
+
*/
|
|
9
|
+
declare const _default: React.ComponentType<INotificationStepsCardProps>;
|
|
10
|
+
export default _default;
|
|
11
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/notification-steps-card/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAqB,MAAM,OAAO,CAAC;AAe1C,OAAO,KAAK,EAEV,2BAA2B,EAE5B,MAAM,aAAa,CAAC;AAoKrB;;GAEG;;AACH,wBAAsD"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* IMPORTS
|
|
3
|
+
*/
|
|
4
|
+
import type { ReactNode } from "react";
|
|
5
|
+
/**
|
|
6
|
+
* Tipos de conteúdo suportados por uma etapa da notificação.
|
|
7
|
+
*/
|
|
8
|
+
type NotificationStepType = "pdf" | "video" | "text";
|
|
9
|
+
/**
|
|
10
|
+
* Representa uma etapa/conteúdo dentro do NotificationStepsCard.
|
|
11
|
+
*/
|
|
12
|
+
interface INotificationStep {
|
|
13
|
+
type: NotificationStepType;
|
|
14
|
+
title: string;
|
|
15
|
+
subtitle?: string;
|
|
16
|
+
disabled?: boolean;
|
|
17
|
+
onPress?: () => void;
|
|
18
|
+
}
|
|
19
|
+
interface INotificationStepsCardProps {
|
|
20
|
+
title: string;
|
|
21
|
+
description: string | ReactNode;
|
|
22
|
+
steps: INotificationStep[];
|
|
23
|
+
warningMessage?: string;
|
|
24
|
+
testID?: string;
|
|
25
|
+
}
|
|
26
|
+
/**
|
|
27
|
+
* EXPORTS
|
|
28
|
+
*/
|
|
29
|
+
export { type INotificationStep, type INotificationStepsCardProps, type NotificationStepType, };
|
|
30
|
+
//# sourceMappingURL=interface.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"interface.d.ts","sourceRoot":"","sources":["../../../../../../src/components/notification-steps-card/interface.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,KAAK,oBAAoB,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;AAErD;;GAEG;AACH,UAAU,iBAAiB;IACzB,IAAI,EAAE,oBAAoB,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,UAAU,2BAA2B;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;GAEG;AACH,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,2BAA2B,EAChC,KAAK,oBAAoB,GAC1B,CAAC"}
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
import React from "react";
|
|
5
5
|
declare const _default: React.ComponentType<import("react-native").TouchableOpacityProps & {
|
|
6
6
|
value: any;
|
|
7
|
-
icon: "CAMERA_PLUS" | "STEERING_WHEEL" | "CHECK_BOX_FILL" | "CHECK_BOX_OUTLINE" | "CHECK_BOX" | "MOON_STARS" | "CALL_BELL" | "STEERING_WHEEL_FILL" | "TROPHY" | "SHOPPING_CART" | "CREDIT_CARD" | "FILE_TEXT" | "TRUCK" | "PACKAGE_CHECK" | "PLUS" | "PLUS_CONTAINER" | "EYE_SLASH" | "EYE" | "CALENDAR" | "TIMER" | "GEAR" | "CURRENCY" | "GAUGE" | "GAS_PUMP" | "ARROW_LEFT" | "BLUETOOTH" | "BLUETOOTH_CONNECTED" | "BLUETOOTH_SLASH" | "LIST" | "WIFI_X" | "WIFI_HIGH" | "NOTE_PINCEL" | "CHECK_CIRCLE" | "ARROW_DROP_DOWN" | "ARROW_CHEVRON_UP" | "ARROW_CHEVRON_DOWN" | "CLOSED" | "LOADING" | "COIL" | "HISTORY" | "BELL" | "BED" | "FILES" | "LIFEBUOY" | "RECUSED" | "EXCLAMATION_CIRCLE" | "EXCLAMATION_TRIANGLE" | "X_CIRCLE" | "TRUCK_ACTIVITY" | "COFFEE" | "CAR" | "CHECK_OUTLINE" | "HOURGLASS" | "HOUSE" | "ISLAND" | "CHEVRON_DOWN" | "CHEVRON_UP" | "TRASH" | "DOWNLOAD";
|
|
7
|
+
icon: "CAMERA_PLUS" | "STEERING_WHEEL" | "CHECK_BOX_FILL" | "CHECK_BOX_OUTLINE" | "CHECK_BOX" | "MOON_STARS" | "CALL_BELL" | "STEERING_WHEEL_FILL" | "TROPHY" | "SHOPPING_CART" | "CREDIT_CARD" | "FILE_TEXT" | "TRUCK" | "PACKAGE_CHECK" | "PLUS" | "PLUS_CONTAINER" | "EYE_SLASH" | "EYE" | "CALENDAR" | "TIMER" | "GEAR" | "CURRENCY" | "GAUGE" | "GAS_PUMP" | "ARROW_LEFT" | "BLUETOOTH" | "BLUETOOTH_CONNECTED" | "BLUETOOTH_SLASH" | "LIST" | "WIFI_X" | "WIFI_HIGH" | "NOTE_PINCEL" | "CHECK_CIRCLE" | "ARROW_DROP_DOWN" | "ARROW_CHEVRON_UP" | "ARROW_CHEVRON_DOWN" | "CLOSED" | "LOADING" | "COIL" | "HISTORY" | "BELL" | "BED" | "FILES" | "LIFEBUOY" | "RECUSED" | "EXCLAMATION_CIRCLE" | "EXCLAMATION_TRIANGLE" | "X_CIRCLE" | "TRUCK_ACTIVITY" | "COFFEE" | "CAR" | "CHECK_OUTLINE" | "HOURGLASS" | "HOUSE" | "ISLAND" | "CHEVRON_DOWN" | "CHEVRON_UP" | "TRASH" | "DOWNLOAD" | "VIDEO" | "CHEVRON_RIGHT";
|
|
8
8
|
disabled?: boolean;
|
|
9
9
|
textColor?: string;
|
|
10
10
|
onPressConfirm: (value: any) => void;
|
|
@@ -47,6 +47,7 @@ export { default as ModalToConfirmations } from "./components/modals/modal-to-co
|
|
|
47
47
|
export { default as ActivityTimeline } from "./components/activity-step";
|
|
48
48
|
export { default as NotificationCard } from "./components/notification-card";
|
|
49
49
|
export { default as NotificationDetailCard } from "./components/notification-details-card";
|
|
50
|
+
export { default as NotificationStepsCard } from "./components/notification-steps-card";
|
|
50
51
|
export { default as CheckBox } from "./components/check-box";
|
|
51
52
|
export { default as WeeklyHoursBalance } from "./components/weekly-hours-balance";
|
|
52
53
|
export { formatDate } from "./utils/format-date";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import NotificationStepsCard from "../../components/notification-steps-card";
|
|
3
|
+
/**
|
|
4
|
+
* META
|
|
5
|
+
*/
|
|
6
|
+
declare const meta: Meta<typeof NotificationStepsCard>;
|
|
7
|
+
export default meta;
|
|
8
|
+
type Story = StoryObj<typeof NotificationStepsCard>;
|
|
9
|
+
/**
|
|
10
|
+
* STORIES
|
|
11
|
+
*/
|
|
12
|
+
export declare const NotificationStepsCardDefault: Story;
|
|
13
|
+
export declare const NotificationStepsCardAllUnlocked: Story;
|
|
14
|
+
//# sourceMappingURL=notification-steps-card.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"notification-steps-card.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/stories/notification-steps-card/notification-steps-card.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,qBAAqB,MAAM,0CAA0C,CAAC;AAK7E;;GAEG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,qBAAqB,CAiE5C,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAEpD;;GAEG;AACH,eAAO,MAAM,4BAA4B,EAAE,KA4B1C,CAAC;AAEF,eAAO,MAAM,gCAAgC,EAAE,KAwB9C,CAAC"}
|
package/package.json
CHANGED
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* IMPORTS
|
|
3
|
+
*/
|
|
4
|
+
import * as React from "react";
|
|
5
|
+
import Svg, { Path } from "react-native-svg";
|
|
6
|
+
|
|
7
|
+
//typings
|
|
8
|
+
import { type ISvgProps } from "../interface";
|
|
9
|
+
|
|
10
|
+
const SvgIconChevronRight: React.FC<ISvgProps> = ({ size, color, ...res }) => (
|
|
11
|
+
<Svg
|
|
12
|
+
// @ts-ignore
|
|
13
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
14
|
+
width={size ?? 24}
|
|
15
|
+
height={size ?? 24}
|
|
16
|
+
fill="none"
|
|
17
|
+
viewBox="0 0 24 24"
|
|
18
|
+
{...res}
|
|
19
|
+
>
|
|
20
|
+
<Path
|
|
21
|
+
fill={color ?? "#837676"}
|
|
22
|
+
d="M9.47 6.22a.75.75 0 0 1 1.06 0l5.25 5.25a.75.75 0 0 1 0 1.06l-5.25 5.25a.75.75 0 1 1-1.06-1.06L14.19 12 9.47 7.28a.75.75 0 0 1 0-1.06"
|
|
23
|
+
></Path>
|
|
24
|
+
</Svg>
|
|
25
|
+
);
|
|
26
|
+
|
|
27
|
+
export { SvgIconChevronRight };
|
|
@@ -69,6 +69,8 @@ import { SvgIconPlusTrash } from "./trash";
|
|
|
69
69
|
import { SvgIconDownload } from "./download";
|
|
70
70
|
import { SvgIconBluetoothSlash } from "./bluetooth-slash";
|
|
71
71
|
import { SvgIconCheckBox } from "./check-box";
|
|
72
|
+
import { SvgIconVideo } from "./video";
|
|
73
|
+
import { SvgIconChevronRight } from "./chevron-right";
|
|
72
74
|
|
|
73
75
|
const Icons: React.FC<ISvgProps> = ({ icon, color, size, background }) => {
|
|
74
76
|
switch (icon) {
|
|
@@ -274,6 +276,19 @@ const Icons: React.FC<ISvgProps> = ({ icon, color, size, background }) => {
|
|
|
274
276
|
|
|
275
277
|
case "TRASH":
|
|
276
278
|
return <SvgIconPlusTrash color={color} size={size} icon="TRASH" />;
|
|
279
|
+
|
|
280
|
+
case "VIDEO":
|
|
281
|
+
return <SvgIconVideo color={color ?? theme.colors.gray[700]} size={size ?? 24} icon="VIDEO" />;
|
|
282
|
+
|
|
283
|
+
case "CHEVRON_RIGHT":
|
|
284
|
+
return (
|
|
285
|
+
<SvgIconChevronRight
|
|
286
|
+
color={color ?? theme.colors.gray[700]}
|
|
287
|
+
size={size ?? 20}
|
|
288
|
+
icon="CHEVRON_RIGHT"
|
|
289
|
+
/>
|
|
290
|
+
);
|
|
291
|
+
|
|
277
292
|
default:
|
|
278
293
|
return <SvgIconCameraPlus color={color} size={size} icon={"CAMERA_PLUS"} />;
|
|
279
294
|
}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* IMPORTS
|
|
3
|
+
*/
|
|
4
|
+
import * as React from "react";
|
|
5
|
+
import Svg, { Path } from "react-native-svg";
|
|
6
|
+
|
|
7
|
+
//typings
|
|
8
|
+
import { type ISvgProps } from "../interface";
|
|
9
|
+
|
|
10
|
+
const SvgIconVideo: React.FC<ISvgProps> = ({ size, color, ...res }) => (
|
|
11
|
+
<Svg
|
|
12
|
+
// @ts-ignore
|
|
13
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
14
|
+
width={size ?? 24}
|
|
15
|
+
height={size ?? 24}
|
|
16
|
+
fill="none"
|
|
17
|
+
viewBox="0 0 24 24"
|
|
18
|
+
{...res}
|
|
19
|
+
>
|
|
20
|
+
<Path
|
|
21
|
+
fill={color ?? "#837676"}
|
|
22
|
+
d="M4 5.25A1.75 1.75 0 0 0 2.25 7v10A1.75 1.75 0 0 0 4 18.75h12A1.75 1.75 0 0 0 17.75 17v-2.19l3.14 2.35A.75.75 0 0 0 22 16.56V7.44a.75.75 0 0 0-1.11-.66l-3.14 2.35V7A1.75 1.75 0 0 0 16 5.25zm12.25 11.5H4a.25.25 0 0 1-.25-.25V7a.25.25 0 0 1 .25-.25h12a.25.25 0 0 1 .25.25zm4.25-2.02-2.75-2.06v.66l2.75 2.06zm0-.72V8.79l-2.75 2.06v2.34zm-9.62-3.34a.75.75 0 0 0-1.13.65v3.96a.75.75 0 0 0 1.13.65l3.4-1.98a.75.75 0 0 0 0-1.3zm.37 3.31v-1.36l1.17.68z"
|
|
23
|
+
></Path>
|
|
24
|
+
</Svg>
|
|
25
|
+
);
|
|
26
|
+
|
|
27
|
+
export { SvgIconVideo };
|
|
@@ -0,0 +1,190 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* IMPORTS
|
|
3
|
+
*/
|
|
4
|
+
import React, { forwardRef } from "react";
|
|
5
|
+
import { TouchableOpacity, View } from "react-native";
|
|
6
|
+
|
|
7
|
+
// commons / icons
|
|
8
|
+
import { Icons } from "../../common/icons-svg";
|
|
9
|
+
|
|
10
|
+
// components
|
|
11
|
+
import Box from "../box";
|
|
12
|
+
import Typography from "../typography";
|
|
13
|
+
|
|
14
|
+
// styles / theme
|
|
15
|
+
import { theme } from "../../styles/theme/theme";
|
|
16
|
+
|
|
17
|
+
// typings
|
|
18
|
+
import { asBaseComponent } from "../../@types/as-base-component";
|
|
19
|
+
import type {
|
|
20
|
+
INotificationStep,
|
|
21
|
+
INotificationStepsCardProps,
|
|
22
|
+
NotificationStepType,
|
|
23
|
+
} from "./interface";
|
|
24
|
+
|
|
25
|
+
/**
|
|
26
|
+
* Mapeia o tipo da etapa para o ícone correspondente.
|
|
27
|
+
*/
|
|
28
|
+
const stepIconByType: Record<NotificationStepType, "VIDEO" | "FILES"> = {
|
|
29
|
+
video: "VIDEO",
|
|
30
|
+
pdf: "FILES",
|
|
31
|
+
text: "FILES",
|
|
32
|
+
};
|
|
33
|
+
|
|
34
|
+
/**
|
|
35
|
+
* Componente NotificationStepsCard
|
|
36
|
+
*
|
|
37
|
+
* Exibe uma notificação com múltiplas etapas/conteúdos (texto, pdf, vídeo),
|
|
38
|
+
* cada uma com ícone, título, subtítulo e um chevron de ação. Etapas podem
|
|
39
|
+
* ser bloqueadas (disabled) para forçar conclusão em ordem.
|
|
40
|
+
*/
|
|
41
|
+
const NotificationStepsCard: React.FC<INotificationStepsCardProps> = forwardRef<
|
|
42
|
+
View,
|
|
43
|
+
INotificationStepsCardProps
|
|
44
|
+
>(({ title, description, steps, warningMessage, testID }, ref) => {
|
|
45
|
+
const borderColor = theme.colors.blue[525];
|
|
46
|
+
|
|
47
|
+
return (
|
|
48
|
+
<Box
|
|
49
|
+
ref={ref}
|
|
50
|
+
testID={testID ?? "notification-steps-card"}
|
|
51
|
+
flexStyle={{ flexDirection: "row" }}
|
|
52
|
+
borderStyled={{
|
|
53
|
+
borderWidth: 1,
|
|
54
|
+
borderColor: theme.colors.blue[525],
|
|
55
|
+
borderRadius: theme.borderWidths.thick_medium,
|
|
56
|
+
}}
|
|
57
|
+
marginStyle={{ marginBottom: 12 }}
|
|
58
|
+
backgroundColor={theme.colors.neutral[25]}
|
|
59
|
+
>
|
|
60
|
+
{/* borda fixa lateral esquerda */}
|
|
61
|
+
<Box
|
|
62
|
+
width={8}
|
|
63
|
+
backgroundColor={borderColor}
|
|
64
|
+
borderStyled={{
|
|
65
|
+
borderTopLeftRadius: theme.borderWidths.thick_medium,
|
|
66
|
+
borderBottomLeftRadius: theme.borderWidths.thick_medium,
|
|
67
|
+
}}
|
|
68
|
+
/>
|
|
69
|
+
|
|
70
|
+
{/* Conteúdo do card */}
|
|
71
|
+
<Box flexStyle={{ flex: 1 }} paddingStyle={{ padding: theme.paddings.md }}>
|
|
72
|
+
{/* Título */}
|
|
73
|
+
<Typography
|
|
74
|
+
text={title}
|
|
75
|
+
fontFamily={theme.fonts.inter_bold}
|
|
76
|
+
fontWeight="700"
|
|
77
|
+
size={theme.fontSizes.md}
|
|
78
|
+
color={theme.colors.black[100]}
|
|
79
|
+
marginBottom={theme.margins["2xs"]}
|
|
80
|
+
/>
|
|
81
|
+
|
|
82
|
+
{/* Descrição */}
|
|
83
|
+
{typeof description === "string" ? (
|
|
84
|
+
<Typography
|
|
85
|
+
text={description}
|
|
86
|
+
size={theme.fontSizes.sm}
|
|
87
|
+
lineHeight={theme.lineHeight.xl}
|
|
88
|
+
fontFamily={theme.fonts.inter_regular_400}
|
|
89
|
+
color={theme.colors.gray[700]}
|
|
90
|
+
marginBottom={theme.margins.md}
|
|
91
|
+
/>
|
|
92
|
+
) : (
|
|
93
|
+
<Box marginStyle={{ marginBottom: theme.margins.md }}>{description}</Box>
|
|
94
|
+
)}
|
|
95
|
+
|
|
96
|
+
{/* Etapas */}
|
|
97
|
+
{steps.map((step: INotificationStep, index: number) => {
|
|
98
|
+
const isDisabled = !!step.disabled;
|
|
99
|
+
|
|
100
|
+
const contentColor = isDisabled
|
|
101
|
+
? theme.colors.gray[400]
|
|
102
|
+
: theme.colors.black[100];
|
|
103
|
+
|
|
104
|
+
const subtitleColor = isDisabled
|
|
105
|
+
? theme.colors.gray[400]
|
|
106
|
+
: theme.colors.gray[700];
|
|
107
|
+
|
|
108
|
+
return (
|
|
109
|
+
<TouchableOpacity
|
|
110
|
+
key={`${step.title}-${index}`}
|
|
111
|
+
testID={`notification-step-${index}`}
|
|
112
|
+
onPress={step.onPress}
|
|
113
|
+
disabled={isDisabled}
|
|
114
|
+
activeOpacity={0.7}
|
|
115
|
+
>
|
|
116
|
+
<Box
|
|
117
|
+
flexStyle={{ flexDirection: "row", alignItems: "center" }}
|
|
118
|
+
borderStyled={{
|
|
119
|
+
borderWidth: 1,
|
|
120
|
+
borderColor: theme.colors.neutral[200],
|
|
121
|
+
borderRadius: theme.borderWidths.thick_medium,
|
|
122
|
+
}}
|
|
123
|
+
paddingStyle={{ padding: theme.paddings.sm }}
|
|
124
|
+
marginStyle={{ marginBottom: theme.margins["1xs"] }}
|
|
125
|
+
backgroundColor={theme.colors.neutral[25]}
|
|
126
|
+
opacity={isDisabled ? 0.5 : 1}
|
|
127
|
+
>
|
|
128
|
+
{/* Ícone do tipo de conteúdo */}
|
|
129
|
+
<Icons icon={stepIconByType[step.type]} color={contentColor} size={22} />
|
|
130
|
+
|
|
131
|
+
{/* Título + subtítulo */}
|
|
132
|
+
<Box flexStyle={{ flex: 1 }} marginStyle={{ marginLeft: theme.margins.xs }}>
|
|
133
|
+
<Typography
|
|
134
|
+
text={step.title}
|
|
135
|
+
fontFamily={theme.fonts.inter_semi_bold_600}
|
|
136
|
+
fontWeight="600"
|
|
137
|
+
size={theme.fontSizes.sm}
|
|
138
|
+
color={contentColor}
|
|
139
|
+
/>
|
|
140
|
+
{!!step.subtitle && (
|
|
141
|
+
<Typography
|
|
142
|
+
text={step.subtitle}
|
|
143
|
+
size={theme.fontSizes.xs}
|
|
144
|
+
fontFamily={theme.fonts.inter_regular_400}
|
|
145
|
+
color={subtitleColor}
|
|
146
|
+
marginTop={2}
|
|
147
|
+
/>
|
|
148
|
+
)}
|
|
149
|
+
</Box>
|
|
150
|
+
|
|
151
|
+
{/* Chevron */}
|
|
152
|
+
<Icons icon="CHEVRON_RIGHT" color={subtitleColor} size={20} />
|
|
153
|
+
</Box>
|
|
154
|
+
</TouchableOpacity>
|
|
155
|
+
);
|
|
156
|
+
})}
|
|
157
|
+
|
|
158
|
+
{/* Aviso */}
|
|
159
|
+
{!!warningMessage && (
|
|
160
|
+
<Box
|
|
161
|
+
testID="notification-steps-warning"
|
|
162
|
+
borderStyled={{
|
|
163
|
+
borderWidth: 1,
|
|
164
|
+
borderColor: theme.colors.orange[150],
|
|
165
|
+
borderRadius: theme.borderWidths.thick,
|
|
166
|
+
}}
|
|
167
|
+
paddingStyle={{ padding: theme.paddings.sm }}
|
|
168
|
+
marginStyle={{ marginTop: theme.margins["1xs"] }}
|
|
169
|
+
backgroundColor={theme.colors.yellow[120]}
|
|
170
|
+
>
|
|
171
|
+
<Typography
|
|
172
|
+
text={warningMessage}
|
|
173
|
+
size={theme.fontSizes.sm}
|
|
174
|
+
lineHeight={theme.lineHeight.lg}
|
|
175
|
+
fontFamily={theme.fonts.inter_regular_400}
|
|
176
|
+
color={theme.colors.orange[150]}
|
|
177
|
+
/>
|
|
178
|
+
</Box>
|
|
179
|
+
)}
|
|
180
|
+
</Box>
|
|
181
|
+
</Box>
|
|
182
|
+
);
|
|
183
|
+
});
|
|
184
|
+
|
|
185
|
+
NotificationStepsCard.displayName = "NotificationStepsCard";
|
|
186
|
+
|
|
187
|
+
/**
|
|
188
|
+
* EXPORTS
|
|
189
|
+
*/
|
|
190
|
+
export default asBaseComponent(NotificationStepsCard);
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* IMPORTS
|
|
3
|
+
*/
|
|
4
|
+
|
|
5
|
+
import type { ReactNode } from "react";
|
|
6
|
+
|
|
7
|
+
/**
|
|
8
|
+
* Tipos de conteúdo suportados por uma etapa da notificação.
|
|
9
|
+
*/
|
|
10
|
+
type NotificationStepType = "pdf" | "video" | "text";
|
|
11
|
+
|
|
12
|
+
/**
|
|
13
|
+
* Representa uma etapa/conteúdo dentro do NotificationStepsCard.
|
|
14
|
+
*/
|
|
15
|
+
interface INotificationStep {
|
|
16
|
+
type: NotificationStepType;
|
|
17
|
+
title: string;
|
|
18
|
+
subtitle?: string;
|
|
19
|
+
disabled?: boolean;
|
|
20
|
+
onPress?: () => void;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
interface INotificationStepsCardProps {
|
|
24
|
+
title: string;
|
|
25
|
+
description: string | ReactNode;
|
|
26
|
+
steps: INotificationStep[];
|
|
27
|
+
warningMessage?: string;
|
|
28
|
+
testID?: string;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
/**
|
|
32
|
+
* EXPORTS
|
|
33
|
+
*/
|
|
34
|
+
export {
|
|
35
|
+
type INotificationStep,
|
|
36
|
+
type INotificationStepsCardProps,
|
|
37
|
+
type NotificationStepType,
|
|
38
|
+
};
|
package/src/index.tsx
CHANGED
|
@@ -49,6 +49,7 @@ export { default as ModalToConfirmations } from "./components/modals/modal-to-co
|
|
|
49
49
|
export { default as ActivityTimeline } from "./components/activity-step";
|
|
50
50
|
export { default as NotificationCard } from "./components/notification-card";
|
|
51
51
|
export { default as NotificationDetailCard } from "./components/notification-details-card";
|
|
52
|
+
export { default as NotificationStepsCard } from "./components/notification-steps-card";
|
|
52
53
|
export { default as CheckBox } from "./components/check-box";
|
|
53
54
|
|
|
54
55
|
// adicionar o storybook + teste
|