namirasoft-site-react 1.4.135 → 1.4.136

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 (259) 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.css +34 -0
  6. package/dist/components/NSBarAction.module.css +97 -97
  7. package/dist/components/NSBarAlert.module.css +69 -69
  8. package/dist/components/NSBarNotification.module.css +34 -34
  9. package/dist/components/NSBarTitle.module.css +9 -9
  10. package/dist/components/NSBox.module.css +50 -50
  11. package/dist/components/NSBoxBaseCombo.module.css +6 -6
  12. package/dist/components/NSBoxBoolean.module.css +67 -67
  13. package/dist/components/NSBoxDate.module.css +4 -4
  14. package/dist/components/NSBoxDateTime.module.css +4 -4
  15. package/dist/components/NSBoxDuration.module.css +4 -4
  16. package/dist/components/NSBoxFile.module.css +10 -10
  17. package/dist/components/NSBoxPhone.module.css +35 -35
  18. package/dist/components/NSBoxRadio.module.css +33 -33
  19. package/dist/components/NSBoxTextArea.module.css +12 -12
  20. package/dist/components/NSBoxTime.module.css +4 -4
  21. package/dist/components/NSButton.module.css +41 -41
  22. package/dist/components/NSButtonBlue.module.css +4 -4
  23. package/dist/components/NSButtonGreen.module.css +4 -4
  24. package/dist/components/NSButtonRed.module.css +4 -4
  25. package/dist/components/NSCard.module.css +114 -114
  26. package/dist/components/NSCardScreenshot.module.css +41 -41
  27. package/dist/components/NSChartColumn.module.css +7 -7
  28. package/dist/components/NSChartTable.module.css +21 -21
  29. package/dist/components/NSCopyBox.module.css +43 -43
  30. package/dist/components/NSDialog.module.css +110 -110
  31. package/dist/components/NSDialogPageSelection.module.css +103 -103
  32. package/dist/components/NSDownTimer.module.css +55 -55
  33. package/dist/components/NSDownload.module.css +46 -46
  34. package/dist/components/NSElectronicCard.module.css +60 -60
  35. package/dist/components/NSEntityCardBackground.module.css +27 -27
  36. package/dist/components/NSFilterBox.module.css +55 -55
  37. package/dist/components/NSFilterItem.module.css +23 -23
  38. package/dist/components/NSFooter.module.css +123 -123
  39. package/dist/components/NSHeader.module.css +291 -291
  40. package/dist/components/NSHeaderScreenshot.module.css +35 -35
  41. package/dist/components/NSLabel.module.css +15 -15
  42. package/dist/components/NSLabelErrorNotifier.module.css +2 -2
  43. package/dist/components/NSLayout.module.css +13 -13
  44. package/dist/components/NSLine.module.css +12 -12
  45. package/dist/components/NSLink.module.css +36 -36
  46. package/dist/components/NSListGrouped.module.css +72 -72
  47. package/dist/components/NSLoading.module.css +30 -30
  48. package/dist/components/NSMenuAction.js +2 -2
  49. package/dist/components/NSMenuAction.module.css +78 -78
  50. package/dist/components/NSMenuButton.module.css +44 -44
  51. package/dist/components/NSNoData.module.css +9 -9
  52. package/dist/components/NSPagination.module.css +85 -85
  53. package/dist/components/NSPanel.module.css +46 -46
  54. package/dist/components/NSPanelAccordion.module.css +4 -4
  55. package/dist/components/NSRange.module.css +66 -66
  56. package/dist/components/NSSection.module.css +10 -10
  57. package/dist/components/NSSectionCards.module.css +38 -38
  58. package/dist/components/NSSectionTiles.module.css +10 -10
  59. package/dist/components/NSTabPage.module.css +59 -59
  60. package/dist/components/NSTable.module.css +261 -260
  61. package/dist/components/NSTag.module.css +52 -52
  62. package/dist/components/NSTile.module.css +77 -77
  63. package/dist/components/NSTimelineMonthly.module.css +71 -71
  64. package/dist/components/NSTitle.module.css +15 -15
  65. package/dist/formatter/UnknowFormatter.d.ts +2 -1
  66. package/dist/formatter/UnknowFormatter.js +4 -1
  67. package/dist/formatter/UnknowFormatter.js.map +1 -1
  68. package/dist/index.css +6 -0
  69. package/dist/pages/NSNotFoundPage.module.css +17 -17
  70. package/dist/pages/NSUpdating.module.css +35 -35
  71. package/package.json +76 -76
  72. package/public/index.html +38 -38
  73. package/src/App.css +33 -33
  74. package/src/App.tsx +225 -225
  75. package/src/Color.tsx +10 -10
  76. package/src/CopyToClipboard.ts +6 -6
  77. package/src/Validator.ts +125 -125
  78. package/src/components/NSBarAction.module.css +97 -97
  79. package/src/components/NSBarAction.tsx +91 -91
  80. package/src/components/NSBarAlert.module.css +69 -69
  81. package/src/components/NSBarAlert.tsx +31 -31
  82. package/src/components/NSBarNotification.module.css +34 -34
  83. package/src/components/NSBarNotification.tsx +89 -89
  84. package/src/components/NSBarTitle.module.css +9 -9
  85. package/src/components/NSBarTitle.tsx +29 -29
  86. package/src/components/NSBox.module.css +50 -50
  87. package/src/components/NSBoxBaseCombo.module.css +6 -6
  88. package/src/components/NSBoxBaseCombo.tsx +241 -241
  89. package/src/components/NSBoxBaseLayout.tsx +82 -82
  90. package/src/components/NSBoxBoolean.module.css +67 -67
  91. package/src/components/NSBoxBoolean.tsx +112 -112
  92. package/src/components/NSBoxBooleans.tsx +163 -163
  93. package/src/components/NSBoxCombo.tsx +63 -63
  94. package/src/components/NSBoxDate.module.css +4 -4
  95. package/src/components/NSBoxDate.tsx +86 -86
  96. package/src/components/NSBoxDateTime.module.css +4 -4
  97. package/src/components/NSBoxDateTime.tsx +86 -86
  98. package/src/components/NSBoxDouble.tsx +89 -89
  99. package/src/components/NSBoxDuration.module.css +4 -4
  100. package/src/components/NSBoxDuration.tsx +91 -91
  101. package/src/components/NSBoxEmail.tsx +96 -96
  102. package/src/components/NSBoxEntity.tsx +52 -52
  103. package/src/components/NSBoxEnum.tsx +66 -66
  104. package/src/components/NSBoxFile.module.css +10 -10
  105. package/src/components/NSBoxFile.tsx +111 -111
  106. package/src/components/NSBoxIPV4.tsx +91 -91
  107. package/src/components/NSBoxIPV6.tsx +88 -88
  108. package/src/components/NSBoxInteger.tsx +88 -88
  109. package/src/components/NSBoxMoney.tsx +87 -87
  110. package/src/components/NSBoxPassword.tsx +97 -97
  111. package/src/components/NSBoxPhone.module.css +35 -35
  112. package/src/components/NSBoxPhone.tsx +103 -103
  113. package/src/components/NSBoxRadio.module.css +33 -33
  114. package/src/components/NSBoxRadio.tsx +97 -97
  115. package/src/components/NSBoxSearch.tsx +86 -86
  116. package/src/components/NSBoxString.tsx +79 -79
  117. package/src/components/NSBoxTextArea.module.css +12 -12
  118. package/src/components/NSBoxTextArea.tsx +89 -89
  119. package/src/components/NSBoxTime.module.css +4 -4
  120. package/src/components/NSBoxTime.tsx +83 -83
  121. package/src/components/NSButton.module.css +41 -41
  122. package/src/components/NSButton.tsx +25 -25
  123. package/src/components/NSButtonBlue.module.css +4 -4
  124. package/src/components/NSButtonBlue.tsx +19 -19
  125. package/src/components/NSButtonGreen.module.css +4 -4
  126. package/src/components/NSButtonGreen.tsx +19 -19
  127. package/src/components/NSButtonRed.module.css +4 -4
  128. package/src/components/NSButtonRed.tsx +19 -19
  129. package/src/components/NSCard.module.css +114 -114
  130. package/src/components/NSCard.tsx +63 -63
  131. package/src/components/NSCardScreenshot.module.css +41 -41
  132. package/src/components/NSCardScreenshot.tsx +31 -31
  133. package/src/components/NSChartColumn.module.css +7 -7
  134. package/src/components/NSChartColumn.tsx +106 -106
  135. package/src/components/NSChartDoughnut.tsx +108 -108
  136. package/src/components/NSChartPie.tsx +105 -105
  137. package/src/components/NSChartRange.tsx +14 -14
  138. package/src/components/NSChartTable.module.css +21 -21
  139. package/src/components/NSChartTable.tsx +94 -94
  140. package/src/components/NSCopy.tsx +67 -67
  141. package/src/components/NSCopyBox.module.css +43 -43
  142. package/src/components/NSCopyBox.tsx +41 -41
  143. package/src/components/NSDialog.module.css +110 -110
  144. package/src/components/NSDialog.tsx +57 -57
  145. package/src/components/NSDialogDelete.tsx +26 -26
  146. package/src/components/NSDialogInfo.tsx +36 -36
  147. package/src/components/NSDialogPageSelection.module.css +103 -103
  148. package/src/components/NSDialogPageSelection.tsx +223 -223
  149. package/src/components/NSDownTimer.module.css +55 -55
  150. package/src/components/NSDownTimer.tsx +77 -77
  151. package/src/components/NSDownload.module.css +46 -46
  152. package/src/components/NSDownload.tsx +63 -63
  153. package/src/components/NSElectronicCard.module.css +60 -60
  154. package/src/components/NSElectronicCard.tsx +46 -46
  155. package/src/components/NSEntityCardBackground.module.css +27 -27
  156. package/src/components/NSEntityCardBackground.tsx +36 -36
  157. package/src/components/NSFilterBox.module.css +55 -55
  158. package/src/components/NSFilterBox.tsx +360 -360
  159. package/src/components/NSFilterItem.module.css +23 -23
  160. package/src/components/NSFilterItem.tsx +72 -72
  161. package/src/components/NSFooter.module.css +123 -123
  162. package/src/components/NSFooter.tsx +316 -316
  163. package/src/components/NSHeader.module.css +291 -291
  164. package/src/components/NSHeader.tsx +250 -250
  165. package/src/components/NSHeaderScreenshot.module.css +35 -35
  166. package/src/components/NSHeaderScreenshot.tsx +39 -39
  167. package/src/components/NSLabel.module.css +15 -15
  168. package/src/components/NSLabel.tsx +29 -29
  169. package/src/components/NSLabelErrorNotifier.module.css +2 -2
  170. package/src/components/NSLabelErrorNotifier.tsx +32 -32
  171. package/src/components/NSLayout.module.css +13 -13
  172. package/src/components/NSLayout.tsx +100 -100
  173. package/src/components/NSLine.module.css +12 -12
  174. package/src/components/NSLine.tsx +15 -15
  175. package/src/components/NSLink.module.css +36 -36
  176. package/src/components/NSLink.tsx +25 -25
  177. package/src/components/NSLinkBlue.tsx +20 -20
  178. package/src/components/NSLinkGreen.tsx +5 -5
  179. package/src/components/NSLinkRed.tsx +5 -5
  180. package/src/components/NSListGrouped.module.css +72 -72
  181. package/src/components/NSListGrouped.tsx +112 -112
  182. package/src/components/NSListProduct.tsx +45 -45
  183. package/src/components/NSLoading.module.css +30 -30
  184. package/src/components/NSLoading.tsx +19 -19
  185. package/src/components/NSMenuAction.module.css +78 -78
  186. package/src/components/NSMenuAction.tsx +89 -89
  187. package/src/components/NSMenuButton.module.css +44 -44
  188. package/src/components/NSMenuButton.tsx +148 -148
  189. package/src/components/NSNoData.module.css +9 -9
  190. package/src/components/NSNoData.tsx +24 -24
  191. package/src/components/NSPagination.module.css +85 -85
  192. package/src/components/NSPagination.tsx +183 -183
  193. package/src/components/NSPanel.module.css +46 -46
  194. package/src/components/NSPanel.tsx +19 -19
  195. package/src/components/NSPanelAccordion.module.css +4 -4
  196. package/src/components/NSPanelAccordion.tsx +51 -51
  197. package/src/components/NSRange.module.css +66 -66
  198. package/src/components/NSRange.tsx +83 -83
  199. package/src/components/NSRepeater.tsx +179 -179
  200. package/src/components/NSSection.module.css +10 -10
  201. package/src/components/NSSection.tsx +23 -23
  202. package/src/components/NSSectionCards.module.css +38 -38
  203. package/src/components/NSSectionCards.tsx +51 -51
  204. package/src/components/NSSectionTiles.module.css +10 -10
  205. package/src/components/NSSectionTiles.tsx +25 -25
  206. package/src/components/NSSectionTitle.tsx +21 -21
  207. package/src/components/NSSpace.tsx +28 -28
  208. package/src/components/NSTabPage.module.css +59 -59
  209. package/src/components/NSTabPage.tsx +78 -78
  210. package/src/components/NSTable.module.css +261 -260
  211. package/src/components/NSTable.tsx +477 -477
  212. package/src/components/NSTag.module.css +52 -52
  213. package/src/components/NSTag.tsx +78 -78
  214. package/src/components/NSTile.module.css +77 -77
  215. package/src/components/NSTile.tsx +27 -27
  216. package/src/components/NSTimelineMonthly.module.css +71 -71
  217. package/src/components/NSTimelineMonthly.tsx +44 -44
  218. package/src/components/NSTitle.module.css +15 -15
  219. package/src/components/NSTitle.tsx +19 -19
  220. package/src/formatter/BackColorFormatter.tsx +23 -23
  221. package/src/formatter/BaseColumnFormatter.ts +16 -16
  222. package/src/formatter/BooleanFormatter.ts +22 -22
  223. package/src/formatter/DateFormatter.ts +20 -20
  224. package/src/formatter/DateTimeFormatter.ts +20 -20
  225. package/src/formatter/DurationFormatter.ts +13 -13
  226. package/src/formatter/EmailFormatter.ts +13 -13
  227. package/src/formatter/EnumFormatter.ts +13 -13
  228. package/src/formatter/FloatFormatter.ts +16 -16
  229. package/src/formatter/ForeColorFormatter.tsx +24 -24
  230. package/src/formatter/IDFormatter.tsx +30 -30
  231. package/src/formatter/IPFormatter.ts +13 -13
  232. package/src/formatter/IntegerFormatter.ts +16 -16
  233. package/src/formatter/JsonFormatter.ts +14 -14
  234. package/src/formatter/MoneyFormatter.ts +16 -16
  235. package/src/formatter/PhoneFormatter.ts +13 -13
  236. package/src/formatter/StringFormatter.ts +22 -22
  237. package/src/formatter/TimeFormatter.ts +21 -21
  238. package/src/formatter/UnknowFormatter.ts +18 -14
  239. package/src/index.tsx +7 -7
  240. package/src/main.ts +184 -184
  241. package/src/pages/NSNotFoundPage.module.css +17 -17
  242. package/src/pages/NSNotFoundPage.tsx +11 -11
  243. package/src/pages/NSUpdating.module.css +35 -35
  244. package/src/pages/NSUpdating.tsx +32 -32
  245. package/src/props/IBaseComponentProps.ts +8 -8
  246. package/src/props/IHeaderIconProps.ts +10 -10
  247. package/src/props/IHeaderProps.ts +7 -7
  248. package/src/props/IImageProps.ts +4 -4
  249. package/src/props/ILinkProps.ts +5 -5
  250. package/src/props/IValidationNumberProps.ts +4 -4
  251. package/src/props/IValidationProps.ts +7 -7
  252. package/src/props/IValidationRegexProps.ts +4 -4
  253. package/src/props/IValidationStringProps.ts +4 -4
  254. package/src/routing/INSRouterMaker.ts +6 -6
  255. package/src/routing/INSRouterProps.ts +5 -5
  256. package/src/routing/INSRouterState.ts +5 -5
  257. package/src/routing/NSRouterMaker.tsx +33 -33
  258. package/src/routing/Notifier.ts +79 -79
  259. 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,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,226 +1,226 @@
1
- import './App.css';
2
- import { VariableType } from 'namirasoft-schema';
3
- import 'bootstrap/dist/css/bootstrap.min.css';
4
- import
5
- {
6
- NSMenuAction, NSBarAction, NSBoxEmail, NSBoxPhone, NSBoxSearch, NSBoxCombo,
7
- NSBoxBoolean, NSSection, NSPanel, NSBoxDate, NSBoxDateTime, NSBoxDouble, NSBoxInteger, NSBoxDuration, NSBoxTime, NSBoxEnum,
8
- NSBoxFile, NSBoxIPV4, NSBoxIPV6, NSBoxPassword, NSBoxMoney,
9
- NSBoxRadio,
10
- NSBoxTextArea,
11
- NSPagination,
12
- NSBoxBooleans,
13
- } from './main';
14
- import { NSBoxEntity } from './components/NSBoxEntity';
15
- import { NamirasoftAPIProductServer, ProductFullRow } from 'namirasoft-api-product';
16
- import { useRef } from 'react';
17
-
18
- export function App()
19
- {
20
- let NSBoxTest = useRef<NSBoxIPV4>(null);
21
- return (
22
- <>
23
- <NSMenuAction
24
- items={[{
25
- handler: () => { },
26
- id: "1",
27
- menu_item: "Name",
28
- isActive: () => true
29
- }, {
30
- handler: () => { },
31
- id: "2",
32
- menu_item: "Text",
33
- isActive: () => false
34
- }]}
35
- name='Test'
36
- ></NSMenuAction>
37
- <NSBarAction
38
- menus={{
39
- "Test1": [{
40
- handler: () => { },
41
- id: "1",
42
- menu_item: "Name",
43
- isActive: () => true
44
- }, {
45
- handler: () => { },
46
- id: "2",
47
- menu_item: "Text",
48
- isActive: () => false
49
- }],
50
- "Test2": [{
51
- handler: () => { },
52
- id: "1",
53
- menu_item: "Name",
54
- isActive: () => true
55
- }, {
56
- handler: () => { },
57
- id: "2",
58
- menu_item: "Text",
59
- isActive: () => false
60
- }],
61
- "Test3": [{
62
- handler: () => { },
63
- id: "1",
64
- menu_item: "Test3",
65
- isActive: () => true
66
- }],
67
- "Test4": [{
68
- handler: () => { },
69
- id: "1",
70
- menu_item: "Test4",
71
- isActive: () => true
72
- }]
73
- }}
74
- title='Title'
75
- ></NSBarAction>
76
- <NSSection
77
- center_items={true}
78
- >
79
- <NSPanel grid>
80
- <NSBoxBooleans
81
- hideHeaderAll
82
- hideHeaderBoxes
83
- items={[{
84
- text: "1",
85
- value: "1",
86
- }, {
87
- text: "1",
88
- value: "1",
89
- }, {
90
- text: "1",
91
- value: "1",
92
- }, {
93
- text: "1",
94
- value: "1",
95
- }, {
96
- text: "1",
97
- value: "1",
98
- }, {
99
- text: "1",
100
- value: "1",
101
- }, {
102
- text: "1",
103
- value: "1",
104
- }]}
105
- ></NSBoxBooleans>
106
- <NSPagination
107
- onPageChange={() => { }}
108
- totalItems={25000 - 100}
109
- ></NSPagination>
110
- <NSBoxBoolean
111
- title='Text'
112
- required={true}
113
- indeterminate={true}
114
- />
115
- <NSBoxCombo
116
- title='Text'
117
- required
118
- multiple={false}
119
- getOptions={() => [{
120
- value: "1",
121
- title: "1",
122
- }]}
123
- />
124
- <NSBoxEnum<VariableType>
125
- title='Type'
126
- required
127
- multiple={true}
128
- getEnumObject={() => { return VariableType }}
129
- onChanged={e =>
130
- {
131
- console.log(e.getValues(VariableType, VariableType.Any))
132
- }}
133
- ></NSBoxEnum>
134
- <NSBoxEntity<ProductFullRow>
135
- title='Product'
136
- required
137
- multiple={false}
138
- getItems={new NamirasoftAPIProductServer("https://namirasoft.com/api/product/v1", console.error).product.List}
139
- getValue={x => x.id}
140
- getTitle={x => x.name}
141
- onChanged={e =>
142
- {
143
- let box = e as NSBoxEntity<ProductFullRow>;
144
- console.log(box.NSBoxBaseCombo.current?.getData())
145
- try
146
- {
147
- NSBoxTest.current?.getValue()
148
- } catch (error)
149
- {
150
- }
151
- }}
152
- ></NSBoxEntity>
153
- <NSBoxEmail
154
- title='Email'
155
- required
156
- />
157
- <NSBoxTextArea
158
- title='Test'
159
- required
160
- style={{ width: "100%" }}
161
- ></NSBoxTextArea>
162
- <NSBoxMoney
163
- title='Money'
164
- required
165
- />
166
- <NSBoxRadio
167
- title='NSBoxRadio'
168
- required
169
- />
170
- <NSBoxPhone
171
- title='Phone'
172
- required
173
- />
174
- <NSBoxPassword
175
- title='Password'
176
- required
177
- />
178
- <NSBoxIPV4
179
- ref={NSBoxTest}
180
- title='IPV4'
181
- required
182
- />
183
- <NSBoxIPV6
184
- title='IPV6'
185
- required
186
- />
187
- <NSBoxDate
188
- title='Date'
189
- required
190
- />
191
- <NSBoxDateTime
192
- title='Datetime'
193
- required
194
- />
195
- <NSBoxDouble
196
- title='Double'
197
- required
198
- />
199
- <NSBoxDuration
200
- title='Duration'
201
- required
202
- />
203
- <NSBoxTime
204
- title='Time'
205
- required
206
- />
207
- <NSBoxInteger
208
- title='Integer'
209
- required
210
- />
211
- <NSBoxSearch
212
- title='Search'
213
- required
214
- />
215
- <NSBoxFile
216
- required
217
- title='Driver License'
218
- multiple={true}
219
- maxFilesCount={3}
220
- style={{ width: "100%" }}
221
- ></NSBoxFile>
222
- </NSPanel>
223
- </NSSection >
224
- </>
225
- );
1
+ import './App.css';
2
+ import { VariableType } from 'namirasoft-schema';
3
+ import 'bootstrap/dist/css/bootstrap.min.css';
4
+ import
5
+ {
6
+ NSMenuAction, NSBarAction, NSBoxEmail, NSBoxPhone, NSBoxSearch, NSBoxCombo,
7
+ NSBoxBoolean, NSSection, NSPanel, NSBoxDate, NSBoxDateTime, NSBoxDouble, NSBoxInteger, NSBoxDuration, NSBoxTime, NSBoxEnum,
8
+ NSBoxFile, NSBoxIPV4, NSBoxIPV6, NSBoxPassword, NSBoxMoney,
9
+ NSBoxRadio,
10
+ NSBoxTextArea,
11
+ NSPagination,
12
+ NSBoxBooleans,
13
+ } from './main';
14
+ import { NSBoxEntity } from './components/NSBoxEntity';
15
+ import { NamirasoftAPIProductServer, ProductFullRow } from 'namirasoft-api-product';
16
+ import { useRef } from 'react';
17
+
18
+ export function App()
19
+ {
20
+ let NSBoxTest = useRef<NSBoxIPV4>(null);
21
+ return (
22
+ <>
23
+ <NSMenuAction
24
+ items={[{
25
+ handler: () => { },
26
+ id: "1",
27
+ menu_item: "Name",
28
+ isActive: () => true
29
+ }, {
30
+ handler: () => { },
31
+ id: "2",
32
+ menu_item: "Text",
33
+ isActive: () => false
34
+ }]}
35
+ name='Test'
36
+ ></NSMenuAction>
37
+ <NSBarAction
38
+ menus={{
39
+ "Test1": [{
40
+ handler: () => { },
41
+ id: "1",
42
+ menu_item: "Name",
43
+ isActive: () => true
44
+ }, {
45
+ handler: () => { },
46
+ id: "2",
47
+ menu_item: "Text",
48
+ isActive: () => false
49
+ }],
50
+ "Test2": [{
51
+ handler: () => { },
52
+ id: "1",
53
+ menu_item: "Name",
54
+ isActive: () => true
55
+ }, {
56
+ handler: () => { },
57
+ id: "2",
58
+ menu_item: "Text",
59
+ isActive: () => false
60
+ }],
61
+ "Test3": [{
62
+ handler: () => { },
63
+ id: "1",
64
+ menu_item: "Test3",
65
+ isActive: () => true
66
+ }],
67
+ "Test4": [{
68
+ handler: () => { },
69
+ id: "1",
70
+ menu_item: "Test4",
71
+ isActive: () => true
72
+ }]
73
+ }}
74
+ title='Title'
75
+ ></NSBarAction>
76
+ <NSSection
77
+ center_items={true}
78
+ >
79
+ <NSPanel grid>
80
+ <NSBoxBooleans
81
+ hideHeaderAll
82
+ hideHeaderBoxes
83
+ items={[{
84
+ text: "1",
85
+ value: "1",
86
+ }, {
87
+ text: "1",
88
+ value: "1",
89
+ }, {
90
+ text: "1",
91
+ value: "1",
92
+ }, {
93
+ text: "1",
94
+ value: "1",
95
+ }, {
96
+ text: "1",
97
+ value: "1",
98
+ }, {
99
+ text: "1",
100
+ value: "1",
101
+ }, {
102
+ text: "1",
103
+ value: "1",
104
+ }]}
105
+ ></NSBoxBooleans>
106
+ <NSPagination
107
+ onPageChange={() => { }}
108
+ totalItems={25000 - 100}
109
+ ></NSPagination>
110
+ <NSBoxBoolean
111
+ title='Text'
112
+ required={true}
113
+ indeterminate={true}
114
+ />
115
+ <NSBoxCombo
116
+ title='Text'
117
+ required
118
+ multiple={false}
119
+ getOptions={() => [{
120
+ value: "1",
121
+ title: "1",
122
+ }]}
123
+ />
124
+ <NSBoxEnum<VariableType>
125
+ title='Type'
126
+ required
127
+ multiple={true}
128
+ getEnumObject={() => { return VariableType }}
129
+ onChanged={e =>
130
+ {
131
+ console.log(e.getValues(VariableType, VariableType.Any))
132
+ }}
133
+ ></NSBoxEnum>
134
+ <NSBoxEntity<ProductFullRow>
135
+ title='Product'
136
+ required
137
+ multiple={false}
138
+ getItems={new NamirasoftAPIProductServer("https://namirasoft.com/api/product/v1", console.error).product.List}
139
+ getValue={x => x.id}
140
+ getTitle={x => x.name}
141
+ onChanged={e =>
142
+ {
143
+ let box = e as NSBoxEntity<ProductFullRow>;
144
+ console.log(box.NSBoxBaseCombo.current?.getData())
145
+ try
146
+ {
147
+ NSBoxTest.current?.getValue()
148
+ } catch (error)
149
+ {
150
+ }
151
+ }}
152
+ ></NSBoxEntity>
153
+ <NSBoxEmail
154
+ title='Email'
155
+ required
156
+ />
157
+ <NSBoxTextArea
158
+ title='Test'
159
+ required
160
+ style={{ width: "100%" }}
161
+ ></NSBoxTextArea>
162
+ <NSBoxMoney
163
+ title='Money'
164
+ required
165
+ />
166
+ <NSBoxRadio
167
+ title='NSBoxRadio'
168
+ required
169
+ />
170
+ <NSBoxPhone
171
+ title='Phone'
172
+ required
173
+ />
174
+ <NSBoxPassword
175
+ title='Password'
176
+ required
177
+ />
178
+ <NSBoxIPV4
179
+ ref={NSBoxTest}
180
+ title='IPV4'
181
+ required
182
+ />
183
+ <NSBoxIPV6
184
+ title='IPV6'
185
+ required
186
+ />
187
+ <NSBoxDate
188
+ title='Date'
189
+ required
190
+ />
191
+ <NSBoxDateTime
192
+ title='Datetime'
193
+ required
194
+ />
195
+ <NSBoxDouble
196
+ title='Double'
197
+ required
198
+ />
199
+ <NSBoxDuration
200
+ title='Duration'
201
+ required
202
+ />
203
+ <NSBoxTime
204
+ title='Time'
205
+ required
206
+ />
207
+ <NSBoxInteger
208
+ title='Integer'
209
+ required
210
+ />
211
+ <NSBoxSearch
212
+ title='Search'
213
+ required
214
+ />
215
+ <NSBoxFile
216
+ required
217
+ title='Driver License'
218
+ multiple={true}
219
+ maxFilesCount={3}
220
+ style={{ width: "100%" }}
221
+ ></NSBoxFile>
222
+ </NSPanel>
223
+ </NSSection >
224
+ </>
225
+ );
226
226
  }
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
  };