namirasoft-site-react 1.3.303 → 1.3.305

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