@hortiview/shared-components 0.0.4806 → 0.0.4991

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 (45) hide show
  1. package/README.md +72 -2
  2. package/dist/ListAreaService-8vnw7uAP.js +68 -0
  3. package/dist/assets/ContextMenu.css +1 -0
  4. package/dist/assets/InfoGroup.css +1 -0
  5. package/dist/assets/ListAreaService.css +1 -1
  6. package/dist/components/BaseView/BaseView.test.js +1 -1
  7. package/dist/components/BasicHeading/BasicHeading.test.js +1 -1
  8. package/dist/components/BlockView/BlockView.test.js +1 -1
  9. package/dist/components/ContextMenu/ContextMenu.d.ts +27 -0
  10. package/dist/components/ContextMenu/ContextMenu.js +40 -0
  11. package/dist/components/ContextMenu/ContextMenu.test.d.ts +1 -0
  12. package/dist/components/ContextMenu/ContextMenu.test.js +22 -0
  13. package/dist/components/DeleteModal/DeleteModal.test.js +1 -1
  14. package/dist/components/Disclaimer/Disclaimer.test.js +1 -1
  15. package/dist/components/EmptyView/EmptyView.test.js +1 -1
  16. package/dist/components/FormComponents/FormCheckBox/FormCheckBox.test.js +1 -1
  17. package/dist/components/FormComponents/FormDatePicker/FormDatePicker.d.ts +10 -8
  18. package/dist/components/FormComponents/FormDatePicker/FormDatePicker.js +53 -60
  19. package/dist/components/FormComponents/FormDatePicker/FormDatePicker.test.js +16 -16
  20. package/dist/components/FormComponents/FormRadio/FormRadio.test.js +1 -1
  21. package/dist/components/FormComponents/FormSelect/FormSelect.d.ts +12 -9
  22. package/dist/components/FormComponents/FormSelect/FormSelect.js +68 -56
  23. package/dist/components/FormComponents/FormSelect/FormSelect.test.js +10 -9
  24. package/dist/components/FormComponents/FormSlider/FormSlider.test.js +1 -1
  25. package/dist/components/FormComponents/FormText/FormText.test.js +1 -1
  26. package/dist/components/HashTabView/HashTabView.test.js +1 -1
  27. package/dist/components/HeaderFilter/HeaderFilter.test.js +1 -1
  28. package/dist/components/Iconify/Iconify.test.js +1 -1
  29. package/dist/components/InfoGroup/InfoGroup.d.ts +53 -0
  30. package/dist/components/InfoGroup/InfoGroup.js +60 -0
  31. package/dist/components/InfoGroup/InfoGroup.test.d.ts +1 -0
  32. package/dist/components/InfoGroup/InfoGroup.test.js +40 -0
  33. package/dist/components/ListArea/ListArea.js +1 -1
  34. package/dist/components/ListArea/ListArea.test.js +2 -2
  35. package/dist/components/ListArea/ListAreaService.d.ts +2 -0
  36. package/dist/components/ListArea/ListAreaService.js +1 -1
  37. package/dist/components/Scrollbar/scrollbar.test.js +1 -1
  38. package/dist/components/SearchBar/SearchBar.test.js +1 -1
  39. package/dist/components/VerticalDivider/VerticalDivider.test.js +1 -1
  40. package/dist/main.d.ts +4 -1
  41. package/dist/main.js +45 -41
  42. package/dist/{react.esm-BeDwcQWb.js → react.esm-C0LtovhP.js} +2 -1
  43. package/dist/types/ListElement.d.ts +4 -0
  44. package/package.json +1 -1
  45. package/dist/ListAreaService-BPp_O2BH.js +0 -67
package/dist/main.js CHANGED
@@ -1,48 +1,52 @@
1
1
  import "./assets/main.css";
2
2
  import { BaseView as t } from "./components/BaseView/BaseView.js";
3
3
  import { BasicHeading as p } from "./components/BasicHeading/BasicHeading.js";
4
- import { BlockView as a } from "./components/BlockView/BlockView.js";
5
- import { DeleteModal as i } from "./components/DeleteModal/DeleteModal.js";
6
- import { Disclaimer as c } from "./components/Disclaimer/Disclaimer.js";
7
- import { EmptyView as F } from "./components/EmptyView/EmptyView.js";
8
- import { HashTabView as B } from "./components/HashTabView/HashTabView.js";
9
- import { HeaderFilter as V } from "./components/HeaderFilter/HeaderFilter.js";
10
- import { Iconify as k } from "./components/Iconify/Iconify.js";
11
- import { ListArea as w } from "./components/ListArea/ListArea.js";
12
- import { ScrollbarX as h, ScrollbarY as H } from "./components/Scrollbar/Scrollbar.js";
13
- import { SearchBar as v } from "./components/SearchBar/SearchBar.js";
14
- import { VerticalDivider as A } from "./components/VerticalDivider/VerticalDivider.js";
15
- import { FormCheckBox as I } from "./components/FormComponents/FormCheckBox/FormCheckBox.js";
16
- import { FormDatePicker as T } from "./components/FormComponents/FormDatePicker/FormDatePicker.js";
17
- import { FormRadio as z } from "./components/FormComponents/FormRadio/FormRadio.js";
18
- import { FormSelect as M } from "./components/FormComponents/FormSelect/FormSelect.js";
19
- import { FormSlider as R } from "./components/FormComponents/FormSlider/FormSlider.js";
20
- import { FormText as Y } from "./components/FormComponents/FormText/FormText.js";
21
- import { AvailableCustomIcons as q } from "./enums/AvailableCustomIcons.js";
22
- import { a as J } from "./useBreakpoint-DROHPVxO.js";
23
- import { capitalizeFirstLetters as N } from "./services/UtilService.js";
4
+ import { BlockView as f } from "./components/BlockView/BlockView.js";
5
+ import { ContextMenu as i } from "./components/ContextMenu/ContextMenu.js";
6
+ import { DeleteModal as c } from "./components/DeleteModal/DeleteModal.js";
7
+ import { Disclaimer as F } from "./components/Disclaimer/Disclaimer.js";
8
+ import { EmptyView as d } from "./components/EmptyView/EmptyView.js";
9
+ import { HashTabView as S } from "./components/HashTabView/HashTabView.js";
10
+ import { HeaderFilter as b } from "./components/HeaderFilter/HeaderFilter.js";
11
+ import { Iconify as u } from "./components/Iconify/Iconify.js";
12
+ import { InfoGroup as D } from "./components/InfoGroup/InfoGroup.js";
13
+ import { ListArea as C } from "./components/ListArea/ListArea.js";
14
+ import { ScrollbarX as I, ScrollbarY as v } from "./components/Scrollbar/Scrollbar.js";
15
+ import { SearchBar as A } from "./components/SearchBar/SearchBar.js";
16
+ import { VerticalDivider as M } from "./components/VerticalDivider/VerticalDivider.js";
17
+ import { FormCheckBox as g } from "./components/FormComponents/FormCheckBox/FormCheckBox.js";
18
+ import { FormDatePicker as E } from "./components/FormComponents/FormDatePicker/FormDatePicker.js";
19
+ import { FormRadio as P } from "./components/FormComponents/FormRadio/FormRadio.js";
20
+ import { FormSelect as X } from "./components/FormComponents/FormSelect/FormSelect.js";
21
+ import { FormSlider as j } from "./components/FormComponents/FormSlider/FormSlider.js";
22
+ import { FormText as J } from "./components/FormComponents/FormText/FormText.js";
23
+ import { AvailableCustomIcons as N } from "./enums/AvailableCustomIcons.js";
24
+ import { a as Q } from "./useBreakpoint-DROHPVxO.js";
25
+ import { capitalizeFirstLetters as W } from "./services/UtilService.js";
24
26
  export {
25
- q as AvailableCustomIcons,
27
+ N as AvailableCustomIcons,
26
28
  t as BaseView,
27
29
  p as BasicHeading,
28
- a as BlockView,
29
- i as DeleteModal,
30
- c as Disclaimer,
31
- F as EmptyView,
32
- I as FormCheckBox,
33
- T as FormDatePicker,
34
- z as FormRadio,
35
- M as FormSelect,
36
- R as FormSlider,
37
- Y as FormText,
38
- B as HashTabView,
39
- V as HeaderFilter,
40
- k as Iconify,
41
- w as ListArea,
42
- h as ScrollbarX,
43
- H as ScrollbarY,
44
- v as SearchBar,
45
- A as VerticalDivider,
46
- N as capitalizeFirstLetters,
47
- J as useBreakpoints
30
+ f as BlockView,
31
+ i as ContextMenu,
32
+ c as DeleteModal,
33
+ F as Disclaimer,
34
+ d as EmptyView,
35
+ g as FormCheckBox,
36
+ E as FormDatePicker,
37
+ P as FormRadio,
38
+ X as FormSelect,
39
+ j as FormSlider,
40
+ J as FormText,
41
+ S as HashTabView,
42
+ b as HeaderFilter,
43
+ u as Iconify,
44
+ D as InfoGroup,
45
+ C as ListArea,
46
+ I as ScrollbarX,
47
+ v as ScrollbarY,
48
+ A as SearchBar,
49
+ M as VerticalDivider,
50
+ W as capitalizeFirstLetters,
51
+ Q as useBreakpoints
48
52
  };
@@ -12737,5 +12737,6 @@ export {
12737
12737
  Ft as a,
12738
12738
  re as f,
12739
12739
  G1 as r,
12740
- z1 as s
12740
+ z1 as s,
12741
+ ax as w
12741
12742
  };
@@ -39,6 +39,10 @@ export type BaseListElement = {
39
39
  * the subtitle of the list element
40
40
  */
41
41
  subTitle?: string;
42
+ /**
43
+ * overline text of the list element
44
+ */
45
+ overlineTitle?: string;
42
46
  /**
43
47
  * the route of the list element
44
48
  */
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": "0.0.4806",
4
+ "version": "0.0.4991",
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,67 +0,0 @@
1
- import "./assets/ListAreaService.css";
2
- import { jsx as s } from "react/jsx-runtime";
3
- import { TypoButton as b, TypoSubtitle as q, TypoBody as k, Icon as L } from "@element/react-components";
4
- import { Iconify as C } from "./components/Iconify/Iconify.js";
5
- import { AvailableCustomIcons as x } from "./enums/AvailableCustomIcons.js";
6
- const E = "_fullWidth_1l0qh_1", N = "_mainElevation_1l0qh_5", W = "_searchbar_1l0qh_11", $ = "_roundedBottom_1l0qh_19", j = "_list_1l0qh_24", S = "_listItem_1l0qh_48", w = "_trailingIcon_1l0qh_52", A = "_groupedListItem_1l0qh_64", _ = {
7
- fullWidth: E,
8
- mainElevation: N,
9
- searchbar: W,
10
- roundedBottom: $,
11
- list: j,
12
- listItem: S,
13
- trailingIcon: w,
14
- groupedListItem: A
15
- }, J = (o, i, n, r) => {
16
- const l = o.reduce((e, a) => {
17
- const { groupName: t, ...m } = a;
18
- return !t || typeof t != "string" || (e[t] || (e[t] = {
19
- groupName: /* @__PURE__ */ s(b, { children: t }),
20
- id: t,
21
- items: []
22
- }), e[t].items = [
23
- ...e[t].items,
24
- g(m, i, n, !0, r)
25
- ]), e;
26
- }, {});
27
- return Object.values(l);
28
- }, K = (o, i, n, r) => o.map((l) => g(l, i, n, !1, r)), g = (o, i, n, r, l) => {
29
- const {
30
- title: e,
31
- subTitle: a,
32
- route: t,
33
- value: m,
34
- noNavigation: d,
35
- disabled: I,
36
- icon: h,
37
- iconType: p,
38
- trailingIcon: v,
39
- trailingIconType: y,
40
- actionButton: f,
41
- onClick: T,
42
- customTitle: u
43
- } = o, c = i === t;
44
- return {
45
- select: c,
46
- primaryText: u ?? /* @__PURE__ */ s(q, { level: 1, bold: c, themeColor: c ? "primary" : void 0, children: e }),
47
- secondaryText: a && !u ? /* @__PURE__ */ s(k, { level: 2, themeColor: c ? "primary" : void 0, children: a }) : void 0,
48
- trailingBlock: f ?? v ?? /* @__PURE__ */ s(L, { icon: "arrow_right" }),
49
- leadingBlock: G(h),
50
- nonInteractive: I,
51
- value: m,
52
- componentProps: {
53
- leadingBlockType: p ?? "icon",
54
- trailingBlockType: y ?? "icon",
55
- className: `${p === "avatar" ? "" : _.listItem} ${n} ${r ? _.groupedListItem : ""}`,
56
- onClick: (O, B) => T?.(B),
57
- tag: d ? void 0 : l ?? "a",
58
- to: d ? void 0 : t
59
- }
60
- };
61
- }, G = (o) => typeof o == "string" && o in x ? /* @__PURE__ */ s(C, { icon: o }) : o;
62
- export {
63
- K as a,
64
- J as g,
65
- g as m,
66
- _ as s
67
- };