namirasoft-site-react 1.3.202 → 1.3.204

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 (322) hide show
  1. package/config-overrides.js +70 -70
  2. package/dist/assets/images/404 image.svg +9 -9
  3. package/dist/assets/images/404 image_mobile.svg +9 -9
  4. package/dist/assets/images/arrow.svg +3 -3
  5. package/dist/assets/images/danger.svg +3 -3
  6. package/dist/assets/images/exit.svg +3 -3
  7. package/dist/assets/images/icon-input-copy.svg +3 -3
  8. package/dist/assets/images/icon-input-date.svg +9 -9
  9. package/dist/assets/images/icon-input-duration.svg +9 -9
  10. package/dist/assets/images/icon-input-email.svg +9 -9
  11. package/dist/assets/images/icon-input-float.svg +9 -9
  12. package/dist/assets/images/icon-input-integer.svg +9 -9
  13. package/dist/assets/images/icon-input-ip.svg +9 -9
  14. package/dist/assets/images/icon-input-phone.svg +9 -9
  15. package/dist/assets/images/icon-input-price.svg +9 -9
  16. package/dist/assets/images/icon-input-search.svg +3 -3
  17. package/dist/assets/images/icon-input-string.svg +9 -9
  18. package/dist/assets/images/icon-input-text.svg +9 -9
  19. package/dist/assets/images/icon-input-time.svg +9 -9
  20. package/dist/assets/images/icon-select-box.svg +3 -3
  21. package/dist/assets/images/logo.svg +9 -9
  22. package/dist/assets/images/menu.svg +3 -3
  23. package/dist/assets/images/namira.svg +9 -9
  24. package/dist/assets/images/rectangle.svg +3 -3
  25. package/dist/components/NSActionMenu.js +2 -2
  26. package/dist/components/NSActionMenu.module.css +75 -75
  27. package/dist/components/NSBarAction.js +1 -1
  28. package/dist/components/NSBarAction.js.map +1 -1
  29. package/dist/components/NSBarAction.module.css +87 -87
  30. package/dist/components/NSBarHeroBanner.module.css +42 -42
  31. package/dist/components/NSBarNotification.module.css +31 -31
  32. package/dist/components/NSBarTitle.module.css +9 -9
  33. package/dist/components/NSBox.module.css +85 -112
  34. package/dist/components/NSBoxBoolean.module.css +54 -54
  35. package/dist/components/NSBoxDate.module.css +39 -39
  36. package/dist/components/NSBoxEnum.module.css +38 -38
  37. package/dist/components/NSBoxErrorNotifier.module.css +2 -2
  38. package/dist/components/NSBoxLabel.module.css +13 -0
  39. package/dist/components/NSBoxOTP.module.css +10 -10
  40. package/dist/components/NSBoxTextArea.module.css +76 -72
  41. package/dist/components/NSButton.module.css +27 -27
  42. package/dist/components/NSButtonBlue.module.css +4 -4
  43. package/dist/components/NSButtonGreen.module.css +4 -4
  44. package/dist/components/NSButtonRed.module.css +4 -4
  45. package/dist/components/NSCard.module.css +110 -110
  46. package/dist/components/NSCopyToClipboard.module.css +39 -39
  47. package/dist/components/NSElectronicCard.module.css +60 -60
  48. package/dist/components/NSEntityBar.module.css +77 -77
  49. package/dist/components/NSEntityCardBackground.module.css +27 -27
  50. package/dist/components/NSFilterBox.module.css +38 -38
  51. package/dist/components/NSFilterBoxDialog.module.css +36 -36
  52. package/dist/components/NSFilterItem.module.css +23 -23
  53. package/dist/components/NSFooter.module.css +126 -126
  54. package/dist/components/NSGroupedList.module.css +70 -70
  55. package/dist/components/NSHeader.module.css +254 -254
  56. package/dist/components/NSLayout.module.css +13 -13
  57. package/dist/components/NSLink.module.css +36 -36
  58. package/dist/components/NSLoading.module.css +26 -26
  59. package/dist/components/NSModal.js +2 -2
  60. package/dist/components/NSModal.module.css +70 -70
  61. package/dist/components/NSPagination.module.css +37 -37
  62. package/dist/components/NSPanel.module.css +45 -45
  63. package/dist/components/NSSection.module.css +10 -10
  64. package/dist/components/NSSectionBars.module.css +10 -10
  65. package/dist/components/NSSectionCards.module.css +38 -38
  66. package/dist/components/NSTabPage.module.css +48 -44
  67. package/dist/components/NSTable.d.ts +1 -1
  68. package/dist/components/NSTable.js +13 -3
  69. package/dist/components/NSTable.js.map +1 -1
  70. package/dist/components/NSTable.module.css +165 -165
  71. package/dist/components/NSTitle.module.css +15 -15
  72. package/dist/components/NSVerification.module.css +22 -22
  73. package/dist/pages/NSLoginPage.module.css +19 -19
  74. package/dist/pages/NSNotFoundPage.module.css +18 -18
  75. package/package.json +65 -65
  76. package/public/index.html +38 -38
  77. package/public/manifest.json +24 -24
  78. package/public/robots.txt +3 -3
  79. package/src/App.css +16 -16
  80. package/src/App.tsx +68 -68
  81. package/src/CopyToClipboard.ts +6 -6
  82. package/src/Validator.ts +110 -110
  83. package/src/assets/images/404 image.svg +9 -9
  84. package/src/assets/images/404 image_mobile.svg +9 -9
  85. package/src/assets/images/arrow.svg +3 -3
  86. package/src/assets/images/danger.svg +3 -3
  87. package/src/assets/images/exit.svg +3 -3
  88. package/src/assets/images/icon-input-copy.svg +3 -3
  89. package/src/assets/images/icon-input-date.svg +9 -9
  90. package/src/assets/images/icon-input-duration.svg +9 -9
  91. package/src/assets/images/icon-input-email.svg +9 -9
  92. package/src/assets/images/icon-input-float.svg +9 -9
  93. package/src/assets/images/icon-input-integer.svg +9 -9
  94. package/src/assets/images/icon-input-ip.svg +9 -9
  95. package/src/assets/images/icon-input-phone.svg +9 -9
  96. package/src/assets/images/icon-input-price.svg +9 -9
  97. package/src/assets/images/icon-input-search.svg +3 -3
  98. package/src/assets/images/icon-input-string.svg +9 -9
  99. package/src/assets/images/icon-input-text.svg +9 -9
  100. package/src/assets/images/icon-input-time.svg +9 -9
  101. package/src/assets/images/icon-select-box.svg +3 -3
  102. package/src/assets/images/logo.svg +9 -9
  103. package/src/assets/images/menu.svg +3 -3
  104. package/src/assets/images/namira.svg +9 -9
  105. package/src/assets/images/rectangle.svg +3 -3
  106. package/src/components/NSActionMenu.module.css +75 -75
  107. package/src/components/NSActionMenu.tsx +78 -78
  108. package/src/components/NSBarAction.module.css +87 -87
  109. package/src/components/NSBarAction.tsx +87 -87
  110. package/src/components/NSBarHeroBanner.module.css +42 -42
  111. package/src/components/NSBarHeroBanner.tsx +61 -61
  112. package/src/components/NSBarNotification.module.css +31 -31
  113. package/src/components/NSBarNotification.tsx +63 -63
  114. package/src/components/NSBarTitle.module.css +9 -9
  115. package/src/components/NSBarTitle.tsx +28 -28
  116. package/src/components/NSBox.module.css +85 -85
  117. package/src/components/NSBoxBoolean.module.css +54 -54
  118. package/src/components/NSBoxBoolean.tsx +87 -87
  119. package/src/components/NSBoxDate.module.css +39 -39
  120. package/src/components/NSBoxDate.tsx +80 -80
  121. package/src/components/NSBoxDateTime.tsx +80 -80
  122. package/src/components/NSBoxDouble.tsx +86 -86
  123. package/src/components/NSBoxDuration.tsx +84 -84
  124. package/src/components/NSBoxEmail.tsx +125 -125
  125. package/src/components/NSBoxEntity.tsx +120 -120
  126. package/src/components/NSBoxEnum.module.css +38 -38
  127. package/src/components/NSBoxEnum.tsx +123 -123
  128. package/src/components/NSBoxErrorNotifier.module.css +2 -2
  129. package/src/components/NSBoxErrorNotifier.tsx +27 -27
  130. package/src/components/NSBoxIPV4.tsx +89 -89
  131. package/src/components/NSBoxIPV6.tsx +86 -86
  132. package/src/components/NSBoxInteger.tsx +82 -82
  133. package/src/components/NSBoxLabel.module.css +12 -12
  134. package/src/components/NSBoxLabel.tsx +28 -28
  135. package/src/components/NSBoxOTP.module.css +10 -10
  136. package/src/components/NSBoxOTP.tsx +61 -61
  137. package/src/components/NSBoxPassword.tsx +82 -82
  138. package/src/components/NSBoxPhone.tsx +110 -110
  139. package/src/components/NSBoxPrice.tsx +84 -84
  140. package/src/components/NSBoxSearch.tsx +85 -85
  141. package/src/components/NSBoxString.tsx +114 -114
  142. package/src/components/NSBoxText.tsx +127 -127
  143. package/src/components/NSBoxTextArea.module.css +76 -76
  144. package/src/components/NSBoxTextArea.tsx +127 -127
  145. package/src/components/NSBoxTime.tsx +84 -84
  146. package/src/components/NSButton.module.css +27 -27
  147. package/src/components/NSButton.tsx +23 -23
  148. package/src/components/NSButtonBlue.module.css +4 -4
  149. package/src/components/NSButtonBlue.tsx +12 -12
  150. package/src/components/NSButtonGreen.module.css +4 -4
  151. package/src/components/NSButtonGreen.tsx +11 -11
  152. package/src/components/NSButtonRed.module.css +4 -4
  153. package/src/components/NSButtonRed.tsx +11 -11
  154. package/src/components/NSCard.module.css +110 -110
  155. package/src/components/NSCard.tsx +69 -69
  156. package/src/components/NSCopyToClipboard.module.css +39 -39
  157. package/src/components/NSCopyToClipboard.tsx +35 -35
  158. package/src/components/NSElectronicCard.module.css +60 -60
  159. package/src/components/NSElectronicCard.tsx +47 -47
  160. package/src/components/NSEntityBar.module.css +77 -77
  161. package/src/components/NSEntityBar.tsx +27 -27
  162. package/src/components/NSEntityCardBackground.module.css +27 -27
  163. package/src/components/NSEntityCardBackground.tsx +34 -34
  164. package/src/components/NSFilterBox.module.css +38 -38
  165. package/src/components/NSFilterBox.tsx +277 -277
  166. package/src/components/NSFilterBoxDialog.module.css +36 -36
  167. package/src/components/NSFilterBoxDialog.tsx +74 -74
  168. package/src/components/NSFilterItem.module.css +23 -23
  169. package/src/components/NSFilterItem.tsx +71 -71
  170. package/src/components/NSFooter.module.css +126 -126
  171. package/src/components/NSFooter.tsx +153 -153
  172. package/src/components/NSGroupedList.module.css +70 -70
  173. package/src/components/NSGroupedList.tsx +56 -56
  174. package/src/components/NSHeader.module.css +254 -254
  175. package/src/components/NSHeader.tsx +184 -184
  176. package/src/components/NSLayout.module.css +13 -13
  177. package/src/components/NSLayout.tsx +75 -75
  178. package/src/components/NSLine.tsx +18 -18
  179. package/src/components/NSLink.module.css +36 -36
  180. package/src/components/NSLink.tsx +25 -25
  181. package/src/components/NSLinkBlue.tsx +20 -20
  182. package/src/components/NSLinkGreen.tsx +5 -5
  183. package/src/components/NSLinkRed.tsx +5 -5
  184. package/src/components/NSLoading.module.css +26 -26
  185. package/src/components/NSLoading.tsx +17 -17
  186. package/src/components/NSModal.module.css +70 -70
  187. package/src/components/NSModal.tsx +62 -62
  188. package/src/components/NSPagination.module.css +37 -37
  189. package/src/components/NSPagination.tsx +116 -116
  190. package/src/components/NSPanel.module.css +45 -45
  191. package/src/components/NSPanel.tsx +19 -19
  192. package/src/components/NSSection.module.css +10 -10
  193. package/src/components/NSSection.tsx +23 -23
  194. package/src/components/NSSectionBars.module.css +10 -10
  195. package/src/components/NSSectionBars.tsx +25 -25
  196. package/src/components/NSSectionCards.module.css +38 -38
  197. package/src/components/NSSectionCards.tsx +51 -51
  198. package/src/components/NSSectionTitle.tsx +21 -21
  199. package/src/components/NSSpace.tsx +28 -28
  200. package/src/components/NSTabPage.module.css +48 -48
  201. package/src/components/NSTabPage.tsx +45 -45
  202. package/src/components/NSTable.module.css +165 -165
  203. package/src/components/NSTable.tsx +192 -179
  204. package/src/components/NSTitle.module.css +15 -15
  205. package/src/components/NSTitle.tsx +19 -19
  206. package/src/components/NSVerification.module.css +22 -22
  207. package/src/components/NSVerification.tsx +41 -41
  208. package/src/index.tsx +7 -7
  209. package/src/main.ts +73 -73
  210. package/src/pages/NSLoginPage.module.css +19 -19
  211. package/src/pages/NSLoginPage.tsx +45 -45
  212. package/src/pages/NSNotFoundPage.module.css +18 -18
  213. package/src/pages/NSNotFoundPage.tsx +11 -11
  214. package/src/props/IBaseComponentProps.ts +7 -7
  215. package/src/props/IHeaderIconProps.ts +6 -6
  216. package/src/props/IHeaderProps.ts +6 -6
  217. package/src/props/IImageProps.ts +4 -4
  218. package/src/props/ILinkProps.ts +5 -5
  219. package/src/props/IValidationNumberProps.ts +4 -4
  220. package/src/props/IValidationProps.ts +7 -7
  221. package/src/props/IValidationRegexProps.ts +4 -4
  222. package/src/props/IValidationStringProps.ts +4 -4
  223. package/src/routing/INSRouterMaker.ts +6 -6
  224. package/src/routing/INSRouterProps.ts +5 -5
  225. package/src/routing/INSRouterState.ts +5 -5
  226. package/src/routing/NSRouterMaker.tsx +33 -33
  227. package/src/routing/Notifier.ts +79 -79
  228. package/tsconfig.json +43 -43
  229. package/dist/App.css +0 -13
  230. package/dist/assets/images/icon-export.svg +0 -3
  231. package/dist/assets/images/icon-input-id.svg +0 -9
  232. package/dist/assets/images/icon-refresh.svg +0 -3
  233. package/dist/components/NSInput.module.css +0 -74
  234. package/dist/components/NSInputDate.d.ts +0 -21
  235. package/dist/components/NSInputDate.js +0 -41
  236. package/dist/components/NSInputDate.js.map +0 -1
  237. package/dist/components/NSInputDate.module.css +0 -42
  238. package/dist/components/NSInputDuration.d.ts +0 -23
  239. package/dist/components/NSInputDuration.js +0 -42
  240. package/dist/components/NSInputDuration.js.map +0 -1
  241. package/dist/components/NSInputEmail.d.ts +0 -22
  242. package/dist/components/NSInputEmail.js +0 -43
  243. package/dist/components/NSInputEmail.js.map +0 -1
  244. package/dist/components/NSInputErrorNotifier.d.ts +0 -5
  245. package/dist/components/NSInputErrorNotifier.js +0 -7
  246. package/dist/components/NSInputErrorNotifier.js.map +0 -1
  247. package/dist/components/NSInputErrorNotifier.module.css +0 -3
  248. package/dist/components/NSInputFloat.d.ts +0 -22
  249. package/dist/components/NSInputFloat.js +0 -41
  250. package/dist/components/NSInputFloat.js.map +0 -1
  251. package/dist/components/NSInputIP.d.ts +0 -22
  252. package/dist/components/NSInputIP.js +0 -43
  253. package/dist/components/NSInputIP.js.map +0 -1
  254. package/dist/components/NSInputInteger.d.ts +0 -22
  255. package/dist/components/NSInputInteger.js +0 -41
  256. package/dist/components/NSInputInteger.js.map +0 -1
  257. package/dist/components/NSInputPassword.d.ts +0 -22
  258. package/dist/components/NSInputPassword.js +0 -42
  259. package/dist/components/NSInputPassword.js.map +0 -1
  260. package/dist/components/NSInputPhone.d.ts +0 -22
  261. package/dist/components/NSInputPhone.js +0 -38
  262. package/dist/components/NSInputPhone.js.map +0 -1
  263. package/dist/components/NSInputPrice.d.ts +0 -22
  264. package/dist/components/NSInputPrice.js +0 -41
  265. package/dist/components/NSInputPrice.js.map +0 -1
  266. package/dist/components/NSInputSearch.d.ts +0 -22
  267. package/dist/components/NSInputSearch.js +0 -41
  268. package/dist/components/NSInputSearch.js.map +0 -1
  269. package/dist/components/NSInputString.d.ts +0 -22
  270. package/dist/components/NSInputString.js +0 -42
  271. package/dist/components/NSInputString.js.map +0 -1
  272. package/dist/components/NSInputText.d.ts +0 -22
  273. package/dist/components/NSInputText.js +0 -42
  274. package/dist/components/NSInputText.js.map +0 -1
  275. package/dist/components/NSInputTime.d.ts +0 -22
  276. package/dist/components/NSInputTime.js +0 -43
  277. package/dist/components/NSInputTime.js.map +0 -1
  278. package/dist/components/NSLayoutAction.d.ts +0 -5
  279. package/dist/components/NSLayoutAction.js +0 -20
  280. package/dist/components/NSLayoutAction.js.map +0 -1
  281. package/dist/components/NSLayoutAction.module.css +0 -88
  282. package/dist/components/NSLayoutHeroBanner.d.ts +0 -2
  283. package/dist/components/NSLayoutHeroBanner.js +0 -8
  284. package/dist/components/NSLayoutHeroBanner.js.map +0 -1
  285. package/dist/components/NSLayoutHeroBanner.module.css +0 -43
  286. package/dist/components/NSLayoutTitle.d.ts +0 -2
  287. package/dist/components/NSLayoutTitle.js +0 -11
  288. package/dist/components/NSLayoutTitle.js.map +0 -1
  289. package/dist/components/NSLayoutTitle.module.css +0 -10
  290. package/dist/components/NSNotification.d.ts +0 -21
  291. package/dist/components/NSNotification.js +0 -37
  292. package/dist/components/NSNotification.js.map +0 -1
  293. package/dist/components/NSNotification.module.css +0 -32
  294. package/dist/components/NSSelectBox.d.ts +0 -24
  295. package/dist/components/NSSelectBox.js +0 -61
  296. package/dist/components/NSSelectBox.js.map +0 -1
  297. package/dist/components/NSSelectBox.module.css +0 -42
  298. package/dist/index.css +0 -6
  299. package/dist/props/BaseComponentProps.d.ts +0 -6
  300. package/dist/props/BaseComponentProps.js +0 -2
  301. package/dist/props/BaseComponentProps.js.map +0 -10
  302. package/dist/props/INamirasoftProps.d.ts +0 -4
  303. package/dist/props/INamirasoftProps.js +0 -2
  304. package/dist/props/INamirasoftProps.js.map +0 -1
  305. package/dist/props/ImageProps.d.ts +0 -4
  306. package/dist/props/ImageProps.js +0 -2
  307. package/dist/props/ImageProps.js.map +0 -10
  308. package/dist/props/LinkProps.d.ts +0 -5
  309. package/dist/props/LinkProps.js +0 -2
  310. package/dist/props/LinkProps.js.map +0 -10
  311. package/dist/props/ValidationNumberProps.d.ts +0 -4
  312. package/dist/props/ValidationNumberProps.js +0 -2
  313. package/dist/props/ValidationNumberProps.js.map +0 -10
  314. package/dist/props/ValidationProps.d.ts +0 -6
  315. package/dist/props/ValidationProps.js +0 -2
  316. package/dist/props/ValidationProps.js.map +0 -10
  317. package/dist/props/ValidationRegexProps.d.ts +0 -4
  318. package/dist/props/ValidationRegexProps.js +0 -2
  319. package/dist/props/ValidationRegexProps.js.map +0 -1
  320. package/dist/props/ValidationStringProps.d.ts +0 -4
  321. package/dist/props/ValidationStringProps.js +0 -2
  322. package/dist/props/ValidationStringProps.js.map +0 -10
package/public/index.html CHANGED
@@ -1,39 +1,39 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
-
4
- <head>
5
- <meta charset="utf-8" />
6
- <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
7
- <meta name="viewport" content="width=device-width, initial-scale=1" />
8
- <meta name="theme-color" content="#000000" />
9
- <meta name="description" content="Web site created using create-react-app" />
10
- <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
11
- <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
12
- <!--
13
- Notice the use of %PUBLIC_URL% in the tags above.
14
- It will be replaced with the URL of the `public` folder during the build.
15
- Only files inside the `public` folder can be referenced from the HTML.
16
-
17
- Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
18
- work correctly both with client-side routing and a non-root public URL.
19
- Learn how to configure a non-root public URL by running `npm run build`.
20
- -->
21
- <title>React App</title>
22
- </head>
23
-
24
- <body>
25
- <noscript>You need to enable JavaScript to run this app.</noscript>
26
- <div id="root"></div>
27
-
28
- <!-- <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
29
- integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
30
- crossorigin="anonymous"></script>
31
- <script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js"
32
- integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
33
- crossorigin="anonymous"></script>
34
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js"
35
- integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
36
- crossorigin="anonymous"></script> -->
37
- </body>
38
-
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+
4
+ <head>
5
+ <meta charset="utf-8" />
6
+ <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
7
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
8
+ <meta name="theme-color" content="#000000" />
9
+ <meta name="description" content="Web site created using create-react-app" />
10
+ <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
11
+ <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
12
+ <!--
13
+ Notice the use of %PUBLIC_URL% in the tags above.
14
+ It will be replaced with the URL of the `public` folder during the build.
15
+ Only files inside the `public` folder can be referenced from the HTML.
16
+
17
+ Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
18
+ work correctly both with client-side routing and a non-root public URL.
19
+ Learn how to configure a non-root public URL by running `npm run build`.
20
+ -->
21
+ <title>React App</title>
22
+ </head>
23
+
24
+ <body>
25
+ <noscript>You need to enable JavaScript to run this app.</noscript>
26
+ <div id="root"></div>
27
+
28
+ <!-- <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
29
+ integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
30
+ crossorigin="anonymous"></script>
31
+ <script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js"
32
+ integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
33
+ crossorigin="anonymous"></script>
34
+ <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js"
35
+ integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
36
+ crossorigin="anonymous"></script> -->
37
+ </body>
38
+
39
39
  </html>
package/public/manifest.json CHANGED
@@ -1,25 +1,25 @@
1
- {
2
- "short_name": "React App",
3
- "name": "Create React App Sample",
4
- "icons": [
5
- {
6
- "src": "favicon.ico",
7
- "sizes": "64x64 32x32 24x24 16x16",
8
- "type": "image/x-icon"
9
- },
10
- {
11
- "src": "logo192.png",
12
- "type": "image/png",
13
- "sizes": "192x192"
14
- },
15
- {
16
- "src": "logo512.png",
17
- "type": "image/png",
18
- "sizes": "512x512"
19
- }
20
- ],
21
- "start_url": ".",
22
- "display": "standalone",
23
- "theme_color": "#000000",
24
- "background_color": "#ffffff"
1
+ {
2
+ "short_name": "React App",
3
+ "name": "Create React App Sample",
4
+ "icons": [
5
+ {
6
+ "src": "favicon.ico",
7
+ "sizes": "64x64 32x32 24x24 16x16",
8
+ "type": "image/x-icon"
9
+ },
10
+ {
11
+ "src": "logo192.png",
12
+ "type": "image/png",
13
+ "sizes": "192x192"
14
+ },
15
+ {
16
+ "src": "logo512.png",
17
+ "type": "image/png",
18
+ "sizes": "512x512"
19
+ }
20
+ ],
21
+ "start_url": ".",
22
+ "display": "standalone",
23
+ "theme_color": "#000000",
24
+ "background_color": "#ffffff"
25
25
  }
package/public/robots.txt CHANGED
@@ -1,3 +1,3 @@
1
- # https://www.robotstxt.org/robotstxt.html
2
- User-agent: *
3
- Disallow:
1
+ # https://www.robotstxt.org/robotstxt.html
2
+ User-agent: *
3
+ Disallow:
package/src/App.css CHANGED
@@ -1,17 +1,17 @@
1
- /*Start Input Tell*/
2
- .country-name {
3
- color: #000 !important;
4
- }
5
- .country-list {
6
- max-width: 206px;
7
- }
8
- .react-tel-input .flag-dropdown {
9
- border: 1px solid #cacaca;
10
- border-radius: 5px 0 0 5px;
11
- border: 1px solid rgba(47, 0, 236, 0.6) !important;
12
- }
13
- /*End Input Tell*/
14
- .ns_font_16_bold{
15
- font-size: 16px;
16
- font-weight: 600;
1
+ /*Start Input Tell*/
2
+ .country-name {
3
+ color: #000 !important;
4
+ }
5
+ .country-list {
6
+ max-width: 206px;
7
+ }
8
+ .react-tel-input .flag-dropdown {
9
+ border: 1px solid #cacaca;
10
+ border-radius: 5px 0 0 5px;
11
+ border: 1px solid rgba(47, 0, 236, 0.6) !important;
12
+ }
13
+ /*End Input Tell*/
14
+ .ns_font_16_bold{
15
+ font-size: 16px;
16
+ font-weight: 600;
17
17
  }
package/src/App.tsx CHANGED
@@ -1,69 +1,69 @@
1
- import './App.css';
2
- import 'bootstrap/dist/css/bootstrap.min.css';
3
- import { NSBoxEmail, NSBoxPhone, NSBoxString, NSBoxText, NSBoxTextArea, NSLayout, NSTabPage } from './main';
4
- import { NSBoxLabel } from './components/NSBoxLabel';
5
- import NSBoxOTP from './components/NSBoxOTP';
6
-
7
- export function App()
8
- {
9
-
10
- const onClicked = () =>
11
- {
12
- console.log("clicked")
13
- }
14
-
15
- let icons = [
16
- { src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked, count: 1 },
17
- { src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked },
18
- { src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked },
19
- { src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked },
20
- { src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked },
21
- { src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked },
22
- { src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked },
23
- ];
24
- let content1 = () => <>
25
- <NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
26
- <NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
27
- <NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
28
- <NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
29
- <NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
30
- <NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
31
- <NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
32
- <NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
33
- <NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
34
- <NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
35
- <NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
36
- </>;
37
- let content2 = () => <div>Content for Tab2</div>;
38
- let content3 = () => <div>Content for Tab3</div>;
39
- const tabs = [
40
- { title: 'Information', getContent: content1 },
41
- { title: 'Price History', getContent: content2 },
42
- { title: 'Price Estimator', getContent: content3 }
43
- ];
44
- return (
45
- <>
46
- <NSLayout
47
- header={{
48
- title: "any",
49
- icons: icons
50
- }}
51
- scope="Namirasoft Account Console"
52
- logo="exampleLogoUrl"
53
- notifications={[]}
54
- background=""
55
- >
56
- <>
57
- <NSBoxEmail title='test' required={true} />
58
- <NSBoxPhone title='test' required={true} />
59
- <NSBoxString title='test' required={true} />
60
- <NSBoxText title='test' required={true} />
61
- <NSBoxTextArea title='test' required={true} />
62
- <NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
63
- <NSTabPage tabs={tabs} />
64
- <NSBoxOTP />
65
- </>
66
- </NSLayout>
67
- </>
68
- );
1
+ import './App.css';
2
+ import 'bootstrap/dist/css/bootstrap.min.css';
3
+ import { NSBoxEmail, NSBoxPhone, NSBoxString, NSBoxText, NSBoxTextArea, NSLayout, NSTabPage } from './main';
4
+ import { NSBoxLabel } from './components/NSBoxLabel';
5
+ import NSBoxOTP from './components/NSBoxOTP';
6
+
7
+ export function App()
8
+ {
9
+
10
+ const onClicked = () =>
11
+ {
12
+ console.log("clicked")
13
+ }
14
+
15
+ let icons = [
16
+ { src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked, count: 1 },
17
+ { src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked },
18
+ { src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked },
19
+ { src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked },
20
+ { src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked },
21
+ { src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked },
22
+ { src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked },
23
+ ];
24
+ let content1 = () => <>
25
+ <NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
26
+ <NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
27
+ <NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
28
+ <NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
29
+ <NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
30
+ <NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
31
+ <NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
32
+ <NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
33
+ <NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
34
+ <NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
35
+ <NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
36
+ </>;
37
+ let content2 = () => <div>Content for Tab2</div>;
38
+ let content3 = () => <div>Content for Tab3</div>;
39
+ const tabs = [
40
+ { title: 'Information', getContent: content1 },
41
+ { title: 'Price History', getContent: content2 },
42
+ { title: 'Price Estimator', getContent: content3 }
43
+ ];
44
+ return (
45
+ <>
46
+ <NSLayout
47
+ header={{
48
+ title: "any",
49
+ icons: icons
50
+ }}
51
+ scope="Namirasoft Account Console"
52
+ logo="exampleLogoUrl"
53
+ notifications={[]}
54
+ background=""
55
+ >
56
+ <>
57
+ <NSBoxEmail title='test' required={true} />
58
+ <NSBoxPhone title='test' required={true} />
59
+ <NSBoxString title='test' required={true} />
60
+ <NSBoxText title='test' required={true} />
61
+ <NSBoxTextArea title='test' required={true} />
62
+ <NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
63
+ <NSTabPage tabs={tabs} />
64
+ <NSBoxOTP />
65
+ </>
66
+ </NSLayout>
67
+ </>
68
+ );
69
69
  }
package/src/CopyToClipboard.ts CHANGED
@@ -1,7 +1,7 @@
1
- export default class CopyToClipboard
2
- {
3
- static copyToClipboard(value: string): void
4
- {
5
- navigator.clipboard.writeText(value);
6
- }
1
+ export default class CopyToClipboard
2
+ {
3
+ static copyToClipboard(value: string): void
4
+ {
5
+ navigator.clipboard.writeText(value);
6
+ }
7
7
  };
package/src/Validator.ts CHANGED
@@ -1,111 +1,111 @@
1
- import { PhoneOperation, RegexTemplate } from "namirasoft-core";
2
- import { IValidationNumberProps } from "./props/IValidationNumberProps";
3
- import { IValidationProps } from "./props/IValidationProps";
4
- import { IValidationStringProps } from "./props/IValidationStringProps";
5
-
6
- export class Validator
7
- {
8
- static getError(name: string, value: string | number | null | undefined, validator: IValidationProps): string | null
9
- {
10
- if (validator.required)
11
- if (!value)
12
- return `${name} is required.`;
13
- if (value != null)
14
- if (validator.regex)
15
- if (!validator.regex.regex.test(value + ""))
16
- return `${name} is not a valid ${validator.regex.name}.`;
17
- if (value != null)
18
- if (validator.validator)
19
- {
20
- let error = validator.validator(name, value);
21
- if (error)
22
- return error;
23
- }
24
- return null;
25
- }
26
- static getErrorString(name: string, value: string | null | undefined, validator: IValidationStringProps): string | null
27
- {
28
- if (value != null)
29
- {
30
- if (validator.max_length != null)
31
- if (validator.max_length < value.length)
32
- return `Max length of ${name} should be ${validator.max_length} characters.`;
33
- if (validator.min_length != null)
34
- if (validator.min_length > value.length)
35
- return `Minlength of ${name} should be ${validator.min_length} characters.`;
36
- }
37
- return null;
38
- }
39
- static getErrorNumber(name: string, value: number | null | undefined, validator: IValidationNumberProps): string | null
40
- {
41
- if (value != null)
42
- {
43
- if (isNaN(value))
44
- return `${name} is not a number.`;
45
- if (validator.max != null)
46
- if (validator.max < value)
47
- return `Max value of ${name} should be ${validator.max} characters.`;
48
- if (validator.min != null)
49
- if (validator.min > value)
50
- return `Min value of ${name} should be ${validator.min} characters.`;
51
- }
52
- return null;
53
- }
54
- static getErrorEmail(name: string, value: string | null | undefined): string | null
55
- {
56
- return Validator.getError(name, value, {
57
- required: true, regex: {
58
- name: "Email",
59
- regex: RegexTemplate.Email
60
- }
61
- });
62
- }
63
- static getErrorDate(name: string, value: string | null | undefined): string | null
64
- {
65
- return Validator.getError(name, value, {
66
- required: true, regex: {
67
- name: "Date",
68
- regex: RegexTemplate.Date
69
- }
70
- });
71
- }
72
- static getErrorTime(name: string, value: string | null | undefined): string | null
73
- {
74
- return Validator.getError(name, value, {
75
- required: true, regex: {
76
- name: "Time",
77
- regex: RegexTemplate.Time
78
- }
79
- });
80
- }
81
- static getErrorDuration(name: string, value: string | null | undefined): string | null
82
- {
83
- return Validator.getError(name, value, {
84
- required: true, regex: {
85
- name: "Duration",
86
- regex: RegexTemplate.Duration
87
- }
88
- });
89
- }
90
- static getErrorIP(name: string, value: string | null | undefined): string | null
91
- {
92
- return Validator.getError(name, value, {
93
- required: true, regex: {
94
- name: "IP",
95
- regex: RegexTemplate.IP
96
- }
97
- });
98
- }
99
- static getErrorPhone(name: string, value: string | null | undefined): string | null
100
- {
101
- return Validator.getError(name, value, {
102
- required: true, validator: () =>
103
- {
104
- if (value)
105
- if (!PhoneOperation.isValid(value))
106
- return `${name} is not a valid phone number`;
107
- return null;
108
- }
109
- });
110
- }
1
+ import { PhoneOperation, RegexTemplate } from "namirasoft-core";
2
+ import { IValidationNumberProps } from "./props/IValidationNumberProps";
3
+ import { IValidationProps } from "./props/IValidationProps";
4
+ import { IValidationStringProps } from "./props/IValidationStringProps";
5
+
6
+ export class Validator
7
+ {
8
+ static getError(name: string, value: string | number | null | undefined, validator: IValidationProps): string | null
9
+ {
10
+ if (validator.required)
11
+ if (!value)
12
+ return `${name} is required.`;
13
+ if (value != null)
14
+ if (validator.regex)
15
+ if (!validator.regex.regex.test(value + ""))
16
+ return `${name} is not a valid ${validator.regex.name}.`;
17
+ if (value != null)
18
+ if (validator.validator)
19
+ {
20
+ let error = validator.validator(name, value);
21
+ if (error)
22
+ return error;
23
+ }
24
+ return null;
25
+ }
26
+ static getErrorString(name: string, value: string | null | undefined, validator: IValidationStringProps): string | null
27
+ {
28
+ if (value != null)
29
+ {
30
+ if (validator.max_length != null)
31
+ if (validator.max_length < value.length)
32
+ return `Max length of ${name} should be ${validator.max_length} characters.`;
33
+ if (validator.min_length != null)
34
+ if (validator.min_length > value.length)
35
+ return `Minlength of ${name} should be ${validator.min_length} characters.`;
36
+ }
37
+ return null;
38
+ }
39
+ static getErrorNumber(name: string, value: number | null | undefined, validator: IValidationNumberProps): string | null
40
+ {
41
+ if (value != null)
42
+ {
43
+ if (isNaN(value))
44
+ return `${name} is not a number.`;
45
+ if (validator.max != null)
46
+ if (validator.max < value)
47
+ return `Max value of ${name} should be ${validator.max} characters.`;
48
+ if (validator.min != null)
49
+ if (validator.min > value)
50
+ return `Min value of ${name} should be ${validator.min} characters.`;
51
+ }
52
+ return null;
53
+ }
54
+ static getErrorEmail(name: string, value: string | null | undefined): string | null
55
+ {
56
+ return Validator.getError(name, value, {
57
+ required: true, regex: {
58
+ name: "Email",
59
+ regex: RegexTemplate.Email
60
+ }
61
+ });
62
+ }
63
+ static getErrorDate(name: string, value: string | null | undefined): string | null
64
+ {
65
+ return Validator.getError(name, value, {
66
+ required: true, regex: {
67
+ name: "Date",
68
+ regex: RegexTemplate.Date
69
+ }
70
+ });
71
+ }
72
+ static getErrorTime(name: string, value: string | null | undefined): string | null
73
+ {
74
+ return Validator.getError(name, value, {
75
+ required: true, regex: {
76
+ name: "Time",
77
+ regex: RegexTemplate.Time
78
+ }
79
+ });
80
+ }
81
+ static getErrorDuration(name: string, value: string | null | undefined): string | null
82
+ {
83
+ return Validator.getError(name, value, {
84
+ required: true, regex: {
85
+ name: "Duration",
86
+ regex: RegexTemplate.Duration
87
+ }
88
+ });
89
+ }
90
+ static getErrorIP(name: string, value: string | null | undefined): string | null
91
+ {
92
+ return Validator.getError(name, value, {
93
+ required: true, regex: {
94
+ name: "IP",
95
+ regex: RegexTemplate.IP
96
+ }
97
+ });
98
+ }
99
+ static getErrorPhone(name: string, value: string | null | undefined): string | null
100
+ {
101
+ return Validator.getError(name, value, {
102
+ required: true, validator: () =>
103
+ {
104
+ if (value)
105
+ if (!PhoneOperation.isValid(value))
106
+ return `${name} is not a valid phone number`;
107
+ return null;
108
+ }
109
+ });
110
+ }
111
111
  }