@selfdecode/sd-component-library 4.0.144 → 4.0.145

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 (219) hide show
  1. package/lib/components/links/link/interfaces.d.ts +1 -1
  2. package/lib/sd-component-library100.js +2 -2
  3. package/lib/sd-component-library101.js +3 -3
  4. package/lib/sd-component-library102.js +2 -2
  5. package/lib/sd-component-library104.js +4 -4
  6. package/lib/sd-component-library106.js +4 -4
  7. package/lib/sd-component-library111.js +1 -1
  8. package/lib/sd-component-library112.js +1 -1
  9. package/lib/sd-component-library117.js +1 -1
  10. package/lib/sd-component-library118.js +2 -2
  11. package/lib/sd-component-library120.js +1 -1
  12. package/lib/sd-component-library121.js +1 -1
  13. package/lib/sd-component-library126.js +2 -2
  14. package/lib/sd-component-library127.js +2 -2
  15. package/lib/sd-component-library129.js +1 -1
  16. package/lib/sd-component-library133.js +3 -3
  17. package/lib/sd-component-library134.js +1 -1
  18. package/lib/sd-component-library136.js +2 -2
  19. package/lib/sd-component-library16.js +1 -1
  20. package/lib/sd-component-library167.js +1 -1
  21. package/lib/sd-component-library168.js +1 -1
  22. package/lib/sd-component-library171.js +1 -1
  23. package/lib/sd-component-library172.js +4 -4
  24. package/lib/sd-component-library197.js +3 -3
  25. package/lib/sd-component-library200.js +2 -60
  26. package/lib/sd-component-library200.js.map +1 -1
  27. package/lib/sd-component-library201.js +30 -3
  28. package/lib/sd-component-library201.js.map +1 -1
  29. package/lib/sd-component-library202.js +599 -2
  30. package/lib/sd-component-library202.js.map +1 -1
  31. package/lib/sd-component-library203.js +60 -30
  32. package/lib/sd-component-library203.js.map +1 -1
  33. package/lib/sd-component-library204.js +3 -599
  34. package/lib/sd-component-library204.js.map +1 -1
  35. package/lib/sd-component-library205.js +55 -24
  36. package/lib/sd-component-library205.js.map +1 -1
  37. package/lib/sd-component-library206.js +24 -55
  38. package/lib/sd-component-library206.js.map +1 -1
  39. package/lib/sd-component-library210.js +1 -1
  40. package/lib/sd-component-library211.js +20 -128
  41. package/lib/sd-component-library211.js.map +1 -1
  42. package/lib/sd-component-library212.js +3 -13
  43. package/lib/sd-component-library212.js.map +1 -1
  44. package/lib/sd-component-library213.js +3 -14
  45. package/lib/sd-component-library213.js.map +1 -1
  46. package/lib/sd-component-library214.js +129 -3
  47. package/lib/sd-component-library214.js.map +1 -1
  48. package/lib/sd-component-library215.js +13 -3
  49. package/lib/sd-component-library215.js.map +1 -1
  50. package/lib/sd-component-library216.js +12 -63
  51. package/lib/sd-component-library216.js.map +1 -1
  52. package/lib/sd-component-library217.js +2 -2
  53. package/lib/sd-component-library217.js.map +1 -1
  54. package/lib/sd-component-library218.js +2 -2
  55. package/lib/sd-component-library218.js.map +1 -1
  56. package/lib/sd-component-library219.js +3 -46
  57. package/lib/sd-component-library219.js.map +1 -1
  58. package/lib/sd-component-library221.js +46 -17
  59. package/lib/sd-component-library221.js.map +1 -1
  60. package/lib/sd-component-library222.js +64 -20
  61. package/lib/sd-component-library222.js.map +1 -1
  62. package/lib/sd-component-library223.js +2 -2
  63. package/lib/sd-component-library223.js.map +1 -1
  64. package/lib/sd-component-library224.js +17 -3
  65. package/lib/sd-component-library224.js.map +1 -1
  66. package/lib/sd-component-library225.js +26 -3
  67. package/lib/sd-component-library225.js.map +1 -1
  68. package/lib/sd-component-library226.js +3 -31
  69. package/lib/sd-component-library226.js.map +1 -1
  70. package/lib/sd-component-library227.js +31 -19
  71. package/lib/sd-component-library227.js.map +1 -1
  72. package/lib/sd-component-library228.js +19 -20
  73. package/lib/sd-component-library228.js.map +1 -1
  74. package/lib/sd-component-library229.js +20 -28
  75. package/lib/sd-component-library229.js.map +1 -1
  76. package/lib/sd-component-library230.js +27 -32
  77. package/lib/sd-component-library230.js.map +1 -1
  78. package/lib/sd-component-library231.js +32 -128
  79. package/lib/sd-component-library231.js.map +1 -1
  80. package/lib/sd-component-library232.js +3 -43
  81. package/lib/sd-component-library232.js.map +1 -1
  82. package/lib/sd-component-library233.js +62 -45
  83. package/lib/sd-component-library233.js.map +1 -1
  84. package/lib/sd-component-library234.js +42 -7
  85. package/lib/sd-component-library234.js.map +1 -1
  86. package/lib/sd-component-library235.js +43 -3
  87. package/lib/sd-component-library235.js.map +1 -1
  88. package/lib/sd-component-library236.js +13 -21
  89. package/lib/sd-component-library236.js.map +1 -1
  90. package/lib/sd-component-library237.js +21 -109
  91. package/lib/sd-component-library237.js.map +1 -1
  92. package/lib/sd-component-library238.js +106 -44
  93. package/lib/sd-component-library238.js.map +1 -1
  94. package/lib/sd-component-library239.js +46 -23
  95. package/lib/sd-component-library239.js.map +1 -1
  96. package/lib/sd-component-library24.js +1 -1
  97. package/lib/sd-component-library240.js +23 -52
  98. package/lib/sd-component-library240.js.map +1 -1
  99. package/lib/sd-component-library241.js +51 -62
  100. package/lib/sd-component-library241.js.map +1 -1
  101. package/lib/sd-component-library242.js +18 -40
  102. package/lib/sd-component-library242.js.map +1 -1
  103. package/lib/sd-component-library243.js +20 -13
  104. package/lib/sd-component-library243.js.map +1 -1
  105. package/lib/sd-component-library247.js +2 -21
  106. package/lib/sd-component-library247.js.map +1 -1
  107. package/lib/sd-component-library248.js +75 -20
  108. package/lib/sd-component-library248.js.map +1 -1
  109. package/lib/sd-component-library249.js +26 -72
  110. package/lib/sd-component-library249.js.map +1 -1
  111. package/lib/sd-component-library250.js +3 -2
  112. package/lib/sd-component-library250.js.map +1 -1
  113. package/lib/sd-component-library251.js +22 -323
  114. package/lib/sd-component-library251.js.map +1 -1
  115. package/lib/sd-component-library252.js +3 -5
  116. package/lib/sd-component-library252.js.map +1 -1
  117. package/lib/sd-component-library253.js +323 -24
  118. package/lib/sd-component-library253.js.map +1 -1
  119. package/lib/sd-component-library254.js +5 -25
  120. package/lib/sd-component-library254.js.map +1 -1
  121. package/lib/sd-component-library255.js +2 -3
  122. package/lib/sd-component-library255.js.map +1 -1
  123. package/lib/sd-component-library256.js +2 -22
  124. package/lib/sd-component-library256.js.map +1 -1
  125. package/lib/sd-component-library257.js +129 -3
  126. package/lib/sd-component-library257.js.map +1 -1
  127. package/lib/sd-component-library258.js +42 -24
  128. package/lib/sd-component-library258.js.map +1 -1
  129. package/lib/sd-component-library259.js +7 -23
  130. package/lib/sd-component-library259.js.map +1 -1
  131. package/lib/sd-component-library260.js +25 -30
  132. package/lib/sd-component-library260.js.map +1 -1
  133. package/lib/sd-component-library261.js +21 -50
  134. package/lib/sd-component-library261.js.map +1 -1
  135. package/lib/sd-component-library262.js +30 -134
  136. package/lib/sd-component-library262.js.map +1 -1
  137. package/lib/sd-component-library263.js +119 -59
  138. package/lib/sd-component-library263.js.map +1 -1
  139. package/lib/sd-component-library264.js +38 -63
  140. package/lib/sd-component-library264.js.map +1 -1
  141. package/lib/sd-component-library265.js +74 -30
  142. package/lib/sd-component-library265.js.map +1 -1
  143. package/lib/sd-component-library266.js +70 -15
  144. package/lib/sd-component-library266.js.map +1 -1
  145. package/lib/sd-component-library267.js +25 -120
  146. package/lib/sd-component-library267.js.map +1 -1
  147. package/lib/sd-component-library268.js +16 -117
  148. package/lib/sd-component-library268.js.map +1 -1
  149. package/lib/sd-component-library269.js +125 -10
  150. package/lib/sd-component-library269.js.map +1 -1
  151. package/lib/sd-component-library270.js +111 -39
  152. package/lib/sd-component-library270.js.map +1 -1
  153. package/lib/sd-component-library271.js +10 -9
  154. package/lib/sd-component-library271.js.map +1 -1
  155. package/lib/sd-component-library272.js +48 -49
  156. package/lib/sd-component-library272.js.map +1 -1
  157. package/lib/sd-component-library273.js +8 -89
  158. package/lib/sd-component-library273.js.map +1 -1
  159. package/lib/sd-component-library274.js +48 -89
  160. package/lib/sd-component-library274.js.map +1 -1
  161. package/lib/sd-component-library275.js +90 -2
  162. package/lib/sd-component-library275.js.map +1 -1
  163. package/lib/sd-component-library276.js +92 -2
  164. package/lib/sd-component-library276.js.map +1 -1
  165. package/lib/sd-component-library279.js +70 -10
  166. package/lib/sd-component-library279.js.map +1 -1
  167. package/lib/sd-component-library280.js +101 -69
  168. package/lib/sd-component-library280.js.map +1 -1
  169. package/lib/sd-component-library281.js +95 -91
  170. package/lib/sd-component-library281.js.map +1 -1
  171. package/lib/sd-component-library282.js +10 -106
  172. package/lib/sd-component-library282.js.map +1 -1
  173. package/lib/sd-component-library286.js +4 -4
  174. package/lib/sd-component-library290.js +58 -2
  175. package/lib/sd-component-library290.js.map +1 -1
  176. package/lib/sd-component-library291.js +2 -8
  177. package/lib/sd-component-library291.js.map +1 -1
  178. package/lib/sd-component-library292.js +7 -327
  179. package/lib/sd-component-library292.js.map +1 -1
  180. package/lib/sd-component-library293.js +325 -48
  181. package/lib/sd-component-library293.js.map +1 -1
  182. package/lib/sd-component-library294.js +49 -56
  183. package/lib/sd-component-library294.js.map +1 -1
  184. package/lib/sd-component-library296.js +1 -1
  185. package/lib/sd-component-library297.js +2 -2
  186. package/lib/sd-component-library298.js +4 -34
  187. package/lib/sd-component-library298.js.map +1 -1
  188. package/lib/sd-component-library300.js +4 -5
  189. package/lib/sd-component-library300.js.map +1 -1
  190. package/lib/sd-component-library301.js +35 -4
  191. package/lib/sd-component-library301.js.map +1 -1
  192. package/lib/sd-component-library315.js +1 -1
  193. package/lib/sd-component-library51.js +3 -3
  194. package/lib/sd-component-library6.js +1 -1
  195. package/lib/sd-component-library62.js +3 -3
  196. package/lib/sd-component-library63.js +1 -1
  197. package/lib/sd-component-library64.js +2 -2
  198. package/lib/sd-component-library65.js +1 -1
  199. package/lib/sd-component-library7.js +1 -1
  200. package/lib/sd-component-library70.js +2 -2
  201. package/lib/sd-component-library72.js +3 -3
  202. package/lib/sd-component-library74.js +1 -1
  203. package/lib/sd-component-library75.js +3 -3
  204. package/lib/sd-component-library76.js +1 -1
  205. package/lib/sd-component-library77.js +1 -1
  206. package/lib/sd-component-library79.js +1 -1
  207. package/lib/sd-component-library80.js +1 -1
  208. package/lib/sd-component-library85.js +1 -1
  209. package/lib/sd-component-library86.js +6 -6
  210. package/lib/sd-component-library87.js +2 -2
  211. package/lib/sd-component-library88.js +1 -1
  212. package/lib/sd-component-library89.js +5 -5
  213. package/lib/sd-component-library90.js +1 -1
  214. package/lib/sd-component-library92.js +6 -6
  215. package/lib/sd-component-library93.js +1 -1
  216. package/lib/sd-component-library94.js +7 -7
  217. package/lib/sd-component-library95.js +1 -1
  218. package/lib/sd-component-library98.js +1 -1
  219. package/package.json +1 -1
@@ -1,105 +1,109 @@
1
- import { j as r } from "./sd-component-library197.js";
2
- import l from "react";
3
- import { DateRangePicker as s } from "react-date-range";
4
- import { Box as x } from "rebass";
5
- import { getCalendarProps as c } from "./sd-component-library280.js";
6
- import { OutsideClickBox as m } from "./sd-component-library12.js";
7
- import { ResponsiveTextV2 as f } from "./sd-component-library150.js";
8
- import { SelectedRangeText as h } from "./sd-component-library315.js";
9
- import { FrFrContainer as g } from "./sd-component-library36.js";
10
- import { PrimaryTextButton as u } from "./sd-component-library22.js";
11
- import { ApplyButton as R } from "./sd-component-library316.js";
12
- const z = l.forwardRef(
13
- (e, i) => {
14
- const { zIndex: n, customOptionSelected: a, handleCancel: o, getStaticRanges: d } = e, p = (t) => {
15
- t == null || t.preventDefault(), o();
16
- };
17
- return /* @__PURE__ */ r.jsx(
18
- x,
19
- {
20
- sx: {
21
- position: "fixed",
22
- top: 0,
23
- left: 0,
24
- width: "100vw",
25
- height: "100vh",
26
- overflowY: "auto",
27
- py: "30px",
28
- bg: "#434A5499"
1
+ import { j as e } from "./sd-component-library197.js";
2
+ import { DateRangePicker as p } from "react-date-range";
3
+ import { Box as l } from "rebass";
4
+ import { getCalendarProps as x } from "./sd-component-library279.js";
5
+ import { TenSb as m } from "./sd-component-library153.js";
6
+ import { PrimaryTextButton as s } from "./sd-component-library22.js";
7
+ import { SelectedRangeText as c } from "./sd-component-library315.js";
8
+ import { ApplyButton as f } from "./sd-component-library316.js";
9
+ import { GridContainerV2 as g } from "./sd-component-library38.js";
10
+ const B = (r) => {
11
+ const {
12
+ selectedRange: o,
13
+ zIndex: n,
14
+ getStaticRanges: i,
15
+ handleCancel: a,
16
+ quickSelectionLabel: d,
17
+ alignCalendar: t
18
+ } = r;
19
+ return /* @__PURE__ */ e.jsxs(
20
+ l,
21
+ {
22
+ sx: {
23
+ overflowX: "auto",
24
+ borderStyle: "solid",
25
+ borderWidth: "1px",
26
+ minWidth: "max-content",
27
+ borderColor: "cl_lightGrey",
28
+ position: "absolute",
29
+ maxWidth: "max-content",
30
+ width: "max-content",
31
+ top: 0,
32
+ left: t === "left" ? "0" : t === "right" ? "unset" : void 0,
33
+ right: t === "right" ? "0" : t === "left" ? "unset" : void 0,
34
+ margin: "auto",
35
+ backgroundColor: "#fff",
36
+ zIndex: n,
37
+ ".rdrDateRangePickerWrapper": {
38
+ width: "unset",
39
+ flexDirection: "row"
29
40
  },
30
- "data-testid": "calendar-wrapper",
31
- children: /* @__PURE__ */ r.jsxs(
32
- m,
41
+ ".rdrDefinedRangesWrapper": {
42
+ width: "226px"
43
+ },
44
+ ".rdrCalendarWrapper": {
45
+ display: "inline-flex"
46
+ },
47
+ ".rdrInputRanges": {
48
+ display: "none"
49
+ },
50
+ ".rdrStaticRanges:before": {
51
+ content: d,
52
+ fontSize: "14px",
53
+ fontFamily: "proxima-nova",
54
+ color: "#9BA2B4",
55
+ fontWeight: "300",
56
+ p: "10px 20px"
57
+ },
58
+ ".rdrStaticRange": {
59
+ fontSize: "14px",
60
+ fontFamily: "proxima-nova",
61
+ color: "#434A54",
62
+ borderBottomWidth: "1px"
63
+ }
64
+ },
65
+ "data-testid": "calendar-wrapper",
66
+ children: [
67
+ /* @__PURE__ */ e.jsx(m, { children: /* @__PURE__ */ e.jsx(
68
+ p,
69
+ {
70
+ ...x(r),
71
+ direction: "horizontal",
72
+ staticRanges: i()
73
+ }
74
+ ) }),
75
+ /* @__PURE__ */ e.jsxs(
76
+ g,
33
77
  {
34
- onClickOutside: p,
35
78
  sx: {
36
- borderStyle: "solid",
37
- borderWidth: "1px",
38
- borderColor: "cl_lightGrey",
39
- minWidth: "352px",
40
- width: "max-content",
41
- backgroundColor: "#fff",
42
- m: "auto",
43
- borderRadius: "4px",
44
- zIndex: n,
45
- ".rdrDateRangePickerWrapper": {
46
- width: "100%",
47
- flexDirection: "column"
48
- },
49
- ".rdrDefinedRangesWrapper": {
50
- width: "100%"
51
- },
52
- ".rdrCalendarWrapper": {
53
- display: a ? "inline-flex" : "none"
54
- },
55
- ".rdrInputRanges": {
56
- display: "none"
57
- },
58
- ".rdrStaticRanges:before": {
59
- fontSize: "16px",
60
- fontFamily: "proxima-nova",
61
- color: "#9BA2B4",
62
- fontWeight: "300",
63
- p: "10px 20px"
64
- },
65
- ".rdrStaticRange": {
66
- fontSize: "16px",
67
- fontFamily: "proxima-nova",
68
- color: "#434A54",
69
- borderBottomWidth: "0"
70
- }
79
+ gridTemplateColumns: "max-content 1fr max-content",
80
+ gap: "30px",
81
+ p: "10px",
82
+ borderTopWidth: "1px",
83
+ borderTopStyle: "solid",
84
+ borderTopColor: "#CCD0DB"
71
85
  },
72
86
  children: [
73
- /* @__PURE__ */ r.jsx(f, { fontSizeWeight: [12, "semi-bold"], ref: i, children: /* @__PURE__ */ r.jsx(
87
+ /* @__PURE__ */ e.jsx(
74
88
  s,
75
89
  {
76
- ...c(e),
77
- direction: "vertical",
78
- staticRanges: d(!0)
90
+ onClick: a,
91
+ height: "42px",
92
+ color: "cl_darkGrey",
93
+ padding: "0 0 0 10px",
94
+ children: "Cancel"
79
95
  }
80
- ) }),
81
- /* @__PURE__ */ r.jsx(h, { ...e, isMobile: !0 }),
82
- /* @__PURE__ */ r.jsxs(g, { p: "10px 20px", children: [
83
- /* @__PURE__ */ r.jsx(
84
- u,
85
- {
86
- onClick: o,
87
- height: "42px",
88
- color: "cl_darkGrey",
89
- padding: "0",
90
- children: "Cancel"
91
- }
92
- ),
93
- /* @__PURE__ */ r.jsx(R, { ...e })
94
- ] })
96
+ ),
97
+ /* @__PURE__ */ e.jsx(c, { selectedRange: o }),
98
+ /* @__PURE__ */ e.jsx(f, { ...r })
95
99
  ]
96
100
  }
97
101
  )
98
- }
99
- );
100
- }
101
- );
102
+ ]
103
+ }
104
+ );
105
+ };
102
106
  export {
103
- z as BaseDateRangeInputMobile
107
+ B as BaseDateRangeInputDesktop
104
108
  };
105
109
  //# sourceMappingURL=sd-component-library281.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"sd-component-library281.js","sources":["../src/components/inputs/date-inputs/base-date-range-input/partials/base-date-range-input-mobile/base-date-range-input-mobile.tsx"],"sourcesContent":["import React from \"react\";\nimport { DateRangePicker } from \"react-date-range\";\n\nimport { Box } from \"rebass\";\n\nimport { OutsideClickBox } from \"../../../../../boxes\";\nimport { PrimaryTextButton } from \"../../../../../buttons\";\nimport { FrFrContainer } from \"../../../../../containers\";\nimport { ResponsiveTextV2 } from \"../../../../../texts/responsive-text-v2\";\nimport { getCalendarProps } from \"../../utils\";\nimport { ApplyButton } from \"../apply-button\";\nimport { SelectedRangeText } from \"../selected-range-text\";\nimport { BaseDateRangeInputMobileProps as Props } from \"./interfaces\";\n\nexport const BaseDateRangeInputMobile = React.forwardRef<HTMLDivElement, Props>(\n (props, ref) => {\n const { zIndex, customOptionSelected, handleCancel, getStaticRanges } =\n props;\n\n const onClickOutside = (event?: React.MouseEvent<HTMLDivElement>) => {\n event?.preventDefault();\n handleCancel();\n };\n\n return (\n <Box\n sx={{\n position: \"fixed\",\n top: 0,\n left: 0,\n width: \"100vw\",\n height: \"100vh\",\n overflowY: \"auto\",\n py: \"30px\",\n bg: \"#434A5499\",\n }}\n data-testid=\"calendar-wrapper\"\n >\n <OutsideClickBox\n onClickOutside={onClickOutside}\n sx={{\n borderStyle: \"solid\",\n borderWidth: \"1px\",\n borderColor: \"cl_lightGrey\",\n minWidth: \"352px\",\n width: \"max-content\",\n backgroundColor: \"#fff\",\n m: \"auto\",\n borderRadius: \"4px\",\n zIndex,\n \".rdrDateRangePickerWrapper\": {\n width: \"100%\",\n flexDirection: \"column\",\n },\n \".rdrDefinedRangesWrapper\": {\n width: \"100%\",\n },\n \".rdrCalendarWrapper\": {\n display: customOptionSelected ? \"inline-flex\" : \"none\",\n },\n \".rdrInputRanges\": {\n display: \"none\",\n },\n \".rdrStaticRanges:before\": {\n fontSize: \"16px\",\n fontFamily: \"proxima-nova\",\n color: \"#9BA2B4\",\n fontWeight: \"300\",\n p: \"10px 20px\",\n },\n \".rdrStaticRange\": {\n fontSize: \"16px\",\n fontFamily: \"proxima-nova\",\n color: \"#434A54\",\n borderBottomWidth: \"0\",\n },\n }}\n >\n <ResponsiveTextV2 fontSizeWeight={[12, \"semi-bold\"]} ref={ref}>\n <DateRangePicker\n {...getCalendarProps(props)}\n direction=\"vertical\"\n staticRanges={getStaticRanges(true)}\n />\n </ResponsiveTextV2>\n\n <SelectedRangeText {...props} isMobile />\n\n <FrFrContainer p=\"10px 20px\">\n <PrimaryTextButton\n onClick={handleCancel}\n height=\"42px\"\n color=\"cl_darkGrey\"\n padding=\"0\"\n >\n Cancel\n </PrimaryTextButton>\n\n <ApplyButton {...props} />\n </FrFrContainer>\n </OutsideClickBox>\n </Box>\n );\n }\n);\n"],"names":["BaseDateRangeInputMobile","React","props","ref","zIndex","customOptionSelected","handleCancel","getStaticRanges","onClickOutside","event","jsx","Box","jsxs","OutsideClickBox","ResponsiveTextV2","DateRangePicker","getCalendarProps","SelectedRangeText","FrFrContainer","PrimaryTextButton","ApplyButton"],"mappings":";;;;;;;;;;;AAcO,MAAMA,IAA2BC,EAAM;AAAA,EAC5C,CAACC,GAAOC,MAAQ;AACd,UAAM,EAAE,QAAAC,GAAQ,sBAAAC,GAAsB,cAAAC,GAAc,iBAAAC,MAClDL,GAEIM,IAAiB,CAACC,MAA6C;AACnE,MAAAA,KAAA,QAAAA,EAAO,kBACMH;IAAA;AAIb,WAAAI,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,IAAI;AAAA,UACF,UAAU;AAAA,UACV,KAAK;AAAA,UACL,MAAM;AAAA,UACN,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,WAAW;AAAA,UACX,IAAI;AAAA,UACJ,IAAI;AAAA,QACN;AAAA,QACA,eAAY;AAAA,QAEZ,UAAAC,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,gBAAAL;AAAA,YACA,IAAI;AAAA,cACF,aAAa;AAAA,cACb,aAAa;AAAA,cACb,aAAa;AAAA,cACb,UAAU;AAAA,cACV,OAAO;AAAA,cACP,iBAAiB;AAAA,cACjB,GAAG;AAAA,cACH,cAAc;AAAA,cACd,QAAAJ;AAAA,cACA,8BAA8B;AAAA,gBAC5B,OAAO;AAAA,gBACP,eAAe;AAAA,cACjB;AAAA,cACA,4BAA4B;AAAA,gBAC1B,OAAO;AAAA,cACT;AAAA,cACA,uBAAuB;AAAA,gBACrB,SAASC,IAAuB,gBAAgB;AAAA,cAClD;AAAA,cACA,mBAAmB;AAAA,gBACjB,SAAS;AAAA,cACX;AAAA,cACA,2BAA2B;AAAA,gBACzB,UAAU;AAAA,gBACV,YAAY;AAAA,gBACZ,OAAO;AAAA,gBACP,YAAY;AAAA,gBACZ,GAAG;AAAA,cACL;AAAA,cACA,mBAAmB;AAAA,gBACjB,UAAU;AAAA,gBACV,YAAY;AAAA,gBACZ,OAAO;AAAA,gBACP,mBAAmB;AAAA,cACrB;AAAA,YACF;AAAA,YAEA,UAAA;AAAA,cAAAK,gBAAAA,MAACI,KAAiB,gBAAgB,CAAC,IAAI,WAAW,GAAG,KAAAX,GACnD,UAAAO,gBAAAA,EAAA;AAAA,gBAACK;AAAA,gBAAA;AAAA,kBACE,GAAGC,EAAiBd,CAAK;AAAA,kBAC1B,WAAU;AAAA,kBACV,cAAcK,EAAgB,EAAI;AAAA,gBAAA;AAAA,cAAA,GAEtC;AAAA,cAECG,gBAAAA,EAAA,IAAAO,GAAA,EAAmB,GAAGf,GAAO,UAAQ,GAAC,CAAA;AAAA,cAEvCU,gBAAAA,EAAAA,KAACM,GAAc,EAAA,GAAE,aACf,UAAA;AAAA,gBAAAR,gBAAAA,EAAA;AAAA,kBAACS;AAAA,kBAAA;AAAA,oBACC,SAASb;AAAA,oBACT,QAAO;AAAA,oBACP,OAAM;AAAA,oBACN,SAAQ;AAAA,oBACT,UAAA;AAAA,kBAAA;AAAA,gBAED;AAAA,gBAEAI,gBAAAA,EAAAA,IAACU,GAAa,EAAA,GAAGlB,GAAO;AAAA,cAAA,GAC1B;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;"}
1
+ {"version":3,"file":"sd-component-library281.js","sources":["../src/components/inputs/date-inputs/base-date-range-input/partials/base-date-range-input-desktop/base-date-range-input-desktop.tsx"],"sourcesContent":["import React from \"react\";\nimport { DateRangePicker } from \"react-date-range\";\n\nimport { Box } from \"rebass\";\n\nimport { PrimaryTextButton } from \"../../../../../buttons\";\nimport { Grid } from \"../../../../../containers\";\nimport { TenSb } from \"../../../../../texts/ten-sb\";\nimport { getCalendarProps } from \"../../utils\";\nimport { ApplyButton } from \"../apply-button\";\nimport { SelectedRangeText } from \"../selected-range-text\";\nimport { BaseDateRangeInputDesktopProps as Props } from \"./interfaces\";\n\nexport const BaseDateRangeInputDesktop: React.FC<Props> = (props) => {\n const {\n selectedRange,\n zIndex,\n getStaticRanges,\n handleCancel,\n quickSelectionLabel,\n alignCalendar,\n } = props;\n return (\n <Box\n sx={{\n overflowX: \"auto\",\n borderStyle: \"solid\",\n borderWidth: \"1px\",\n minWidth: \"max-content\",\n borderColor: \"cl_lightGrey\",\n position: \"absolute\",\n maxWidth: \"max-content\",\n width: \"max-content\",\n top: 0,\n left:\n alignCalendar === \"left\"\n ? \"0\"\n : alignCalendar === \"right\"\n ? \"unset\"\n : undefined,\n right:\n alignCalendar === \"right\"\n ? \"0\"\n : alignCalendar === \"left\"\n ? \"unset\"\n : undefined,\n margin: \"auto\",\n backgroundColor: \"#fff\",\n zIndex,\n \".rdrDateRangePickerWrapper\": {\n width: \"unset\",\n flexDirection: \"row\",\n },\n \".rdrDefinedRangesWrapper\": {\n width: \"226px\",\n },\n \".rdrCalendarWrapper\": {\n display: \"inline-flex\",\n },\n \".rdrInputRanges\": {\n display: \"none\",\n },\n \".rdrStaticRanges:before\": {\n content: quickSelectionLabel,\n fontSize: \"14px\",\n fontFamily: \"proxima-nova\",\n color: \"#9BA2B4\",\n fontWeight: \"300\",\n p: \"10px 20px\",\n },\n \".rdrStaticRange\": {\n fontSize: \"14px\",\n fontFamily: \"proxima-nova\",\n color: \"#434A54\",\n borderBottomWidth: \"1px\",\n },\n }}\n data-testid=\"calendar-wrapper\"\n >\n <TenSb>\n <DateRangePicker\n {...getCalendarProps(props)}\n direction=\"horizontal\"\n staticRanges={getStaticRanges()}\n />\n </TenSb>\n\n <Grid\n sx={{\n gridTemplateColumns: \"max-content 1fr max-content\",\n gap: \"30px\",\n p: \"10px\",\n borderTopWidth: \"1px\",\n borderTopStyle: \"solid\",\n borderTopColor: \"#CCD0DB\",\n }}\n >\n <PrimaryTextButton\n onClick={handleCancel}\n height=\"42px\"\n color=\"cl_darkGrey\"\n padding=\"0 0 0 10px\"\n >\n Cancel\n </PrimaryTextButton>\n\n <SelectedRangeText selectedRange={selectedRange} />\n\n <ApplyButton {...props} />\n </Grid>\n </Box>\n );\n};\n"],"names":["BaseDateRangeInputDesktop","props","selectedRange","zIndex","getStaticRanges","handleCancel","quickSelectionLabel","alignCalendar","jsxs","Box","jsx","TenSb","DateRangePicker","getCalendarProps","Grid","PrimaryTextButton","SelectedRangeText","ApplyButton"],"mappings":";;;;;;;;;AAaa,MAAAA,IAA6C,CAACC,MAAU;AAC7D,QAAA;AAAA,IACJ,eAAAC;AAAA,IACA,QAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,eAAAC;AAAA,EACE,IAAAN;AAEF,SAAAO,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,WAAW;AAAA,QACX,aAAa;AAAA,QACb,aAAa;AAAA,QACb,UAAU;AAAA,QACV,aAAa;AAAA,QACb,UAAU;AAAA,QACV,UAAU;AAAA,QACV,OAAO;AAAA,QACP,KAAK;AAAA,QACL,MACEF,MAAkB,SACd,MACAA,MAAkB,UAClB,UACA;AAAA,QACN,OACEA,MAAkB,UACd,MACAA,MAAkB,SAClB,UACA;AAAA,QACN,QAAQ;AAAA,QACR,iBAAiB;AAAA,QACjB,QAAAJ;AAAA,QACA,8BAA8B;AAAA,UAC5B,OAAO;AAAA,UACP,eAAe;AAAA,QACjB;AAAA,QACA,4BAA4B;AAAA,UAC1B,OAAO;AAAA,QACT;AAAA,QACA,uBAAuB;AAAA,UACrB,SAAS;AAAA,QACX;AAAA,QACA,mBAAmB;AAAA,UACjB,SAAS;AAAA,QACX;AAAA,QACA,2BAA2B;AAAA,UACzB,SAASG;AAAA,UACT,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,OAAO;AAAA,UACP,YAAY;AAAA,UACZ,GAAG;AAAA,QACL;AAAA,QACA,mBAAmB;AAAA,UACjB,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,OAAO;AAAA,UACP,mBAAmB;AAAA,QACrB;AAAA,MACF;AAAA,MACA,eAAY;AAAA,MAEZ,UAAA;AAAA,QAAAI,gBAAAA,MAACC,GACC,EAAA,UAAAD,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACE,GAAGC,EAAiBZ,CAAK;AAAA,YAC1B,WAAU;AAAA,YACV,cAAcG,EAAgB;AAAA,UAAA;AAAA,QAAA,GAElC;AAAA,QAEAI,gBAAAA,EAAA;AAAA,UAACM;AAAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,qBAAqB;AAAA,cACrB,KAAK;AAAA,cACL,GAAG;AAAA,cACH,gBAAgB;AAAA,cAChB,gBAAgB;AAAA,cAChB,gBAAgB;AAAA,YAClB;AAAA,YAEA,UAAA;AAAA,cAAAJ,gBAAAA,EAAA;AAAA,gBAACK;AAAA,gBAAA;AAAA,kBACC,SAASV;AAAA,kBACT,QAAO;AAAA,kBACP,OAAM;AAAA,kBACN,SAAQ;AAAA,kBACT,UAAA;AAAA,gBAAA;AAAA,cAED;AAAA,cAEAK,gBAAAA,MAACM,KAAkB,eAAAd,GAA8B;AAAA,cAEjDQ,gBAAAA,EAAAA,IAACO,GAAa,EAAA,GAAGhB,GAAO;AAAA,YAAA;AAAA,UAAA;AAAA,QAC1B;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
@@ -1,109 +1,13 @@
1
- import { j as e } from "./sd-component-library197.js";
2
- import { DateRangePicker as p } from "react-date-range";
3
- import { Box as l } from "rebass";
4
- import { getCalendarProps as x } from "./sd-component-library280.js";
5
- import { TenSb as m } from "./sd-component-library153.js";
6
- import { PrimaryTextButton as s } from "./sd-component-library22.js";
7
- import { SelectedRangeText as c } from "./sd-component-library315.js";
8
- import { ApplyButton as f } from "./sd-component-library316.js";
9
- import { GridContainerV2 as g } from "./sd-component-library38.js";
10
- const B = (r) => {
11
- const {
12
- selectedRange: o,
13
- zIndex: n,
14
- getStaticRanges: i,
15
- handleCancel: a,
16
- quickSelectionLabel: d,
17
- alignCalendar: t
18
- } = r;
19
- return /* @__PURE__ */ e.jsxs(
20
- l,
21
- {
22
- sx: {
23
- overflowX: "auto",
24
- borderStyle: "solid",
25
- borderWidth: "1px",
26
- minWidth: "max-content",
27
- borderColor: "cl_lightGrey",
28
- position: "absolute",
29
- maxWidth: "max-content",
30
- width: "max-content",
31
- top: 0,
32
- left: t === "left" ? "0" : t === "right" ? "unset" : void 0,
33
- right: t === "right" ? "0" : t === "left" ? "unset" : void 0,
34
- margin: "auto",
35
- backgroundColor: "#fff",
36
- zIndex: n,
37
- ".rdrDateRangePickerWrapper": {
38
- width: "unset",
39
- flexDirection: "row"
40
- },
41
- ".rdrDefinedRangesWrapper": {
42
- width: "226px"
43
- },
44
- ".rdrCalendarWrapper": {
45
- display: "inline-flex"
46
- },
47
- ".rdrInputRanges": {
48
- display: "none"
49
- },
50
- ".rdrStaticRanges:before": {
51
- content: d,
52
- fontSize: "14px",
53
- fontFamily: "proxima-nova",
54
- color: "#9BA2B4",
55
- fontWeight: "300",
56
- p: "10px 20px"
57
- },
58
- ".rdrStaticRange": {
59
- fontSize: "14px",
60
- fontFamily: "proxima-nova",
61
- color: "#434A54",
62
- borderBottomWidth: "1px"
63
- }
64
- },
65
- "data-testid": "calendar-wrapper",
66
- children: [
67
- /* @__PURE__ */ e.jsx(m, { children: /* @__PURE__ */ e.jsx(
68
- p,
69
- {
70
- ...x(r),
71
- direction: "horizontal",
72
- staticRanges: i()
73
- }
74
- ) }),
75
- /* @__PURE__ */ e.jsxs(
76
- g,
77
- {
78
- sx: {
79
- gridTemplateColumns: "max-content 1fr max-content",
80
- gap: "30px",
81
- p: "10px",
82
- borderTopWidth: "1px",
83
- borderTopStyle: "solid",
84
- borderTopColor: "#CCD0DB"
85
- },
86
- children: [
87
- /* @__PURE__ */ e.jsx(
88
- s,
89
- {
90
- onClick: a,
91
- height: "42px",
92
- color: "cl_darkGrey",
93
- padding: "0 0 0 10px",
94
- children: "Cancel"
95
- }
96
- ),
97
- /* @__PURE__ */ e.jsx(c, { selectedRange: o }),
98
- /* @__PURE__ */ e.jsx(f, { ...r })
99
- ]
100
- }
101
- )
102
- ]
103
- }
104
- );
105
- };
1
+ import * as e from "react";
2
+ const a = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 18.2, height: 20, viewBox: "0 0 18.2 20", ...t }, /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("style", null, `
3
+ .calendar{
4
+ fill:none;
5
+ stroke-linecap:round;
6
+ stroke-linejoin:round;
7
+ stroke-width:2px;
8
+ }
9
+ `)), /* @__PURE__ */ e.createElement("g", { transform: "translate(-3.5 -2)" }, /* @__PURE__ */ e.createElement("path", { className: "calendar", stroke: "current", d: "M6.3,6H18.9a1.8,1.8,0,0,1,1.8,1.8V20.4a1.8,1.8,0,0,1-1.8,1.8H6.3a1.8,1.8,0,0,1-1.8-1.8V7.8A1.8,1.8,0,0,1,6.3,6Z", transform: "translate(0 -1.2)" }), /* @__PURE__ */ e.createElement("path", { className: "calendar", stroke: "current", d: "M24,3V6.6", transform: "translate(-7.8 0)" }), /* @__PURE__ */ e.createElement("path", { className: "calendar", stroke: "current", d: "M12,3V6.6", transform: "translate(-3 0)" }), /* @__PURE__ */ e.createElement("path", { className: "calendar", stroke: "current", d: "M4.5,15H20.7", transform: "translate(0 -4.8)" })));
106
10
  export {
107
- B as BaseDateRangeInputDesktop
11
+ a as ReactComponent
108
12
  };
109
13
  //# sourceMappingURL=sd-component-library282.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"sd-component-library282.js","sources":["../src/components/inputs/date-inputs/base-date-range-input/partials/base-date-range-input-desktop/base-date-range-input-desktop.tsx"],"sourcesContent":["import React from \"react\";\nimport { DateRangePicker } from \"react-date-range\";\n\nimport { Box } from \"rebass\";\n\nimport { PrimaryTextButton } from \"../../../../../buttons\";\nimport { Grid } from \"../../../../../containers\";\nimport { TenSb } from \"../../../../../texts/ten-sb\";\nimport { getCalendarProps } from \"../../utils\";\nimport { ApplyButton } from \"../apply-button\";\nimport { SelectedRangeText } from \"../selected-range-text\";\nimport { BaseDateRangeInputDesktopProps as Props } from \"./interfaces\";\n\nexport const BaseDateRangeInputDesktop: React.FC<Props> = (props) => {\n const {\n selectedRange,\n zIndex,\n getStaticRanges,\n handleCancel,\n quickSelectionLabel,\n alignCalendar,\n } = props;\n return (\n <Box\n sx={{\n overflowX: \"auto\",\n borderStyle: \"solid\",\n borderWidth: \"1px\",\n minWidth: \"max-content\",\n borderColor: \"cl_lightGrey\",\n position: \"absolute\",\n maxWidth: \"max-content\",\n width: \"max-content\",\n top: 0,\n left:\n alignCalendar === \"left\"\n ? \"0\"\n : alignCalendar === \"right\"\n ? \"unset\"\n : undefined,\n right:\n alignCalendar === \"right\"\n ? \"0\"\n : alignCalendar === \"left\"\n ? \"unset\"\n : undefined,\n margin: \"auto\",\n backgroundColor: \"#fff\",\n zIndex,\n \".rdrDateRangePickerWrapper\": {\n width: \"unset\",\n flexDirection: \"row\",\n },\n \".rdrDefinedRangesWrapper\": {\n width: \"226px\",\n },\n \".rdrCalendarWrapper\": {\n display: \"inline-flex\",\n },\n \".rdrInputRanges\": {\n display: \"none\",\n },\n \".rdrStaticRanges:before\": {\n content: quickSelectionLabel,\n fontSize: \"14px\",\n fontFamily: \"proxima-nova\",\n color: \"#9BA2B4\",\n fontWeight: \"300\",\n p: \"10px 20px\",\n },\n \".rdrStaticRange\": {\n fontSize: \"14px\",\n fontFamily: \"proxima-nova\",\n color: \"#434A54\",\n borderBottomWidth: \"1px\",\n },\n }}\n data-testid=\"calendar-wrapper\"\n >\n <TenSb>\n <DateRangePicker\n {...getCalendarProps(props)}\n direction=\"horizontal\"\n staticRanges={getStaticRanges()}\n />\n </TenSb>\n\n <Grid\n sx={{\n gridTemplateColumns: \"max-content 1fr max-content\",\n gap: \"30px\",\n p: \"10px\",\n borderTopWidth: \"1px\",\n borderTopStyle: \"solid\",\n borderTopColor: \"#CCD0DB\",\n }}\n >\n <PrimaryTextButton\n onClick={handleCancel}\n height=\"42px\"\n color=\"cl_darkGrey\"\n padding=\"0 0 0 10px\"\n >\n Cancel\n </PrimaryTextButton>\n\n <SelectedRangeText selectedRange={selectedRange} />\n\n <ApplyButton {...props} />\n </Grid>\n </Box>\n );\n};\n"],"names":["BaseDateRangeInputDesktop","props","selectedRange","zIndex","getStaticRanges","handleCancel","quickSelectionLabel","alignCalendar","jsxs","Box","jsx","TenSb","DateRangePicker","getCalendarProps","Grid","PrimaryTextButton","SelectedRangeText","ApplyButton"],"mappings":";;;;;;;;;AAaa,MAAAA,IAA6C,CAACC,MAAU;AAC7D,QAAA;AAAA,IACJ,eAAAC;AAAA,IACA,QAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,eAAAC;AAAA,EACE,IAAAN;AAEF,SAAAO,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,WAAW;AAAA,QACX,aAAa;AAAA,QACb,aAAa;AAAA,QACb,UAAU;AAAA,QACV,aAAa;AAAA,QACb,UAAU;AAAA,QACV,UAAU;AAAA,QACV,OAAO;AAAA,QACP,KAAK;AAAA,QACL,MACEF,MAAkB,SACd,MACAA,MAAkB,UAClB,UACA;AAAA,QACN,OACEA,MAAkB,UACd,MACAA,MAAkB,SAClB,UACA;AAAA,QACN,QAAQ;AAAA,QACR,iBAAiB;AAAA,QACjB,QAAAJ;AAAA,QACA,8BAA8B;AAAA,UAC5B,OAAO;AAAA,UACP,eAAe;AAAA,QACjB;AAAA,QACA,4BAA4B;AAAA,UAC1B,OAAO;AAAA,QACT;AAAA,QACA,uBAAuB;AAAA,UACrB,SAAS;AAAA,QACX;AAAA,QACA,mBAAmB;AAAA,UACjB,SAAS;AAAA,QACX;AAAA,QACA,2BAA2B;AAAA,UACzB,SAASG;AAAA,UACT,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,OAAO;AAAA,UACP,YAAY;AAAA,UACZ,GAAG;AAAA,QACL;AAAA,QACA,mBAAmB;AAAA,UACjB,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,OAAO;AAAA,UACP,mBAAmB;AAAA,QACrB;AAAA,MACF;AAAA,MACA,eAAY;AAAA,MAEZ,UAAA;AAAA,QAAAI,gBAAAA,MAACC,GACC,EAAA,UAAAD,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACE,GAAGC,EAAiBZ,CAAK;AAAA,YAC1B,WAAU;AAAA,YACV,cAAcG,EAAgB;AAAA,UAAA;AAAA,QAAA,GAElC;AAAA,QAEAI,gBAAAA,EAAA;AAAA,UAACM;AAAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,qBAAqB;AAAA,cACrB,KAAK;AAAA,cACL,GAAG;AAAA,cACH,gBAAgB;AAAA,cAChB,gBAAgB;AAAA,cAChB,gBAAgB;AAAA,YAClB;AAAA,YAEA,UAAA;AAAA,cAAAJ,gBAAAA,EAAA;AAAA,gBAACK;AAAA,gBAAA;AAAA,kBACC,SAASV;AAAA,kBACT,QAAO;AAAA,kBACP,OAAM;AAAA,kBACN,SAAQ;AAAA,kBACT,UAAA;AAAA,gBAAA;AAAA,cAED;AAAA,cAEAK,gBAAAA,MAACM,KAAkB,eAAAd,GAA8B;AAAA,cAEjDQ,gBAAAA,EAAAA,IAACO,GAAa,EAAA,GAAGhB,GAAO;AAAA,YAAA;AAAA,UAAA;AAAA,QAC1B;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
1
+ {"version":3,"file":"sd-component-library282.js","sources":["../src/components/icons/calendar-icon/calendar.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOC4yIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMTguMiAyMCI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jYWxlbmRhcnsKICAgICAgICBmaWxsOm5vbmU7CiAgICAgICAgc3Ryb2tlLWxpbmVjYXA6cm91bmQ7CiAgICAgICAgc3Ryb2tlLWxpbmVqb2luOnJvdW5kOwogICAgICAgIHN0cm9rZS13aWR0aDoycHg7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zLjUgLTIpIj4KICAgIDxwYXRoIGNsYXNzPSJjYWxlbmRhciIgc3Ryb2tlPSJjdXJyZW50IiBkPSJNNi4zLDZIMTguOWExLjgsMS44LDAsMCwxLDEuOCwxLjhWMjAuNGExLjgsMS44LDAsMCwxLTEuOCwxLjhINi4zYTEuOCwxLjgsMCwwLDEtMS44LTEuOFY3LjhBMS44LDEuOCwwLDAsMSw2LjMsNloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTEuMikiLz4KICAgIDxwYXRoIGNsYXNzPSJjYWxlbmRhciIgc3Ryb2tlPSJjdXJyZW50IiBkPSJNMjQsM1Y2LjYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03LjggMCkiLz4KICAgIDxwYXRoIGNsYXNzPSJjYWxlbmRhciIgc3Ryb2tlPSJjdXJyZW50IiBkPSJNMTIsM1Y2LjYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zIDApIi8+CiAgICA8cGF0aCBjbGFzcz0iY2FsZW5kYXIiIHN0cm9rZT0iY3VycmVudCIgZD0iTTQuNSwxNUgyMC43IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC00LjgpIi8+CiAgPC9nPgo8L3N2Zz4=\""],"names":["SvgCalendar","props","React"],"mappings":";AACK,MAACA,IAAc,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,OAAO,MAAM,QAAQ,IAAI,SAAS,eAAe,GAAGD,KAAyB,gBAAAC,EAAM,cAAc,QAAQ,MAAsB,gBAAAA,EAAM,cAAc,SAAS,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAiJ,CAAC,GAAmB,gBAAAA,EAAM,cAAc,KAAK,EAAE,WAAW,wBAAwC,gBAAAA,EAAM,cAAc,QAAQ,EAAE,WAAW,YAAY,QAAQ,WAAW,GAAG,mHAAmH,WAAW,oBAAqB,CAAA,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,WAAW,YAAY,QAAQ,WAAW,GAAG,aAAa,WAAW,oBAAmB,CAAE,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,WAAW,YAAY,QAAQ,WAAW,GAAG,aAAa,WAAW,kBAAmB,CAAA,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,WAAW,YAAY,QAAQ,WAAW,GAAG,gBAAgB,WAAW,oBAAmB,CAAE,CAAC,CAAC;"}
@@ -1,8 +1,8 @@
1
1
  import { getDefaultExportFromCjs as e } from "./sd-component-library283.js";
2
- import { __module as r } from "./sd-component-library290.js";
3
- import { __require as o } from "./sd-component-library291.js";
4
- import { __require as p } from "./sd-component-library292.js";
5
- import { __require as t } from "./sd-component-library293.js";
2
+ import { __module as r } from "./sd-component-library291.js";
3
+ import { __require as o } from "./sd-component-library292.js";
4
+ import { __require as p } from "./sd-component-library293.js";
5
+ import { __require as t } from "./sd-component-library294.js";
6
6
  if (process.env.NODE_ENV !== "production") {
7
7
  var s = o(), i = !0;
8
8
  r.exports = p()(s.isElement, i);
@@ -1,5 +1,61 @@
1
- var p = { exports: {} };
1
+ import { j as e } from "./sd-component-library197.js";
2
+ import { useMemo as h } from "react";
3
+ import { Flex as p, Box as j } from "rebass";
4
+ import { SixteenRegular as l } from "./sd-component-library151.js";
5
+ import { ThirteenRegular as i } from "./sd-component-library155.js";
6
+ function b(o) {
7
+ const { synonyms: t, value: r, onSelect: c } = o, n = h(() => t[0], [t]), x = h(() => t.slice(1), [t]), a = h(() => {
8
+ const s = n.toLowerCase().indexOf(r.toLowerCase());
9
+ return /* @__PURE__ */ e.jsxs(p, { children: [
10
+ /* @__PURE__ */ e.jsx(l, { width: [""], cursor: "inherit", children: /* @__PURE__ */ e.jsx("span", { style: { whiteSpace: "pre" }, children: n.substring(0, s) }) }),
11
+ /* @__PURE__ */ e.jsx(l, { width: [""], color: "cl_purple", cursor: "inherit", children: /* @__PURE__ */ e.jsx("span", { style: { whiteSpace: "pre" }, children: n.substring(s, s + r.length) }) }),
12
+ /* @__PURE__ */ e.jsx(l, { width: [""], cursor: "inherit", children: /* @__PURE__ */ e.jsx("span", { style: { whiteSpace: "pre" }, children: n.substring(s + r.length) }) })
13
+ ] });
14
+ }, [n, r]);
15
+ return /* @__PURE__ */ e.jsxs(
16
+ j,
17
+ {
18
+ sx: {
19
+ p: "10px 16px",
20
+ cursor: "pointer"
21
+ },
22
+ onClick: (s) => c(n),
23
+ "data-test": "result-box",
24
+ children: [
25
+ a,
26
+ /* @__PURE__ */ e.jsx(p, { flexWrap: "wrap", children: x.map((s, d, u) => /* @__PURE__ */ e.jsx(
27
+ m,
28
+ {
29
+ value: r,
30
+ synonym: s,
31
+ appendSlash: d !== u.length - 1
32
+ },
33
+ s
34
+ )) })
35
+ ]
36
+ }
37
+ );
38
+ }
39
+ const m = (o) => {
40
+ const { value: t, synonym: r, appendSlash: c } = o, n = r.toLowerCase().indexOf(t.toLowerCase());
41
+ return /* @__PURE__ */ e.jsxs(p, { children: [
42
+ n !== -1 ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
43
+ /* @__PURE__ */ e.jsx(i, { width: [""], cursor: "inherit", children: /* @__PURE__ */ e.jsx("span", { style: { whiteSpace: "pre" }, children: r.substring(0, n) }) }),
44
+ /* @__PURE__ */ e.jsx(i, { width: [""], color: "cl_purple", cursor: "inherit", children: /* @__PURE__ */ e.jsx("span", { style: { whiteSpace: "pre" }, children: r.substring(n, n + t.length) }) }),
45
+ /* @__PURE__ */ e.jsx(i, { width: [""], cursor: "inherit", children: /* @__PURE__ */ e.jsx("span", { style: { whiteSpace: "pre" }, children: r.substring(n + t.length) }) })
46
+ ] }) : /* @__PURE__ */ e.jsx(i, { width: [""], cursor: "inherit", children: /* @__PURE__ */ e.jsx("span", { style: { whiteSpace: "pre" }, children: r }) }),
47
+ c && /* @__PURE__ */ e.jsx(
48
+ i,
49
+ {
50
+ color: "cl_darkGrey",
51
+ width: ["12px"],
52
+ textAlign: "center",
53
+ children: "/"
54
+ }
55
+ )
56
+ ] }, r);
57
+ };
2
58
  export {
3
- p as __module
59
+ b as AutocompleteOptionBox
4
60
  };
5
61
  //# sourceMappingURL=sd-component-library290.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"sd-component-library290.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
1
+ {"version":3,"file":"sd-component-library290.js","sources":["../src/components/inputs/autocomplete-input/partials/autocomplete-option-box/autocomplete-option-box.tsx"],"sourcesContent":["import React, { PropsWithChildren, useMemo } from \"react\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { SixteenRegular } from \"../../../../texts/sixteen-regular\";\nimport { ThirteenRegular } from \"../../../../texts/thirteen-regular\";\nimport { AutocompleteOptionBox as Props } from \"./interfaces\";\n\nexport function AutocompleteOptionBox<T>(props: PropsWithChildren<Props<T>>) {\n const { synonyms, value, onSelect } = props;\n\n /* Synonym that first matches the query */\n const matchingSynonym = useMemo(() => synonyms[0], [synonyms]);\n /* List of synonyms to be displayed below the matching synonym */\n const otherSynonyms = useMemo(() => synonyms.slice(1), [synonyms]);\n\n const renderMatchingSynonym = useMemo(() => {\n const startIndex = matchingSynonym\n .toLowerCase()\n .indexOf(value.toLowerCase());\n\n return (\n <Flex>\n <SixteenRegular width={[\"\"]} cursor={\"inherit\"}>\n <span style={{ whiteSpace: \"pre\" }}>\n {matchingSynonym.substring(0, startIndex)}\n </span>\n </SixteenRegular>\n <SixteenRegular width={[\"\"]} color=\"cl_purple\" cursor={\"inherit\"}>\n <span style={{ whiteSpace: \"pre\" }}>\n {matchingSynonym.substring(startIndex, startIndex + value.length)}\n </span>\n </SixteenRegular>\n <SixteenRegular width={[\"\"]} cursor={\"inherit\"}>\n <span style={{ whiteSpace: \"pre\" }}>\n {matchingSynonym.substring(startIndex + value.length)}\n </span>\n </SixteenRegular>\n </Flex>\n );\n }, [matchingSynonym, value]);\n\n return (\n <Box\n sx={{\n p: \"10px 16px\",\n cursor: \"pointer\",\n }}\n onClick={(x) => onSelect(matchingSynonym)}\n data-test=\"result-box\"\n >\n {renderMatchingSynonym}\n <Flex flexWrap=\"wrap\">\n {otherSynonyms.map((synonym, idx, arr) => (\n <OtherSynonym\n key={synonym}\n value={value}\n synonym={synonym}\n appendSlash={idx !== arr.length - 1}\n />\n ))}\n </Flex>\n </Box>\n );\n}\n\nconst OtherSynonym: React.FC<{\n value: string;\n synonym: string;\n appendSlash: boolean;\n}> = (props) => {\n const { value, synonym, appendSlash } = props;\n const matchIdx = synonym.toLowerCase().indexOf(value.toLowerCase());\n\n return (\n <Flex key={synonym}>\n {matchIdx !== -1 ? (\n <>\n <ThirteenRegular width={[\"\"]} cursor={\"inherit\"}>\n <span style={{ whiteSpace: \"pre\" }}>\n {synonym.substring(0, matchIdx)}\n </span>\n </ThirteenRegular>\n <ThirteenRegular width={[\"\"]} color=\"cl_purple\" cursor={\"inherit\"}>\n <span style={{ whiteSpace: \"pre\" }}>\n {synonym.substring(matchIdx, matchIdx + value.length)}\n </span>\n </ThirteenRegular>\n <ThirteenRegular width={[\"\"]} cursor={\"inherit\"}>\n <span style={{ whiteSpace: \"pre\" }}>\n {synonym.substring(matchIdx + value.length)}\n </span>\n </ThirteenRegular>\n </>\n ) : (\n <ThirteenRegular width={[\"\"]} cursor={\"inherit\"}>\n <span style={{ whiteSpace: \"pre\" }}>{synonym}</span>\n </ThirteenRegular>\n )}\n\n {appendSlash && (\n <ThirteenRegular\n color=\"cl_darkGrey\"\n width={[\"12px\"]}\n textAlign=\"center\"\n >\n /\n </ThirteenRegular>\n )}\n </Flex>\n );\n};\n"],"names":["AutocompleteOptionBox","props","synonyms","value","onSelect","matchingSynonym","useMemo","otherSynonyms","renderMatchingSynonym","startIndex","Flex","jsx","SixteenRegular","jsxs","Box","x","synonym","idx","arr","OtherSynonym","appendSlash","matchIdx","Fragment","ThirteenRegular"],"mappings":"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"}
@@ -1,11 +1,5 @@
1
- import { __module as e } from "./sd-component-library308.js";
2
- import { __require as o } from "./sd-component-library309.js";
3
- import { __require as t } from "./sd-component-library310.js";
4
- var r;
5
- function p() {
6
- return r ? e.exports : (r = 1, process.env.NODE_ENV === "production" ? e.exports = o() : e.exports = t(), e.exports);
7
- }
1
+ var p = { exports: {} };
8
2
  export {
9
- p as __require
3
+ p as __module
10
4
  };
11
5
  //# sourceMappingURL=sd-component-library291.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"sd-component-library291.js","sources":["../node_modules/react-is/index.js"],"sourcesContent":["'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n module.exports = require('./cjs/react-is.production.min.js');\n} else {\n module.exports = require('./cjs/react-is.development.js');\n}\n"],"names":["reactIsModule","require$$0","require$$1"],"mappings":";;;;;iCAEI,QAAQ,IAAI,aAAa,eAC3BA,EAAA,UAAiBC,MAEjBD,EAAA,UAAiBE;;","x_google_ignoreList":[0]}
1
+ {"version":3,"file":"sd-component-library291.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}