@pismo/marola 2.1.69 → 2.1.71
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/dist/components/Draggable/useDraggable.js +1 -1
- package/dist/components/Icon/types.d.ts +1 -1
- package/dist/components/StepperNavigator/StepperNavigator.d.ts +11 -1
- package/dist/components/StepperNavigator/StepperNavigator.js +84 -61
- package/dist/components/StepperNavigator/StepperNavigator.stories.d.ts +2 -1
- package/dist/contexts/DraggableProvider/DraggableProvider.js +1 -1
- package/dist/{react-Bl3sGIkV.js → react-BTbo_5A3.js} +82 -82
- package/dist/utils/iconsList.js +114 -108
- package/package.json +1 -1
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* This file is automatically generated. Any changes will be lost.
|
|
3
3
|
* run "yarn generate-icon-types" or "yarn build" to regenerate it.
|
|
4
4
|
*/
|
|
5
|
-
export type IconName = 'alien-8bit' | 'arrow-down-arrow-up' | 'arrow-down-z-a' | 'arrow-left' | 'arrow-right' | 'arrow-right-to-arc' | 'arrow-rotate-left' | 'arrow-up-right-from-square' | 'arrows-rotate' | 'badge-check' | 'bell' | 'building-columns' | 'calendar-days' | 'check' | 'check-double' | 'chevron-down' | 'chevron-right' | 'chevron-up' | 'chevrons-right' | 'circle' | 'circle-arrow-right' | 'circle-check' | 'circle-check-outline' | 'circle-exclamation' | 'circle-exclamation-outline' | 'circle-info' | 'circle-minus' | 'circle-plus' | 'circle-x' | 'circle-xmark' | 'circle-xmark-outline' | 'clock' | 'clock-rotate-left' | 'coin' | 'coins' | 'computer-classic' | 'copy' | 'credit-card' | 'credit-card-blank' | 'credit-card-front' | 'download' | 'ellipsis-vertical' | 'empty-img' | 'empty-set' | 'eye' | 'eye-slash' | 'filter-list' | 'fingerprint' | 'folder-magnifying-glass' | 'folder-open' | 'gift-card' | 'graduation-cap' | 'grid-2' | 'grid-horizontal' | 'grip-dots-vertical' | 'headphones-simple' | 'house-blank' | 'id-badge' | 'inbox-full' | 'laptop' | 'light/star' | 'list' | 'loader' | 'lock-keyhole' | 'lock-keyhole-open' | 'logo' | 'magnifying-glass' | 'map-location-dot' | 'map-pin' | 'messages-question' | 'mobile-screen-button' | 'money-bill-transfer' | 'money-bill-trend-up' | 'money-bills' | 'notes-medical' | 'paste' | 'pen' | 'pen-to-square' | 'people-arrows-left-right' | 'percent' | 'piggy-bank' | 'plus' | 'rectangle-history' | 'rectangle-history-circle-user' | 'rectangle-terminal' | 'rotate' | 'scale-balanced' | 'sd-card' | 'sd-cards' | 'server' | 'sheet-plastic' | 'shield-xmark' | 'sidebar' | 'sitemap' | 'solid/star' | 'squirrel' | 'stethoscope' | 'store' | 'timer' | 'trash' | 'trash-can' | 'upload' | 'user' | 'user-gear' | 'user-group' | 'user-group-crown' | 'user-tie' | 'user-tie-hair' | 'user-vneck' | 'users' | 'wallet' | 'warehouse-full' | 'xmark';
|
|
5
|
+
export type IconName = 'alien-8bit' | 'arrow-down-arrow-up' | 'arrow-down-z-a' | 'arrow-left' | 'arrow-right' | 'arrow-right-to-arc' | 'arrow-rotate-left' | 'arrow-up-right-from-square' | 'arrows-rotate' | 'badge-check' | 'bell' | 'building-columns' | 'calendar-days' | 'check' | 'check-double' | 'chevron-down' | 'chevron-right' | 'chevron-up' | 'chevrons-right' | 'circle' | 'circle-arrow-right' | 'circle-check' | 'circle-check-outline' | 'circle-exclamation' | 'circle-exclamation-outline' | 'circle-info' | 'circle-minus' | 'circle-plus' | 'circle-x' | 'circle-xmark' | 'circle-xmark-outline' | 'clock' | 'clock-rotate-left' | 'coin' | 'coins' | 'computer-classic' | 'copy' | 'credit-card' | 'credit-card-blank' | 'credit-card-front' | 'download' | 'ellipsis-vertical' | 'empty-img' | 'empty-set' | 'eye' | 'eye-slash' | 'filter-list' | 'fingerprint' | 'folder-magnifying-glass' | 'folder-open' | 'gift-card' | 'graduation-cap' | 'grid-2' | 'grid-horizontal' | 'grip-dots-vertical' | 'headphones-simple' | 'house-blank' | 'id-badge' | 'inbox-full' | 'laptop' | 'light/star' | 'list' | 'loader' | 'lock-keyhole' | 'lock-keyhole-open' | 'logo' | 'magnifying-glass' | 'map-location-dot' | 'map-pin' | 'messages-question' | 'mobile-screen-button' | 'money-bill-transfer' | 'money-bill-trend-up' | 'money-bills' | 'no-items-to-show' | 'notes-medical' | 'paste' | 'pen' | 'pen-to-square' | 'people-arrows-left-right' | 'percent' | 'piggy-bank' | 'plus' | 'rectangle-history' | 'rectangle-history-circle-user' | 'rectangle-terminal' | 'rotate' | 'scale-balanced' | 'sd-card' | 'sd-cards' | 'server' | 'sheet-plastic' | 'shield-xmark' | 'sidebar' | 'sitemap' | 'solid/star' | 'squirrel' | 'stethoscope' | 'store' | 'timer' | 'trash' | 'trash-can' | 'upload' | 'user' | 'user-gear' | 'user-group' | 'user-group-crown' | 'user-tie' | 'user-tie-hair' | 'user-vneck' | 'users' | 'wallet' | 'warehouse-full' | 'xmark';
|
|
@@ -10,6 +10,8 @@ export type StepperNavigatorProps = {
|
|
|
10
10
|
hidePrevious?: boolean;
|
|
11
11
|
/** Hides the "cancel" button */
|
|
12
12
|
hideCancel?: boolean;
|
|
13
|
+
/** Hides the "skip" button */
|
|
14
|
+
hideSkip?: boolean;
|
|
13
15
|
/** Hides the "next" button */
|
|
14
16
|
hideNext?: boolean;
|
|
15
17
|
/** Hides the "finish" button */
|
|
@@ -18,6 +20,8 @@ export type StepperNavigatorProps = {
|
|
|
18
20
|
disablePrevious?: boolean;
|
|
19
21
|
/** Disables the "cancel" button */
|
|
20
22
|
disableCancel?: boolean;
|
|
23
|
+
/** Disables the "skip" button */
|
|
24
|
+
disableSkip?: boolean;
|
|
21
25
|
/** Disables the "next" button */
|
|
22
26
|
disableNext?: boolean;
|
|
23
27
|
/** Disables the "finish" button */
|
|
@@ -28,6 +32,8 @@ export type StepperNavigatorProps = {
|
|
|
28
32
|
labelPrevious?: React.ReactNode;
|
|
29
33
|
/** Label to be used for the "cancel" button */
|
|
30
34
|
labelCancel?: React.ReactNode;
|
|
35
|
+
/** Label to be used for the "skip" button */
|
|
36
|
+
labelSkip?: React.ReactNode;
|
|
31
37
|
/** Label to be used for the "next" button */
|
|
32
38
|
labelNext?: React.ReactNode;
|
|
33
39
|
/** Label to be used for the "finish" button */
|
|
@@ -42,6 +48,8 @@ export type StepperNavigatorProps = {
|
|
|
42
48
|
previousButtonProps?: StepperNavigatorButtonProps;
|
|
43
49
|
/** Cancel button props */
|
|
44
50
|
cancelButtonProps?: StepperNavigatorButtonProps;
|
|
51
|
+
/** Skip button props */
|
|
52
|
+
skipButtonProps?: StepperNavigatorButtonProps;
|
|
45
53
|
/** Next button props */
|
|
46
54
|
nextButtonProps?: StepperNavigatorButtonProps;
|
|
47
55
|
/** Finish button props */
|
|
@@ -50,10 +58,12 @@ export type StepperNavigatorProps = {
|
|
|
50
58
|
onPrevious?: () => void;
|
|
51
59
|
/** Callback to be called when the "cancel" button is clicked */
|
|
52
60
|
onCancel?: () => void;
|
|
61
|
+
/** Callback to be called when the "skip" button is clicked. Use this to clear selections on the current step */
|
|
62
|
+
onSkip?: () => void;
|
|
53
63
|
/** Callback to be called when the "next" button is clicked */
|
|
54
64
|
onNext?: () => void;
|
|
55
65
|
/** Callback to be called when the "finish" button is clicked */
|
|
56
66
|
onFinish?: () => void;
|
|
57
67
|
};
|
|
58
|
-
export declare const StepperNavigator: ({ hideNext, hidePrevious, hideCancel, hideFinish, disableNext, disablePrevious, disableCancel, disableFinish, loading, lang, labelNext, labelPrevious, labelCancel, labelFinish, className, "data-testid": dataTestId, previousButtonProps, cancelButtonProps, nextButtonProps, finishButtonProps, onNext, onPrevious, onCancel, onFinish, }: StepperNavigatorProps) => import("react/jsx-runtime").JSX.Element;
|
|
68
|
+
export declare const StepperNavigator: ({ hideNext, hidePrevious, hideCancel, hideSkip, hideFinish, disableNext, disablePrevious, disableCancel, disableSkip, disableFinish, loading, lang, labelNext, labelPrevious, labelCancel, labelSkip, labelFinish, className, "data-testid": dataTestId, previousButtonProps, cancelButtonProps, skipButtonProps, nextButtonProps, finishButtonProps, onNext, onPrevious, onCancel, onSkip, onFinish, }: StepperNavigatorProps) => import("react/jsx-runtime").JSX.Element;
|
|
59
69
|
export {};
|
|
@@ -1,123 +1,146 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as I, jsx as c } from "react/jsx-runtime";
|
|
2
2
|
import { c as g } from "../../clsx-OuTLNxxd.js";
|
|
3
|
-
import { Button as
|
|
4
|
-
import '../../assets/StepperNavigator.css';const
|
|
3
|
+
import { Button as N } from "../Button/Button.js";
|
|
4
|
+
import '../../assets/StepperNavigator.css';const _ = {
|
|
5
5
|
"stepper-navigator": "_stepper-navigator_v6lmn_1",
|
|
6
6
|
"previous-button": "_previous-button_v6lmn_14",
|
|
7
7
|
"cancel-button": "_cancel-button_v6lmn_15",
|
|
8
8
|
"next-button": "_next-button_v6lmn_16",
|
|
9
9
|
"finish-button": "_finish-button_v6lmn_17"
|
|
10
|
-
},
|
|
10
|
+
}, b = {
|
|
11
11
|
en: {
|
|
12
12
|
previous: "Back",
|
|
13
13
|
cancel: "Cancel",
|
|
14
|
+
skip: "Skip this step",
|
|
14
15
|
next: "Next",
|
|
15
16
|
finish: "Finish"
|
|
16
17
|
},
|
|
17
18
|
pt: {
|
|
18
19
|
previous: "Voltar",
|
|
19
20
|
cancel: "Cancelar",
|
|
21
|
+
skip: "Pular esta etapa",
|
|
20
22
|
next: "Próximo",
|
|
21
23
|
finish: "Finalizar"
|
|
22
24
|
}
|
|
23
|
-
},
|
|
24
|
-
hideNext:
|
|
25
|
-
hidePrevious:
|
|
26
|
-
hideCancel:
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
25
|
+
}, $ = ({
|
|
26
|
+
hideNext: G = !1,
|
|
27
|
+
hidePrevious: H = !1,
|
|
28
|
+
hideCancel: J = !1,
|
|
29
|
+
hideSkip: K = !0,
|
|
30
|
+
hideFinish: L = !1,
|
|
31
|
+
disableNext: V = !1,
|
|
32
|
+
disablePrevious: q = !1,
|
|
33
|
+
disableCancel: w = !1,
|
|
34
|
+
disableSkip: A = !1,
|
|
35
|
+
disableFinish: D = !1,
|
|
36
|
+
loading: E = !1,
|
|
37
|
+
lang: h = "en",
|
|
38
|
+
labelNext: y,
|
|
39
|
+
labelPrevious: C,
|
|
40
|
+
labelCancel: f,
|
|
41
|
+
labelSkip: j,
|
|
42
|
+
labelFinish: z,
|
|
43
|
+
className: M,
|
|
44
|
+
"data-testid": O = "stepper-navigator",
|
|
40
45
|
previousButtonProps: a,
|
|
41
46
|
cancelButtonProps: d,
|
|
47
|
+
skipButtonProps: e,
|
|
42
48
|
nextButtonProps: m,
|
|
43
49
|
finishButtonProps: l,
|
|
44
|
-
onNext:
|
|
50
|
+
onNext: Q = () => {
|
|
45
51
|
},
|
|
46
|
-
onPrevious:
|
|
52
|
+
onPrevious: R = () => {
|
|
47
53
|
},
|
|
48
|
-
onCancel:
|
|
54
|
+
onCancel: T = () => {
|
|
49
55
|
},
|
|
50
|
-
|
|
56
|
+
onSkip: U = () => {
|
|
57
|
+
},
|
|
58
|
+
onFinish: W = () => {
|
|
51
59
|
}
|
|
52
|
-
}) => (
|
|
53
|
-
|
|
54
|
-
|
|
60
|
+
}) => (f = f || b[h].cancel, C = C || b[h].previous, j = j || b[h].skip, y = y || b[h].next, z = z || b[h].finish, E && (V = !0, q = !0, w = !0, A = !0, D = !0), /* @__PURE__ */ I("div", { className: g(_["stepper-navigator"], M), "data-testid": O, children: [
|
|
61
|
+
H ? /* @__PURE__ */ c("span", {}) : /* @__PURE__ */ I(
|
|
62
|
+
N,
|
|
55
63
|
{
|
|
56
64
|
variant: "default",
|
|
57
65
|
shape: "round",
|
|
58
|
-
className: g(
|
|
66
|
+
className: g(_["previous-button"], a == null ? void 0 : a.className),
|
|
59
67
|
"data-testid": (a == null ? void 0 : a["data-testid"]) || "stepper-navigator-previous-button",
|
|
60
|
-
disabled:
|
|
61
|
-
onClick:
|
|
68
|
+
disabled: q,
|
|
69
|
+
onClick: R,
|
|
62
70
|
children: [
|
|
63
|
-
(a == null ? void 0 : a.leftIcon) && /* @__PURE__ */
|
|
64
|
-
/* @__PURE__ */
|
|
65
|
-
(a == null ? void 0 : a.rightIcon) && /* @__PURE__ */
|
|
71
|
+
(a == null ? void 0 : a.leftIcon) && /* @__PURE__ */ c("span", { children: a == null ? void 0 : a.leftIcon }),
|
|
72
|
+
/* @__PURE__ */ c("span", { children: C }),
|
|
73
|
+
(a == null ? void 0 : a.rightIcon) && /* @__PURE__ */ c("span", { children: a == null ? void 0 : a.rightIcon })
|
|
66
74
|
]
|
|
67
75
|
}
|
|
68
76
|
),
|
|
69
|
-
/* @__PURE__ */
|
|
70
|
-
!
|
|
71
|
-
|
|
77
|
+
/* @__PURE__ */ I("span", { children: [
|
|
78
|
+
!J && /* @__PURE__ */ I(
|
|
79
|
+
N,
|
|
72
80
|
{
|
|
73
81
|
variant: "text",
|
|
74
82
|
shape: "round",
|
|
75
|
-
className: g(
|
|
83
|
+
className: g(_["cancel-button"], d == null ? void 0 : d.className),
|
|
76
84
|
"data-testid": (d == null ? void 0 : d["data-testid"]) || "stepper-navigator-cancel-button",
|
|
77
|
-
disabled:
|
|
78
|
-
onClick:
|
|
85
|
+
disabled: w,
|
|
86
|
+
onClick: T,
|
|
87
|
+
children: [
|
|
88
|
+
(d == null ? void 0 : d.leftIcon) && /* @__PURE__ */ c("span", { children: d == null ? void 0 : d.leftIcon }),
|
|
89
|
+
/* @__PURE__ */ c("span", { children: f }),
|
|
90
|
+
(d == null ? void 0 : d.rightIcon) && /* @__PURE__ */ c("span", { children: d == null ? void 0 : d.rightIcon })
|
|
91
|
+
]
|
|
92
|
+
}
|
|
93
|
+
),
|
|
94
|
+
!K && /* @__PURE__ */ I(
|
|
95
|
+
N,
|
|
96
|
+
{
|
|
97
|
+
variant: "secondary",
|
|
98
|
+
className: g(_["skip-button"], e == null ? void 0 : e.className),
|
|
99
|
+
"data-testid": (e == null ? void 0 : e["data-testid"]) || "stepper-navigator-skip-button",
|
|
100
|
+
disabled: A,
|
|
101
|
+
onClick: U,
|
|
79
102
|
children: [
|
|
80
|
-
(
|
|
81
|
-
/* @__PURE__ */
|
|
82
|
-
(
|
|
103
|
+
(e == null ? void 0 : e.leftIcon) && /* @__PURE__ */ c("span", { children: e == null ? void 0 : e.leftIcon }),
|
|
104
|
+
/* @__PURE__ */ c("span", { children: j }),
|
|
105
|
+
(e == null ? void 0 : e.rightIcon) && /* @__PURE__ */ c("span", { children: e == null ? void 0 : e.rightIcon })
|
|
83
106
|
]
|
|
84
107
|
}
|
|
85
108
|
),
|
|
86
|
-
!
|
|
87
|
-
|
|
109
|
+
!G && /* @__PURE__ */ I(
|
|
110
|
+
N,
|
|
88
111
|
{
|
|
89
112
|
variant: "primary",
|
|
90
113
|
shape: "round",
|
|
91
|
-
className: g(
|
|
114
|
+
className: g(_["next-button"], m == null ? void 0 : m.className),
|
|
92
115
|
"data-testid": (m == null ? void 0 : m["data-testid"]) || "stepper-navigator-next-button",
|
|
93
|
-
disabled:
|
|
94
|
-
onClick:
|
|
116
|
+
disabled: V,
|
|
117
|
+
onClick: Q,
|
|
95
118
|
children: [
|
|
96
|
-
(m == null ? void 0 : m.leftIcon) && /* @__PURE__ */
|
|
97
|
-
/* @__PURE__ */
|
|
98
|
-
(m == null ? void 0 : m.rightIcon) && /* @__PURE__ */
|
|
119
|
+
(m == null ? void 0 : m.leftIcon) && /* @__PURE__ */ c("span", { children: m == null ? void 0 : m.leftIcon }),
|
|
120
|
+
/* @__PURE__ */ c("span", { children: y }),
|
|
121
|
+
(m == null ? void 0 : m.rightIcon) && /* @__PURE__ */ c("span", { children: m == null ? void 0 : m.rightIcon })
|
|
99
122
|
]
|
|
100
123
|
}
|
|
101
124
|
),
|
|
102
|
-
!
|
|
103
|
-
|
|
125
|
+
!L && /* @__PURE__ */ I(
|
|
126
|
+
N,
|
|
104
127
|
{
|
|
105
128
|
variant: "primary",
|
|
106
129
|
shape: "round",
|
|
107
|
-
className: g(
|
|
130
|
+
className: g(_["finish-button"], l == null ? void 0 : l.className),
|
|
108
131
|
"data-testid": (l == null ? void 0 : l["data-testid"]) || "stepper-navigator-finish-button",
|
|
109
|
-
disabled:
|
|
110
|
-
onClick:
|
|
111
|
-
loading:
|
|
132
|
+
disabled: D,
|
|
133
|
+
onClick: W,
|
|
134
|
+
loading: E,
|
|
112
135
|
children: [
|
|
113
|
-
(l == null ? void 0 : l.leftIcon) && /* @__PURE__ */
|
|
114
|
-
/* @__PURE__ */
|
|
115
|
-
(l == null ? void 0 : l.rightIcon) && /* @__PURE__ */
|
|
136
|
+
(l == null ? void 0 : l.leftIcon) && /* @__PURE__ */ c("span", { children: l == null ? void 0 : l.leftIcon }),
|
|
137
|
+
/* @__PURE__ */ c("span", { children: z }),
|
|
138
|
+
(l == null ? void 0 : l.rightIcon) && /* @__PURE__ */ c("span", { children: l == null ? void 0 : l.rightIcon })
|
|
116
139
|
]
|
|
117
140
|
}
|
|
118
141
|
)
|
|
119
142
|
] })
|
|
120
143
|
] }));
|
|
121
144
|
export {
|
|
122
|
-
|
|
145
|
+
$ as StepperNavigator
|
|
123
146
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { StoryObj } from '@storybook/react';
|
|
2
2
|
declare const meta: {
|
|
3
3
|
title: string;
|
|
4
|
-
component: ({ hideNext, hidePrevious, hideCancel, hideFinish, disableNext, disablePrevious, disableCancel, disableFinish, loading, lang, labelNext, labelPrevious, labelCancel, labelFinish, className, "data-testid": dataTestId, previousButtonProps, cancelButtonProps, nextButtonProps, finishButtonProps, onNext, onPrevious, onCancel, onFinish, }: import('./StepperNavigator').StepperNavigatorProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
component: ({ hideNext, hidePrevious, hideCancel, hideSkip, hideFinish, disableNext, disablePrevious, disableCancel, disableSkip, disableFinish, loading, lang, labelNext, labelPrevious, labelCancel, labelSkip, labelFinish, className, "data-testid": dataTestId, previousButtonProps, cancelButtonProps, skipButtonProps, nextButtonProps, finishButtonProps, onNext, onPrevious, onCancel, onSkip, onFinish, }: import('./StepperNavigator').StepperNavigatorProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
5
|
tags: string[];
|
|
6
6
|
parameters: {
|
|
7
7
|
layout: string;
|
|
@@ -10,6 +10,7 @@ declare const meta: {
|
|
|
10
10
|
export default meta;
|
|
11
11
|
type Story = StoryObj<typeof meta>;
|
|
12
12
|
export declare const Simple: Story;
|
|
13
|
+
export declare const WithSkipButton: Story;
|
|
13
14
|
export declare const WithCustomLanguage: Story;
|
|
14
15
|
export declare const WithCustomLabels: Story;
|
|
15
16
|
export declare const Disabled: Story;
|