@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.
@@ -1,4 +1,4 @@
1
- import { u as m, a as o } from "../../react-Bl3sGIkV.js";
1
+ import { u as m, a as o } from "../../react-BTbo_5A3.js";
2
2
  const r = o(null), n = () => {
3
3
  const [e, t] = m(r);
4
4
  return {
@@ -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 _, jsx as I } from "react/jsx-runtime";
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 e } from "../Button/Button.js";
4
- import '../../assets/StepperNavigator.css';const b = {
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
- }, N = {
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
- }, R = ({
24
- hideNext: q = !1,
25
- hidePrevious: w = !1,
26
- hideCancel: A = !1,
27
- hideFinish: D = !1,
28
- disableNext: j = !1,
29
- disablePrevious: z = !1,
30
- disableCancel: S = !1,
31
- disableFinish: V = !1,
32
- loading: f = !1,
33
- lang: c = "en",
34
- labelNext: h,
35
- labelPrevious: k,
36
- labelCancel: y,
37
- labelFinish: C,
38
- className: E,
39
- "data-testid": G = "stepper-navigator",
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: H = () => {
50
+ onNext: Q = () => {
45
51
  },
46
- onPrevious: J = () => {
52
+ onPrevious: R = () => {
47
53
  },
48
- onCancel: K = () => {
54
+ onCancel: T = () => {
49
55
  },
50
- onFinish: L = () => {
56
+ onSkip: U = () => {
57
+ },
58
+ onFinish: W = () => {
51
59
  }
52
- }) => (y = y || N[c].cancel, k = k || N[c].previous, h = h || N[c].next, C = C || N[c].finish, f && (j = !0, z = !0, S = !0, V = !0), /* @__PURE__ */ _("div", { className: g(b["stepper-navigator"], E), "data-testid": G, children: [
53
- w ? /* @__PURE__ */ I("span", {}) : /* @__PURE__ */ _(
54
- e,
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(b["previous-button"], a == null ? void 0 : a.className),
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: z,
61
- onClick: J,
68
+ disabled: q,
69
+ onClick: R,
62
70
  children: [
63
- (a == null ? void 0 : a.leftIcon) && /* @__PURE__ */ I("span", { children: a == null ? void 0 : a.leftIcon }),
64
- /* @__PURE__ */ I("span", { children: k }),
65
- (a == null ? void 0 : a.rightIcon) && /* @__PURE__ */ I("span", { children: a == null ? void 0 : a.rightIcon })
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__ */ _("span", { children: [
70
- !A && /* @__PURE__ */ _(
71
- e,
77
+ /* @__PURE__ */ I("span", { children: [
78
+ !J && /* @__PURE__ */ I(
79
+ N,
72
80
  {
73
81
  variant: "text",
74
82
  shape: "round",
75
- className: g(b["cancel-button"], d == null ? void 0 : d.className),
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: S,
78
- onClick: K,
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
- (d == null ? void 0 : d.leftIcon) && /* @__PURE__ */ I("span", { children: d == null ? void 0 : d.leftIcon }),
81
- /* @__PURE__ */ I("span", { children: y }),
82
- (d == null ? void 0 : d.rightIcon) && /* @__PURE__ */ I("span", { children: d == null ? void 0 : d.rightIcon })
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
- !q && /* @__PURE__ */ _(
87
- e,
109
+ !G && /* @__PURE__ */ I(
110
+ N,
88
111
  {
89
112
  variant: "primary",
90
113
  shape: "round",
91
- className: g(b["next-button"], m == null ? void 0 : m.className),
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: j,
94
- onClick: H,
116
+ disabled: V,
117
+ onClick: Q,
95
118
  children: [
96
- (m == null ? void 0 : m.leftIcon) && /* @__PURE__ */ I("span", { children: m == null ? void 0 : m.leftIcon }),
97
- /* @__PURE__ */ I("span", { children: h }),
98
- (m == null ? void 0 : m.rightIcon) && /* @__PURE__ */ I("span", { children: m == null ? void 0 : m.rightIcon })
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
- !D && /* @__PURE__ */ _(
103
- e,
125
+ !L && /* @__PURE__ */ I(
126
+ N,
104
127
  {
105
128
  variant: "primary",
106
129
  shape: "round",
107
- className: g(b["finish-button"], l == null ? void 0 : l.className),
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: V,
110
- onClick: L,
111
- loading: f,
132
+ disabled: D,
133
+ onClick: W,
134
+ loading: E,
112
135
  children: [
113
- (l == null ? void 0 : l.leftIcon) && /* @__PURE__ */ I("span", { children: l == null ? void 0 : l.leftIcon }),
114
- /* @__PURE__ */ I("span", { children: C }),
115
- (l == null ? void 0 : l.rightIcon) && /* @__PURE__ */ I("span", { children: l == null ? void 0 : l.rightIcon })
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
- R as StepperNavigator
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;
@@ -1,5 +1,5 @@
1
1
  import { jsx as o } from "react/jsx-runtime";
2
- import { P as e } from "../../react-Bl3sGIkV.js";
2
+ import { P as e } from "../../react-BTbo_5A3.js";
3
3
  const t = ({ children: r }) => /* @__PURE__ */ o(e, { children: r });
4
4
  export {
5
5
  t as DraggableProvider