namirasoft-site-react 1.3.213 → 1.3.215

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 (352) hide show
  1. package/config-overrides.js +70 -70
  2. package/dist/App.d.ts +6 -0
  3. package/dist/App.js +34 -5
  4. package/dist/App.js.map +1 -1
  5. package/dist/assets/images/404 image.svg +9 -9
  6. package/dist/assets/images/404 image_mobile.svg +9 -9
  7. package/dist/assets/images/arrow.svg +3 -3
  8. package/dist/assets/images/danger.svg +3 -3
  9. package/dist/assets/images/exit.svg +3 -3
  10. package/dist/assets/images/icon-input-copy.svg +3 -3
  11. package/dist/assets/images/icon-input-date.svg +9 -9
  12. package/dist/assets/images/icon-input-duration.svg +9 -9
  13. package/dist/assets/images/icon-input-email.svg +9 -9
  14. package/dist/assets/images/icon-input-float.svg +9 -9
  15. package/dist/assets/images/icon-input-integer.svg +9 -9
  16. package/dist/assets/images/icon-input-ip.svg +9 -9
  17. package/dist/assets/images/icon-input-phone.svg +9 -9
  18. package/dist/assets/images/icon-input-price.svg +9 -9
  19. package/dist/assets/images/icon-input-search.svg +3 -3
  20. package/dist/assets/images/icon-input-string.svg +9 -9
  21. package/dist/assets/images/icon-input-text.svg +9 -9
  22. package/dist/assets/images/icon-input-time.svg +9 -9
  23. package/dist/assets/images/icon-select-box.svg +3 -3
  24. package/dist/assets/images/logo.svg +9 -9
  25. package/dist/assets/images/menu.svg +3 -3
  26. package/dist/assets/images/namira.svg +9 -9
  27. package/dist/assets/images/rectangle.svg +3 -3
  28. package/dist/components/NSAccess.d.ts +2 -0
  29. package/dist/components/NSAccess.js +8 -0
  30. package/dist/components/NSAccess.js.map +1 -0
  31. package/dist/components/NSAccess.module.css +7 -0
  32. package/dist/components/NSActionMenu.js +4 -4
  33. package/dist/components/NSActionMenu.js.map +1 -1
  34. package/dist/components/NSActionMenu.module.css +75 -75
  35. package/dist/components/NSBarAction.module.css +87 -87
  36. package/dist/components/NSBarHeroBanner.module.css +42 -42
  37. package/dist/components/NSBarNotification.module.css +31 -31
  38. package/dist/components/NSBarTitle.js +1 -1
  39. package/dist/components/NSBarTitle.js.map +1 -1
  40. package/dist/components/NSBarTitle.module.css +9 -9
  41. package/dist/components/NSBox.module.css +119 -112
  42. package/dist/components/NSBoxBoolean.module.css +54 -54
  43. package/dist/components/NSBoxDate.module.css +39 -39
  44. package/dist/components/NSBoxEmail.js +1 -1
  45. package/dist/components/NSBoxEmail.js.map +1 -1
  46. package/dist/components/NSBoxEnum.module.css +38 -38
  47. package/dist/components/NSBoxErrorNotifier.module.css +2 -2
  48. package/dist/components/NSBoxLabel.module.css +13 -0
  49. package/dist/components/NSBoxOTP.module.css +10 -10
  50. package/dist/components/NSBoxString.js +1 -1
  51. package/dist/components/NSBoxString.js.map +1 -1
  52. package/dist/components/NSBoxTextArea.module.css +76 -72
  53. package/dist/components/NSButton.js +1 -1
  54. package/dist/components/NSButton.js.map +1 -1
  55. package/dist/components/NSButton.module.css +27 -27
  56. package/dist/components/NSButtonBlue.module.css +4 -4
  57. package/dist/components/NSButtonGreen.module.css +4 -4
  58. package/dist/components/NSButtonRed.module.css +4 -4
  59. package/dist/components/NSCard.js +1 -1
  60. package/dist/components/NSCard.js.map +1 -1
  61. package/dist/components/NSCard.module.css +110 -110
  62. package/dist/components/NSCopyToClipboard.module.css +39 -39
  63. package/dist/components/NSElectronicCard.module.css +60 -60
  64. package/dist/components/NSEntityBar.js +1 -1
  65. package/dist/components/NSEntityBar.js.map +1 -1
  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 +38 -38
  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 +126 -126
  72. package/dist/components/NSGroupedList.module.css +70 -70
  73. package/dist/components/NSHeader.module.css +254 -254
  74. package/dist/components/NSLayout.module.css +13 -13
  75. package/dist/components/NSLink.module.css +36 -36
  76. package/dist/components/NSLoading.js +2 -2
  77. package/dist/components/NSLoading.js.map +1 -1
  78. package/dist/components/NSLoading.module.css +29 -26
  79. package/dist/components/NSModal.js +2 -2
  80. package/dist/components/NSModal.module.css +70 -70
  81. package/dist/components/NSPagination.js +2 -2
  82. package/dist/components/NSPagination.js.map +1 -1
  83. package/dist/components/NSPagination.module.css +67 -37
  84. package/dist/components/NSPanel.module.css +46 -45
  85. package/dist/components/NSSection.module.css +10 -10
  86. package/dist/components/NSSectionBars.module.css +10 -10
  87. package/dist/components/NSSectionCards.module.css +38 -38
  88. package/dist/components/NSTabPage.module.css +48 -44
  89. package/dist/components/NSTable.js +8 -5
  90. package/dist/components/NSTable.js.map +1 -1
  91. package/dist/components/NSTable.module.css +170 -165
  92. package/dist/components/NSTitle.module.css +15 -15
  93. package/dist/components/NSVerification.module.css +22 -22
  94. package/dist/main.d.ts +1 -1
  95. package/dist/main.js +1 -1
  96. package/dist/main.js.map +1 -1
  97. package/dist/pages/NSLoginPage.module.css +19 -19
  98. package/dist/pages/NSNotFoundPage.module.css +18 -18
  99. package/package.json +65 -65
  100. package/public/assets/images/no_data.png +0 -0
  101. package/public/index.html +38 -38
  102. package/public/manifest.json +24 -24
  103. package/public/robots.txt +3 -3
  104. package/src/App.css +16 -16
  105. package/src/App.tsx +117 -67
  106. package/src/CopyToClipboard.ts +6 -6
  107. package/src/Validator.ts +110 -110
  108. package/src/assets/images/404 image.svg +9 -9
  109. package/src/assets/images/404 image_mobile.svg +9 -9
  110. package/src/assets/images/arrow.svg +3 -3
  111. package/src/assets/images/danger.svg +3 -3
  112. package/src/assets/images/exit.svg +3 -3
  113. package/src/assets/images/icon-input-copy.svg +3 -3
  114. package/src/assets/images/icon-input-date.svg +9 -9
  115. package/src/assets/images/icon-input-duration.svg +9 -9
  116. package/src/assets/images/icon-input-email.svg +9 -9
  117. package/src/assets/images/icon-input-float.svg +9 -9
  118. package/src/assets/images/icon-input-integer.svg +9 -9
  119. package/src/assets/images/icon-input-ip.svg +9 -9
  120. package/src/assets/images/icon-input-phone.svg +9 -9
  121. package/src/assets/images/icon-input-price.svg +9 -9
  122. package/src/assets/images/icon-input-search.svg +3 -3
  123. package/src/assets/images/icon-input-string.svg +9 -9
  124. package/src/assets/images/icon-input-text.svg +9 -9
  125. package/src/assets/images/icon-input-time.svg +9 -9
  126. package/src/assets/images/icon-select-box.svg +3 -3
  127. package/src/assets/images/logo.svg +9 -9
  128. package/src/assets/images/menu.svg +3 -3
  129. package/src/assets/images/namira.svg +9 -9
  130. package/src/assets/images/rectangle.svg +3 -3
  131. package/src/components/NSAccess.module.css +7 -0
  132. package/src/components/NSAccess.tsx +14 -0
  133. package/src/components/NSActionMenu.module.css +75 -75
  134. package/src/components/NSActionMenu.tsx +78 -78
  135. package/src/components/NSBarAction.module.css +87 -87
  136. package/src/components/NSBarAction.tsx +87 -87
  137. package/src/components/NSBarHeroBanner.module.css +42 -42
  138. package/src/components/NSBarHeroBanner.tsx +61 -61
  139. package/src/components/NSBarNotification.module.css +31 -31
  140. package/src/components/NSBarNotification.tsx +63 -63
  141. package/src/components/NSBarTitle.module.css +9 -9
  142. package/src/components/NSBarTitle.tsx +28 -28
  143. package/src/components/NSBox.module.css +119 -85
  144. package/src/components/NSBoxBoolean.module.css +54 -54
  145. package/src/components/NSBoxBoolean.tsx +91 -91
  146. package/src/components/NSBoxDate.module.css +39 -39
  147. package/src/components/NSBoxDate.tsx +84 -84
  148. package/src/components/NSBoxDateTime.tsx +84 -84
  149. package/src/components/NSBoxDouble.tsx +90 -90
  150. package/src/components/NSBoxDuration.tsx +88 -88
  151. package/src/components/NSBoxEmail.tsx +143 -128
  152. package/src/components/NSBoxEntity.tsx +120 -120
  153. package/src/components/NSBoxEnum.module.css +38 -38
  154. package/src/components/NSBoxEnum.tsx +127 -127
  155. package/src/components/NSBoxErrorNotifier.module.css +2 -2
  156. package/src/components/NSBoxErrorNotifier.tsx +27 -27
  157. package/src/components/NSBoxIPV4.tsx +93 -93
  158. package/src/components/NSBoxIPV6.tsx +90 -90
  159. package/src/components/NSBoxInteger.tsx +86 -86
  160. package/src/components/NSBoxLabel.module.css +12 -12
  161. package/src/components/NSBoxLabel.tsx +28 -28
  162. package/src/components/NSBoxOTP.module.css +10 -10
  163. package/src/components/NSBoxOTP.tsx +61 -61
  164. package/src/components/NSBoxPassword.tsx +86 -86
  165. package/src/components/NSBoxPhone.tsx +114 -114
  166. package/src/components/NSBoxPrice.tsx +88 -88
  167. package/src/components/NSBoxSearch.tsx +89 -89
  168. package/src/components/NSBoxString.tsx +132 -118
  169. package/src/components/NSBoxTextArea.module.css +76 -76
  170. package/src/components/NSBoxTextArea.tsx +131 -131
  171. package/src/components/NSBoxTime.tsx +88 -88
  172. package/src/components/NSButton.module.css +27 -27
  173. package/src/components/NSButton.tsx +23 -23
  174. package/src/components/NSButtonBlue.module.css +4 -4
  175. package/src/components/NSButtonBlue.tsx +12 -12
  176. package/src/components/NSButtonGreen.module.css +4 -4
  177. package/src/components/NSButtonGreen.tsx +11 -11
  178. package/src/components/NSButtonRed.module.css +4 -4
  179. package/src/components/NSButtonRed.tsx +11 -11
  180. package/src/components/NSCard.module.css +110 -110
  181. package/src/components/NSCard.tsx +69 -69
  182. package/src/components/NSCopyToClipboard.module.css +39 -39
  183. package/src/components/NSCopyToClipboard.tsx +35 -35
  184. package/src/components/NSElectronicCard.module.css +60 -60
  185. package/src/components/NSElectronicCard.tsx +47 -47
  186. package/src/components/NSEntityBar.module.css +77 -77
  187. package/src/components/NSEntityBar.tsx +27 -27
  188. package/src/components/NSEntityCardBackground.module.css +27 -27
  189. package/src/components/NSEntityCardBackground.tsx +34 -34
  190. package/src/components/NSFilterBox.module.css +38 -38
  191. package/src/components/NSFilterBox.tsx +277 -277
  192. package/src/components/NSFilterBoxDialog.module.css +36 -36
  193. package/src/components/NSFilterBoxDialog.tsx +74 -74
  194. package/src/components/NSFilterItem.module.css +23 -23
  195. package/src/components/NSFilterItem.tsx +71 -71
  196. package/src/components/NSFooter.module.css +126 -126
  197. package/src/components/NSFooter.tsx +153 -153
  198. package/src/components/NSGroupedList.module.css +70 -70
  199. package/src/components/NSGroupedList.tsx +56 -56
  200. package/src/components/NSHeader.module.css +254 -254
  201. package/src/components/NSHeader.tsx +187 -187
  202. package/src/components/NSLayout.module.css +13 -13
  203. package/src/components/NSLayout.tsx +75 -75
  204. package/src/components/NSLine.tsx +18 -18
  205. package/src/components/NSLink.module.css +36 -36
  206. package/src/components/NSLink.tsx +25 -25
  207. package/src/components/NSLinkBlue.tsx +20 -20
  208. package/src/components/NSLinkGreen.tsx +5 -5
  209. package/src/components/NSLinkRed.tsx +5 -5
  210. package/src/components/NSLoading.module.css +29 -26
  211. package/src/components/NSLoading.tsx +19 -17
  212. package/src/components/NSModal.module.css +70 -70
  213. package/src/components/NSModal.tsx +62 -62
  214. package/src/components/NSPagination.module.css +67 -37
  215. package/src/components/NSPagination.tsx +116 -116
  216. package/src/components/NSPanel.module.css +46 -46
  217. package/src/components/NSPanel.tsx +19 -19
  218. package/src/components/NSSection.module.css +10 -10
  219. package/src/components/NSSection.tsx +23 -23
  220. package/src/components/NSSectionBars.module.css +10 -10
  221. package/src/components/NSSectionBars.tsx +25 -25
  222. package/src/components/NSSectionCards.module.css +38 -38
  223. package/src/components/NSSectionCards.tsx +51 -51
  224. package/src/components/NSSectionTitle.tsx +21 -21
  225. package/src/components/NSSpace.tsx +28 -28
  226. package/src/components/NSTabPage.module.css +48 -48
  227. package/src/components/NSTabPage.tsx +45 -45
  228. package/src/components/NSTable.module.css +170 -166
  229. package/src/components/NSTable.tsx +197 -192
  230. package/src/components/NSTitle.module.css +15 -15
  231. package/src/components/NSTitle.tsx +19 -19
  232. package/src/components/NSVerification.module.css +22 -22
  233. package/src/components/NSVerification.tsx +41 -41
  234. package/src/index.tsx +7 -7
  235. package/src/main.ts +71 -73
  236. package/src/pages/NSLoginPage.module.css +19 -19
  237. package/src/pages/NSLoginPage.tsx +45 -45
  238. package/src/pages/NSNotFoundPage.module.css +18 -18
  239. package/src/pages/NSNotFoundPage.tsx +11 -11
  240. package/src/props/IBaseComponentProps.ts +7 -7
  241. package/src/props/IHeaderIconProps.ts +9 -9
  242. package/src/props/IHeaderProps.ts +6 -6
  243. package/src/props/IImageProps.ts +4 -4
  244. package/src/props/ILinkProps.ts +5 -5
  245. package/src/props/IValidationNumberProps.ts +4 -4
  246. package/src/props/IValidationProps.ts +7 -7
  247. package/src/props/IValidationRegexProps.ts +4 -4
  248. package/src/props/IValidationStringProps.ts +4 -4
  249. package/src/routing/INSRouterMaker.ts +6 -6
  250. package/src/routing/INSRouterProps.ts +5 -5
  251. package/src/routing/INSRouterState.ts +5 -5
  252. package/src/routing/NSRouterMaker.tsx +33 -33
  253. package/src/routing/Notifier.ts +79 -79
  254. package/tsconfig.json +43 -43
  255. package/dist/App.css +0 -13
  256. package/dist/assets/images/icon-export.svg +0 -3
  257. package/dist/assets/images/icon-input-id.svg +0 -9
  258. package/dist/assets/images/icon-refresh.svg +0 -3
  259. package/dist/components/NSBoxText.d.ts +0 -25
  260. package/dist/components/NSBoxText.js +0 -56
  261. package/dist/components/NSBoxText.js.map +0 -1
  262. package/dist/components/NSInput.module.css +0 -74
  263. package/dist/components/NSInputDate.d.ts +0 -21
  264. package/dist/components/NSInputDate.js +0 -41
  265. package/dist/components/NSInputDate.js.map +0 -1
  266. package/dist/components/NSInputDate.module.css +0 -42
  267. package/dist/components/NSInputDuration.d.ts +0 -23
  268. package/dist/components/NSInputDuration.js +0 -42
  269. package/dist/components/NSInputDuration.js.map +0 -1
  270. package/dist/components/NSInputEmail.d.ts +0 -22
  271. package/dist/components/NSInputEmail.js +0 -43
  272. package/dist/components/NSInputEmail.js.map +0 -1
  273. package/dist/components/NSInputErrorNotifier.d.ts +0 -5
  274. package/dist/components/NSInputErrorNotifier.js +0 -7
  275. package/dist/components/NSInputErrorNotifier.js.map +0 -1
  276. package/dist/components/NSInputErrorNotifier.module.css +0 -3
  277. package/dist/components/NSInputFloat.d.ts +0 -22
  278. package/dist/components/NSInputFloat.js +0 -41
  279. package/dist/components/NSInputFloat.js.map +0 -1
  280. package/dist/components/NSInputIP.d.ts +0 -22
  281. package/dist/components/NSInputIP.js +0 -43
  282. package/dist/components/NSInputIP.js.map +0 -1
  283. package/dist/components/NSInputInteger.d.ts +0 -22
  284. package/dist/components/NSInputInteger.js +0 -41
  285. package/dist/components/NSInputInteger.js.map +0 -1
  286. package/dist/components/NSInputPassword.d.ts +0 -22
  287. package/dist/components/NSInputPassword.js +0 -42
  288. package/dist/components/NSInputPassword.js.map +0 -1
  289. package/dist/components/NSInputPhone.d.ts +0 -22
  290. package/dist/components/NSInputPhone.js +0 -38
  291. package/dist/components/NSInputPhone.js.map +0 -1
  292. package/dist/components/NSInputPrice.d.ts +0 -22
  293. package/dist/components/NSInputPrice.js +0 -41
  294. package/dist/components/NSInputPrice.js.map +0 -1
  295. package/dist/components/NSInputSearch.d.ts +0 -22
  296. package/dist/components/NSInputSearch.js +0 -41
  297. package/dist/components/NSInputSearch.js.map +0 -1
  298. package/dist/components/NSInputString.d.ts +0 -22
  299. package/dist/components/NSInputString.js +0 -42
  300. package/dist/components/NSInputString.js.map +0 -1
  301. package/dist/components/NSInputText.d.ts +0 -22
  302. package/dist/components/NSInputText.js +0 -42
  303. package/dist/components/NSInputText.js.map +0 -1
  304. package/dist/components/NSInputTime.d.ts +0 -22
  305. package/dist/components/NSInputTime.js +0 -43
  306. package/dist/components/NSInputTime.js.map +0 -1
  307. package/dist/components/NSLayoutAction.d.ts +0 -5
  308. package/dist/components/NSLayoutAction.js +0 -20
  309. package/dist/components/NSLayoutAction.js.map +0 -1
  310. package/dist/components/NSLayoutAction.module.css +0 -88
  311. package/dist/components/NSLayoutHeroBanner.d.ts +0 -2
  312. package/dist/components/NSLayoutHeroBanner.js +0 -8
  313. package/dist/components/NSLayoutHeroBanner.js.map +0 -1
  314. package/dist/components/NSLayoutHeroBanner.module.css +0 -43
  315. package/dist/components/NSLayoutTitle.d.ts +0 -2
  316. package/dist/components/NSLayoutTitle.js +0 -11
  317. package/dist/components/NSLayoutTitle.js.map +0 -1
  318. package/dist/components/NSLayoutTitle.module.css +0 -10
  319. package/dist/components/NSNotification.d.ts +0 -21
  320. package/dist/components/NSNotification.js +0 -37
  321. package/dist/components/NSNotification.js.map +0 -1
  322. package/dist/components/NSNotification.module.css +0 -32
  323. package/dist/components/NSSelectBox.d.ts +0 -24
  324. package/dist/components/NSSelectBox.js +0 -61
  325. package/dist/components/NSSelectBox.js.map +0 -1
  326. package/dist/components/NSSelectBox.module.css +0 -42
  327. package/dist/index.css +0 -6
  328. package/dist/props/BaseComponentProps.d.ts +0 -6
  329. package/dist/props/BaseComponentProps.js +0 -2
  330. package/dist/props/BaseComponentProps.js.map +0 -10
  331. package/dist/props/INamirasoftProps.d.ts +0 -4
  332. package/dist/props/INamirasoftProps.js +0 -2
  333. package/dist/props/INamirasoftProps.js.map +0 -1
  334. package/dist/props/ImageProps.d.ts +0 -4
  335. package/dist/props/ImageProps.js +0 -2
  336. package/dist/props/ImageProps.js.map +0 -10
  337. package/dist/props/LinkProps.d.ts +0 -5
  338. package/dist/props/LinkProps.js +0 -2
  339. package/dist/props/LinkProps.js.map +0 -10
  340. package/dist/props/ValidationNumberProps.d.ts +0 -4
  341. package/dist/props/ValidationNumberProps.js +0 -2
  342. package/dist/props/ValidationNumberProps.js.map +0 -10
  343. package/dist/props/ValidationProps.d.ts +0 -6
  344. package/dist/props/ValidationProps.js +0 -2
  345. package/dist/props/ValidationProps.js.map +0 -10
  346. package/dist/props/ValidationRegexProps.d.ts +0 -4
  347. package/dist/props/ValidationRegexProps.js +0 -2
  348. package/dist/props/ValidationRegexProps.js.map +0 -1
  349. package/dist/props/ValidationStringProps.d.ts +0 -4
  350. package/dist/props/ValidationStringProps.js +0 -2
  351. package/dist/props/ValidationStringProps.js.map +0 -10
  352. package/src/components/NSBoxText.tsx +0 -132
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,68 +1,118 @@
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
- export function App()
7
- {
8
-
9
- const onClicked = () =>
10
- {
11
- console.log("clicked")
12
- }
13
-
14
- let icons = [
15
- { src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked, count: 1 },
16
- { src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked },
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
- ];
23
- let content1 = () => <>
24
- <NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
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
- </>;
36
- let content2 = () => <div>Content for Tab2</div>;
37
- let content3 = () => <div>Content for Tab3</div>;
38
- const tabs = [
39
- { title: 'Information', getContent: content1 },
40
- { title: 'Price History', getContent: content2 },
41
- { title: 'Price Estimator', getContent: content3 }
42
- ];
43
- return (
44
- <>
45
- <NSLayout
46
- header={{
47
- title: "any",
48
- icons: icons
49
- }}
50
- scope="Namirasoft Account Console"
51
- logo="exampleLogoUrl"
52
- notifications={[]}
53
- background=""
54
- >
55
- <>
56
- <NSBoxEmail title='test' required={true} />
57
- <NSBoxPhone title='test' required={true} />
58
- <NSBoxString title='test' required={true} />
59
- <NSBoxText title='test' required={true} />
60
- <NSBoxTextArea title='test' required={true} />
61
- <NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
62
- <NSTabPage tabs={tabs} />
63
- <NSBoxOTP />
64
- </>
65
- </NSLayout>
66
- </>
67
- );
1
+ import './App.css';
2
+ import 'bootstrap/dist/css/bootstrap.min.css';
3
+ import { NSBarAction, NSBoxEmail, NSBoxString, NSLayout, NSPagination, NSSpace, NSSpaceSizeType, NSTabPage, NSTable } from './main';
4
+ import { NSBoxLabel } from './components/NSBoxLabel';
5
+ import NSAccess from './components/NSAccess';
6
+
7
+ export interface INSBarActionState
8
+ {
9
+ id: string;
10
+ menu_item: string;
11
+ handler: () => void;
12
+ isActive: () => boolean;
13
+ }
14
+ export function App()
15
+ {
16
+
17
+
18
+ const onClicked = () =>
19
+ {
20
+ console.log("clicked")
21
+ }
22
+
23
+ let icons = [
24
+ { src: "https://static.namirasoft.com/image/namirasoft/message/logo/base.png", alt: "", onClicked, count: 1 },
25
+ { src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked },
26
+ { src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked },
27
+ { src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked },
28
+ { src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked },
29
+ { src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked },
30
+ { src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked },
31
+ ];
32
+ let content1 = () => <>
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
+ <NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
37
+ <NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
38
+ <NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
39
+ <NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
40
+ <NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
41
+ <NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
42
+ <NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
43
+ <NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
44
+ </>;
45
+ let content2 = () => <div>Content for Tab2</div>;
46
+ let content3 = () => <div>Content for Tab3</div>;
47
+ const tabs = [
48
+ { title: 'Information', getContent: content1 },
49
+ { title: 'Price History', getContent: content2 },
50
+ { title: 'Price Estimator', getContent: content3 }
51
+ ];
52
+
53
+ const getColumns = (): { [key: string]: string } =>
54
+ {
55
+ return {
56
+ id: "ID",
57
+ name: "Name",
58
+ user_id: "User Id",
59
+ os: "OS"
60
+ };
61
+ };
62
+
63
+ let group: any = [
64
+ [
65
+
66
+ {
67
+ id: "1",
68
+ handler: () => { },
69
+ isActive: () => false,
70
+ menu_item: "1"
71
+ }, {
72
+ id: "2",
73
+ handler: () => { },
74
+ isActive: () => true,
75
+ menu_item: "2"
76
+ },
77
+ {
78
+ id: "2",
79
+ handler: () => { },
80
+ isActive: () => true,
81
+ menu_item: "3"
82
+ }
83
+
84
+ ]
85
+ ]
86
+ return (
87
+ <>
88
+ <NSLayout
89
+ header={{
90
+ title: "any",
91
+ icons: icons
92
+ }}
93
+ scope="Namirasoft Account Console"
94
+ logo="exampleLogoUrl"
95
+ notifications={[]}
96
+ background=""
97
+ >
98
+ <>
99
+ <NSTabPage tabs={tabs} />
100
+ <NSSpace size={NSSpaceSizeType.SMALL} />
101
+ <NSPagination pageSize={5} totalItems={100} currentPage={15} onPageChange={() => { }} />
102
+ </>
103
+ <NSTable
104
+ columns={getColumns()}
105
+ getColumnAttributes={() => { return {} }}
106
+ getRowKey={() => ""}
107
+ pageSize={40}
108
+ totalItems={50}
109
+ reload={() => { }}
110
+ />
111
+ <NSBarAction title='' menus={group} />
112
+ <NSBoxEmail title='Email' required />
113
+ <NSAccess />
114
+ <NSBoxString title='String' required />
115
+ </NSLayout>
116
+ </>
117
+ );
68
118
  }
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
  }