namirasoft-site-react 1.3.202 → 1.3.203

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 (320) 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.module.css +87 -87
  28. package/dist/components/NSBarHeroBanner.module.css +42 -42
  29. package/dist/components/NSBarNotification.module.css +31 -31
  30. package/dist/components/NSBarTitle.module.css +9 -9
  31. package/dist/components/NSBox.module.css +85 -112
  32. package/dist/components/NSBoxBoolean.module.css +54 -54
  33. package/dist/components/NSBoxDate.module.css +39 -39
  34. package/dist/components/NSBoxEnum.module.css +38 -38
  35. package/dist/components/NSBoxErrorNotifier.module.css +2 -2
  36. package/dist/components/NSBoxLabel.module.css +13 -0
  37. package/dist/components/NSBoxOTP.module.css +10 -10
  38. package/dist/components/NSBoxTextArea.module.css +76 -72
  39. package/dist/components/NSButton.module.css +27 -27
  40. package/dist/components/NSButtonBlue.module.css +4 -4
  41. package/dist/components/NSButtonGreen.module.css +4 -4
  42. package/dist/components/NSButtonRed.module.css +4 -4
  43. package/dist/components/NSCard.module.css +110 -110
  44. package/dist/components/NSCopyToClipboard.module.css +39 -39
  45. package/dist/components/NSElectronicCard.module.css +60 -60
  46. package/dist/components/NSEntityBar.module.css +77 -77
  47. package/dist/components/NSEntityCardBackground.module.css +27 -27
  48. package/dist/components/NSFilterBox.module.css +38 -38
  49. package/dist/components/NSFilterBoxDialog.module.css +36 -36
  50. package/dist/components/NSFilterItem.module.css +23 -23
  51. package/dist/components/NSFooter.module.css +126 -126
  52. package/dist/components/NSGroupedList.module.css +70 -70
  53. package/dist/components/NSHeader.module.css +254 -254
  54. package/dist/components/NSLayout.module.css +13 -13
  55. package/dist/components/NSLink.module.css +36 -36
  56. package/dist/components/NSLoading.module.css +26 -26
  57. package/dist/components/NSModal.js +2 -2
  58. package/dist/components/NSModal.module.css +70 -70
  59. package/dist/components/NSPagination.module.css +37 -37
  60. package/dist/components/NSPanel.module.css +45 -45
  61. package/dist/components/NSSection.module.css +10 -10
  62. package/dist/components/NSSectionBars.module.css +10 -10
  63. package/dist/components/NSSectionCards.module.css +38 -38
  64. package/dist/components/NSTabPage.module.css +48 -44
  65. package/dist/components/NSTable.d.ts +1 -1
  66. package/dist/components/NSTable.js +13 -3
  67. package/dist/components/NSTable.js.map +1 -1
  68. package/dist/components/NSTable.module.css +165 -165
  69. package/dist/components/NSTitle.module.css +15 -15
  70. package/dist/components/NSVerification.module.css +22 -22
  71. package/dist/pages/NSLoginPage.module.css +19 -19
  72. package/dist/pages/NSNotFoundPage.module.css +18 -18
  73. package/package.json +65 -65
  74. package/public/index.html +38 -38
  75. package/public/manifest.json +24 -24
  76. package/public/robots.txt +3 -3
  77. package/src/App.css +16 -16
  78. package/src/App.tsx +68 -68
  79. package/src/CopyToClipboard.ts +6 -6
  80. package/src/Validator.ts +110 -110
  81. package/src/assets/images/404 image.svg +9 -9
  82. package/src/assets/images/404 image_mobile.svg +9 -9
  83. package/src/assets/images/arrow.svg +3 -3
  84. package/src/assets/images/danger.svg +3 -3
  85. package/src/assets/images/exit.svg +3 -3
  86. package/src/assets/images/icon-input-copy.svg +3 -3
  87. package/src/assets/images/icon-input-date.svg +9 -9
  88. package/src/assets/images/icon-input-duration.svg +9 -9
  89. package/src/assets/images/icon-input-email.svg +9 -9
  90. package/src/assets/images/icon-input-float.svg +9 -9
  91. package/src/assets/images/icon-input-integer.svg +9 -9
  92. package/src/assets/images/icon-input-ip.svg +9 -9
  93. package/src/assets/images/icon-input-phone.svg +9 -9
  94. package/src/assets/images/icon-input-price.svg +9 -9
  95. package/src/assets/images/icon-input-search.svg +3 -3
  96. package/src/assets/images/icon-input-string.svg +9 -9
  97. package/src/assets/images/icon-input-text.svg +9 -9
  98. package/src/assets/images/icon-input-time.svg +9 -9
  99. package/src/assets/images/icon-select-box.svg +3 -3
  100. package/src/assets/images/logo.svg +9 -9
  101. package/src/assets/images/menu.svg +3 -3
  102. package/src/assets/images/namira.svg +9 -9
  103. package/src/assets/images/rectangle.svg +3 -3
  104. package/src/components/NSActionMenu.module.css +75 -75
  105. package/src/components/NSActionMenu.tsx +78 -78
  106. package/src/components/NSBarAction.module.css +87 -87
  107. package/src/components/NSBarAction.tsx +87 -87
  108. package/src/components/NSBarHeroBanner.module.css +42 -42
  109. package/src/components/NSBarHeroBanner.tsx +61 -61
  110. package/src/components/NSBarNotification.module.css +31 -31
  111. package/src/components/NSBarNotification.tsx +63 -63
  112. package/src/components/NSBarTitle.module.css +9 -9
  113. package/src/components/NSBarTitle.tsx +28 -28
  114. package/src/components/NSBox.module.css +85 -85
  115. package/src/components/NSBoxBoolean.module.css +54 -54
  116. package/src/components/NSBoxBoolean.tsx +87 -87
  117. package/src/components/NSBoxDate.module.css +39 -39
  118. package/src/components/NSBoxDate.tsx +80 -80
  119. package/src/components/NSBoxDateTime.tsx +80 -80
  120. package/src/components/NSBoxDouble.tsx +86 -86
  121. package/src/components/NSBoxDuration.tsx +84 -84
  122. package/src/components/NSBoxEmail.tsx +125 -125
  123. package/src/components/NSBoxEntity.tsx +120 -120
  124. package/src/components/NSBoxEnum.module.css +38 -38
  125. package/src/components/NSBoxEnum.tsx +123 -123
  126. package/src/components/NSBoxErrorNotifier.module.css +2 -2
  127. package/src/components/NSBoxErrorNotifier.tsx +27 -27
  128. package/src/components/NSBoxIPV4.tsx +89 -89
  129. package/src/components/NSBoxIPV6.tsx +86 -86
  130. package/src/components/NSBoxInteger.tsx +82 -82
  131. package/src/components/NSBoxLabel.module.css +12 -12
  132. package/src/components/NSBoxLabel.tsx +28 -28
  133. package/src/components/NSBoxOTP.module.css +10 -10
  134. package/src/components/NSBoxOTP.tsx +61 -61
  135. package/src/components/NSBoxPassword.tsx +82 -82
  136. package/src/components/NSBoxPhone.tsx +110 -110
  137. package/src/components/NSBoxPrice.tsx +84 -84
  138. package/src/components/NSBoxSearch.tsx +85 -85
  139. package/src/components/NSBoxString.tsx +114 -114
  140. package/src/components/NSBoxText.tsx +127 -127
  141. package/src/components/NSBoxTextArea.module.css +76 -76
  142. package/src/components/NSBoxTextArea.tsx +127 -127
  143. package/src/components/NSBoxTime.tsx +84 -84
  144. package/src/components/NSButton.module.css +27 -27
  145. package/src/components/NSButton.tsx +23 -23
  146. package/src/components/NSButtonBlue.module.css +4 -4
  147. package/src/components/NSButtonBlue.tsx +12 -12
  148. package/src/components/NSButtonGreen.module.css +4 -4
  149. package/src/components/NSButtonGreen.tsx +11 -11
  150. package/src/components/NSButtonRed.module.css +4 -4
  151. package/src/components/NSButtonRed.tsx +11 -11
  152. package/src/components/NSCard.module.css +110 -110
  153. package/src/components/NSCard.tsx +69 -69
  154. package/src/components/NSCopyToClipboard.module.css +39 -39
  155. package/src/components/NSCopyToClipboard.tsx +35 -35
  156. package/src/components/NSElectronicCard.module.css +60 -60
  157. package/src/components/NSElectronicCard.tsx +47 -47
  158. package/src/components/NSEntityBar.module.css +77 -77
  159. package/src/components/NSEntityBar.tsx +27 -27
  160. package/src/components/NSEntityCardBackground.module.css +27 -27
  161. package/src/components/NSEntityCardBackground.tsx +34 -34
  162. package/src/components/NSFilterBox.module.css +38 -38
  163. package/src/components/NSFilterBox.tsx +277 -277
  164. package/src/components/NSFilterBoxDialog.module.css +36 -36
  165. package/src/components/NSFilterBoxDialog.tsx +74 -74
  166. package/src/components/NSFilterItem.module.css +23 -23
  167. package/src/components/NSFilterItem.tsx +71 -71
  168. package/src/components/NSFooter.module.css +126 -126
  169. package/src/components/NSFooter.tsx +153 -153
  170. package/src/components/NSGroupedList.module.css +70 -70
  171. package/src/components/NSGroupedList.tsx +56 -56
  172. package/src/components/NSHeader.module.css +254 -254
  173. package/src/components/NSHeader.tsx +184 -184
  174. package/src/components/NSLayout.module.css +13 -13
  175. package/src/components/NSLayout.tsx +75 -75
  176. package/src/components/NSLine.tsx +18 -18
  177. package/src/components/NSLink.module.css +36 -36
  178. package/src/components/NSLink.tsx +25 -25
  179. package/src/components/NSLinkBlue.tsx +20 -20
  180. package/src/components/NSLinkGreen.tsx +5 -5
  181. package/src/components/NSLinkRed.tsx +5 -5
  182. package/src/components/NSLoading.module.css +26 -26
  183. package/src/components/NSLoading.tsx +17 -17
  184. package/src/components/NSModal.module.css +70 -70
  185. package/src/components/NSModal.tsx +62 -62
  186. package/src/components/NSPagination.module.css +37 -37
  187. package/src/components/NSPagination.tsx +116 -116
  188. package/src/components/NSPanel.module.css +45 -45
  189. package/src/components/NSPanel.tsx +19 -19
  190. package/src/components/NSSection.module.css +10 -10
  191. package/src/components/NSSection.tsx +23 -23
  192. package/src/components/NSSectionBars.module.css +10 -10
  193. package/src/components/NSSectionBars.tsx +25 -25
  194. package/src/components/NSSectionCards.module.css +38 -38
  195. package/src/components/NSSectionCards.tsx +51 -51
  196. package/src/components/NSSectionTitle.tsx +21 -21
  197. package/src/components/NSSpace.tsx +28 -28
  198. package/src/components/NSTabPage.module.css +48 -48
  199. package/src/components/NSTabPage.tsx +45 -45
  200. package/src/components/NSTable.module.css +165 -165
  201. package/src/components/NSTable.tsx +192 -179
  202. package/src/components/NSTitle.module.css +15 -15
  203. package/src/components/NSTitle.tsx +19 -19
  204. package/src/components/NSVerification.module.css +22 -22
  205. package/src/components/NSVerification.tsx +41 -41
  206. package/src/index.tsx +7 -7
  207. package/src/main.ts +73 -73
  208. package/src/pages/NSLoginPage.module.css +19 -19
  209. package/src/pages/NSLoginPage.tsx +45 -45
  210. package/src/pages/NSNotFoundPage.module.css +18 -18
  211. package/src/pages/NSNotFoundPage.tsx +11 -11
  212. package/src/props/IBaseComponentProps.ts +7 -7
  213. package/src/props/IHeaderIconProps.ts +6 -6
  214. package/src/props/IHeaderProps.ts +6 -6
  215. package/src/props/IImageProps.ts +4 -4
  216. package/src/props/ILinkProps.ts +5 -5
  217. package/src/props/IValidationNumberProps.ts +4 -4
  218. package/src/props/IValidationProps.ts +7 -7
  219. package/src/props/IValidationRegexProps.ts +4 -4
  220. package/src/props/IValidationStringProps.ts +4 -4
  221. package/src/routing/INSRouterMaker.ts +6 -6
  222. package/src/routing/INSRouterProps.ts +5 -5
  223. package/src/routing/INSRouterState.ts +5 -5
  224. package/src/routing/NSRouterMaker.tsx +33 -33
  225. package/src/routing/Notifier.ts +79 -79
  226. package/tsconfig.json +43 -43
  227. package/dist/App.css +0 -13
  228. package/dist/assets/images/icon-export.svg +0 -3
  229. package/dist/assets/images/icon-input-id.svg +0 -9
  230. package/dist/assets/images/icon-refresh.svg +0 -3
  231. package/dist/components/NSInput.module.css +0 -74
  232. package/dist/components/NSInputDate.d.ts +0 -21
  233. package/dist/components/NSInputDate.js +0 -41
  234. package/dist/components/NSInputDate.js.map +0 -1
  235. package/dist/components/NSInputDate.module.css +0 -42
  236. package/dist/components/NSInputDuration.d.ts +0 -23
  237. package/dist/components/NSInputDuration.js +0 -42
  238. package/dist/components/NSInputDuration.js.map +0 -1
  239. package/dist/components/NSInputEmail.d.ts +0 -22
  240. package/dist/components/NSInputEmail.js +0 -43
  241. package/dist/components/NSInputEmail.js.map +0 -1
  242. package/dist/components/NSInputErrorNotifier.d.ts +0 -5
  243. package/dist/components/NSInputErrorNotifier.js +0 -7
  244. package/dist/components/NSInputErrorNotifier.js.map +0 -1
  245. package/dist/components/NSInputErrorNotifier.module.css +0 -3
  246. package/dist/components/NSInputFloat.d.ts +0 -22
  247. package/dist/components/NSInputFloat.js +0 -41
  248. package/dist/components/NSInputFloat.js.map +0 -1
  249. package/dist/components/NSInputIP.d.ts +0 -22
  250. package/dist/components/NSInputIP.js +0 -43
  251. package/dist/components/NSInputIP.js.map +0 -1
  252. package/dist/components/NSInputInteger.d.ts +0 -22
  253. package/dist/components/NSInputInteger.js +0 -41
  254. package/dist/components/NSInputInteger.js.map +0 -1
  255. package/dist/components/NSInputPassword.d.ts +0 -22
  256. package/dist/components/NSInputPassword.js +0 -42
  257. package/dist/components/NSInputPassword.js.map +0 -1
  258. package/dist/components/NSInputPhone.d.ts +0 -22
  259. package/dist/components/NSInputPhone.js +0 -38
  260. package/dist/components/NSInputPhone.js.map +0 -1
  261. package/dist/components/NSInputPrice.d.ts +0 -22
  262. package/dist/components/NSInputPrice.js +0 -41
  263. package/dist/components/NSInputPrice.js.map +0 -1
  264. package/dist/components/NSInputSearch.d.ts +0 -22
  265. package/dist/components/NSInputSearch.js +0 -41
  266. package/dist/components/NSInputSearch.js.map +0 -1
  267. package/dist/components/NSInputString.d.ts +0 -22
  268. package/dist/components/NSInputString.js +0 -42
  269. package/dist/components/NSInputString.js.map +0 -1
  270. package/dist/components/NSInputText.d.ts +0 -22
  271. package/dist/components/NSInputText.js +0 -42
  272. package/dist/components/NSInputText.js.map +0 -1
  273. package/dist/components/NSInputTime.d.ts +0 -22
  274. package/dist/components/NSInputTime.js +0 -43
  275. package/dist/components/NSInputTime.js.map +0 -1
  276. package/dist/components/NSLayoutAction.d.ts +0 -5
  277. package/dist/components/NSLayoutAction.js +0 -20
  278. package/dist/components/NSLayoutAction.js.map +0 -1
  279. package/dist/components/NSLayoutAction.module.css +0 -88
  280. package/dist/components/NSLayoutHeroBanner.d.ts +0 -2
  281. package/dist/components/NSLayoutHeroBanner.js +0 -8
  282. package/dist/components/NSLayoutHeroBanner.js.map +0 -1
  283. package/dist/components/NSLayoutHeroBanner.module.css +0 -43
  284. package/dist/components/NSLayoutTitle.d.ts +0 -2
  285. package/dist/components/NSLayoutTitle.js +0 -11
  286. package/dist/components/NSLayoutTitle.js.map +0 -1
  287. package/dist/components/NSLayoutTitle.module.css +0 -10
  288. package/dist/components/NSNotification.d.ts +0 -21
  289. package/dist/components/NSNotification.js +0 -37
  290. package/dist/components/NSNotification.js.map +0 -1
  291. package/dist/components/NSNotification.module.css +0 -32
  292. package/dist/components/NSSelectBox.d.ts +0 -24
  293. package/dist/components/NSSelectBox.js +0 -61
  294. package/dist/components/NSSelectBox.js.map +0 -1
  295. package/dist/components/NSSelectBox.module.css +0 -42
  296. package/dist/index.css +0 -6
  297. package/dist/props/BaseComponentProps.d.ts +0 -6
  298. package/dist/props/BaseComponentProps.js +0 -2
  299. package/dist/props/BaseComponentProps.js.map +0 -10
  300. package/dist/props/INamirasoftProps.d.ts +0 -4
  301. package/dist/props/INamirasoftProps.js +0 -2
  302. package/dist/props/INamirasoftProps.js.map +0 -1
  303. package/dist/props/ImageProps.d.ts +0 -4
  304. package/dist/props/ImageProps.js +0 -2
  305. package/dist/props/ImageProps.js.map +0 -10
  306. package/dist/props/LinkProps.d.ts +0 -5
  307. package/dist/props/LinkProps.js +0 -2
  308. package/dist/props/LinkProps.js.map +0 -10
  309. package/dist/props/ValidationNumberProps.d.ts +0 -4
  310. package/dist/props/ValidationNumberProps.js +0 -2
  311. package/dist/props/ValidationNumberProps.js.map +0 -10
  312. package/dist/props/ValidationProps.d.ts +0 -6
  313. package/dist/props/ValidationProps.js +0 -2
  314. package/dist/props/ValidationProps.js.map +0 -10
  315. package/dist/props/ValidationRegexProps.d.ts +0 -4
  316. package/dist/props/ValidationRegexProps.js +0 -2
  317. package/dist/props/ValidationRegexProps.js.map +0 -1
  318. package/dist/props/ValidationStringProps.d.ts +0 -4
  319. package/dist/props/ValidationStringProps.js +0 -2
  320. 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
  }