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