@selfdecode/sd-component-library 4.0.82 → 4.0.83

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 (97) hide show
  1. package/lib/components/accordions/sublist-accordion/interfaces.d.ts +6 -13
  2. package/lib/components/accordions/sublist-accordion/sublist-accordian.stories.d.ts +0 -1
  3. package/lib/sd-component-library112.js +1 -1
  4. package/lib/sd-component-library113.js +1 -1
  5. package/lib/sd-component-library115.js +1 -1
  6. package/lib/sd-component-library124.js +1 -1
  7. package/lib/sd-component-library15.js +1 -1
  8. package/lib/sd-component-library166.js +1 -1
  9. package/lib/sd-component-library190.js +3 -3
  10. package/lib/sd-component-library194.js +3 -57
  11. package/lib/sd-component-library194.js.map +1 -1
  12. package/lib/sd-component-library195.js +57 -2
  13. package/lib/sd-component-library195.js.map +1 -1
  14. package/lib/sd-component-library196.js +25 -30
  15. package/lib/sd-component-library196.js.map +1 -1
  16. package/lib/sd-component-library197.js +18 -598
  17. package/lib/sd-component-library197.js.map +1 -1
  18. package/lib/sd-component-library198.js +5 -3
  19. package/lib/sd-component-library198.js.map +1 -1
  20. package/lib/sd-component-library199.js +5 -25
  21. package/lib/sd-component-library199.js.map +1 -1
  22. package/lib/sd-component-library200.js +61 -15
  23. package/lib/sd-component-library200.js.map +1 -1
  24. package/lib/sd-component-library201.js +18 -5
  25. package/lib/sd-component-library201.js.map +1 -1
  26. package/lib/sd-component-library202.js +2 -5
  27. package/lib/sd-component-library202.js.map +1 -1
  28. package/lib/sd-component-library203.js +30 -65
  29. package/lib/sd-component-library203.js.map +1 -1
  30. package/lib/sd-component-library204.js +599 -18
  31. package/lib/sd-component-library204.js.map +1 -1
  32. package/lib/sd-component-library218.js +45 -64
  33. package/lib/sd-component-library218.js.map +1 -1
  34. package/lib/sd-component-library219.js +65 -3
  35. package/lib/sd-component-library219.js.map +1 -1
  36. package/lib/sd-component-library220.js +3 -46
  37. package/lib/sd-component-library220.js.map +1 -1
  38. package/lib/sd-component-library227.js +1 -1
  39. package/lib/sd-component-library228.js +1 -1
  40. package/lib/sd-component-library23.js +2 -2
  41. package/lib/sd-component-library230.js +2 -2
  42. package/lib/sd-component-library232.js +1 -1
  43. package/lib/sd-component-library233.js +1 -1
  44. package/lib/sd-component-library234.js +21 -64
  45. package/lib/sd-component-library234.js.map +1 -1
  46. package/lib/sd-component-library235.js +107 -41
  47. package/lib/sd-component-library235.js.map +1 -1
  48. package/lib/sd-component-library236.js +46 -12
  49. package/lib/sd-component-library236.js.map +1 -1
  50. package/lib/sd-component-library237.js +24 -21
  51. package/lib/sd-component-library237.js.map +1 -1
  52. package/lib/sd-component-library238.js +47 -103
  53. package/lib/sd-component-library238.js.map +1 -1
  54. package/lib/sd-component-library239.js +63 -46
  55. package/lib/sd-component-library239.js.map +1 -1
  56. package/lib/sd-component-library24.js +2 -2
  57. package/lib/sd-component-library240.js +43 -24
  58. package/lib/sd-component-library240.js.map +1 -1
  59. package/lib/sd-component-library241.js +12 -52
  60. package/lib/sd-component-library241.js.map +1 -1
  61. package/lib/sd-component-library246.js +323 -19
  62. package/lib/sd-component-library246.js.map +1 -1
  63. package/lib/sd-component-library247.js +5 -20
  64. package/lib/sd-component-library247.js.map +1 -1
  65. package/lib/sd-component-library249.js +19 -323
  66. package/lib/sd-component-library249.js.map +1 -1
  67. package/lib/sd-component-library25.js +1 -1
  68. package/lib/sd-component-library250.js +20 -5
  69. package/lib/sd-component-library250.js.map +1 -1
  70. package/lib/sd-component-library257.js +30 -51
  71. package/lib/sd-component-library257.js.map +1 -1
  72. package/lib/sd-component-library258.js +51 -30
  73. package/lib/sd-component-library258.js.map +1 -1
  74. package/lib/sd-component-library309.js +89 -47
  75. package/lib/sd-component-library309.js.map +1 -1
  76. package/lib/sd-component-library310.js +47 -89
  77. package/lib/sd-component-library310.js.map +1 -1
  78. package/lib/sd-component-library311.js +33 -23
  79. package/lib/sd-component-library311.js.map +1 -1
  80. package/lib/sd-component-library312.js +23 -33
  81. package/lib/sd-component-library312.js.map +1 -1
  82. package/lib/sd-component-library32.js +1 -1
  83. package/lib/sd-component-library33.js +1 -1
  84. package/lib/sd-component-library49.js +1 -1
  85. package/lib/sd-component-library5.js +1 -1
  86. package/lib/sd-component-library50.js +1 -1
  87. package/lib/sd-component-library6.js +41 -44
  88. package/lib/sd-component-library6.js.map +1 -1
  89. package/lib/sd-component-library70.js +2 -2
  90. package/lib/sd-component-library71.js +1 -1
  91. package/lib/sd-component-library72.js +1 -1
  92. package/lib/sd-component-library87.js +3 -3
  93. package/lib/sd-component-library89.js +5 -5
  94. package/lib/sd-component-library95.js +2 -2
  95. package/lib/sd-component-library96.js +2 -2
  96. package/lib/sd-component-library97.js +2 -2
  97. package/package.json +1 -1
@@ -1,5 +1,5 @@
1
1
  import { j as c } from "./sd-component-library190.js";
2
- import { CheckboxV2Container as e } from "./sd-component-library203.js";
2
+ import { CheckboxV2Container as e } from "./sd-component-library200.js";
3
3
  const m = ({
4
4
  onChange: r,
5
5
  value: o,
@@ -1,5 +1,5 @@
1
1
  import { j as i } from "./sd-component-library190.js";
2
- import { CheckboxV2Container as x } from "./sd-component-library203.js";
2
+ import { CheckboxV2Container as x } from "./sd-component-library200.js";
3
3
  const d = ({
4
4
  value: o,
5
5
  onChange: r,
@@ -1,5 +1,5 @@
1
1
  import { j as o } from "./sd-component-library190.js";
2
- import { Divider as e } from "./sd-component-library204.js";
2
+ import { Divider as e } from "./sd-component-library201.js";
3
3
  const d = ({
4
4
  width: r = "100%",
5
5
  height: t = "1px",
@@ -2,7 +2,7 @@ import { j as e } from "./sd-component-library190.js";
2
2
  import { useRef as T, useState as q, useCallback as J } from "react";
3
3
  import { Box as o } from "rebass";
4
4
  import { useResize as K } from "./sd-component-library3.js";
5
- import { ReactComponent as L } from "./sd-component-library198.js";
5
+ import { ReactComponent as L } from "./sd-component-library194.js";
6
6
  const Z = (p) => {
7
7
  const {
8
8
  width: x = ["100%"],
@@ -1,5 +1,5 @@
1
1
  import { j as e } from "./sd-component-library190.js";
2
- import { Divider as o } from "./sd-component-library204.js";
2
+ import { Divider as o } from "./sd-component-library201.js";
3
3
  const x = ({
4
4
  width: r = "1px",
5
5
  height: t = "41px",
@@ -1,66 +1,63 @@
1
1
  import { j as t } from "./sd-component-library190.js";
2
- import { useState as c, useCallback as C, useEffect as E } from "react";
3
- import { Box as e, Flex as S } from "rebass";
4
- import { isPDFFlow as D } from "./sd-component-library4.js";
5
- import { SecondaryBadge as F } from "./sd-component-library9.js";
6
- import { MaxFrContainer as I } from "./sd-component-library40.js";
7
- import { ReactComponent as k } from "./sd-component-library198.js";
8
- const _ = (l) => {
2
+ import { useState as g, useCallback as j, useEffect as w } from "react";
3
+ import { Box as i, Flex as b } from "rebass";
4
+ import { isPDFFlow as v } from "./sd-component-library4.js";
5
+ import { SecondaryBadge as C } from "./sd-component-library9.js";
6
+ import { MaxFrContainer as E } from "./sd-component-library40.js";
7
+ import { ReactComponent as S } from "./sd-component-library194.js";
8
+ const B = (d) => {
9
9
  const {
10
- header: x,
11
- numberOfEntries: m,
12
- children: s,
13
- childrenHeight: h,
14
- ml: p = ["40px"],
15
- onChange: i,
16
- buttonText: a,
17
- initialIsOpen: f = !1,
18
- isOpen: o
19
- } = l, u = 600, g = D(), [j, d] = c(
10
+ header: s,
11
+ numberOfEntries: c,
12
+ children: o,
13
+ childrenHeight: l,
14
+ ml: x = ["40px"],
15
+ onChange: n,
16
+ buttonText: r,
17
+ isOpen: e
18
+ } = d, m = 600, h = v(), [f, a] = g(
20
19
  "hidden"
21
- ), [r, w] = c(
22
- f || !!o
23
- ), n = o === void 0 ? r : o, b = n ? h : 0, O = C(() => {
24
- i == null || i(!n), w((v) => !v);
25
- }, [n, i]);
26
- return E(() => {
27
- d("hidden");
28
- }, [r]), /* @__PURE__ */ t.jsxs(e, { width: "100%", "data-testid": "sublist-accordion", children: [
29
- /* @__PURE__ */ t.jsx(e, { "data-testid": "accordion-header", children: x }),
20
+ ), p = e ? l : 0, u = j(() => {
21
+ n == null || n(!e);
22
+ }, [e, n]);
23
+ return w(() => {
24
+ a("hidden");
25
+ }, [e]), /* @__PURE__ */ t.jsxs(i, { width: "100%", "data-testid": "sublist-accordion", children: [
26
+ /* @__PURE__ */ t.jsx(i, { "data-testid": "accordion-header", children: s }),
30
27
  /* @__PURE__ */ t.jsx(
31
- S,
28
+ b,
32
29
  {
33
30
  width: "max-content",
34
31
  height: "0",
35
32
  flexDirection: "column",
36
33
  justifyContent: "center",
37
- ml: p,
38
- onClick: O,
34
+ ml: x,
35
+ onClick: u,
39
36
  sx: {
40
37
  cursor: "pointer"
41
38
  },
42
39
  "data-testid": "accordion-badge-container",
43
40
  children: /* @__PURE__ */ t.jsx(
44
- F,
41
+ C,
45
42
  {
46
- bg: n ? "cl_grey" : "cl_blue",
43
+ bg: e ? "cl_grey" : "cl_blue",
47
44
  "data-testid": "accordion-badge",
48
- children: /* @__PURE__ */ t.jsxs(I, { children: [
49
- /* @__PURE__ */ t.jsx(e, { "data-testid": "accordion-badge-text", children: a || `${m} Entries` }),
45
+ children: /* @__PURE__ */ t.jsxs(E, { children: [
46
+ /* @__PURE__ */ t.jsx(i, { "data-testid": "accordion-badge-text", children: r || `${c} Entries` }),
50
47
  /* @__PURE__ */ t.jsx(
51
- e,
48
+ i,
52
49
  {
53
50
  width: "21px",
54
51
  sx: {
55
52
  flex: "0 0 auto",
56
53
  alignSelf: "flex-start",
57
- transform: n ? "rotate(0deg)" : "rotate(180deg)",
54
+ transform: e ? "rotate(0deg)" : "rotate(180deg)",
58
55
  transition: "transform 0.3s",
59
56
  minWidth: "16px",
60
57
  textAlign: "center"
61
58
  },
62
59
  "data-testid": "accordion-arrow",
63
- children: /* @__PURE__ */ t.jsx(k, { fill: "white" })
60
+ children: /* @__PURE__ */ t.jsx(S, { fill: "white" })
64
61
  }
65
62
  )
66
63
  ] })
@@ -68,25 +65,25 @@ const _ = (l) => {
68
65
  )
69
66
  }
70
67
  ),
71
- g ? /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(e, { "data-testid": "accordion-content-wrapper", children: s }) }) : /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
72
- e,
68
+ h ? /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(i, { "data-testid": "accordion-content-wrapper", children: o }) }) : /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
69
+ i,
73
70
  {
74
71
  onTransitionEnd: () => {
75
- r && d(void 0);
72
+ e && a(void 0);
76
73
  },
77
74
  sx: {
78
- overflow: j,
75
+ overflow: f,
79
76
  // if overflow was hidden all the time, certain components can be cut off in the ui. ex: date picker.
80
- maxHeight: b,
81
- transition: `max-height ${u}ms`
77
+ maxHeight: p,
78
+ transition: `max-height ${m}ms`
82
79
  },
83
80
  "data-testid": "accordion-content-wrapper",
84
- children: s
81
+ children: o
85
82
  }
86
83
  ) })
87
84
  ] });
88
85
  };
89
86
  export {
90
- _ as SublistAccordion
87
+ B as SublistAccordion
91
88
  };
92
89
  //# sourceMappingURL=sd-component-library6.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"sd-component-library6.js","sources":["../src/components/accordions/sublist-accordion/sublist-accordion.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { isPDFFlow } from \"../../../core/functions\";\nimport { SecondaryBadge } from \"../../badges/secondary-badge\";\nimport { MaxFrContainer } from \"../../containers/grid-containers/max-fr-container\";\nimport { DropdownArrowIcon } from \"../base-accordion/assets\";\nimport { SublistAccordionProps } from \"./interfaces\";\n\nexport const SublistAccordion: React.FC<SublistAccordionProps> = (props) => {\n const {\n header,\n numberOfEntries,\n children,\n childrenHeight,\n ml = [\"40px\"],\n onChange,\n buttonText,\n initialIsOpen = false,\n isOpen: isOpenControlled,\n } = props;\n const animationDuration = 600; // ms\n const isPdf = isPDFFlow();\n\n const [contentOverflow, setContentOverflow] = useState<\"hidden\" | undefined>(\n \"hidden\"\n );\n\n const [isOpenInternal, setIsOpenInternal] = useState<boolean>(\n initialIsOpen || Boolean(isOpenControlled)\n );\n\n const isOpen =\n isOpenControlled === undefined ? isOpenInternal : isOpenControlled;\n\n const maxContentHeight = isOpen ? childrenHeight : 0;\n\n const handleClick = useCallback(() => {\n onChange?.(!isOpen);\n setIsOpenInternal((prev) => {\n return !prev;\n });\n }, [isOpen, onChange]);\n\n useEffect(() => {\n setContentOverflow(\"hidden\");\n }, [isOpenInternal]);\n\n return (\n <Box width=\"100%\" data-testid=\"sublist-accordion\">\n {/* Header container */}\n <Box data-testid=\"accordion-header\">{header}</Box>\n {/* Badge toggle */}\n <Flex\n width=\"max-content\"\n height=\"0\"\n flexDirection=\"column\"\n justifyContent=\"center\"\n ml={ml}\n onClick={handleClick}\n sx={{\n cursor: \"pointer\",\n }}\n data-testid=\"accordion-badge-container\"\n >\n <SecondaryBadge\n bg={isOpen ? \"cl_grey\" : \"cl_blue\"}\n data-testid=\"accordion-badge\"\n >\n <MaxFrContainer>\n <Box data-testid=\"accordion-badge-text\">\n {buttonText ? buttonText : `${numberOfEntries} Entries`}\n </Box>\n <Box\n width={\"21px\"}\n sx={{\n flex: \"0 0 auto\",\n alignSelf: \"flex-start\",\n transform: isOpen ? \"rotate(0deg)\" : \"rotate(180deg)\",\n transition: \"transform 0.3s\",\n minWidth: \"16px\",\n textAlign: \"center\",\n }}\n data-testid=\"accordion-arrow\"\n >\n <DropdownArrowIcon fill=\"white\" />\n </Box>\n </MaxFrContainer>\n </SecondaryBadge>\n </Flex>\n {/* Hidden content */}\n\n {isPdf ? (\n <div>\n <Box data-testid=\"accordion-content-wrapper\">{children}</Box>\n </div>\n ) : (\n <div>\n <Box\n onTransitionEnd={() => {\n if (!isOpenInternal) return;\n setContentOverflow(undefined);\n }}\n sx={{\n overflow: contentOverflow, // if overflow was hidden all the time, certain components can be cut off in the ui. ex: date picker.\n maxHeight: maxContentHeight,\n transition: `max-height ${animationDuration}ms`,\n }}\n data-testid=\"accordion-content-wrapper\"\n >\n {children}\n </Box>\n </div>\n )}\n </Box>\n );\n};\n"],"names":["SublistAccordion","props","header","numberOfEntries","children","childrenHeight","ml","onChange","buttonText","initialIsOpen","isOpenControlled","animationDuration","isPdf","isPDFFlow","contentOverflow","setContentOverflow","useState","isOpenInternal","setIsOpenInternal","isOpen","maxContentHeight","handleClick","useCallback","prev","useEffect","jsxs","Box","jsx","Flex","SecondaryBadge","MaxFrContainer","DropdownArrowIcon"],"mappings":";;;;;;;AAUa,MAAAA,IAAoD,CAACC,MAAU;AACpE,QAAA;AAAA,IACJ,QAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,IAAAC,IAAK,CAAC,MAAM;AAAA,IACZ,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,QAAQC;AAAA,EACN,IAAAT,GACEU,IAAoB,KACpBC,IAAQC,KAER,CAACC,GAAiBC,CAAkB,IAAIC;AAAA,IAC5C;AAAA,EAAA,GAGI,CAACC,GAAgBC,CAAiB,IAAIF;AAAA,IAC1CP,KAAiB,EAAQC;AAAA,EAAgB,GAGrCS,IACJT,MAAqB,SAAYO,IAAiBP,GAE9CU,IAAmBD,IAASd,IAAiB,GAE7CgB,IAAcC,EAAY,MAAM;AACpC,IAAAf,KAAA,QAAAA,EAAW,CAACY,IACZD,EAAkB,CAACK,MACV,CAACA,CACT;AAAA,EAAA,GACA,CAACJ,GAAQZ,CAAQ,CAAC;AAErB,SAAAiB,EAAU,MAAM;AACd,IAAAT,EAAmB,QAAQ;AAAA,EAAA,GAC1B,CAACE,CAAc,CAAC,GAGhBQ,gBAAAA,EAAAA,KAAAC,GAAA,EAAI,OAAM,QAAO,eAAY,qBAE5B,UAAA;AAAA,IAACC,gBAAAA,EAAA,IAAAD,GAAA,EAAI,eAAY,oBAAoB,UAAOxB,GAAA;AAAA,IAE5CyB,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,QAAO;AAAA,QACP,eAAc;AAAA,QACd,gBAAe;AAAA,QACf,IAAAtB;AAAA,QACA,SAASe;AAAA,QACT,IAAI;AAAA,UACF,QAAQ;AAAA,QACV;AAAA,QACA,eAAY;AAAA,QAEZ,UAAAM,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,IAAIV,IAAS,YAAY;AAAA,YACzB,eAAY;AAAA,YAEZ,iCAACW,GACC,EAAA,UAAA;AAAA,cAAAH,gBAAAA,EAAAA,IAACD,KAAI,eAAY,wBACd,eAA0B,GAAGvB,CAAe,WAC/C,CAAA;AAAA,cACAwB,gBAAAA,EAAA;AAAA,gBAACD;AAAA,gBAAA;AAAA,kBACC,OAAO;AAAA,kBACP,IAAI;AAAA,oBACF,MAAM;AAAA,oBACN,WAAW;AAAA,oBACX,WAAWP,IAAS,iBAAiB;AAAA,oBACrC,YAAY;AAAA,oBACZ,UAAU;AAAA,oBACV,WAAW;AAAA,kBACb;AAAA,kBACA,eAAY;AAAA,kBAEZ,UAAAQ,gBAAAA,EAAAA,IAACI,GAAkB,EAAA,MAAK,QAAQ,CAAA;AAAA,gBAAA;AAAA,cAClC;AAAA,YAAA,GACF;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IACF;AAAA,IAGCnB,IACEe,gBAAAA,EAAA,IAAA,OAAA,EACC,UAACA,gBAAAA,EAAAA,IAAAD,GAAA,EAAI,eAAY,6BAA6B,UAAAtB,EAAS,CAAA,GACzD,IAEAuB,gBAAAA,EAAA,IAAC,OACC,EAAA,UAAAA,gBAAAA,EAAA;AAAA,MAACD;AAAA,MAAA;AAAA,QACC,iBAAiB,MAAM;AACrB,UAAKT,KACLF,EAAmB,MAAS;AAAA,QAC9B;AAAA,QACA,IAAI;AAAA,UACF,UAAUD;AAAA;AAAA,UACV,WAAWM;AAAA,UACX,YAAY,cAAcT,CAAiB;AAAA,QAC7C;AAAA,QACA,eAAY;AAAA,QAEX,UAAAP;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}
1
+ {"version":3,"file":"sd-component-library6.js","sources":["../src/components/accordions/sublist-accordion/sublist-accordion.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { isPDFFlow } from \"../../../core/functions\";\nimport { SecondaryBadge } from \"../../badges\";\nimport { MaxFrContainer } from \"../../containers\";\nimport { DropdownArrowIcon } from \"../base-accordion/assets\";\nimport { SublistAccordionProps } from \"./interfaces\";\n\nexport const SublistAccordion: React.FC<SublistAccordionProps> = (props) => {\n const {\n header,\n numberOfEntries,\n children,\n childrenHeight,\n ml = [\"40px\"],\n onChange,\n buttonText,\n isOpen,\n } = props;\n const animationDuration = 600; // ms\n const isPdf = isPDFFlow();\n\n const [contentOverflow, setContentOverflow] = useState<\"hidden\" | undefined>(\n \"hidden\"\n );\n\n const maxContentHeight = isOpen ? childrenHeight : 0;\n\n const handleClick = useCallback(() => {\n onChange?.(!isOpen);\n }, [isOpen, onChange]);\n\n useEffect(() => {\n setContentOverflow(\"hidden\");\n }, [isOpen]);\n\n return (\n <Box width=\"100%\" data-testid=\"sublist-accordion\">\n {/* Header container */}\n <Box data-testid=\"accordion-header\">{header}</Box>\n {/* Badge toggle */}\n <Flex\n width=\"max-content\"\n height=\"0\"\n flexDirection=\"column\"\n justifyContent=\"center\"\n ml={ml}\n onClick={handleClick}\n sx={{\n cursor: \"pointer\",\n }}\n data-testid=\"accordion-badge-container\"\n >\n <SecondaryBadge\n bg={isOpen ? \"cl_grey\" : \"cl_blue\"}\n data-testid=\"accordion-badge\"\n >\n <MaxFrContainer>\n <Box data-testid=\"accordion-badge-text\">\n {buttonText ? buttonText : `${numberOfEntries} Entries`}\n </Box>\n <Box\n width={\"21px\"}\n sx={{\n flex: \"0 0 auto\",\n alignSelf: \"flex-start\",\n transform: isOpen ? \"rotate(0deg)\" : \"rotate(180deg)\",\n transition: \"transform 0.3s\",\n minWidth: \"16px\",\n textAlign: \"center\",\n }}\n data-testid=\"accordion-arrow\"\n >\n <DropdownArrowIcon fill=\"white\" />\n </Box>\n </MaxFrContainer>\n </SecondaryBadge>\n </Flex>\n {/* Hidden content */}\n\n {isPdf ? (\n <div>\n <Box data-testid=\"accordion-content-wrapper\">{children}</Box>\n </div>\n ) : (\n <div>\n <Box\n onTransitionEnd={() => {\n if (!isOpen) return;\n setContentOverflow(undefined);\n }}\n sx={{\n overflow: contentOverflow, // if overflow was hidden all the time, certain components can be cut off in the ui. ex: date picker.\n maxHeight: maxContentHeight,\n transition: `max-height ${animationDuration}ms`,\n }}\n data-testid=\"accordion-content-wrapper\"\n >\n {children}\n </Box>\n </div>\n )}\n </Box>\n );\n};\n"],"names":["SublistAccordion","props","header","numberOfEntries","children","childrenHeight","ml","onChange","buttonText","isOpen","animationDuration","isPdf","isPDFFlow","contentOverflow","setContentOverflow","useState","maxContentHeight","handleClick","useCallback","useEffect","jsxs","Box","jsx","Flex","SecondaryBadge","MaxFrContainer","DropdownArrowIcon"],"mappings":";;;;;;;AAUa,MAAAA,IAAoD,CAACC,MAAU;AACpE,QAAA;AAAA,IACJ,QAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,IAAAC,IAAK,CAAC,MAAM;AAAA,IACZ,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,QAAAC;AAAA,EACE,IAAAR,GACES,IAAoB,KACpBC,IAAQC,KAER,CAACC,GAAiBC,CAAkB,IAAIC;AAAA,IAC5C;AAAA,EAAA,GAGIC,IAAmBP,IAASJ,IAAiB,GAE7CY,IAAcC,EAAY,MAAM;AACpC,IAAAX,KAAA,QAAAA,EAAW,CAACE;AAAA,EAAM,GACjB,CAACA,GAAQF,CAAQ,CAAC;AAErB,SAAAY,EAAU,MAAM;AACd,IAAAL,EAAmB,QAAQ;AAAA,EAAA,GAC1B,CAACL,CAAM,CAAC,GAGRW,gBAAAA,EAAAA,KAAAC,GAAA,EAAI,OAAM,QAAO,eAAY,qBAE5B,UAAA;AAAA,IAACC,gBAAAA,EAAA,IAAAD,GAAA,EAAI,eAAY,oBAAoB,UAAOnB,GAAA;AAAA,IAE5CoB,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,QAAO;AAAA,QACP,eAAc;AAAA,QACd,gBAAe;AAAA,QACf,IAAAjB;AAAA,QACA,SAASW;AAAA,QACT,IAAI;AAAA,UACF,QAAQ;AAAA,QACV;AAAA,QACA,eAAY;AAAA,QAEZ,UAAAK,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,IAAIf,IAAS,YAAY;AAAA,YACzB,eAAY;AAAA,YAEZ,iCAACgB,GACC,EAAA,UAAA;AAAA,cAAAH,gBAAAA,EAAAA,IAACD,KAAI,eAAY,wBACd,eAA0B,GAAGlB,CAAe,WAC/C,CAAA;AAAA,cACAmB,gBAAAA,EAAA;AAAA,gBAACD;AAAA,gBAAA;AAAA,kBACC,OAAO;AAAA,kBACP,IAAI;AAAA,oBACF,MAAM;AAAA,oBACN,WAAW;AAAA,oBACX,WAAWZ,IAAS,iBAAiB;AAAA,oBACrC,YAAY;AAAA,oBACZ,UAAU;AAAA,oBACV,WAAW;AAAA,kBACb;AAAA,kBACA,eAAY;AAAA,kBAEZ,UAAAa,gBAAAA,EAAAA,IAACI,GAAkB,EAAA,MAAK,QAAQ,CAAA;AAAA,gBAAA;AAAA,cAClC;AAAA,YAAA,GACF;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IACF;AAAA,IAGCf,IACEW,gBAAAA,EAAA,IAAA,OAAA,EACC,UAACA,gBAAAA,EAAAA,IAAAD,GAAA,EAAI,eAAY,6BAA6B,UAAAjB,EAAS,CAAA,GACzD,IAEAkB,gBAAAA,EAAA,IAAC,OACC,EAAA,UAAAA,gBAAAA,EAAA;AAAA,MAACD;AAAA,MAAA;AAAA,QACC,iBAAiB,MAAM;AACrB,UAAKZ,KACLK,EAAmB,MAAS;AAAA,QAC9B;AAAA,QACA,IAAI;AAAA,UACF,UAAUD;AAAA;AAAA,UACV,WAAWG;AAAA,UACX,YAAY,cAAcN,CAAiB;AAAA,QAC7C;AAAA,QACA,eAAY;AAAA,QAEX,UAAAN;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}
@@ -1,11 +1,11 @@
1
1
  import { j as s } from "./sd-component-library190.js";
2
2
  import { useState as V } from "react";
3
3
  import { useDependantState as q } from "./sd-component-library3.js";
4
- import { SearchBox as z } from "./sd-component-library218.js";
4
+ import { SearchBox as z } from "./sd-component-library219.js";
5
5
  import { OutsideClickBox as G } from "./sd-component-library11.js";
6
6
  import { PrimaryTextInput as H } from "./sd-component-library68.js";
7
7
  import { ReactComponent as J } from "./sd-component-library216.js";
8
- import { ReactComponent as M } from "./sd-component-library219.js";
8
+ import { ReactComponent as M } from "./sd-component-library220.js";
9
9
  function f(i, o, e, t) {
10
10
  t == null || t(i, o), e(i);
11
11
  }
@@ -1,6 +1,6 @@
1
1
  import { j as r } from "./sd-component-library190.js";
2
2
  import { Box as I } from "rebass";
3
- import { SecondaryInputLabels as B } from "./sd-component-library220.js";
3
+ import { SecondaryInputLabels as B } from "./sd-component-library218.js";
4
4
  import { NumberInput as A } from "./sd-component-library66.js";
5
5
  const k = (n) => {
6
6
  const {
@@ -1,6 +1,6 @@
1
1
  import { j as t } from "./sd-component-library190.js";
2
2
  import { Box as c } from "rebass";
3
- import { SecondaryInputLabels as u } from "./sd-component-library220.js";
3
+ import { SecondaryInputLabels as u } from "./sd-component-library218.js";
4
4
  import { PrimaryTextInput as f } from "./sd-component-library68.js";
5
5
  const T = (e) => {
6
6
  const { m: r, mb: s, ml: n, mr: o, mt: a, width: m, padding: p, sx: x, inputSx: d, ...i } = e;
@@ -2,10 +2,10 @@ import { j as o } from "./sd-component-library190.js";
2
2
  import { Box as y } from "rebass";
3
3
  import { labelWidth as E, defaultDistanceFromLabelToRanges as R, labelPaddingX as G, defaultArc as P, defaultWidth as X, defaultHeight as Y, defaultDistanceBetweenRanges as A, defaultGaugeWidth as V, defaultDistanceFromRangesToNeedle as _, defaultInnerCircleStrokeWidth as q, defaultInnerCircleRadius as J, defaultNeedleWidth as K, defaultNumberOfDashes as Q, defaultDashHeight as U, defaultDashWidth as Z, defaultDistanceFromRangesToScale as ee, defaultMaskBorderRadius as te } from "./sd-component-library224.js";
4
4
  import { defaultPointerWidth as ae } from "./sd-component-library223.js";
5
- import { DiscreteRange as oe } from "./sd-component-library234.js";
5
+ import { DiscreteRange as oe } from "./sd-component-library239.js";
6
6
  import { OutlineMeterScale as le } from "./sd-component-library231.js";
7
- import { DiscreteMeterNeedle as re } from "./sd-component-library235.js";
8
- import { MatchedRangeLabelBox as ne } from "./sd-component-library236.js";
7
+ import { DiscreteMeterNeedle as re } from "./sd-component-library240.js";
8
+ import { MatchedRangeLabelBox as ne } from "./sd-component-library241.js";
9
9
  function fe(x) {
10
10
  const {
11
11
  marginTop: b = "50px",
@@ -1,12 +1,12 @@
1
1
  import { j as r } from "./sd-component-library190.js";
2
2
  import { Box as H } from "rebass";
3
3
  import { defaultWidth as V, defaultHeight as X, labelWidth as Y, defaultDistanceFromLabelToRanges as p, labelPaddingX as z, defaultGaugeWidth as E, defaultInnerPointRadius as _, defaultPointStrokeWidth as q, defaultArc as J, defaultDistanceFromRangesToScale as K, defaultDashHeight as Q, defaultDashWidth as U, defaultNumberOfDashes as Z, defaultNeedleWidth as ee, defaultInnerCircleRadius as te, defaultInnerCircleStrokeWidth as re, defaultDistanceFromRangesToNeedle as ae, defaultMaskBorderRadius as oe } from "./sd-component-library224.js";
4
- import { mapAdjacent as ie, isLabelActive as x, flipPosition as R } from "./sd-component-library237.js";
5
- import { GradientMeterRange as ne } from "./sd-component-library238.js";
4
+ import { mapAdjacent as ie, isLabelActive as x, flipPosition as R } from "./sd-component-library234.js";
5
+ import { GradientMeterRange as ne } from "./sd-component-library235.js";
6
6
  import { OutlineMeterScale as se } from "./sd-component-library231.js";
7
- import { GradientMeterNeedle as de } from "./sd-component-library239.js";
8
- import { OutlineMeterLabelPointer as le } from "./sd-component-library240.js";
9
- import { BaseMeterLabelBox as ue } from "./sd-component-library241.js";
7
+ import { GradientMeterNeedle as de } from "./sd-component-library236.js";
8
+ import { OutlineMeterLabelPointer as le } from "./sd-component-library237.js";
9
+ import { BaseMeterLabelBox as ue } from "./sd-component-library238.js";
10
10
  const je = (b) => {
11
11
  const {
12
12
  width: o = V,
@@ -1,6 +1,6 @@
1
1
  import { j as r } from "./sd-component-library190.js";
2
- import { LinearGaugeSegment as c } from "./sd-component-library246.js";
3
- import { LinearGaugeLabel as d } from "./sd-component-library247.js";
2
+ import { LinearGaugeSegment as c } from "./sd-component-library249.js";
3
+ import { LinearGaugeLabel as d } from "./sd-component-library250.js";
4
4
  import { GridCenter as f } from "./sd-component-library42.js";
5
5
  import { GridContainerV2 as h } from "./sd-component-library39.js";
6
6
  function $(l) {
@@ -2,8 +2,8 @@ import { j as e } from "./sd-component-library190.js";
2
2
  import { isMatchingRange as u } from "./sd-component-library248.js";
3
3
  import { GridCenter as c } from "./sd-component-library42.js";
4
4
  import { GridContainerV2 as f } from "./sd-component-library39.js";
5
- import { LinearGaugeSegment as d } from "./sd-component-library246.js";
6
- import { LinearGaugeLabel as j } from "./sd-component-library247.js";
5
+ import { LinearGaugeSegment as d } from "./sd-component-library249.js";
6
+ import { LinearGaugeLabel as j } from "./sd-component-library250.js";
7
7
  const M = ({
8
8
  gap: i = 3,
9
9
  segmentHeight: l = 8,
@@ -3,9 +3,9 @@ import { useRef as B, useState as I, useEffect as R } from "react";
3
3
  import { Box as s } from "rebass";
4
4
  import { useBodyScrollLock as E } from "./sd-component-library3.js";
5
5
  import { isIOS as F, isPDFFlow as T } from "./sd-component-library4.js";
6
- import X from "./sd-component-library249.js";
6
+ import X from "./sd-component-library246.js";
7
7
  import { OutsideClickBox as P } from "./sd-component-library11.js";
8
- import { ReactComponent as z } from "./sd-component-library250.js";
8
+ import { ReactComponent as z } from "./sd-component-library247.js";
9
9
  import { FlexCenter as A } from "./sd-component-library35.js";
10
10
  import { Button as D } from "./sd-component-library25.js";
11
11
  const r = 500, J = (d) => {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@selfdecode/sd-component-library",
3
- "version": "4.0.82",
3
+ "version": "4.0.83",
4
4
  "private": false,
5
5
  "license": "MIT",
6
6
  "files": [