namirasoft-site-react 1.3.335 → 1.3.337

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 (353) hide show
  1. package/.dockerignore +86 -86
  2. package/Dockerfile +18 -18
  3. package/config-overrides.js +70 -70
  4. package/dist/App.css +17 -0
  5. package/dist/assets/images/1.png +0 -0
  6. package/dist/assets/images/2.png +0 -0
  7. package/dist/assets/images/3.png +0 -0
  8. package/dist/assets/images/4.png +0 -0
  9. package/dist/assets/images/404 image.svg +9 -9
  10. package/dist/assets/images/404 image_mobile.svg +9 -9
  11. package/dist/assets/images/5.jpg +0 -0
  12. package/dist/assets/images/arrow.svg +3 -3
  13. package/dist/assets/images/danger.svg +3 -3
  14. package/dist/assets/images/exit.svg +3 -3
  15. package/dist/assets/images/icon-export.svg +3 -0
  16. package/dist/assets/images/icon-input-copy.svg +3 -3
  17. package/dist/assets/images/icon-input-date.svg +9 -9
  18. package/dist/assets/images/icon-input-duration.svg +9 -9
  19. package/dist/assets/images/icon-input-email.svg +9 -9
  20. package/dist/assets/images/icon-input-float.svg +9 -9
  21. package/dist/assets/images/icon-input-id.svg +9 -0
  22. package/dist/assets/images/icon-input-integer.svg +9 -9
  23. package/dist/assets/images/icon-input-ip.svg +9 -9
  24. package/dist/assets/images/icon-input-phone.svg +9 -9
  25. package/dist/assets/images/icon-input-price.svg +9 -9
  26. package/dist/assets/images/icon-input-search.svg +3 -3
  27. package/dist/assets/images/icon-input-string.svg +9 -9
  28. package/dist/assets/images/icon-input-text.svg +9 -9
  29. package/dist/assets/images/icon-input-time.svg +9 -9
  30. package/dist/assets/images/icon-refresh.svg +3 -0
  31. package/dist/assets/images/icon-select-box.svg +3 -3
  32. package/dist/assets/images/logo.svg +9 -9
  33. package/dist/assets/images/menu.svg +3 -3
  34. package/dist/assets/images/namira.svg +9 -9
  35. package/dist/assets/images/rectangle.svg +3 -3
  36. package/dist/components/NSAccess.d.ts +2 -0
  37. package/dist/components/NSAccess.js +8 -0
  38. package/dist/components/NSAccess.js.map +1 -0
  39. package/dist/components/NSAccess.module.css +39 -0
  40. package/dist/components/NSActionMenu.js +2 -2
  41. package/dist/components/NSActionMenu.module.css +75 -75
  42. package/dist/components/NSAssistantButton.module.css +133 -133
  43. package/dist/components/NSBarAction.module.css +87 -87
  44. package/dist/components/NSBarHeroBanner.module.css +42 -42
  45. package/dist/components/NSBarNotification.module.css +34 -34
  46. package/dist/components/NSBarTitle.module.css +9 -9
  47. package/dist/components/NSBox.module.css +123 -123
  48. package/dist/components/NSBoxBoolean.module.css +53 -53
  49. package/dist/components/NSBoxCombo.module.css +16 -16
  50. package/dist/components/NSBoxDate.module.css +39 -39
  51. package/dist/components/NSBoxEntity.module.css +25 -25
  52. package/dist/components/NSBoxErrorNotifier.module.css +2 -2
  53. package/dist/components/NSBoxLabel.module.css +12 -12
  54. package/dist/components/NSBoxOTP.module.css +10 -10
  55. package/dist/components/NSBoxText.d.ts +25 -0
  56. package/dist/components/NSBoxText.js +56 -0
  57. package/dist/components/NSBoxText.js.map +1 -0
  58. package/dist/components/NSBoxTextArea.module.css +76 -76
  59. package/dist/components/NSButton.module.css +27 -27
  60. package/dist/components/NSButtonBlue.module.css +4 -4
  61. package/dist/components/NSButtonGreen.module.css +4 -4
  62. package/dist/components/NSButtonRed.module.css +4 -4
  63. package/dist/components/NSCard.module.css +108 -108
  64. package/dist/components/NSCopyToClipboard.module.css +39 -39
  65. package/dist/components/NSElectronicCard.module.css +60 -60
  66. package/dist/components/NSEntityBar.module.css +77 -77
  67. package/dist/components/NSEntityCardBackground.module.css +27 -27
  68. package/dist/components/NSFilterBox.module.css +47 -47
  69. package/dist/components/NSFilterBoxDialog.module.css +36 -36
  70. package/dist/components/NSFilterItem.module.css +23 -23
  71. package/dist/components/NSFooter.module.css +123 -123
  72. package/dist/components/NSGroupedList.module.css +72 -72
  73. package/dist/components/NSHeader.module.css +271 -271
  74. package/dist/components/NSInput.module.css +74 -0
  75. package/dist/components/NSInputDate.d.ts +21 -0
  76. package/dist/components/NSInputDate.js +41 -0
  77. package/dist/components/NSInputDate.js.map +1 -0
  78. package/dist/components/NSInputDate.module.css +42 -0
  79. package/dist/components/NSInputDuration.d.ts +23 -0
  80. package/dist/components/NSInputDuration.js +42 -0
  81. package/dist/components/NSInputDuration.js.map +1 -0
  82. package/dist/components/NSInputEmail.d.ts +22 -0
  83. package/dist/components/NSInputEmail.js +43 -0
  84. package/dist/components/NSInputEmail.js.map +1 -0
  85. package/dist/components/NSInputErrorNotifier.d.ts +5 -0
  86. package/dist/components/NSInputErrorNotifier.js +7 -0
  87. package/dist/components/NSInputErrorNotifier.js.map +1 -0
  88. package/dist/components/NSInputErrorNotifier.module.css +3 -0
  89. package/dist/components/NSInputFloat.d.ts +22 -0
  90. package/dist/components/NSInputFloat.js +41 -0
  91. package/dist/components/NSInputFloat.js.map +1 -0
  92. package/dist/components/NSInputIP.d.ts +22 -0
  93. package/dist/components/NSInputIP.js +43 -0
  94. package/dist/components/NSInputIP.js.map +1 -0
  95. package/dist/components/NSInputInteger.d.ts +22 -0
  96. package/dist/components/NSInputInteger.js +41 -0
  97. package/dist/components/NSInputInteger.js.map +1 -0
  98. package/dist/components/NSInputPassword.d.ts +22 -0
  99. package/dist/components/NSInputPassword.js +42 -0
  100. package/dist/components/NSInputPassword.js.map +1 -0
  101. package/dist/components/NSInputPhone.d.ts +22 -0
  102. package/dist/components/NSInputPhone.js +38 -0
  103. package/dist/components/NSInputPhone.js.map +1 -0
  104. package/dist/components/NSInputPrice.d.ts +22 -0
  105. package/dist/components/NSInputPrice.js +41 -0
  106. package/dist/components/NSInputPrice.js.map +1 -0
  107. package/dist/components/NSInputSearch.d.ts +22 -0
  108. package/dist/components/NSInputSearch.js +41 -0
  109. package/dist/components/NSInputSearch.js.map +1 -0
  110. package/dist/components/NSInputString.d.ts +22 -0
  111. package/dist/components/NSInputString.js +42 -0
  112. package/dist/components/NSInputString.js.map +1 -0
  113. package/dist/components/NSInputText.d.ts +22 -0
  114. package/dist/components/NSInputText.js +42 -0
  115. package/dist/components/NSInputText.js.map +1 -0
  116. package/dist/components/NSInputTime.d.ts +22 -0
  117. package/dist/components/NSInputTime.js +43 -0
  118. package/dist/components/NSInputTime.js.map +1 -0
  119. package/dist/components/NSLayout.module.css +13 -13
  120. package/dist/components/NSLayoutAction.d.ts +5 -0
  121. package/dist/components/NSLayoutAction.js +20 -0
  122. package/dist/components/NSLayoutAction.js.map +1 -0
  123. package/dist/components/NSLayoutAction.module.css +88 -0
  124. package/dist/components/NSLayoutHeroBanner.d.ts +2 -0
  125. package/dist/components/NSLayoutHeroBanner.js +8 -0
  126. package/dist/components/NSLayoutHeroBanner.js.map +1 -0
  127. package/dist/components/NSLayoutHeroBanner.module.css +43 -0
  128. package/dist/components/NSLayoutTitle.d.ts +2 -0
  129. package/dist/components/NSLayoutTitle.js +11 -0
  130. package/dist/components/NSLayoutTitle.js.map +1 -0
  131. package/dist/components/NSLayoutTitle.module.css +10 -0
  132. package/dist/components/NSLink.module.css +36 -36
  133. package/dist/components/NSLoading.module.css +29 -29
  134. package/dist/components/NSModal.js +2 -2
  135. package/dist/components/NSModal.module.css +70 -70
  136. package/dist/components/NSNoData.module.css +8 -8
  137. package/dist/components/NSNotification.d.ts +21 -0
  138. package/dist/components/NSNotification.js +37 -0
  139. package/dist/components/NSNotification.js.map +1 -0
  140. package/dist/components/NSNotification.module.css +32 -0
  141. package/dist/components/NSPageSelectionModal.module.css +102 -102
  142. package/dist/components/NSPagination.module.css +101 -101
  143. package/dist/components/NSPanel.module.css +46 -46
  144. package/dist/components/NSPrintModal.d.ts +15 -0
  145. package/dist/components/NSPrintModal.js +35 -0
  146. package/dist/components/NSPrintModal.js.map +1 -0
  147. package/dist/components/NSPrintModal.module.css +82 -0
  148. package/dist/components/NSRadioButton.module.css +61 -61
  149. package/dist/components/NSSection.module.css +10 -10
  150. package/dist/components/NSSectionBars.module.css +10 -10
  151. package/dist/components/NSSectionCards.module.css +38 -38
  152. package/dist/components/NSSelectBox.d.ts +24 -0
  153. package/dist/components/NSSelectBox.js +61 -0
  154. package/dist/components/NSSelectBox.js.map +1 -0
  155. package/dist/components/NSSelectBox.module.css +42 -0
  156. package/dist/components/NSTabPage.module.css +57 -57
  157. package/dist/components/NSTable.d.ts +1 -1
  158. package/dist/components/NSTable.js +3 -2
  159. package/dist/components/NSTable.js.map +1 -1
  160. package/dist/components/NSTable.module.css +253 -253
  161. package/dist/components/NSTag.module.css +44 -44
  162. package/dist/components/NSTitle.module.css +15 -15
  163. package/dist/components/NSVerification.module.css +22 -22
  164. package/dist/index.css +6 -0
  165. package/dist/pages/NSLoginPage.module.css +19 -19
  166. package/dist/pages/NSNotFoundPage.module.css +18 -18
  167. package/dist/props/BaseComponentProps.d.ts +6 -0
  168. package/dist/props/BaseComponentProps.js +2 -0
  169. package/dist/props/BaseComponentProps.js.map +10 -0
  170. package/dist/props/INamirasoftProps.d.ts +4 -0
  171. package/dist/props/INamirasoftProps.js +2 -0
  172. package/dist/props/INamirasoftProps.js.map +1 -0
  173. package/dist/props/ImageProps.d.ts +4 -0
  174. package/dist/props/ImageProps.js +2 -0
  175. package/dist/props/ImageProps.js.map +10 -0
  176. package/dist/props/LinkProps.d.ts +5 -0
  177. package/dist/props/LinkProps.js +2 -0
  178. package/dist/props/LinkProps.js.map +10 -0
  179. package/dist/props/ValidationNumberProps.d.ts +4 -0
  180. package/dist/props/ValidationNumberProps.js +2 -0
  181. package/dist/props/ValidationNumberProps.js.map +10 -0
  182. package/dist/props/ValidationProps.d.ts +6 -0
  183. package/dist/props/ValidationProps.js +2 -0
  184. package/dist/props/ValidationProps.js.map +10 -0
  185. package/dist/props/ValidationRegexProps.d.ts +4 -0
  186. package/dist/props/ValidationRegexProps.js +2 -0
  187. package/dist/props/ValidationRegexProps.js.map +1 -0
  188. package/dist/props/ValidationStringProps.d.ts +4 -0
  189. package/dist/props/ValidationStringProps.js +2 -0
  190. package/dist/props/ValidationStringProps.js.map +10 -0
  191. package/package.json +67 -67
  192. package/public/index.html +38 -38
  193. package/src/App.css +16 -16
  194. package/src/App.tsx +166 -166
  195. package/src/CopyToClipboard.ts +6 -6
  196. package/src/Validator.ts +110 -110
  197. package/src/assets/images/404 image.svg +9 -9
  198. package/src/assets/images/404 image_mobile.svg +9 -9
  199. package/src/assets/images/arrow.svg +3 -3
  200. package/src/assets/images/danger.svg +3 -3
  201. package/src/assets/images/exit.svg +3 -3
  202. package/src/assets/images/icon-input-copy.svg +3 -3
  203. package/src/assets/images/icon-input-date.svg +9 -9
  204. package/src/assets/images/icon-input-duration.svg +9 -9
  205. package/src/assets/images/icon-input-email.svg +9 -9
  206. package/src/assets/images/icon-input-float.svg +9 -9
  207. package/src/assets/images/icon-input-integer.svg +9 -9
  208. package/src/assets/images/icon-input-ip.svg +9 -9
  209. package/src/assets/images/icon-input-phone.svg +9 -9
  210. package/src/assets/images/icon-input-price.svg +9 -9
  211. package/src/assets/images/icon-input-search.svg +3 -3
  212. package/src/assets/images/icon-input-string.svg +9 -9
  213. package/src/assets/images/icon-input-text.svg +9 -9
  214. package/src/assets/images/icon-input-time.svg +9 -9
  215. package/src/assets/images/icon-select-box.svg +3 -3
  216. package/src/assets/images/logo.svg +9 -9
  217. package/src/assets/images/menu.svg +3 -3
  218. package/src/assets/images/namira.svg +9 -9
  219. package/src/assets/images/rectangle.svg +3 -3
  220. package/src/components/NSActionMenu.module.css +75 -75
  221. package/src/components/NSActionMenu.tsx +88 -88
  222. package/src/components/NSAssistantButton.module.css +133 -133
  223. package/src/components/NSAssistantButton.tsx +74 -74
  224. package/src/components/NSBarAction.module.css +87 -87
  225. package/src/components/NSBarAction.tsx +86 -86
  226. package/src/components/NSBarHeroBanner.module.css +42 -42
  227. package/src/components/NSBarHeroBanner.tsx +61 -61
  228. package/src/components/NSBarNotification.module.css +34 -34
  229. package/src/components/NSBarNotification.tsx +63 -63
  230. package/src/components/NSBarTitle.module.css +9 -9
  231. package/src/components/NSBarTitle.tsx +28 -28
  232. package/src/components/NSBox.module.css +123 -123
  233. package/src/components/NSBoxBoolean.module.css +53 -53
  234. package/src/components/NSBoxBoolean.tsx +84 -84
  235. package/src/components/NSBoxCombo.module.css +16 -16
  236. package/src/components/NSBoxCombo.tsx +131 -131
  237. package/src/components/NSBoxDate.module.css +39 -39
  238. package/src/components/NSBoxDate.tsx +83 -83
  239. package/src/components/NSBoxDateTime.tsx +83 -83
  240. package/src/components/NSBoxDouble.tsx +88 -88
  241. package/src/components/NSBoxDuration.tsx +88 -88
  242. package/src/components/NSBoxEmail.tsx +104 -104
  243. package/src/components/NSBoxEntity.module.css +25 -25
  244. package/src/components/NSBoxEntity.tsx +134 -134
  245. package/src/components/NSBoxEnum.tsx +56 -56
  246. package/src/components/NSBoxErrorNotifier.module.css +2 -2
  247. package/src/components/NSBoxErrorNotifier.tsx +33 -33
  248. package/src/components/NSBoxIPV4.tsx +93 -93
  249. package/src/components/NSBoxIPV6.tsx +90 -90
  250. package/src/components/NSBoxInteger.tsx +86 -86
  251. package/src/components/NSBoxLabel.module.css +12 -12
  252. package/src/components/NSBoxLabel.tsx +29 -29
  253. package/src/components/NSBoxOTP.module.css +10 -10
  254. package/src/components/NSBoxOTP.tsx +65 -65
  255. package/src/components/NSBoxPassword.tsx +86 -86
  256. package/src/components/NSBoxPhone.tsx +88 -88
  257. package/src/components/NSBoxPrice.tsx +88 -88
  258. package/src/components/NSBoxSearch.tsx +103 -103
  259. package/src/components/NSBoxString.tsx +103 -103
  260. package/src/components/NSBoxTextArea.module.css +76 -76
  261. package/src/components/NSBoxTextArea.tsx +106 -106
  262. package/src/components/NSBoxTime.tsx +88 -88
  263. package/src/components/NSButton.module.css +27 -27
  264. package/src/components/NSButton.tsx +23 -23
  265. package/src/components/NSButtonBlue.module.css +4 -4
  266. package/src/components/NSButtonBlue.tsx +12 -12
  267. package/src/components/NSButtonGreen.module.css +4 -4
  268. package/src/components/NSButtonGreen.tsx +11 -11
  269. package/src/components/NSButtonRed.module.css +4 -4
  270. package/src/components/NSButtonRed.tsx +11 -11
  271. package/src/components/NSCard.module.css +108 -108
  272. package/src/components/NSCard.tsx +70 -70
  273. package/src/components/NSCopyToClipboard.module.css +39 -39
  274. package/src/components/NSCopyToClipboard.tsx +35 -35
  275. package/src/components/NSElectronicCard.module.css +60 -60
  276. package/src/components/NSElectronicCard.tsx +47 -47
  277. package/src/components/NSEntityBar.module.css +77 -77
  278. package/src/components/NSEntityBar.tsx +27 -27
  279. package/src/components/NSEntityCardBackground.module.css +27 -27
  280. package/src/components/NSEntityCardBackground.tsx +34 -34
  281. package/src/components/NSFilterBox.module.css +47 -47
  282. package/src/components/NSFilterBox.tsx +374 -374
  283. package/src/components/NSFilterBoxDialog.module.css +36 -36
  284. package/src/components/NSFilterBoxDialog.tsx +74 -74
  285. package/src/components/NSFilterItem.module.css +23 -23
  286. package/src/components/NSFilterItem.tsx +72 -72
  287. package/src/components/NSFooter.module.css +123 -123
  288. package/src/components/NSFooter.tsx +153 -153
  289. package/src/components/NSGroupedList.module.css +72 -72
  290. package/src/components/NSGroupedList.tsx +107 -107
  291. package/src/components/NSHeader.module.css +271 -271
  292. package/src/components/NSHeader.tsx +191 -191
  293. package/src/components/NSLayout.module.css +13 -13
  294. package/src/components/NSLayout.tsx +75 -75
  295. package/src/components/NSLine.tsx +18 -18
  296. package/src/components/NSLink.module.css +36 -36
  297. package/src/components/NSLink.tsx +25 -25
  298. package/src/components/NSLinkBlue.tsx +20 -20
  299. package/src/components/NSLinkGreen.tsx +5 -5
  300. package/src/components/NSLinkRed.tsx +5 -5
  301. package/src/components/NSLoading.module.css +29 -29
  302. package/src/components/NSLoading.tsx +19 -19
  303. package/src/components/NSModal.module.css +70 -70
  304. package/src/components/NSModal.tsx +49 -49
  305. package/src/components/NSNoData.module.css +8 -8
  306. package/src/components/NSNoData.tsx +24 -24
  307. package/src/components/NSPageSelectionModal.module.css +102 -102
  308. package/src/components/NSPageSelectionModal.tsx +228 -228
  309. package/src/components/NSPagination.module.css +101 -101
  310. package/src/components/NSPagination.tsx +191 -191
  311. package/src/components/NSPanel.module.css +46 -46
  312. package/src/components/NSPanel.tsx +19 -19
  313. package/src/components/NSRadioButton.module.css +61 -61
  314. package/src/components/NSRadioButton.tsx +100 -100
  315. package/src/components/NSSection.module.css +10 -10
  316. package/src/components/NSSection.tsx +23 -23
  317. package/src/components/NSSectionBars.module.css +10 -10
  318. package/src/components/NSSectionBars.tsx +25 -25
  319. package/src/components/NSSectionCards.module.css +38 -38
  320. package/src/components/NSSectionCards.tsx +51 -51
  321. package/src/components/NSSectionTitle.tsx +21 -21
  322. package/src/components/NSSpace.tsx +28 -28
  323. package/src/components/NSTabPage.module.css +57 -57
  324. package/src/components/NSTabPage.tsx +46 -46
  325. package/src/components/NSTable.module.css +253 -253
  326. package/src/components/NSTable.tsx +359 -358
  327. package/src/components/NSTag.module.css +44 -44
  328. package/src/components/NSTag.tsx +49 -49
  329. package/src/components/NSTitle.module.css +15 -15
  330. package/src/components/NSTitle.tsx +19 -19
  331. package/src/components/NSVerification.module.css +22 -22
  332. package/src/components/NSVerification.tsx +41 -41
  333. package/src/index.tsx +7 -7
  334. package/src/main.ts +79 -79
  335. package/src/pages/NSLoginPage.module.css +19 -19
  336. package/src/pages/NSLoginPage.tsx +30 -30
  337. package/src/pages/NSNotFoundPage.module.css +18 -18
  338. package/src/pages/NSNotFoundPage.tsx +11 -11
  339. package/src/props/IBaseComponentProps.ts +8 -8
  340. package/src/props/IHeaderIconProps.ts +9 -9
  341. package/src/props/IHeaderProps.ts +6 -6
  342. package/src/props/IImageProps.ts +4 -4
  343. package/src/props/ILinkProps.ts +5 -5
  344. package/src/props/IValidationNumberProps.ts +4 -4
  345. package/src/props/IValidationProps.ts +7 -7
  346. package/src/props/IValidationRegexProps.ts +4 -4
  347. package/src/props/IValidationStringProps.ts +4 -4
  348. package/src/routing/INSRouterMaker.ts +6 -6
  349. package/src/routing/INSRouterProps.ts +5 -5
  350. package/src/routing/INSRouterState.ts +5 -5
  351. package/src/routing/NSRouterMaker.tsx +33 -33
  352. package/src/routing/Notifier.ts +79 -79
  353. package/tsconfig.json +43 -43
@@ -0,0 +1,42 @@
1
+ .ns_input_parent {
2
+ display: flex;
3
+ flex-direction: column;
4
+ width: 206px;
5
+ color: #141B5C;
6
+ position: relative;
7
+ max-width: 100%;
8
+ }
9
+
10
+ .ns_input {
11
+ border-radius: 8px;
12
+ padding: 10px 12px;
13
+ font-size: 16px;
14
+ font-weight: 400;
15
+ border: 1px solid rgba(0, 0, 0, 1);
16
+ position: relative;
17
+ }
18
+
19
+ .ns_input_icon {
20
+ position: absolute;
21
+ right: 20px;
22
+ top: 51%;
23
+ z-index: 1;
24
+ }
25
+
26
+ .ns_input_title {
27
+ font-size: 16px;
28
+ font-weight: 400;
29
+ }
30
+
31
+ .ns_input::-webkit-calendar-picker-indicator {
32
+ display: block;
33
+ background: url(../assets/images/icon-input-date.svg) no-repeat;
34
+ background-position: 90% 35%;
35
+ width: 100%;
36
+ height: 100%;
37
+ position: absolute;
38
+ top: 3px;
39
+ left: 4px;
40
+ }
41
+
42
+
@@ -0,0 +1,23 @@
1
+ import React from "react";
2
+ import { IBaseComponentProps } from "../props/IBaseComponentProps";
3
+ import { IValidationProps } from "../props/IValidationProps";
4
+ import { IValidationNumberProps } from "../props/IValidationNumberProps";
5
+ import { IValidationStringProps } from "../props/IValidationStringProps";
6
+ export interface INSInputDurationProps extends IBaseComponentProps, IValidationProps, IValidationStringProps, IValidationNumberProps {
7
+ title: string;
8
+ defaultValue?: string;
9
+ onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
10
+ placeholder?: string;
11
+ }
12
+ export interface NSInputDurationState {
13
+ value: string;
14
+ error?: string;
15
+ }
16
+ export declare class NSInputDuration extends React.Component<INSInputDurationProps, NSInputDurationState> {
17
+ constructor(props: INSInputDurationProps);
18
+ getError(): string | null;
19
+ getValue(): string;
20
+ setValue(value: string): void;
21
+ private onChanged;
22
+ render(): import("react/jsx-runtime").JSX.Element;
23
+ }
@@ -0,0 +1,42 @@
1
+ "use client";
2
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
3
+ import React from "react";
4
+ import Styles from "./NSInput.module.css";
5
+ import IconInputDuration from '../assets/images/icon-input-duration.svg';
6
+ import { Validator } from "../Validator";
7
+ import { NSInputErrorNotifier } from "./NSInputErrorNotifier";
8
+ export class NSInputDuration extends React.Component {
9
+ constructor(props) {
10
+ var _a;
11
+ super(props);
12
+ this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : "" };
13
+ this.getValue = this.getValue.bind(this);
14
+ this.setValue = this.setValue.bind(this);
15
+ this.onChanged = this.onChanged.bind(this);
16
+ }
17
+ getError() {
18
+ return (Validator.getError(this.props.title, this.state.value, this.props) &&
19
+ Validator.getErrorDuration(this.props.title, this.state.value));
20
+ }
21
+ getValue() {
22
+ let error = this.getError();
23
+ if (error) {
24
+ this.setState({ error });
25
+ throw new Error(error);
26
+ }
27
+ return this.state.value;
28
+ }
29
+ setValue(value) {
30
+ this.setState({ value });
31
+ }
32
+ onChanged(e) {
33
+ this.setValue(e.target.value);
34
+ if (this.props.onChanged)
35
+ this.props.onChanged(e);
36
+ }
37
+ render() {
38
+ var _a;
39
+ return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `${Styles.ns_input_parent} p-2 ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: this.props.style, children: [_jsxs("span", { className: Styles.ns_input_title, children: [" ", this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title, " "] }), _jsx("img", { className: Styles.ns_input_icon, src: IconInputDuration, alt: "Duration Icon", width: 24, height: 24 }), _jsx("input", { id: this.props.id, value: this.state.value, onChange: this.onChanged, type: "time", className: Styles.ns_input, placeholder: this.props.placeholder, step: "2" })] }), _jsx(NSInputErrorNotifier, { error: this.state.error })] }));
40
+ }
41
+ }
42
+ //# sourceMappingURL=NSInputDuration.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NSInputDuration.js","sourceRoot":"","sources":["../../src/components/NSInputDuration.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,22 @@
1
+ import React from "react";
2
+ import { IValidationProps } from "../props/IValidationProps";
3
+ import { IValidationStringProps } from "../props/IValidationStringProps";
4
+ import { IBaseComponentProps } from "../props/IBaseComponentProps";
5
+ export interface INSInputEmailProps extends IBaseComponentProps, IValidationProps, IValidationStringProps {
6
+ title: string;
7
+ defaultValue?: string;
8
+ onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
9
+ placeholder?: string;
10
+ }
11
+ export interface NSInputEmailState {
12
+ value: string;
13
+ error?: string;
14
+ }
15
+ export declare class NSInputEmail extends React.Component<INSInputEmailProps, NSInputEmailState> {
16
+ constructor(props: INSInputEmailProps);
17
+ getError(): string | null;
18
+ getValue(): string;
19
+ setValue(value: string): void;
20
+ private onChanged;
21
+ render(): import("react/jsx-runtime").JSX.Element;
22
+ }
@@ -0,0 +1,43 @@
1
+ "use client";
2
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
3
+ import React from "react";
4
+ import Styles from "./NSInput.module.css";
5
+ import IconInputEmail from '../assets/images/icon-input-email.svg';
6
+ import { Validator } from "../Validator";
7
+ import { NSInputErrorNotifier } from "./NSInputErrorNotifier";
8
+ export class NSInputEmail extends React.Component {
9
+ constructor(props) {
10
+ var _a;
11
+ super(props);
12
+ this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : "" };
13
+ this.setValue = this.setValue.bind(this);
14
+ this.getValue = this.getValue.bind(this);
15
+ this.onChanged = this.onChanged.bind(this);
16
+ }
17
+ getError() {
18
+ return (Validator.getError(this.props.title, this.state.value, this.props) &&
19
+ Validator.getErrorString(this.props.title, this.state.value, this.props) &&
20
+ Validator.getErrorEmail(this.props.title, this.state.value));
21
+ }
22
+ getValue() {
23
+ let error = this.getError();
24
+ if (error) {
25
+ this.setState({ error });
26
+ throw new Error(error);
27
+ }
28
+ return this.state.value;
29
+ }
30
+ setValue(value) {
31
+ this.setState({ value });
32
+ }
33
+ onChanged(e) {
34
+ this.setValue(e.target.value);
35
+ if (this.props.onChanged)
36
+ this.props.onChanged(e);
37
+ }
38
+ render() {
39
+ var _a;
40
+ return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `${Styles.ns_input_parent} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: this.props.style, children: [_jsxs("span", { className: Styles.ns_input_title, children: [" ", this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title, " "] }), _jsx("img", { className: Styles.ns_input_icon, src: IconInputEmail, alt: "Email Icon", width: 24, height: 24 }), _jsx("input", { id: this.props.id, value: this.state.value, onChange: this.onChanged, type: "email", className: Styles.ns_input, placeholder: this.props.placeholder })] }), _jsx(NSInputErrorNotifier, { error: this.state.error })] }));
41
+ }
42
+ }
43
+ //# sourceMappingURL=NSInputEmail.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NSInputEmail.js","sourceRoot":"","sources":["../../src/components/NSInputEmail.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,5 @@
1
+ import { IBaseComponentProps } from "../props/IBaseComponentProps";
2
+ export interface INSInputErrorNotifierProps extends IBaseComponentProps {
3
+ error?: string;
4
+ }
5
+ export declare function NSInputErrorNotifier(props: INSInputErrorNotifierProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,7 @@
1
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
+ import Styles from "./NSInputErrorNotifier.module.css";
3
+ import Danger from '../assets/images/danger.svg';
4
+ export function NSInputErrorNotifier(props) {
5
+ return _jsx(_Fragment, { children: props.error && (_jsxs("div", { className: "d-flex justify-content-start align-items-center gap-2 ms-2", children: [_jsx("img", { className: "", src: Danger, alt: "Error Icon", width: 13, height: 13 }), _jsx("span", { className: Styles.ns_input_error, children: props.error })] })) });
6
+ }
7
+ //# sourceMappingURL=NSInputErrorNotifier.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NSInputErrorNotifier.js","sourceRoot":"","sources":["../../src/components/NSInputErrorNotifier.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mCAAmC,CAAC;AACvD,OAAO,MAAM,MAAM,6BAA6B,CAAC;AAQjD,MAAM,UAAU,oBAAoB,CAAC,KAAiC;IAElE,OAAO,4BAEC,KAAK,CAAC,KAAK,IAAI,CACX,eAAK,SAAS,EAAC,4DAA4D,aACvE,cACI,SAAS,EAAE,EAAE,EACb,GAAG,EAAE,MAAM,EACX,GAAG,EAAC,YAAY,EAChB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,EACF,eAAM,SAAS,EAAE,MAAM,CAAC,cAAc,YAAG,KAAK,CAAC,KAAK,GAAQ,IACzD,CACV,GAEN,CAAC;AACR,CAAC"}
@@ -0,0 +1,3 @@
1
+ .ns_input_error {
2
+ color: #FF3F3F !important;
3
+ }
@@ -0,0 +1,22 @@
1
+ import React from "react";
2
+ import { IBaseComponentProps } from "../props/IBaseComponentProps";
3
+ import { IValidationProps } from "../props/IValidationProps";
4
+ import { IValidationNumberProps } from "../props/IValidationNumberProps";
5
+ export interface INSInputFloatProps extends IBaseComponentProps, IValidationProps, IValidationNumberProps {
6
+ title: string;
7
+ defaultValue?: number;
8
+ onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
9
+ placeholder?: string;
10
+ }
11
+ export interface NSInputFloatState {
12
+ value?: number;
13
+ error?: string;
14
+ }
15
+ export declare class NSInputFloat extends React.Component<INSInputFloatProps, NSInputFloatState> {
16
+ constructor(props: INSInputFloatProps);
17
+ getError(): string | null;
18
+ getValue(): number | undefined;
19
+ setValue(value: number | undefined): void;
20
+ private onChanged;
21
+ render(): import("react/jsx-runtime").JSX.Element;
22
+ }
@@ -0,0 +1,41 @@
1
+ "use client";
2
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
3
+ import React from "react";
4
+ import Styles from "./NSInput.module.css";
5
+ import IconInputFloat from '../assets/images/icon-input-float.svg';
6
+ import { Validator } from "../Validator";
7
+ import { NSInputErrorNotifier } from "./NSInputErrorNotifier";
8
+ export class NSInputFloat extends React.Component {
9
+ constructor(props) {
10
+ super(props);
11
+ this.state = { value: props.defaultValue };
12
+ this.setValue = this.setValue.bind(this);
13
+ this.getValue = this.getValue.bind(this);
14
+ this.onChanged = this.onChanged.bind(this);
15
+ }
16
+ getError() {
17
+ return (Validator.getError(this.props.title, this.state.value, this.props) &&
18
+ Validator.getErrorNumber(this.props.title, this.state.value, this.props));
19
+ }
20
+ getValue() {
21
+ let error = this.getError();
22
+ if (error) {
23
+ this.setState({ error });
24
+ throw new Error(error);
25
+ }
26
+ return this.state.value;
27
+ }
28
+ setValue(value) {
29
+ this.setState({ value });
30
+ }
31
+ onChanged(e) {
32
+ this.setValue(parseFloat(e.target.value));
33
+ if (this.props.onChanged)
34
+ this.props.onChanged(e);
35
+ }
36
+ render() {
37
+ var _a;
38
+ return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `${Styles.ns_input_parent} p-2 ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: this.props.style, children: [_jsxs("span", { className: Styles.ns_input_title, children: [" ", this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title, " "] }), _jsx("img", { className: Styles.ns_input_icon, src: IconInputFloat, alt: "Flaot Icon", width: 24, height: 24 }), _jsx("input", { id: this.props.id, value: this.state.value, onChange: this.onChanged, type: "number", className: Styles.ns_input, placeholder: this.props.placeholder })] }), _jsx(NSInputErrorNotifier, { error: this.state.error })] }));
39
+ }
40
+ }
41
+ //# sourceMappingURL=NSInputFloat.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NSInputFloat.js","sourceRoot":"","sources":["../../src/components/NSInputFloat.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,22 @@
1
+ import React from "react";
2
+ import { IBaseComponentProps } from "../props/IBaseComponentProps";
3
+ import { IValidationProps } from "../props/IValidationProps";
4
+ import { IValidationStringProps } from "../props/IValidationStringProps";
5
+ export interface INSInputIPProps extends IBaseComponentProps, IValidationProps, IValidationStringProps {
6
+ title: string;
7
+ defaultValue?: string;
8
+ onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
9
+ placeholder?: string;
10
+ }
11
+ export interface NSInputIPState {
12
+ value: string;
13
+ error?: string;
14
+ }
15
+ export declare class NSInputIP extends React.Component<INSInputIPProps, NSInputIPState> {
16
+ constructor(props: INSInputIPProps);
17
+ getError(): string | null;
18
+ getValue(): string;
19
+ setValue(value: string): void;
20
+ private onChanged;
21
+ render(): import("react/jsx-runtime").JSX.Element;
22
+ }
@@ -0,0 +1,43 @@
1
+ "use client";
2
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
3
+ import React from "react";
4
+ import Styles from "./NSInput.module.css";
5
+ import IconInputIP from '../assets/images/icon-input-ip.svg';
6
+ import { Validator } from "../Validator";
7
+ import { NSInputErrorNotifier } from "./NSInputErrorNotifier";
8
+ export class NSInputIP extends React.Component {
9
+ constructor(props) {
10
+ var _a;
11
+ super(props);
12
+ this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : "" };
13
+ this.getValue = this.getValue.bind(this);
14
+ this.setValue = this.setValue.bind(this);
15
+ this.onChanged = this.onChanged.bind(this);
16
+ }
17
+ getError() {
18
+ return (Validator.getError(this.props.title, this.state.value, this.props) &&
19
+ Validator.getErrorString(this.props.title, this.state.value, this.props) &&
20
+ Validator.getErrorIP(this.props.title, this.state.value));
21
+ }
22
+ getValue() {
23
+ let error = this.getError();
24
+ if (error) {
25
+ this.setState({ error });
26
+ throw new Error(error);
27
+ }
28
+ return this.state.value;
29
+ }
30
+ setValue(value) {
31
+ this.setState({ value });
32
+ }
33
+ onChanged(e) {
34
+ this.setValue(e.target.value);
35
+ if (this.props.onChanged)
36
+ this.props.onChanged(e);
37
+ }
38
+ render() {
39
+ var _a;
40
+ return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `${Styles.ns_input_parent} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: this.props.style, children: [_jsxs("span", { className: Styles.ns_input_title, children: [" ", this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title, " "] }), _jsx("img", { className: Styles.ns_input_icon, src: IconInputIP, alt: "IP Icon", width: 24, height: 24 }), _jsx("input", { id: this.props.id, value: this.state.value, onChange: this.onChanged, type: "text", className: Styles.ns_input, placeholder: this.props.placeholder })] }), _jsx(NSInputErrorNotifier, { error: this.state.error })] }));
41
+ }
42
+ }
43
+ //# sourceMappingURL=NSInputIP.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NSInputIP.js","sourceRoot":"","sources":["../../src/components/NSInputIP.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,22 @@
1
+ import React from "react";
2
+ import { IBaseComponentProps } from "../props/IBaseComponentProps";
3
+ import { IValidationNumberProps } from "../props/IValidationNumberProps";
4
+ import { IValidationProps } from "../props/IValidationProps";
5
+ export interface INSInputIntegerProps extends IBaseComponentProps, IValidationProps, IValidationNumberProps {
6
+ title: string;
7
+ defaultValue?: number;
8
+ onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
9
+ placeholder?: string;
10
+ }
11
+ export interface NSInputIntegerState {
12
+ value?: number;
13
+ error?: string;
14
+ }
15
+ export declare class NSInputInteger extends React.Component<INSInputIntegerProps, NSInputIntegerState> {
16
+ constructor(props: INSInputIntegerProps);
17
+ getError(): string | null;
18
+ getValue(): number | undefined;
19
+ setValue(value: number | undefined): void;
20
+ private onChanged;
21
+ render(): import("react/jsx-runtime").JSX.Element;
22
+ }
@@ -0,0 +1,41 @@
1
+ "use client";
2
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
3
+ import React from "react";
4
+ import Styles from "./NSInput.module.css";
5
+ import IconInputInteger from '../assets/images/icon-input-integer.svg';
6
+ import { Validator } from "../Validator";
7
+ import { NSInputErrorNotifier } from "./NSInputErrorNotifier";
8
+ export class NSInputInteger extends React.Component {
9
+ constructor(props) {
10
+ super(props);
11
+ this.state = { value: props.defaultValue };
12
+ this.getValue = this.getValue.bind(this);
13
+ this.setValue = this.setValue.bind(this);
14
+ this.onChanged = this.onChanged.bind(this);
15
+ }
16
+ getError() {
17
+ return (Validator.getError(this.props.title, this.state.value, this.props) &&
18
+ Validator.getErrorNumber(this.props.title, this.state.value, this.props));
19
+ }
20
+ getValue() {
21
+ let error = this.getError();
22
+ if (error) {
23
+ this.setState({ error });
24
+ throw new Error(error);
25
+ }
26
+ return this.state.value;
27
+ }
28
+ setValue(value) {
29
+ this.setState({ value });
30
+ }
31
+ onChanged(e) {
32
+ this.setValue(parseInt(e.target.value));
33
+ if (this.props.onChanged)
34
+ this.props.onChanged(e);
35
+ }
36
+ render() {
37
+ var _a;
38
+ return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `${Styles.ns_input_parent} p-2 ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: this.props.style, children: [_jsxs("span", { className: Styles.ns_input_title, children: [" ", this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title, " "] }), _jsx("img", { className: Styles.ns_input_icon, src: IconInputInteger, alt: "Integer Icon", width: 24, height: 24 }), _jsx("input", { id: this.props.id, value: this.state.value, onChange: this.onChanged, type: "number", className: Styles.ns_input, placeholder: this.props.placeholder })] }), _jsx(NSInputErrorNotifier, { error: this.state.error })] }));
39
+ }
40
+ }
41
+ //# sourceMappingURL=NSInputInteger.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NSInputInteger.js","sourceRoot":"","sources":["../../src/components/NSInputInteger.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,22 @@
1
+ import React from "react";
2
+ import { IBaseComponentProps } from "../props/IBaseComponentProps";
3
+ import { IValidationProps } from "../props/IValidationProps";
4
+ import { IValidationStringProps } from "../props/IValidationStringProps";
5
+ export interface INSInputPasswordProps extends IBaseComponentProps, IValidationProps, IValidationStringProps {
6
+ title: string;
7
+ defaultValue?: string;
8
+ onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
9
+ placeholder?: string;
10
+ }
11
+ export interface NSInputPasswordState {
12
+ value: string;
13
+ error?: string;
14
+ }
15
+ export declare class NSInputPassword extends React.Component<INSInputPasswordProps, NSInputPasswordState> {
16
+ constructor(props: INSInputPasswordProps);
17
+ getError(): string | null;
18
+ getValue(): string;
19
+ setValue(value: string): void;
20
+ private onChanged;
21
+ render(): import("react/jsx-runtime").JSX.Element;
22
+ }
@@ -0,0 +1,42 @@
1
+ "use client";
2
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
3
+ import React from "react";
4
+ import Styles from "./NSInput.module.css";
5
+ import IconInputString from '../assets/images/icon-input-string.svg';
6
+ import { Validator } from "../Validator";
7
+ import { NSInputErrorNotifier } from "./NSInputErrorNotifier";
8
+ export class NSInputPassword extends React.Component {
9
+ constructor(props) {
10
+ var _a;
11
+ super(props);
12
+ this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : "" };
13
+ this.getValue = this.getValue.bind(this);
14
+ this.setValue = this.setValue.bind(this);
15
+ this.onChanged = this.onChanged.bind(this);
16
+ }
17
+ getError() {
18
+ return (Validator.getError(this.props.title, this.state.value, this.props) &&
19
+ Validator.getErrorString(this.props.title, this.state.value, this.props));
20
+ }
21
+ getValue() {
22
+ let error = this.getError();
23
+ if (error) {
24
+ this.setState({ error });
25
+ throw new Error(error);
26
+ }
27
+ return this.state.value;
28
+ }
29
+ setValue(value) {
30
+ this.setState({ value });
31
+ }
32
+ onChanged(e) {
33
+ this.setValue(e.target.value);
34
+ if (this.props.onChanged)
35
+ this.props.onChanged(e);
36
+ }
37
+ render() {
38
+ var _a;
39
+ return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `${Styles.ns_input_parent} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: this.props.style, children: [_jsxs("span", { className: Styles.ns_input_title, children: [" ", this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title, " "] }), _jsx("img", { className: Styles.ns_input_icon, src: IconInputString, alt: "Password Icon", width: 24, height: 24 }), _jsx("input", { id: this.props.id, value: this.state.value, onChange: this.onChanged, type: "password", className: Styles.ns_input, placeholder: this.props.placeholder })] }), _jsx(NSInputErrorNotifier, { error: this.state.error })] }));
40
+ }
41
+ }
42
+ //# sourceMappingURL=NSInputPassword.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NSInputPassword.js","sourceRoot":"","sources":["../../src/components/NSInputPassword.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,eAAe,MAAM,wCAAwC,CAAC;AAIrE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAgB9D,MAAM,OAAO,eAAgB,SAAQ,KAAK,CAAC,SAAsD;IAE7F,YAAY,KAA4B;;QAEpC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,MAAA,KAAK,CAAC,YAAY,mCAAI,EAAE,EAAE,CAAC;QACjD,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC/C,CAAC;IACD,QAAQ;QAEJ,OAAO,CACH,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC;YAClE,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAC3E,CAAC;IACN,CAAC;IACD,QAAQ;QAEJ,IAAI,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC5B,IAAI,KAAK,EACT;YACI,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;YACzB,MAAM,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC;SAC1B;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC5B,CAAC;IACD,QAAQ,CAAC,KAAa;QAElB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACO,SAAS,CAAC,CAAsC;QAEpD,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC9B,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS;YACpB,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IAChC,CAAC;IACQ,MAAM;;QAEX,OAAO,CACH,8BACI,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,IAAI,MAAA,IAAI,CAAC,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,aACnG,gBAAM,SAAS,EAAE,MAAM,CAAC,cAAc,kBAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,eAAM,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,kBAAW,OAAG,IAAI,CAAC,KAAK,CAAC,KAAK,SAAS,EACrI,cACI,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,GAAG,EAAE,eAAe,EACpB,GAAG,EAAC,eAAe,EACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,EACF,gBACI,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EACjB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,SAAS,EACxB,IAAI,EAAC,UAAU,EACf,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,GACrC,IACA,EACN,KAAC,oBAAoB,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,GAAI,IAClD,CACN,CAAC;IACN,CAAC;CACJ"}
@@ -0,0 +1,22 @@
1
+ import React from "react";
2
+ import 'react-phone-input-2/lib/style.css';
3
+ import { IBaseComponentProps } from "../props/IBaseComponentProps";
4
+ import { IValidationProps } from "../props/IValidationProps";
5
+ import { IValidationStringProps } from "../props/IValidationStringProps";
6
+ export interface INSInputPhoneProps extends IBaseComponentProps, IValidationProps, IValidationStringProps {
7
+ title: string;
8
+ defaultValue?: string;
9
+ onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
10
+ placeholder?: string;
11
+ }
12
+ export interface NSInputPhoneState {
13
+ value: string;
14
+ error?: string;
15
+ }
16
+ export declare class NSInputPhone extends React.Component<INSInputPhoneProps, NSInputPhoneState> {
17
+ constructor(props: INSInputPhoneProps);
18
+ getError(): string | null;
19
+ getValue(): string;
20
+ setValue(value: string): void;
21
+ render(): import("react/jsx-runtime").JSX.Element;
22
+ }
@@ -0,0 +1,38 @@
1
+ "use client";
2
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
3
+ import React from "react";
4
+ import Styles from "./NSInput.module.css";
5
+ import IconInputPhone from '../assets/images/icon-input-phone.svg';
6
+ import PhoneInput from 'react-phone-input-2';
7
+ import 'react-phone-input-2/lib/style.css';
8
+ import { Validator } from "../Validator";
9
+ import { NSInputErrorNotifier } from "./NSInputErrorNotifier";
10
+ export class NSInputPhone extends React.Component {
11
+ constructor(props) {
12
+ var _a;
13
+ super(props);
14
+ this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : "" };
15
+ this.setValue = this.setValue.bind(this);
16
+ this.getValue = this.getValue.bind(this);
17
+ }
18
+ getError() {
19
+ return (Validator.getError(this.props.title, this.state.value, this.props) &&
20
+ Validator.getErrorString(this.props.title, this.state.value, this.props));
21
+ }
22
+ getValue() {
23
+ let error = this.getError();
24
+ if (error) {
25
+ this.setState({ error });
26
+ throw new Error(error);
27
+ }
28
+ return this.state.value;
29
+ }
30
+ setValue(value) {
31
+ this.setState({ value });
32
+ }
33
+ render() {
34
+ var _a;
35
+ return (_jsxs(_Fragment, { children: [_jsxs("div", { id: this.props.id, className: `${Styles.ns_input_parent} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: this.props.style, children: [_jsxs("span", { className: Styles.ns_input_title, children: [" ", this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title, " "] }), _jsx("img", { className: Styles.ns_input_icon, src: IconInputPhone, alt: "Phone Icon", width: 24, height: 24 }), _jsx(PhoneInput, { value: this.state.value, onChange: this.setValue, country: 'us', inputClass: Styles.ns_input, placeholder: this.props.placeholder })] }), _jsx(NSInputErrorNotifier, { error: this.state.error })] }));
36
+ }
37
+ }
38
+ //# sourceMappingURL=NSInputPhone.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NSInputPhone.js","sourceRoot":"","sources":["../../src/components/NSInputPhone.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,cAAc,MAAM,uCAAuC,CAAC;AACnE,OAAO,UAAU,MAAM,qBAAqB,CAAA;AAC5C,OAAO,mCAAmC,CAAA;AAI1C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAgB9D,MAAM,OAAO,YAAa,SAAQ,KAAK,CAAC,SAAgD;IAEpF,YAAY,KAAyB;;QAEjC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,MAAA,KAAK,CAAC,YAAY,mCAAI,EAAE,EAAE,CAAC;QACjD,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC7C,CAAC;IACD,QAAQ;QAEJ,OAAO,CACH,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC;YAClE,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAC3E,CAAC;IACN,CAAC;IACD,QAAQ;QAEJ,IAAI,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC5B,IAAI,KAAK,EACT;YACI,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;YACzB,MAAM,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC;SAC1B;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC5B,CAAC;IACD,QAAQ,CAAC,KAAa;QAElB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACQ,MAAM;;QAEX,OAAO,CACH,8BACI,eAAK,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,IAAI,MAAA,IAAI,CAAC,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,aACtH,gBAAM,SAAS,EAAE,MAAM,CAAC,cAAc,kBAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,eAAM,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,kBAAW,OAAG,IAAI,CAAC,KAAK,CAAC,KAAK,SAAS,EACrI,cACI,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,GAAG,EAAE,cAAc,EACnB,GAAG,EAAC,YAAY,EAChB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,EACF,KAAC,UAAU,IACP,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,IAAI,EACb,UAAU,EAAE,MAAM,CAAC,QAAQ,EAC3B,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,GACrC,IACC,EACP,KAAC,oBAAoB,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,GAAI,IAClD,CACN,CAAC;IACN,CAAC;CACJ"}
@@ -0,0 +1,22 @@
1
+ import React from "react";
2
+ import { IBaseComponentProps } from "../props/IBaseComponentProps";
3
+ import { IValidationProps } from "../props/IValidationProps";
4
+ import { IValidationNumberProps } from "../props/IValidationNumberProps";
5
+ export interface INSInputPriceProps extends IBaseComponentProps, IValidationProps, IValidationNumberProps {
6
+ title: string;
7
+ defaultValue?: number;
8
+ onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
9
+ placeholder?: string;
10
+ }
11
+ export interface NSInputPriceState {
12
+ value?: number;
13
+ error?: string;
14
+ }
15
+ export declare class NSInputPrice extends React.Component<INSInputPriceProps, NSInputPriceState> {
16
+ constructor(props: INSInputPriceProps);
17
+ getError(): string | null;
18
+ getValue(): number | undefined;
19
+ setValue(value: number): void;
20
+ private onChanged;
21
+ render(): import("react/jsx-runtime").JSX.Element;
22
+ }