namirasoft-site-react 1.4.32 → 1.4.34

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 (312) hide show
  1. package/.dockerignore +86 -86
  2. package/.env.template +10 -10
  3. package/Dockerfile +18 -18
  4. package/config-overrides.js +70 -70
  5. package/dist/App.css +17 -0
  6. package/dist/Validator.js.map +1 -1
  7. package/dist/components/NSAccordion.js.map +1 -1
  8. package/dist/components/NSAccordion.module.css +4 -4
  9. package/dist/components/NSActionMenu.js +2 -2
  10. package/dist/components/NSActionMenu.js.map +1 -1
  11. package/dist/components/NSActionMenu.module.css +75 -75
  12. package/dist/components/NSAssistantButton.module.css +130 -130
  13. package/dist/components/NSBarAction.module.css +87 -87
  14. package/dist/components/NSBarAlert.module.css +69 -69
  15. package/dist/components/NSBarHeroBanner.module.css +42 -42
  16. package/dist/components/NSBarNotification.js.map +1 -1
  17. package/dist/components/NSBarNotification.module.css +34 -34
  18. package/dist/components/NSBarTitle.module.css +9 -9
  19. package/dist/components/NSBox.module.css +124 -124
  20. package/dist/components/NSBoxBoolean.js +2 -1
  21. package/dist/components/NSBoxBoolean.js.map +1 -1
  22. package/dist/components/NSBoxBoolean.module.css +70 -70
  23. package/dist/components/NSBoxCombo.js.map +1 -1
  24. package/dist/components/NSBoxCombo.module.css +6 -6
  25. package/dist/components/NSBoxCopy.js.map +1 -1
  26. package/dist/components/NSBoxCopy.module.css +43 -43
  27. package/dist/components/NSBoxDate.js.map +1 -1
  28. package/dist/components/NSBoxDate.module.css +42 -42
  29. package/dist/components/NSBoxDateTime.js.map +1 -1
  30. package/dist/components/NSBoxDateTime.module.css +43 -43
  31. package/dist/components/NSBoxDouble.js.map +1 -1
  32. package/dist/components/NSBoxDuration.js.map +1 -1
  33. package/dist/components/NSBoxEmail.js.map +1 -1
  34. package/dist/components/NSBoxEntity.js.map +1 -1
  35. package/dist/components/NSBoxEntity.module.css +25 -25
  36. package/dist/components/NSBoxErrorNotifier.module.css +2 -2
  37. package/dist/components/NSBoxFile.js.map +1 -1
  38. package/dist/components/NSBoxFile.module.css +4 -4
  39. package/dist/components/NSBoxIPV4.js.map +1 -1
  40. package/dist/components/NSBoxIPV6.js.map +1 -1
  41. package/dist/components/NSBoxInteger.js.map +1 -1
  42. package/dist/components/NSBoxLabel.module.css +14 -14
  43. package/dist/components/NSBoxPassword.js.map +1 -1
  44. package/dist/components/NSBoxPhone.js.map +1 -1
  45. package/dist/components/NSBoxPrice.js.map +1 -1
  46. package/dist/components/NSBoxRadio.js.map +1 -1
  47. package/dist/components/NSBoxRadio.module.css +65 -65
  48. package/dist/components/NSBoxSearch.js.map +1 -1
  49. package/dist/components/NSBoxString.js.map +1 -1
  50. package/dist/components/NSBoxTextArea.js.map +1 -1
  51. package/dist/components/NSBoxTextArea.module.css +78 -78
  52. package/dist/components/NSBoxTime.js.map +1 -1
  53. package/dist/components/NSButton.d.ts +1 -0
  54. package/dist/components/NSButton.module.css +28 -28
  55. package/dist/components/NSButtonBlue.module.css +4 -4
  56. package/dist/components/NSButtonGreen.module.css +4 -4
  57. package/dist/components/NSButtonRed.module.css +4 -4
  58. package/dist/components/NSCard.module.css +108 -108
  59. package/dist/components/NSCardScreenshot.module.css +41 -41
  60. package/dist/components/NSChartColumn.module.css +7 -7
  61. package/dist/components/NSChartTable.module.css +21 -21
  62. package/dist/components/NSCopyToClipboard.d.ts +7 -0
  63. package/dist/components/NSCopyToClipboard.js +13 -0
  64. package/dist/components/NSCopyToClipboard.js.map +1 -0
  65. package/dist/components/NSCopyToClipboard.module.css +44 -0
  66. package/dist/components/NSDialog.module.css +102 -102
  67. package/dist/components/NSDownTimer.js.map +1 -1
  68. package/dist/components/NSDownTimer.module.css +62 -62
  69. package/dist/components/NSDownload.js.map +1 -1
  70. package/dist/components/NSDownload.module.css +46 -46
  71. package/dist/components/NSElectronicCard.js.map +1 -1
  72. package/dist/components/NSElectronicCard.module.css +60 -60
  73. package/dist/components/NSEntityBar.module.css +77 -77
  74. package/dist/components/NSEntityCardBackground.module.css +27 -27
  75. package/dist/components/NSFilterBox.js.map +1 -1
  76. package/dist/components/NSFilterBox.module.css +47 -47
  77. package/dist/components/NSFilterBoxDialog.module.css +36 -36
  78. package/dist/components/NSFilterItem.module.css +23 -23
  79. package/dist/components/NSFooter.js.map +1 -1
  80. package/dist/components/NSFooter.module.css +123 -123
  81. package/dist/components/NSGroupedList.js.map +1 -1
  82. package/dist/components/NSGroupedList.module.css +72 -72
  83. package/dist/components/NSHeader.js.map +1 -1
  84. package/dist/components/NSHeader.module.css +286 -286
  85. package/dist/components/NSHeaderScreenshot.module.css +35 -35
  86. package/dist/components/NSInfoDialog.d.ts +1 -0
  87. package/dist/components/NSLayout.js.map +1 -1
  88. package/dist/components/NSLayout.module.css +13 -13
  89. package/dist/components/NSLine.module.css +12 -12
  90. package/dist/components/NSLink.module.css +36 -36
  91. package/dist/components/NSLoading.module.css +31 -31
  92. package/dist/components/NSNoData.module.css +8 -8
  93. package/dist/components/NSPageSelectionModal.js.map +1 -1
  94. package/dist/components/NSPageSelectionModal.module.css +106 -106
  95. package/dist/components/NSPagination.js.map +1 -1
  96. package/dist/components/NSPagination.module.css +101 -101
  97. package/dist/components/NSPanel.module.css +46 -46
  98. package/dist/components/NSRadioButton.d.ts +25 -0
  99. package/dist/components/NSRadioButton.js +49 -0
  100. package/dist/components/NSRadioButton.js.map +1 -0
  101. package/dist/components/NSRange.module.css +66 -66
  102. package/dist/components/NSRepeater.js.map +1 -1
  103. package/dist/components/NSSection.module.css +10 -10
  104. package/dist/components/NSSectionBars.module.css +10 -10
  105. package/dist/components/NSSectionCards.module.css +38 -38
  106. package/dist/components/NSTabPage.module.css +59 -59
  107. package/dist/components/NSTable.js +2 -2
  108. package/dist/components/NSTable.js.map +1 -1
  109. package/dist/components/NSTable.module.css +289 -289
  110. package/dist/components/NSTag.module.css +52 -52
  111. package/dist/components/NSTimeTable.module.css +6 -6
  112. package/dist/components/NSTimelineMonthly.module.css +71 -71
  113. package/dist/components/NSTitle.module.css +15 -15
  114. package/dist/formatter/DateFormatter.js.map +1 -1
  115. package/dist/formatter/DateTimeFormatter.js.map +1 -1
  116. package/dist/formatter/TimeFormatter.js.map +1 -1
  117. package/dist/index.css +6 -0
  118. package/dist/pages/NSNotFoundPage.module.css +18 -18
  119. package/dist/pages/NSUpdating.module.css +35 -35
  120. package/dist/routing/NSRouterMaker.d.ts +1 -0
  121. package/dist/routing/Notifier.d.ts +1 -0
  122. package/dist/routing/Notifier.js.map +1 -1
  123. package/package.json +72 -72
  124. package/public/index.html +38 -38
  125. package/src/App.css +16 -16
  126. package/src/App.tsx +235 -235
  127. package/src/Color.tsx +10 -10
  128. package/src/CopyToClipboard.ts +6 -6
  129. package/src/Validator.ts +117 -117
  130. package/src/components/NSAccordion.module.css +4 -4
  131. package/src/components/NSAccordion.tsx +51 -51
  132. package/src/components/NSActionMenu.module.css +75 -75
  133. package/src/components/NSActionMenu.tsx +89 -89
  134. package/src/components/NSAssistantButton.module.css +130 -130
  135. package/src/components/NSAssistantButton.tsx +70 -70
  136. package/src/components/NSBarAction.module.css +87 -87
  137. package/src/components/NSBarAction.tsx +92 -92
  138. package/src/components/NSBarAlert.module.css +69 -69
  139. package/src/components/NSBarAlert.tsx +30 -30
  140. package/src/components/NSBarHeroBanner.module.css +42 -42
  141. package/src/components/NSBarHeroBanner.tsx +61 -61
  142. package/src/components/NSBarNotification.module.css +34 -34
  143. package/src/components/NSBarNotification.tsx +85 -85
  144. package/src/components/NSBarTitle.module.css +9 -9
  145. package/src/components/NSBarTitle.tsx +28 -28
  146. package/src/components/NSBox.module.css +124 -124
  147. package/src/components/NSBoxBoolean.module.css +70 -70
  148. package/src/components/NSBoxBoolean.tsx +117 -115
  149. package/src/components/NSBoxCombo.module.css +6 -6
  150. package/src/components/NSBoxCombo.tsx +147 -147
  151. package/src/components/NSBoxCopy.module.css +43 -43
  152. package/src/components/NSBoxCopy.tsx +41 -41
  153. package/src/components/NSBoxDate.module.css +42 -42
  154. package/src/components/NSBoxDate.tsx +86 -86
  155. package/src/components/NSBoxDateTime.module.css +43 -43
  156. package/src/components/NSBoxDateTime.tsx +87 -87
  157. package/src/components/NSBoxDouble.tsx +90 -90
  158. package/src/components/NSBoxDuration.tsx +90 -90
  159. package/src/components/NSBoxEmail.tsx +103 -103
  160. package/src/components/NSBoxEntity.module.css +25 -25
  161. package/src/components/NSBoxEntity.tsx +181 -181
  162. package/src/components/NSBoxEnum.tsx +55 -55
  163. package/src/components/NSBoxErrorNotifier.module.css +2 -2
  164. package/src/components/NSBoxErrorNotifier.tsx +32 -32
  165. package/src/components/NSBoxFile.module.css +4 -4
  166. package/src/components/NSBoxFile.tsx +124 -124
  167. package/src/components/NSBoxIPV4.tsx +95 -95
  168. package/src/components/NSBoxIPV6.tsx +92 -92
  169. package/src/components/NSBoxInteger.tsx +92 -92
  170. package/src/components/NSBoxLabel.module.css +14 -14
  171. package/src/components/NSBoxLabel.tsx +29 -29
  172. package/src/components/NSBoxPassword.tsx +88 -88
  173. package/src/components/NSBoxPhone.tsx +96 -96
  174. package/src/components/NSBoxPrice.tsx +90 -90
  175. package/src/components/NSBoxRadio.module.css +65 -65
  176. package/src/components/NSBoxRadio.tsx +105 -105
  177. package/src/components/NSBoxSearch.tsx +105 -105
  178. package/src/components/NSBoxString.tsx +104 -104
  179. package/src/components/NSBoxTextArea.module.css +78 -78
  180. package/src/components/NSBoxTextArea.tsx +110 -110
  181. package/src/components/NSBoxTime.tsx +90 -90
  182. package/src/components/NSButton.module.css +28 -28
  183. package/src/components/NSButton.tsx +23 -23
  184. package/src/components/NSButtonBlue.module.css +4 -4
  185. package/src/components/NSButtonBlue.tsx +11 -11
  186. package/src/components/NSButtonGreen.module.css +4 -4
  187. package/src/components/NSButtonGreen.tsx +10 -10
  188. package/src/components/NSButtonRed.module.css +4 -4
  189. package/src/components/NSButtonRed.tsx +10 -10
  190. package/src/components/NSCard.module.css +108 -108
  191. package/src/components/NSCard.tsx +71 -71
  192. package/src/components/NSCardScreenshot.module.css +41 -41
  193. package/src/components/NSCardScreenshot.tsx +31 -31
  194. package/src/components/NSChartColumn.module.css +7 -7
  195. package/src/components/NSChartColumn.tsx +106 -106
  196. package/src/components/NSChartPie.tsx +104 -104
  197. package/src/components/NSChartRange.tsx +16 -16
  198. package/src/components/NSChartTable.module.css +21 -21
  199. package/src/components/NSChartTable.tsx +94 -94
  200. package/src/components/NSCopy.tsx +66 -66
  201. package/src/components/NSDeleteDialog.tsx +26 -26
  202. package/src/components/NSDialog.module.css +102 -102
  203. package/src/components/NSDialog.tsx +47 -47
  204. package/src/components/NSDownTimer.module.css +62 -62
  205. package/src/components/NSDownTimer.tsx +77 -77
  206. package/src/components/NSDownload.module.css +46 -46
  207. package/src/components/NSDownload.tsx +62 -62
  208. package/src/components/NSElectronicCard.module.css +60 -60
  209. package/src/components/NSElectronicCard.tsx +45 -45
  210. package/src/components/NSEntityBar.module.css +77 -77
  211. package/src/components/NSEntityBar.tsx +27 -27
  212. package/src/components/NSEntityCardBackground.module.css +27 -27
  213. package/src/components/NSEntityCardBackground.tsx +34 -34
  214. package/src/components/NSFilterBox.module.css +47 -47
  215. package/src/components/NSFilterBox.tsx +352 -352
  216. package/src/components/NSFilterBoxDialog.module.css +36 -36
  217. package/src/components/NSFilterBoxDialog.tsx +74 -74
  218. package/src/components/NSFilterItem.module.css +23 -23
  219. package/src/components/NSFilterItem.tsx +73 -73
  220. package/src/components/NSFooter.module.css +123 -123
  221. package/src/components/NSFooter.tsx +289 -289
  222. package/src/components/NSGroupedList.module.css +72 -72
  223. package/src/components/NSGroupedList.tsx +107 -107
  224. package/src/components/NSHeader.module.css +286 -286
  225. package/src/components/NSHeader.tsx +247 -247
  226. package/src/components/NSHeaderScreenshot.module.css +35 -35
  227. package/src/components/NSHeaderScreenshot.tsx +38 -38
  228. package/src/components/NSInfoDialog.tsx +36 -36
  229. package/src/components/NSLayout.module.css +13 -13
  230. package/src/components/NSLayout.tsx +107 -107
  231. package/src/components/NSLine.module.css +12 -12
  232. package/src/components/NSLine.tsx +15 -15
  233. package/src/components/NSLink.module.css +36 -36
  234. package/src/components/NSLink.tsx +25 -25
  235. package/src/components/NSLinkBlue.tsx +20 -20
  236. package/src/components/NSLinkGreen.tsx +5 -5
  237. package/src/components/NSLinkRed.tsx +5 -5
  238. package/src/components/NSLoading.module.css +31 -31
  239. package/src/components/NSLoading.tsx +19 -19
  240. package/src/components/NSNoData.module.css +8 -8
  241. package/src/components/NSNoData.tsx +24 -24
  242. package/src/components/NSPageSelectionModal.module.css +106 -106
  243. package/src/components/NSPageSelectionModal.tsx +227 -227
  244. package/src/components/NSPagination.module.css +101 -101
  245. package/src/components/NSPagination.tsx +191 -191
  246. package/src/components/NSPanel.module.css +46 -46
  247. package/src/components/NSPanel.tsx +19 -19
  248. package/src/components/NSProductList.tsx +43 -43
  249. package/src/components/NSRange.module.css +66 -66
  250. package/src/components/NSRange.tsx +82 -82
  251. package/src/components/NSRepeater.tsx +175 -175
  252. package/src/components/NSSection.module.css +10 -10
  253. package/src/components/NSSection.tsx +23 -23
  254. package/src/components/NSSectionBars.module.css +10 -10
  255. package/src/components/NSSectionBars.tsx +25 -25
  256. package/src/components/NSSectionCards.module.css +38 -38
  257. package/src/components/NSSectionCards.tsx +51 -51
  258. package/src/components/NSSectionTitle.tsx +21 -21
  259. package/src/components/NSSpace.tsx +28 -28
  260. package/src/components/NSTabPage.module.css +59 -59
  261. package/src/components/NSTabPage.tsx +53 -53
  262. package/src/components/NSTable.module.css +289 -289
  263. package/src/components/NSTable.tsx +424 -424
  264. package/src/components/NSTag.module.css +52 -52
  265. package/src/components/NSTag.tsx +73 -73
  266. package/src/components/NSTimeTable.module.css +6 -6
  267. package/src/components/NSTimeTable.tsx +49 -49
  268. package/src/components/NSTimelineMonthly.module.css +71 -71
  269. package/src/components/NSTimelineMonthly.tsx +42 -42
  270. package/src/components/NSTitle.module.css +15 -15
  271. package/src/components/NSTitle.tsx +19 -19
  272. package/src/formatter/BackColorFormatter.tsx +20 -20
  273. package/src/formatter/BaseColumnFormatter.ts +14 -14
  274. package/src/formatter/BooleanFormatter.ts +20 -20
  275. package/src/formatter/DateFormatter.ts +15 -15
  276. package/src/formatter/DateTimeFormatter.ts +15 -15
  277. package/src/formatter/DurationFormatter.ts +8 -8
  278. package/src/formatter/EmailFormatter.ts +8 -8
  279. package/src/formatter/EnumFormatter.ts +8 -8
  280. package/src/formatter/FloatFormatter.ts +8 -8
  281. package/src/formatter/ForeColorFormatter.tsx +20 -20
  282. package/src/formatter/ForeignIDFormatter.ts +8 -8
  283. package/src/formatter/IDFormatter.ts +8 -8
  284. package/src/formatter/IPFormatter.ts +8 -8
  285. package/src/formatter/IntegerFormatter.ts +8 -8
  286. package/src/formatter/JsonFormatter.ts +8 -8
  287. package/src/formatter/MoneyFormatter.ts +8 -8
  288. package/src/formatter/PhoneFormatter.ts +8 -8
  289. package/src/formatter/StringFormatter.ts +8 -8
  290. package/src/formatter/TimeFormatter.ts +16 -16
  291. package/src/formatter/UnknowFormatter.ts +8 -8
  292. package/src/index.tsx +7 -7
  293. package/src/main.ts +116 -116
  294. package/src/pages/NSNotFoundPage.module.css +18 -18
  295. package/src/pages/NSNotFoundPage.tsx +11 -11
  296. package/src/pages/NSUpdating.module.css +35 -35
  297. package/src/pages/NSUpdating.tsx +32 -32
  298. package/src/props/IBaseComponentProps.ts +8 -8
  299. package/src/props/IHeaderIconProps.ts +10 -10
  300. package/src/props/IHeaderProps.ts +7 -7
  301. package/src/props/IImageProps.ts +4 -4
  302. package/src/props/ILinkProps.ts +5 -5
  303. package/src/props/IValidationNumberProps.ts +4 -4
  304. package/src/props/IValidationProps.ts +7 -7
  305. package/src/props/IValidationRegexProps.ts +4 -4
  306. package/src/props/IValidationStringProps.ts +4 -4
  307. package/src/routing/INSRouterMaker.ts +6 -6
  308. package/src/routing/INSRouterProps.ts +5 -5
  309. package/src/routing/INSRouterState.ts +5 -5
  310. package/src/routing/NSRouterMaker.tsx +33 -33
  311. package/src/routing/Notifier.ts +79 -79
  312. package/tsconfig.json +43 -43
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,236 +1,236 @@
1
- import './App.css';
2
- import 'bootstrap/dist/css/bootstrap.min.css';
3
- import { NSTable, INSTableProps, TableColumnInfo, TableRowInfo } from './components/NSTable';
4
- import { BaseColumnFormatter, NSBarAlert, NSBoxDate, NSBoxEnum, NSBoxInteger, NSBoxPhone, NSNotFoundPage } from './main';
5
-
6
- export interface INSBarActionState
7
- {
8
- id: string;
9
- menu_item: string;
10
- handler: () => void;
11
- isActive: () => boolean;
12
- }
13
-
14
- const fakeFormatter: BaseColumnFormatter = {
15
- format: (value: any) => { return value; }
16
- };
17
-
18
- const fakeColumns: TableColumnInfo[] = [
19
- {
20
- index: 0,
21
- name: 'Column1',
22
- text: 'Column 111111111111',
23
- formatter: fakeFormatter,
24
- },
25
- {
26
- index: 1,
27
- name: 'Column2',
28
- text: 'Column 222222',
29
- formatter: fakeFormatter,
30
- },
31
- {
32
- index: 1,
33
- name: 'Column3',
34
- text: 'Column 33333333',
35
- formatter: fakeFormatter,
36
- },
37
- {
38
- index: 1,
39
- name: 'Column4',
40
- text: 'Column 44444444444',
41
- formatter: fakeFormatter,
42
- },
43
- {
44
- index: 1,
45
- name: 'Column5',
46
- text: 'Column 5',
47
- formatter: fakeFormatter,
48
- },
49
- {
50
- index: 1,
51
- name: 'Column6',
52
- text: 'Column 6',
53
- formatter: fakeFormatter,
54
- },
55
- {
56
- index: 1,
57
- name: 'Column7',
58
- text: 'Column 7',
59
- formatter: fakeFormatter,
60
- },
61
- {
62
- index: 1,
63
- name: 'Column8',
64
- text: 'Column 888888',
65
- formatter: fakeFormatter,
66
- },
67
- {
68
- index: 1,
69
- name: 'Column9',
70
- text: 'Column 9',
71
- formatter: fakeFormatter,
72
- },
73
- {
74
- index: 1,
75
- name: 'Column10',
76
- text: 'Column 10',
77
- formatter: fakeFormatter,
78
- },
79
- {
80
- index: 1,
81
- name: 'Column11',
82
- text: 'Column 11',
83
- formatter: fakeFormatter,
84
- },
85
- {
86
- index: 1,
87
- name: 'Column12',
88
- text: 'Column 12',
89
- formatter: fakeFormatter,
90
- },
91
- {
92
- index: 1,
93
- name: 'Column13',
94
- text: 'Column 13',
95
- formatter: fakeFormatter,
96
- },
97
- {
98
- index: 1,
99
- name: 'Column14',
100
- text: 'Column 14',
101
- formatter: fakeFormatter,
102
- },
103
- {
104
- index: 1,
105
- name: 'Column15',
106
- text: 'Column15',
107
- formatter: fakeFormatter,
108
- },
109
- {
110
- index: 1,
111
- name: 'Column15',
112
- text: 'Column15',
113
- formatter: fakeFormatter,
114
- },
115
- {
116
- index: 1,
117
- name: 'Column16',
118
- text: 'Column16',
119
- formatter: fakeFormatter,
120
- },
121
- {
122
- index: 1,
123
- name: 'Column17',
124
- text: 'Column17',
125
- formatter: fakeFormatter,
126
- },
127
- {
128
- index: 1,
129
- name: 'Column18',
130
- text: 'Column18',
131
- formatter: fakeFormatter,
132
- },
133
- {
134
- index: 1,
135
- name: 'Column19',
136
- text: 'Column19',
137
- formatter: fakeFormatter,
138
- }, {
139
- index: 1,
140
- name: 'Column20',
141
- text: 'Column20',
142
- formatter: fakeFormatter,
143
- }
144
-
145
- ];
146
- const fakeData = [
147
- { index: 0, Column1: 'Row 1 Data 1', Column2: 'Row 1 Data 2', Column3: 'Row 1 Data 3', Column4: 'Row 1 Data 4', Column5: 'Row 1 Data 5', Column6: 'Row 1 Data 6', Column7: 'Row 1 Data 7', Column8: 'Row 1 Data 8', Column9: 'Row 1 Data 9', Column10: 'Row 1 Data 10', Column11: 'Row 1 Data 11', Column12: 'Row 1 Data 12', Column13: 'Row 1 Data 13', Column14: 'Row 1 Data 14', Column15: 'Row 1 Data 15', Column16: 'Row 1 Data 16', Column17: 'Row 1 Data 17', Column18: 'Row 1 Data 18', Column19: 'Row 1 Data 19', Column20: 'Row 1 Data 20', percentage: 10 },
148
- { index: 1, Column1: 'Row 2 Data 1', Column2: 'Row 2 Data 2', Column3: 'Row 2 Data 3', percentage: 50 },
149
- { index: 2, Column1: 'Row 3 Data 1', Column2: 'Row 3 Data 2', Column3: 'Row 3 Data 3', percentage: 90 },
150
-
151
- ];
152
- let getFakeRows = async (page: number, size: number) =>
153
- {
154
- console.log(page, size);
155
- const rows = fakeData;
156
- return { rows: rows, count: fakeData.length };
157
- };
158
-
159
- const getFakeRowKey = (row: TableRowInfo<any>) =>
160
- { return `${row.index}`; };
161
-
162
- export function App()
163
- {
164
-
165
- const tableProps: INSTableProps<any> = {
166
- checkbox: false,
167
- // percentage:true,
168
- columns: fakeColumns,
169
- getRows: getFakeRows,
170
- getRowKey: getFakeRowKey,
171
- };
172
-
173
- return (
174
- <>
175
- <div>NSLayout </div>
176
- <div>NSLayout </div>
177
- <div>NSLayout </div>
178
- <NSTable {...tableProps} />
179
- <NSNotFoundPage />
180
- <NSBoxDate required title='' />
181
- <NSBoxPhone
182
- required
183
- title=''
184
- />
185
- <NSBoxInteger
186
- required
187
- title=''
188
- min={8}
189
- max={12}
190
- />
191
-
192
- <NSBoxEnum
193
- title='Retention Unit'
194
- required
195
- multiple={false}
196
- options={[
197
- { title: "LogGroupRetentionUnit.Day", value: "LogGroupRetentionUnit.Day" },
198
- { title: "LogGroupRetentionUnit.Week", value: "LogGroupRetentionUnit.Week" },
199
- { title: "LogGroupRetentionUnit.Month", value: "LogGroupRetentionUnit.Month" },
200
- { title: "LogGroupRetentionUnit.Year", value: "LogGroupRetentionUnit.Year" },
201
- ]}
202
- />
203
-
204
- <NSBarAlert
205
- isVisible={() => true}
206
- onContinue={() => window.open("/")}
207
- title={
208
- {
209
- title: "Verify Your Email",
210
- description: "Lorem ipsum dolor sit amet consectetur. In ipsum gravida libero vitae tempor.Ipsum"
211
- }
212
- }
213
- />
214
- <NSBarAlert
215
- isVisible={() => true}
216
- onContinue={() => window.open("/")}
217
- title={
218
- {
219
- title: "Verify Your Email",
220
- description: "Lorem ipsum dolor sit amet consectetur. In ipsum gravida libero vitae tempor.Ipsum"
221
- }
222
- }
223
- />
224
- <NSBarAlert
225
- isVisible={() => true}
226
- onContinue={() => window.open("/")}
227
- title={
228
- {
229
- title: "Verify Your Email",
230
- description: "Lorem ipsum dolor sit amet consectetur. In ipsum gravida libero vitae tempor.Ipsum"
231
- }
232
- }
233
- />
234
- </>
235
- );
1
+ import './App.css';
2
+ import 'bootstrap/dist/css/bootstrap.min.css';
3
+ import { NSTable, INSTableProps, TableColumnInfo, TableRowInfo } from './components/NSTable';
4
+ import { BaseColumnFormatter, NSBarAlert, NSBoxDate, NSBoxEnum, NSBoxInteger, NSBoxPhone, NSNotFoundPage } from './main';
5
+
6
+ export interface INSBarActionState
7
+ {
8
+ id: string;
9
+ menu_item: string;
10
+ handler: () => void;
11
+ isActive: () => boolean;
12
+ }
13
+
14
+ const fakeFormatter: BaseColumnFormatter = {
15
+ format: (value: any) => { return value; }
16
+ };
17
+
18
+ const fakeColumns: TableColumnInfo[] = [
19
+ {
20
+ index: 0,
21
+ name: 'Column1',
22
+ text: 'Column 111111111111',
23
+ formatter: fakeFormatter,
24
+ },
25
+ {
26
+ index: 1,
27
+ name: 'Column2',
28
+ text: 'Column 222222',
29
+ formatter: fakeFormatter,
30
+ },
31
+ {
32
+ index: 1,
33
+ name: 'Column3',
34
+ text: 'Column 33333333',
35
+ formatter: fakeFormatter,
36
+ },
37
+ {
38
+ index: 1,
39
+ name: 'Column4',
40
+ text: 'Column 44444444444',
41
+ formatter: fakeFormatter,
42
+ },
43
+ {
44
+ index: 1,
45
+ name: 'Column5',
46
+ text: 'Column 5',
47
+ formatter: fakeFormatter,
48
+ },
49
+ {
50
+ index: 1,
51
+ name: 'Column6',
52
+ text: 'Column 6',
53
+ formatter: fakeFormatter,
54
+ },
55
+ {
56
+ index: 1,
57
+ name: 'Column7',
58
+ text: 'Column 7',
59
+ formatter: fakeFormatter,
60
+ },
61
+ {
62
+ index: 1,
63
+ name: 'Column8',
64
+ text: 'Column 888888',
65
+ formatter: fakeFormatter,
66
+ },
67
+ {
68
+ index: 1,
69
+ name: 'Column9',
70
+ text: 'Column 9',
71
+ formatter: fakeFormatter,
72
+ },
73
+ {
74
+ index: 1,
75
+ name: 'Column10',
76
+ text: 'Column 10',
77
+ formatter: fakeFormatter,
78
+ },
79
+ {
80
+ index: 1,
81
+ name: 'Column11',
82
+ text: 'Column 11',
83
+ formatter: fakeFormatter,
84
+ },
85
+ {
86
+ index: 1,
87
+ name: 'Column12',
88
+ text: 'Column 12',
89
+ formatter: fakeFormatter,
90
+ },
91
+ {
92
+ index: 1,
93
+ name: 'Column13',
94
+ text: 'Column 13',
95
+ formatter: fakeFormatter,
96
+ },
97
+ {
98
+ index: 1,
99
+ name: 'Column14',
100
+ text: 'Column 14',
101
+ formatter: fakeFormatter,
102
+ },
103
+ {
104
+ index: 1,
105
+ name: 'Column15',
106
+ text: 'Column15',
107
+ formatter: fakeFormatter,
108
+ },
109
+ {
110
+ index: 1,
111
+ name: 'Column15',
112
+ text: 'Column15',
113
+ formatter: fakeFormatter,
114
+ },
115
+ {
116
+ index: 1,
117
+ name: 'Column16',
118
+ text: 'Column16',
119
+ formatter: fakeFormatter,
120
+ },
121
+ {
122
+ index: 1,
123
+ name: 'Column17',
124
+ text: 'Column17',
125
+ formatter: fakeFormatter,
126
+ },
127
+ {
128
+ index: 1,
129
+ name: 'Column18',
130
+ text: 'Column18',
131
+ formatter: fakeFormatter,
132
+ },
133
+ {
134
+ index: 1,
135
+ name: 'Column19',
136
+ text: 'Column19',
137
+ formatter: fakeFormatter,
138
+ }, {
139
+ index: 1,
140
+ name: 'Column20',
141
+ text: 'Column20',
142
+ formatter: fakeFormatter,
143
+ }
144
+
145
+ ];
146
+ const fakeData = [
147
+ { index: 0, Column1: 'Row 1 Data 1', Column2: 'Row 1 Data 2', Column3: 'Row 1 Data 3', Column4: 'Row 1 Data 4', Column5: 'Row 1 Data 5', Column6: 'Row 1 Data 6', Column7: 'Row 1 Data 7', Column8: 'Row 1 Data 8', Column9: 'Row 1 Data 9', Column10: 'Row 1 Data 10', Column11: 'Row 1 Data 11', Column12: 'Row 1 Data 12', Column13: 'Row 1 Data 13', Column14: 'Row 1 Data 14', Column15: 'Row 1 Data 15', Column16: 'Row 1 Data 16', Column17: 'Row 1 Data 17', Column18: 'Row 1 Data 18', Column19: 'Row 1 Data 19', Column20: 'Row 1 Data 20', percentage: 10 },
148
+ { index: 1, Column1: 'Row 2 Data 1', Column2: 'Row 2 Data 2', Column3: 'Row 2 Data 3', percentage: 50 },
149
+ { index: 2, Column1: 'Row 3 Data 1', Column2: 'Row 3 Data 2', Column3: 'Row 3 Data 3', percentage: 90 },
150
+
151
+ ];
152
+ let getFakeRows = async (page: number, size: number) =>
153
+ {
154
+ console.log(page, size);
155
+ const rows = fakeData;
156
+ return { rows: rows, count: fakeData.length };
157
+ };
158
+
159
+ const getFakeRowKey = (row: TableRowInfo<any>) =>
160
+ { return `${row.index}`; };
161
+
162
+ export function App()
163
+ {
164
+
165
+ const tableProps: INSTableProps<any> = {
166
+ checkbox: false,
167
+ // percentage:true,
168
+ columns: fakeColumns,
169
+ getRows: getFakeRows,
170
+ getRowKey: getFakeRowKey,
171
+ };
172
+
173
+ return (
174
+ <>
175
+ <div>NSLayout </div>
176
+ <div>NSLayout </div>
177
+ <div>NSLayout </div>
178
+ <NSTable {...tableProps} />
179
+ <NSNotFoundPage />
180
+ <NSBoxDate required title='' />
181
+ <NSBoxPhone
182
+ required
183
+ title=''
184
+ />
185
+ <NSBoxInteger
186
+ required
187
+ title=''
188
+ min={8}
189
+ max={12}
190
+ />
191
+
192
+ <NSBoxEnum
193
+ title='Retention Unit'
194
+ required
195
+ multiple={false}
196
+ options={[
197
+ { title: "LogGroupRetentionUnit.Day", value: "LogGroupRetentionUnit.Day" },
198
+ { title: "LogGroupRetentionUnit.Week", value: "LogGroupRetentionUnit.Week" },
199
+ { title: "LogGroupRetentionUnit.Month", value: "LogGroupRetentionUnit.Month" },
200
+ { title: "LogGroupRetentionUnit.Year", value: "LogGroupRetentionUnit.Year" },
201
+ ]}
202
+ />
203
+
204
+ <NSBarAlert
205
+ isVisible={() => true}
206
+ onContinue={() => window.open("/")}
207
+ title={
208
+ {
209
+ title: "Verify Your Email",
210
+ description: "Lorem ipsum dolor sit amet consectetur. In ipsum gravida libero vitae tempor.Ipsum"
211
+ }
212
+ }
213
+ />
214
+ <NSBarAlert
215
+ isVisible={() => true}
216
+ onContinue={() => window.open("/")}
217
+ title={
218
+ {
219
+ title: "Verify Your Email",
220
+ description: "Lorem ipsum dolor sit amet consectetur. In ipsum gravida libero vitae tempor.Ipsum"
221
+ }
222
+ }
223
+ />
224
+ <NSBarAlert
225
+ isVisible={() => true}
226
+ onContinue={() => window.open("/")}
227
+ title={
228
+ {
229
+ title: "Verify Your Email",
230
+ description: "Lorem ipsum dolor sit amet consectetur. In ipsum gravida libero vitae tempor.Ipsum"
231
+ }
232
+ }
233
+ />
234
+ </>
235
+ );
236
236
  }
package/src/Color.tsx CHANGED
@@ -1,11 +1,11 @@
1
- export class Color
2
- {
3
- static getColor(percentage: number,): string
4
- {
5
- if (percentage >= 75) return '#368F01';
6
- if (percentage >= 60) return ' #44B400';
7
- if (percentage >= 50) return '#56E500';
8
- if (percentage >= 25) return '#FAFF00';
9
- return 'red';
10
- }
1
+ export class Color
2
+ {
3
+ static getColor(percentage: number,): string
4
+ {
5
+ if (percentage >= 75) return '#368F01';
6
+ if (percentage >= 60) return ' #44B400';
7
+ if (percentage >= 50) return '#56E500';
8
+ if (percentage >= 25) return '#FAFF00';
9
+ return 'red';
10
+ }
11
11
  }
package/src/CopyToClipboard.ts CHANGED
@@ -1,7 +1,7 @@
1
- export class CopyToClipboard
2
- {
3
- static copyToClipboard(value: string): void
4
- {
5
- navigator.clipboard.writeText(value);
6
- }
1
+ export class CopyToClipboard
2
+ {
3
+ static copyToClipboard(value: string): void
4
+ {
5
+ navigator.clipboard.writeText(value);
6
+ }
7
7
  };