namirasoft-site-react 1.3.307 → 1.3.309

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 (347) hide show
  1. package/config-overrides.js +70 -70
  2. package/dist/App.js +2 -2
  3. package/dist/App.js.map +1 -1
  4. package/dist/assets/images/404 image.svg +9 -9
  5. package/dist/assets/images/404 image_mobile.svg +9 -9
  6. package/dist/assets/images/arrow.svg +3 -3
  7. package/dist/assets/images/danger.svg +3 -3
  8. package/dist/assets/images/exit.svg +3 -3
  9. package/dist/assets/images/icon-input-copy.svg +3 -3
  10. package/dist/assets/images/icon-input-date.svg +9 -9
  11. package/dist/assets/images/icon-input-duration.svg +9 -9
  12. package/dist/assets/images/icon-input-email.svg +9 -9
  13. package/dist/assets/images/icon-input-float.svg +9 -9
  14. package/dist/assets/images/icon-input-integer.svg +9 -9
  15. package/dist/assets/images/icon-input-ip.svg +9 -9
  16. package/dist/assets/images/icon-input-phone.svg +9 -9
  17. package/dist/assets/images/icon-input-price.svg +9 -9
  18. package/dist/assets/images/icon-input-search.svg +3 -3
  19. package/dist/assets/images/icon-input-string.svg +9 -9
  20. package/dist/assets/images/icon-input-text.svg +9 -9
  21. package/dist/assets/images/icon-input-time.svg +9 -9
  22. package/dist/assets/images/icon-select-box.svg +3 -3
  23. package/dist/assets/images/logo.svg +9 -9
  24. package/dist/assets/images/menu.svg +3 -3
  25. package/dist/assets/images/namira.svg +9 -9
  26. package/dist/assets/images/rectangle.svg +3 -3
  27. package/dist/components/NSActionMenu.js +2 -2
  28. package/dist/components/NSActionMenu.module.css +75 -75
  29. package/dist/components/NSAssistantButton.module.css +133 -133
  30. package/dist/components/NSBarAction.module.css +87 -87
  31. package/dist/components/NSBarHeroBanner.module.css +42 -42
  32. package/dist/components/NSBarNotification.module.css +34 -34
  33. package/dist/components/NSBarTitle.module.css +9 -9
  34. package/dist/components/NSBox.module.css +123 -123
  35. package/dist/components/NSBoxBoolean.module.css +53 -53
  36. package/dist/components/NSBoxCombo.module.css +16 -16
  37. package/dist/components/NSBoxDate.module.css +39 -39
  38. package/dist/components/NSBoxErrorNotifier.module.css +2 -2
  39. package/dist/components/NSBoxLabel.module.css +12 -12
  40. package/dist/components/NSBoxOTP.module.css +10 -10
  41. package/dist/components/NSBoxTextArea.module.css +76 -76
  42. package/dist/components/NSButton.module.css +27 -27
  43. package/dist/components/NSButtonBlue.module.css +4 -4
  44. package/dist/components/NSButtonGreen.module.css +4 -4
  45. package/dist/components/NSButtonRed.module.css +4 -4
  46. package/dist/components/NSCard.module.css +108 -108
  47. package/dist/components/NSCopyToClipboard.module.css +39 -39
  48. package/dist/components/NSElectronicCard.module.css +60 -60
  49. package/dist/components/NSEntityBar.module.css +77 -77
  50. package/dist/components/NSEntityCardBackground.module.css +27 -27
  51. package/dist/components/NSFilterBox.module.css +47 -47
  52. package/dist/components/NSFilterBoxDialog.module.css +36 -36
  53. package/dist/components/NSFilterItem.module.css +23 -23
  54. package/dist/components/NSFooter.module.css +123 -123
  55. package/dist/components/NSGroupedList.module.css +72 -72
  56. package/dist/components/NSHeader.module.css +271 -271
  57. package/dist/components/NSLayout.module.css +13 -13
  58. package/dist/components/NSLink.module.css +36 -36
  59. package/dist/components/NSLoading.module.css +29 -29
  60. package/dist/components/NSModal.js +2 -2
  61. package/dist/components/NSModal.module.css +70 -70
  62. package/dist/components/NSNoData.module.css +8 -8
  63. package/dist/components/NSPagination.module.css +101 -101
  64. package/dist/components/NSPanel.module.css +46 -46
  65. package/dist/components/NSPrintModal.module.css +81 -81
  66. package/dist/components/NSRadioButton.module.css +28 -28
  67. package/dist/components/NSSection.module.css +10 -10
  68. package/dist/components/NSSectionBars.module.css +10 -10
  69. package/dist/components/NSSectionCards.module.css +38 -38
  70. package/dist/components/NSTabPage.module.css +48 -48
  71. package/dist/components/NSTable.d.ts +0 -1
  72. package/dist/components/NSTable.js +10 -8
  73. package/dist/components/NSTable.js.map +1 -1
  74. package/dist/components/NSTable.module.css +210 -210
  75. package/dist/components/NSTag.module.css +44 -44
  76. package/dist/components/NSTitle.module.css +15 -15
  77. package/dist/components/NSVerification.module.css +22 -22
  78. package/dist/pages/NSLoginPage.module.css +19 -19
  79. package/dist/pages/NSNotFoundPage.module.css +18 -18
  80. package/package.json +67 -67
  81. package/public/index.html +38 -38
  82. package/src/App.css +16 -16
  83. package/src/App.tsx +167 -167
  84. package/src/CopyToClipboard.ts +6 -6
  85. package/src/Validator.ts +110 -110
  86. package/src/assets/images/404 image.svg +9 -9
  87. package/src/assets/images/404 image_mobile.svg +9 -9
  88. package/src/assets/images/arrow.svg +3 -3
  89. package/src/assets/images/danger.svg +3 -3
  90. package/src/assets/images/exit.svg +3 -3
  91. package/src/assets/images/icon-input-copy.svg +3 -3
  92. package/src/assets/images/icon-input-date.svg +9 -9
  93. package/src/assets/images/icon-input-duration.svg +9 -9
  94. package/src/assets/images/icon-input-email.svg +9 -9
  95. package/src/assets/images/icon-input-float.svg +9 -9
  96. package/src/assets/images/icon-input-integer.svg +9 -9
  97. package/src/assets/images/icon-input-ip.svg +9 -9
  98. package/src/assets/images/icon-input-phone.svg +9 -9
  99. package/src/assets/images/icon-input-price.svg +9 -9
  100. package/src/assets/images/icon-input-search.svg +3 -3
  101. package/src/assets/images/icon-input-string.svg +9 -9
  102. package/src/assets/images/icon-input-text.svg +9 -9
  103. package/src/assets/images/icon-input-time.svg +9 -9
  104. package/src/assets/images/icon-select-box.svg +3 -3
  105. package/src/assets/images/logo.svg +9 -9
  106. package/src/assets/images/menu.svg +3 -3
  107. package/src/assets/images/namira.svg +9 -9
  108. package/src/assets/images/rectangle.svg +3 -3
  109. package/src/components/NSActionMenu.module.css +75 -75
  110. package/src/components/NSActionMenu.tsx +88 -88
  111. package/src/components/NSAssistantButton.module.css +133 -133
  112. package/src/components/NSAssistantButton.tsx +74 -74
  113. package/src/components/NSBarAction.module.css +87 -87
  114. package/src/components/NSBarAction.tsx +86 -86
  115. package/src/components/NSBarHeroBanner.module.css +42 -42
  116. package/src/components/NSBarHeroBanner.tsx +61 -61
  117. package/src/components/NSBarNotification.module.css +34 -34
  118. package/src/components/NSBarNotification.tsx +63 -63
  119. package/src/components/NSBarTitle.module.css +9 -9
  120. package/src/components/NSBarTitle.tsx +28 -28
  121. package/src/components/NSBox.module.css +123 -123
  122. package/src/components/NSBoxBoolean.module.css +53 -53
  123. package/src/components/NSBoxBoolean.tsx +84 -84
  124. package/src/components/NSBoxCombo.module.css +16 -16
  125. package/src/components/NSBoxCombo.tsx +131 -131
  126. package/src/components/NSBoxDate.module.css +39 -39
  127. package/src/components/NSBoxDate.tsx +83 -83
  128. package/src/components/NSBoxDateTime.tsx +83 -83
  129. package/src/components/NSBoxDouble.tsx +88 -88
  130. package/src/components/NSBoxDuration.tsx +88 -88
  131. package/src/components/NSBoxEmail.tsx +104 -104
  132. package/src/components/NSBoxEntity.tsx +159 -159
  133. package/src/components/NSBoxEnum.tsx +56 -56
  134. package/src/components/NSBoxErrorNotifier.module.css +2 -2
  135. package/src/components/NSBoxErrorNotifier.tsx +33 -33
  136. package/src/components/NSBoxIPV4.tsx +93 -93
  137. package/src/components/NSBoxIPV6.tsx +90 -90
  138. package/src/components/NSBoxInteger.tsx +86 -86
  139. package/src/components/NSBoxLabel.module.css +12 -12
  140. package/src/components/NSBoxLabel.tsx +29 -29
  141. package/src/components/NSBoxOTP.module.css +10 -10
  142. package/src/components/NSBoxOTP.tsx +65 -65
  143. package/src/components/NSBoxPassword.tsx +86 -86
  144. package/src/components/NSBoxPhone.tsx +88 -88
  145. package/src/components/NSBoxPrice.tsx +88 -88
  146. package/src/components/NSBoxSearch.tsx +103 -103
  147. package/src/components/NSBoxString.tsx +98 -98
  148. package/src/components/NSBoxTextArea.module.css +76 -76
  149. package/src/components/NSBoxTextArea.tsx +106 -106
  150. package/src/components/NSBoxTime.tsx +88 -88
  151. package/src/components/NSButton.module.css +27 -27
  152. package/src/components/NSButton.tsx +23 -23
  153. package/src/components/NSButtonBlue.module.css +4 -4
  154. package/src/components/NSButtonBlue.tsx +12 -12
  155. package/src/components/NSButtonGreen.module.css +4 -4
  156. package/src/components/NSButtonGreen.tsx +11 -11
  157. package/src/components/NSButtonRed.module.css +4 -4
  158. package/src/components/NSButtonRed.tsx +11 -11
  159. package/src/components/NSCard.module.css +108 -108
  160. package/src/components/NSCard.tsx +70 -70
  161. package/src/components/NSCopyToClipboard.module.css +39 -39
  162. package/src/components/NSCopyToClipboard.tsx +35 -35
  163. package/src/components/NSElectronicCard.module.css +60 -60
  164. package/src/components/NSElectronicCard.tsx +47 -47
  165. package/src/components/NSEntityBar.module.css +77 -77
  166. package/src/components/NSEntityBar.tsx +27 -27
  167. package/src/components/NSEntityCardBackground.module.css +27 -27
  168. package/src/components/NSEntityCardBackground.tsx +34 -34
  169. package/src/components/NSFilterBox.module.css +47 -47
  170. package/src/components/NSFilterBox.tsx +374 -374
  171. package/src/components/NSFilterBoxDialog.module.css +36 -36
  172. package/src/components/NSFilterBoxDialog.tsx +74 -74
  173. package/src/components/NSFilterItem.module.css +23 -23
  174. package/src/components/NSFilterItem.tsx +72 -72
  175. package/src/components/NSFooter.module.css +123 -123
  176. package/src/components/NSFooter.tsx +153 -153
  177. package/src/components/NSGroupedList.module.css +72 -72
  178. package/src/components/NSGroupedList.tsx +107 -107
  179. package/src/components/NSHeader.module.css +271 -271
  180. package/src/components/NSHeader.tsx +191 -191
  181. package/src/components/NSLayout.module.css +13 -13
  182. package/src/components/NSLayout.tsx +75 -75
  183. package/src/components/NSLine.tsx +18 -18
  184. package/src/components/NSLink.module.css +36 -36
  185. package/src/components/NSLink.tsx +25 -25
  186. package/src/components/NSLinkBlue.tsx +20 -20
  187. package/src/components/NSLinkGreen.tsx +5 -5
  188. package/src/components/NSLinkRed.tsx +5 -5
  189. package/src/components/NSLoading.module.css +29 -29
  190. package/src/components/NSLoading.tsx +19 -19
  191. package/src/components/NSModal.module.css +70 -70
  192. package/src/components/NSModal.tsx +49 -49
  193. package/src/components/NSNoData.module.css +8 -8
  194. package/src/components/NSNoData.tsx +24 -24
  195. package/src/components/NSPagination.module.css +101 -101
  196. package/src/components/NSPagination.tsx +191 -191
  197. package/src/components/NSPanel.module.css +46 -46
  198. package/src/components/NSPanel.tsx +19 -19
  199. package/src/components/NSPrintModal.module.css +81 -81
  200. package/src/components/NSPrintModal.tsx +98 -98
  201. package/src/components/NSRadioButton.module.css +28 -28
  202. package/src/components/NSRadioButton.tsx +117 -117
  203. package/src/components/NSSection.module.css +10 -10
  204. package/src/components/NSSection.tsx +23 -23
  205. package/src/components/NSSectionBars.module.css +10 -10
  206. package/src/components/NSSectionBars.tsx +25 -25
  207. package/src/components/NSSectionCards.module.css +38 -38
  208. package/src/components/NSSectionCards.tsx +51 -51
  209. package/src/components/NSSectionTitle.tsx +21 -21
  210. package/src/components/NSSpace.tsx +28 -28
  211. package/src/components/NSTabPage.module.css +48 -48
  212. package/src/components/NSTabPage.tsx +45 -45
  213. package/src/components/NSTable.module.css +210 -210
  214. package/src/components/NSTable.tsx +277 -276
  215. package/src/components/NSTag.module.css +44 -44
  216. package/src/components/NSTag.tsx +49 -49
  217. package/src/components/NSTitle.module.css +15 -15
  218. package/src/components/NSTitle.tsx +19 -19
  219. package/src/components/NSVerification.module.css +22 -22
  220. package/src/components/NSVerification.tsx +41 -41
  221. package/src/index.tsx +7 -7
  222. package/src/main.ts +80 -80
  223. package/src/pages/NSLoginPage.module.css +19 -19
  224. package/src/pages/NSLoginPage.tsx +30 -30
  225. package/src/pages/NSNotFoundPage.module.css +18 -18
  226. package/src/pages/NSNotFoundPage.tsx +11 -11
  227. package/src/props/IBaseComponentProps.ts +8 -8
  228. package/src/props/IHeaderIconProps.ts +9 -9
  229. package/src/props/IHeaderProps.ts +6 -6
  230. package/src/props/IImageProps.ts +4 -4
  231. package/src/props/ILinkProps.ts +5 -5
  232. package/src/props/IValidationNumberProps.ts +4 -4
  233. package/src/props/IValidationProps.ts +7 -7
  234. package/src/props/IValidationRegexProps.ts +4 -4
  235. package/src/props/IValidationStringProps.ts +4 -4
  236. package/src/routing/INSRouterMaker.ts +6 -6
  237. package/src/routing/INSRouterProps.ts +5 -5
  238. package/src/routing/INSRouterState.ts +5 -5
  239. package/src/routing/NSRouterMaker.tsx +33 -33
  240. package/src/routing/Notifier.ts +79 -79
  241. package/tsconfig.json +44 -44
  242. package/dist/App.css +0 -17
  243. package/dist/assets/images/1.png +0 -0
  244. package/dist/assets/images/2.png +0 -0
  245. package/dist/assets/images/3.png +0 -0
  246. package/dist/assets/images/4.png +0 -0
  247. package/dist/assets/images/5.jpg +0 -0
  248. package/dist/assets/images/icon-export.svg +0 -3
  249. package/dist/assets/images/icon-input-id.svg +0 -9
  250. package/dist/assets/images/icon-refresh.svg +0 -3
  251. package/dist/components/NSAccess.d.ts +0 -2
  252. package/dist/components/NSAccess.js +0 -8
  253. package/dist/components/NSAccess.js.map +0 -1
  254. package/dist/components/NSAccess.module.css +0 -39
  255. package/dist/components/NSBoxText.d.ts +0 -25
  256. package/dist/components/NSBoxText.js +0 -56
  257. package/dist/components/NSBoxText.js.map +0 -1
  258. package/dist/components/NSInput.module.css +0 -74
  259. package/dist/components/NSInputDate.d.ts +0 -21
  260. package/dist/components/NSInputDate.js +0 -41
  261. package/dist/components/NSInputDate.js.map +0 -1
  262. package/dist/components/NSInputDate.module.css +0 -42
  263. package/dist/components/NSInputDuration.d.ts +0 -23
  264. package/dist/components/NSInputDuration.js +0 -42
  265. package/dist/components/NSInputDuration.js.map +0 -1
  266. package/dist/components/NSInputEmail.d.ts +0 -22
  267. package/dist/components/NSInputEmail.js +0 -43
  268. package/dist/components/NSInputEmail.js.map +0 -1
  269. package/dist/components/NSInputErrorNotifier.d.ts +0 -5
  270. package/dist/components/NSInputErrorNotifier.js +0 -7
  271. package/dist/components/NSInputErrorNotifier.js.map +0 -1
  272. package/dist/components/NSInputErrorNotifier.module.css +0 -3
  273. package/dist/components/NSInputFloat.d.ts +0 -22
  274. package/dist/components/NSInputFloat.js +0 -41
  275. package/dist/components/NSInputFloat.js.map +0 -1
  276. package/dist/components/NSInputIP.d.ts +0 -22
  277. package/dist/components/NSInputIP.js +0 -43
  278. package/dist/components/NSInputIP.js.map +0 -1
  279. package/dist/components/NSInputInteger.d.ts +0 -22
  280. package/dist/components/NSInputInteger.js +0 -41
  281. package/dist/components/NSInputInteger.js.map +0 -1
  282. package/dist/components/NSInputPassword.d.ts +0 -22
  283. package/dist/components/NSInputPassword.js +0 -42
  284. package/dist/components/NSInputPassword.js.map +0 -1
  285. package/dist/components/NSInputPhone.d.ts +0 -22
  286. package/dist/components/NSInputPhone.js +0 -38
  287. package/dist/components/NSInputPhone.js.map +0 -1
  288. package/dist/components/NSInputPrice.d.ts +0 -22
  289. package/dist/components/NSInputPrice.js +0 -41
  290. package/dist/components/NSInputPrice.js.map +0 -1
  291. package/dist/components/NSInputSearch.d.ts +0 -22
  292. package/dist/components/NSInputSearch.js +0 -41
  293. package/dist/components/NSInputSearch.js.map +0 -1
  294. package/dist/components/NSInputString.d.ts +0 -22
  295. package/dist/components/NSInputString.js +0 -42
  296. package/dist/components/NSInputString.js.map +0 -1
  297. package/dist/components/NSInputText.d.ts +0 -22
  298. package/dist/components/NSInputText.js +0 -42
  299. package/dist/components/NSInputText.js.map +0 -1
  300. package/dist/components/NSInputTime.d.ts +0 -22
  301. package/dist/components/NSInputTime.js +0 -43
  302. package/dist/components/NSInputTime.js.map +0 -1
  303. package/dist/components/NSLayoutAction.d.ts +0 -5
  304. package/dist/components/NSLayoutAction.js +0 -20
  305. package/dist/components/NSLayoutAction.js.map +0 -1
  306. package/dist/components/NSLayoutAction.module.css +0 -88
  307. package/dist/components/NSLayoutHeroBanner.d.ts +0 -2
  308. package/dist/components/NSLayoutHeroBanner.js +0 -8
  309. package/dist/components/NSLayoutHeroBanner.js.map +0 -1
  310. package/dist/components/NSLayoutHeroBanner.module.css +0 -43
  311. package/dist/components/NSLayoutTitle.d.ts +0 -2
  312. package/dist/components/NSLayoutTitle.js +0 -11
  313. package/dist/components/NSLayoutTitle.js.map +0 -1
  314. package/dist/components/NSLayoutTitle.module.css +0 -10
  315. package/dist/components/NSNotification.d.ts +0 -21
  316. package/dist/components/NSNotification.js +0 -37
  317. package/dist/components/NSNotification.js.map +0 -1
  318. package/dist/components/NSNotification.module.css +0 -32
  319. package/dist/components/NSSelectBox.d.ts +0 -24
  320. package/dist/components/NSSelectBox.js +0 -61
  321. package/dist/components/NSSelectBox.js.map +0 -1
  322. package/dist/components/NSSelectBox.module.css +0 -42
  323. package/dist/index.css +0 -6
  324. package/dist/props/BaseComponentProps.d.ts +0 -6
  325. package/dist/props/BaseComponentProps.js +0 -2
  326. package/dist/props/BaseComponentProps.js.map +0 -10
  327. package/dist/props/INamirasoftProps.d.ts +0 -4
  328. package/dist/props/INamirasoftProps.js +0 -2
  329. package/dist/props/INamirasoftProps.js.map +0 -1
  330. package/dist/props/ImageProps.d.ts +0 -4
  331. package/dist/props/ImageProps.js +0 -2
  332. package/dist/props/ImageProps.js.map +0 -10
  333. package/dist/props/LinkProps.d.ts +0 -5
  334. package/dist/props/LinkProps.js +0 -2
  335. package/dist/props/LinkProps.js.map +0 -10
  336. package/dist/props/ValidationNumberProps.d.ts +0 -4
  337. package/dist/props/ValidationNumberProps.js +0 -2
  338. package/dist/props/ValidationNumberProps.js.map +0 -10
  339. package/dist/props/ValidationProps.d.ts +0 -6
  340. package/dist/props/ValidationProps.js +0 -2
  341. package/dist/props/ValidationProps.js.map +0 -10
  342. package/dist/props/ValidationRegexProps.d.ts +0 -4
  343. package/dist/props/ValidationRegexProps.js +0 -2
  344. package/dist/props/ValidationRegexProps.js.map +0 -1
  345. package/dist/props/ValidationStringProps.d.ts +0 -4
  346. package/dist/props/ValidationStringProps.js +0 -2
  347. package/dist/props/ValidationStringProps.js.map +0 -10
@@ -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>
@@ -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]), style: { width: "180px" } });
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.svg", alt: "Icon", width: 24, 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.svg", alt: "Icon", width: 24, 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: 180px;
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: 180px;
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,134 +1,134 @@
1
- .ns_container {
2
- display: flex;
3
- flex-direction: column;
4
- justify-content: left;
5
- align-items: flex-end;
6
- }
7
-
8
- .ns_input_parent {
9
- display: flex;
10
- flex-direction: row;
11
- width: 100%;
12
- color: #141B5C;
13
- justify-content: space-between;
14
- max-width: 100%;
15
- }
16
-
17
- .ns_input {
18
- border-radius: 8px;
19
- padding: 10px 48px 10px 12px;
20
- font-size: 16px;
21
- font-weight: 400;
22
- border: 1px solid rgba(0, 0, 0, 1) !important;
23
- height: 48px;
24
- width: 272px
25
- }
26
-
27
- .ns_input li {
28
- color: #000 !important
29
- }
30
-
31
- .ns_input_title {
32
- font-size: 16px;
33
- font-weight: 400;
34
- display: flex;
35
- }
36
-
37
- .ns_input_title_group {
38
- display: flex;
39
- width: 100%;
40
- justify-content: space-between;
41
- }
42
-
43
- @media only screen and (min-width: 380px) {
44
- .ns_input {
45
- max-width: 272px;
46
- }
47
- }
48
-
49
- /*Start Input phone*/
50
- .ns_input_phone_parent input {
51
- width: 100% !important;
52
- height: 48px !important;
53
- }
54
-
55
- @media only screen and (min-width: 380px) {
56
- .ns_input_phone_parent input {
57
- width: 272px !important;
58
- }
59
- }
60
-
61
- /*End Input phone*/
62
-
63
- .ns_btn_box {
64
- opacity: 0;
65
- visibility: hidden;
66
- color: #000;
67
- border: none;
68
- cursor: pointer;
69
- width: max-content;
70
- background-color: transparent;
71
- }
72
-
73
- .ns_input_parent:hover .ns_btn_box {
74
- opacity: 1;
75
- visibility: visible;
76
- transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
77
- }
78
-
79
- .ns_btn_box img {
80
- position: inherit;
81
- }
82
-
83
- .ns_full_screen {
84
- position: fixed;
85
- top: 0;
86
- left: 0;
87
- width: 100%;
88
- height: 100%;
89
- background: #0101015c;
90
- z-index: 1000;
91
- padding: 5%;
92
- }
93
-
94
- .ns_full_screen input {
95
- width: 100% !important;
96
- max-width: 100%;
97
- }
98
-
99
- .ns_input_modal_full {
100
- position: fixed;
101
- top: 0;
102
- left: 0;
103
- background-color: rgba(0, 0, 0, 0.6);
104
- height: 100%;
105
- width: 100%;
106
- z-index: 15;
107
- }
108
-
109
- .ns_input_modal_full_screen textarea {
110
- height: 80%;
111
- width: 80%;
112
- z-index: 15;
113
- position: fixed;
114
- top: 10%;
115
- left: 10%;
116
- text-align: left;
117
- }
118
-
119
- .ns_input_modal_full_screen img {
120
- position: fixed;
121
- top: 5%;
122
- right: 10%;
123
- z-index: 20;
124
- transition: all 0.3s ease-in-out;
125
- cursor: pointer;
126
- background-color: white;
127
- border-radius: 50%;
128
- }
129
-
130
- .ns_input_modal_full_screen img:hover {
131
- scale: 1.2;
132
- rotate: 180deg;
133
- background-color: red;
1
+ .ns_container {
2
+ display: flex;
3
+ flex-direction: column;
4
+ justify-content: left;
5
+ align-items: flex-end;
6
+ }
7
+
8
+ .ns_input_parent {
9
+ display: flex;
10
+ flex-direction: row;
11
+ width: 100%;
12
+ color: #141B5C;
13
+ justify-content: space-between;
14
+ max-width: 100%;
15
+ }
16
+
17
+ .ns_input {
18
+ border-radius: 8px;
19
+ padding: 10px 48px 10px 12px;
20
+ font-size: 16px;
21
+ font-weight: 400;
22
+ border: 1px solid rgba(0, 0, 0, 1) !important;
23
+ height: 48px;
24
+ width: 272px
25
+ }
26
+
27
+ .ns_input li {
28
+ color: #000 !important
29
+ }
30
+
31
+ .ns_input_title {
32
+ font-size: 16px;
33
+ font-weight: 400;
34
+ display: flex;
35
+ }
36
+
37
+ .ns_input_title_group {
38
+ display: flex;
39
+ width: 100%;
40
+ justify-content: space-between;
41
+ }
42
+
43
+ @media only screen and (min-width: 380px) {
44
+ .ns_input {
45
+ max-width: 272px;
46
+ }
47
+ }
48
+
49
+ /*Start Input phone*/
50
+ .ns_input_phone_parent input {
51
+ width: 100% !important;
52
+ height: 48px !important;
53
+ }
54
+
55
+ @media only screen and (min-width: 380px) {
56
+ .ns_input_phone_parent input {
57
+ width: 272px !important;
58
+ }
59
+ }
60
+
61
+ /*End Input phone*/
62
+
63
+ .ns_btn_box {
64
+ opacity: 0;
65
+ visibility: hidden;
66
+ color: #000;
67
+ border: none;
68
+ cursor: pointer;
69
+ width: max-content;
70
+ background-color: transparent;
71
+ }
72
+
73
+ .ns_input_parent:hover .ns_btn_box {
74
+ opacity: 1;
75
+ visibility: visible;
76
+ transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
77
+ }
78
+
79
+ .ns_btn_box img {
80
+ position: inherit;
81
+ }
82
+
83
+ .ns_full_screen {
84
+ position: fixed;
85
+ top: 0;
86
+ left: 0;
87
+ width: 100%;
88
+ height: 100%;
89
+ background: #0101015c;
90
+ z-index: 1000;
91
+ padding: 5%;
92
+ }
93
+
94
+ .ns_full_screen input {
95
+ width: 100% !important;
96
+ max-width: 100%;
97
+ }
98
+
99
+ .ns_input_modal_full {
100
+ position: fixed;
101
+ top: 0;
102
+ left: 0;
103
+ background-color: rgba(0, 0, 0, 0.6);
104
+ height: 100%;
105
+ width: 100%;
106
+ z-index: 15;
107
+ }
108
+
109
+ .ns_input_modal_full_screen textarea {
110
+ height: 80%;
111
+ width: 80%;
112
+ z-index: 15;
113
+ position: fixed;
114
+ top: 10%;
115
+ left: 10%;
116
+ text-align: left;
117
+ }
118
+
119
+ .ns_input_modal_full_screen img {
120
+ position: fixed;
121
+ top: 5%;
122
+ right: 10%;
123
+ z-index: 20;
124
+ transition: all 0.3s ease-in-out;
125
+ cursor: pointer;
126
+ background-color: white;
127
+ border-radius: 50%;
128
+ }
129
+
130
+ .ns_input_modal_full_screen img:hover {
131
+ scale: 1.2;
132
+ rotate: 180deg;
133
+ background-color: red;
134
134
  }
@@ -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_holder {
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_holder {
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
  }