@hortiview/shared-components 2.24.2 → 2.24.3
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/CHANGELOG.md +10 -0
- package/dist/assets/stepper.css +1 -1
- package/dist/components/AllowedButton/AllowedButton.js +7 -7
- package/dist/components/Stepper/Stepper.js +1 -1
- package/dist/components/Stepper/components/StepperButton.js +34 -33
- package/dist/components/Stepper/components/StepperHeader.js +1 -1
- package/dist/components/Stepper/components/StepperItem.js +1 -1
- package/dist/stepper.module-C_EMu-Fl.js +22 -0
- package/package.json +1 -1
- package/dist/stepper.module-DR_FbENS.js +0 -23
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,13 @@
|
|
|
1
|
+
## [2.24.3](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/compare/v2.24.2...v2.24.3) (2026-05-07)
|
|
2
|
+
|
|
3
|
+
### Bug Fixes
|
|
4
|
+
|
|
5
|
+
* prevent unwanted prop overriding in AllowedButton ([a150166](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/a150166d841ee4c8f89298c2f2234380a3af4e7f))
|
|
6
|
+
|
|
7
|
+
### Styles
|
|
8
|
+
|
|
9
|
+
* show loading spinner on next button in stepper ([47b8dda](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/47b8dda08a8c93f4036ed4aaec734e1265f4fedf))
|
|
10
|
+
|
|
1
11
|
## [2.24.2](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/compare/v2.24.1...v2.24.2) (2026-05-06)
|
|
2
12
|
|
|
3
13
|
### Bug Fixes
|
package/dist/assets/stepper.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._stepperIndicatorItem_y9y8z_1{height:var(--lmnt-stepper-indicator__size);width:var(--lmnt-stepper-indicator__size);background-color:#c7c7c7;border-radius:50%}._stepperIndicatorItemActive_y9y8z_8{background-color:var(--lmnt-theme-primary)}._stepperIndicatorItemOptional_y9y8z_12{border:1.5px dashed #7e7e7e}._stepperContainer_y9y8z_16{background-color:var(--lmnt-theme-primary-50);border:1px solid var(--lmnt-theme-on-surface-stroke);border-radius:.25rem;padding:.75rem 1rem}._stepperTitle_y9y8z_23{text-align:center;color:var(--lmnt-theme-on-secondary-inactive)}._stepperButton_y9y8z_28{margin-bottom:0}._stepperDescriptionContainer_y9y8z_34{border-radius:.2rem;background-color:var(--lmnt-theme-primary-50);border:1px solid var(--lmnt-theme-on-surface-stroke)}._stepperDescriptionProgress_y9y8z_40{padding:0 1rem;min-width:3.5rem;background:var(--lmnt-theme-primary);color:var(--lmnt-theme-on-primary);border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}._stepperDescriptionText_y9y8z_51{padding:.7rem}._stepperDesktopHeaderContainer_y9y8z_57{border-radius:.5rem;padding:1rem;background-color:#ecf4f4}._stepperItem_y9y8z_64 ._stepperItemNumber_y9y8z_64{display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;border-radius:50%;background-color:var(--lmnt-theme-surface-variant);color:var(--lmnt-theme-on-surface-inactive);transition:background-color .6s ease}._stepperItem_y9y8z_64 ._stepperItemNumberActive_y9y8z_82{background-color:var(--lmnt-theme-primary);color:var(--lmnt-theme-on-primary)}._stepperItem_y9y8z_64 ._itemText_y9y8z_87{transition:color .6s ease;color:var(--lmnt-theme-on-surface-inactive)}._stepperItem_y9y8z_64 ._itemTextActive_y9y8z_92{color:var(--lmnt-theme-on-surface-active)}._stepperItemConnector_y9y8z_96{flex:1;height:4px;border:none;border-radius:2px;background:linear-gradient(90deg,var(--lmnt-theme-primary) 0%,var(--lmnt-theme-primary) 50%,var(--lmnt-theme-on-surface-stroke) 50%,var(--lmnt-theme-on-surface-stroke) 100%);background-size:200% 100%;background-position:100% 0;transition:background-position .6s cubic-bezier(.4,0,.2,1)}._stepperItemConnectorCompleted_y9y8z_116{background-position:0% 0}
|
|
@@ -1,26 +1,26 @@
|
|
|
1
1
|
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { B as
|
|
2
|
+
import { B as l } from "../../index.es-B19PQgzU.js";
|
|
3
3
|
import { Allowed as s } from "../Allowed/Allowed.js";
|
|
4
4
|
import { LoadingSpinner as a } from "../LoadingSpinner/Default/LoadingSpinner.js";
|
|
5
5
|
const c = ({
|
|
6
6
|
buttonType: d = "button",
|
|
7
7
|
variant: n = "filled",
|
|
8
8
|
"data-testid": o,
|
|
9
|
-
label:
|
|
10
|
-
size:
|
|
9
|
+
label: r,
|
|
10
|
+
size: m = "medium",
|
|
11
11
|
isLoading: i = !1,
|
|
12
12
|
...t
|
|
13
13
|
}) => /* @__PURE__ */ e(s, { neededPermissions: t.permissions, entityIds: t.entityIds, children: /* @__PURE__ */ e(
|
|
14
|
-
|
|
14
|
+
l,
|
|
15
15
|
{
|
|
16
|
-
|
|
16
|
+
...t,
|
|
17
|
+
buttonSize: m,
|
|
17
18
|
"data-testid": `allowed-button-${o}`,
|
|
18
19
|
disabled: t.disabled || i,
|
|
19
20
|
form: t.formId,
|
|
20
21
|
type: d,
|
|
21
22
|
variant: n,
|
|
22
|
-
|
|
23
|
-
children: i ? /* @__PURE__ */ e(a, { size: "sm", spinnerOnly: !0 }) : m
|
|
23
|
+
children: i ? /* @__PURE__ */ e(a, { size: "sm", spinnerOnly: !0 }) : r
|
|
24
24
|
}
|
|
25
25
|
) });
|
|
26
26
|
export {
|
|
@@ -3,7 +3,7 @@ import { G as d } from "../../index.es-Z0aF-7Cn.js";
|
|
|
3
3
|
import { useMemo as f } from "react";
|
|
4
4
|
import { StepperPreviousButton as C, StepperNextButton as S } from "./components/StepperButton.js";
|
|
5
5
|
import { StepperHeader as k } from "./components/StepperHeader.js";
|
|
6
|
-
import { s as b } from "../../stepper.module-
|
|
6
|
+
import { s as b } from "../../stepper.module-C_EMu-Fl.js";
|
|
7
7
|
import { StepperStyle as D } from "./stepperStyles.js";
|
|
8
8
|
const G = ({
|
|
9
9
|
stepperStyle: m = D.DESKTOP,
|
|
@@ -1,77 +1,78 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { B as
|
|
3
|
-
import { useMemo as
|
|
4
|
-
import {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
import { jsx as f } from "react/jsx-runtime";
|
|
2
|
+
import { B as a } from "../../../index.es-B19PQgzU.js";
|
|
3
|
+
import { useMemo as v } from "react";
|
|
4
|
+
import { LoadingSpinner as l } from "../../LoadingSpinner/Default/LoadingSpinner.js";
|
|
5
|
+
import { s as b } from "../../../stepper.module-C_EMu-Fl.js";
|
|
6
|
+
const D = ({
|
|
7
|
+
label: n,
|
|
8
|
+
variant: p = "outlined",
|
|
8
9
|
onClick: m,
|
|
9
|
-
disabled:
|
|
10
|
-
className:
|
|
10
|
+
disabled: s,
|
|
11
|
+
className: i,
|
|
11
12
|
showArrowIcon: t = !0,
|
|
12
13
|
leadingIcon: e,
|
|
13
14
|
trailingIcon: r,
|
|
14
15
|
buttonSize: u = "themeDefault",
|
|
15
16
|
fullWidth: o = !0
|
|
16
17
|
}) => {
|
|
17
|
-
const
|
|
18
|
+
const d = v(() => {
|
|
18
19
|
if (e) return e;
|
|
19
20
|
if (!r)
|
|
20
21
|
return t ? "arrow_back" : void 0;
|
|
21
22
|
}, [e, r, t]);
|
|
22
|
-
return /* @__PURE__ */
|
|
23
|
-
|
|
23
|
+
return /* @__PURE__ */ f(
|
|
24
|
+
a,
|
|
24
25
|
{
|
|
25
26
|
"data-testid": "stepper-previous-button",
|
|
26
|
-
className: `${
|
|
27
|
+
className: `${b.stepperButton} ${i ?? ""}`,
|
|
27
28
|
onClick: m,
|
|
28
|
-
disabled:
|
|
29
|
+
disabled: s,
|
|
29
30
|
fullWidth: o,
|
|
30
31
|
buttonSize: u,
|
|
31
|
-
variant:
|
|
32
|
-
leadingIcon:
|
|
32
|
+
variant: p,
|
|
33
|
+
leadingIcon: d,
|
|
33
34
|
trailingIcon: r,
|
|
34
35
|
type: "button",
|
|
35
|
-
children:
|
|
36
|
+
children: n
|
|
36
37
|
}
|
|
37
38
|
);
|
|
38
|
-
},
|
|
39
|
-
label:
|
|
40
|
-
variant:
|
|
39
|
+
}, _ = ({
|
|
40
|
+
label: n,
|
|
41
|
+
variant: p,
|
|
41
42
|
onClick: m,
|
|
42
|
-
disabled:
|
|
43
|
-
className:
|
|
43
|
+
disabled: s,
|
|
44
|
+
className: i,
|
|
44
45
|
isStepLoading: t,
|
|
45
46
|
isLastStep: e,
|
|
46
47
|
showArrowIcon: r = !0,
|
|
47
48
|
leadingIcon: u,
|
|
48
49
|
trailingIcon: o,
|
|
49
|
-
buttonSize:
|
|
50
|
+
buttonSize: d = "themeDefault",
|
|
50
51
|
fullWidth: B = !0
|
|
51
52
|
}) => {
|
|
52
|
-
const c =
|
|
53
|
+
const c = v(() => {
|
|
53
54
|
if (o) return o;
|
|
54
55
|
if (!u && !t && !e)
|
|
55
56
|
return r ? "arrow_forward" : void 0;
|
|
56
57
|
}, [e, t, r, u, o]);
|
|
57
|
-
return /* @__PURE__ */
|
|
58
|
-
|
|
58
|
+
return /* @__PURE__ */ f(
|
|
59
|
+
a,
|
|
59
60
|
{
|
|
60
61
|
"data-testid": "stepper-next-button",
|
|
61
|
-
className: `${
|
|
62
|
+
className: `${b.stepperButton} ${i ?? ""}`,
|
|
62
63
|
onClick: m,
|
|
63
|
-
variant:
|
|
64
|
-
disabled: t ||
|
|
64
|
+
variant: p,
|
|
65
|
+
disabled: t || s,
|
|
65
66
|
fullWidth: B,
|
|
66
67
|
trailingIcon: c,
|
|
67
68
|
leadingIcon: u,
|
|
68
69
|
type: e ? "submit" : "button",
|
|
69
|
-
buttonSize:
|
|
70
|
-
children:
|
|
70
|
+
buttonSize: d,
|
|
71
|
+
children: t ? /* @__PURE__ */ f(l, { size: "sm", spinnerOnly: !0 }) : n
|
|
71
72
|
}
|
|
72
73
|
);
|
|
73
74
|
};
|
|
74
75
|
export {
|
|
75
|
-
|
|
76
|
-
|
|
76
|
+
_ as StepperNextButton,
|
|
77
|
+
D as StepperPreviousButton
|
|
77
78
|
};
|
|
@@ -3,7 +3,7 @@ import { G as i } from "../../../index.es-Z0aF-7Cn.js";
|
|
|
3
3
|
import { T as o } from "../../../index.es-DUrjyxNI.js";
|
|
4
4
|
import { useMemo as f, Fragment as A } from "react";
|
|
5
5
|
import { useBreakpoints as v } from "../../../hooks/useBreakpoints.js";
|
|
6
|
-
import { s as t } from "../../../stepper.module-
|
|
6
|
+
import { s as t } from "../../../stepper.module-C_EMu-Fl.js";
|
|
7
7
|
import { StepperItem as h } from "./StepperItem.js";
|
|
8
8
|
import { StepperStyle as c } from "../stepperStyles.js";
|
|
9
9
|
const T = ({
|
|
@@ -2,7 +2,7 @@ import { jsxs as m, jsx as r } from "react/jsx-runtime";
|
|
|
2
2
|
import { G as o } from "../../../index.es-Z0aF-7Cn.js";
|
|
3
3
|
import { T as a } from "../../../index.es-DUrjyxNI.js";
|
|
4
4
|
import { Iconify as i } from "../../Iconify/Iconify.js";
|
|
5
|
-
import { s as t } from "../../../stepper.module-
|
|
5
|
+
import { s as t } from "../../../stepper.module-C_EMu-Fl.js";
|
|
6
6
|
const N = ({
|
|
7
7
|
maxWidth: d,
|
|
8
8
|
stepDefinition: e,
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import './assets/stepper.css';const e = "_stepperIndicatorItem_y9y8z_1", t = "_stepperIndicatorItemActive_y9y8z_8", p = "_stepperIndicatorItemOptional_y9y8z_12", r = "_stepperContainer_y9y8z_16", s = "_stepperTitle_y9y8z_23", o = "_stepperButton_y9y8z_28", n = "_stepperDescriptionContainer_y9y8z_34", i = "_stepperDescriptionProgress_y9y8z_40", c = "_stepperDescriptionText_y9y8z_51", _ = "_stepperDesktopHeaderContainer_y9y8z_57", m = "_stepperItem_y9y8z_64", y = "_stepperItemNumber_y9y8z_64", I = "_stepperItemNumberActive_y9y8z_82", a = "_itemText_y9y8z_87", C = "_itemTextActive_y9y8z_92", z = "_stepperItemConnector_y9y8z_96", d = "_stepperItemConnectorCompleted_y9y8z_116", D = {
|
|
2
|
+
stepperIndicatorItem: e,
|
|
3
|
+
stepperIndicatorItemActive: t,
|
|
4
|
+
stepperIndicatorItemOptional: p,
|
|
5
|
+
stepperContainer: r,
|
|
6
|
+
stepperTitle: s,
|
|
7
|
+
stepperButton: o,
|
|
8
|
+
stepperDescriptionContainer: n,
|
|
9
|
+
stepperDescriptionProgress: i,
|
|
10
|
+
stepperDescriptionText: c,
|
|
11
|
+
stepperDesktopHeaderContainer: _,
|
|
12
|
+
stepperItem: m,
|
|
13
|
+
stepperItemNumber: y,
|
|
14
|
+
stepperItemNumberActive: I,
|
|
15
|
+
itemText: a,
|
|
16
|
+
itemTextActive: C,
|
|
17
|
+
stepperItemConnector: z,
|
|
18
|
+
stepperItemConnectorCompleted: d
|
|
19
|
+
};
|
|
20
|
+
export {
|
|
21
|
+
D as s
|
|
22
|
+
};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hortiview/shared-components",
|
|
3
3
|
"description": "This is a shared component library. It should used in the HortiView platform and its modules.",
|
|
4
|
-
"version": "2.24.
|
|
4
|
+
"version": "2.24.3",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"repository": "https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared",
|
|
7
7
|
"author": "Falk Menge <falk.menge.ext@bayer.com>",
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import './assets/stepper.css';const e = "_stepperIndicatorItem_1tz4b_1", t = "_stepperIndicatorItemActive_1tz4b_8", p = "_stepperIndicatorItemOptional_1tz4b_12", r = "_stepperContainer_1tz4b_16", s = "_stepperTitle_1tz4b_23", o = "_stepperButton_1tz4b_28", n = "_stepperButtonLoading_1tz4b_32", i = "_stepperDescriptionContainer_1tz4b_43", _ = "_stepperDescriptionProgress_1tz4b_49", c = "_stepperDescriptionText_1tz4b_60", m = "_stepperDesktopHeaderContainer_1tz4b_66", I = "_stepperItem_1tz4b_73", a = "_stepperItemNumber_1tz4b_73", b = "_stepperItemNumberActive_1tz4b_91", d = "_itemText_1tz4b_96", z = "_itemTextActive_1tz4b_101", C = "_stepperItemConnector_1tz4b_105", u = "_stepperItemConnectorCompleted_1tz4b_125", D = {
|
|
2
|
-
stepperIndicatorItem: e,
|
|
3
|
-
stepperIndicatorItemActive: t,
|
|
4
|
-
stepperIndicatorItemOptional: p,
|
|
5
|
-
stepperContainer: r,
|
|
6
|
-
stepperTitle: s,
|
|
7
|
-
stepperButton: o,
|
|
8
|
-
stepperButtonLoading: n,
|
|
9
|
-
stepperDescriptionContainer: i,
|
|
10
|
-
stepperDescriptionProgress: _,
|
|
11
|
-
stepperDescriptionText: c,
|
|
12
|
-
stepperDesktopHeaderContainer: m,
|
|
13
|
-
stepperItem: I,
|
|
14
|
-
stepperItemNumber: a,
|
|
15
|
-
stepperItemNumberActive: b,
|
|
16
|
-
itemText: d,
|
|
17
|
-
itemTextActive: z,
|
|
18
|
-
stepperItemConnector: C,
|
|
19
|
-
stepperItemConnectorCompleted: u
|
|
20
|
-
};
|
|
21
|
-
export {
|
|
22
|
-
D as s
|
|
23
|
-
};
|