se-design 0.0.111 → 0.0.113

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 (268) hide show
  1. package/dist/assets/icons/edit-text.svg +3 -0
  2. package/dist/assets/icons/fields-create.svg +3 -0
  3. package/dist/assets/icons/fields-panel.svg +3 -0
  4. package/dist/assets/icons/fill-and-sign.svg +10 -0
  5. package/dist/assets/icons/image-field.svg +19 -0
  6. package/dist/assets/icons/reset.svg +3 -0
  7. package/dist/assets/icons/rotate-left.svg +3 -0
  8. package/dist/assets/icons/rotate-right.svg +3 -0
  9. package/dist/assets/icons/success-check.svg +12 -0
  10. package/dist/assets/style.css +1 -1
  11. package/dist/components/Banner/index.d.ts +4 -0
  12. package/dist/components/Button/index.d.ts +1 -1
  13. package/dist/components/CustomAccordion/index.d.ts +2 -0
  14. package/dist/components/Dropdown/index.d.ts +2 -0
  15. package/dist/components/Icon/index.d.ts +1 -0
  16. package/dist/components/LabelChip/index.d.ts +1 -0
  17. package/dist/components/NavigationBar/index.d.ts +14 -0
  18. package/dist/components/Popover/index.d.ts +1 -0
  19. package/dist/components/SearchBox/index.d.ts +13 -0
  20. package/dist/components/Tabs/index.d.ts +1 -0
  21. package/dist/components/ToastBar/index.d.ts +4 -3
  22. package/dist/components/index.d.ts +2 -0
  23. package/dist/index.js +37 -33
  24. package/dist/index.js.map +1 -1
  25. package/dist/index100.js +1 -1
  26. package/dist/index100.js.map +1 -1
  27. package/dist/index101.js +2 -2
  28. package/dist/index101.js.map +1 -1
  29. package/dist/index102.js +2 -149
  30. package/dist/index102.js.map +1 -1
  31. package/dist/index103.js +5 -0
  32. package/dist/index103.js.map +1 -0
  33. package/dist/index104.js +5 -0
  34. package/dist/index104.js.map +1 -0
  35. package/dist/index105.js +5 -0
  36. package/dist/index105.js.map +1 -0
  37. package/dist/index106.js +5 -0
  38. package/dist/index106.js.map +1 -0
  39. package/dist/index107.js +5 -0
  40. package/dist/index107.js.map +1 -0
  41. package/dist/index108.js +5 -0
  42. package/dist/index108.js.map +1 -0
  43. package/dist/index109.js +5 -0
  44. package/dist/index109.js.map +1 -0
  45. package/dist/index110.js +5 -0
  46. package/dist/index110.js.map +1 -0
  47. package/dist/index111.js +5 -0
  48. package/dist/index111.js.map +1 -0
  49. package/dist/index112.js +5 -0
  50. package/dist/index112.js.map +1 -0
  51. package/dist/index113.js +152 -0
  52. package/dist/index113.js.map +1 -0
  53. package/dist/index124.js +11 -5
  54. package/dist/index124.js.map +1 -1
  55. package/dist/index132.js +1232 -75
  56. package/dist/index132.js.map +1 -1
  57. package/dist/index133.js +9 -92
  58. package/dist/index133.js.map +1 -1
  59. package/dist/index134.js +8 -50
  60. package/dist/index134.js.map +1 -1
  61. package/dist/index135.js +4 -7
  62. package/dist/index135.js.map +1 -1
  63. package/dist/index136.js +170 -5
  64. package/dist/index136.js.map +1 -1
  65. package/dist/index137.js +11 -52
  66. package/dist/index137.js.map +1 -1
  67. package/dist/index138.js +6 -2
  68. package/dist/index138.js.map +1 -1
  69. package/dist/index139.js +6 -2
  70. package/dist/index139.js.map +1 -1
  71. package/dist/{index126.js → index140.js} +1 -1
  72. package/dist/{index126.js.map → index140.js.map} +1 -1
  73. package/dist/{index127.js → index141.js} +1 -1
  74. package/dist/index141.js.map +1 -0
  75. package/dist/index142.js +11 -0
  76. package/dist/{index128.js.map → index142.js.map} +1 -1
  77. package/dist/{index129.js → index143.js} +6 -6
  78. package/dist/{index129.js.map → index143.js.map} +1 -1
  79. package/dist/{index130.js → index144.js} +2 -2
  80. package/dist/{index130.js.map → index144.js.map} +1 -1
  81. package/dist/{index131.js → index145.js} +1 -1
  82. package/dist/index145.js.map +1 -0
  83. package/dist/index146.js +79 -0
  84. package/dist/index146.js.map +1 -0
  85. package/dist/index147.js +96 -0
  86. package/dist/index147.js.map +1 -0
  87. package/dist/index148.js +55 -0
  88. package/dist/index148.js.map +1 -0
  89. package/dist/index149.js +11 -0
  90. package/dist/index149.js.map +1 -0
  91. package/dist/index150.js +8 -0
  92. package/dist/index150.js.map +1 -0
  93. package/dist/index151.js +55 -0
  94. package/dist/index151.js.map +1 -0
  95. package/dist/index152.js +5 -0
  96. package/dist/index152.js.map +1 -0
  97. package/dist/index153.js +5 -0
  98. package/dist/index153.js.map +1 -0
  99. package/dist/index16.js +21 -19
  100. package/dist/index16.js.map +1 -1
  101. package/dist/index17.js +1 -1
  102. package/dist/index17.js.map +1 -1
  103. package/dist/index22.js +43 -37
  104. package/dist/index22.js.map +1 -1
  105. package/dist/index26.js +54 -22
  106. package/dist/index26.js.map +1 -1
  107. package/dist/index27.js +34 -22
  108. package/dist/index27.js.map +1 -1
  109. package/dist/index29.js +3 -3
  110. package/dist/index29.js.map +1 -1
  111. package/dist/index3.js +16 -15
  112. package/dist/index3.js.map +1 -1
  113. package/dist/index33.js +33 -23
  114. package/dist/index33.js.map +1 -1
  115. package/dist/index36.js +75 -31
  116. package/dist/index36.js.map +1 -1
  117. package/dist/index37.js +26 -44
  118. package/dist/index37.js.map +1 -1
  119. package/dist/index38.js +45 -64
  120. package/dist/index38.js.map +1 -1
  121. package/dist/index39.js +63 -46
  122. package/dist/index39.js.map +1 -1
  123. package/dist/index4.js +118 -94
  124. package/dist/index4.js.map +1 -1
  125. package/dist/index40.js +61 -69
  126. package/dist/index40.js.map +1 -1
  127. package/dist/index41.js +68 -81
  128. package/dist/index41.js.map +1 -1
  129. package/dist/index42.js +84 -35
  130. package/dist/index42.js.map +1 -1
  131. package/dist/index43.js +33 -24
  132. package/dist/index43.js.map +1 -1
  133. package/dist/index44.js +30 -2
  134. package/dist/index44.js.map +1 -1
  135. package/dist/index45.js +30 -2
  136. package/dist/index45.js.map +1 -1
  137. package/dist/index46.js +1 -1
  138. package/dist/index46.js.map +1 -1
  139. package/dist/index47.js +1 -1
  140. package/dist/index47.js.map +1 -1
  141. package/dist/index48.js +1 -1
  142. package/dist/index48.js.map +1 -1
  143. package/dist/index49.js +1 -1
  144. package/dist/index49.js.map +1 -1
  145. package/dist/index50.js +1 -1
  146. package/dist/index50.js.map +1 -1
  147. package/dist/index51.js +1 -1
  148. package/dist/index51.js.map +1 -1
  149. package/dist/index52.js +1 -1
  150. package/dist/index52.js.map +1 -1
  151. package/dist/index53.js +1 -1
  152. package/dist/index53.js.map +1 -1
  153. package/dist/index54.js +1 -1
  154. package/dist/index54.js.map +1 -1
  155. package/dist/index55.js +1 -1
  156. package/dist/index55.js.map +1 -1
  157. package/dist/index56.js +1 -1
  158. package/dist/index56.js.map +1 -1
  159. package/dist/index57.js +1 -1
  160. package/dist/index57.js.map +1 -1
  161. package/dist/index58.js +1 -1
  162. package/dist/index58.js.map +1 -1
  163. package/dist/index59.js +2 -2
  164. package/dist/index59.js.map +1 -1
  165. package/dist/index6.js +1 -1
  166. package/dist/index6.js.map +1 -1
  167. package/dist/index60.js +1 -1
  168. package/dist/index60.js.map +1 -1
  169. package/dist/index61.js +2 -2
  170. package/dist/index61.js.map +1 -1
  171. package/dist/index62.js +1 -1
  172. package/dist/index62.js.map +1 -1
  173. package/dist/index63.js +1 -1
  174. package/dist/index63.js.map +1 -1
  175. package/dist/index64.js +1 -1
  176. package/dist/index64.js.map +1 -1
  177. package/dist/index65.js +2 -2
  178. package/dist/index65.js.map +1 -1
  179. package/dist/index66.js +1 -1
  180. package/dist/index66.js.map +1 -1
  181. package/dist/index67.js +1 -1
  182. package/dist/index67.js.map +1 -1
  183. package/dist/index68.js +2 -2
  184. package/dist/index68.js.map +1 -1
  185. package/dist/index69.js +1 -1
  186. package/dist/index69.js.map +1 -1
  187. package/dist/index70.js +1 -1
  188. package/dist/index70.js.map +1 -1
  189. package/dist/index71.js +1 -1
  190. package/dist/index71.js.map +1 -1
  191. package/dist/index72.js +1 -1
  192. package/dist/index72.js.map +1 -1
  193. package/dist/index73.js +2 -2
  194. package/dist/index73.js.map +1 -1
  195. package/dist/index74.js +2 -2
  196. package/dist/index74.js.map +1 -1
  197. package/dist/index75.js +1 -1
  198. package/dist/index75.js.map +1 -1
  199. package/dist/index76.js +1 -1
  200. package/dist/index76.js.map +1 -1
  201. package/dist/index77.js +1 -1
  202. package/dist/index77.js.map +1 -1
  203. package/dist/index78.js +1 -1
  204. package/dist/index78.js.map +1 -1
  205. package/dist/index79.js +1 -1
  206. package/dist/index79.js.map +1 -1
  207. package/dist/index8.js +19 -20
  208. package/dist/index8.js.map +1 -1
  209. package/dist/index80.js +1 -1
  210. package/dist/index80.js.map +1 -1
  211. package/dist/index81.js +1 -1
  212. package/dist/index81.js.map +1 -1
  213. package/dist/index82.js +2 -2
  214. package/dist/index82.js.map +1 -1
  215. package/dist/index83.js +2 -2
  216. package/dist/index83.js.map +1 -1
  217. package/dist/index84.js +1 -1
  218. package/dist/index84.js.map +1 -1
  219. package/dist/index85.js +1 -1
  220. package/dist/index85.js.map +1 -1
  221. package/dist/index86.js +1 -1
  222. package/dist/index86.js.map +1 -1
  223. package/dist/index87.js +1 -1
  224. package/dist/index87.js.map +1 -1
  225. package/dist/index88.js +1 -1
  226. package/dist/index88.js.map +1 -1
  227. package/dist/index89.js +2 -2
  228. package/dist/index89.js.map +1 -1
  229. package/dist/index90.js +2 -2
  230. package/dist/index90.js.map +1 -1
  231. package/dist/index91.js +1 -1
  232. package/dist/index91.js.map +1 -1
  233. package/dist/index92.js +2 -2
  234. package/dist/index92.js.map +1 -1
  235. package/dist/index93.js +1 -1
  236. package/dist/index93.js.map +1 -1
  237. package/dist/index94.js +2 -2
  238. package/dist/index94.js.map +1 -1
  239. package/dist/index95.js +1 -1
  240. package/dist/index95.js.map +1 -1
  241. package/dist/index96.js +1 -1
  242. package/dist/index96.js.map +1 -1
  243. package/dist/index97.js +1 -1
  244. package/dist/index97.js.map +1 -1
  245. package/dist/index98.js +1 -1
  246. package/dist/index98.js.map +1 -1
  247. package/dist/index99.js +2 -2
  248. package/dist/index99.js.map +1 -1
  249. package/dist/typographyMixin.scss +60 -21
  250. package/package.json +1 -1
  251. package/dist/index118.js +0 -1236
  252. package/dist/index118.js.map +0 -1
  253. package/dist/index119.js +0 -13
  254. package/dist/index119.js.map +0 -1
  255. package/dist/index120.js +0 -13
  256. package/dist/index120.js.map +0 -1
  257. package/dist/index121.js +0 -8
  258. package/dist/index121.js.map +0 -1
  259. package/dist/index122.js +0 -173
  260. package/dist/index122.js.map +0 -1
  261. package/dist/index123.js +0 -14
  262. package/dist/index123.js.map +0 -1
  263. package/dist/index125.js +0 -9
  264. package/dist/index125.js.map +0 -1
  265. package/dist/index127.js.map +0 -1
  266. package/dist/index128.js +0 -11
  267. package/dist/index131.js.map +0 -1
  268. /package/dist/assets/icons/{down.svg → chevron-down.svg} +0 -0
package/dist/index4.js CHANGED
@@ -1,9 +1,7 @@
1
- import v from "./index44.js";
2
- import l from "./index45.js";
3
- import a from "./index46.js";
1
+ import l from "./index46.js";
4
2
  import n from "./index47.js";
5
- import b from "./index48.js";
6
- import f from "./index49.js";
3
+ import f from "./index48.js";
4
+ import b from "./index49.js";
7
5
  import p from "./index50.js";
8
6
  import d from "./index51.js";
9
7
  import h from "./index52.js";
@@ -13,17 +11,17 @@ import x from "./index55.js";
13
11
  import w from "./index56.js";
14
12
  import A from "./index57.js";
15
13
  import I from "./index58.js";
16
- import E from "./index59.js";
17
- import F from "./index60.js";
18
- import N from "./index61.js";
19
- import C from "./index62.js";
20
- import O from "./index63.js";
21
- import $ from "./index64.js";
22
- import j from "./index65.js";
23
- import y from "./index66.js";
24
- import M from "./index67.js";
25
- import P from "./index68.js";
26
- import R from "./index69.js";
14
+ import C from "./index59.js";
15
+ import E from "./index60.js";
16
+ import F from "./index61.js";
17
+ import N from "./index62.js";
18
+ import $ from "./index63.js";
19
+ import O from "./index64.js";
20
+ import R from "./index65.js";
21
+ import j from "./index66.js";
22
+ import y from "./index67.js";
23
+ import M from "./index68.js";
24
+ import P from "./index69.js";
27
25
  import S from "./index70.js";
28
26
  import G from "./index71.js";
29
27
  import T from "./index72.js";
@@ -45,102 +43,128 @@ import Z from "./index87.js";
45
43
  import ss from "./index88.js";
46
44
  import os from "./index89.js";
47
45
  import _s from "./index90.js";
48
- import is from "./index91.js";
49
- import ts from "./index92.js";
46
+ import ts from "./index91.js";
47
+ import is from "./index92.js";
50
48
  import rs from "./index93.js";
51
49
  import es from "./index94.js";
52
50
  import cs from "./index95.js";
53
51
  import ms from "./index96.js";
54
52
  import gs from "./index97.js";
55
53
  import vs from "./index98.js";
56
- import ls from "./index99.js";
57
- import as from "./index100.js";
54
+ import as from "./index99.js";
55
+ import ls from "./index100.js";
58
56
  import ns from "./index101.js";
57
+ import fs from "./index102.js";
58
+ import bs from "./index103.js";
59
+ import ps from "./index104.js";
60
+ import ds from "./index105.js";
61
+ import hs from "./index106.js";
62
+ import ks from "./index107.js";
63
+ import us from "./index108.js";
64
+ import xs from "./index109.js";
65
+ import ws from "./index110.js";
66
+ import As from "./index111.js";
67
+ import Is from "./index112.js";
59
68
  import r from "react";
60
- import { ReactSVG as bs } from "./index102.js";
61
- const fs = /* @__PURE__ */ Object.assign({
62
- "/src/assets/icons/attachment.svg": v,
63
- "/src/assets/icons/back.svg": l,
64
- "/src/assets/icons/banner-demo-img.svg": a,
65
- "/src/assets/icons/checkbox-disabled-minus.svg": n,
66
- "/src/assets/icons/checkbox-disabled-tick.svg": b,
67
- "/src/assets/icons/checkbox-disabled.svg": f,
68
- "/src/assets/icons/checkbox-field.svg": p,
69
- "/src/assets/icons/checkbox-fill.svg": d,
70
- "/src/assets/icons/checkbox-hover-fill.svg": h,
71
- "/src/assets/icons/checkbox-hover-minus.svg": k,
72
- "/src/assets/icons/checkbox-hover-tick.svg": u,
73
- "/src/assets/icons/checkbox-minus.svg": x,
74
- "/src/assets/icons/checkbox-tick.svg": w,
75
- "/src/assets/icons/checked-circle-disabled.svg": A,
76
- "/src/assets/icons/checked-circle-green.svg": I,
77
- "/src/assets/icons/checked-circle-white.svg": E,
78
- "/src/assets/icons/checkmark.svg": F,
79
- "/src/assets/icons/clock.svg": N,
80
- "/src/assets/icons/close.svg": C,
81
- "/src/assets/icons/date-field.svg": O,
82
- "/src/assets/icons/delete.svg": $,
83
- "/src/assets/icons/docFile.svg": j,
84
- "/src/assets/icons/down.svg": y,
85
- "/src/assets/icons/download.svg": M,
86
- "/src/assets/icons/email-field.svg": P,
87
- "/src/assets/icons/email.svg": R,
88
- "/src/assets/icons/file-red.svg": S,
89
- "/src/assets/icons/folder.svg": G,
90
- "/src/assets/icons/hamburger.svg": T,
91
- "/src/assets/icons/home.svg": V,
92
- "/src/assets/icons/info-brown.svg": q,
93
- "/src/assets/icons/info-white.svg": z,
94
- "/src/assets/icons/initials-field.svg": B,
95
- "/src/assets/icons/kebab-menu-blue.svg": D,
96
- "/src/assets/icons/kebab-menu.svg": H,
97
- "/src/assets/icons/name-field.svg": J,
98
- "/src/assets/icons/next.svg": K,
99
- "/src/assets/icons/padlock.svg": L,
100
- "/src/assets/icons/pages.svg": Q,
101
- "/src/assets/icons/pdfFile.svg": U,
102
- "/src/assets/icons/people.svg": W,
103
- "/src/assets/icons/photo.svg": X,
104
- "/src/assets/icons/radio-field.svg": Y,
105
- "/src/assets/icons/rightSide.svg": Z,
106
- "/src/assets/icons/rounded-plus.svg": ss,
107
- "/src/assets/icons/search.svg": os,
108
- "/src/assets/icons/signature-field.svg": _s,
109
- "/src/assets/icons/slideout.svg": is,
110
- "/src/assets/icons/sms.svg": ts,
111
- "/src/assets/icons/sort.svg": rs,
112
- "/src/assets/icons/space.svg": es,
113
- "/src/assets/icons/stamp-field.svg": cs,
114
- "/src/assets/icons/text-field.svg": ms,
115
- "/src/assets/icons/tick.svg": gs,
116
- "/src/assets/icons/title-field.svg": vs,
117
- "/src/assets/icons/webinar-widget.svg": ls,
118
- "/src/assets/icons/white-close.svg": as,
119
- "/src/assets/icons/widget-demo-image.svg": ns
69
+ import { ReactSVG as Cs } from "./index113.js";
70
+ const Es = /* @__PURE__ */ Object.assign({
71
+ "/src/assets/icons/attachment.svg": l,
72
+ "/src/assets/icons/back.svg": n,
73
+ "/src/assets/icons/banner-demo-img.svg": f,
74
+ "/src/assets/icons/checkbox-disabled-minus.svg": b,
75
+ "/src/assets/icons/checkbox-disabled-tick.svg": p,
76
+ "/src/assets/icons/checkbox-disabled.svg": d,
77
+ "/src/assets/icons/checkbox-field.svg": h,
78
+ "/src/assets/icons/checkbox-fill.svg": k,
79
+ "/src/assets/icons/checkbox-hover-fill.svg": u,
80
+ "/src/assets/icons/checkbox-hover-minus.svg": x,
81
+ "/src/assets/icons/checkbox-hover-tick.svg": w,
82
+ "/src/assets/icons/checkbox-minus.svg": A,
83
+ "/src/assets/icons/checkbox-tick.svg": I,
84
+ "/src/assets/icons/checked-circle-disabled.svg": C,
85
+ "/src/assets/icons/checked-circle-green.svg": E,
86
+ "/src/assets/icons/checked-circle-white.svg": F,
87
+ "/src/assets/icons/checkmark.svg": N,
88
+ "/src/assets/icons/chevron-down.svg": $,
89
+ "/src/assets/icons/clock.svg": O,
90
+ "/src/assets/icons/close.svg": R,
91
+ "/src/assets/icons/date-field.svg": j,
92
+ "/src/assets/icons/delete.svg": y,
93
+ "/src/assets/icons/docFile.svg": M,
94
+ "/src/assets/icons/download.svg": P,
95
+ "/src/assets/icons/edit-text.svg": S,
96
+ "/src/assets/icons/email-field.svg": G,
97
+ "/src/assets/icons/email.svg": T,
98
+ "/src/assets/icons/fields-create.svg": V,
99
+ "/src/assets/icons/fields-panel.svg": q,
100
+ "/src/assets/icons/file-red.svg": z,
101
+ "/src/assets/icons/fill-and-sign.svg": B,
102
+ "/src/assets/icons/folder.svg": D,
103
+ "/src/assets/icons/hamburger.svg": H,
104
+ "/src/assets/icons/home.svg": J,
105
+ "/src/assets/icons/image-field.svg": K,
106
+ "/src/assets/icons/info-brown.svg": L,
107
+ "/src/assets/icons/info-white.svg": Q,
108
+ "/src/assets/icons/initials-field.svg": U,
109
+ "/src/assets/icons/kebab-menu-blue.svg": W,
110
+ "/src/assets/icons/kebab-menu.svg": X,
111
+ "/src/assets/icons/name-field.svg": Y,
112
+ "/src/assets/icons/next.svg": Z,
113
+ "/src/assets/icons/padlock.svg": ss,
114
+ "/src/assets/icons/pages.svg": os,
115
+ "/src/assets/icons/pdfFile.svg": _s,
116
+ "/src/assets/icons/people.svg": ts,
117
+ "/src/assets/icons/photo.svg": is,
118
+ "/src/assets/icons/radio-field.svg": rs,
119
+ "/src/assets/icons/reset.svg": es,
120
+ "/src/assets/icons/rightSide.svg": cs,
121
+ "/src/assets/icons/rotate-left.svg": ms,
122
+ "/src/assets/icons/rotate-right.svg": gs,
123
+ "/src/assets/icons/rounded-plus.svg": vs,
124
+ "/src/assets/icons/search.svg": as,
125
+ "/src/assets/icons/signature-field.svg": ls,
126
+ "/src/assets/icons/slideout.svg": ns,
127
+ "/src/assets/icons/sms.svg": fs,
128
+ "/src/assets/icons/sort.svg": bs,
129
+ "/src/assets/icons/space.svg": ps,
130
+ "/src/assets/icons/stamp-field.svg": ds,
131
+ "/src/assets/icons/success-check.svg": hs,
132
+ "/src/assets/icons/text-field.svg": ks,
133
+ "/src/assets/icons/tick.svg": us,
134
+ "/src/assets/icons/title-field.svg": xs,
135
+ "/src/assets/icons/webinar-widget.svg": ws,
136
+ "/src/assets/icons/white-close.svg": As,
137
+ "/src/assets/icons/widget-demo-image.svg": Is
120
138
  }), e = (s, o, _) => {
121
- o && s.hasAttribute("fill") && s.getAttribute("fill") !== "none" && s.setAttribute("fill", o), _ && s.hasAttribute("stroke") && s.setAttribute("stroke", _), Array.from(s.children).forEach((i) => {
122
- e(i, o, _);
139
+ o && s.hasAttribute("fill") && s.getAttribute("fill") !== "none" && s.setAttribute("fill", o), _ && s.hasAttribute("stroke") && s.setAttribute("stroke", _), Array.from(s.children).forEach((t) => {
140
+ e(t, o, _);
123
141
  });
124
- }, Ao = (s) => {
142
+ }, Do = (s) => {
125
143
  const {
126
144
  name: o = "",
127
145
  className: _ = "",
128
- onClick: i,
146
+ onClick: t,
129
147
  fill: c,
130
- stroke: m
131
- } = s, t = fs[`/src/assets/icons/${o}.svg`];
132
- return t ? /* @__PURE__ */ r.createElement("div", {
133
- className: `se-design-svg-wrapper transition-transform duration-250 ease-linear ${_}`,
134
- onClick: i
135
- }, /* @__PURE__ */ r.createElement(bs, {
136
- src: t,
148
+ stroke: m,
149
+ rotation: g = "0"
150
+ } = s, v = {
151
+ 0: "",
152
+ 90: "rotate-90",
153
+ 180: "rotate-180",
154
+ 270: "-rotate-90"
155
+ }, i = Es[`/src/assets/icons/${o}.svg`];
156
+ return i ? /* @__PURE__ */ r.createElement("div", {
157
+ className: `se-design-svg-wrapper transition-transform duration-250 ease-linear ${_} ${v[g]}`,
158
+ onClick: t
159
+ }, /* @__PURE__ */ r.createElement(Cs, {
160
+ src: i,
137
161
  wrapper: "span",
138
- beforeInjection: (g) => {
139
- e(g, c, m);
162
+ beforeInjection: (a) => {
163
+ e(a, c, m);
140
164
  }
141
165
  })) : (console.error(`Icon "${o}" not found in ICON_MAP.`), null);
142
166
  };
143
167
  export {
144
- Ao as Icon
168
+ Do as Icon
145
169
  };
146
170
  //# sourceMappingURL=index4.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index4.js","sources":["../src/components/Icon/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ReactSVG } from 'react-svg';\n\n// Dynamically import icons using Vite's asset handling\nconst ICON_MAP: Record<string, string> = (import.meta as any).glob('/src/assets/icons/*.svg', { eager: true, query: '?url', import: 'default' });\n\nexport type IconProps = {\n name: string;\n className?: string;\n onClick?: () => void;\n fill?: string;\n stroke?: string;\n}\n\nconst applyAttributesToElement = (element: Element, fill?: string, stroke?: string) => {\n // Only modify existing attributes\n if (fill && element.hasAttribute('fill')) {\n const currentFill = element.getAttribute('fill');\n // Only update if the current fill is not \"none\"\n if (currentFill !== 'none') {\n element.setAttribute('fill', fill);\n }\n }\n \n if (stroke && element.hasAttribute('stroke')) {\n element.setAttribute('stroke', stroke);\n }\n \n // Recursively apply to all child elements\n Array.from(element.children).forEach(child => {\n applyAttributesToElement(child, fill, stroke);\n });\n};\n\nexport const Icon: FC<IconProps> = (props) => {\n const { name = '', className = '', onClick, fill, stroke } = props;\n\n const src = ICON_MAP[`/src/assets/icons/${name}.svg`];\n\n if (!src) {\n console.error(`Icon \"${name}\" not found in ICON_MAP.`);\n return null;\n }\n\n return (\n <div className={`se-design-svg-wrapper transition-transform duration-250 ease-linear ${className}`} onClick={onClick}>\n <ReactSVG \n src={src} \n wrapper=\"span\" \n beforeInjection={(svg) => {\n applyAttributesToElement(svg, fill, stroke);\n }}\n />\n </div>\n );\n};\n"],"names":["ICON_MAP","import","applyAttributesToElement","element","fill","stroke","hasAttribute","getAttribute","setAttribute","Array","from","children","forEach","child","Icon","props","name","className","onClick","src","React","createElement","ReactSVG","wrapper","beforeInjection","svg","error"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAMA,KAAoCC,uBAAAA,OAAAA;AAAAA,EAAAA,oCAAAA;AAAAA,EAAAA,8BAAAA;AAAAA,EAAAA,yCAAAA;AAAAA,EAAAA,iDAAAA;AAAAA,EAAAA,gDAAAA;AAAAA,EAAAA,2CAAAA;AAAAA,EAAAA,wCAAAA;AAAAA,EAAAA,uCAAAA;AAAAA,EAAAA,6CAAAA;AAAAA,EAAAA,8CAAAA;AAAAA,EAAAA,6CAAAA;AAAAA,EAAAA,wCAAAA;AAAAA,EAAAA,uCAAAA;AAAAA,EAAAA,iDAAAA;AAAAA,EAAAA,8CAAAA;AAAAA,EAAAA,8CAAAA;AAAAA,EAAAA,mCAAAA;AAAAA,EAAAA,+BAAAA;AAAAA,EAAAA,+BAAAA;AAAAA,EAAAA,oCAAAA;AAAAA,EAAAA,gCAAAA;AAAAA,EAAAA,iCAAAA;AAAAA,EAAAA,8BAAAA;AAAAA,EAAAA,kCAAAA;AAAAA,EAAAA,qCAAAA;AAAAA,EAAAA,+BAAAA;AAAAA,EAAAA,kCAAAA;AAAAA,EAAAA,gCAAAA;AAAAA,EAAAA,mCAAAA;AAAAA,EAAAA,8BAAAA;AAAAA,EAAAA,oCAAAA;AAAAA,EAAAA,oCAAAA;AAAAA,EAAAA,wCAAAA;AAAAA,EAAAA,yCAAAA;AAAAA,EAAAA,oCAAAA;AAAAA,EAAAA,oCAAAA;AAAAA,EAAAA,8BAAAA;AAAAA,EAAAA,iCAAAA;AAAAA,EAAAA,+BAAAA;AAAAA,EAAAA,iCAAAA;AAAAA,EAAAA,gCAAAA;AAAAA,EAAAA,+BAAAA;AAAAA,EAAAA,qCAAAA;AAAAA,EAAAA,mCAAAA;AAAAA,EAAAA,sCAAAA;AAAAA,EAAAA,gCAAAA;AAAAA,EAAAA,yCAAAA;AAAAA,EAAAA,kCAAAA;AAAAA,EAAAA,6BAAAA;AAAAA,EAAAA,8BAAAA;AAAAA,EAAAA,+BAAAA;AAAAA,EAAAA,qCAAAA;AAAAA,EAAAA,oCAAAA;AAAAA,EAAAA,8BAAAA;AAAAA,EAAAA,qCAAAA;AAAAA,EAAAA,wCAAAA;AAAAA,EAAAA,qCAAAA;AAAAA,EAAAA,2CAAAA;AAAAA,CAAAA,GAUpCC,IAA2BA,CAACC,GAAkBC,GAAeC,MAAoB;AAErF,EAAID,KAAQD,EAAQG,aAAa,MAAM,KACjBH,EAAQI,aAAa,MAAM,MAE3B,UACVC,EAAAA,aAAa,QAAQJ,CAAI,GAIjCC,KAAUF,EAAQG,aAAa,QAAQ,KACjCE,EAAAA,aAAa,UAAUH,CAAM,GAIvCI,MAAMC,KAAKP,EAAQQ,QAAQ,EAAEC,QAAQC,CAASA,MAAA;AACnBA,IAAAA,EAAAA,GAAOT,GAAMC,CAAM;AAAA,EAAA,CAC7C;AACH,GAEaS,KAAuBC,CAAUA,MAAA;AACtC,QAAA;AAAA,IAAEC,MAAAA,IAAO;AAAA,IAAIC,WAAAA,IAAY;AAAA,IAAIC,SAAAA;AAAAA,IAASd,MAAAA;AAAAA,IAAMC,QAAAA;AAAAA,EAAAA,IAAWU,GAEvDI,IAAMnB,GAAS,qBAAqBgB,CAAI,MAAM;AAEpD,SAAKG,IAMHC,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKJ,WAAW,uEAAuEA,CAAS;AAAA,IAAIC,SAAAA;AAAAA,EAAAA,GAClGG,gBAAAA,EAAAA,cAACC,IAAQ;AAAA,IACPH,KAAAA;AAAAA,IACAI,SAAQ;AAAA,IACRC,iBAAkBC,CAAQA,MAAA;AACCA,MAAAA,EAAAA,GAAKrB,GAAMC,CAAM;AAAA,IAAA;AAAA,EAC5C,CACD,CACE,KAbGqB,QAAAA,MAAM,SAASV,CAAI,0BAA0B,GAC9C;AAcX;"}
1
+ {"version":3,"file":"index4.js","sources":["../src/components/Icon/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ReactSVG } from 'react-svg';\n\n// Dynamically import icons using Vite's asset handling\nconst ICON_MAP: Record<string, string> = (import.meta as any).glob('/src/assets/icons/*.svg', { eager: true, query: '?url', import: 'default' });\n\nexport type IconProps = {\n name: string;\n className?: string;\n onClick?: () => void;\n fill?: string;\n stroke?: string;\n rotation?: '0' | '90' | '180' | '270';\n}\n\nconst applyAttributesToElement = (element: Element, fill?: string, stroke?: string) => {\n // Only modify existing attributes\n if (fill && element.hasAttribute('fill')) {\n const currentFill = element.getAttribute('fill');\n // Only update if the current fill is not \"none\"\n if (currentFill !== 'none') {\n element.setAttribute('fill', fill);\n }\n }\n \n if (stroke && element.hasAttribute('stroke')) {\n element.setAttribute('stroke', stroke);\n }\n \n // Recursively apply to all child elements\n Array.from(element.children).forEach(child => {\n applyAttributesToElement(child, fill, stroke);\n });\n};\n\nexport const Icon: FC<IconProps> = (props) => {\n const { name = '', className = '', onClick, fill, stroke, rotation = '0' } = props;\n const iconRotationClasses = {\n '0': '',\n '90': 'rotate-90',\n '180': 'rotate-180',\n '270': '-rotate-90'\n }\n const src = ICON_MAP[`/src/assets/icons/${name}.svg`];\n\n if (!src) {\n console.error(`Icon \"${name}\" not found in ICON_MAP.`);\n return null;\n }\n\n return (\n <div className={`se-design-svg-wrapper transition-transform duration-250 ease-linear ${className} ${iconRotationClasses[rotation]}`} onClick={onClick}>\n <ReactSVG \n src={src} \n wrapper=\"span\" \n beforeInjection={(svg) => {\n applyAttributesToElement(svg, fill, stroke);\n }}\n />\n </div>\n );\n};\n"],"names":["__vite_glob_0_0","__vite_glob_0_1","__vite_glob_0_2","__vite_glob_0_3","__vite_glob_0_4","__vite_glob_0_5","__vite_glob_0_6","__vite_glob_0_7","__vite_glob_0_8","__vite_glob_0_9","__vite_glob_0_10","__vite_glob_0_11","__vite_glob_0_12","__vite_glob_0_13","__vite_glob_0_14","__vite_glob_0_15","__vite_glob_0_16","__vite_glob_0_17","__vite_glob_0_18","__vite_glob_0_19","__vite_glob_0_20","__vite_glob_0_21","__vite_glob_0_22","__vite_glob_0_23","__vite_glob_0_24","__vite_glob_0_25","__vite_glob_0_26","__vite_glob_0_27","__vite_glob_0_28","__vite_glob_0_29","__vite_glob_0_30","__vite_glob_0_31","__vite_glob_0_32","__vite_glob_0_33","__vite_glob_0_34","__vite_glob_0_35","__vite_glob_0_36","__vite_glob_0_37","__vite_glob_0_38","__vite_glob_0_39","__vite_glob_0_40","__vite_glob_0_41","__vite_glob_0_42","__vite_glob_0_43","__vite_glob_0_44","__vite_glob_0_45","__vite_glob_0_46","__vite_glob_0_47","__vite_glob_0_48","__vite_glob_0_49","__vite_glob_0_50","__vite_glob_0_51","__vite_glob_0_52","__vite_glob_0_53","__vite_glob_0_54","__vite_glob_0_55","__vite_glob_0_56","__vite_glob_0_57","__vite_glob_0_58","__vite_glob_0_59","__vite_glob_0_60","__vite_glob_0_61","__vite_glob_0_62","__vite_glob_0_63","__vite_glob_0_64","__vite_glob_0_65","__vite_glob_0_66","React__default","ReactSVG","ICON_MAP","import","applyAttributesToElement","element","fill","stroke","hasAttribute","getAttribute","setAttribute","Array","from","children","forEach","child","Icon","props","name","className","onClick","rotation","iconRotationClasses","src","React","createElement","wrapper","beforeInjection","svg","error"],"mappings":"AAIA,OAAAA,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,OAAA;AAAA,SAAA,YAAAC,UAAA;AAAA,MAAMC,KAAoCC,uBAAAA,OAAAA;AAAAA,EAAAA,oCAAAA;AAAAA,EAAAA,8BAAAA;AAAAA,EAAAA,yCAAAA;AAAAA,EAAAA,iDAAAA;AAAAA,EAAAA,gDAAAA;AAAAA,EAAAA,2CAAAA;AAAAA,EAAAA,wCAAAA;AAAAA,EAAAA,uCAAAA;AAAAA,EAAAA,6CAAAA;AAAAA,EAAAA,8CAAAA;AAAAA,EAAAA,6CAAAA;AAAAA,EAAAA,wCAAAA;AAAAA,EAAAA,uCAAAA;AAAAA,EAAAA,iDAAAA;AAAAA,EAAAA,8CAAAA;AAAAA,EAAAA,8CAAAA;AAAAA,EAAAA,mCAAAA;AAAAA,EAAAA,sCAAAA;AAAAA,EAAAA,+BAAAA;AAAAA,EAAAA,+BAAAA;AAAAA,EAAAA,oCAAAA;AAAAA,EAAAA,gCAAAA;AAAAA,EAAAA,iCAAAA;AAAAA,EAAAA,kCAAAA;AAAAA,EAAAA,mCAAAA;AAAAA,EAAAA,qCAAAA;AAAAA,EAAAA,+BAAAA;AAAAA,EAAAA,uCAAAA;AAAAA,EAAAA,sCAAAA;AAAAA,EAAAA,kCAAAA;AAAAA,EAAAA,uCAAAA;AAAAA,EAAAA,gCAAAA;AAAAA,EAAAA,mCAAAA;AAAAA,EAAAA,8BAAAA;AAAAA,EAAAA,qCAAAA;AAAAA,EAAAA,oCAAAA;AAAAA,EAAAA,oCAAAA;AAAAA,EAAAA,wCAAAA;AAAAA,EAAAA,yCAAAA;AAAAA,EAAAA,oCAAAA;AAAAA,EAAAA,oCAAAA;AAAAA,EAAAA,8BAAAA;AAAAA,EAAAA,iCAAAA;AAAAA,EAAAA,+BAAAA;AAAAA,EAAAA,iCAAAA;AAAAA,EAAAA,gCAAAA;AAAAA,EAAAA,+BAAAA;AAAAA,EAAAA,qCAAAA;AAAAA,EAAAA,+BAAAA;AAAAA,EAAAA,mCAAAA;AAAAA,EAAAA,qCAAAA;AAAAA,EAAAA,sCAAAA;AAAAA,EAAAA,sCAAAA;AAAAA,EAAAA,gCAAAA;AAAAA,EAAAA,yCAAAA;AAAAA,EAAAA,kCAAAA;AAAAA,EAAAA,6BAAAA;AAAAA,EAAAA,8BAAAA;AAAAA,EAAAA,+BAAAA;AAAAA,EAAAA,qCAAAA;AAAAA,EAAAA,uCAAAA;AAAAA,EAAAA,oCAAAA;AAAAA,EAAAA,8BAAAA;AAAAA,EAAAA,qCAAAA;AAAAA,EAAAA,wCAAAA;AAAAA,EAAAA,qCAAAA;AAAAA,EAAAA,2CAAAA;AAAAA,CAAAA,GAWpCC,IAA2BA,CAACC,GAAkBC,GAAeC,MAAoB;AAErF,EAAID,KAAQD,EAAQG,aAAa,MAAM,KACjBH,EAAQI,aAAa,MAAM,MAE3B,UACVC,EAAAA,aAAa,QAAQJ,CAAI,GAIjCC,KAAUF,EAAQG,aAAa,QAAQ,KACjCE,EAAAA,aAAa,UAAUH,CAAM,GAIvCI,MAAMC,KAAKP,EAAQQ,QAAQ,EAAEC,QAAQC,CAASA,MAAA;AACnBA,IAAAA,EAAAA,GAAOT,GAAMC,CAAM;AAAA,EAAA,CAC7C;AACH,GAEaS,KAAuBC,CAAUA,MAAA;AACtC,QAAA;AAAA,IAAEC,MAAAA,IAAO;AAAA,IAAIC,WAAAA,IAAY;AAAA,IAAIC,SAAAA;AAAAA,IAASd,MAAAA;AAAAA,IAAMC,QAAAA;AAAAA,IAAQc,UAAAA,IAAW;AAAA,EAAA,IAAQJ,GACvEK,IAAsB;AAAA,IAC1B,GAAK;AAAA,IACL,IAAM;AAAA,IACN,KAAO;AAAA,IACP,KAAO;AAAA,EACT,GACMC,IAAMrB,GAAS,qBAAqBgB,CAAI,MAAM;AAEpD,SAAKK,IAMHC,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKN,WAAW,uEAAuEA,CAAS,IAAIG,EAAoBD,CAAQ,CAAC;AAAA,IAAID,SAAAA;AAAAA,EAAAA,GACnIK,gBAAAA,EAAAA,cAACxB,IAAQ;AAAA,IACPsB,KAAAA;AAAAA,IACAG,SAAQ;AAAA,IACRC,iBAAkBC,CAAQA,MAAA;AACCA,MAAAA,EAAAA,GAAKtB,GAAMC,CAAM;AAAA,IAAA;AAAA,EAC5C,CACD,CACE,KAbGsB,QAAAA,MAAM,SAASX,CAAI,0BAA0B,GAC9C;AAcX;"}
package/dist/index40.js CHANGED
@@ -1,77 +1,69 @@
1
- import e, { useRef as B, useEffect as C } from "react";
1
+ var v = Object.defineProperty;
2
+ var n = Object.getOwnPropertySymbols;
3
+ var x = Object.prototype.hasOwnProperty, w = Object.prototype.propertyIsEnumerable;
4
+ var i = (r, e, t) => e in r ? v(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, l = (r, e) => {
5
+ for (var t in e || (e = {}))
6
+ x.call(e, t) && i(r, t, e[t]);
7
+ if (n)
8
+ for (var t of n(e))
9
+ w.call(e, t) && i(r, t, e[t]);
10
+ return r;
11
+ };
12
+ import a, { useState as b, useEffect as E } from "react";
13
+ import { Icon as m } from "./index4.js";
2
14
  /* empty css */
3
- const _ = /* @__PURE__ */ e.memo(({
4
- value: f,
5
- onChange: n,
6
- disabled: p = !1,
7
- maxLength: c,
8
- tag: k = "input",
9
- error: i = !1,
10
- errorMessage: b,
11
- label: u,
12
- placeholder: x,
13
- suggestions: l = [],
14
- customRenderSuggestions: r,
15
- onSuggestionClick: E
15
+ const s = {
16
+ toastBarCtn: "min-h-[45px] fixed top-0 w-full flex items-center justify-center flex-wrap z-[1200]",
17
+ success: "linear-gradient(90deg, var(--color-green-700) 0%, var(--color-green-400) 100%)",
18
+ error: "linear-gradient(90deg, var(--color-red-700) 0%, var(--color-red-500) 100%)",
19
+ info: "var(--color-gray-700)",
20
+ toastMessageCtn: "flex items-center gap-2",
21
+ toastMessage: "text-[var(--color-white)] text-center word-break",
22
+ closeIconCtn: "absolute right-[12px] cursor-pointer cursor-pointer hover:bg-[var(--color-gray-500)] rounded-full p-1"
23
+ }, M = ({
24
+ toastBarCtnClassName: r = "",
25
+ type: e,
26
+ message: t = "",
27
+ shouldAutoClose: u = !1,
28
+ delay: d = 5e3,
29
+ onClose: o = () => {
30
+ },
31
+ containerStyle: f = {}
16
32
  }) => {
17
- const [o, m] = e.useState([...l]), [h, s] = e.useState(!1), d = B(null), I = e.useCallback((a) => {
18
- const t = a.target.value;
19
- if (r)
20
- n(t, !1);
21
- else if (n(t), t === "")
22
- m([...l]);
23
- else if (t) {
24
- const y = l == null ? void 0 : l.filter((N) => {
25
- var w;
26
- return typeof N == "string" && N.toLowerCase().includes((w = t == null ? void 0 : t.toLowerCase()) != null ? w : "");
27
- });
28
- m(y);
33
+ const [g, p] = b(!0);
34
+ E(() => {
35
+ if (u) {
36
+ const h = setTimeout(() => {
37
+ c();
38
+ }, d);
39
+ return () => clearTimeout(h);
29
40
  }
30
- }, [n, l, r]);
31
- C(() => {
32
- r && m([...l]);
33
- }, [l]), C(() => {
34
- const a = (t) => {
35
- d.current && !d.current.contains(t.target) && s(!1);
36
- };
37
- return document.addEventListener("mousedown", a), () => {
38
- document.removeEventListener("mousedown", a);
39
- };
40
41
  }, []);
41
- const $ = () => {
42
- s(!0);
43
- }, v = (a) => {
44
- n(a, !0), s(!1), E && E(a);
42
+ const c = () => {
43
+ setTimeout(() => {
44
+ p(!1), setTimeout(() => {
45
+ o == null || o();
46
+ }, 300);
47
+ }, 300);
45
48
  };
46
- return /* @__PURE__ */ e.createElement("div", {
47
- className: "main-container-autocomplete-se-design",
48
- ref: d
49
- }, u && /* @__PURE__ */ e.createElement("label", {
50
- className: "label-container"
51
- }, u), /* @__PURE__ */ e.createElement(k, {
52
- value: f,
53
- onChange: I,
54
- onClick: $,
55
- disabled: p,
56
- className: `${i ? "input-container-error" : "input-container-default"} ${p ? "input-container-disabled" : ""}`,
57
- maxLength: c,
58
- placeholder: x
59
- }), /* @__PURE__ */ e.createElement("div", {
60
- className: `${i ? "error-and-max-word" : "max-word-container"}`
61
- }, i && /* @__PURE__ */ e.createElement("div", {
62
- id: "error-message",
63
- className: "error-message"
64
- }, b), c && /* @__PURE__ */ e.createElement("div", {
65
- className: "max-word"
66
- }, f.length, "/", c)), h && o.length > 0 && /* @__PURE__ */ e.createElement("div", {
67
- className: "suggestions-list"
68
- }, r ? r(o, v) : o.map((a, t) => /* @__PURE__ */ e.createElement("div", {
69
- key: t,
70
- className: "suggestion-item",
71
- onClick: () => v(a)
72
- }, a))));
73
- });
49
+ return /* @__PURE__ */ a.createElement("div", {
50
+ className: `se-design-toast-bar ${r} ${s.toastBarCtn} ${g ? "show" : "hide"}`,
51
+ style: l({
52
+ background: s[e]
53
+ }, f)
54
+ }, /* @__PURE__ */ a.createElement("div", {
55
+ className: s.toastMessageCtn
56
+ }, /* @__PURE__ */ a.createElement(m, {
57
+ name: e === "info" ? "info-white" : "checked-circle-white"
58
+ }), /* @__PURE__ */ a.createElement("span", {
59
+ className: s.toastMessage
60
+ }, t)), /* @__PURE__ */ a.createElement(m, {
61
+ name: "white-close",
62
+ className: s.closeIconCtn,
63
+ onClick: c
64
+ }));
65
+ };
74
66
  export {
75
- _ as AutoCompleteInput
67
+ M as ToastBar
76
68
  };
77
69
  //# sourceMappingURL=index40.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index40.js","sources":["../src/components/AutoCompleteInput/index.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport './style.scss';\n\nexport interface AutoCompleteInputProps {\n value: string;\n disabled?: boolean;\n maxLength?: number;\n onChange: (value: string, fromSuggestion?: boolean) => void;\n tag?: string;\n error?: boolean;\n errorMessage?: string;\n label?: string;\n placeholder?: string;\n suggestions?: string[];\n customRenderSuggestions?: (suggestions: any, handleSuggestionClick: (suggestion: string) => void) => any;\n onSuggestionClick?: (suggestion: string) => void;\n}\n\nexport const AutoCompleteInput: React.FC<AutoCompleteInputProps> = React.memo(\n ({\n value,\n onChange,\n disabled = false,\n maxLength,\n tag = 'input',\n error = false,\n errorMessage,\n label,\n placeholder,\n suggestions = [],\n customRenderSuggestions,\n onSuggestionClick\n }) => {\n const [filteredSuggestions, setFilteredSuggestions] = React.useState<string[]>([...suggestions]);\n const [isSuggestionBoxVisible, setSuggestionBoxVisible] = React.useState<boolean>(false);\n const containerRef = useRef<HTMLDivElement>(null);\n\n const handleInputChange = React.useCallback(\n (e: React.ChangeEvent<HTMLInputElement>) => {\n const inputValue = e.target.value;\n\n if (customRenderSuggestions) {\n onChange(inputValue, false);\n } else {\n onChange(inputValue);\n if (inputValue === '') {\n setFilteredSuggestions([...suggestions]);\n } else if (inputValue) {\n const filtered = suggestions?.filter((suggestion) =>\n typeof suggestion === 'string' &&\n suggestion.toLowerCase().includes(inputValue?.toLowerCase() ?? '')\n );\n setFilteredSuggestions(filtered);\n }\n }\n },\n [onChange, suggestions, customRenderSuggestions]\n );\n\n useEffect(() => {\n if (customRenderSuggestions) {\n setFilteredSuggestions([...suggestions]);\n }\n }, [suggestions]);\n\n useEffect(() => {\n const handleClickOutside = (event: MouseEvent) => {\n if (containerRef.current && !containerRef.current.contains(event.target as Node)) {\n setSuggestionBoxVisible(false);\n }\n };\n\n document.addEventListener('mousedown', handleClickOutside);\n return () => {\n document.removeEventListener('mousedown', handleClickOutside);\n };\n }, []);\n\n const handleInputClick = () => {\n setSuggestionBoxVisible(true);\n };\n\n const handleSuggestionClick = (suggestion: string) => {\n onChange(suggestion, true);\n setSuggestionBoxVisible(false);\n onSuggestionClick && onSuggestionClick(suggestion);\n };\n\n return (\n <div className=\"main-container-autocomplete-se-design\" ref={containerRef}>\n {label && <label className=\"label-container\">{label}</label>}\n {React.createElement(tag, {\n value: value,\n onChange: handleInputChange,\n onClick: handleInputClick,\n disabled,\n className: `${error ? 'input-container-error' : 'input-container-default'} ${disabled ? 'input-container-disabled' : ''}`,\n maxLength,\n placeholder\n })}\n <div className={`${error ? 'error-and-max-word' : 'max-word-container'}`}>\n {error && (\n <div id=\"error-message\" className=\"error-message\">\n {errorMessage}\n </div>\n )}\n {maxLength && (\n <div className=\"max-word\">\n {value.length}/{maxLength}\n </div>\n )}\n </div>\n {isSuggestionBoxVisible && filteredSuggestions.length > 0 && (\n <div className=\"suggestions-list\">\n {customRenderSuggestions\n ? customRenderSuggestions(filteredSuggestions, handleSuggestionClick)\n : filteredSuggestions.map((suggestion, index) => (\n <div key={index} className=\"suggestion-item\" onClick={() => handleSuggestionClick(suggestion)}>\n {suggestion}\n </div>\n ))}\n </div>\n )}\n </div>\n );\n }\n);\n"],"names":["AutoCompleteInput","memo","value","onChange","disabled","maxLength","tag","error","errorMessage","label","placeholder","suggestions","customRenderSuggestions","onSuggestionClick","filteredSuggestions","setFilteredSuggestions","React","useState","isSuggestionBoxVisible","setSuggestionBoxVisible","containerRef","useRef","handleInputChange","useCallback","e","inputValue","target","filtered","filter","suggestion","toLowerCase","includes","useEffect","handleClickOutside","event","current","contains","addEventListener","removeEventListener","handleInputClick","handleSuggestionClick","createElement","className","ref","onClick","id","length","map","index","key"],"mappings":"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"}
1
+ {"version":3,"file":"index40.js","sources":["../src/components/ToastBar/index.tsx"],"sourcesContent":["import React, { FC, useEffect, useState } from \"react\";\nimport { Map } from \"../../utils/common.types\";\nimport { Icon } from \"../Icon\";\nimport \"./style.scss\";\n\nexport interface ToastBarProps {\n toastBarCtnClassName?: string;\n type: \"success\" | \"error\" | \"info\";\n message: string;\n shouldAutoClose?: boolean;\n delay?: number;\n onClose?: () => void;\n containerStyle?: React.CSSProperties;\n}\n\nconst classNames: Map = {\n toastBarCtn: \"min-h-[45px] fixed top-0 w-full flex items-center justify-center flex-wrap z-[1200]\",\n success: \"linear-gradient(90deg, var(--color-green-700) 0%, var(--color-green-400) 100%)\",\n error: \"linear-gradient(90deg, var(--color-red-700) 0%, var(--color-red-500) 100%)\",\n info: \"var(--color-gray-700)\", \n toastMessageCtn: \"flex items-center gap-2\",\n toastMessage: \"text-[var(--color-white)] text-center word-break\",\n closeIconCtn: \"absolute right-[12px] cursor-pointer cursor-pointer hover:bg-[var(--color-gray-500)] rounded-full p-1\",\n};\n\nexport const ToastBar: FC<ToastBarProps> = ({\n toastBarCtnClassName = \"\",\n type,\n message = \"\",\n shouldAutoClose = false,\n delay = 5000,\n onClose = () => {},\n containerStyle = {}\n}) => {\n const [visible, setVisible] = useState(true);\n\n useEffect(() => {\n if (shouldAutoClose) {\n const timer = setTimeout(() => {\n handleClose();\n }, delay);\n return () => clearTimeout(timer);\n }\n }, []);\n\n const handleClose = () => {\n setTimeout(() => {\n setVisible(false);\n setTimeout(() => {\n onClose?.();\n }, 300);\n }, 300);\n };\n\n return (\n <div\n className={`se-design-toast-bar ${toastBarCtnClassName} ${classNames.toastBarCtn} ${visible ? \"show\" : \"hide\"}`}\n style={{ background: classNames[type], ...containerStyle }}\n >\n <div className={classNames.toastMessageCtn} >\n <Icon name={type === \"info\" ? \"info-white\" : \"checked-circle-white\"} />\n <span className={classNames.toastMessage}>{message}</span>\n </div>\n <Icon name=\"white-close\" className={classNames.closeIconCtn} onClick={handleClose} />\n </div>\n );\n};"],"names":["React__default","useState","useEffect","Icon","classNames","toastBarCtn","success","error","info","toastMessageCtn","toastMessage","closeIconCtn","ToastBar","toastBarCtnClassName","type","message","shouldAutoClose","delay","onClose","containerStyle","visible","setVisible","timer","setTimeout","handleClose","clearTimeout","React","createElement","className","style","__spreadValues","background","name","onClick"],"mappings":";;;;;;;;;;;AAeA,OAAAA,KAAA,YAAAC,GAAA,aAAAC,SAAA;AAAA,SAAA,QAAAC,SAAA;AAAA,OAAA;AAAA,MAAMC,IAAkB;AAAA,EACtBC,aAAa;AAAA,EACbC,SAAS;AAAA,EACTC,OAAO;AAAA,EACPC,MAAM;AAAA,EACNC,iBAAiB;AAAA,EACjBC,cAAc;AAAA,EACdC,cAAc;AAChB,GAEaC,IAA8BA,CAAC;AAAA,EAC1CC,sBAAAA,IAAuB;AAAA,EACvBC,MAAAA;AAAAA,EACAC,SAAAA,IAAU;AAAA,EACVC,iBAAAA,IAAkB;AAAA,EAClBC,OAAAA,IAAQ;AAAA,EACRC,SAAAA,IAAUA,MAAM;AAAA,EAAC;AAAA,EACjBC,gBAAAA,IAAiB,CAAA;AACnB,MAAM;AACJ,QAAM,CAACC,GAASC,CAAU,IAAIpB,EAAS,EAAI;AAE3CC,EAAAA,EAAU,MAAM;AACd,QAAIc,GAAiB;AACbM,YAAAA,IAAQC,WAAW,MAAM;AACjB,QAAAC,EAAA;AAAA,SACXP,CAAK;AACD,aAAA,MAAMQ,aAAaH,CAAK;AAAA,IAAA;AAAA,EAEnC,GAAG,EAAE;AAEL,QAAME,IAAcA,MAAM;AACxBD,eAAW,MAAM;AACfF,MAAAA,EAAW,EAAK,GAChBE,WAAW,MAAM;AACL,QAAAL,KAAA,QAAAA;AAAA,SACT,GAAG;AAAA,OACL,GAAG;AAAA,EACR;AAGEQ,SAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACEC,WAAW,uBAAuBf,CAAoB,IAAIT,EAAWC,WAAW,IAAIe,IAAU,SAAS,MAAM;AAAA,IAC7GS,OAAOC,EAAA;AAAA,MAAEC,YAAY3B,EAAWU,CAAI;AAAA,OAAMK;AAAAA,EAAe,GAEzDQ,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKC,WAAWxB,EAAWK;AAAAA,EAAAA,GACzBkB,gBAAAA,EAAAA,cAACxB,GAAI;AAAA,IAAC6B,MAAMlB,MAAS,SAAS,eAAe;AAAA,EAAA,CAAyB,GACtEa,gBAAAA,EAAAA,cAAA,QAAA;AAAA,IAAMC,WAAWxB,EAAWM;AAAAA,KAAeK,CAAc,CACtD,GACLW,gBAAAA,EAAAC,cAACxB,GAAI;AAAA,IAAC6B,MAAK;AAAA,IAAcJ,WAAWxB,EAAWO;AAAAA,IAAcsB,SAAST;AAAAA,EAAAA,CAAc,CACjF;AAET;"}