@hortiview/shared-components 2.24.2 → 2.25.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.
Files changed (29) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/README.md +30 -32
  3. package/dist/assets/ContextMenu.css +1 -0
  4. package/dist/assets/stepper.css +1 -1
  5. package/dist/components/AllowedButton/AllowedButton.js +7 -7
  6. package/dist/components/AllowedIconButton/AllowedIconButton.d.ts +5 -18
  7. package/dist/components/AllowedIconButton/AllowedIconButton.js +21 -56
  8. package/dist/components/BaseView/BaseView.d.ts +9 -1
  9. package/dist/components/BaseView/BaseView.js +94 -89
  10. package/dist/components/ContextMenu/ContextMenu.d.ts +24 -57
  11. package/dist/components/ContextMenu/ContextMenu.js +72 -111
  12. package/dist/components/EmptyView/EmptyView.js +1 -1
  13. package/dist/components/Filter/Filter.js +1 -1
  14. package/dist/components/FloatingActionButton/FloatingActionButton.d.ts +76 -0
  15. package/dist/components/FloatingActionButton/FloatingActionButton.js +150 -0
  16. package/dist/components/ModulePadding/ModulePadding.js +1 -1
  17. package/dist/components/Stepper/Stepper.js +1 -1
  18. package/dist/components/Stepper/components/StepperButton.js +34 -33
  19. package/dist/components/Stepper/components/StepperHeader.js +1 -1
  20. package/dist/components/Stepper/components/StepperItem.js +1 -1
  21. package/dist/main.d.ts +1 -0
  22. package/dist/main.js +115 -113
  23. package/dist/services/UtilService.js +1 -1
  24. package/dist/stepper.module-C_EMu-Fl.js +22 -0
  25. package/dist/types/ListElement.d.ts +13 -3
  26. package/package.json +1 -1
  27. package/dist/contextMenu.module-RWPDK7Ds.js +0 -17
  28. package/dist/stepper.module-DR_FbENS.js +0 -23
  29. /package/dist/assets/{contextMenu.css → FloatingActionButton.css} +0 -0
@@ -1,77 +1,78 @@
1
- import { jsx as a } from "react/jsx-runtime";
2
- import { B as v } from "../../../index.es-B19PQgzU.js";
3
- import { useMemo as b } from "react";
4
- import { s as i } from "../../../stepper.module-DR_FbENS.js";
5
- const N = ({
6
- label: p,
7
- variant: s = "outlined",
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: n,
10
- className: d,
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 f = b(() => {
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__ */ a(
23
- v,
23
+ return /* @__PURE__ */ f(
24
+ a,
24
25
  {
25
26
  "data-testid": "stepper-previous-button",
26
- className: `${i.stepperButton} ${d ?? ""}`,
27
+ className: `${b.stepperButton} ${i ?? ""}`,
27
28
  onClick: m,
28
- disabled: n,
29
+ disabled: s,
29
30
  fullWidth: o,
30
31
  buttonSize: u,
31
- variant: s,
32
- leadingIcon: f,
32
+ variant: p,
33
+ leadingIcon: d,
33
34
  trailingIcon: r,
34
35
  type: "button",
35
- children: p
36
+ children: n
36
37
  }
37
38
  );
38
- }, h = ({
39
- label: p,
40
- variant: s,
39
+ }, _ = ({
40
+ label: n,
41
+ variant: p,
41
42
  onClick: m,
42
- disabled: n,
43
- className: d,
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: f = "themeDefault",
50
+ buttonSize: d = "themeDefault",
50
51
  fullWidth: B = !0
51
52
  }) => {
52
- const c = b(() => {
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__ */ a(
58
- v,
58
+ return /* @__PURE__ */ f(
59
+ a,
59
60
  {
60
61
  "data-testid": "stepper-next-button",
61
- className: `${i.stepperButton} ${t ? i.stepperButtonLoading : ""} ${d ?? ""}`,
62
+ className: `${b.stepperButton} ${i ?? ""}`,
62
63
  onClick: m,
63
- variant: s,
64
- disabled: t || n,
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: f,
70
- children: p
70
+ buttonSize: d,
71
+ children: t ? /* @__PURE__ */ f(l, { size: "sm", spinnerOnly: !0 }) : n
71
72
  }
72
73
  );
73
74
  };
74
75
  export {
75
- h as StepperNextButton,
76
- N as StepperPreviousButton
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-DR_FbENS.js";
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-DR_FbENS.js";
5
+ import { s as t } from "../../../stepper.module-C_EMu-Fl.js";
6
6
  const N = ({
7
7
  maxWidth: d,
8
8
  stepDefinition: e,
package/dist/main.d.ts CHANGED
@@ -14,6 +14,7 @@ export { EmptyView } from './components/EmptyView/EmptyView';
14
14
  export { ErrorBanner } from './components/ErrorBanner/ErrorBanner';
15
15
  export { Filter } from './components/Filter/Filter';
16
16
  export { FormattedNumberDisplay } from './components/FormattedNumberDisplay/FormattedNumberDisplay';
17
+ export { FloatingActionButton } from './components/FloatingActionButton/FloatingActionButton';
17
18
  export { GenericTable } from './components/GenericTable/GenericTable';
18
19
  export { HashTabView } from './components/HashTabView/HashTabView';
19
20
  export { HeaderFilter } from './components/HeaderFilter/HeaderFilter';
package/dist/main.js CHANGED
@@ -6,130 +6,132 @@ import { BlockView as n } from "./components/BlockView/BlockView.js";
6
6
  import { ButtonCard as A } from "./components/ButtonCard/ButtonCard.js";
7
7
  import { ChipCard as d } from "./components/ChipCard/ChipCard.js";
8
8
  import { ConfirmationModal as E } from "./components/ConfirmationModal/ConfirmationModal.js";
9
- import { ContextMenu as L } from "./components/ContextMenu/ContextMenu.js";
10
- import { DeleteModal as F } from "./components/DeleteModal/DeleteModal.js";
9
+ import { ContextMenu as F } from "./components/ContextMenu/ContextMenu.js";
10
+ import { DeleteModal as _ } from "./components/DeleteModal/DeleteModal.js";
11
11
  import { DetailContentWrapper as T } from "./components/DetailContentWrapper/DetailContentWrapper.js";
12
- import { Disclaimer as B } from "./components/Disclaimer/Disclaimer.js";
13
- import { EmptyView as D } from "./components/EmptyView/EmptyView.js";
14
- import { ErrorBanner as u } from "./components/ErrorBanner/ErrorBanner.js";
15
- import { Filter as N } from "./components/Filter/Filter.js";
12
+ import { Disclaimer as G } from "./components/Disclaimer/Disclaimer.js";
13
+ import { EmptyView as C } from "./components/EmptyView/EmptyView.js";
14
+ import { ErrorBanner as M } from "./components/ErrorBanner/ErrorBanner.js";
15
+ import { Filter as g } from "./components/Filter/Filter.js";
16
16
  import { FormattedNumberDisplay as w } from "./components/FormattedNumberDisplay/FormattedNumberDisplay.js";
17
- import { GenericTable as O } from "./components/GenericTable/GenericTable.js";
18
- import { HashTabView as V } from "./components/HashTabView/HashTabView.js";
19
- import { HeaderFilter as H } from "./components/HeaderFilter/HeaderFilter.js";
20
- import { Iconify as k } from "./components/Iconify/Iconify.js";
21
- import { InfoCard as y } from "./components/InfoCard/InfoCard.js";
22
- import { InfoGroup as Y } from "./components/InfoGroup/InfoGroup.js";
23
- import { ListArea as z } from "./components/ListArea/ListArea.js";
24
- import { LoadingSpinner as j } from "./components/LoadingSpinner/Default/LoadingSpinner.js";
25
- import { Modal as J } from "./components/Modal/Modal.js";
26
- import { ModulePadding as Z } from "./components/ModulePadding/ModulePadding.js";
27
- import { OfflineView as rr } from "./components/OfflineView/OfflineView.js";
28
- import { OnboardingBanner as er } from "./components/OnboardingBanner/OnboardingBanner.js";
29
- import { OverflowTooltip as mr } from "./components/OverflowTooltip/OverflowTooltip.js";
30
- import { ScrollbarX as fr, ScrollbarY as xr } from "./components/Scrollbar/Scrollbar.js";
31
- import { SearchBar as ar } from "./components/SearchBar/SearchBar.js";
32
- import { Select as lr } from "./components/Select/Select.js";
33
- import { StepperHeader as sr } from "./components/Stepper/components/StepperHeader.js";
34
- import { Stepper as Sr } from "./components/Stepper/Stepper.js";
35
- import { VerticalDivider as cr } from "./components/VerticalDivider/VerticalDivider.js";
36
- import { FormCheckBox as _r } from "./components/FormComponents/FormCheckBox/FormCheckBox.js";
37
- import { FormDatePicker as Ir } from "./components/FormComponents/FormDatePicker/FormDatePicker.js";
38
- import { FormNumber as Gr } from "./components/FormComponents/FormNumber/FormNumber.js";
39
- import { FormRadio as Cr } from "./components/FormComponents/FormRadio/FormRadio.js";
40
- import { FormSelect as Mr } from "./components/FormComponents/FormSelect/FormSelect.js";
41
- import { FormSlider as Pr } from "./components/FormComponents/FormSlider/FormSlider.js";
42
- import { FormText as gr } from "./components/FormComponents/FormText/FormText.js";
43
- import { FormToggle as br } from "./components/FormComponents/FormToggle/FormToggle.js";
44
- import { SafeForm as Rr } from "./components/SafeForm/SafeForm.js";
45
- import { AvailableCustomIcons as hr } from "./enums/AvailableCustomIcons.js";
46
- import { ThemeColor as Ur } from "./enums/ThemeColor.js";
47
- import { useBreakpoints as vr } from "./hooks/useBreakpoints.js";
48
- import { useContainerWidth as Wr } from "./hooks/useContainerWidth.js";
49
- import { capitalizeFirstLetters as Kr, getFormattedDateTime as zr, getNumberAsLocaleString as Xr, trimLeadingAndTrailingSpaces as jr } from "./services/UtilService.js";
50
- import { StepperStyle as Jr } from "./components/Stepper/stepperStyles.js";
51
- import { DATE_FORMAT as Zr, DATE_TIME_FORMAT as $r, TIME_FORMAT as ro } from "./types/Time.js";
52
- import { AVAILABLE_COUNTRY_KEYS as eo, AVAILABLE_LOCALES as to, ENGLISH_LANGUAGE_ID as mo, GERMAN_LANGUAGE_ID as po, LANGUAGE_CODES_MAPPER as fo, LANGUAGE_ID_MAPPER as xo, SPANISH_LANGUAGE_ID as io, TURKISH_LANGUAGE_ID as ao } from "./types/Languages.js";
53
- import { Allowed as lo } from "./components/Allowed/Allowed.js";
54
- import { AllowedButton as so } from "./components/AllowedButton/AllowedButton.js";
55
- import { AllowedIconButton as Eo } from "./components/AllowedIconButton/AllowedIconButton.js";
56
- import { getPermissionsFromModulePermissionToken as Lo, useIsAllowed as _o } from "./components/PermissionChecks/PermissionService.js";
57
- import { SharedComponentsPermissionProvider as Io } from "./components/SharedComponentsPermissionProvider/SharedComponentsPermissionProvider.js";
58
- import { createPermissionWrapper as Go, renderWithPermissions as Bo } from "./test-utils.js";
59
- import { HVMainPermissions as Do } from "./types/Permission.js";
17
+ import { FloatingActionButton as O } from "./components/FloatingActionButton/FloatingActionButton.js";
18
+ import { GenericTable as V } from "./components/GenericTable/GenericTable.js";
19
+ import { HashTabView as H } from "./components/HashTabView/HashTabView.js";
20
+ import { HeaderFilter as k } from "./components/HeaderFilter/HeaderFilter.js";
21
+ import { Iconify as y } from "./components/Iconify/Iconify.js";
22
+ import { InfoCard as Y } from "./components/InfoCard/InfoCard.js";
23
+ import { InfoGroup as z } from "./components/InfoGroup/InfoGroup.js";
24
+ import { ListArea as j } from "./components/ListArea/ListArea.js";
25
+ import { LoadingSpinner as J } from "./components/LoadingSpinner/Default/LoadingSpinner.js";
26
+ import { Modal as Z } from "./components/Modal/Modal.js";
27
+ import { ModulePadding as rr } from "./components/ModulePadding/ModulePadding.js";
28
+ import { OfflineView as er } from "./components/OfflineView/OfflineView.js";
29
+ import { OnboardingBanner as mr } from "./components/OnboardingBanner/OnboardingBanner.js";
30
+ import { OverflowTooltip as fr } from "./components/OverflowTooltip/OverflowTooltip.js";
31
+ import { ScrollbarX as ir, ScrollbarY as ar } from "./components/Scrollbar/Scrollbar.js";
32
+ import { SearchBar as lr } from "./components/SearchBar/SearchBar.js";
33
+ import { Select as sr } from "./components/Select/Select.js";
34
+ import { StepperHeader as Sr } from "./components/Stepper/components/StepperHeader.js";
35
+ import { Stepper as cr } from "./components/Stepper/Stepper.js";
36
+ import { VerticalDivider as Lr } from "./components/VerticalDivider/VerticalDivider.js";
37
+ import { FormCheckBox as Ir } from "./components/FormComponents/FormCheckBox/FormCheckBox.js";
38
+ import { FormDatePicker as Br } from "./components/FormComponents/FormDatePicker/FormDatePicker.js";
39
+ import { FormNumber as ur } from "./components/FormComponents/FormNumber/FormNumber.js";
40
+ import { FormRadio as Dr } from "./components/FormComponents/FormRadio/FormRadio.js";
41
+ import { FormSelect as Pr } from "./components/FormComponents/FormSelect/FormSelect.js";
42
+ import { FormSlider as Nr } from "./components/FormComponents/FormSlider/FormSlider.js";
43
+ import { FormText as br } from "./components/FormComponents/FormText/FormText.js";
44
+ import { FormToggle as Rr } from "./components/FormComponents/FormToggle/FormToggle.js";
45
+ import { SafeForm as hr } from "./components/SafeForm/SafeForm.js";
46
+ import { AvailableCustomIcons as Ur } from "./enums/AvailableCustomIcons.js";
47
+ import { ThemeColor as vr } from "./enums/ThemeColor.js";
48
+ import { useBreakpoints as Wr } from "./hooks/useBreakpoints.js";
49
+ import { useContainerWidth as Kr } from "./hooks/useContainerWidth.js";
50
+ import { capitalizeFirstLetters as Xr, getFormattedDateTime as jr, getNumberAsLocaleString as qr, trimLeadingAndTrailingSpaces as Jr } from "./services/UtilService.js";
51
+ import { StepperStyle as Zr } from "./components/Stepper/stepperStyles.js";
52
+ import { DATE_FORMAT as ro, DATE_TIME_FORMAT as oo, TIME_FORMAT as eo } from "./types/Time.js";
53
+ import { AVAILABLE_COUNTRY_KEYS as mo, AVAILABLE_LOCALES as po, ENGLISH_LANGUAGE_ID as fo, GERMAN_LANGUAGE_ID as xo, LANGUAGE_CODES_MAPPER as io, LANGUAGE_ID_MAPPER as ao, SPANISH_LANGUAGE_ID as no, TURKISH_LANGUAGE_ID as lo } from "./types/Languages.js";
54
+ import { Allowed as so } from "./components/Allowed/Allowed.js";
55
+ import { AllowedButton as Eo } from "./components/AllowedButton/AllowedButton.js";
56
+ import { AllowedIconButton as Fo } from "./components/AllowedIconButton/AllowedIconButton.js";
57
+ import { getPermissionsFromModulePermissionToken as _o, useIsAllowed as Io } from "./components/PermissionChecks/PermissionService.js";
58
+ import { SharedComponentsPermissionProvider as Bo } from "./components/SharedComponentsPermissionProvider/SharedComponentsPermissionProvider.js";
59
+ import { createPermissionWrapper as uo, renderWithPermissions as Co } from "./test-utils.js";
60
+ import { HVMainPermissions as Mo } from "./types/Permission.js";
60
61
  export {
61
- eo as AVAILABLE_COUNTRY_KEYS,
62
- to as AVAILABLE_LOCALES,
62
+ mo as AVAILABLE_COUNTRY_KEYS,
63
+ po as AVAILABLE_LOCALES,
63
64
  e as AlertBanner,
64
- lo as Allowed,
65
- so as AllowedButton,
66
- Eo as AllowedIconButton,
67
- hr as AvailableCustomIcons,
65
+ so as Allowed,
66
+ Eo as AllowedButton,
67
+ Fo as AllowedIconButton,
68
+ Ur as AvailableCustomIcons,
68
69
  f as BaseView,
69
70
  i as BasicHeading,
70
71
  n as BlockView,
71
72
  A as ButtonCard,
72
73
  d as ChipCard,
73
74
  E as ConfirmationModal,
74
- L as ContextMenu,
75
- Zr as DATE_FORMAT,
76
- $r as DATE_TIME_FORMAT,
77
- F as DeleteModal,
75
+ F as ContextMenu,
76
+ ro as DATE_FORMAT,
77
+ oo as DATE_TIME_FORMAT,
78
+ _ as DeleteModal,
78
79
  T as DetailContentWrapper,
79
- B as Disclaimer,
80
- mo as ENGLISH_LANGUAGE_ID,
81
- D as EmptyView,
82
- u as ErrorBanner,
83
- N as Filter,
84
- _r as FormCheckBox,
85
- Ir as FormDatePicker,
86
- Gr as FormNumber,
87
- Cr as FormRadio,
88
- Mr as FormSelect,
89
- Pr as FormSlider,
90
- gr as FormText,
91
- br as FormToggle,
80
+ G as Disclaimer,
81
+ fo as ENGLISH_LANGUAGE_ID,
82
+ C as EmptyView,
83
+ M as ErrorBanner,
84
+ g as Filter,
85
+ O as FloatingActionButton,
86
+ Ir as FormCheckBox,
87
+ Br as FormDatePicker,
88
+ ur as FormNumber,
89
+ Dr as FormRadio,
90
+ Pr as FormSelect,
91
+ Nr as FormSlider,
92
+ br as FormText,
93
+ Rr as FormToggle,
92
94
  w as FormattedNumberDisplay,
93
- po as GERMAN_LANGUAGE_ID,
94
- O as GenericTable,
95
- Do as HVMainPermissions,
96
- V as HashTabView,
97
- H as HeaderFilter,
98
- k as Iconify,
99
- y as InfoCard,
100
- Y as InfoGroup,
101
- fo as LANGUAGE_CODES_MAPPER,
102
- xo as LANGUAGE_ID_MAPPER,
95
+ xo as GERMAN_LANGUAGE_ID,
96
+ V as GenericTable,
97
+ Mo as HVMainPermissions,
98
+ H as HashTabView,
99
+ k as HeaderFilter,
100
+ y as Iconify,
101
+ Y as InfoCard,
102
+ z as InfoGroup,
103
+ io as LANGUAGE_CODES_MAPPER,
104
+ ao as LANGUAGE_ID_MAPPER,
103
105
  m as LinkBanner,
104
- z as ListArea,
105
- j as LoadingSpinner,
106
- J as Modal,
107
- Z as ModulePadding,
108
- rr as OfflineView,
109
- er as OnboardingBanner,
110
- mr as OverflowTooltip,
111
- io as SPANISH_LANGUAGE_ID,
112
- Rr as SafeForm,
113
- fr as ScrollbarX,
114
- xr as ScrollbarY,
115
- ar as SearchBar,
116
- lr as Select,
117
- Io as SharedComponentsPermissionProvider,
118
- Sr as Stepper,
119
- sr as StepperHeader,
120
- Jr as StepperStyle,
121
- ro as TIME_FORMAT,
122
- ao as TURKISH_LANGUAGE_ID,
123
- Ur as ThemeColor,
124
- cr as VerticalDivider,
125
- Kr as capitalizeFirstLetters,
126
- Go as createPermissionWrapper,
127
- zr as getFormattedDateTime,
128
- Xr as getNumberAsLocaleString,
129
- Lo as getPermissionsFromModulePermissionToken,
130
- Bo as renderWithPermissions,
131
- jr as trimLeadingAndTrailingSpaces,
132
- vr as useBreakpoints,
133
- Wr as useContainerWidth,
134
- _o as useIsAllowed
106
+ j as ListArea,
107
+ J as LoadingSpinner,
108
+ Z as Modal,
109
+ rr as ModulePadding,
110
+ er as OfflineView,
111
+ mr as OnboardingBanner,
112
+ fr as OverflowTooltip,
113
+ no as SPANISH_LANGUAGE_ID,
114
+ hr as SafeForm,
115
+ ir as ScrollbarX,
116
+ ar as ScrollbarY,
117
+ lr as SearchBar,
118
+ sr as Select,
119
+ Bo as SharedComponentsPermissionProvider,
120
+ cr as Stepper,
121
+ Sr as StepperHeader,
122
+ Zr as StepperStyle,
123
+ eo as TIME_FORMAT,
124
+ lo as TURKISH_LANGUAGE_ID,
125
+ vr as ThemeColor,
126
+ Lr as VerticalDivider,
127
+ Xr as capitalizeFirstLetters,
128
+ uo as createPermissionWrapper,
129
+ jr as getFormattedDateTime,
130
+ qr as getNumberAsLocaleString,
131
+ _o as getPermissionsFromModulePermissionToken,
132
+ Co as renderWithPermissions,
133
+ Jr as trimLeadingAndTrailingSpaces,
134
+ Wr as useBreakpoints,
135
+ Kr as useContainerWidth,
136
+ Io as useIsAllowed
135
137
  };
@@ -8,8 +8,8 @@ import "../react-tooltip.min-Dkz5ltCC.js";
8
8
  import "../orderBy-Ce85KqD6.js";
9
9
  import "../index-CuHybtft.js";
10
10
  import "../components/SharedComponentsPermissionProvider/PermissionContext.js";
11
- import "react-dom";
12
11
  import "../uniqueId-CJo-XRQb.js";
12
+ import "react-dom";
13
13
  import "react-hook-form";
14
14
  import "../get-CBFiuc3f.js";
15
15
  import "../omit-BWQrFyQ-.js";
@@ -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
+ };
@@ -1,3 +1,6 @@
1
+ import { default as React } from 'react';
2
+ import { FloatingActionButton } from '../components/FloatingActionButton/FloatingActionButton.tsx';
3
+
1
4
  /**
2
5
  * The basic list element to use with BaseView and ListArea
3
6
  */
@@ -86,17 +89,24 @@ export type BaseListElement = {
86
89
  /**
87
90
  * an additonal action element shown in the detail section of the base view behind the detail heading
88
91
  */
89
- detailAction?: JSX.Element;
92
+ detailAction?: React.JSX.Element;
93
+ /**
94
+ * An additional action element that is rendered outside conditional wrappers, so it is always visible
95
+ * Only rendered on mobile devices.
96
+ *
97
+ * @Used to render FloatingActionButtons when the details header is hidden (which hides the detailAction)
98
+ */
99
+ detailFloatingActionButton?: React.ReactElement<typeof FloatingActionButton>;
90
100
  /**
91
101
  * the group name of the element, if provided and the List or BaseView has the `isGrouped` property the item is located in that group
92
102
  */
93
- groupName?: string | JSX.Element;
103
+ groupName?: string | React.JSX.Element;
94
104
  /**
95
105
  * the group component of the group, if provided that group header is this component instead of the name.
96
106
  *
97
107
  * Be aware, this will only work if the List or BaseView has the `isGrouped` property set to true and a `groupName` is provided
98
108
  */
99
- groupComponent?: JSX.Element;
109
+ groupComponent?: React.JSX.Element;
100
110
  /**
101
111
  * whether the element should be indented by 1.5rem, @default false
102
112
  */
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.2",
4
+ "version": "2.25.0",
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,17 +0,0 @@
1
- import './assets/contextMenu.css';const n = "_menu_1bdpq_1", _ = "_icon_1bdpq_6", e = "_listItem_1bdpq_10", c = "_offlineViewMargin_1bdpq_20", b = "_fabContainer_1bdpq_24", i = "_buttonAppBar_1bdpq_29", t = "_fullScreen_1bdpq_34", o = "_fabIcon_1bdpq_39", s = "_fabMenu_1bdpq_43", a = "_scrim_1bdpq_47", p = "_scrimVisible_1bdpq_60", r = "_fabSpacer_1bdpq_65", f = {
2
- menu: n,
3
- icon: _,
4
- listItem: e,
5
- offlineViewMargin: c,
6
- fabContainer: b,
7
- buttonAppBar: i,
8
- fullScreen: t,
9
- fabIcon: o,
10
- fabMenu: s,
11
- scrim: a,
12
- scrimVisible: p,
13
- fabSpacer: r
14
- };
15
- export {
16
- f as s
17
- };
@@ -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
- };