namirasoft-site-react 1.4.133 → 1.4.134

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 (507) hide show
  1. package/.dockerignore +86 -86
  2. package/.env.template +10 -10
  3. package/Dockerfile +18 -18
  4. package/config-overrides.js +72 -72
  5. package/dist/App.d.ts +0 -6
  6. package/dist/App.js +44 -174
  7. package/dist/App.js.map +1 -1
  8. package/dist/Validator.d.ts +2 -1
  9. package/dist/Validator.js +16 -8
  10. package/dist/Validator.js.map +1 -1
  11. package/dist/components/NSBarAction.d.ts +4 -4
  12. package/dist/components/NSBarAction.js +3 -3
  13. package/dist/components/NSBarAction.js.map +1 -1
  14. package/dist/components/NSBarAction.module.css +97 -97
  15. package/dist/components/NSBarAlert.d.ts +5 -5
  16. package/dist/components/NSBarAlert.js +1 -1
  17. package/dist/components/NSBarAlert.js.map +1 -1
  18. package/dist/components/NSBarAlert.module.css +69 -69
  19. package/dist/components/NSBarNotification.d.ts +3 -3
  20. package/dist/components/NSBarNotification.js +1 -1
  21. package/dist/components/NSBarNotification.js.map +1 -1
  22. package/dist/components/NSBarNotification.module.css +34 -34
  23. package/dist/components/NSBarTitle.d.ts +2 -2
  24. package/dist/components/NSBarTitle.js.map +1 -1
  25. package/dist/components/NSBarTitle.module.css +9 -9
  26. package/dist/components/NSBox.module.css +50 -126
  27. package/dist/components/NSBoxBaseCombo.d.ts +58 -0
  28. package/dist/components/NSBoxBaseCombo.js +163 -0
  29. package/dist/components/NSBoxBaseCombo.js.map +1 -0
  30. package/dist/components/{NSBoxCombo.module.css → NSBoxBaseCombo.module.css} +6 -6
  31. package/dist/components/NSBoxBoolean.d.ts +5 -6
  32. package/dist/components/NSBoxBoolean.js +6 -3
  33. package/dist/components/NSBoxBoolean.js.map +1 -1
  34. package/dist/components/NSBoxBoolean.module.css +67 -88
  35. package/dist/components/NSBoxCombo.d.ts +6 -25
  36. package/dist/components/NSBoxCombo.js +31 -61
  37. package/dist/components/NSBoxCombo.js.map +1 -1
  38. package/dist/components/NSBoxDate.d.ts +5 -4
  39. package/dist/components/NSBoxDate.js +11 -4
  40. package/dist/components/NSBoxDate.js.map +1 -1
  41. package/dist/components/NSBoxDate.module.css +4 -56
  42. package/dist/components/NSBoxDateTime.d.ts +5 -4
  43. package/dist/components/NSBoxDateTime.js +11 -5
  44. package/dist/components/NSBoxDateTime.js.map +1 -1
  45. package/dist/components/NSBoxDateTime.module.css +4 -51
  46. package/dist/components/NSBoxDouble.d.ts +4 -4
  47. package/dist/components/NSBoxDouble.js +9 -4
  48. package/dist/components/NSBoxDouble.js.map +1 -1
  49. package/dist/components/NSBoxDuration.d.ts +5 -4
  50. package/dist/components/NSBoxDuration.js +11 -4
  51. package/dist/components/NSBoxDuration.js.map +1 -1
  52. package/dist/components/NSBoxDuration.module.css +5 -0
  53. package/dist/components/NSBoxEmail.d.ts +6 -7
  54. package/dist/components/NSBoxEmail.js +18 -11
  55. package/dist/components/NSBoxEmail.js.map +1 -1
  56. package/dist/components/NSBoxEntity.d.ts +10 -44
  57. package/dist/components/NSBoxEntity.js +19 -92
  58. package/dist/components/NSBoxEntity.js.map +1 -1
  59. package/dist/components/NSBoxEnum.d.ts +12 -9
  60. package/dist/components/NSBoxEnum.js +29 -20
  61. package/dist/components/NSBoxEnum.js.map +1 -1
  62. package/dist/components/NSBoxFile.d.ts +9 -14
  63. package/dist/components/NSBoxFile.js +33 -47
  64. package/dist/components/NSBoxFile.js.map +1 -1
  65. package/dist/components/NSBoxFile.module.css +10 -4
  66. package/dist/components/NSBoxIPV4.d.ts +4 -4
  67. package/dist/components/NSBoxIPV4.js +12 -6
  68. package/dist/components/NSBoxIPV4.js.map +1 -1
  69. package/dist/components/NSBoxIPV6.d.ts +4 -4
  70. package/dist/components/NSBoxIPV6.js +11 -6
  71. package/dist/components/NSBoxIPV6.js.map +1 -1
  72. package/dist/components/NSBoxInteger.d.ts +4 -4
  73. package/dist/components/NSBoxInteger.js +9 -4
  74. package/dist/components/NSBoxInteger.js.map +1 -1
  75. package/dist/components/{NSBoxPrice.d.ts → NSBoxMoney.d.ts} +7 -7
  76. package/dist/components/NSBoxMoney.js +50 -0
  77. package/dist/components/NSBoxMoney.js.map +1 -0
  78. package/dist/components/NSBoxPassword.d.ts +5 -4
  79. package/dist/components/NSBoxPassword.js +18 -5
  80. package/dist/components/NSBoxPassword.js.map +1 -1
  81. package/dist/components/NSBoxPhone.d.ts +7 -8
  82. package/dist/components/NSBoxPhone.js +30 -20
  83. package/dist/components/NSBoxPhone.js.map +1 -1
  84. package/dist/components/NSBoxPhone.module.css +36 -0
  85. package/dist/components/NSBoxRadio.d.ts +5 -6
  86. package/dist/components/NSBoxRadio.js +3 -3
  87. package/dist/components/NSBoxRadio.js.map +1 -1
  88. package/dist/components/NSBoxRadio.module.css +69 -70
  89. package/dist/components/NSBoxSearch.d.ts +4 -6
  90. package/dist/components/NSBoxSearch.js +9 -14
  91. package/dist/components/NSBoxSearch.js.map +1 -1
  92. package/dist/components/NSBoxString.d.ts +4 -6
  93. package/dist/components/NSBoxString.js +10 -10
  94. package/dist/components/NSBoxString.js.map +1 -1
  95. package/dist/components/NSBoxTextArea.d.ts +4 -6
  96. package/dist/components/NSBoxTextArea.js +9 -12
  97. package/dist/components/NSBoxTextArea.js.map +1 -1
  98. package/dist/components/NSBoxTextArea.module.css +45 -83
  99. package/dist/components/NSBoxTime.d.ts +5 -4
  100. package/dist/components/NSBoxTime.js +11 -4
  101. package/dist/components/NSBoxTime.js.map +1 -1
  102. package/dist/components/NSBoxTime.module.css +5 -0
  103. package/dist/components/NSButton.d.ts +2 -2
  104. package/dist/components/NSButton.js.map +1 -1
  105. package/dist/components/NSButton.module.css +42 -42
  106. package/dist/components/NSButtonBlue.d.ts +2 -2
  107. package/dist/components/NSButtonBlue.js.map +1 -1
  108. package/dist/components/NSButtonBlue.module.css +4 -4
  109. package/dist/components/NSButtonGreen.d.ts +2 -2
  110. package/dist/components/NSButtonGreen.js.map +1 -1
  111. package/dist/components/NSButtonGreen.module.css +4 -4
  112. package/dist/components/NSButtonRed.d.ts +2 -2
  113. package/dist/components/NSButtonRed.js.map +1 -1
  114. package/dist/components/NSButtonRed.module.css +4 -4
  115. package/dist/components/NSCard.d.ts +2 -2
  116. package/dist/components/NSCard.js.map +1 -1
  117. package/dist/components/NSCard.module.css +114 -114
  118. package/dist/components/NSCardScreenshot.module.css +41 -41
  119. package/dist/components/NSChartColumn.module.css +7 -7
  120. package/dist/components/NSChartRange.d.ts +2 -2
  121. package/dist/components/NSChartRange.js.map +1 -1
  122. package/dist/components/NSChartTable.module.css +21 -21
  123. package/dist/components/NSCopyBox.d.ts +7 -0
  124. package/dist/components/{NSBoxCopy.js → NSCopyBox.js} +3 -3
  125. package/dist/components/{NSBoxCopy.js.map → NSCopyBox.js.map} +1 -1
  126. package/{src/components/NSBoxCopy.module.css → dist/components/NSCopyBox.module.css} +43 -43
  127. package/dist/components/NSDialog.module.css +106 -106
  128. package/dist/components/NSDialogDelete.d.ts +6 -0
  129. package/dist/components/{NSDeleteDialog.js → NSDialogDelete.js} +4 -4
  130. package/dist/components/NSDialogDelete.js.map +1 -0
  131. package/dist/components/{NSInfoDialog.d.ts → NSDialogInfo.d.ts} +2 -2
  132. package/dist/components/{NSInfoDialog.js → NSDialogInfo.js} +2 -2
  133. package/dist/components/{NSInfoDialog.js.map → NSDialogInfo.js.map} +1 -1
  134. package/dist/components/{NSPageSelectionModal.d.ts → NSDialogPageSelection.d.ts} +4 -4
  135. package/dist/components/{NSPageSelectionModal.js → NSDialogPageSelection.js} +4 -4
  136. package/dist/components/NSDialogPageSelection.js.map +1 -0
  137. package/dist/components/{NSPageSelectionModal.module.css → NSDialogPageSelection.module.css} +103 -103
  138. package/dist/components/NSDownTimer.module.css +55 -55
  139. package/dist/components/NSDownload.js.map +1 -1
  140. package/dist/components/NSDownload.module.css +46 -46
  141. package/dist/components/NSElectronicCard.d.ts +2 -2
  142. package/dist/components/NSElectronicCard.js.map +1 -1
  143. package/dist/components/NSElectronicCard.module.css +60 -60
  144. package/dist/components/NSEntityCardBackground.d.ts +2 -2
  145. package/dist/components/NSEntityCardBackground.js.map +1 -1
  146. package/dist/components/NSEntityCardBackground.module.css +27 -27
  147. package/dist/components/NSFilterBox.d.ts +13 -13
  148. package/dist/components/NSFilterBox.js +4 -4
  149. package/dist/components/NSFilterBox.js.map +1 -1
  150. package/dist/components/NSFilterBox.module.css +62 -62
  151. package/dist/components/NSFilterBoxDialog.js +1 -1
  152. package/dist/components/NSFilterBoxDialog.js.map +1 -1
  153. package/dist/components/NSFilterBoxDialog.module.css +36 -36
  154. package/dist/components/NSFilterItem.module.css +23 -23
  155. package/dist/components/NSFooter.d.ts +3 -3
  156. package/dist/components/NSFooter.js +4 -4
  157. package/dist/components/NSFooter.js.map +1 -1
  158. package/dist/components/NSFooter.module.css +123 -123
  159. package/dist/components/NSHeader.d.ts +3 -3
  160. package/dist/components/NSHeader.js +3 -3
  161. package/dist/components/NSHeader.js.map +1 -1
  162. package/dist/components/NSHeader.module.css +291 -291
  163. package/dist/components/NSHeaderScreenshot.d.ts +2 -2
  164. package/dist/components/NSHeaderScreenshot.js.map +1 -1
  165. package/dist/components/NSHeaderScreenshot.module.css +35 -35
  166. package/dist/components/{NSBoxLabel.d.ts → NSLabel.d.ts} +3 -3
  167. package/dist/components/NSLabel.js +11 -0
  168. package/dist/components/NSLabel.js.map +1 -0
  169. package/{src/components/NSBoxLabel.module.css → dist/components/NSLabel.module.css} +15 -14
  170. package/dist/components/NSLabelErrorNotifier.d.ts +6 -0
  171. package/dist/components/{NSBoxErrorNotifier.js → NSLabelErrorNotifier.js} +3 -3
  172. package/dist/components/NSLabelErrorNotifier.js.map +1 -0
  173. package/dist/components/{NSBoxErrorNotifier.module.css → NSLabelErrorNotifier.module.css} +2 -2
  174. package/dist/components/NSLayout.d.ts +10 -12
  175. package/dist/components/NSLayout.js +2 -4
  176. package/dist/components/NSLayout.js.map +1 -1
  177. package/dist/components/NSLayout.module.css +13 -13
  178. package/dist/components/NSLine.module.css +12 -12
  179. package/dist/components/NSLink.d.ts +2 -2
  180. package/dist/components/NSLink.js.map +1 -1
  181. package/dist/components/NSLink.module.css +36 -36
  182. package/dist/components/NSLinkBlue.d.ts +2 -2
  183. package/dist/components/NSLinkBlue.js.map +1 -1
  184. package/dist/components/NSLinkGreen.d.ts +2 -2
  185. package/dist/components/NSLinkGreen.js.map +1 -1
  186. package/dist/components/NSLinkRed.d.ts +2 -2
  187. package/dist/components/NSLinkRed.js.map +1 -1
  188. package/dist/components/{NSGroupedList.d.ts → NSListGrouped.d.ts} +8 -8
  189. package/dist/components/NSListGrouped.js +40 -0
  190. package/dist/components/{NSGroupedList.js.map → NSListGrouped.js.map} +1 -1
  191. package/dist/components/{NSGroupedList.module.css → NSListGrouped.module.css} +72 -72
  192. package/dist/components/{NSProductList.d.ts → NSListProduct.d.ts} +2 -2
  193. package/dist/components/{NSProductList.js → NSListProduct.js} +2 -2
  194. package/dist/components/{NSProductList.js.map → NSListProduct.js.map} +1 -1
  195. package/dist/components/NSLoading.d.ts +2 -2
  196. package/dist/components/NSLoading.js.map +1 -1
  197. package/dist/components/NSLoading.module.css +30 -30
  198. package/dist/components/{NSActionMenu.d.ts → NSMenuAction.d.ts} +4 -4
  199. package/dist/components/{NSActionMenu.js → NSMenuAction.js} +5 -5
  200. package/dist/components/{NSActionMenu.js.map → NSMenuAction.js.map} +1 -1
  201. package/{src/components/NSActionMenu.module.css → dist/components/NSMenuAction.module.css} +100 -101
  202. package/dist/components/NSMenuButton.d.ts +18 -0
  203. package/dist/components/NSMenuButton.js +42 -0
  204. package/dist/components/NSMenuButton.js.map +1 -0
  205. package/{src/components/NSAssistantButton.module.css → dist/components/NSMenuButton.module.css} +124 -135
  206. package/dist/components/NSNoData.d.ts +2 -2
  207. package/dist/components/NSNoData.js.map +1 -1
  208. package/dist/components/NSNoData.module.css +9 -9
  209. package/dist/components/NSPagination.d.ts +4 -4
  210. package/dist/components/NSPagination.js +2 -2
  211. package/dist/components/NSPagination.js.map +1 -1
  212. package/dist/components/NSPagination.module.css +110 -110
  213. package/dist/components/NSPanel.module.css +46 -46
  214. package/dist/components/{NSAccordion.d.ts → NSPanelAccordion.d.ts} +2 -2
  215. package/dist/components/{NSAccordion.js → NSPanelAccordion.js} +5 -5
  216. package/dist/components/NSPanelAccordion.js.map +1 -0
  217. package/dist/components/{NSAccordion.module.css → NSPanelAccordion.module.css} +4 -4
  218. package/dist/components/NSRange.d.ts +2 -2
  219. package/dist/components/NSRange.js.map +1 -1
  220. package/dist/components/NSRange.module.css +66 -66
  221. package/dist/components/NSSection.d.ts +2 -2
  222. package/dist/components/NSSection.js.map +1 -1
  223. package/dist/components/NSSection.module.css +10 -10
  224. package/dist/components/NSSectionCards.d.ts +4 -4
  225. package/dist/components/NSSectionCards.js.map +1 -1
  226. package/dist/components/NSSectionCards.module.css +38 -38
  227. package/dist/components/NSSectionTiles.d.ts +7 -0
  228. package/dist/components/NSSectionTiles.js +10 -0
  229. package/dist/components/NSSectionTiles.js.map +1 -0
  230. package/dist/components/{NSSectionBars.module.css → NSSectionTiles.module.css} +10 -10
  231. package/dist/components/NSSectionTitle.d.ts +2 -2
  232. package/dist/components/NSSectionTitle.js.map +1 -1
  233. package/dist/components/NSSpace.d.ts +2 -2
  234. package/dist/components/NSSpace.js.map +1 -1
  235. package/dist/components/NSTabPage.js +2 -1
  236. package/dist/components/NSTabPage.js.map +1 -1
  237. package/dist/components/NSTabPage.module.css +59 -59
  238. package/dist/components/NSTable.d.ts +3 -3
  239. package/dist/components/NSTable.js +6 -6
  240. package/dist/components/NSTable.js.map +1 -1
  241. package/dist/components/NSTable.module.css +260 -260
  242. package/dist/components/NSTag.js +2 -2
  243. package/dist/components/NSTag.js.map +1 -1
  244. package/dist/components/NSTag.module.css +52 -52
  245. package/dist/components/{NSEntityBar.d.ts → NSTile.d.ts} +2 -2
  246. package/dist/components/{NSEntityBar.js → NSTile.js} +3 -3
  247. package/dist/components/NSTile.js.map +1 -0
  248. package/{src/components/NSEntityBar.module.css → dist/components/NSTile.module.css} +77 -77
  249. package/dist/components/NSTimelineMonthly.d.ts +2 -2
  250. package/dist/components/NSTimelineMonthly.js.map +1 -1
  251. package/dist/components/NSTimelineMonthly.module.css +71 -71
  252. package/dist/components/NSTitle.d.ts +2 -2
  253. package/dist/components/NSTitle.js.map +1 -1
  254. package/dist/components/NSTitle.module.css +15 -15
  255. package/dist/main.d.ts +21 -26
  256. package/dist/main.js +21 -26
  257. package/dist/main.js.map +1 -1
  258. package/dist/pages/NSNotFoundPage.module.css +17 -17
  259. package/dist/pages/NSUpdating.module.css +35 -35
  260. package/dist/routing/INSRouterState.d.ts +2 -2
  261. package/dist/routing/Notifier.d.ts +2 -2
  262. package/dist/routing/Notifier.js.map +1 -1
  263. package/package.json +76 -75
  264. package/public/index.html +38 -38
  265. package/src/App.css +33 -57
  266. package/src/App.tsx +191 -377
  267. package/src/Color.tsx +10 -10
  268. package/src/CopyToClipboard.ts +6 -6
  269. package/src/Validator.ts +125 -117
  270. package/src/components/NSBarAction.module.css +97 -97
  271. package/src/components/NSBarAction.tsx +89 -89
  272. package/src/components/NSBarAlert.module.css +69 -69
  273. package/src/components/NSBarAlert.tsx +30 -30
  274. package/src/components/NSBarNotification.module.css +34 -34
  275. package/src/components/NSBarNotification.tsx +89 -87
  276. package/src/components/NSBarTitle.module.css +9 -9
  277. package/src/components/NSBarTitle.tsx +29 -29
  278. package/src/components/NSBox.module.css +50 -126
  279. package/src/components/{NSBoxCombo.module.css → NSBoxBaseCombo.module.css} +6 -6
  280. package/src/components/NSBoxBaseCombo.tsx +268 -0
  281. package/src/components/NSBoxBoolean.module.css +67 -88
  282. package/src/components/NSBoxBoolean.tsx +131 -124
  283. package/src/components/NSBoxBooleans.tsx +159 -159
  284. package/src/components/NSBoxCombo.tsx +61 -151
  285. package/src/components/NSBoxDate.module.css +4 -56
  286. package/src/components/NSBoxDate.tsx +101 -88
  287. package/src/components/NSBoxDateTime.module.css +4 -51
  288. package/src/components/NSBoxDateTime.tsx +101 -89
  289. package/src/components/NSBoxDouble.tsx +104 -92
  290. package/src/components/NSBoxDuration.module.css +5 -0
  291. package/src/components/NSBoxDuration.tsx +105 -92
  292. package/src/components/NSBoxEmail.tsx +112 -103
  293. package/src/components/NSBoxEntity.tsx +52 -197
  294. package/src/components/NSBoxEnum.tsx +64 -55
  295. package/src/components/NSBoxFile.module.css +10 -4
  296. package/src/components/NSBoxFile.tsx +101 -124
  297. package/src/components/NSBoxIPV4.tsx +107 -97
  298. package/src/components/NSBoxIPV6.tsx +103 -94
  299. package/src/components/NSBoxInteger.tsx +104 -94
  300. package/src/components/{NSBoxPrice.tsx → NSBoxMoney.tsx} +102 -92
  301. package/src/components/NSBoxPassword.tsx +111 -90
  302. package/src/components/NSBoxPhone.module.css +36 -0
  303. package/src/components/NSBoxPhone.tsx +116 -97
  304. package/src/components/NSBoxRadio.module.css +69 -70
  305. package/src/components/NSBoxRadio.tsx +107 -111
  306. package/src/components/NSBoxSearch.tsx +99 -107
  307. package/src/components/NSBoxString.tsx +104 -106
  308. package/src/components/NSBoxTextArea.module.css +45 -83
  309. package/src/components/NSBoxTextArea.tsx +108 -112
  310. package/src/components/NSBoxTime.module.css +5 -0
  311. package/src/components/NSBoxTime.tsx +104 -92
  312. package/src/components/NSButton.module.css +42 -42
  313. package/src/components/NSButton.tsx +25 -25
  314. package/src/components/NSButtonBlue.module.css +4 -4
  315. package/src/components/NSButtonBlue.tsx +19 -19
  316. package/src/components/NSButtonGreen.module.css +4 -4
  317. package/src/components/NSButtonGreen.tsx +19 -19
  318. package/src/components/NSButtonRed.module.css +4 -4
  319. package/src/components/NSButtonRed.tsx +19 -19
  320. package/src/components/NSCard.module.css +114 -114
  321. package/src/components/NSCard.tsx +63 -63
  322. package/src/components/NSCardScreenshot.module.css +41 -41
  323. package/src/components/NSCardScreenshot.tsx +31 -31
  324. package/src/components/NSChartColumn.module.css +7 -7
  325. package/src/components/NSChartColumn.tsx +106 -106
  326. package/src/components/NSChartDoughnut.tsx +108 -108
  327. package/src/components/NSChartPie.tsx +105 -105
  328. package/src/components/NSChartRange.tsx +14 -15
  329. package/src/components/NSChartTable.module.css +21 -21
  330. package/src/components/NSChartTable.tsx +94 -94
  331. package/src/components/NSCopy.tsx +67 -67
  332. package/{dist/components/NSBoxCopy.module.css → src/components/NSCopyBox.module.css} +43 -43
  333. package/src/components/{NSBoxCopy.tsx → NSCopyBox.tsx} +41 -41
  334. package/src/components/NSDialog.module.css +106 -106
  335. package/src/components/NSDialog.tsx +56 -56
  336. package/src/components/{NSDeleteDialog.tsx → NSDialogDelete.tsx} +26 -26
  337. package/src/components/{NSInfoDialog.tsx → NSDialogInfo.tsx} +36 -36
  338. package/src/components/{NSPageSelectionModal.module.css → NSDialogPageSelection.module.css} +103 -103
  339. package/src/components/{NSPageSelectionModal.tsx → NSDialogPageSelection.tsx} +223 -228
  340. package/src/components/NSDownTimer.module.css +55 -55
  341. package/src/components/NSDownTimer.tsx +77 -77
  342. package/src/components/NSDownload.module.css +46 -46
  343. package/src/components/NSDownload.tsx +63 -62
  344. package/src/components/NSElectronicCard.module.css +60 -60
  345. package/src/components/NSElectronicCard.tsx +46 -45
  346. package/src/components/NSEntityCardBackground.module.css +27 -27
  347. package/src/components/NSEntityCardBackground.tsx +36 -34
  348. package/src/components/NSFilterBox.module.css +62 -62
  349. package/src/components/NSFilterBox.tsx +360 -360
  350. package/src/components/NSFilterBoxDialog.module.css +36 -36
  351. package/src/components/NSFilterBoxDialog.tsx +72 -74
  352. package/src/components/NSFilterItem.module.css +23 -23
  353. package/src/components/NSFilterItem.tsx +72 -72
  354. package/src/components/NSFooter.module.css +123 -123
  355. package/src/components/NSFooter.tsx +316 -316
  356. package/src/components/NSHeader.module.css +291 -291
  357. package/src/components/NSHeader.tsx +250 -250
  358. package/src/components/NSHeaderScreenshot.module.css +35 -35
  359. package/src/components/NSHeaderScreenshot.tsx +39 -38
  360. package/{dist/components/NSBoxLabel.module.css → src/components/NSLabel.module.css} +15 -14
  361. package/src/components/{NSBoxLabel.tsx → NSLabel.tsx} +29 -29
  362. package/src/components/{NSBoxErrorNotifier.module.css → NSLabelErrorNotifier.module.css} +2 -2
  363. package/src/components/{NSBoxErrorNotifier.tsx → NSLabelErrorNotifier.tsx} +32 -32
  364. package/src/components/NSLayout.module.css +13 -13
  365. package/src/components/NSLayout.tsx +100 -109
  366. package/src/components/NSLine.module.css +12 -12
  367. package/src/components/NSLine.tsx +15 -15
  368. package/src/components/NSLink.module.css +36 -36
  369. package/src/components/NSLink.tsx +25 -25
  370. package/src/components/NSLinkBlue.tsx +20 -20
  371. package/src/components/NSLinkGreen.tsx +5 -5
  372. package/src/components/NSLinkRed.tsx +5 -5
  373. package/src/components/{NSGroupedList.module.css → NSListGrouped.module.css} +72 -72
  374. package/src/components/{NSGroupedList.tsx → NSListGrouped.tsx} +112 -112
  375. package/src/components/{NSProductList.tsx → NSListProduct.tsx} +45 -45
  376. package/src/components/NSLoading.module.css +30 -30
  377. package/src/components/NSLoading.tsx +19 -20
  378. package/{dist/components/NSActionMenu.module.css → src/components/NSMenuAction.module.css} +100 -101
  379. package/src/components/{NSActionMenu.tsx → NSMenuAction.tsx} +90 -90
  380. package/{dist/components/NSAssistantButton.module.css → src/components/NSMenuButton.module.css} +124 -135
  381. package/src/components/NSMenuButton.tsx +125 -0
  382. package/src/components/NSNoData.module.css +9 -9
  383. package/src/components/NSNoData.tsx +24 -24
  384. package/src/components/NSPagination.module.css +110 -110
  385. package/src/components/NSPagination.tsx +190 -189
  386. package/src/components/NSPanel.module.css +46 -46
  387. package/src/components/NSPanel.tsx +19 -19
  388. package/src/components/{NSAccordion.module.css → NSPanelAccordion.module.css} +4 -4
  389. package/src/components/{NSAccordion.tsx → NSPanelAccordion.tsx} +51 -51
  390. package/src/components/NSRange.module.css +66 -66
  391. package/src/components/NSRange.tsx +83 -81
  392. package/src/components/NSRepeater.tsx +179 -179
  393. package/src/components/NSSection.module.css +10 -10
  394. package/src/components/NSSection.tsx +23 -23
  395. package/src/components/NSSectionCards.module.css +38 -38
  396. package/src/components/NSSectionCards.tsx +51 -51
  397. package/src/components/{NSSectionBars.module.css → NSSectionTiles.module.css} +10 -10
  398. package/src/components/{NSSectionBars.tsx → NSSectionTiles.tsx} +25 -25
  399. package/src/components/NSSectionTitle.tsx +21 -21
  400. package/src/components/NSSpace.tsx +28 -28
  401. package/src/components/NSTabPage.module.css +59 -59
  402. package/src/components/NSTabPage.tsx +78 -78
  403. package/src/components/NSTable.module.css +260 -260
  404. package/src/components/NSTable.tsx +477 -477
  405. package/src/components/NSTag.module.css +52 -52
  406. package/src/components/NSTag.tsx +78 -78
  407. package/{dist/components/NSEntityBar.module.css → src/components/NSTile.module.css} +77 -77
  408. package/src/components/{NSEntityBar.tsx → NSTile.tsx} +27 -27
  409. package/src/components/NSTimelineMonthly.module.css +71 -71
  410. package/src/components/NSTimelineMonthly.tsx +44 -42
  411. package/src/components/NSTitle.module.css +15 -15
  412. package/src/components/NSTitle.tsx +19 -19
  413. package/src/formatter/BackColorFormatter.tsx +23 -23
  414. package/src/formatter/BaseColumnFormatter.ts +16 -16
  415. package/src/formatter/BooleanFormatter.ts +22 -22
  416. package/src/formatter/DateFormatter.ts +20 -20
  417. package/src/formatter/DateTimeFormatter.ts +20 -20
  418. package/src/formatter/DurationFormatter.ts +13 -13
  419. package/src/formatter/EmailFormatter.ts +13 -13
  420. package/src/formatter/EnumFormatter.ts +13 -13
  421. package/src/formatter/FloatFormatter.ts +16 -16
  422. package/src/formatter/ForeColorFormatter.tsx +24 -24
  423. package/src/formatter/IDFormatter.tsx +30 -30
  424. package/src/formatter/IPFormatter.ts +13 -13
  425. package/src/formatter/IntegerFormatter.ts +16 -16
  426. package/src/formatter/JsonFormatter.ts +14 -14
  427. package/src/formatter/MoneyFormatter.ts +16 -16
  428. package/src/formatter/PhoneFormatter.ts +13 -13
  429. package/src/formatter/StringFormatter.ts +22 -22
  430. package/src/formatter/TimeFormatter.ts +21 -21
  431. package/src/formatter/UnknowFormatter.ts +14 -14
  432. package/src/index.tsx +7 -7
  433. package/src/main.ts +186 -118
  434. package/src/pages/NSNotFoundPage.module.css +17 -17
  435. package/src/pages/NSNotFoundPage.tsx +11 -11
  436. package/src/pages/NSUpdating.module.css +35 -35
  437. package/src/pages/NSUpdating.tsx +32 -32
  438. package/src/props/IBaseComponentProps.ts +8 -8
  439. package/src/props/IHeaderIconProps.ts +10 -10
  440. package/src/props/IHeaderProps.ts +7 -7
  441. package/src/props/IImageProps.ts +4 -4
  442. package/src/props/ILinkProps.ts +5 -5
  443. package/src/props/IValidationNumberProps.ts +4 -4
  444. package/src/props/IValidationProps.ts +7 -7
  445. package/src/props/IValidationRegexProps.ts +4 -4
  446. package/src/props/IValidationStringProps.ts +4 -4
  447. package/src/routing/INSRouterMaker.ts +6 -6
  448. package/src/routing/INSRouterProps.ts +5 -5
  449. package/src/routing/INSRouterState.ts +5 -5
  450. package/src/routing/NSRouterMaker.tsx +33 -33
  451. package/src/routing/Notifier.ts +79 -79
  452. package/tsconfig.json +43 -43
  453. package/dist/App.css +0 -58
  454. package/dist/components/NSAccordion.js.map +0 -1
  455. package/dist/components/NSAssistantButton.d.ts +0 -5
  456. package/dist/components/NSAssistantButton.js +0 -17
  457. package/dist/components/NSAssistantButton.js.map +0 -1
  458. package/dist/components/NSBarHeroBanner.d.ts +0 -7
  459. package/dist/components/NSBarHeroBanner.js +0 -8
  460. package/dist/components/NSBarHeroBanner.js.map +0 -1
  461. package/dist/components/NSBarHeroBanner.module.css +0 -43
  462. package/dist/components/NSBoxCopy.d.ts +0 -7
  463. package/dist/components/NSBoxEntity.module.css +0 -22
  464. package/dist/components/NSBoxErrorNotifier.d.ts +0 -6
  465. package/dist/components/NSBoxErrorNotifier.js.map +0 -1
  466. package/dist/components/NSBoxLabel.js +0 -11
  467. package/dist/components/NSBoxLabel.js.map +0 -1
  468. package/dist/components/NSBoxPrice.js +0 -45
  469. package/dist/components/NSBoxPrice.js.map +0 -1
  470. package/dist/components/NSCopyToClipboard.d.ts +0 -7
  471. package/dist/components/NSCopyToClipboard.js +0 -13
  472. package/dist/components/NSCopyToClipboard.js.map +0 -1
  473. package/dist/components/NSCopyToClipboard.module.css +0 -44
  474. package/dist/components/NSDeleteDialog.d.ts +0 -6
  475. package/dist/components/NSDeleteDialog.js.map +0 -1
  476. package/dist/components/NSEntityBar.js.map +0 -1
  477. package/dist/components/NSGroupedList.js +0 -40
  478. package/dist/components/NSPageSelectionModal.js.map +0 -1
  479. package/dist/components/NSRadioButton.d.ts +0 -25
  480. package/dist/components/NSRadioButton.js +0 -49
  481. package/dist/components/NSRadioButton.js.map +0 -1
  482. package/dist/components/NSSectionBars.d.ts +0 -7
  483. package/dist/components/NSSectionBars.js +0 -10
  484. package/dist/components/NSSectionBars.js.map +0 -1
  485. package/dist/components/NSTimeTable.d.ts +0 -15
  486. package/dist/components/NSTimeTable.js +0 -21
  487. package/dist/components/NSTimeTable.js.map +0 -1
  488. package/dist/components/NSTimeTable.module.css +0 -7
  489. package/dist/formatter/ForeignIDFormatter.d.ts +0 -4
  490. package/dist/formatter/ForeignIDFormatter.js +0 -7
  491. package/dist/formatter/ForeignIDFormatter.js.map +0 -1
  492. package/dist/index.css +0 -6
  493. package/src/components/NSAssistantButton.tsx +0 -71
  494. package/src/components/NSBarHeroBanner.module.css +0 -43
  495. package/src/components/NSBarHeroBanner.tsx +0 -62
  496. package/src/components/NSBoxEntity.module.css +0 -22
  497. package/src/components/NSDeleteDialog.module.css +0 -0
  498. package/src/components/NSInfoDialog.module.css +0 -0
  499. package/src/components/NSProductList.module.css +0 -0
  500. package/src/components/NSTimeTable.module.css +0 -7
  501. package/src/components/NSTimeTable.tsx +0 -50
  502. /package/dist/components/{NSBoxEnum.module.css → NSDialogDelete.module.css} +0 -0
  503. /package/dist/components/{NSChartPie.module.css → NSDialogInfo.module.css} +0 -0
  504. /package/dist/components/{NSDeleteDialog.module.css → NSListProduct.module.css} +0 -0
  505. /package/{dist/components/NSInfoDialog.module.css → src/components/NSDialogDelete.module.css} +0 -0
  506. /package/{dist/components/NSProductList.module.css → src/components/NSDialogInfo.module.css} +0 -0
  507. /package/src/components/{NSBoxEnum.module.css → NSListProduct.module.css} +0 -0
@@ -1,25 +1,24 @@
1
1
  import React from "react";
2
+ import "./NSBoxPhone.module.css";
2
3
  import 'react-phone-input-2/lib/style.css';
3
4
  import { IBaseComponentProps } from "../props/IBaseComponentProps";
4
5
  import { IValidationProps } from "../props/IValidationProps";
5
6
  import { IValidationStringProps } from "../props/IValidationStringProps";
6
- export interface INSBoxPhoneProps extends IBaseComponentProps, IValidationProps, IValidationStringProps {
7
+ export interface NSBoxPhoneProps extends IBaseComponentProps, IValidationProps, IValidationStringProps {
7
8
  title: string;
8
9
  placeholder?: string;
9
10
  defaultValue?: string;
10
- onChanged?: (e: NSBoxPhone) => void;
11
+ onChanged?: (e: NSBoxPhone, callback?: () => void) => void;
11
12
  onClicked?: (e: NSBoxPhone) => void;
12
13
  }
13
- export interface INSBoxPhoneState {
14
+ export interface NSBoxPhoneState {
14
15
  value: string;
15
16
  error?: string;
16
- isFullScreen: boolean;
17
17
  }
18
- export declare class NSBoxPhone extends React.Component<INSBoxPhoneProps, INSBoxPhoneState> {
19
- constructor(props: INSBoxPhoneProps);
18
+ export declare class NSBoxPhone extends React.Component<NSBoxPhoneProps, NSBoxPhoneState> {
19
+ constructor(props: NSBoxPhoneProps);
20
20
  getError(): string | null;
21
21
  getValue(checkError?: boolean): string;
22
- setValue(value: string): void;
23
- private toggleFullScreen;
22
+ setValue(value: string, callback?: () => void): void;
24
23
  render(): import("react/jsx-runtime").JSX.Element;
25
24
  }
@@ -1,19 +1,21 @@
1
1
  "use client";
2
2
  import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
3
3
  import React from "react";
4
- import Styles from "./NSBox.module.css";
4
+ import StylesNSBox from "./NSBox.module.css";
5
+ import Styles from "./NSBoxPhone.module.css";
6
+ import "./NSBoxPhone.module.css";
5
7
  import PhoneInput from 'react-phone-input-2';
6
8
  import 'react-phone-input-2/lib/style.css';
7
9
  import { Validator } from "../Validator";
8
- import { NSBoxErrorNotifier } from "./NSBoxErrorNotifier";
10
+ import { NSLabelErrorNotifier } from "./NSLabelErrorNotifier";
11
+ import { NSMenuButton } from "./NSMenuButton";
9
12
  export class NSBoxPhone extends React.Component {
10
13
  constructor(props) {
11
14
  var _a;
12
15
  super(props);
13
- this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : "", isFullScreen: false };
16
+ this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : "" };
14
17
  this.setValue = this.setValue.bind(this);
15
18
  this.getValue = this.getValue.bind(this);
16
- this.toggleFullScreen = this.toggleFullScreen.bind(this);
17
19
  }
18
20
  getError() {
19
21
  return (Validator.getError(this.props.title, this.state.value, this.props) ||
@@ -28,25 +30,33 @@ export class NSBoxPhone extends React.Component {
28
30
  throw new Error(error);
29
31
  }
30
32
  }
31
- const cleanedNumber = (_a = this.state.value) === null || _a === void 0 ? void 0 : _a.trim();
32
- if (!(cleanedNumber === null || cleanedNumber === void 0 ? void 0 : cleanedNumber.startsWith('+')))
33
- return '+' + cleanedNumber;
34
- else
35
- return '+' + cleanedNumber.replace(/^\++/, '');
33
+ let value = (_a = this.state.value) === null || _a === void 0 ? void 0 : _a.trim();
34
+ if (!(value === null || value === void 0 ? void 0 : value.startsWith('+')))
35
+ value = '+' + value;
36
+ return value;
36
37
  }
37
- setValue(value) {
38
- this.setState({ value });
39
- }
40
- toggleFullScreen() {
41
- this.setState(prevState => ({ isFullScreen: !prevState.isFullScreen }));
38
+ setValue(value, callback) {
39
+ this.setState({ value }, () => {
40
+ if (this.props.onChanged)
41
+ this.props.onChanged(this, callback);
42
+ else if (callback)
43
+ callback();
44
+ });
42
45
  }
43
46
  render() {
44
- var _a;
45
- return (_jsx(_Fragment, { children: _jsxs("div", { id: this.props.id, className: `${Styles.ns_input_phone_parent} ${Styles.ns_input_parent} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")} ${this.state.isFullScreen ? Styles.ns_full_screen : ""}`, style: this.props.style, children: [_jsx("div", { className: "d-flex justify-content-between align-item-center", children: _jsxs("span", { className: Styles.ns_input_title, children: [" ", this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title, " "] }) }), _jsx(PhoneInput, { value: this.state.value, onChange: this.setValue, country: 'us', inputClass: Styles.PhoneIconns_input, placeholder: this.props.placeholder, inputStyle: {
46
- background: `url("https://static.namirasoft.com/image/concept/nsbox/phone.png") white no-repeat scroll center right 16px`,
47
- backgroundSize: "24px",
48
- paddingRight: "42px"
49
- } }), _jsx(NSBoxErrorNotifier, { error: this.state.error, clearError: () => this.setState({ error: "" }) })] }) }));
47
+ var _a, _b;
48
+ let menus = [];
49
+ if (!this.getError())
50
+ menus.push({
51
+ title: "Call",
52
+ icon: "https://static.namirasoft.com/image/concept/type/phone.png",
53
+ href: `tel:${this.state.value}`
54
+ });
55
+ return (_jsx(_Fragment, { children: _jsxs("div", { id: this.props.id, className: `${StylesNSBox.ns_input_parent} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: (_b = this.props.style) !== null && _b !== void 0 ? _b : {}, children: [_jsxs("div", { className: `${StylesNSBox.ns_input_bar}`, children: [_jsxs("span", { className: StylesNSBox.ns_input_title, children: [this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title] }), _jsx(NSMenuButton, { value: this.state.value, setValue: this.setValue, menus: menus, hideFullscreen: true })] }), _jsx(PhoneInput, { value: this.state.value, onChange: (value) => { this.setValue(value); }, onClick: () => { if (this.props.onClicked)
56
+ this.props.onClicked(this); }, country: 'us', containerClass: Styles.ns_container, inputClass: Styles.ns_input, buttonClass: Styles.ns_button, enableSearch: true, searchClass: Styles.ns_search, dropdownClass: Styles.ns_dropdown, placeholder: this.props.placeholder, inputStyle: {
57
+ background: `url("https://static.namirasoft.com/image/concept/type/phone.png") white no-repeat scroll center right 4px`,
58
+ backgroundSize: "24px"
59
+ } }), _jsx(NSLabelErrorNotifier, { error: this.state.error, clearError: () => this.setState({ error: "" }) })] }) }));
50
60
  }
51
61
  }
52
62
  //# sourceMappingURL=NSBoxPhone.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"NSBoxPhone.js","sourceRoot":"","sources":["../../src/components/NSBoxPhone.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"NSBoxPhone.js","sourceRoot":"","sources":["../../src/components/NSBoxPhone.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,36 @@
1
+ .ns_container {
2
+ padding: 8px 32px 8px 12px;
3
+ height: 48px !important;
4
+ width: auto !important;
5
+ font-size: 16px;
6
+ font-weight: 400;
7
+ max-width: inherit;
8
+ background-size: 24px 24px;
9
+ padding: 0px;
10
+ margin: 0px;
11
+ display: flex;
12
+ }
13
+
14
+ .ns_input {
15
+ width: 100% !important;
16
+ height: 48px !important;
17
+ left: 0px;
18
+ border-radius: 8px 8px 8px 8px !important;
19
+ border: 1px solid rgba(0, 0, 0, 1) !important;
20
+ }
21
+
22
+ .ns_button {
23
+ border-radius: 8px 0px 0px 8px !important;
24
+ left: 0px;
25
+ border: 1px solid rgba(0, 0, 0, 1) !important;
26
+ /* */
27
+ background-color: unset;
28
+ }
29
+
30
+ .ns_button>div {
31
+ background-color: unset !important;
32
+ }
33
+
34
+ .ns_dropdown {
35
+ width: 272px !important;
36
+ }
@@ -2,8 +2,7 @@ import React from "react";
2
2
  import { IBaseComponentProps } from "../props/IBaseComponentProps";
3
3
  import { IValidationProps } from "../props/IValidationProps";
4
4
  import { IValidationStringProps } from "../props/IValidationStringProps";
5
- export interface INSBoxRadioProps extends IBaseComponentProps, IValidationProps, IValidationStringProps {
6
- input_id?: string;
5
+ export interface NSBoxRadioProps extends IBaseComponentProps, IValidationProps, IValidationStringProps {
7
6
  title: string;
8
7
  placeholder?: string;
9
8
  defaultValue?: boolean;
@@ -11,16 +10,16 @@ export interface INSBoxRadioProps extends IBaseComponentProps, IValidationProps,
11
10
  onChanged?: (e: NSBoxRadio, callback?: () => void) => void;
12
11
  onClicked?: () => void;
13
12
  }
14
- export interface NSBoxBooleanState {
13
+ export interface NSBoxRadioState {
15
14
  value: boolean;
16
15
  error?: string;
17
16
  }
18
- export declare class NSBoxRadio extends React.Component<INSBoxRadioProps, NSBoxBooleanState> {
19
- constructor(props: INSBoxRadioProps);
17
+ export declare class NSBoxRadio extends React.Component<NSBoxRadioProps, NSBoxRadioState> {
18
+ constructor(props: NSBoxRadioProps);
20
19
  getError(): string | null;
21
20
  getValue(checkError?: boolean): boolean;
22
21
  setValue(value: boolean, callback?: () => void): void;
23
22
  private onChanged;
24
- componentDidUpdate(prevProps: INSBoxRadioProps): void;
23
+ componentDidUpdate(prevProps: NSBoxRadioProps): void;
25
24
  render(): import("react/jsx-runtime").JSX.Element;
26
25
  }
@@ -1,7 +1,7 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
2
  import React from "react";
3
3
  import Styles from "./NSBoxRadio.module.css";
4
- import { NSBoxErrorNotifier } from "./NSBoxErrorNotifier";
4
+ import { NSLabelErrorNotifier } from "./NSLabelErrorNotifier";
5
5
  export class NSBoxRadio extends React.Component {
6
6
  constructor(props) {
7
7
  var _a;
@@ -44,8 +44,8 @@ export class NSBoxRadio extends React.Component {
44
44
  }
45
45
  }
46
46
  render() {
47
- var _a;
48
- return (_jsx(_Fragment, { children: _jsxs("div", { id: this.props.id, className: `${Styles.ns_input_parent} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: this.props.style, children: [_jsx("label", { htmlFor: this.props.input_id, children: _jsxs("div", { className: Styles.ns_checkbox_parent, children: [_jsx("input", { id: this.props.input_id, type: "radio", name: this.props.name, className: Styles.ns_input, checked: this.state.value, onChange: this.onChanged }), _jsxs("span", { className: Styles.ns_input_title, children: [this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title] })] }) }), _jsx(NSBoxErrorNotifier, { error: this.state.error, clearError: () => this.setState({ error: "" }) })] }) }));
47
+ var _a, _b;
48
+ return (_jsx(_Fragment, { children: _jsxs("div", { className: `${Styles.ns_input_parent} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: (_b = this.props.style) !== null && _b !== void 0 ? _b : {}, children: [_jsx("label", { htmlFor: this.props.id, children: _jsxs("div", { className: Styles.ns_checkbox_parent, children: [_jsx("input", { id: this.props.id, type: "radio", name: this.props.name, className: Styles.ns_input, checked: this.state.value, onChange: this.onChanged }), _jsxs("span", { className: Styles.ns_input_title, children: [this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title] })] }) }), _jsx(NSLabelErrorNotifier, { error: this.state.error, clearError: () => this.setState({ error: "" }) })] }) }));
49
49
  }
50
50
  }
51
51
  //# sourceMappingURL=NSBoxRadio.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"NSBoxRadio.js","sourceRoot":"","sources":["../../src/components/NSBoxRadio.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"NSBoxRadio.js","sourceRoot":"","sources":["../../src/components/NSBoxRadio.tsx"],"names":[],"mappings":"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"}
@@ -1,71 +1,70 @@
1
- .ns_input_parent {
2
- display: flex;
3
- flex-direction: column;
4
- width: fit-content;
5
- color: #141B5C;
6
- position: relative;
7
- justify-content: center;
8
- max-width: 272px;
9
- width: 100%;
10
- border: 1px solid rgba(0, 0, 0, 1) !important;
11
- background-color: #fff;
12
- border-radius: 8px;
13
- cursor: pointer;
14
- }
15
-
16
- .ns_input_title {
17
- font-size: 16px;
18
- font-weight: 400;
19
- margin-bottom: 2px;
20
- }
21
-
22
- .ns_checkbox_parent {
23
- padding: 10px 12px 10px 12px;
24
- font-size: 16px;
25
- font-weight: 400;
26
- position: relative;
27
- width: 100%;
28
- display: flex;
29
- flex-direction: row;
30
- justify-content: left;
31
- align-items: center;
32
- height: 48px;
33
- gap: 5px;
34
- }
35
-
36
- .ns_input {
37
- width: 16px;
38
- height: 16px;
39
- cursor: pointer;
40
- }
41
-
42
- .ns_input:focus-visible {
43
- border-color: rgba(0, 0, 0, 1) !important;
44
- outline: solid 1px #4096ff !important;
45
- }
46
-
47
- .ns_input:checked {
48
- accent-color: #141B5C;
49
- }
50
-
51
- .ns_checkbox_parent label {
52
- cursor: pointer;
53
- color: #141B5C;
54
- font-size: 16px;
55
- font-weight: 300;
56
- font-family: inherit;
57
- }
58
-
59
- @media only screen and (min-width: 380px) {
60
- .ns_checkbox_parent {
61
- width: 100%;
62
- }
63
- }
64
-
65
- .ns_input_transparent {
66
- position: absolute;
67
- z-index: 1;
68
- width: 100%;
69
- height: 100%;
70
- background: transparent;
1
+ .ns_input_parent {
2
+ display: flex;
3
+ flex-direction: column;
4
+ width: fit-content;
5
+ color: #141B5C;
6
+ position: relative;
7
+ justify-content: center;
8
+ max-width: 272px;
9
+ width: 100%;
10
+ border: 1px solid rgba(0, 0, 0, 1) !important;
11
+ background-color: #fff;
12
+ border-radius: 8px;
13
+ cursor: pointer;
14
+ }
15
+
16
+ .ns_input_title {
17
+ font-size: 16px;
18
+ font-weight: 400;
19
+ }
20
+
21
+ .ns_checkbox_parent {
22
+ padding: 10px 12px 10px 12px;
23
+ font-size: 16px;
24
+ font-weight: 400;
25
+ position: relative;
26
+ width: 100%;
27
+ display: flex;
28
+ flex-direction: row;
29
+ justify-content: left;
30
+ align-items: center;
31
+ height: 48px;
32
+ gap: 5px;
33
+ }
34
+
35
+ .ns_input {
36
+ width: 16px;
37
+ height: 16px;
38
+ cursor: pointer;
39
+ }
40
+
41
+ .ns_input:focus-visible {
42
+ border-color: rgba(0, 0, 0, 1) !important;
43
+ outline: solid 1px #4096ff !important;
44
+ }
45
+
46
+ .ns_input:checked {
47
+ accent-color: #141B5C;
48
+ }
49
+
50
+ .ns_checkbox_parent label {
51
+ cursor: pointer;
52
+ color: #141B5C;
53
+ font-size: 16px;
54
+ font-weight: 300;
55
+ font-family: inherit;
56
+ }
57
+
58
+ @media only screen and (min-width: 380px) {
59
+ .ns_checkbox_parent {
60
+ width: 100%;
61
+ }
62
+ }
63
+
64
+ .ns_input_transparent {
65
+ position: absolute;
66
+ z-index: 1;
67
+ width: 100%;
68
+ height: 100%;
69
+ background: transparent;
71
70
  }
@@ -2,24 +2,22 @@ import React from "react";
2
2
  import { IBaseComponentProps } from "../props/IBaseComponentProps";
3
3
  import { IValidationProps } from "../props/IValidationProps";
4
4
  import { IValidationStringProps } from "../props/IValidationStringProps";
5
- export interface INSBoxSearchProps extends IBaseComponentProps, IValidationProps, IValidationStringProps {
5
+ export interface NSBoxSearchProps extends IBaseComponentProps, IValidationProps, IValidationStringProps {
6
6
  title: string;
7
7
  placeholder?: string;
8
8
  defaultValue?: string;
9
9
  onChanged?: (e: NSBoxSearch, callback?: () => void) => void;
10
10
  onClicked?: (e: NSBoxSearch) => void;
11
11
  }
12
- export interface INSBoxSearchState {
12
+ export interface NSBoxSearchState {
13
13
  value: string;
14
14
  error?: string;
15
- isFullScreen: boolean;
16
15
  }
17
- export declare class NSBoxSearch extends React.Component<INSBoxSearchProps, INSBoxSearchState> {
18
- constructor(props: INSBoxSearchProps);
16
+ export declare class NSBoxSearch extends React.Component<NSBoxSearchProps, NSBoxSearchState> {
17
+ constructor(props: NSBoxSearchProps);
19
18
  getError(): string | null;
20
19
  getValue(checkError?: boolean): string;
21
20
  setValue(value: string, callback?: () => void): void;
22
21
  private onChanged;
23
- private toggleFullScreen;
24
22
  render(): import("react/jsx-runtime").JSX.Element;
25
23
  }
@@ -2,18 +2,17 @@
2
2
  import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
3
3
  import React from "react";
4
4
  import { Validator } from "../Validator";
5
- import { NSBoxErrorNotifier } from "./NSBoxErrorNotifier";
6
- import { NSAssistantButton } from "./NSAssistantButton";
7
- import Styles from "./NSBox.module.css";
5
+ import { NSLabelErrorNotifier } from "./NSLabelErrorNotifier";
6
+ import { NSMenuButton } from "./NSMenuButton";
7
+ import StylesNSBox from "./NSBox.module.css";
8
8
  export class NSBoxSearch extends React.Component {
9
9
  constructor(props) {
10
10
  var _a;
11
11
  super(props);
12
- this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : "", isFullScreen: false };
12
+ this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : "" };
13
13
  this.getValue = this.getValue.bind(this);
14
14
  this.setValue = this.setValue.bind(this);
15
15
  this.onChanged = this.onChanged.bind(this);
16
- this.toggleFullScreen = this.toggleFullScreen.bind(this);
17
16
  }
18
17
  getError() {
19
18
  return (Validator.getError(this.props.title, this.state.value, this.props) ||
@@ -40,17 +39,13 @@ export class NSBoxSearch extends React.Component {
40
39
  onChanged(e) {
41
40
  this.setValue(e.target.value);
42
41
  }
43
- toggleFullScreen() {
44
- this.setState(prevState => ({ isFullScreen: !prevState.isFullScreen }));
45
- }
46
42
  render() {
47
- var _a;
48
- return (_jsx(_Fragment, { children: _jsxs("div", { id: this.props.id, className: `${Styles.ns_input_parent} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")} ${this.state.isFullScreen ? Styles.ns_full_screen : ""}`, style: this.props.style, children: [_jsxs("div", { className: "d-flex justify-content-between align-items-center", children: [_jsxs("span", { className: Styles.ns_input_title, children: [this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title] }), _jsx(NSAssistantButton, { value: this.state.value, setValue: this.setValue })] }), _jsx("input", { type: "text", name: this.props.name, className: Styles.ns_input, placeholder: this.props.placeholder, value: this.state.value, onChange: this.onChanged, onClick: () => this.props.onClicked, style: {
49
- background: `url(${"https://static.namirasoft.com/image/concept/search/blue.svg"}) white no-repeat left`,
43
+ var _a, _b;
44
+ return (_jsx(_Fragment, { children: _jsxs("div", { className: `${StylesNSBox.ns_input_parent} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: (_b = this.props.style) !== null && _b !== void 0 ? _b : {}, children: [_jsxs("div", { className: `${StylesNSBox.ns_input_bar}`, children: [_jsxs("span", { className: StylesNSBox.ns_input_title, children: [this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title] }), _jsx(NSMenuButton, { value: this.state.value, setValue: this.setValue })] }), _jsx("input", { id: this.props.id, name: this.props.name, type: "text", className: StylesNSBox.ns_input, placeholder: this.props.placeholder, value: this.state.value, onChange: this.onChanged, onClick: () => { if (this.props.onClicked)
45
+ this.props.onClicked(this); }, style: {
46
+ background: `url(${"https://static.namirasoft.com/image/concept/search/blue.svg"}) white no-repeat scroll center right 4px`,
50
47
  backgroundSize: "24px",
51
- backgroundPosition: "10px",
52
- paddingLeft: "48px",
53
- } }), _jsx(NSBoxErrorNotifier, { error: this.state.error, clearError: () => this.setState({ error: "" }) })] }) }));
48
+ } }), _jsx(NSLabelErrorNotifier, { error: this.state.error, clearError: () => this.setState({ error: "" }) })] }) }));
54
49
  }
55
50
  }
56
51
  //# sourceMappingURL=NSBoxSearch.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"NSBoxSearch.js","sourceRoot":"","sources":["../../src/components/NSBoxSearch.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"NSBoxSearch.js","sourceRoot":"","sources":["../../src/components/NSBoxSearch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,WAAW,MAAM,oBAAoB,CAAC;AAiB7C,MAAM,OAAO,WAAY,SAAQ,KAAK,CAAC,SAA6C;IAEnF,YAAY,KAAuB;;QAElC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,MAAA,KAAK,CAAC,YAAY,mCAAI,EAAE,EAAE,CAAC;QACjD,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC5C,CAAC;IACD,QAAQ;QAEP,OAAO,CACN,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC;YAClE,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CACxE,CAAC;IACH,CAAC;IACD,QAAQ,CAAC,aAAsB,IAAI;QAElC,IAAI,UAAU,EACd,CAAC;YACA,IAAI,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC5B,IAAI,KAAK,EACT,CAAC;gBACA,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;gBACzB,MAAM,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC;YACxB,CAAC;QACF,CAAC;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IACzB,CAAC;IACD,QAAQ,CAAC,KAAa,EAAE,QAAqB;QAE5C,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE;YAE7B,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS;gBACvB,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;iBACjC,IAAI,QAAQ;gBAChB,QAAQ,EAAE,CAAC;QACb,CAAC,CAAC,CAAC;IACJ,CAAC;IACO,SAAS,CAAC,CAAsC;QAEvD,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC;IACQ,MAAM;;QAEd,OAAO,CACN,4BACC,eAAK,SAAS,EAAE,GAAG,WAAW,CAAC,eAAe,IAAI,MAAA,IAAI,CAAC,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,KAAK,mCAAI,EAAE,aACjH,eAAK,SAAS,EAAE,GAAG,WAAW,CAAC,YAAY,EAAE,aAC5C,gBAAM,SAAS,EAAE,WAAW,CAAC,cAAc,aACzC,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,eAAM,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,kBAAU,OAAG,IAAI,CAAC,KAAK,CAAC,KAAK,IAC5E,EACP,KAAC,YAAY,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,IAC7D,EACN,gBACC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EACjB,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EACrB,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,WAAW,CAAC,QAAQ,EAC/B,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,EACnC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,SAAS,EACxB,OAAO,EAAE,GAAG,EAAE,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS;4BAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EACxE,KAAK,EAAE;4BACN,UAAU,EAAE,OAAO,6DAA6D,2CAA2C;4BAC3H,cAAc,EAAE,MAAM;yBACtB,GACA,EACF,KAAC,oBAAoB,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,GAAI,IAC5F,GACJ,CACH,CAAC;IACH,CAAC;CACD"}
@@ -2,7 +2,7 @@ import React from "react";
2
2
  import { IBaseComponentProps } from "../props/IBaseComponentProps";
3
3
  import { IValidationProps } from "../props/IValidationProps";
4
4
  import { IValidationStringProps } from "../props/IValidationStringProps";
5
- export interface INSBoxStringProps extends IBaseComponentProps, IValidationProps, IValidationStringProps {
5
+ export interface NSBoxStringProps extends IBaseComponentProps, IValidationProps, IValidationStringProps {
6
6
  title: string;
7
7
  placeholder?: string;
8
8
  defaultValue?: string;
@@ -10,17 +10,15 @@ export interface INSBoxStringProps extends IBaseComponentProps, IValidationProps
10
10
  onClicked?: (e: NSBoxString) => void;
11
11
  getError?: (value: string) => string | null;
12
12
  }
13
- export interface INSBoxStringState {
13
+ export interface NSBoxStringState {
14
14
  value: string;
15
15
  error?: string;
16
- isFullScreen: boolean;
17
16
  }
18
- export declare class NSBoxString extends React.Component<INSBoxStringProps, INSBoxStringState> {
19
- constructor(props: INSBoxStringProps);
17
+ export declare class NSBoxString extends React.Component<NSBoxStringProps, NSBoxStringState> {
18
+ constructor(props: NSBoxStringProps);
20
19
  getError(): string | null;
21
20
  getValue(checkError?: boolean): string;
22
21
  setValue(value: string, callback?: () => void): void;
23
22
  private onChanged;
24
- private toggleFullScreen;
25
23
  render(): import("react/jsx-runtime").JSX.Element;
26
24
  }
@@ -2,18 +2,17 @@
2
2
  import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
3
3
  import React from "react";
4
4
  import { Validator } from "../Validator";
5
- import { NSBoxErrorNotifier } from "./NSBoxErrorNotifier";
6
- import { NSAssistantButton } from "./NSAssistantButton";
7
- import Styles from "./NSBox.module.css";
5
+ import { NSLabelErrorNotifier } from "./NSLabelErrorNotifier";
6
+ import { NSMenuButton } from "./NSMenuButton";
7
+ import StylesNSBox from "./NSBox.module.css";
8
8
  export class NSBoxString extends React.Component {
9
9
  constructor(props) {
10
10
  var _a;
11
11
  super(props);
12
- this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : "", isFullScreen: false };
12
+ this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : "" };
13
13
  this.getValue = this.getValue.bind(this);
14
14
  this.setValue = this.setValue.bind(this);
15
15
  this.onChanged = this.onChanged.bind(this);
16
- this.toggleFullScreen = this.toggleFullScreen.bind(this);
17
16
  }
18
17
  getError() {
19
18
  let custom = null;
@@ -44,12 +43,13 @@ export class NSBoxString extends React.Component {
44
43
  onChanged(e) {
45
44
  this.setValue(e.target.value);
46
45
  }
47
- toggleFullScreen() {
48
- this.setState(prevState => ({ isFullScreen: !prevState.isFullScreen }));
49
- }
50
46
  render() {
51
- var _a;
52
- return (_jsx(_Fragment, { children: _jsxs("div", { id: this.props.id, className: `${Styles.ns_input_parent} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")} ${this.state.isFullScreen ? Styles.ns_full_screen : ""}`, style: this.props.style, children: [_jsxs("div", { className: "d-flex justify-content-between align-items-center", children: [_jsxs("span", { className: Styles.ns_input_title, children: [this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title] }), _jsx(NSAssistantButton, { value: this.state.value, setValue: this.setValue })] }), _jsx("input", { type: "text", name: this.props.name, className: Styles.ns_input, placeholder: this.props.placeholder, value: this.state.value, onChange: this.onChanged, onClick: () => this.props.onClicked, style: { background: `url("https://static.namirasoft.com/image/concept/nsbox/string.png") white no-repeat scroll center right 16px`, backgroundSize: "24px" } }), _jsx(NSBoxErrorNotifier, { error: this.state.error, clearError: () => this.setState({ error: "" }) })] }) }));
47
+ var _a, _b;
48
+ return (_jsx(_Fragment, { children: _jsxs("div", { className: `${StylesNSBox.ns_input_parent} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: (_b = this.props.style) !== null && _b !== void 0 ? _b : {}, children: [_jsxs("div", { className: `${StylesNSBox.ns_input_bar}`, children: [_jsxs("span", { className: StylesNSBox.ns_input_title, children: [this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title] }), _jsx(NSMenuButton, { value: this.state.value, setValue: this.setValue })] }), _jsx("input", { id: this.props.id, name: this.props.name, type: "text", className: StylesNSBox.ns_input, placeholder: this.props.placeholder, value: this.state.value, onChange: this.onChanged, onClick: () => { if (this.props.onClicked)
49
+ this.props.onClicked(this); }, style: {
50
+ background: `url("https://static.namirasoft.com/image/concept/type/string.png") white no-repeat scroll center right 4px`,
51
+ backgroundSize: "24px"
52
+ } }), _jsx(NSLabelErrorNotifier, { error: this.state.error, clearError: () => this.setState({ error: "" }) })] }) }));
53
53
  }
54
54
  }
55
55
  //# sourceMappingURL=NSBoxString.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"NSBoxString.js","sourceRoot":"","sources":["../../src/components/NSBoxString.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"NSBoxString.js","sourceRoot":"","sources":["../../src/components/NSBoxString.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,WAAW,MAAM,oBAAoB,CAAC;AAkB7C,MAAM,OAAO,WAAY,SAAQ,KAAK,CAAC,SAA6C;IAEnF,YAAY,KAAuB;;QAElC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,MAAA,KAAK,CAAC,YAAY,mCAAI,EAAE,EAAE,CAAC;QACjD,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC5C,CAAC;IACD,QAAQ;QAEP,IAAI,MAAM,GAAG,IAAI,CAAC;QAClB,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ;YACtB,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAChD,OAAO,CACN,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC;YAClE,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC;YACxE,MAAM,CACN,CAAC;IACH,CAAC;IACD,QAAQ,CAAC,aAAsB,IAAI;QAElC,IAAI,UAAU,EACd,CAAC;YACA,IAAI,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC5B,IAAI,KAAK,EACT,CAAC;gBACA,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;gBACzB,MAAM,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC;YACxB,CAAC;QACF,CAAC;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IACzB,CAAC;IACD,QAAQ,CAAC,KAAa,EAAE,QAAqB;QAE5C,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE;YAE7B,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS;gBACvB,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;iBACjC,IAAI,QAAQ;gBAChB,QAAQ,EAAE,CAAC;QACb,CAAC,CAAC,CAAC;IACJ,CAAC;IACO,SAAS,CAAC,CAAsC;QAEvD,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC;IACQ,MAAM;;QAEd,OAAO,CACN,4BACC,eAAK,SAAS,EAAE,GAAG,WAAW,CAAC,eAAe,IAAI,MAAA,IAAI,CAAC,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,KAAK,mCAAI,EAAE,aACjH,eAAK,SAAS,EAAE,GAAG,WAAW,CAAC,YAAY,EAAE,aAC5C,gBAAM,SAAS,EAAE,WAAW,CAAC,cAAc,aACzC,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,eAAM,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,kBAAU,OAAG,IAAI,CAAC,KAAK,CAAC,KAAK,IAC5E,EACP,KAAC,YAAY,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,IAC7D,EACN,gBACC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EACjB,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EACrB,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,WAAW,CAAC,QAAQ,EAC/B,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,EACnC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,SAAS,EACxB,OAAO,EAAE,GAAG,EAAE,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS;4BAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EACxE,KAAK,EAAE;4BACN,UAAU,EAAE,4GAA4G;4BACxH,cAAc,EAAE,MAAM;yBACtB,GACA,EACF,KAAC,oBAAoB,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,GAAI,IAC5F,GACJ,CACH,CAAC;IACH,CAAC;CACD"}
@@ -2,7 +2,7 @@ import React from "react";
2
2
  import { IBaseComponentProps } from "../props/IBaseComponentProps";
3
3
  import { IValidationProps } from "../props/IValidationProps";
4
4
  import { IValidationStringProps } from "../props/IValidationStringProps";
5
- export interface INSBoxTextAreaProps extends IBaseComponentProps, IValidationProps, IValidationStringProps {
5
+ export interface NSBoxTextAreaProps extends IBaseComponentProps, IValidationProps, IValidationStringProps {
6
6
  title: string;
7
7
  placeholder?: string;
8
8
  defaultValue?: string;
@@ -11,17 +11,15 @@ export interface INSBoxTextAreaProps extends IBaseComponentProps, IValidationPro
11
11
  cols?: number;
12
12
  rows?: number;
13
13
  }
14
- export interface INSBoxTextAreaState {
14
+ export interface NSBoxTextAreaState {
15
15
  value: string;
16
16
  error?: string;
17
- isFullScreen: boolean;
18
17
  }
19
- export declare class NSBoxTextArea extends React.Component<INSBoxTextAreaProps, INSBoxTextAreaState> {
20
- constructor(props: INSBoxTextAreaProps);
18
+ export declare class NSBoxTextArea extends React.Component<NSBoxTextAreaProps, NSBoxTextAreaState> {
19
+ constructor(props: NSBoxTextAreaProps);
21
20
  getError(): string | null;
22
21
  getValue(checkError?: boolean): string;
23
22
  setValue(value: string, callback?: () => void): void;
24
23
  private onChanged;
25
- private toggleFullScreen;
26
24
  render(): import("react/jsx-runtime").JSX.Element;
27
25
  }