namirasoft-site-react 1.4.402 → 1.4.403

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 (304) hide show
  1. package/.dockerignore +86 -86
  2. package/.env.template +10 -10
  3. package/Dockerfile +18 -18
  4. package/config-overrides.js +72 -72
  5. package/dist/App.js +7 -1
  6. package/dist/App.js.map +1 -1
  7. package/dist/components/NSBanner.module.css +47 -47
  8. package/dist/components/NSBarAction.module.css +84 -84
  9. package/dist/components/NSBarAlert.module.css +79 -79
  10. package/dist/components/NSBarNotification.module.css +34 -34
  11. package/dist/components/NSBarTitle.module.css +9 -9
  12. package/dist/components/NSBox.module.css +54 -54
  13. package/dist/components/NSBoxBaseCombo.module.css +6 -6
  14. package/dist/components/NSBoxBoolean.module.css +73 -73
  15. package/dist/components/NSBoxDate.module.css +4 -4
  16. package/dist/components/NSBoxDateTime.module.css +4 -4
  17. package/dist/components/NSBoxDuration.module.css +4 -4
  18. package/dist/components/NSBoxFile.module.css +10 -10
  19. package/dist/components/NSBoxPhone.module.css +35 -35
  20. package/dist/components/NSBoxRadio.module.css +33 -33
  21. package/dist/components/NSBoxSchemaBase.module.css +17 -17
  22. package/dist/components/NSBoxSchemaVariable.module.css +16 -16
  23. package/dist/components/NSBoxTextArea.module.css +12 -12
  24. package/dist/components/NSBoxTime.module.css +4 -4
  25. package/dist/components/NSButton.module.css +57 -57
  26. package/dist/components/NSButtonBlue.module.css +4 -4
  27. package/dist/components/NSButtonGreen.module.css +4 -4
  28. package/dist/components/NSButtonRed.module.css +4 -4
  29. package/dist/components/NSCard.module.css +114 -114
  30. package/dist/components/NSCardScreenshot.module.css +41 -41
  31. package/dist/components/NSChartColumn.module.css +7 -7
  32. package/dist/components/NSChartTable.module.css +21 -21
  33. package/dist/components/NSColumn.module.css +16 -16
  34. package/dist/components/NSCopyBox.module.css +39 -39
  35. package/dist/components/NSDialog.module.css +112 -112
  36. package/dist/components/NSDialogPageSelection.module.css +103 -103
  37. package/dist/components/NSDownTimer.module.css +55 -55
  38. package/dist/components/NSDownload.module.css +46 -46
  39. package/dist/components/NSElectronicCard.module.css +60 -60
  40. package/dist/components/NSEntityCardBackground.module.css +27 -27
  41. package/dist/components/NSFilterBox.module.css +27 -27
  42. package/dist/components/NSFilterBoxItems.module.css +15 -15
  43. package/dist/components/NSFilterItem.module.css +24 -24
  44. package/dist/components/NSFooter.module.css +134 -134
  45. package/dist/components/NSHeader.d.ts +7 -1
  46. package/dist/components/NSHeader.js +29 -6
  47. package/dist/components/NSHeader.js.map +1 -1
  48. package/dist/components/NSHeader.module.css +291 -291
  49. package/dist/components/NSHeaderScreenshot.module.css +35 -35
  50. package/dist/components/NSLabel.module.css +25 -25
  51. package/dist/components/NSLabelErrorNotifier.module.css +2 -2
  52. package/dist/components/NSLayout.module.css +14 -14
  53. package/dist/components/NSLine.module.css +15 -15
  54. package/dist/components/NSLink.module.css +36 -36
  55. package/dist/components/NSListGrouped.module.css +69 -69
  56. package/dist/components/NSListProduct.js.map +1 -1
  57. package/dist/components/NSLoading.module.css +38 -38
  58. package/dist/components/NSMenuAction.module.css +88 -88
  59. package/dist/components/NSMenuButton.module.css +44 -44
  60. package/dist/components/NSNoData.module.css +9 -9
  61. package/dist/components/NSPagination.module.css +85 -85
  62. package/dist/components/NSPanel.module.css +19 -19
  63. package/dist/components/NSPanelAccordion.module.css +4 -4
  64. package/dist/components/NSProductSearch.d.ts +16 -0
  65. package/dist/components/NSProductSearch.js +56 -0
  66. package/dist/components/NSProductSearch.js.map +1 -0
  67. package/dist/components/NSProductSearch.module.css +69 -0
  68. package/dist/components/NSRange.module.css +66 -66
  69. package/dist/components/NSRow.module.css +17 -17
  70. package/dist/components/NSSection.module.css +4 -4
  71. package/dist/components/NSSectionCards.module.css +38 -38
  72. package/dist/components/NSSectionTiles.module.css +10 -10
  73. package/dist/components/NSTabPage.module.css +59 -59
  74. package/dist/components/NSTable.module.css +263 -263
  75. package/dist/components/NSTile.module.css +76 -76
  76. package/dist/components/NSTimelineMonthly.module.css +71 -71
  77. package/dist/components/NSTitle.module.css +15 -15
  78. package/dist/pages/NSNotFoundPage.module.css +18 -18
  79. package/dist/pages/NSUpdating.module.css +35 -35
  80. package/package.json +82 -82
  81. package/public/index.html +38 -38
  82. package/src/App.css +33 -33
  83. package/src/App.tsx +216 -210
  84. package/src/Color.tsx +10 -10
  85. package/src/CopyToClipboard.ts +6 -6
  86. package/src/NSBoxBuilder.tsx +912 -912
  87. package/src/ProductCacheService.ts +15 -15
  88. package/src/Validator.ts +166 -166
  89. package/src/components/INSBox.tsx +6 -6
  90. package/src/components/NSBanner.module.css +47 -47
  91. package/src/components/NSBanner.tsx +80 -80
  92. package/src/components/NSBarAction.module.css +84 -84
  93. package/src/components/NSBarAction.tsx +91 -91
  94. package/src/components/NSBarAlert.module.css +79 -79
  95. package/src/components/NSBarAlert.tsx +35 -35
  96. package/src/components/NSBarNotification.module.css +34 -34
  97. package/src/components/NSBarNotification.tsx +86 -86
  98. package/src/components/NSBarTitle.module.css +9 -9
  99. package/src/components/NSBarTitle.tsx +23 -23
  100. package/src/components/NSBox.module.css +54 -54
  101. package/src/components/NSBox.tsx +19 -19
  102. package/src/components/NSBoxBaseCombo.module.css +6 -6
  103. package/src/components/NSBoxBaseCombo.tsx +428 -428
  104. package/src/components/NSBoxBaseLayout.tsx +88 -88
  105. package/src/components/NSBoxBaseLayoutRecursive.tsx +54 -54
  106. package/src/components/NSBoxBoolean.module.css +73 -73
  107. package/src/components/NSBoxBoolean.tsx +128 -128
  108. package/src/components/NSBoxBooleans.tsx +178 -178
  109. package/src/components/NSBoxColor.tsx +95 -95
  110. package/src/components/NSBoxCombo.tsx +91 -91
  111. package/src/components/NSBoxDate.module.css +4 -4
  112. package/src/components/NSBoxDate.tsx +90 -90
  113. package/src/components/NSBoxDateTime.module.css +4 -4
  114. package/src/components/NSBoxDateTime.tsx +103 -103
  115. package/src/components/NSBoxDouble.tsx +94 -94
  116. package/src/components/NSBoxDuration.module.css +4 -4
  117. package/src/components/NSBoxDuration.tsx +95 -95
  118. package/src/components/NSBoxDynamic.tsx +67 -67
  119. package/src/components/NSBoxDynamics.tsx +68 -68
  120. package/src/components/NSBoxEmail.tsx +98 -98
  121. package/src/components/NSBoxEntity.tsx +174 -174
  122. package/src/components/NSBoxEnum.tsx +108 -108
  123. package/src/components/NSBoxFile.module.css +10 -10
  124. package/src/components/NSBoxFile.tsx +101 -101
  125. package/src/components/NSBoxFilePath.tsx +95 -95
  126. package/src/components/NSBoxFont.tsx +95 -95
  127. package/src/components/NSBoxIPV4.tsx +95 -95
  128. package/src/components/NSBoxIPV4Range.tsx +95 -95
  129. package/src/components/NSBoxIPV6.tsx +92 -92
  130. package/src/components/NSBoxIPV6Range.tsx +95 -95
  131. package/src/components/NSBoxInteger.tsx +91 -91
  132. package/src/components/NSBoxMoney.tsx +95 -95
  133. package/src/components/NSBoxPassword.tsx +108 -108
  134. package/src/components/NSBoxPhone.module.css +35 -35
  135. package/src/components/NSBoxPhone.tsx +107 -107
  136. package/src/components/NSBoxRadio.module.css +33 -33
  137. package/src/components/NSBoxRadio.tsx +91 -91
  138. package/src/components/NSBoxSchemaBase.module.css +17 -17
  139. package/src/components/NSBoxSchemaBase.tsx +540 -540
  140. package/src/components/NSBoxSchemaVariable.module.css +16 -16
  141. package/src/components/NSBoxSchemaVariable.tsx +247 -247
  142. package/src/components/NSBoxSearch.tsx +97 -97
  143. package/src/components/NSBoxString.tsx +93 -93
  144. package/src/components/NSBoxTextArea.module.css +12 -12
  145. package/src/components/NSBoxTextArea.tsx +98 -98
  146. package/src/components/NSBoxTime.module.css +4 -4
  147. package/src/components/NSBoxTime.tsx +93 -93
  148. package/src/components/NSBoxTimeZone.tsx +95 -95
  149. package/src/components/NSBoxURL.tsx +104 -104
  150. package/src/components/NSBoxVersion.tsx +95 -95
  151. package/src/components/NSButton.module.css +57 -57
  152. package/src/components/NSButton.tsx +75 -75
  153. package/src/components/NSButtonBlue.module.css +4 -4
  154. package/src/components/NSButtonBlue.tsx +29 -29
  155. package/src/components/NSButtonGreen.module.css +4 -4
  156. package/src/components/NSButtonGreen.tsx +29 -29
  157. package/src/components/NSButtonRed.module.css +4 -4
  158. package/src/components/NSButtonRed.tsx +29 -29
  159. package/src/components/NSCard.module.css +114 -114
  160. package/src/components/NSCard.tsx +63 -63
  161. package/src/components/NSCardScreenshot.module.css +41 -41
  162. package/src/components/NSCardScreenshot.tsx +31 -31
  163. package/src/components/NSChartColumn.module.css +7 -7
  164. package/src/components/NSChartColumn.tsx +106 -106
  165. package/src/components/NSChartDoughnut.tsx +112 -112
  166. package/src/components/NSChartPie.tsx +105 -105
  167. package/src/components/NSChartRange.tsx +14 -14
  168. package/src/components/NSChartTable.module.css +21 -21
  169. package/src/components/NSChartTable.tsx +94 -94
  170. package/src/components/NSColumn.module.css +16 -16
  171. package/src/components/NSColumn.tsx +24 -24
  172. package/src/components/NSCopy.tsx +58 -58
  173. package/src/components/NSCopyBox.module.css +39 -39
  174. package/src/components/NSCopyBox.tsx +53 -53
  175. package/src/components/NSDialog.module.css +112 -112
  176. package/src/components/NSDialog.tsx +61 -61
  177. package/src/components/NSDialogDelete.tsx +27 -27
  178. package/src/components/NSDialogInfo.tsx +49 -49
  179. package/src/components/NSDialogPageSelection.module.css +103 -103
  180. package/src/components/NSDialogPageSelection.tsx +234 -234
  181. package/src/components/NSDownTimer.module.css +55 -55
  182. package/src/components/NSDownTimer.tsx +91 -91
  183. package/src/components/NSDownload.module.css +46 -46
  184. package/src/components/NSDownload.tsx +69 -69
  185. package/src/components/NSElectronicCard.module.css +60 -60
  186. package/src/components/NSElectronicCard.tsx +46 -46
  187. package/src/components/NSEntityCardBackground.module.css +27 -27
  188. package/src/components/NSEntityCardBackground.tsx +36 -36
  189. package/src/components/NSFilterBox.module.css +27 -27
  190. package/src/components/NSFilterBox.tsx +477 -477
  191. package/src/components/NSFilterBoxItems.module.css +15 -15
  192. package/src/components/NSFilterBoxItems.tsx +52 -52
  193. package/src/components/NSFilterItem.module.css +24 -24
  194. package/src/components/NSFilterItem.tsx +27 -27
  195. package/src/components/NSFooter.module.css +134 -134
  196. package/src/components/NSFooter.tsx +321 -321
  197. package/src/components/NSHeader.module.css +291 -291
  198. package/src/components/NSHeader.tsx +309 -260
  199. package/src/components/NSHeaderScreenshot.module.css +35 -35
  200. package/src/components/NSHeaderScreenshot.tsx +39 -39
  201. package/src/components/NSID.tsx +158 -158
  202. package/src/components/NSLabel.module.css +25 -25
  203. package/src/components/NSLabel.tsx +47 -47
  204. package/src/components/NSLabelErrorNotifier.module.css +2 -2
  205. package/src/components/NSLabelErrorNotifier.tsx +35 -35
  206. package/src/components/NSLayout.module.css +14 -14
  207. package/src/components/NSLayout.tsx +134 -134
  208. package/src/components/NSLine.module.css +15 -15
  209. package/src/components/NSLine.tsx +13 -13
  210. package/src/components/NSLink.module.css +36 -36
  211. package/src/components/NSLink.tsx +25 -25
  212. package/src/components/NSLinkBlue.tsx +21 -21
  213. package/src/components/NSLinkGreen.tsx +12 -12
  214. package/src/components/NSLinkRed.tsx +12 -12
  215. package/src/components/NSListGrouped.module.css +69 -69
  216. package/src/components/NSListGrouped.tsx +106 -106
  217. package/src/components/NSListProduct.tsx +44 -43
  218. package/src/components/NSLoading.module.css +38 -38
  219. package/src/components/NSLoading.tsx +37 -37
  220. package/src/components/NSMenuAction.module.css +88 -88
  221. package/src/components/NSMenuAction.tsx +106 -106
  222. package/src/components/NSMenuButton.module.css +44 -44
  223. package/src/components/NSMenuButton.tsx +206 -206
  224. package/src/components/NSNoData.module.css +9 -9
  225. package/src/components/NSNoData.tsx +24 -24
  226. package/src/components/NSPagination.module.css +85 -85
  227. package/src/components/NSPagination.tsx +182 -182
  228. package/src/components/NSPanel.module.css +19 -19
  229. package/src/components/NSPanel.tsx +24 -24
  230. package/src/components/NSPanelAccordion.module.css +4 -4
  231. package/src/components/NSPanelAccordion.tsx +51 -51
  232. package/src/components/NSProductSearch.module.css +69 -0
  233. package/src/components/NSProductSearch.tsx +156 -0
  234. package/src/components/NSRange.module.css +66 -66
  235. package/src/components/NSRange.tsx +83 -83
  236. package/src/components/NSRepeater.tsx +254 -254
  237. package/src/components/NSRepeaterNSBoxSchemaVariable.tsx +90 -90
  238. package/src/components/NSRepeaterNSTag.tsx +82 -82
  239. package/src/components/NSRow.module.css +17 -17
  240. package/src/components/NSRow.tsx +24 -24
  241. package/src/components/NSSection.module.css +4 -4
  242. package/src/components/NSSection.tsx +26 -26
  243. package/src/components/NSSectionCards.module.css +38 -38
  244. package/src/components/NSSectionCards.tsx +51 -51
  245. package/src/components/NSSectionTiles.module.css +10 -10
  246. package/src/components/NSSectionTiles.tsx +25 -25
  247. package/src/components/NSSectionTitle.tsx +21 -21
  248. package/src/components/NSSpace.tsx +28 -28
  249. package/src/components/NSTabPage.module.css +59 -59
  250. package/src/components/NSTabPage.tsx +91 -91
  251. package/src/components/NSTable.module.css +263 -263
  252. package/src/components/NSTable.tsx +636 -636
  253. package/src/components/NSTag.tsx +74 -74
  254. package/src/components/NSTile.module.css +76 -76
  255. package/src/components/NSTile.tsx +27 -27
  256. package/src/components/NSTimelineMonthly.module.css +71 -71
  257. package/src/components/NSTimelineMonthly.tsx +44 -44
  258. package/src/components/NSTitle.module.css +15 -15
  259. package/src/components/NSTitle.tsx +19 -19
  260. package/src/formatter/BackColorFormatter.tsx +23 -23
  261. package/src/formatter/BaseColumnFormatter.ts +16 -16
  262. package/src/formatter/BaseURLImageFormatter.tsx +33 -33
  263. package/src/formatter/BooleanFormatter.ts +22 -22
  264. package/src/formatter/DateFormatter.ts +21 -21
  265. package/src/formatter/DateTimeFormatter.ts +21 -21
  266. package/src/formatter/DurationFormatter.ts +13 -13
  267. package/src/formatter/EmailFormatter.tsx +21 -21
  268. package/src/formatter/EnumFormatter.ts +13 -13
  269. package/src/formatter/FloatFormatter.ts +23 -23
  270. package/src/formatter/ForeColorFormatter.tsx +24 -24
  271. package/src/formatter/IDFormatter.tsx +30 -30
  272. package/src/formatter/IPFormatter.ts +13 -13
  273. package/src/formatter/IntegerFormatter.ts +23 -23
  274. package/src/formatter/JsonFormatter.ts +21 -21
  275. package/src/formatter/MoneyFormatter.ts +35 -35
  276. package/src/formatter/PhoneFormatter.tsx +21 -21
  277. package/src/formatter/StringFormatter.tsx +43 -43
  278. package/src/formatter/TimeFormatter.ts +21 -21
  279. package/src/formatter/URLFormatter.tsx +21 -21
  280. package/src/formatter/UnknowFormatter.ts +18 -18
  281. package/src/index.tsx +7 -7
  282. package/src/main.ts +225 -225
  283. package/src/pages/NSNotFoundPage.module.css +18 -18
  284. package/src/pages/NSNotFoundPage.tsx +11 -11
  285. package/src/pages/NSUpdating.module.css +35 -35
  286. package/src/pages/NSUpdating.tsx +32 -32
  287. package/src/props/IBackgroundProps.ts +5 -5
  288. package/src/props/IBaseComponentProps.ts +8 -8
  289. package/src/props/IHeaderIconProps.ts +10 -10
  290. package/src/props/IHeaderLeftProps.ts +6 -6
  291. package/src/props/IHeaderRightProps.ts +6 -6
  292. package/src/props/IImageProps.ts +4 -4
  293. package/src/props/ILinkProps.ts +5 -5
  294. package/src/props/IValidationNumberProps.ts +4 -4
  295. package/src/props/IValidationPrecisionProps.ts +3 -3
  296. package/src/props/IValidationProps.ts +9 -9
  297. package/src/props/IValidationRegexProps.ts +4 -4
  298. package/src/props/IValidationStringProps.ts +4 -4
  299. package/src/routing/NSNotifier.ts +114 -114
  300. package/src/routing/NSRouterMaker.tsx +20 -20
  301. package/src/routing/NSRouterMakerComponent.ts +5 -5
  302. package/src/routing/NSRouterMakerProps.ts +5 -5
  303. package/dist/App.css +0 -34
  304. package/dist/index.css +0 -6
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,34 +1,34 @@
1
- .ns_font_16_bold {
2
- font-size: 16px;
3
- font-weight: 600;
4
- }
5
-
6
- .out {
7
- width: 24px;
8
- height: 24px;
9
- background-color: red;
10
- margin: auto;
11
- display: flex;
12
- justify-content: center;
13
- align-items: center;
14
- }
15
-
16
- .middle {
17
- width: 19px;
18
- height: 19px;
19
- background-color: #fff;
20
- margin: auto;
21
- display: flex;
22
- justify-content: center;
23
- align-items: center;
24
- }
25
-
26
- .in {
27
- width: 14px;
28
- height: 14px;
29
- background-color: red;
30
- margin: auto;
31
- display: flex;
32
- justify-content: center;
33
- align-items: center;
1
+ .ns_font_16_bold {
2
+ font-size: 16px;
3
+ font-weight: 600;
4
+ }
5
+
6
+ .out {
7
+ width: 24px;
8
+ height: 24px;
9
+ background-color: red;
10
+ margin: auto;
11
+ display: flex;
12
+ justify-content: center;
13
+ align-items: center;
14
+ }
15
+
16
+ .middle {
17
+ width: 19px;
18
+ height: 19px;
19
+ background-color: #fff;
20
+ margin: auto;
21
+ display: flex;
22
+ justify-content: center;
23
+ align-items: center;
24
+ }
25
+
26
+ .in {
27
+ width: 14px;
28
+ height: 14px;
29
+ background-color: red;
30
+ margin: auto;
31
+ display: flex;
32
+ justify-content: center;
33
+ align-items: center;
34
34
  }
package/src/App.tsx CHANGED
@@ -1,211 +1,217 @@
1
- import './App.css';
2
- import 'bootstrap/dist/css/bootstrap.min.css';
3
- import { NSPanel } from './components/NSPanel';
4
- import { NSSection } from './components/NSSection';
5
- import { NSLayout } from './components/NSLayout';
6
- import { MoneyFormatter, NSBoxDynamic, NSBoxEntity, NSBoxString, NSButtonBlue, NSColumn, NSFilterBox, NSTable } from './main';
7
- import { FilterItemColumnType } from 'namirasoft-core';
8
- import { NSRepeaterNSTag } from './components/NSRepeaterNSTag';
9
- import { BaseVariableSchema, StringSchema } from 'namirasoft-schema';
10
-
11
- export function App()
12
- {
13
- return (
14
- <>
15
- <NSLayout
16
- header={{
17
- right: {
18
- icons: [],
19
- title: "",
20
- }
21
- }}
22
- isLoggedIn={() => true}
23
- logo='https://static.namirasoft.com/image/namirasoft/access/logo/base.png'
24
- background={{ image: "https://static.namirasoft.com/image/namirasoft/access/background/base.svg" }}
25
- notifications={[]}
26
- notifier={{} as any}
27
- scope=''
28
- alerts={[
29
- {
30
- isVisible: () => true,
31
- title: { title: "Verify your email", description: "Please login to your profile and fill out your email address to continue. This does not take more than 2 minutes to finish." },
32
- },
33
- {
34
- isVisible: () => true,
35
- title: { title: "Verify", description: "Please login to your profile" },
36
- }
37
- ]}
38
- title={{ title: "Namirasoft Account", description: "Amir Abolhasani" }}
39
- action={{
40
- title: "Namirasoft Account",
41
- description: "asdasd",
42
- menus:
43
- {
44
- "t": [{
45
- isActive: () => true,
46
- onClick: {
47
- action: () => { },
48
- showLoading: false
49
- },
50
- menu_item: "Item",
51
- id: "Item"
52
- }],
53
- "x": [{
54
- isActive: () => true,
55
- onClick: {
56
- action: () => { },
57
- showLoading: false
58
- },
59
- menu_item: "Test",
60
- id: "Test"
61
- }]
62
- }
63
- }}
64
- >
65
- <NSTable<{ id: string, name: string }>
66
- checkbox
67
- columns={[
68
- {
69
- index: 0,
70
- name: "id",
71
- text: "ID",
72
- table: {
73
- name: "x",
74
- text: "x"
75
- },
76
- formatter: new MoneyFormatter()
77
- },
78
- {
79
- index: 1,
80
- name: "name",
81
- text: "Name",
82
- table: {
83
- name: "x",
84
- text: "x"
85
- },
86
- formatter: new MoneyFormatter()
87
- }
88
- ]}
89
- getRowKey={row => row.value.id}
90
- getRows={async (p, s, sorts) =>
91
- {
92
- console.log({ p, s, sorts });
93
- return { count: 0, rows: [] };
94
- }}
95
- name='test'
96
- />
97
- <NSBoxEntity<{ name: string }>
98
- list={async (filters, page, size) =>
99
- {
100
- await new Promise(v =>
101
- {
102
- setTimeout(() =>
103
- {
104
- v(null);
105
- }, 1000);
106
- })
107
- let count = 999;
108
- let rows = [];
109
- for (let i = 0; i < count; i++)
110
- rows.push({ name: i.toString().padStart(3, "0") });
111
- if (filters)
112
- if (filters.length === 1)
113
- rows = rows.filter(r => r.name.includes(filters[0].values[0]));
114
- count = rows.length;
115
-
116
- if (page)
117
- if (size)
118
- rows = rows.slice((page - 1) * size, page * size);
119
- return { count, rows };
120
- }
121
- }
122
- table_name=''
123
- getSort={() => null}
124
- getTitle={a => a.name}
125
- getValue={a => a.name}
126
- multiple={false}
127
- required
128
- title='Test'
129
- ></NSBoxEntity>
130
- <NSButtonBlue
131
- onClick={{
132
- action: () => { }
133
- }}
134
- title='Ok'
135
- ></NSButtonBlue>
136
- <NSBoxDynamic
137
- name='name'
138
- variable={new BaseVariableSchema("x", new StringSchema(true))}
139
- title='IPV4 Range'
140
- />
141
- <NSSection
142
- >
143
- <NSPanel
144
- >
145
- <NSFilterBox
146
- getTables={() =>
147
- {
148
- return [{
149
- name: "product",
150
- text: "Product",
151
- required: true,
152
- columns: [{
153
- id: "id",
154
- name: "id",
155
- text: "ID",
156
- type: FilterItemColumnType.String,
157
- }, {
158
- id: "name",
159
- name: "name",
160
- text: "Name",
161
- type: FilterItemColumnType.String,
162
- }, {
163
- id: "title",
164
- name: "title",
165
- text: "Title",
166
- type: FilterItemColumnType.String,
167
- }]
168
- }];
169
- }}
170
- getMoreTables={async () => []}
171
- getValues={async (_, __, value) =>
172
- {
173
- return new Promise(resolve =>
174
- {
175
- setTimeout(() =>
176
- {
177
- resolve([
178
- { value: "Amir", title: "Amir" },
179
- { value: "Negar", title: "Negar" },
180
- { value: "Ilia", title: "Ilia" },
181
- { value: "Shahab", title: "Shahab" },
182
- { value: "Ali", title: "Ali" },
183
- { value: "Hamed", title: "Hamed" },
184
- { value: "Hadi", title: "Hadi" },
185
- { value: "Leila", title: "Leila" },
186
- { value: "Sahar", title: "Sahar" },
187
- { value: "Mehrad", title: "Mehrad" },
188
- { value: "Ehsan", title: "Ehsan" }
189
- ].filter(x => x.value.includes(value)));
190
- }, 1000);
191
- })
192
- }}
193
- />
194
- <NSBoxString
195
- required
196
- title=''
197
- ></NSBoxString>
198
- </NSPanel>
199
-
200
- <NSColumn>
201
- <NSRepeaterNSTag
202
- name=''
203
- title=''
204
- required
205
- />
206
- </NSColumn>
207
- </NSSection>
208
- </NSLayout >
209
- </>
210
- );
1
+ import './App.css';
2
+ import 'bootstrap/dist/css/bootstrap.min.css';
3
+ import { NSPanel } from './components/NSPanel';
4
+ import { NSSection } from './components/NSSection';
5
+ import { NSLayout } from './components/NSLayout';
6
+ import { MoneyFormatter, NSBoxDynamic, NSBoxEntity, NSBoxString, NSButtonBlue, NSColumn, NSFilterBox, NSTable } from './main';
7
+ import { FilterItemColumnType } from 'namirasoft-core';
8
+ import { NSRepeaterNSTag } from './components/NSRepeaterNSTag';
9
+ import { BaseVariableSchema, StringSchema } from 'namirasoft-schema';
10
+
11
+ export function App()
12
+ {
13
+ return (
14
+ <>
15
+ <NSLayout
16
+ header={{
17
+ right: {
18
+ icons: [
19
+ {
20
+ onClicked: () => { },
21
+ src: "https://static.namirasoft.com/image/namirasoft/access/logo/base.png",
22
+ count: 2
23
+ }
24
+ ],
25
+ title: "",
26
+ }
27
+ }}
28
+ isLoggedIn={() => true}
29
+ logo='https://static.namirasoft.com/image/namirasoft/access/logo/base.png'
30
+ background={{ image: "https://static.namirasoft.com/image/namirasoft/access/background/base.svg" }}
31
+ notifications={[]}
32
+ notifier={{} as any}
33
+ scope=''
34
+ alerts={[
35
+ {
36
+ isVisible: () => true,
37
+ title: { title: "Verify your email", description: "Please login to your profile and fill out your email address to continue. This does not take more than 2 minutes to finish." },
38
+ },
39
+ {
40
+ isVisible: () => true,
41
+ title: { title: "Verify", description: "Please login to your profile" },
42
+ }
43
+ ]}
44
+ title={{ title: "Namirasoft Account", description: "Amir Abolhasani" }}
45
+ action={{
46
+ title: "Namirasoft Account",
47
+ description: "asdasd",
48
+ menus:
49
+ {
50
+ "t": [{
51
+ isActive: () => true,
52
+ onClick: {
53
+ action: () => { },
54
+ showLoading: false
55
+ },
56
+ menu_item: "Item",
57
+ id: "Item"
58
+ }],
59
+ "x": [{
60
+ isActive: () => true,
61
+ onClick: {
62
+ action: () => { },
63
+ showLoading: false
64
+ },
65
+ menu_item: "Test",
66
+ id: "Test"
67
+ }]
68
+ }
69
+ }}
70
+ >
71
+ <NSTable<{ id: string, name: string }>
72
+ checkbox
73
+ columns={[
74
+ {
75
+ index: 0,
76
+ name: "id",
77
+ text: "ID",
78
+ table: {
79
+ name: "x",
80
+ text: "x"
81
+ },
82
+ formatter: new MoneyFormatter()
83
+ },
84
+ {
85
+ index: 1,
86
+ name: "name",
87
+ text: "Name",
88
+ table: {
89
+ name: "x",
90
+ text: "x"
91
+ },
92
+ formatter: new MoneyFormatter()
93
+ }
94
+ ]}
95
+ getRowKey={row => row.value.id}
96
+ getRows={async (p, s, sorts) =>
97
+ {
98
+ console.log({ p, s, sorts });
99
+ return { count: 0, rows: [] };
100
+ }}
101
+ name='test'
102
+ />
103
+ <NSBoxEntity<{ name: string }>
104
+ list={async (filters, page, size) =>
105
+ {
106
+ await new Promise(v =>
107
+ {
108
+ setTimeout(() =>
109
+ {
110
+ v(null);
111
+ }, 1000);
112
+ })
113
+ let count = 999;
114
+ let rows = [];
115
+ for (let i = 0; i < count; i++)
116
+ rows.push({ name: i.toString().padStart(3, "0") });
117
+ if (filters)
118
+ if (filters.length === 1)
119
+ rows = rows.filter(r => r.name.includes(filters[0].values[0]));
120
+ count = rows.length;
121
+
122
+ if (page)
123
+ if (size)
124
+ rows = rows.slice((page - 1) * size, page * size);
125
+ return { count, rows };
126
+ }
127
+ }
128
+ table_name=''
129
+ getSort={() => null}
130
+ getTitle={a => a.name}
131
+ getValue={a => a.name}
132
+ multiple={false}
133
+ required
134
+ title='Test'
135
+ ></NSBoxEntity>
136
+ <NSButtonBlue
137
+ onClick={{
138
+ action: () => { }
139
+ }}
140
+ title='Ok'
141
+ ></NSButtonBlue>
142
+ <NSBoxDynamic
143
+ name='name'
144
+ variable={new BaseVariableSchema("x", new StringSchema(true))}
145
+ title='IPV4 Range'
146
+ />
147
+ <NSSection
148
+ >
149
+ <NSPanel
150
+ >
151
+ <NSFilterBox
152
+ getTables={() =>
153
+ {
154
+ return [{
155
+ name: "product",
156
+ text: "Product",
157
+ required: true,
158
+ columns: [{
159
+ id: "id",
160
+ name: "id",
161
+ text: "ID",
162
+ type: FilterItemColumnType.String,
163
+ }, {
164
+ id: "name",
165
+ name: "name",
166
+ text: "Name",
167
+ type: FilterItemColumnType.String,
168
+ }, {
169
+ id: "title",
170
+ name: "title",
171
+ text: "Title",
172
+ type: FilterItemColumnType.String,
173
+ }]
174
+ }];
175
+ }}
176
+ getMoreTables={async () => []}
177
+ getValues={async (_, __, value) =>
178
+ {
179
+ return new Promise(resolve =>
180
+ {
181
+ setTimeout(() =>
182
+ {
183
+ resolve([
184
+ { value: "Amir", title: "Amir" },
185
+ { value: "Negar", title: "Negar" },
186
+ { value: "Ilia", title: "Ilia" },
187
+ { value: "Shahab", title: "Shahab" },
188
+ { value: "Ali", title: "Ali" },
189
+ { value: "Hamed", title: "Hamed" },
190
+ { value: "Hadi", title: "Hadi" },
191
+ { value: "Leila", title: "Leila" },
192
+ { value: "Sahar", title: "Sahar" },
193
+ { value: "Mehrad", title: "Mehrad" },
194
+ { value: "Ehsan", title: "Ehsan" }
195
+ ].filter(x => x.value.includes(value)));
196
+ }, 1000);
197
+ })
198
+ }}
199
+ />
200
+ <NSBoxString
201
+ required
202
+ title=''
203
+ ></NSBoxString>
204
+ </NSPanel>
205
+
206
+ <NSColumn>
207
+ <NSRepeaterNSTag
208
+ name=''
209
+ title=''
210
+ required
211
+ />
212
+ </NSColumn>
213
+ </NSSection>
214
+ </NSLayout >
215
+ </>
216
+ );
211
217
  }
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
  };