namirasoft-site-react 1.3.397 → 1.3.399

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 (391) hide show
  1. package/.dockerignore +86 -86
  2. package/Dockerfile +18 -18
  3. package/config-overrides.js +70 -70
  4. package/dist/App.css +17 -0
  5. package/dist/assets/images/1.png +0 -0
  6. package/dist/assets/images/2.png +0 -0
  7. package/dist/assets/images/3.png +0 -0
  8. package/dist/assets/images/4.png +0 -0
  9. package/dist/assets/images/404 image.svg +9 -9
  10. package/dist/assets/images/404 image_mobile.svg +9 -9
  11. package/dist/assets/images/5.jpg +0 -0
  12. package/dist/assets/images/arrow.svg +3 -3
  13. package/dist/assets/images/danger.svg +3 -3
  14. package/dist/assets/images/exit.svg +3 -3
  15. package/dist/assets/images/icon-export.svg +3 -0
  16. package/dist/assets/images/icon-input-copy.svg +3 -3
  17. package/dist/assets/images/icon-input-date.svg +9 -9
  18. package/dist/assets/images/icon-input-duration.svg +9 -9
  19. package/dist/assets/images/icon-input-email.svg +9 -9
  20. package/dist/assets/images/icon-input-float.svg +9 -9
  21. package/dist/assets/images/icon-input-id.svg +9 -0
  22. package/dist/assets/images/icon-input-integer.svg +9 -9
  23. package/dist/assets/images/icon-input-ip.svg +9 -9
  24. package/dist/assets/images/icon-input-phone.svg +9 -9
  25. package/dist/assets/images/icon-input-price.svg +9 -9
  26. package/dist/assets/images/icon-input-search.svg +3 -3
  27. package/dist/assets/images/icon-input-string.svg +9 -9
  28. package/dist/assets/images/icon-input-text.svg +9 -9
  29. package/dist/assets/images/icon-input-time.svg +9 -9
  30. package/dist/assets/images/icon-refresh.svg +3 -0
  31. package/dist/assets/images/icon-select-box.svg +3 -3
  32. package/dist/assets/images/logo.svg +9 -9
  33. package/dist/assets/images/menu.svg +3 -3
  34. package/dist/assets/images/namira.svg +9 -9
  35. package/dist/assets/images/rectangle.svg +3 -3
  36. package/dist/components/NSAccess.d.ts +2 -0
  37. package/dist/components/NSAccess.js +8 -0
  38. package/dist/components/NSAccess.js.map +1 -0
  39. package/dist/components/NSAccess.module.css +39 -0
  40. package/dist/components/NSActionMenu.js +2 -2
  41. package/dist/components/NSActionMenu.module.css +75 -75
  42. package/dist/components/NSAssistantButton.module.css +133 -133
  43. package/dist/components/NSBarAction.module.css +87 -87
  44. package/dist/components/NSBarHeroBanner.module.css +42 -42
  45. package/dist/components/NSBarNotification.module.css +34 -34
  46. package/dist/components/NSBarTitle.module.css +9 -9
  47. package/dist/components/NSBox.module.css +123 -123
  48. package/dist/components/NSBoxBoolean.module.css +74 -74
  49. package/dist/components/NSBoxCombo.module.css +17 -17
  50. package/dist/components/NSBoxDate.module.css +39 -39
  51. package/dist/components/NSBoxEntity.module.css +25 -25
  52. package/dist/components/NSBoxErrorNotifier.module.css +2 -2
  53. package/dist/components/NSBoxLabel.module.css +12 -12
  54. package/dist/components/NSBoxOTP.module.css +10 -10
  55. package/dist/components/NSBoxText.d.ts +25 -0
  56. package/dist/components/NSBoxText.js +56 -0
  57. package/dist/components/NSBoxText.js.map +1 -0
  58. package/dist/components/NSBoxTextArea.module.css +76 -76
  59. package/dist/components/NSButton.module.css +27 -27
  60. package/dist/components/NSButtonBlue.module.css +4 -4
  61. package/dist/components/NSButtonGreen.module.css +4 -4
  62. package/dist/components/NSButtonRed.module.css +4 -4
  63. package/dist/components/NSCard.module.css +108 -108
  64. package/dist/components/NSCopyToClipboard.module.css +39 -39
  65. package/dist/components/NSDialog.module.css +36 -36
  66. package/dist/components/NSElectronicCard.module.css +60 -60
  67. package/dist/components/NSEntityBar.module.css +77 -77
  68. package/dist/components/NSEntityCardBackground.module.css +27 -27
  69. package/dist/components/NSFilterBox.module.css +47 -47
  70. package/dist/components/NSFilterBoxDialog.module.css +36 -36
  71. package/dist/components/NSFilterItem.module.css +23 -23
  72. package/dist/components/NSFooter.module.css +123 -123
  73. package/dist/components/NSGroupedList.module.css +72 -72
  74. package/dist/components/NSHeader.module.css +269 -269
  75. package/dist/components/NSInput.module.css +74 -0
  76. package/dist/components/NSInputDate.d.ts +21 -0
  77. package/dist/components/NSInputDate.js +41 -0
  78. package/dist/components/NSInputDate.js.map +1 -0
  79. package/dist/components/NSInputDate.module.css +42 -0
  80. package/dist/components/NSInputDuration.d.ts +23 -0
  81. package/dist/components/NSInputDuration.js +42 -0
  82. package/dist/components/NSInputDuration.js.map +1 -0
  83. package/dist/components/NSInputEmail.d.ts +22 -0
  84. package/dist/components/NSInputEmail.js +43 -0
  85. package/dist/components/NSInputEmail.js.map +1 -0
  86. package/dist/components/NSInputErrorNotifier.d.ts +5 -0
  87. package/dist/components/NSInputErrorNotifier.js +7 -0
  88. package/dist/components/NSInputErrorNotifier.js.map +1 -0
  89. package/dist/components/NSInputErrorNotifier.module.css +3 -0
  90. package/dist/components/NSInputFloat.d.ts +22 -0
  91. package/dist/components/NSInputFloat.js +41 -0
  92. package/dist/components/NSInputFloat.js.map +1 -0
  93. package/dist/components/NSInputIP.d.ts +22 -0
  94. package/dist/components/NSInputIP.js +43 -0
  95. package/dist/components/NSInputIP.js.map +1 -0
  96. package/dist/components/NSInputInteger.d.ts +22 -0
  97. package/dist/components/NSInputInteger.js +41 -0
  98. package/dist/components/NSInputInteger.js.map +1 -0
  99. package/dist/components/NSInputPassword.d.ts +22 -0
  100. package/dist/components/NSInputPassword.js +42 -0
  101. package/dist/components/NSInputPassword.js.map +1 -0
  102. package/dist/components/NSInputPhone.d.ts +22 -0
  103. package/dist/components/NSInputPhone.js +38 -0
  104. package/dist/components/NSInputPhone.js.map +1 -0
  105. package/dist/components/NSInputPrice.d.ts +22 -0
  106. package/dist/components/NSInputPrice.js +41 -0
  107. package/dist/components/NSInputPrice.js.map +1 -0
  108. package/dist/components/NSInputSearch.d.ts +22 -0
  109. package/dist/components/NSInputSearch.js +41 -0
  110. package/dist/components/NSInputSearch.js.map +1 -0
  111. package/dist/components/NSInputString.d.ts +22 -0
  112. package/dist/components/NSInputString.js +42 -0
  113. package/dist/components/NSInputString.js.map +1 -0
  114. package/dist/components/NSInputText.d.ts +22 -0
  115. package/dist/components/NSInputText.js +42 -0
  116. package/dist/components/NSInputText.js.map +1 -0
  117. package/dist/components/NSInputTime.d.ts +22 -0
  118. package/dist/components/NSInputTime.js +43 -0
  119. package/dist/components/NSInputTime.js.map +1 -0
  120. package/dist/components/NSLayout.module.css +13 -13
  121. package/dist/components/NSLayoutAction.d.ts +5 -0
  122. package/dist/components/NSLayoutAction.js +20 -0
  123. package/dist/components/NSLayoutAction.js.map +1 -0
  124. package/dist/components/NSLayoutAction.module.css +88 -0
  125. package/dist/components/NSLayoutHeroBanner.d.ts +2 -0
  126. package/dist/components/NSLayoutHeroBanner.js +8 -0
  127. package/dist/components/NSLayoutHeroBanner.js.map +1 -0
  128. package/dist/components/NSLayoutHeroBanner.module.css +43 -0
  129. package/dist/components/NSLayoutTitle.d.ts +2 -0
  130. package/dist/components/NSLayoutTitle.js +11 -0
  131. package/dist/components/NSLayoutTitle.js.map +1 -0
  132. package/dist/components/NSLayoutTitle.module.css +10 -0
  133. package/dist/components/NSLink.module.css +36 -36
  134. package/dist/components/NSLoading.module.css +29 -29
  135. package/dist/components/NSModal.d.ts +11 -0
  136. package/dist/components/NSModal.js +13 -0
  137. package/dist/components/NSModal.js.map +1 -0
  138. package/dist/components/NSModal.module.css +71 -0
  139. package/dist/components/NSNoData.module.css +8 -8
  140. package/dist/components/NSNotification.d.ts +21 -0
  141. package/dist/components/NSNotification.js +37 -0
  142. package/dist/components/NSNotification.js.map +1 -0
  143. package/dist/components/NSNotification.module.css +32 -0
  144. package/dist/components/NSPageSelectionModal.module.css +102 -102
  145. package/dist/components/NSPagination.module.css +101 -101
  146. package/dist/components/NSPanel.module.css +46 -46
  147. package/dist/components/NSPrintModal.d.ts +15 -0
  148. package/dist/components/NSPrintModal.js +35 -0
  149. package/dist/components/NSPrintModal.js.map +1 -0
  150. package/dist/components/NSPrintModal.module.css +82 -0
  151. package/dist/components/NSRadioButton.module.css +64 -64
  152. package/dist/components/NSSection.module.css +10 -10
  153. package/dist/components/NSSectionBars.module.css +10 -10
  154. package/dist/components/NSSectionCards.module.css +38 -38
  155. package/dist/components/NSSelectBox.d.ts +24 -0
  156. package/dist/components/NSSelectBox.js +61 -0
  157. package/dist/components/NSSelectBox.js.map +1 -0
  158. package/dist/components/NSSelectBox.module.css +42 -0
  159. package/dist/components/NSTabPage.module.css +57 -57
  160. package/dist/components/NSTable.module.css +272 -273
  161. package/dist/components/NSTag.module.css +44 -44
  162. package/dist/components/NSTitle.module.css +15 -15
  163. package/dist/components/NSVerification.module.css +22 -22
  164. package/dist/formatter/AnyFormatter.d.ts +5 -0
  165. package/dist/formatter/AnyFormatter.js +10 -0
  166. package/dist/formatter/AnyFormatter.js.map +1 -0
  167. package/dist/formatter/DateFormatter.js +1 -1
  168. package/dist/formatter/DateFormatter.js.map +1 -1
  169. package/dist/formatter/DateTimeFormatter.d.ts +0 -3
  170. package/dist/formatter/DateTimeFormatter.js +7 -10
  171. package/dist/formatter/DateTimeFormatter.js.map +1 -1
  172. package/dist/formatter/PresentFormatter.d.ts +7 -0
  173. package/dist/formatter/PresentFormatter.js +17 -0
  174. package/dist/formatter/PresentFormatter.js.map +1 -0
  175. package/dist/formatter/TimeFormatter.js +1 -1
  176. package/dist/formatter/TimeFormatter.js.map +1 -1
  177. package/dist/index.css +6 -0
  178. package/dist/pages/NSLoginPage.d.ts +6 -0
  179. package/dist/pages/NSLoginPage.js +8 -0
  180. package/dist/pages/NSLoginPage.js.map +1 -0
  181. package/dist/pages/NSLoginPage.module.css +20 -0
  182. package/dist/pages/NSNotFoundPage.module.css +18 -18
  183. package/dist/props/BaseComponentProps.d.ts +6 -0
  184. package/dist/props/BaseComponentProps.js +2 -0
  185. package/dist/props/BaseComponentProps.js.map +10 -0
  186. package/dist/props/INamirasoftProps.d.ts +4 -0
  187. package/dist/props/INamirasoftProps.js +2 -0
  188. package/dist/props/INamirasoftProps.js.map +1 -0
  189. package/dist/props/ImageProps.d.ts +4 -0
  190. package/dist/props/ImageProps.js +2 -0
  191. package/dist/props/ImageProps.js.map +10 -0
  192. package/dist/props/LinkProps.d.ts +5 -0
  193. package/dist/props/LinkProps.js +2 -0
  194. package/dist/props/LinkProps.js.map +10 -0
  195. package/dist/props/ValidationNumberProps.d.ts +4 -0
  196. package/dist/props/ValidationNumberProps.js +2 -0
  197. package/dist/props/ValidationNumberProps.js.map +10 -0
  198. package/dist/props/ValidationProps.d.ts +6 -0
  199. package/dist/props/ValidationProps.js +2 -0
  200. package/dist/props/ValidationProps.js.map +10 -0
  201. package/dist/props/ValidationRegexProps.d.ts +4 -0
  202. package/dist/props/ValidationRegexProps.js +2 -0
  203. package/dist/props/ValidationRegexProps.js.map +1 -0
  204. package/dist/props/ValidationStringProps.d.ts +4 -0
  205. package/dist/props/ValidationStringProps.js +2 -0
  206. package/dist/props/ValidationStringProps.js.map +10 -0
  207. package/package.json +68 -68
  208. package/public/index.html +38 -38
  209. package/src/App.css +16 -16
  210. package/src/App.tsx +153 -153
  211. package/src/CopyToClipboard.ts +6 -6
  212. package/src/Validator.ts +113 -113
  213. package/src/assets/images/404 image.svg +9 -9
  214. package/src/assets/images/404 image_mobile.svg +9 -9
  215. package/src/assets/images/arrow.svg +3 -3
  216. package/src/assets/images/danger.svg +3 -3
  217. package/src/assets/images/exit.svg +3 -3
  218. package/src/assets/images/icon-input-copy.svg +3 -3
  219. package/src/assets/images/icon-input-date.svg +9 -9
  220. package/src/assets/images/icon-input-duration.svg +9 -9
  221. package/src/assets/images/icon-input-email.svg +9 -9
  222. package/src/assets/images/icon-input-float.svg +9 -9
  223. package/src/assets/images/icon-input-integer.svg +9 -9
  224. package/src/assets/images/icon-input-ip.svg +9 -9
  225. package/src/assets/images/icon-input-phone.svg +9 -9
  226. package/src/assets/images/icon-input-price.svg +9 -9
  227. package/src/assets/images/icon-input-search.svg +3 -3
  228. package/src/assets/images/icon-input-string.svg +9 -9
  229. package/src/assets/images/icon-input-text.svg +9 -9
  230. package/src/assets/images/icon-input-time.svg +9 -9
  231. package/src/assets/images/icon-select-box.svg +3 -3
  232. package/src/assets/images/logo.svg +9 -9
  233. package/src/assets/images/menu.svg +3 -3
  234. package/src/assets/images/namira.svg +9 -9
  235. package/src/assets/images/rectangle.svg +3 -3
  236. package/src/components/NSActionMenu.module.css +75 -75
  237. package/src/components/NSActionMenu.tsx +89 -89
  238. package/src/components/NSAssistantButton.module.css +133 -133
  239. package/src/components/NSAssistantButton.tsx +74 -74
  240. package/src/components/NSBarAction.module.css +87 -87
  241. package/src/components/NSBarAction.tsx +90 -90
  242. package/src/components/NSBarHeroBanner.module.css +42 -42
  243. package/src/components/NSBarHeroBanner.tsx +61 -61
  244. package/src/components/NSBarNotification.module.css +34 -34
  245. package/src/components/NSBarNotification.tsx +85 -85
  246. package/src/components/NSBarTitle.module.css +9 -9
  247. package/src/components/NSBarTitle.tsx +28 -28
  248. package/src/components/NSBox.module.css +123 -123
  249. package/src/components/NSBoxBoolean.module.css +74 -74
  250. package/src/components/NSBoxBoolean.tsx +109 -109
  251. package/src/components/NSBoxCombo.module.css +17 -17
  252. package/src/components/NSBoxCombo.tsx +135 -135
  253. package/src/components/NSBoxDate.module.css +39 -39
  254. package/src/components/NSBoxDate.tsx +86 -86
  255. package/src/components/NSBoxDateTime.tsx +86 -86
  256. package/src/components/NSBoxDouble.tsx +91 -91
  257. package/src/components/NSBoxDuration.tsx +91 -91
  258. package/src/components/NSBoxEmail.tsx +107 -107
  259. package/src/components/NSBoxEntity.module.css +25 -25
  260. package/src/components/NSBoxEntity.tsx +181 -181
  261. package/src/components/NSBoxEnum.tsx +56 -56
  262. package/src/components/NSBoxErrorNotifier.module.css +2 -2
  263. package/src/components/NSBoxErrorNotifier.tsx +33 -33
  264. package/src/components/NSBoxIPV4.tsx +96 -96
  265. package/src/components/NSBoxIPV6.tsx +93 -93
  266. package/src/components/NSBoxInteger.tsx +89 -89
  267. package/src/components/NSBoxLabel.module.css +12 -12
  268. package/src/components/NSBoxLabel.tsx +29 -29
  269. package/src/components/NSBoxOTP.module.css +10 -10
  270. package/src/components/NSBoxOTP.tsx +65 -65
  271. package/src/components/NSBoxPassword.tsx +89 -89
  272. package/src/components/NSBoxPhone.tsx +91 -91
  273. package/src/components/NSBoxPrice.tsx +91 -91
  274. package/src/components/NSBoxSearch.tsx +106 -106
  275. package/src/components/NSBoxString.tsx +106 -106
  276. package/src/components/NSBoxTextArea.module.css +76 -76
  277. package/src/components/NSBoxTextArea.tsx +109 -109
  278. package/src/components/NSBoxTime.tsx +91 -91
  279. package/src/components/NSButton.module.css +27 -27
  280. package/src/components/NSButton.tsx +23 -23
  281. package/src/components/NSButtonBlue.module.css +4 -4
  282. package/src/components/NSButtonBlue.tsx +12 -12
  283. package/src/components/NSButtonGreen.module.css +4 -4
  284. package/src/components/NSButtonGreen.tsx +11 -11
  285. package/src/components/NSButtonRed.module.css +4 -4
  286. package/src/components/NSButtonRed.tsx +11 -11
  287. package/src/components/NSCard.module.css +108 -108
  288. package/src/components/NSCard.tsx +71 -71
  289. package/src/components/NSCopyToClipboard.module.css +39 -39
  290. package/src/components/NSCopyToClipboard.tsx +35 -35
  291. package/src/components/NSDeleteDialog.tsx +25 -25
  292. package/src/components/NSDialog.module.css +36 -36
  293. package/src/components/NSDialog.tsx +47 -47
  294. package/src/components/NSElectronicCard.module.css +60 -60
  295. package/src/components/NSElectronicCard.tsx +47 -47
  296. package/src/components/NSEntityBar.module.css +77 -77
  297. package/src/components/NSEntityBar.tsx +27 -27
  298. package/src/components/NSEntityCardBackground.module.css +27 -27
  299. package/src/components/NSEntityCardBackground.tsx +34 -34
  300. package/src/components/NSFilterBox.module.css +47 -47
  301. package/src/components/NSFilterBox.tsx +373 -373
  302. package/src/components/NSFilterBoxDialog.module.css +36 -36
  303. package/src/components/NSFilterBoxDialog.tsx +74 -74
  304. package/src/components/NSFilterItem.module.css +23 -23
  305. package/src/components/NSFilterItem.tsx +72 -72
  306. package/src/components/NSFooter.module.css +123 -123
  307. package/src/components/NSFooter.tsx +199 -199
  308. package/src/components/NSGroupedList.module.css +72 -72
  309. package/src/components/NSGroupedList.tsx +107 -107
  310. package/src/components/NSHeader.module.css +269 -269
  311. package/src/components/NSHeader.tsx +236 -236
  312. package/src/components/NSInfoDialog.tsx +35 -35
  313. package/src/components/NSLayout.module.css +13 -13
  314. package/src/components/NSLayout.tsx +87 -87
  315. package/src/components/NSLine.tsx +18 -18
  316. package/src/components/NSLink.module.css +36 -36
  317. package/src/components/NSLink.tsx +25 -25
  318. package/src/components/NSLinkBlue.tsx +20 -20
  319. package/src/components/NSLinkGreen.tsx +5 -5
  320. package/src/components/NSLinkRed.tsx +5 -5
  321. package/src/components/NSLoading.module.css +29 -29
  322. package/src/components/NSLoading.tsx +19 -19
  323. package/src/components/NSNoData.module.css +8 -8
  324. package/src/components/NSNoData.tsx +24 -24
  325. package/src/components/NSPageSelectionModal.module.css +102 -102
  326. package/src/components/NSPageSelectionModal.tsx +229 -229
  327. package/src/components/NSPagination.module.css +101 -101
  328. package/src/components/NSPagination.tsx +189 -189
  329. package/src/components/NSPanel.module.css +46 -46
  330. package/src/components/NSPanel.tsx +19 -19
  331. package/src/components/NSProductList.tsx +40 -40
  332. package/src/components/NSRadioButton.module.css +64 -64
  333. package/src/components/NSRadioButton.tsx +104 -104
  334. package/src/components/NSRepeater.tsx +175 -175
  335. package/src/components/NSSection.module.css +10 -10
  336. package/src/components/NSSection.tsx +23 -23
  337. package/src/components/NSSectionBars.module.css +10 -10
  338. package/src/components/NSSectionBars.tsx +25 -25
  339. package/src/components/NSSectionCards.module.css +38 -38
  340. package/src/components/NSSectionCards.tsx +51 -51
  341. package/src/components/NSSectionTitle.tsx +21 -21
  342. package/src/components/NSSpace.tsx +28 -28
  343. package/src/components/NSTabPage.module.css +57 -57
  344. package/src/components/NSTabPage.tsx +53 -53
  345. package/src/components/NSTable.module.css +272 -273
  346. package/src/components/NSTable.tsx +413 -413
  347. package/src/components/NSTag.module.css +44 -44
  348. package/src/components/NSTag.tsx +74 -74
  349. package/src/components/NSTitle.module.css +15 -15
  350. package/src/components/NSTitle.tsx +19 -19
  351. package/src/components/NSVerification.module.css +22 -22
  352. package/src/components/NSVerification.tsx +41 -41
  353. package/src/formatter/BackColorFormatter.tsx +20 -20
  354. package/src/formatter/BaseColumnFormatter.ts +14 -14
  355. package/src/formatter/BooleanFormatter.ts +20 -20
  356. package/src/formatter/DateFormatter.ts +15 -16
  357. package/src/formatter/DateTimeFormatter.ts +15 -20
  358. package/src/formatter/DurationFormatter.ts +8 -8
  359. package/src/formatter/EmailFormatter.ts +8 -8
  360. package/src/formatter/EnumFormatter.ts +8 -8
  361. package/src/formatter/FloatFormatter.ts +8 -8
  362. package/src/formatter/ForeColorFormatter.tsx +20 -20
  363. package/src/formatter/ForeignIDFormatter.ts +8 -8
  364. package/src/formatter/IDFormatter.ts +8 -8
  365. package/src/formatter/IPFormatter.ts +8 -8
  366. package/src/formatter/IntegerFormatter.ts +8 -8
  367. package/src/formatter/JsonFormatter.ts +8 -8
  368. package/src/formatter/MoneyFormatter.ts +8 -8
  369. package/src/formatter/PhoneFormatter.ts +8 -8
  370. package/src/formatter/StringFormatter.ts +8 -8
  371. package/src/formatter/TimeFormatter.ts +16 -16
  372. package/src/formatter/UnknowFormatter.ts +8 -8
  373. package/src/index.tsx +7 -7
  374. package/src/main.ts +103 -103
  375. package/src/pages/NSNotFoundPage.module.css +18 -18
  376. package/src/pages/NSNotFoundPage.tsx +11 -11
  377. package/src/props/IBaseComponentProps.ts +8 -8
  378. package/src/props/IHeaderIconProps.ts +10 -10
  379. package/src/props/IHeaderProps.ts +6 -6
  380. package/src/props/IImageProps.ts +4 -4
  381. package/src/props/ILinkProps.ts +5 -5
  382. package/src/props/IValidationNumberProps.ts +4 -4
  383. package/src/props/IValidationProps.ts +7 -7
  384. package/src/props/IValidationRegexProps.ts +4 -4
  385. package/src/props/IValidationStringProps.ts +4 -4
  386. package/src/routing/INSRouterMaker.ts +6 -6
  387. package/src/routing/INSRouterProps.ts +5 -5
  388. package/src/routing/INSRouterState.ts +5 -5
  389. package/src/routing/NSRouterMaker.tsx +33 -33
  390. package/src/routing/Notifier.ts +79 -79
  391. package/tsconfig.json +43 -43
package/public/index.html CHANGED
@@ -1,39 +1,39 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
-
4
- <head>
5
- <meta charset="utf-8" />
6
- <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
7
- <meta name="viewport" content="width=device-width, initial-scale=1" />
8
- <meta name="theme-color" content="#000000" />
9
- <meta name="description" content="Web site created using create-react-app" />
10
- <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
11
- <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
12
- <!--
13
- Notice the use of %PUBLIC_URL% in the tags above.
14
- It will be replaced with the URL of the `public` folder during the build.
15
- Only files inside the `public` folder can be referenced from the HTML.
16
-
17
- Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
18
- work correctly both with client-side routing and a non-root public URL.
19
- Learn how to configure a non-root public URL by running `npm run build`.
20
- -->
21
- <title>React App</title>
22
- </head>
23
-
24
- <body>
25
- <noscript>You need to enable JavaScript to run this app.</noscript>
26
- <div id="root"></div>
27
-
28
- <!-- <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
29
- integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
30
- crossorigin="anonymous"></script>
31
- <script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js"
32
- integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
33
- crossorigin="anonymous"></script>
34
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js"
35
- integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
36
- crossorigin="anonymous"></script> -->
37
- </body>
38
-
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+
4
+ <head>
5
+ <meta charset="utf-8" />
6
+ <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
7
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
8
+ <meta name="theme-color" content="#000000" />
9
+ <meta name="description" content="Web site created using create-react-app" />
10
+ <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
11
+ <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
12
+ <!--
13
+ Notice the use of %PUBLIC_URL% in the tags above.
14
+ It will be replaced with the URL of the `public` folder during the build.
15
+ Only files inside the `public` folder can be referenced from the HTML.
16
+
17
+ Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
18
+ work correctly both with client-side routing and a non-root public URL.
19
+ Learn how to configure a non-root public URL by running `npm run build`.
20
+ -->
21
+ <title>React App</title>
22
+ </head>
23
+
24
+ <body>
25
+ <noscript>You need to enable JavaScript to run this app.</noscript>
26
+ <div id="root"></div>
27
+
28
+ <!-- <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
29
+ integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
30
+ crossorigin="anonymous"></script>
31
+ <script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js"
32
+ integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
33
+ crossorigin="anonymous"></script>
34
+ <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js"
35
+ integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
36
+ crossorigin="anonymous"></script> -->
37
+ </body>
38
+
39
39
  </html>
package/src/App.css CHANGED
@@ -1,17 +1,17 @@
1
- /*Start Input Tell*/
2
- .country-name {
3
- color: #000 !important;
4
- }
5
- .country-list {
6
- max-width: 206px;
7
- }
8
- .react-tel-input .flag-dropdown {
9
- border: 1px solid #cacaca;
10
- border-radius: 5px 0 0 5px;
11
- border: 1px solid rgba(47, 0, 236, 0.6) !important;
12
- }
13
- /*End Input Tell*/
14
- .ns_font_16_bold{
15
- font-size: 16px;
16
- font-weight: 600;
1
+ /*Start Input Tell*/
2
+ .country-name {
3
+ color: #000 !important;
4
+ }
5
+ .country-list {
6
+ max-width: 206px;
7
+ }
8
+ .react-tel-input .flag-dropdown {
9
+ border: 1px solid #cacaca;
10
+ border-radius: 5px 0 0 5px;
11
+ border: 1px solid rgba(47, 0, 236, 0.6) !important;
12
+ }
13
+ /*End Input Tell*/
14
+ .ns_font_16_bold{
15
+ font-size: 16px;
16
+ font-weight: 600;
17
17
  }
package/src/App.tsx CHANGED
@@ -1,154 +1,154 @@
1
- import './App.css';
2
- import 'bootstrap/dist/css/bootstrap.min.css';
3
- import { NSBarAction, NSBoxBoolean, NSBoxEmail, NSBoxEnum, NSBoxSearch, NSBoxString, NSEntityBar, NSLayout, NSNoData, NSPagination, NSPanel, NSRepeater, NSSpace, NSSpaceSizeType, NSTabPage } from './main';
4
- import { NSBoxLabel } from './components/NSBoxLabel';
5
- import { NSRadioButton } from './components/NSRadioButton';
6
- import NSTag, { NSTagValue } from './components/NSTag';
7
- import NSButton from './components/NSButton';
8
- import { useState } from 'react';
9
- import NSDialog from './components/NSDialog';
10
-
11
- export interface INSBarActionState
12
- {
13
- id: string;
14
- menu_item: string;
15
- handler: () => void;
16
- isActive: () => boolean;
17
- }
18
- export function App()
19
- {
20
- const onClicked = () =>
21
- {
22
- console.log("clicked")
23
- }
24
- let icons = [
25
- { src: "https://static.namirasoft.com/image/namirasoft/message/logo/base.png", alt: "", onClicked, count: 1 },
26
- { src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked },
27
- { src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked },
28
- { src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked },
29
- { src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked },
30
- { src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked },
31
- { src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked },
32
- ];
33
- let content1 = () => <>
34
- <NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
35
- <NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
36
- <NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
37
- <NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
38
- <NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
39
- <NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
40
- <NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
41
- <NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
42
- <NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
43
- <NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
44
- <NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
45
- </>;
46
- let content2 = () => <div>Content for Tab2</div>;
47
- let content3 = () => <div>Content for Tab3</div>;
48
- const tabs = [
49
- { title: 'Information', getContent: content1 },
50
- { title: 'Price History', getContent: content2 },
51
- { title: 'Price Estimator', getContent: content3 }
52
- ];
53
-
54
- let group: any = [
55
- [
56
- {
57
- id: "1",
58
- handler: () => { },
59
- isActive: () => false,
60
- menu_item: "1"
61
- }, {
62
- id: "2",
63
- handler: () => { },
64
- isActive: () => true,
65
- menu_item: "2"
66
- },
67
- {
68
- id: "2",
69
- handler: () => { },
70
- isActive: () => true,
71
- menu_item: "3"
72
- }
73
- ]
74
- ]
75
- let [state, setState] = useState(false)
76
- return (
77
- <>
78
- <NSButton title='111' onClick={() => { setState(true) }} />
79
- <NSLayout
80
- header={{
81
- title: "any",
82
- icons: icons
83
- }}
84
- scope="Namirasoft Account Console"
85
- logo="exampleLogoUrl"
86
- notifications={[]}
87
- background=""
88
- isLoggedIn={() => false}
89
- >
90
- <NSPanel grid={false}>
91
- <NSRepeater<NSTag, NSTagValue>
92
- createItem={(index, ref, onChange, onDelete) =>
93
- {
94
- return <NSTag ref={ref} onChanged={() =>
95
- {
96
- onChange(index);
97
- }}
98
- onDeleted={() =>
99
- {
100
- onDelete(index);
101
- }}
102
- />;
103
- }}
104
- getValue={(item, checkError) => item.getValue(checkError)}
105
- isEmpty={value => NSTag.isEmpty(value)}
106
- updateItem={(item, index, value) =>
107
- {
108
- if (index > 0)
109
- if (value)
110
- item.setValue(value);
111
- }}
112
- onValuesChanged={values =>
113
- {
114
- console.log(values)
115
- }}
116
- />
117
- </NSPanel>
118
- <>
119
- <NSTabPage tabs={tabs} />
120
- <NSSpace size={NSSpaceSizeType.SMALL} />
121
- <NSPagination totalItems={100} onPageChange={() => { }} />
122
- </>
123
- <NSBarAction title='test' description='test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test ' menus={group} />
124
- <NSBoxEmail title='Email' required />
125
- <NSBoxString title='String' required />
126
- <NSRadioButton title={"Radio Button"} required={false} />
127
- <NSSpace size={NSSpaceSizeType.LARGE} />
128
- <NSBoxBoolean defaultValue={true} title='' required />
129
- <NSButton title='Clear Filters' onClick={() => window.location.reload()} style={{ width: "136px", border: "2px solid #001664" }} />
130
- <NSTag />
131
- <NSNoData lable="No New Message" />
132
- <div className="d-flex flex-row gap-2 w-100">
133
- <NSBoxString title="Name" required />
134
- <NSBoxEnum options={[]} required title='Notification_sender_topic_id' multiple />
135
- <NSBoxEmail title="Name" required />
136
- <NSBoxSearch title="Name" required />
137
- </div>
138
- <NSSpace size={NSSpaceSizeType.MEDUIM} />
139
- <NSBoxBoolean title='CheckBox' required />
140
- <NSEntityBar title='' description='' image={{ src: "" }} />
141
- {
142
- state &&
143
- <NSDialog
144
-
145
- onClose={() => { setState(false) }}>
146
- <div>
147
- </div>
148
- </NSDialog>
149
- }
150
- <NSBoxBoolean required={false} title='' />
151
- </NSLayout>
152
- </>
153
- );
1
+ import './App.css';
2
+ import 'bootstrap/dist/css/bootstrap.min.css';
3
+ import { NSBarAction, NSBoxBoolean, NSBoxEmail, NSBoxEnum, NSBoxSearch, NSBoxString, NSEntityBar, NSLayout, NSNoData, NSPagination, NSPanel, NSRepeater, NSSpace, NSSpaceSizeType, NSTabPage } from './main';
4
+ import { NSBoxLabel } from './components/NSBoxLabel';
5
+ import { NSRadioButton } from './components/NSRadioButton';
6
+ import NSTag, { NSTagValue } from './components/NSTag';
7
+ import NSButton from './components/NSButton';
8
+ import { useState } from 'react';
9
+ import NSDialog from './components/NSDialog';
10
+
11
+ export interface INSBarActionState
12
+ {
13
+ id: string;
14
+ menu_item: string;
15
+ handler: () => void;
16
+ isActive: () => boolean;
17
+ }
18
+ export function App()
19
+ {
20
+ const onClicked = () =>
21
+ {
22
+ console.log("clicked")
23
+ }
24
+ let icons = [
25
+ { src: "https://static.namirasoft.com/image/namirasoft/message/logo/base.png", alt: "", onClicked, count: 1 },
26
+ { src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked },
27
+ { src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked },
28
+ { src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked },
29
+ { src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked },
30
+ { src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked },
31
+ { src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked },
32
+ ];
33
+ let content1 = () => <>
34
+ <NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
35
+ <NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
36
+ <NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
37
+ <NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
38
+ <NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
39
+ <NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
40
+ <NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
41
+ <NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
42
+ <NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
43
+ <NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
44
+ <NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
45
+ </>;
46
+ let content2 = () => <div>Content for Tab2</div>;
47
+ let content3 = () => <div>Content for Tab3</div>;
48
+ const tabs = [
49
+ { title: 'Information', getContent: content1 },
50
+ { title: 'Price History', getContent: content2 },
51
+ { title: 'Price Estimator', getContent: content3 }
52
+ ];
53
+
54
+ let group: any = [
55
+ [
56
+ {
57
+ id: "1",
58
+ handler: () => { },
59
+ isActive: () => false,
60
+ menu_item: "1"
61
+ }, {
62
+ id: "2",
63
+ handler: () => { },
64
+ isActive: () => true,
65
+ menu_item: "2"
66
+ },
67
+ {
68
+ id: "2",
69
+ handler: () => { },
70
+ isActive: () => true,
71
+ menu_item: "3"
72
+ }
73
+ ]
74
+ ]
75
+ let [state, setState] = useState(false)
76
+ return (
77
+ <>
78
+ <NSButton title='111' onClick={() => { setState(true) }} />
79
+ <NSLayout
80
+ header={{
81
+ title: "any",
82
+ icons: icons
83
+ }}
84
+ scope="Namirasoft Account Console"
85
+ logo="exampleLogoUrl"
86
+ notifications={[]}
87
+ background=""
88
+ isLoggedIn={() => false}
89
+ >
90
+ <NSPanel grid={false}>
91
+ <NSRepeater<NSTag, NSTagValue>
92
+ createItem={(index, ref, onChange, onDelete) =>
93
+ {
94
+ return <NSTag ref={ref} onChanged={() =>
95
+ {
96
+ onChange(index);
97
+ }}
98
+ onDeleted={() =>
99
+ {
100
+ onDelete(index);
101
+ }}
102
+ />;
103
+ }}
104
+ getValue={(item, checkError) => item.getValue(checkError)}
105
+ isEmpty={value => NSTag.isEmpty(value)}
106
+ updateItem={(item, index, value) =>
107
+ {
108
+ if (index > 0)
109
+ if (value)
110
+ item.setValue(value);
111
+ }}
112
+ onValuesChanged={values =>
113
+ {
114
+ console.log(values)
115
+ }}
116
+ />
117
+ </NSPanel>
118
+ <>
119
+ <NSTabPage tabs={tabs} />
120
+ <NSSpace size={NSSpaceSizeType.SMALL} />
121
+ <NSPagination totalItems={100} onPageChange={() => { }} />
122
+ </>
123
+ <NSBarAction title='test' description='test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test ' menus={group} />
124
+ <NSBoxEmail title='Email' required />
125
+ <NSBoxString title='String' required />
126
+ <NSRadioButton title={"Radio Button"} required={false} />
127
+ <NSSpace size={NSSpaceSizeType.LARGE} />
128
+ <NSBoxBoolean defaultValue={true} title='' required />
129
+ <NSButton title='Clear Filters' onClick={() => window.location.reload()} style={{ width: "136px", border: "2px solid #001664" }} />
130
+ <NSTag />
131
+ <NSNoData lable="No New Message" />
132
+ <div className="d-flex flex-row gap-2 w-100">
133
+ <NSBoxString title="Name" required />
134
+ <NSBoxEnum options={[]} required title='Notification_sender_topic_id' multiple />
135
+ <NSBoxEmail title="Name" required />
136
+ <NSBoxSearch title="Name" required />
137
+ </div>
138
+ <NSSpace size={NSSpaceSizeType.MEDUIM} />
139
+ <NSBoxBoolean title='CheckBox' required />
140
+ <NSEntityBar title='' description='' image={{ src: "" }} />
141
+ {
142
+ state &&
143
+ <NSDialog
144
+
145
+ onClose={() => { setState(false) }}>
146
+ <div>
147
+ </div>
148
+ </NSDialog>
149
+ }
150
+ <NSBoxBoolean required={false} title='' />
151
+ </NSLayout>
152
+ </>
153
+ );
154
154
  }
@@ -1,7 +1,7 @@
1
- export default class CopyToClipboard
2
- {
3
- static copyToClipboard(value: string): void
4
- {
5
- navigator.clipboard.writeText(value);
6
- }
1
+ export default class CopyToClipboard
2
+ {
3
+ static copyToClipboard(value: string): void
4
+ {
5
+ navigator.clipboard.writeText(value);
6
+ }
7
7
  };