@pismo/marola 2.1.71 → 2.1.72
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
._stepper-
|
|
1
|
+
._stepper-navigator_il5pd_1{display:flex;justify-content:space-between;padding:1rem 0}._stepper-navigator_il5pd_1>span{display:flex;gap:1rem}._stepper-navigator_il5pd_1 button{padding:0 1.5rem}._previous-button_il5pd_14,._cancel-button_il5pd_15,._skip-button_il5pd_16,._next-button_il5pd_17,._finish-button_il5pd_18{display:flex;gap:.25rem;align-items:center;justify-content:space-between;padding:0 1rem;font-size:.875rem}._previous-button_il5pd_14>*,._cancel-button_il5pd_15>*,._skip-button_il5pd_16>*,._next-button_il5pd_17>*,._finish-button_il5pd_18>*{display:inline-flex;flex:1;align-items:center;justify-content:center}._previous-button_il5pd_14>*:nth-child(1),._cancel-button_il5pd_15>*:nth-child(1),._skip-button_il5pd_16>*:nth-child(1),._next-button_il5pd_17>*:nth-child(1),._finish-button_il5pd_18>*:nth-child(1){justify-content:flex-start}._previous-button_il5pd_14>*:nth-child(3),._cancel-button_il5pd_15>*:nth-child(3),._skip-button_il5pd_16>*:nth-child(3),._next-button_il5pd_17>*:nth-child(3),._finish-button_il5pd_18>*:nth-child(3){justify-content:flex-end}
|
|
@@ -1,13 +1,14 @@
|
|
|
1
|
-
import { jsxs as I, jsx as
|
|
2
|
-
import { c as
|
|
3
|
-
import { Button as
|
|
4
|
-
import '../../assets/StepperNavigator.css';const
|
|
5
|
-
"stepper-navigator": "_stepper-
|
|
6
|
-
"previous-button": "_previous-
|
|
7
|
-
"cancel-button": "_cancel-
|
|
8
|
-
"
|
|
9
|
-
"
|
|
10
|
-
|
|
1
|
+
import { jsxs as I, jsx as m } from "react/jsx-runtime";
|
|
2
|
+
import { c as _ } from "../../clsx-OuTLNxxd.js";
|
|
3
|
+
import { Button as b } from "../Button/Button.js";
|
|
4
|
+
import '../../assets/StepperNavigator.css';const g = {
|
|
5
|
+
"stepper-navigator": "_stepper-navigator_il5pd_1",
|
|
6
|
+
"previous-button": "_previous-button_il5pd_14",
|
|
7
|
+
"cancel-button": "_cancel-button_il5pd_15",
|
|
8
|
+
"skip-button": "_skip-button_il5pd_16",
|
|
9
|
+
"next-button": "_next-button_il5pd_17",
|
|
10
|
+
"finish-button": "_finish-button_il5pd_18"
|
|
11
|
+
}, N = {
|
|
11
12
|
en: {
|
|
12
13
|
previous: "Back",
|
|
13
14
|
cancel: "Cancel",
|
|
@@ -45,8 +46,8 @@ import '../../assets/StepperNavigator.css';const _ = {
|
|
|
45
46
|
previousButtonProps: a,
|
|
46
47
|
cancelButtonProps: d,
|
|
47
48
|
skipButtonProps: e,
|
|
48
|
-
nextButtonProps:
|
|
49
|
-
finishButtonProps:
|
|
49
|
+
nextButtonProps: l,
|
|
50
|
+
finishButtonProps: c,
|
|
50
51
|
onNext: Q = () => {
|
|
51
52
|
},
|
|
52
53
|
onPrevious: R = () => {
|
|
@@ -57,85 +58,85 @@ import '../../assets/StepperNavigator.css';const _ = {
|
|
|
57
58
|
},
|
|
58
59
|
onFinish: W = () => {
|
|
59
60
|
}
|
|
60
|
-
}) => (f = f ||
|
|
61
|
-
H ? /* @__PURE__ */
|
|
62
|
-
|
|
61
|
+
}) => (f = f || N[h].cancel, C = C || N[h].previous, j = j || N[h].skip, y = y || N[h].next, z = z || N[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: [
|
|
62
|
+
H ? /* @__PURE__ */ m("span", {}) : /* @__PURE__ */ I(
|
|
63
|
+
b,
|
|
63
64
|
{
|
|
64
65
|
variant: "default",
|
|
65
66
|
shape: "round",
|
|
66
|
-
className: g
|
|
67
|
+
className: _(g["previous-button"], a == null ? void 0 : a.className),
|
|
67
68
|
"data-testid": (a == null ? void 0 : a["data-testid"]) || "stepper-navigator-previous-button",
|
|
68
69
|
disabled: q,
|
|
69
70
|
onClick: R,
|
|
70
71
|
children: [
|
|
71
|
-
(a == null ? void 0 : a.leftIcon) && /* @__PURE__ */
|
|
72
|
-
/* @__PURE__ */
|
|
73
|
-
(a == null ? void 0 : a.rightIcon) && /* @__PURE__ */
|
|
72
|
+
(a == null ? void 0 : a.leftIcon) && /* @__PURE__ */ m("span", { children: a == null ? void 0 : a.leftIcon }),
|
|
73
|
+
/* @__PURE__ */ m("span", { children: C }),
|
|
74
|
+
(a == null ? void 0 : a.rightIcon) && /* @__PURE__ */ m("span", { children: a == null ? void 0 : a.rightIcon })
|
|
74
75
|
]
|
|
75
76
|
}
|
|
76
77
|
),
|
|
77
78
|
/* @__PURE__ */ I("span", { children: [
|
|
78
79
|
!J && /* @__PURE__ */ I(
|
|
79
|
-
|
|
80
|
+
b,
|
|
80
81
|
{
|
|
81
82
|
variant: "text",
|
|
82
83
|
shape: "round",
|
|
83
|
-
className: g
|
|
84
|
+
className: _(g["cancel-button"], d == null ? void 0 : d.className),
|
|
84
85
|
"data-testid": (d == null ? void 0 : d["data-testid"]) || "stepper-navigator-cancel-button",
|
|
85
86
|
disabled: w,
|
|
86
87
|
onClick: T,
|
|
87
88
|
children: [
|
|
88
|
-
(d == null ? void 0 : d.leftIcon) && /* @__PURE__ */
|
|
89
|
-
/* @__PURE__ */
|
|
90
|
-
(d == null ? void 0 : d.rightIcon) && /* @__PURE__ */
|
|
89
|
+
(d == null ? void 0 : d.leftIcon) && /* @__PURE__ */ m("span", { children: d == null ? void 0 : d.leftIcon }),
|
|
90
|
+
/* @__PURE__ */ m("span", { children: f }),
|
|
91
|
+
(d == null ? void 0 : d.rightIcon) && /* @__PURE__ */ m("span", { children: d == null ? void 0 : d.rightIcon })
|
|
91
92
|
]
|
|
92
93
|
}
|
|
93
94
|
),
|
|
94
95
|
!K && /* @__PURE__ */ I(
|
|
95
|
-
|
|
96
|
+
b,
|
|
96
97
|
{
|
|
97
98
|
variant: "secondary",
|
|
98
|
-
className: g
|
|
99
|
+
className: _(g["skip-button"], e == null ? void 0 : e.className),
|
|
99
100
|
"data-testid": (e == null ? void 0 : e["data-testid"]) || "stepper-navigator-skip-button",
|
|
100
101
|
disabled: A,
|
|
101
102
|
onClick: U,
|
|
102
103
|
children: [
|
|
103
|
-
(e == null ? void 0 : e.leftIcon) && /* @__PURE__ */
|
|
104
|
-
/* @__PURE__ */
|
|
105
|
-
(e == null ? void 0 : e.rightIcon) && /* @__PURE__ */
|
|
104
|
+
(e == null ? void 0 : e.leftIcon) && /* @__PURE__ */ m("span", { children: e == null ? void 0 : e.leftIcon }),
|
|
105
|
+
/* @__PURE__ */ m("span", { children: j }),
|
|
106
|
+
(e == null ? void 0 : e.rightIcon) && /* @__PURE__ */ m("span", { children: e == null ? void 0 : e.rightIcon })
|
|
106
107
|
]
|
|
107
108
|
}
|
|
108
109
|
),
|
|
109
110
|
!G && /* @__PURE__ */ I(
|
|
110
|
-
|
|
111
|
+
b,
|
|
111
112
|
{
|
|
112
113
|
variant: "primary",
|
|
113
114
|
shape: "round",
|
|
114
|
-
className: g
|
|
115
|
-
"data-testid": (
|
|
115
|
+
className: _(g["next-button"], l == null ? void 0 : l.className),
|
|
116
|
+
"data-testid": (l == null ? void 0 : l["data-testid"]) || "stepper-navigator-next-button",
|
|
116
117
|
disabled: V,
|
|
117
118
|
onClick: Q,
|
|
118
119
|
children: [
|
|
119
|
-
(
|
|
120
|
-
/* @__PURE__ */
|
|
121
|
-
(
|
|
120
|
+
(l == null ? void 0 : l.leftIcon) && /* @__PURE__ */ m("span", { children: l == null ? void 0 : l.leftIcon }),
|
|
121
|
+
/* @__PURE__ */ m("span", { children: y }),
|
|
122
|
+
(l == null ? void 0 : l.rightIcon) && /* @__PURE__ */ m("span", { children: l == null ? void 0 : l.rightIcon })
|
|
122
123
|
]
|
|
123
124
|
}
|
|
124
125
|
),
|
|
125
126
|
!L && /* @__PURE__ */ I(
|
|
126
|
-
|
|
127
|
+
b,
|
|
127
128
|
{
|
|
128
129
|
variant: "primary",
|
|
129
130
|
shape: "round",
|
|
130
|
-
className: g
|
|
131
|
-
"data-testid": (
|
|
131
|
+
className: _(g["finish-button"], c == null ? void 0 : c.className),
|
|
132
|
+
"data-testid": (c == null ? void 0 : c["data-testid"]) || "stepper-navigator-finish-button",
|
|
132
133
|
disabled: D,
|
|
133
134
|
onClick: W,
|
|
134
135
|
loading: E,
|
|
135
136
|
children: [
|
|
136
|
-
(
|
|
137
|
-
/* @__PURE__ */
|
|
138
|
-
(
|
|
137
|
+
(c == null ? void 0 : c.leftIcon) && /* @__PURE__ */ m("span", { children: c == null ? void 0 : c.leftIcon }),
|
|
138
|
+
/* @__PURE__ */ m("span", { children: z }),
|
|
139
|
+
(c == null ? void 0 : c.rightIcon) && /* @__PURE__ */ m("span", { children: c == null ? void 0 : c.rightIcon })
|
|
139
140
|
]
|
|
140
141
|
}
|
|
141
142
|
)
|