namirasoft-site-react 1.3.227 → 1.3.229

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 (328) hide show
  1. package/config-overrides.js +70 -70
  2. package/dist/App.css +17 -0
  3. package/dist/App.js +2 -2
  4. package/dist/App.js.map +1 -1
  5. package/dist/assets/images/404 image.svg +9 -9
  6. package/dist/assets/images/404 image_mobile.svg +9 -9
  7. package/dist/assets/images/arrow.svg +3 -3
  8. package/dist/assets/images/danger.svg +3 -3
  9. package/dist/assets/images/exit.svg +3 -3
  10. package/dist/assets/images/icon-export.svg +3 -0
  11. package/dist/assets/images/icon-input-copy.svg +3 -3
  12. package/dist/assets/images/icon-input-date.svg +9 -9
  13. package/dist/assets/images/icon-input-duration.svg +9 -9
  14. package/dist/assets/images/icon-input-email.svg +9 -9
  15. package/dist/assets/images/icon-input-float.svg +9 -9
  16. package/dist/assets/images/icon-input-id.svg +9 -0
  17. package/dist/assets/images/icon-input-integer.svg +9 -9
  18. package/dist/assets/images/icon-input-ip.svg +9 -9
  19. package/dist/assets/images/icon-input-phone.svg +9 -9
  20. package/dist/assets/images/icon-input-price.svg +9 -9
  21. package/dist/assets/images/icon-input-search.svg +3 -3
  22. package/dist/assets/images/icon-input-string.svg +9 -9
  23. package/dist/assets/images/icon-input-text.svg +9 -9
  24. package/dist/assets/images/icon-input-time.svg +9 -9
  25. package/dist/assets/images/icon-refresh.svg +3 -0
  26. package/dist/assets/images/icon-select-box.svg +3 -3
  27. package/dist/assets/images/logo.svg +9 -9
  28. package/dist/assets/images/menu.svg +3 -3
  29. package/dist/assets/images/namira.svg +9 -9
  30. package/dist/assets/images/rectangle.svg +3 -3
  31. package/dist/components/NSAccess.module.css +38 -38
  32. package/dist/components/NSActionMenu.js +2 -2
  33. package/dist/components/NSActionMenu.module.css +75 -75
  34. package/dist/components/NSBarAction.module.css +87 -87
  35. package/dist/components/NSBarHeroBanner.module.css +42 -42
  36. package/dist/components/NSBarNotification.module.css +31 -31
  37. package/dist/components/NSBarTitle.module.css +9 -9
  38. package/dist/components/NSBox.module.css +122 -122
  39. package/dist/components/NSBoxBoolean.module.css +54 -54
  40. package/dist/components/NSBoxDate.module.css +39 -39
  41. package/dist/components/NSBoxEnum.module.css +38 -38
  42. package/dist/components/NSBoxErrorNotifier.module.css +2 -2
  43. package/dist/components/NSBoxLabel.module.css +12 -12
  44. package/dist/components/NSBoxOTP.module.css +10 -10
  45. package/dist/components/NSBoxSearch.d.ts +22 -0
  46. package/dist/components/NSBoxSearch.js +54 -0
  47. package/dist/components/NSBoxSearch.js.map +1 -0
  48. package/dist/components/NSBoxText.d.ts +25 -0
  49. package/dist/components/NSBoxText.js +56 -0
  50. package/dist/components/NSBoxText.js.map +1 -0
  51. package/dist/components/NSBoxTextArea.module.css +76 -76
  52. package/dist/components/NSButton.module.css +27 -27
  53. package/dist/components/NSButtonBlue.module.css +4 -4
  54. package/dist/components/NSButtonGreen.module.css +4 -4
  55. package/dist/components/NSButtonRed.module.css +4 -4
  56. package/dist/components/NSCard.module.css +110 -110
  57. package/dist/components/NSCopyToClipboard.module.css +39 -39
  58. package/dist/components/NSElectronicCard.module.css +60 -60
  59. package/dist/components/NSEntityBar.module.css +77 -77
  60. package/dist/components/NSEntityCardBackground.module.css +27 -27
  61. package/dist/components/NSFilterBox.d.ts +4 -1
  62. package/dist/components/NSFilterBox.js +10 -2
  63. package/dist/components/NSFilterBox.js.map +1 -1
  64. package/dist/components/NSFilterBox.module.css +38 -38
  65. package/dist/components/NSFilterBoxDialog.js.map +1 -1
  66. package/dist/components/NSFilterBoxDialog.module.css +36 -36
  67. package/dist/components/NSFilterItem.module.css +23 -23
  68. package/dist/components/NSFooter.module.css +126 -126
  69. package/dist/components/NSGroupedList.module.css +70 -70
  70. package/dist/components/NSHeader.module.css +254 -254
  71. package/dist/components/NSInput.module.css +74 -0
  72. package/dist/components/NSInputDate.d.ts +21 -0
  73. package/dist/components/NSInputDate.js +41 -0
  74. package/dist/components/NSInputDate.js.map +1 -0
  75. package/dist/components/NSInputDate.module.css +42 -0
  76. package/dist/components/NSInputDuration.d.ts +23 -0
  77. package/dist/components/NSInputDuration.js +42 -0
  78. package/dist/components/NSInputDuration.js.map +1 -0
  79. package/dist/components/NSInputEmail.d.ts +22 -0
  80. package/dist/components/NSInputEmail.js +43 -0
  81. package/dist/components/NSInputEmail.js.map +1 -0
  82. package/dist/components/NSInputErrorNotifier.d.ts +5 -0
  83. package/dist/components/NSInputErrorNotifier.js +7 -0
  84. package/dist/components/NSInputErrorNotifier.js.map +1 -0
  85. package/dist/components/NSInputErrorNotifier.module.css +3 -0
  86. package/dist/components/NSInputFloat.d.ts +22 -0
  87. package/dist/components/NSInputFloat.js +41 -0
  88. package/dist/components/NSInputFloat.js.map +1 -0
  89. package/dist/components/NSInputIP.d.ts +22 -0
  90. package/dist/components/NSInputIP.js +43 -0
  91. package/dist/components/NSInputIP.js.map +1 -0
  92. package/dist/components/NSInputInteger.d.ts +22 -0
  93. package/dist/components/NSInputInteger.js +41 -0
  94. package/dist/components/NSInputInteger.js.map +1 -0
  95. package/dist/components/NSInputPassword.d.ts +22 -0
  96. package/dist/components/NSInputPassword.js +42 -0
  97. package/dist/components/NSInputPassword.js.map +1 -0
  98. package/dist/components/NSInputPhone.d.ts +22 -0
  99. package/dist/components/NSInputPhone.js +38 -0
  100. package/dist/components/NSInputPhone.js.map +1 -0
  101. package/dist/components/NSInputPrice.d.ts +22 -0
  102. package/dist/components/NSInputPrice.js +41 -0
  103. package/dist/components/NSInputPrice.js.map +1 -0
  104. package/dist/components/NSInputSearch.d.ts +22 -0
  105. package/dist/components/NSInputSearch.js +41 -0
  106. package/dist/components/NSInputSearch.js.map +1 -0
  107. package/dist/components/NSInputString.d.ts +22 -0
  108. package/dist/components/NSInputString.js +42 -0
  109. package/dist/components/NSInputString.js.map +1 -0
  110. package/dist/components/NSInputText.d.ts +22 -0
  111. package/dist/components/NSInputText.js +42 -0
  112. package/dist/components/NSInputText.js.map +1 -0
  113. package/dist/components/NSInputTime.d.ts +22 -0
  114. package/dist/components/NSInputTime.js +43 -0
  115. package/dist/components/NSInputTime.js.map +1 -0
  116. package/dist/components/NSLayout.module.css +13 -13
  117. package/dist/components/NSLayoutAction.d.ts +5 -0
  118. package/dist/components/NSLayoutAction.js +20 -0
  119. package/dist/components/NSLayoutAction.js.map +1 -0
  120. package/dist/components/NSLayoutAction.module.css +88 -0
  121. package/dist/components/NSLayoutHeroBanner.d.ts +2 -0
  122. package/dist/components/NSLayoutHeroBanner.js +8 -0
  123. package/dist/components/NSLayoutHeroBanner.js.map +1 -0
  124. package/dist/components/NSLayoutHeroBanner.module.css +43 -0
  125. package/dist/components/NSLayoutTitle.d.ts +2 -0
  126. package/dist/components/NSLayoutTitle.js +11 -0
  127. package/dist/components/NSLayoutTitle.js.map +1 -0
  128. package/dist/components/NSLayoutTitle.module.css +10 -0
  129. package/dist/components/NSLink.module.css +36 -36
  130. package/dist/components/NSLoading.module.css +29 -29
  131. package/dist/components/NSModal.js +2 -2
  132. package/dist/components/NSModal.module.css +70 -70
  133. package/dist/components/NSNotification.d.ts +21 -0
  134. package/dist/components/NSNotification.js +37 -0
  135. package/dist/components/NSNotification.js.map +1 -0
  136. package/dist/components/NSNotification.module.css +32 -0
  137. package/dist/components/NSPagination.module.css +82 -82
  138. package/dist/components/NSPanel.module.css +46 -46
  139. package/dist/components/NSSection.module.css +10 -10
  140. package/dist/components/NSSectionBars.module.css +10 -10
  141. package/dist/components/NSSectionCards.module.css +38 -38
  142. package/dist/components/NSSelectBox.d.ts +24 -0
  143. package/dist/components/NSSelectBox.js +61 -0
  144. package/dist/components/NSSelectBox.js.map +1 -0
  145. package/dist/components/NSSelectBox.module.css +42 -0
  146. package/dist/components/NSTabPage.module.css +48 -48
  147. package/dist/components/NSTable.module.css +172 -172
  148. package/dist/components/NSTitle.module.css +15 -15
  149. package/dist/components/NSVerification.module.css +22 -22
  150. package/dist/index.css +6 -0
  151. package/dist/pages/NSLoginPage.module.css +19 -19
  152. package/dist/pages/NSNotFoundPage.module.css +18 -18
  153. package/dist/props/BaseComponentProps.d.ts +6 -0
  154. package/dist/props/BaseComponentProps.js +2 -0
  155. package/dist/props/BaseComponentProps.js.map +10 -0
  156. package/dist/props/INamirasoftProps.d.ts +4 -0
  157. package/dist/props/INamirasoftProps.js +2 -0
  158. package/dist/props/INamirasoftProps.js.map +1 -0
  159. package/dist/props/ImageProps.d.ts +4 -0
  160. package/dist/props/ImageProps.js +2 -0
  161. package/dist/props/ImageProps.js.map +10 -0
  162. package/dist/props/LinkProps.d.ts +5 -0
  163. package/dist/props/LinkProps.js +2 -0
  164. package/dist/props/LinkProps.js.map +10 -0
  165. package/dist/props/ValidationNumberProps.d.ts +4 -0
  166. package/dist/props/ValidationNumberProps.js +2 -0
  167. package/dist/props/ValidationNumberProps.js.map +10 -0
  168. package/dist/props/ValidationProps.d.ts +6 -0
  169. package/dist/props/ValidationProps.js +2 -0
  170. package/dist/props/ValidationProps.js.map +10 -0
  171. package/dist/props/ValidationRegexProps.d.ts +4 -0
  172. package/dist/props/ValidationRegexProps.js +2 -0
  173. package/dist/props/ValidationRegexProps.js.map +1 -0
  174. package/dist/props/ValidationStringProps.d.ts +4 -0
  175. package/dist/props/ValidationStringProps.js +2 -0
  176. package/dist/props/ValidationStringProps.js.map +10 -0
  177. package/package.json +65 -65
  178. package/public/index.html +38 -38
  179. package/src/App.css +16 -16
  180. package/src/App.tsx +156 -155
  181. package/src/CopyToClipboard.ts +6 -6
  182. package/src/Validator.ts +110 -110
  183. package/src/assets/images/404 image.svg +9 -9
  184. package/src/assets/images/404 image_mobile.svg +9 -9
  185. package/src/assets/images/arrow.svg +3 -3
  186. package/src/assets/images/danger.svg +3 -3
  187. package/src/assets/images/exit.svg +3 -3
  188. package/src/assets/images/icon-input-copy.svg +3 -3
  189. package/src/assets/images/icon-input-date.svg +9 -9
  190. package/src/assets/images/icon-input-duration.svg +9 -9
  191. package/src/assets/images/icon-input-email.svg +9 -9
  192. package/src/assets/images/icon-input-float.svg +9 -9
  193. package/src/assets/images/icon-input-integer.svg +9 -9
  194. package/src/assets/images/icon-input-ip.svg +9 -9
  195. package/src/assets/images/icon-input-phone.svg +9 -9
  196. package/src/assets/images/icon-input-price.svg +9 -9
  197. package/src/assets/images/icon-input-search.svg +3 -3
  198. package/src/assets/images/icon-input-string.svg +9 -9
  199. package/src/assets/images/icon-input-text.svg +9 -9
  200. package/src/assets/images/icon-input-time.svg +9 -9
  201. package/src/assets/images/icon-select-box.svg +3 -3
  202. package/src/assets/images/logo.svg +9 -9
  203. package/src/assets/images/menu.svg +3 -3
  204. package/src/assets/images/namira.svg +9 -9
  205. package/src/assets/images/rectangle.svg +3 -3
  206. package/src/components/NSAccess.module.css +38 -38
  207. package/src/components/NSAccess.tsx +25 -25
  208. package/src/components/NSActionMenu.module.css +75 -75
  209. package/src/components/NSActionMenu.tsx +86 -86
  210. package/src/components/NSBarAction.module.css +87 -87
  211. package/src/components/NSBarAction.tsx +87 -87
  212. package/src/components/NSBarHeroBanner.module.css +42 -42
  213. package/src/components/NSBarHeroBanner.tsx +61 -61
  214. package/src/components/NSBarNotification.module.css +31 -31
  215. package/src/components/NSBarNotification.tsx +63 -63
  216. package/src/components/NSBarTitle.module.css +9 -9
  217. package/src/components/NSBarTitle.tsx +28 -28
  218. package/src/components/NSBox.module.css +122 -122
  219. package/src/components/NSBoxBoolean.module.css +54 -54
  220. package/src/components/NSBoxBoolean.tsx +91 -91
  221. package/src/components/NSBoxDate.module.css +39 -39
  222. package/src/components/NSBoxDate.tsx +84 -84
  223. package/src/components/NSBoxDateTime.tsx +84 -84
  224. package/src/components/NSBoxDouble.tsx +90 -90
  225. package/src/components/NSBoxDuration.tsx +88 -88
  226. package/src/components/NSBoxEmail.tsx +148 -148
  227. package/src/components/NSBoxEntity.tsx +120 -120
  228. package/src/components/NSBoxEnum.module.css +38 -38
  229. package/src/components/NSBoxEnum.tsx +127 -127
  230. package/src/components/NSBoxErrorNotifier.module.css +2 -2
  231. package/src/components/NSBoxErrorNotifier.tsx +27 -27
  232. package/src/components/NSBoxIPV4.tsx +93 -93
  233. package/src/components/NSBoxIPV6.tsx +90 -90
  234. package/src/components/NSBoxInteger.tsx +86 -86
  235. package/src/components/NSBoxLabel.module.css +12 -12
  236. package/src/components/NSBoxLabel.tsx +28 -28
  237. package/src/components/NSBoxOTP.module.css +10 -10
  238. package/src/components/NSBoxOTP.tsx +61 -61
  239. package/src/components/NSBoxPassword.tsx +86 -86
  240. package/src/components/NSBoxPhone.tsx +114 -114
  241. package/src/components/NSBoxPrice.tsx +88 -88
  242. package/src/components/NSBoxString.tsx +135 -135
  243. package/src/components/NSBoxTextArea.module.css +76 -76
  244. package/src/components/NSBoxTextArea.tsx +131 -131
  245. package/src/components/NSBoxTime.tsx +88 -88
  246. package/src/components/NSButton.module.css +27 -27
  247. package/src/components/NSButton.tsx +23 -23
  248. package/src/components/NSButtonBlue.module.css +4 -4
  249. package/src/components/NSButtonBlue.tsx +12 -12
  250. package/src/components/NSButtonGreen.module.css +4 -4
  251. package/src/components/NSButtonGreen.tsx +11 -11
  252. package/src/components/NSButtonRed.module.css +4 -4
  253. package/src/components/NSButtonRed.tsx +11 -11
  254. package/src/components/NSCard.module.css +110 -110
  255. package/src/components/NSCard.tsx +69 -69
  256. package/src/components/NSCopyToClipboard.module.css +39 -39
  257. package/src/components/NSCopyToClipboard.tsx +35 -35
  258. package/src/components/NSElectronicCard.module.css +60 -60
  259. package/src/components/NSElectronicCard.tsx +47 -47
  260. package/src/components/NSEntityBar.module.css +77 -77
  261. package/src/components/NSEntityBar.tsx +27 -27
  262. package/src/components/NSEntityCardBackground.module.css +27 -27
  263. package/src/components/NSEntityCardBackground.tsx +34 -34
  264. package/src/components/NSFilterBox.module.css +38 -38
  265. package/src/components/NSFilterBox.tsx +341 -329
  266. package/src/components/NSFilterBoxDialog.module.css +36 -36
  267. package/src/components/NSFilterBoxDialog.tsx +72 -74
  268. package/src/components/NSFilterItem.module.css +23 -23
  269. package/src/components/NSFilterItem.tsx +72 -72
  270. package/src/components/NSFooter.module.css +126 -126
  271. package/src/components/NSFooter.tsx +153 -153
  272. package/src/components/NSGroupedList.module.css +70 -70
  273. package/src/components/NSGroupedList.tsx +64 -64
  274. package/src/components/NSHeader.module.css +254 -254
  275. package/src/components/NSHeader.tsx +187 -187
  276. package/src/components/NSLayout.module.css +13 -13
  277. package/src/components/NSLayout.tsx +75 -75
  278. package/src/components/NSLine.tsx +18 -18
  279. package/src/components/NSLink.module.css +36 -36
  280. package/src/components/NSLink.tsx +25 -25
  281. package/src/components/NSLinkBlue.tsx +20 -20
  282. package/src/components/NSLinkGreen.tsx +5 -5
  283. package/src/components/NSLinkRed.tsx +5 -5
  284. package/src/components/NSLoading.module.css +29 -29
  285. package/src/components/NSLoading.tsx +19 -19
  286. package/src/components/NSModal.module.css +70 -70
  287. package/src/components/NSModal.tsx +62 -62
  288. package/src/components/NSPagination.module.css +82 -82
  289. package/src/components/NSPagination.tsx +124 -124
  290. package/src/components/NSPanel.module.css +46 -46
  291. package/src/components/NSPanel.tsx +19 -19
  292. package/src/components/NSSection.module.css +10 -10
  293. package/src/components/NSSection.tsx +23 -23
  294. package/src/components/NSSectionBars.module.css +10 -10
  295. package/src/components/NSSectionBars.tsx +25 -25
  296. package/src/components/NSSectionCards.module.css +38 -38
  297. package/src/components/NSSectionCards.tsx +51 -51
  298. package/src/components/NSSectionTitle.tsx +21 -21
  299. package/src/components/NSSpace.tsx +28 -28
  300. package/src/components/NSTabPage.module.css +48 -48
  301. package/src/components/NSTabPage.tsx +45 -45
  302. package/src/components/NSTable.module.css +172 -172
  303. package/src/components/NSTable.tsx +190 -190
  304. package/src/components/NSTitle.module.css +15 -15
  305. package/src/components/NSTitle.tsx +19 -19
  306. package/src/components/NSVerification.module.css +22 -22
  307. package/src/components/NSVerification.tsx +41 -41
  308. package/src/index.tsx +7 -7
  309. package/src/main.ts +78 -78
  310. package/src/pages/NSLoginPage.module.css +19 -19
  311. package/src/pages/NSLoginPage.tsx +45 -45
  312. package/src/pages/NSNotFoundPage.module.css +18 -18
  313. package/src/pages/NSNotFoundPage.tsx +11 -11
  314. package/src/props/IBaseComponentProps.ts +7 -7
  315. package/src/props/IHeaderIconProps.ts +9 -9
  316. package/src/props/IHeaderProps.ts +6 -6
  317. package/src/props/IImageProps.ts +4 -4
  318. package/src/props/ILinkProps.ts +5 -5
  319. package/src/props/IValidationNumberProps.ts +4 -4
  320. package/src/props/IValidationProps.ts +7 -7
  321. package/src/props/IValidationRegexProps.ts +4 -4
  322. package/src/props/IValidationStringProps.ts +4 -4
  323. package/src/routing/INSRouterMaker.ts +6 -6
  324. package/src/routing/INSRouterProps.ts +5 -5
  325. package/src/routing/INSRouterState.ts +5 -5
  326. package/src/routing/NSRouterMaker.tsx +33 -33
  327. package/src/routing/Notifier.ts +79 -79
  328. package/tsconfig.json +43 -43
@@ -1,3 +1,3 @@
1
- <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <rect x="1" y="1" width="18" height="18" rx="3" fill="white" stroke="#848484" stroke-width="2"/>
3
- </svg>
1
+ <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <rect x="1" y="1" width="18" height="18" rx="3" fill="white" stroke="#848484" stroke-width="2"/>
3
+ </svg>
@@ -1,39 +1,39 @@
1
- .ns_access_container {
2
- background-color: rgb(233, 237, 246);
3
- border-radius: 16px;
4
- padding: 24px;
5
- width: fit-content;
6
- margin: 48px;
7
- }
8
-
9
- .ns_access_container h6,
10
- h2 {
11
- color: black;
12
- text-align: center;
13
- }
14
-
15
- .ns_access_account_container {
16
- display: flex;
17
- flex-direction: row;
18
- border: none;
19
- background-color: white;
20
- border-radius: 8px;
21
- align-items: center;
22
- gap: 10px;
23
- padding: 0 10px;
24
- }
25
-
26
- .ns_access_account_first_letter_icon {
27
- width: 24px;
28
- height: 24px;
29
- background-color: rgba(5, 130, 210, 1);
30
- border-radius: 50%;
31
- color: white !important;
32
- }
33
-
34
- .ns_access_account_info {
35
- display: flex;
36
- flex-direction: column;
37
- justify-content: left;
38
- align-items: flex-start;
1
+ .ns_access_container {
2
+ background-color: rgb(233, 237, 246);
3
+ border-radius: 16px;
4
+ padding: 24px;
5
+ width: fit-content;
6
+ margin: 48px;
7
+ }
8
+
9
+ .ns_access_container h6,
10
+ h2 {
11
+ color: black;
12
+ text-align: center;
13
+ }
14
+
15
+ .ns_access_account_container {
16
+ display: flex;
17
+ flex-direction: row;
18
+ border: none;
19
+ background-color: white;
20
+ border-radius: 8px;
21
+ align-items: center;
22
+ gap: 10px;
23
+ padding: 0 10px;
24
+ }
25
+
26
+ .ns_access_account_first_letter_icon {
27
+ width: 24px;
28
+ height: 24px;
29
+ background-color: rgba(5, 130, 210, 1);
30
+ border-radius: 50%;
31
+ color: white !important;
32
+ }
33
+
34
+ .ns_access_account_info {
35
+ display: flex;
36
+ flex-direction: column;
37
+ justify-content: left;
38
+ align-items: flex-start;
39
39
  }
@@ -26,8 +26,8 @@ export function NSActionMenu(props) {
26
26
  return _jsx(_Fragment, {});
27
27
  if (props.items.length === 1)
28
28
  return _jsx(NSButtonBlue, { title: props.items[0].menu_item, onClick: () => onClick(props.items[0]) });
29
- return (_jsxs("div", { className: Styles.ns_action_bar, ref: menuRef, children: [_jsxs("button", { onClick: () => setState((prevState) => (Object.assign(Object.assign({}, prevState), { isShow: !state.isShow }))), children: [props.name, _jsx("img", { className: Styles.ns_action_menu_icon, src: "https://static.namirasoft.com/image/concept/ellipsis/vertical-blue.png", alt: "Icon", width: 8, height: 24 })] }), _jsx("ul", { className: `${Styles.ns_action_item_holder} ${state.isShow ? Styles.ns_show : Styles.ns_hide}`, children: props.items.map((item) => _jsx("li", { onClick: () => onClick(item), className: `${Styles.ns_action_item}
30
- ${item.isActive() ? Styles.ns_active_item : Styles.ns_deActive_item}
29
+ return (_jsxs("div", { className: Styles.ns_action_bar, ref: menuRef, children: [_jsxs("button", { onClick: () => setState((prevState) => (Object.assign(Object.assign({}, prevState), { isShow: !state.isShow }))), children: [props.name, _jsx("img", { className: Styles.ns_action_menu_icon, src: "https://static.namirasoft.com/image/concept/ellipsis/vertical-blue.png", alt: "Icon", width: 8, height: 24 })] }), _jsx("ul", { className: `${Styles.ns_action_item_holder} ${state.isShow ? Styles.ns_show : Styles.ns_hide}`, children: props.items.map((item) => _jsx("li", { onClick: () => onClick(item), className: `${Styles.ns_action_item}
30
+ ${item.isActive() ? Styles.ns_active_item : Styles.ns_deActive_item}
31
31
  `, children: item.menu_item }, item.id)) })] }));
32
32
  }
33
33
  //# sourceMappingURL=NSActionMenu.js.map
@@ -1,76 +1,76 @@
1
- .ns_action_bar {
2
- display: flex;
3
- flex-direction: column;
4
- width: 272px;
5
- color: #000;
6
- position: relative;
7
- max-width: 100%;
8
- }
9
-
10
- .ns_action_bar>button {
11
- border-radius: 8px;
12
- padding: 10px 12px;
13
- font-size: 16px;
14
- font-weight: 400;
15
- border: 1px solid #000;
16
- max-width: 100%;
17
- height: max-content !important;
18
- background: #fff;
19
- cursor: pointer;
20
- text-align: start;
21
- color: #141B5C;
22
- cursor: pointer;
23
- }
24
-
25
- .ns_action_menu_icon {
26
- position: absolute;
27
- right: 20px;
28
- top: 12px;
29
- z-index: 1;
30
- }
31
-
32
- .ns_action_item_holder {
33
- list-style-type: none;
34
- padding: 16px 0;
35
- margin: 0;
36
- background: #fff;
37
- border-radius: 8px;
38
- position: absolute;
39
- top: 64px;
40
- left: 0;
41
- width: 100%;
42
- box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
43
- -webkit-box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
44
- -moz-box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
45
- }
46
-
47
- .ns_action_item {
48
- height: 40px;
49
- display: flex;
50
- align-items: center;
51
- font-size: 16px;
52
- color: #141B5C;
53
- padding: 0 16px;
54
- cursor: pointer;
55
- position: relative;
56
- z-index: 11;
57
- }
58
-
59
- .ns_action_item:hover {
60
- background-color: #141B5C66;
61
- }
62
-
63
- .ns_active_item {}
64
-
65
- .ns_deActive_item {
66
- color: #D1D1D1;
67
- cursor: not-allowed;
68
- }
69
-
70
- .ns_show {
71
- display: block;
72
- }
73
-
74
- .ns_hide {
75
- display: none;
1
+ .ns_action_bar {
2
+ display: flex;
3
+ flex-direction: column;
4
+ width: 272px;
5
+ color: #000;
6
+ position: relative;
7
+ max-width: 100%;
8
+ }
9
+
10
+ .ns_action_bar>button {
11
+ border-radius: 8px;
12
+ padding: 10px 12px;
13
+ font-size: 16px;
14
+ font-weight: 400;
15
+ border: 1px solid #000;
16
+ max-width: 100%;
17
+ height: max-content !important;
18
+ background: #fff;
19
+ cursor: pointer;
20
+ text-align: start;
21
+ color: #141B5C;
22
+ cursor: pointer;
23
+ }
24
+
25
+ .ns_action_menu_icon {
26
+ position: absolute;
27
+ right: 20px;
28
+ top: 12px;
29
+ z-index: 1;
30
+ }
31
+
32
+ .ns_action_item_holder {
33
+ list-style-type: none;
34
+ padding: 16px 0;
35
+ margin: 0;
36
+ background: #fff;
37
+ border-radius: 8px;
38
+ position: absolute;
39
+ top: 64px;
40
+ left: 0;
41
+ width: 100%;
42
+ box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
43
+ -webkit-box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
44
+ -moz-box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
45
+ }
46
+
47
+ .ns_action_item {
48
+ height: 40px;
49
+ display: flex;
50
+ align-items: center;
51
+ font-size: 16px;
52
+ color: #141B5C;
53
+ padding: 0 16px;
54
+ cursor: pointer;
55
+ position: relative;
56
+ z-index: 11;
57
+ }
58
+
59
+ .ns_action_item:hover {
60
+ background-color: #141B5C66;
61
+ }
62
+
63
+ .ns_active_item {}
64
+
65
+ .ns_deActive_item {
66
+ color: #D1D1D1;
67
+ cursor: not-allowed;
68
+ }
69
+
70
+ .ns_show {
71
+ display: block;
72
+ }
73
+
74
+ .ns_hide {
75
+ display: none;
76
76
  }
@@ -1,88 +1,88 @@
1
- .title {
2
- text-align: center;
3
- color: rgba(20, 27, 92, 1);
4
- white-space: nowrap;
5
- }
6
-
7
- .description {
8
- text-align: center;
9
- color: rgba(20, 27, 92, 1);
10
- margin: 0px;
11
- }
12
-
13
- .ns_action_bar_holder {
14
- z-index: 1;
15
- padding: 0 16px;
16
- position: sticky;
17
- top: 0;
18
- background-color: #fff;
19
- width: 100%;
20
- height: 100%;
21
- display: flex;
22
- flex-direction: row;
23
- flex-wrap: wrap;
24
- justify-content: center;
25
- align-items: center;
26
- box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
27
- -webkit-box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
28
- -moz-box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
29
- }
30
-
31
- .ns_actions_hodler {
32
- display: flex;
33
- align-items: center;
34
- justify-content: center;
35
- flex-direction: row;
36
- flex-wrap: wrap;
37
- gap: 16px;
38
- }
39
-
40
- .ns_info_container {
41
- border: none;
42
- outline: none;
43
- background: none;
44
- }
45
-
46
- .ns_layout_description_holder {
47
- display: flex;
48
- }
49
-
50
- .ns_hide {
51
- display: none;
52
- }
53
-
54
- .ns_show {
55
- display: flex;
56
- }
57
-
58
- .ns_desktop_action_bar_title {
59
- display: none;
60
- }
61
-
62
- .ns_mobile_action_bar_title {
63
- display: block;
64
- }
65
-
66
- @media only screen and (min-width: 992px) {
67
- .ns_action_bar_holder {
68
- justify-content: space-between;
69
- min-height: 80px;
70
- }
71
-
72
- .ns_desktop_action_bar_title {
73
- display: flex;
74
- }
75
-
76
- .ns_mobile_action_bar_title {
77
- display: none;
78
- }
79
-
80
- .ns_info_container {
81
- margin: 0;
82
- display: flex;
83
- align-items: center;
84
- justify-content: flex-start;
85
- gap: 4px;
86
- }
87
-
1
+ .title {
2
+ text-align: center;
3
+ color: rgba(20, 27, 92, 1);
4
+ white-space: nowrap;
5
+ }
6
+
7
+ .description {
8
+ text-align: center;
9
+ color: rgba(20, 27, 92, 1);
10
+ margin: 0px;
11
+ }
12
+
13
+ .ns_action_bar_holder {
14
+ z-index: 1;
15
+ padding: 0 16px;
16
+ position: sticky;
17
+ top: 0;
18
+ background-color: #fff;
19
+ width: 100%;
20
+ height: 100%;
21
+ display: flex;
22
+ flex-direction: row;
23
+ flex-wrap: wrap;
24
+ justify-content: center;
25
+ align-items: center;
26
+ box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
27
+ -webkit-box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
28
+ -moz-box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
29
+ }
30
+
31
+ .ns_actions_hodler {
32
+ display: flex;
33
+ align-items: center;
34
+ justify-content: center;
35
+ flex-direction: row;
36
+ flex-wrap: wrap;
37
+ gap: 16px;
38
+ }
39
+
40
+ .ns_info_container {
41
+ border: none;
42
+ outline: none;
43
+ background: none;
44
+ }
45
+
46
+ .ns_layout_description_holder {
47
+ display: flex;
48
+ }
49
+
50
+ .ns_hide {
51
+ display: none;
52
+ }
53
+
54
+ .ns_show {
55
+ display: flex;
56
+ }
57
+
58
+ .ns_desktop_action_bar_title {
59
+ display: none;
60
+ }
61
+
62
+ .ns_mobile_action_bar_title {
63
+ display: block;
64
+ }
65
+
66
+ @media only screen and (min-width: 992px) {
67
+ .ns_action_bar_holder {
68
+ justify-content: space-between;
69
+ min-height: 80px;
70
+ }
71
+
72
+ .ns_desktop_action_bar_title {
73
+ display: flex;
74
+ }
75
+
76
+ .ns_mobile_action_bar_title {
77
+ display: none;
78
+ }
79
+
80
+ .ns_info_container {
81
+ margin: 0;
82
+ display: flex;
83
+ align-items: center;
84
+ justify-content: flex-start;
85
+ gap: 4px;
86
+ }
87
+
88
88
  }
@@ -1,43 +1,43 @@
1
- .hero_holder {
2
- background-color: #001664;
3
- position: relative;
4
- }
5
-
6
- .hero_wraper {
7
- padding-bottom: 24px;
8
- padding-top: 24px;
9
- display: flex;
10
- justify-content: center;
11
- }
12
-
13
- .hero_text_container {
14
- display: flex;
15
- flex-direction: column;
16
- justify-content: flex-start;
17
- align-items: flex-start;
18
- color: #fff;
19
- z-index: 9;
20
- }
21
-
22
- .hero_image_bg {
23
- background-position: center;
24
- background-repeat: no-repeat;
25
- background-size: cover;
26
- border-radius: 24px;
27
- overflow: hidden;
28
- }
29
-
30
- @media only screen and (min-width: 1024px) {
31
- .ns_hero_vector_bg {
32
- position: absolute;
33
- width: 100%;
34
- top: 0;
35
- left: 0;
36
- right: 0;
37
- bottom: 0;
38
- z-index: 2;
39
- background-position: right bottom;
40
- background-size: auto;
41
- background-repeat: no-repeat;
42
- }
1
+ .hero_holder {
2
+ background-color: #001664;
3
+ position: relative;
4
+ }
5
+
6
+ .hero_wraper {
7
+ padding-bottom: 24px;
8
+ padding-top: 24px;
9
+ display: flex;
10
+ justify-content: center;
11
+ }
12
+
13
+ .hero_text_container {
14
+ display: flex;
15
+ flex-direction: column;
16
+ justify-content: flex-start;
17
+ align-items: flex-start;
18
+ color: #fff;
19
+ z-index: 9;
20
+ }
21
+
22
+ .hero_image_bg {
23
+ background-position: center;
24
+ background-repeat: no-repeat;
25
+ background-size: cover;
26
+ border-radius: 24px;
27
+ overflow: hidden;
28
+ }
29
+
30
+ @media only screen and (min-width: 1024px) {
31
+ .ns_hero_vector_bg {
32
+ position: absolute;
33
+ width: 100%;
34
+ top: 0;
35
+ left: 0;
36
+ right: 0;
37
+ bottom: 0;
38
+ z-index: 2;
39
+ background-position: right bottom;
40
+ background-size: auto;
41
+ background-repeat: no-repeat;
42
+ }
43
43
  }
@@ -1,32 +1,32 @@
1
- .ns_messenger {
2
- background-color: #fff;
3
- padding: 12px 15px;
4
- display: flex;
5
- justify-content: space-between;
6
- align-items: center;
7
- }
8
-
9
- .ns_gray {
10
- border: 3px solid gray;
11
- box-shadow: 1px 1px 8px 0px gray;
12
- }
13
-
14
- .ns_blue {
15
- border: 3px solid blue;
16
- box-shadow: 1px 1px 8px 0px blue;
17
- }
18
-
19
- .ns_green {
20
- border: 3px solid rgba(112, 224, 0, 1);
21
- box-shadow: 1px 1px 8px 0px rgba(112, 224, 0, 1);
22
- }
23
-
24
- .ns_yellow {
25
- border: 3px solid yellow;
26
- box-shadow: 1px 1px 8px 0px yellow;
27
- }
28
-
29
- .ns_red {
30
- border: 3px solid red;
31
- box-shadow: 1px 1px 8px 0px red;
1
+ .ns_messenger {
2
+ background-color: #fff;
3
+ padding: 12px 15px;
4
+ display: flex;
5
+ justify-content: space-between;
6
+ align-items: center;
7
+ }
8
+
9
+ .ns_gray {
10
+ border: 3px solid gray;
11
+ box-shadow: 1px 1px 8px 0px gray;
12
+ }
13
+
14
+ .ns_blue {
15
+ border: 3px solid blue;
16
+ box-shadow: 1px 1px 8px 0px blue;
17
+ }
18
+
19
+ .ns_green {
20
+ border: 3px solid rgba(112, 224, 0, 1);
21
+ box-shadow: 1px 1px 8px 0px rgba(112, 224, 0, 1);
22
+ }
23
+
24
+ .ns_yellow {
25
+ border: 3px solid yellow;
26
+ box-shadow: 1px 1px 8px 0px yellow;
27
+ }
28
+
29
+ .ns_red {
30
+ border: 3px solid red;
31
+ box-shadow: 1px 1px 8px 0px red;
32
32
  }
@@ -1,10 +1,10 @@
1
- .title {
2
- text-align: center;
3
- color: rgba(20, 27, 92, 1);
4
- }
5
-
6
- .description {
7
- text-align: center;
8
- color: rgba(20, 27, 92, 1);
9
- margin: 0px;
1
+ .title {
2
+ text-align: center;
3
+ color: rgba(20, 27, 92, 1);
4
+ }
5
+
6
+ .description {
7
+ text-align: center;
8
+ color: rgba(20, 27, 92, 1);
9
+ margin: 0px;
10
10
  }