namirasoft-site-react 1.3.229 → 1.3.232

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