namirasoft-site-react 1.3.395 → 1.3.396

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 (449) 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/App.js +5 -7
  6. package/dist/App.js.map +1 -1
  7. package/dist/assets/images/1.png +0 -0
  8. package/dist/assets/images/2.png +0 -0
  9. package/dist/assets/images/3.png +0 -0
  10. package/dist/assets/images/4.png +0 -0
  11. package/dist/assets/images/404 image.svg +9 -9
  12. package/dist/assets/images/404 image_mobile.svg +9 -9
  13. package/dist/assets/images/5.jpg +0 -0
  14. package/dist/assets/images/arrow.svg +3 -3
  15. package/dist/assets/images/danger.svg +3 -3
  16. package/dist/assets/images/exit.svg +3 -3
  17. package/dist/assets/images/icon-export.svg +3 -0
  18. package/dist/assets/images/icon-input-copy.svg +3 -3
  19. package/dist/assets/images/icon-input-date.svg +9 -9
  20. package/dist/assets/images/icon-input-duration.svg +9 -9
  21. package/dist/assets/images/icon-input-email.svg +9 -9
  22. package/dist/assets/images/icon-input-float.svg +9 -9
  23. package/dist/assets/images/icon-input-id.svg +9 -0
  24. package/dist/assets/images/icon-input-integer.svg +9 -9
  25. package/dist/assets/images/icon-input-ip.svg +9 -9
  26. package/dist/assets/images/icon-input-phone.svg +9 -9
  27. package/dist/assets/images/icon-input-price.svg +9 -9
  28. package/dist/assets/images/icon-input-search.svg +3 -3
  29. package/dist/assets/images/icon-input-string.svg +9 -9
  30. package/dist/assets/images/icon-input-text.svg +9 -9
  31. package/dist/assets/images/icon-input-time.svg +9 -9
  32. package/dist/assets/images/icon-refresh.svg +3 -0
  33. package/dist/assets/images/icon-select-box.svg +3 -3
  34. package/dist/assets/images/logo.svg +9 -9
  35. package/dist/assets/images/menu.svg +3 -3
  36. package/dist/assets/images/namira.svg +9 -9
  37. package/dist/assets/images/rectangle.svg +3 -3
  38. package/dist/components/NSAccess.d.ts +2 -0
  39. package/dist/components/NSAccess.js +8 -0
  40. package/dist/components/NSAccess.js.map +1 -0
  41. package/dist/components/NSAccess.module.css +39 -0
  42. package/dist/components/NSActionMenu.js +2 -2
  43. package/dist/components/NSActionMenu.module.css +75 -75
  44. package/dist/components/NSAssistantButton.module.css +133 -133
  45. package/dist/components/NSBarAction.module.css +87 -87
  46. package/dist/components/NSBarHeroBanner.module.css +42 -42
  47. package/dist/components/NSBarNotification.module.css +34 -34
  48. package/dist/components/NSBarTitle.module.css +9 -9
  49. package/dist/components/NSBox.module.css +123 -123
  50. package/dist/components/NSBoxBoolean.d.ts +1 -1
  51. package/dist/components/NSBoxBoolean.js +9 -7
  52. package/dist/components/NSBoxBoolean.js.map +1 -1
  53. package/dist/components/NSBoxBoolean.module.css +74 -74
  54. package/dist/components/NSBoxCombo.d.ts +1 -1
  55. package/dist/components/NSBoxCombo.js +7 -5
  56. package/dist/components/NSBoxCombo.js.map +1 -1
  57. package/dist/components/NSBoxCombo.module.css +17 -17
  58. package/dist/components/NSBoxDate.d.ts +1 -1
  59. package/dist/components/NSBoxDate.js +7 -5
  60. package/dist/components/NSBoxDate.js.map +1 -1
  61. package/dist/components/NSBoxDate.module.css +39 -39
  62. package/dist/components/NSBoxDateTime.d.ts +1 -1
  63. package/dist/components/NSBoxDateTime.js +7 -5
  64. package/dist/components/NSBoxDateTime.js.map +1 -1
  65. package/dist/components/NSBoxDouble.d.ts +1 -1
  66. package/dist/components/NSBoxDouble.js +7 -5
  67. package/dist/components/NSBoxDouble.js.map +1 -1
  68. package/dist/components/NSBoxDuration.d.ts +1 -1
  69. package/dist/components/NSBoxDuration.js +7 -5
  70. package/dist/components/NSBoxDuration.js.map +1 -1
  71. package/dist/components/NSBoxEmail.d.ts +1 -1
  72. package/dist/components/NSBoxEmail.js +7 -5
  73. package/dist/components/NSBoxEmail.js.map +1 -1
  74. package/dist/components/NSBoxEntity.d.ts +1 -1
  75. package/dist/components/NSBoxEntity.js +7 -5
  76. package/dist/components/NSBoxEntity.js.map +1 -1
  77. package/dist/components/NSBoxEntity.module.css +25 -25
  78. package/dist/components/NSBoxErrorNotifier.module.css +2 -2
  79. package/dist/components/NSBoxIPV4.d.ts +1 -1
  80. package/dist/components/NSBoxIPV4.js +7 -5
  81. package/dist/components/NSBoxIPV4.js.map +1 -1
  82. package/dist/components/NSBoxIPV6.d.ts +1 -1
  83. package/dist/components/NSBoxIPV6.js +7 -5
  84. package/dist/components/NSBoxIPV6.js.map +1 -1
  85. package/dist/components/NSBoxInteger.d.ts +1 -1
  86. package/dist/components/NSBoxInteger.js +7 -5
  87. package/dist/components/NSBoxInteger.js.map +1 -1
  88. package/dist/components/NSBoxLabel.module.css +12 -12
  89. package/dist/components/NSBoxOTP.module.css +10 -10
  90. package/dist/components/NSBoxPassword.d.ts +1 -1
  91. package/dist/components/NSBoxPassword.js +7 -5
  92. package/dist/components/NSBoxPassword.js.map +1 -1
  93. package/dist/components/NSBoxPhone.d.ts +1 -1
  94. package/dist/components/NSBoxPhone.js +7 -5
  95. package/dist/components/NSBoxPhone.js.map +1 -1
  96. package/dist/components/NSBoxPrice.d.ts +1 -1
  97. package/dist/components/NSBoxPrice.js +7 -5
  98. package/dist/components/NSBoxPrice.js.map +1 -1
  99. package/dist/components/NSBoxSearch.d.ts +1 -1
  100. package/dist/components/NSBoxSearch.js +7 -5
  101. package/dist/components/NSBoxSearch.js.map +1 -1
  102. package/dist/components/NSBoxString.d.ts +1 -1
  103. package/dist/components/NSBoxString.js +7 -5
  104. package/dist/components/NSBoxString.js.map +1 -1
  105. package/dist/components/NSBoxText.d.ts +25 -0
  106. package/dist/components/NSBoxText.js +56 -0
  107. package/dist/components/NSBoxText.js.map +1 -0
  108. package/dist/components/NSBoxTextArea.d.ts +1 -1
  109. package/dist/components/NSBoxTextArea.js +7 -5
  110. package/dist/components/NSBoxTextArea.js.map +1 -1
  111. package/dist/components/NSBoxTextArea.module.css +76 -76
  112. package/dist/components/NSBoxTime.d.ts +1 -1
  113. package/dist/components/NSBoxTime.js +7 -5
  114. package/dist/components/NSBoxTime.js.map +1 -1
  115. package/dist/components/NSButton.module.css +27 -27
  116. package/dist/components/NSButtonBlue.module.css +4 -4
  117. package/dist/components/NSButtonGreen.module.css +4 -4
  118. package/dist/components/NSButtonRed.module.css +4 -4
  119. package/dist/components/NSCard.module.css +108 -108
  120. package/dist/components/NSCopyToClipboard.module.css +39 -39
  121. package/dist/components/NSDialog.module.css +36 -36
  122. package/dist/components/NSElectronicCard.module.css +60 -60
  123. package/dist/components/NSEntityBar.module.css +77 -77
  124. package/dist/components/NSEntityCardBackground.module.css +27 -27
  125. package/dist/components/NSFilterBox.module.css +47 -47
  126. package/dist/components/NSFilterBoxDialog.module.css +36 -36
  127. package/dist/components/NSFilterItem.module.css +23 -23
  128. package/dist/components/NSFooter.module.css +123 -123
  129. package/dist/components/NSGroupedList.module.css +72 -72
  130. package/dist/components/NSHeader.module.css +269 -269
  131. package/dist/components/NSInput.module.css +74 -0
  132. package/dist/components/NSInputDate.d.ts +21 -0
  133. package/dist/components/NSInputDate.js +41 -0
  134. package/dist/components/NSInputDate.js.map +1 -0
  135. package/dist/components/NSInputDate.module.css +42 -0
  136. package/dist/components/NSInputDuration.d.ts +23 -0
  137. package/dist/components/NSInputDuration.js +42 -0
  138. package/dist/components/NSInputDuration.js.map +1 -0
  139. package/dist/components/NSInputEmail.d.ts +22 -0
  140. package/dist/components/NSInputEmail.js +43 -0
  141. package/dist/components/NSInputEmail.js.map +1 -0
  142. package/dist/components/NSInputErrorNotifier.d.ts +5 -0
  143. package/dist/components/NSInputErrorNotifier.js +7 -0
  144. package/dist/components/NSInputErrorNotifier.js.map +1 -0
  145. package/dist/components/NSInputErrorNotifier.module.css +3 -0
  146. package/dist/components/NSInputFloat.d.ts +22 -0
  147. package/dist/components/NSInputFloat.js +41 -0
  148. package/dist/components/NSInputFloat.js.map +1 -0
  149. package/dist/components/NSInputIP.d.ts +22 -0
  150. package/dist/components/NSInputIP.js +43 -0
  151. package/dist/components/NSInputIP.js.map +1 -0
  152. package/dist/components/NSInputInteger.d.ts +22 -0
  153. package/dist/components/NSInputInteger.js +41 -0
  154. package/dist/components/NSInputInteger.js.map +1 -0
  155. package/dist/components/NSInputPassword.d.ts +22 -0
  156. package/dist/components/NSInputPassword.js +42 -0
  157. package/dist/components/NSInputPassword.js.map +1 -0
  158. package/dist/components/NSInputPhone.d.ts +22 -0
  159. package/dist/components/NSInputPhone.js +38 -0
  160. package/dist/components/NSInputPhone.js.map +1 -0
  161. package/dist/components/NSInputPrice.d.ts +22 -0
  162. package/dist/components/NSInputPrice.js +41 -0
  163. package/dist/components/NSInputPrice.js.map +1 -0
  164. package/dist/components/NSInputSearch.d.ts +22 -0
  165. package/dist/components/NSInputSearch.js +41 -0
  166. package/dist/components/NSInputSearch.js.map +1 -0
  167. package/dist/components/NSInputString.d.ts +22 -0
  168. package/dist/components/NSInputString.js +42 -0
  169. package/dist/components/NSInputString.js.map +1 -0
  170. package/dist/components/NSInputText.d.ts +22 -0
  171. package/dist/components/NSInputText.js +42 -0
  172. package/dist/components/NSInputText.js.map +1 -0
  173. package/dist/components/NSInputTime.d.ts +22 -0
  174. package/dist/components/NSInputTime.js +43 -0
  175. package/dist/components/NSInputTime.js.map +1 -0
  176. package/dist/components/NSLayout.module.css +13 -13
  177. package/dist/components/NSLayoutAction.d.ts +5 -0
  178. package/dist/components/NSLayoutAction.js +20 -0
  179. package/dist/components/NSLayoutAction.js.map +1 -0
  180. package/dist/components/NSLayoutAction.module.css +88 -0
  181. package/dist/components/NSLayoutHeroBanner.d.ts +2 -0
  182. package/dist/components/NSLayoutHeroBanner.js +8 -0
  183. package/dist/components/NSLayoutHeroBanner.js.map +1 -0
  184. package/dist/components/NSLayoutHeroBanner.module.css +43 -0
  185. package/dist/components/NSLayoutTitle.d.ts +2 -0
  186. package/dist/components/NSLayoutTitle.js +11 -0
  187. package/dist/components/NSLayoutTitle.js.map +1 -0
  188. package/dist/components/NSLayoutTitle.module.css +10 -0
  189. package/dist/components/NSLink.module.css +36 -36
  190. package/dist/components/NSLoading.module.css +29 -29
  191. package/dist/components/NSModal.d.ts +11 -0
  192. package/dist/components/NSModal.js +13 -0
  193. package/dist/components/NSModal.js.map +1 -0
  194. package/dist/components/NSModal.module.css +71 -0
  195. package/dist/components/NSNoData.module.css +8 -8
  196. package/dist/components/NSNotification.d.ts +21 -0
  197. package/dist/components/NSNotification.js +37 -0
  198. package/dist/components/NSNotification.js.map +1 -0
  199. package/dist/components/NSNotification.module.css +32 -0
  200. package/dist/components/NSPageSelectionModal.module.css +102 -102
  201. package/dist/components/NSPagination.module.css +101 -101
  202. package/dist/components/NSPanel.module.css +46 -46
  203. package/dist/components/NSPrintModal.d.ts +15 -0
  204. package/dist/components/NSPrintModal.js +35 -0
  205. package/dist/components/NSPrintModal.js.map +1 -0
  206. package/dist/components/NSPrintModal.module.css +82 -0
  207. package/dist/components/NSRadioButton.d.ts +1 -1
  208. package/dist/components/NSRadioButton.js +7 -5
  209. package/dist/components/NSRadioButton.js.map +1 -1
  210. package/dist/components/NSRadioButton.module.css +64 -64
  211. package/dist/components/NSRepeater.d.ts +2 -2
  212. package/dist/components/NSRepeater.js +4 -4
  213. package/dist/components/NSRepeater.js.map +1 -1
  214. package/dist/components/NSSection.module.css +10 -10
  215. package/dist/components/NSSectionBars.module.css +10 -10
  216. package/dist/components/NSSectionCards.module.css +38 -38
  217. package/dist/components/NSSelectBox.d.ts +24 -0
  218. package/dist/components/NSSelectBox.js +61 -0
  219. package/dist/components/NSSelectBox.js.map +1 -0
  220. package/dist/components/NSSelectBox.module.css +42 -0
  221. package/dist/components/NSTabPage.module.css +57 -57
  222. package/dist/components/NSTable.module.css +273 -273
  223. package/dist/components/NSTag.d.ts +19 -1
  224. package/dist/components/NSTag.js +41 -7
  225. package/dist/components/NSTag.js.map +1 -1
  226. package/dist/components/NSTag.module.css +44 -44
  227. package/dist/components/NSTitle.module.css +15 -15
  228. package/dist/components/NSVerification.module.css +22 -22
  229. package/dist/formatter/AnyFormatter.d.ts +5 -0
  230. package/dist/formatter/AnyFormatter.js +10 -0
  231. package/dist/formatter/AnyFormatter.js.map +1 -0
  232. package/dist/formatter/PresentFormatter.d.ts +7 -0
  233. package/dist/formatter/PresentFormatter.js +17 -0
  234. package/dist/formatter/PresentFormatter.js.map +1 -0
  235. package/dist/index.css +6 -0
  236. package/dist/pages/NSLoginPage.d.ts +6 -0
  237. package/dist/pages/NSLoginPage.js +8 -0
  238. package/dist/pages/NSLoginPage.js.map +1 -0
  239. package/dist/pages/NSLoginPage.module.css +20 -0
  240. package/dist/pages/NSNotFoundPage.module.css +18 -18
  241. package/dist/props/BaseComponentProps.d.ts +6 -0
  242. package/dist/props/BaseComponentProps.js +2 -0
  243. package/dist/props/BaseComponentProps.js.map +10 -0
  244. package/dist/props/INamirasoftProps.d.ts +4 -0
  245. package/dist/props/INamirasoftProps.js +2 -0
  246. package/dist/props/INamirasoftProps.js.map +1 -0
  247. package/dist/props/ImageProps.d.ts +4 -0
  248. package/dist/props/ImageProps.js +2 -0
  249. package/dist/props/ImageProps.js.map +10 -0
  250. package/dist/props/LinkProps.d.ts +5 -0
  251. package/dist/props/LinkProps.js +2 -0
  252. package/dist/props/LinkProps.js.map +10 -0
  253. package/dist/props/ValidationNumberProps.d.ts +4 -0
  254. package/dist/props/ValidationNumberProps.js +2 -0
  255. package/dist/props/ValidationNumberProps.js.map +10 -0
  256. package/dist/props/ValidationProps.d.ts +6 -0
  257. package/dist/props/ValidationProps.js +2 -0
  258. package/dist/props/ValidationProps.js.map +10 -0
  259. package/dist/props/ValidationRegexProps.d.ts +4 -0
  260. package/dist/props/ValidationRegexProps.js +2 -0
  261. package/dist/props/ValidationRegexProps.js.map +1 -0
  262. package/dist/props/ValidationStringProps.d.ts +4 -0
  263. package/dist/props/ValidationStringProps.js +2 -0
  264. package/dist/props/ValidationStringProps.js.map +10 -0
  265. package/package.json +68 -68
  266. package/public/index.html +38 -38
  267. package/src/App.css +16 -16
  268. package/src/App.tsx +153 -151
  269. package/src/CopyToClipboard.ts +6 -6
  270. package/src/Validator.ts +113 -113
  271. package/src/assets/images/404 image.svg +9 -9
  272. package/src/assets/images/404 image_mobile.svg +9 -9
  273. package/src/assets/images/arrow.svg +3 -3
  274. package/src/assets/images/danger.svg +3 -3
  275. package/src/assets/images/exit.svg +3 -3
  276. package/src/assets/images/icon-input-copy.svg +3 -3
  277. package/src/assets/images/icon-input-date.svg +9 -9
  278. package/src/assets/images/icon-input-duration.svg +9 -9
  279. package/src/assets/images/icon-input-email.svg +9 -9
  280. package/src/assets/images/icon-input-float.svg +9 -9
  281. package/src/assets/images/icon-input-integer.svg +9 -9
  282. package/src/assets/images/icon-input-ip.svg +9 -9
  283. package/src/assets/images/icon-input-phone.svg +9 -9
  284. package/src/assets/images/icon-input-price.svg +9 -9
  285. package/src/assets/images/icon-input-search.svg +3 -3
  286. package/src/assets/images/icon-input-string.svg +9 -9
  287. package/src/assets/images/icon-input-text.svg +9 -9
  288. package/src/assets/images/icon-input-time.svg +9 -9
  289. package/src/assets/images/icon-select-box.svg +3 -3
  290. package/src/assets/images/logo.svg +9 -9
  291. package/src/assets/images/menu.svg +3 -3
  292. package/src/assets/images/namira.svg +9 -9
  293. package/src/assets/images/rectangle.svg +3 -3
  294. package/src/components/NSActionMenu.module.css +75 -75
  295. package/src/components/NSActionMenu.tsx +89 -89
  296. package/src/components/NSAssistantButton.module.css +133 -133
  297. package/src/components/NSAssistantButton.tsx +74 -74
  298. package/src/components/NSBarAction.module.css +87 -87
  299. package/src/components/NSBarAction.tsx +90 -90
  300. package/src/components/NSBarHeroBanner.module.css +42 -42
  301. package/src/components/NSBarHeroBanner.tsx +61 -61
  302. package/src/components/NSBarNotification.module.css +34 -34
  303. package/src/components/NSBarNotification.tsx +85 -85
  304. package/src/components/NSBarTitle.module.css +9 -9
  305. package/src/components/NSBarTitle.tsx +28 -28
  306. package/src/components/NSBox.module.css +123 -123
  307. package/src/components/NSBoxBoolean.module.css +74 -74
  308. package/src/components/NSBoxBoolean.tsx +109 -106
  309. package/src/components/NSBoxCombo.module.css +17 -17
  310. package/src/components/NSBoxCombo.tsx +135 -132
  311. package/src/components/NSBoxDate.module.css +39 -39
  312. package/src/components/NSBoxDate.tsx +86 -83
  313. package/src/components/NSBoxDateTime.tsx +86 -83
  314. package/src/components/NSBoxDouble.tsx +91 -88
  315. package/src/components/NSBoxDuration.tsx +91 -88
  316. package/src/components/NSBoxEmail.tsx +107 -104
  317. package/src/components/NSBoxEntity.module.css +25 -25
  318. package/src/components/NSBoxEntity.tsx +181 -178
  319. package/src/components/NSBoxEnum.tsx +56 -56
  320. package/src/components/NSBoxErrorNotifier.module.css +2 -2
  321. package/src/components/NSBoxErrorNotifier.tsx +33 -33
  322. package/src/components/NSBoxIPV4.tsx +96 -93
  323. package/src/components/NSBoxIPV6.tsx +93 -90
  324. package/src/components/NSBoxInteger.tsx +89 -86
  325. package/src/components/NSBoxLabel.module.css +12 -12
  326. package/src/components/NSBoxLabel.tsx +29 -29
  327. package/src/components/NSBoxOTP.module.css +10 -10
  328. package/src/components/NSBoxOTP.tsx +65 -65
  329. package/src/components/NSBoxPassword.tsx +89 -86
  330. package/src/components/NSBoxPhone.tsx +91 -88
  331. package/src/components/NSBoxPrice.tsx +91 -88
  332. package/src/components/NSBoxSearch.tsx +106 -103
  333. package/src/components/NSBoxString.tsx +106 -103
  334. package/src/components/NSBoxTextArea.module.css +76 -76
  335. package/src/components/NSBoxTextArea.tsx +109 -106
  336. package/src/components/NSBoxTime.tsx +91 -88
  337. package/src/components/NSButton.module.css +27 -27
  338. package/src/components/NSButton.tsx +23 -23
  339. package/src/components/NSButtonBlue.module.css +4 -4
  340. package/src/components/NSButtonBlue.tsx +12 -12
  341. package/src/components/NSButtonGreen.module.css +4 -4
  342. package/src/components/NSButtonGreen.tsx +11 -11
  343. package/src/components/NSButtonRed.module.css +4 -4
  344. package/src/components/NSButtonRed.tsx +11 -11
  345. package/src/components/NSCard.module.css +108 -108
  346. package/src/components/NSCard.tsx +71 -71
  347. package/src/components/NSCopyToClipboard.module.css +39 -39
  348. package/src/components/NSCopyToClipboard.tsx +35 -35
  349. package/src/components/NSDeleteDialog.tsx +25 -25
  350. package/src/components/NSDialog.module.css +36 -36
  351. package/src/components/NSDialog.tsx +47 -47
  352. package/src/components/NSElectronicCard.module.css +60 -60
  353. package/src/components/NSElectronicCard.tsx +47 -47
  354. package/src/components/NSEntityBar.module.css +77 -77
  355. package/src/components/NSEntityBar.tsx +27 -27
  356. package/src/components/NSEntityCardBackground.module.css +27 -27
  357. package/src/components/NSEntityCardBackground.tsx +34 -34
  358. package/src/components/NSFilterBox.module.css +47 -47
  359. package/src/components/NSFilterBox.tsx +373 -373
  360. package/src/components/NSFilterBoxDialog.module.css +36 -36
  361. package/src/components/NSFilterBoxDialog.tsx +74 -74
  362. package/src/components/NSFilterItem.module.css +23 -23
  363. package/src/components/NSFilterItem.tsx +72 -72
  364. package/src/components/NSFooter.module.css +123 -123
  365. package/src/components/NSFooter.tsx +199 -199
  366. package/src/components/NSGroupedList.module.css +72 -72
  367. package/src/components/NSGroupedList.tsx +107 -107
  368. package/src/components/NSHeader.module.css +269 -269
  369. package/src/components/NSHeader.tsx +236 -236
  370. package/src/components/NSInfoDialog.tsx +35 -35
  371. package/src/components/NSLayout.module.css +13 -13
  372. package/src/components/NSLayout.tsx +87 -87
  373. package/src/components/NSLine.tsx +18 -18
  374. package/src/components/NSLink.module.css +36 -36
  375. package/src/components/NSLink.tsx +25 -25
  376. package/src/components/NSLinkBlue.tsx +20 -20
  377. package/src/components/NSLinkGreen.tsx +5 -5
  378. package/src/components/NSLinkRed.tsx +5 -5
  379. package/src/components/NSLoading.module.css +29 -29
  380. package/src/components/NSLoading.tsx +19 -19
  381. package/src/components/NSNoData.module.css +8 -8
  382. package/src/components/NSNoData.tsx +24 -24
  383. package/src/components/NSPageSelectionModal.module.css +102 -102
  384. package/src/components/NSPageSelectionModal.tsx +229 -229
  385. package/src/components/NSPagination.module.css +101 -101
  386. package/src/components/NSPagination.tsx +189 -189
  387. package/src/components/NSPanel.module.css +46 -46
  388. package/src/components/NSPanel.tsx +19 -19
  389. package/src/components/NSProductList.tsx +40 -40
  390. package/src/components/NSRadioButton.module.css +64 -64
  391. package/src/components/NSRadioButton.tsx +104 -101
  392. package/src/components/NSRepeater.tsx +175 -175
  393. package/src/components/NSSection.module.css +10 -10
  394. package/src/components/NSSection.tsx +23 -23
  395. package/src/components/NSSectionBars.module.css +10 -10
  396. package/src/components/NSSectionBars.tsx +25 -25
  397. package/src/components/NSSectionCards.module.css +38 -38
  398. package/src/components/NSSectionCards.tsx +51 -51
  399. package/src/components/NSSectionTitle.tsx +21 -21
  400. package/src/components/NSSpace.tsx +28 -28
  401. package/src/components/NSTabPage.module.css +57 -57
  402. package/src/components/NSTabPage.tsx +53 -53
  403. package/src/components/NSTable.module.css +273 -273
  404. package/src/components/NSTable.tsx +413 -413
  405. package/src/components/NSTag.module.css +44 -44
  406. package/src/components/NSTag.tsx +74 -49
  407. package/src/components/NSTitle.module.css +15 -15
  408. package/src/components/NSTitle.tsx +19 -19
  409. package/src/components/NSVerification.module.css +22 -22
  410. package/src/components/NSVerification.tsx +41 -41
  411. package/src/formatter/BackColorFormatter.tsx +20 -20
  412. package/src/formatter/BaseColumnFormatter.ts +14 -14
  413. package/src/formatter/BooleanFormatter.ts +20 -20
  414. package/src/formatter/DateFormatter.ts +16 -16
  415. package/src/formatter/DateTimeFormatter.ts +20 -20
  416. package/src/formatter/DurationFormatter.ts +8 -8
  417. package/src/formatter/EmailFormatter.ts +8 -8
  418. package/src/formatter/EnumFormatter.ts +8 -8
  419. package/src/formatter/FloatFormatter.ts +8 -8
  420. package/src/formatter/ForeColorFormatter.tsx +20 -20
  421. package/src/formatter/ForeignIDFormatter.ts +8 -8
  422. package/src/formatter/IDFormatter.ts +8 -8
  423. package/src/formatter/IPFormatter.ts +8 -8
  424. package/src/formatter/IntegerFormatter.ts +8 -8
  425. package/src/formatter/JsonFormatter.ts +8 -8
  426. package/src/formatter/MoneyFormatter.ts +8 -8
  427. package/src/formatter/PhoneFormatter.ts +8 -8
  428. package/src/formatter/StringFormatter.ts +8 -8
  429. package/src/formatter/TimeFormatter.ts +16 -16
  430. package/src/formatter/UnknowFormatter.ts +8 -8
  431. package/src/index.tsx +7 -7
  432. package/src/main.ts +103 -103
  433. package/src/pages/NSNotFoundPage.module.css +18 -18
  434. package/src/pages/NSNotFoundPage.tsx +11 -11
  435. package/src/props/IBaseComponentProps.ts +8 -8
  436. package/src/props/IHeaderIconProps.ts +10 -10
  437. package/src/props/IHeaderProps.ts +6 -6
  438. package/src/props/IImageProps.ts +4 -4
  439. package/src/props/ILinkProps.ts +5 -5
  440. package/src/props/IValidationNumberProps.ts +4 -4
  441. package/src/props/IValidationProps.ts +7 -7
  442. package/src/props/IValidationRegexProps.ts +4 -4
  443. package/src/props/IValidationStringProps.ts +4 -4
  444. package/src/routing/INSRouterMaker.ts +6 -6
  445. package/src/routing/INSRouterProps.ts +5 -5
  446. package/src/routing/INSRouterState.ts +5 -5
  447. package/src/routing/NSRouterMaker.tsx +33 -33
  448. package/src/routing/Notifier.ts +79 -79
  449. 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,152 +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 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<NSBoxString, string>
92
- createItem={(index, ref, onChange, onDelete) =>
93
- {
94
- return <NSBoxString id={"box" + index} ref={ref} required={false} title={(index + 1) + ""} onChanged={() =>
95
- {
96
- if (ref.current?.getValue() === "del")
97
- onDelete(index);
98
- else
99
- onChange(index);
100
- }} />;
101
- }}
102
- getValue={item => item.getValue()}
103
- isEmpty={value => value === ""}
104
- updateItem={(item, index, value) =>
105
- {
106
- if (index > 0)
107
- if (value)
108
- item.setValue(value);
109
- }}
110
- onValuesChanged={values =>
111
- {
112
- console.log(values)
113
- }}
114
- />
115
- </NSPanel>
116
- <>
117
- <NSTabPage tabs={tabs} />
118
- <NSSpace size={NSSpaceSizeType.SMALL} />
119
- <NSPagination totalItems={100} onPageChange={() => { }} />
120
- </>
121
- <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} />
122
- <NSBoxEmail title='Email' required />
123
- <NSBoxString title='String' required />
124
- <NSRadioButton title={"Radio Button"} required={false} />
125
- <NSSpace size={NSSpaceSizeType.LARGE} />
126
- <NSBoxBoolean defaultValue={true} title='' required />
127
- <NSButton title='Clear Filters' onClick={() => window.location.reload()} style={{ width: "136px", border: "2px solid #001664" }} />
128
- <NSTag />
129
- <NSNoData lable="No New Message" />
130
- <div className="d-flex flex-row gap-2 w-100">
131
- <NSBoxString title="Name" required />
132
- <NSBoxEnum options={[]} required title='Notification_sender_topic_id' multiple />
133
- <NSBoxEmail title="Name" required />
134
- <NSBoxSearch title="Name" required />
135
- </div>
136
- <NSSpace size={NSSpaceSizeType.MEDUIM} />
137
- <NSBoxBoolean title='CheckBox' required />
138
- <NSEntityBar title='' description='' image={{ src: "" }} />
139
- {
140
- state &&
141
- <NSDialog
142
-
143
- onClose={() => { setState(false) }}>
144
- <div>
145
- </div>
146
- </NSDialog>
147
- }
148
- <NSBoxBoolean required={false} title='' />
149
- </NSLayout>
150
- </>
151
- );
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
+ );
152
154
  }
package/src/CopyToClipboard.ts CHANGED
@@ -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
  };