namirasoft-site-react 1.4.407 → 1.4.409

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