namirasoft-site-react 1.4.339 → 1.4.340

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 (290) 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.css +34 -0
  6. package/dist/components/NSBanner.module.css +47 -47
  7. package/dist/components/NSBarAction.module.css +84 -84
  8. package/dist/components/NSBarAlert.module.css +79 -79
  9. package/dist/components/NSBarNotification.module.css +34 -34
  10. package/dist/components/NSBarTitle.module.css +9 -9
  11. package/dist/components/NSBox.module.css +50 -50
  12. package/dist/components/NSBoxBaseCombo.module.css +6 -6
  13. package/dist/components/NSBoxBoolean.module.css +67 -67
  14. package/dist/components/NSBoxDate.module.css +4 -4
  15. package/dist/components/NSBoxDateTime.module.css +4 -4
  16. package/dist/components/NSBoxDuration.module.css +4 -4
  17. package/dist/components/NSBoxFile.module.css +10 -10
  18. package/dist/components/NSBoxPhone.module.css +35 -35
  19. package/dist/components/NSBoxRadio.module.css +33 -33
  20. package/dist/components/NSBoxSchemaBase.module.css +17 -17
  21. package/dist/components/NSBoxSchemaVariable.module.css +16 -16
  22. package/dist/components/NSBoxTextArea.module.css +12 -12
  23. package/dist/components/NSBoxTime.module.css +4 -4
  24. package/dist/components/NSButton.module.css +57 -57
  25. package/dist/components/NSButtonBlue.module.css +4 -4
  26. package/dist/components/NSButtonGreen.module.css +4 -4
  27. package/dist/components/NSButtonRed.module.css +4 -4
  28. package/dist/components/NSCard.module.css +114 -114
  29. package/dist/components/NSCardScreenshot.module.css +41 -41
  30. package/dist/components/NSChartColumn.module.css +7 -7
  31. package/dist/components/NSChartTable.module.css +21 -21
  32. package/dist/components/NSColumn.module.css +16 -16
  33. package/dist/components/NSCopyBox.module.css +39 -39
  34. package/dist/components/NSDialog.module.css +112 -112
  35. package/dist/components/NSDialogPageSelection.module.css +103 -103
  36. package/dist/components/NSDownTimer.module.css +55 -55
  37. package/dist/components/NSDownload.module.css +46 -46
  38. package/dist/components/NSElectronicCard.module.css +60 -60
  39. package/dist/components/NSEntityCardBackground.module.css +27 -27
  40. package/dist/components/NSFilterBox.module.css +56 -56
  41. package/dist/components/NSFilterItem.module.css +24 -24
  42. package/dist/components/NSFooter.module.css +134 -134
  43. package/dist/components/NSHeader.module.css +291 -291
  44. package/dist/components/NSHeaderScreenshot.module.css +35 -35
  45. package/dist/components/NSID.js +2 -0
  46. package/dist/components/NSID.js.map +1 -1
  47. package/dist/components/NSLabel.module.css +25 -25
  48. package/dist/components/NSLabelErrorNotifier.module.css +2 -2
  49. package/dist/components/NSLayout.module.css +14 -14
  50. package/dist/components/NSLine.module.css +15 -15
  51. package/dist/components/NSLink.module.css +36 -36
  52. package/dist/components/NSListGrouped.module.css +69 -69
  53. package/dist/components/NSLoading.module.css +30 -30
  54. package/dist/components/NSMenuAction.js +2 -2
  55. package/dist/components/NSMenuAction.module.css +88 -88
  56. package/dist/components/NSMenuButton.module.css +44 -44
  57. package/dist/components/NSNoData.module.css +9 -9
  58. package/dist/components/NSPagination.module.css +85 -85
  59. package/dist/components/NSPanel.module.css +19 -19
  60. package/dist/components/NSPanelAccordion.module.css +4 -4
  61. package/dist/components/NSRange.module.css +66 -66
  62. package/dist/components/NSRow.module.css +17 -17
  63. package/dist/components/NSSection.module.css +4 -4
  64. package/dist/components/NSSectionCards.module.css +38 -38
  65. package/dist/components/NSSectionTiles.module.css +10 -10
  66. package/dist/components/NSTabPage.module.css +59 -59
  67. package/dist/components/NSTable.module.css +263 -263
  68. package/dist/components/NSTile.module.css +76 -76
  69. package/dist/components/NSTimelineMonthly.module.css +71 -71
  70. package/dist/components/NSTitle.module.css +15 -15
  71. package/dist/index.css +6 -0
  72. package/dist/pages/NSNotFoundPage.module.css +18 -18
  73. package/dist/pages/NSUpdating.module.css +35 -35
  74. package/package.json +80 -80
  75. package/public/index.html +38 -38
  76. package/src/App.css +33 -33
  77. package/src/App.tsx +131 -131
  78. package/src/Color.tsx +10 -10
  79. package/src/CopyToClipboard.ts +6 -6
  80. package/src/NSBoxBuilder.tsx +914 -914
  81. package/src/Validator.ts +163 -163
  82. package/src/components/INSBox.tsx +6 -6
  83. package/src/components/NSBanner.module.css +47 -47
  84. package/src/components/NSBanner.tsx +80 -80
  85. package/src/components/NSBarAction.module.css +84 -84
  86. package/src/components/NSBarAction.tsx +90 -90
  87. package/src/components/NSBarAlert.module.css +79 -79
  88. package/src/components/NSBarAlert.tsx +35 -35
  89. package/src/components/NSBarNotification.module.css +34 -34
  90. package/src/components/NSBarNotification.tsx +85 -85
  91. package/src/components/NSBarTitle.module.css +9 -9
  92. package/src/components/NSBarTitle.tsx +23 -23
  93. package/src/components/NSBox.module.css +50 -50
  94. package/src/components/NSBox.tsx +19 -19
  95. package/src/components/NSBoxBaseCombo.module.css +6 -6
  96. package/src/components/NSBoxBaseCombo.tsx +314 -314
  97. package/src/components/NSBoxBaseLayout.tsx +88 -88
  98. package/src/components/NSBoxBaseLayoutRecursive.tsx +54 -54
  99. package/src/components/NSBoxBoolean.module.css +67 -67
  100. package/src/components/NSBoxBoolean.tsx +119 -119
  101. package/src/components/NSBoxBooleans.tsx +161 -161
  102. package/src/components/NSBoxColor.tsx +95 -95
  103. package/src/components/NSBoxCombo.tsx +91 -91
  104. package/src/components/NSBoxDate.module.css +4 -4
  105. package/src/components/NSBoxDate.tsx +90 -90
  106. package/src/components/NSBoxDateTime.module.css +4 -4
  107. package/src/components/NSBoxDateTime.tsx +105 -105
  108. package/src/components/NSBoxDouble.tsx +94 -94
  109. package/src/components/NSBoxDuration.module.css +4 -4
  110. package/src/components/NSBoxDuration.tsx +95 -95
  111. package/src/components/NSBoxDynamic.tsx +67 -67
  112. package/src/components/NSBoxDynamics.tsx +68 -68
  113. package/src/components/NSBoxEmail.tsx +98 -98
  114. package/src/components/NSBoxEntity.tsx +101 -101
  115. package/src/components/NSBoxEnum.tsx +108 -108
  116. package/src/components/NSBoxFile.module.css +10 -10
  117. package/src/components/NSBoxFile.tsx +101 -101
  118. package/src/components/NSBoxFilePath.tsx +95 -95
  119. package/src/components/NSBoxFont.tsx +95 -95
  120. package/src/components/NSBoxIPV4.tsx +95 -95
  121. package/src/components/NSBoxIPV4Range.tsx +95 -95
  122. package/src/components/NSBoxIPV6.tsx +92 -92
  123. package/src/components/NSBoxIPV6Range.tsx +95 -95
  124. package/src/components/NSBoxInteger.tsx +91 -91
  125. package/src/components/NSBoxMoney.tsx +95 -95
  126. package/src/components/NSBoxPassword.tsx +106 -106
  127. package/src/components/NSBoxPhone.module.css +35 -35
  128. package/src/components/NSBoxPhone.tsx +107 -107
  129. package/src/components/NSBoxRadio.module.css +33 -33
  130. package/src/components/NSBoxRadio.tsx +91 -91
  131. package/src/components/NSBoxSchemaBase.module.css +17 -17
  132. package/src/components/NSBoxSchemaBase.tsx +540 -540
  133. package/src/components/NSBoxSchemaVariable.module.css +16 -16
  134. package/src/components/NSBoxSchemaVariable.tsx +250 -250
  135. package/src/components/NSBoxSearch.tsx +97 -97
  136. package/src/components/NSBoxString.tsx +91 -91
  137. package/src/components/NSBoxTextArea.module.css +12 -12
  138. package/src/components/NSBoxTextArea.tsx +98 -98
  139. package/src/components/NSBoxTime.module.css +4 -4
  140. package/src/components/NSBoxTime.tsx +93 -93
  141. package/src/components/NSBoxTimeZone.tsx +95 -95
  142. package/src/components/NSBoxURL.tsx +104 -104
  143. package/src/components/NSBoxVersion.tsx +95 -95
  144. package/src/components/NSButton.module.css +57 -57
  145. package/src/components/NSButton.tsx +25 -25
  146. package/src/components/NSButtonBlue.module.css +4 -4
  147. package/src/components/NSButtonBlue.tsx +19 -19
  148. package/src/components/NSButtonGreen.module.css +4 -4
  149. package/src/components/NSButtonGreen.tsx +19 -19
  150. package/src/components/NSButtonRed.module.css +4 -4
  151. package/src/components/NSButtonRed.tsx +19 -19
  152. package/src/components/NSCard.module.css +114 -114
  153. package/src/components/NSCard.tsx +63 -63
  154. package/src/components/NSCardScreenshot.module.css +41 -41
  155. package/src/components/NSCardScreenshot.tsx +31 -31
  156. package/src/components/NSChartColumn.module.css +7 -7
  157. package/src/components/NSChartColumn.tsx +106 -106
  158. package/src/components/NSChartDoughnut.tsx +112 -112
  159. package/src/components/NSChartPie.tsx +105 -105
  160. package/src/components/NSChartRange.tsx +14 -14
  161. package/src/components/NSChartTable.module.css +21 -21
  162. package/src/components/NSChartTable.tsx +94 -94
  163. package/src/components/NSColumn.module.css +16 -16
  164. package/src/components/NSColumn.tsx +24 -24
  165. package/src/components/NSCopy.tsx +58 -58
  166. package/src/components/NSCopyBox.module.css +39 -39
  167. package/src/components/NSCopyBox.tsx +53 -53
  168. package/src/components/NSDialog.module.css +112 -112
  169. package/src/components/NSDialog.tsx +61 -61
  170. package/src/components/NSDialogDelete.tsx +26 -26
  171. package/src/components/NSDialogInfo.tsx +32 -32
  172. package/src/components/NSDialogPageSelection.module.css +103 -103
  173. package/src/components/NSDialogPageSelection.tsx +227 -227
  174. package/src/components/NSDownTimer.module.css +55 -55
  175. package/src/components/NSDownTimer.tsx +91 -91
  176. package/src/components/NSDownload.module.css +46 -46
  177. package/src/components/NSDownload.tsx +66 -66
  178. package/src/components/NSElectronicCard.module.css +60 -60
  179. package/src/components/NSElectronicCard.tsx +46 -46
  180. package/src/components/NSEntityCardBackground.module.css +27 -27
  181. package/src/components/NSEntityCardBackground.tsx +36 -36
  182. package/src/components/NSFilterBox.module.css +56 -56
  183. package/src/components/NSFilterBox.tsx +506 -506
  184. package/src/components/NSFilterItem.module.css +24 -24
  185. package/src/components/NSFilterItem.tsx +27 -27
  186. package/src/components/NSFooter.module.css +134 -134
  187. package/src/components/NSFooter.tsx +321 -321
  188. package/src/components/NSHeader.module.css +291 -291
  189. package/src/components/NSHeader.tsx +261 -261
  190. package/src/components/NSHeaderScreenshot.module.css +35 -35
  191. package/src/components/NSHeaderScreenshot.tsx +39 -39
  192. package/src/components/NSID.tsx +133 -131
  193. package/src/components/NSLabel.module.css +25 -25
  194. package/src/components/NSLabel.tsx +46 -46
  195. package/src/components/NSLabelErrorNotifier.module.css +2 -2
  196. package/src/components/NSLabelErrorNotifier.tsx +35 -35
  197. package/src/components/NSLayout.module.css +14 -14
  198. package/src/components/NSLayout.tsx +126 -126
  199. package/src/components/NSLine.module.css +15 -15
  200. package/src/components/NSLine.tsx +13 -13
  201. package/src/components/NSLink.module.css +36 -36
  202. package/src/components/NSLink.tsx +25 -25
  203. package/src/components/NSLinkBlue.tsx +21 -21
  204. package/src/components/NSLinkGreen.tsx +12 -12
  205. package/src/components/NSLinkRed.tsx +12 -12
  206. package/src/components/NSListGrouped.module.css +69 -69
  207. package/src/components/NSListGrouped.tsx +106 -106
  208. package/src/components/NSListProduct.tsx +44 -44
  209. package/src/components/NSLoading.module.css +30 -30
  210. package/src/components/NSLoading.tsx +21 -21
  211. package/src/components/NSMenuAction.module.css +88 -88
  212. package/src/components/NSMenuAction.tsx +90 -90
  213. package/src/components/NSMenuButton.module.css +44 -44
  214. package/src/components/NSMenuButton.tsx +206 -206
  215. package/src/components/NSNoData.module.css +9 -9
  216. package/src/components/NSNoData.tsx +24 -24
  217. package/src/components/NSPagination.module.css +85 -85
  218. package/src/components/NSPagination.tsx +182 -182
  219. package/src/components/NSPanel.module.css +19 -19
  220. package/src/components/NSPanel.tsx +24 -24
  221. package/src/components/NSPanelAccordion.module.css +4 -4
  222. package/src/components/NSPanelAccordion.tsx +51 -51
  223. package/src/components/NSRange.module.css +66 -66
  224. package/src/components/NSRange.tsx +83 -83
  225. package/src/components/NSRepeater.tsx +256 -256
  226. package/src/components/NSRepeaterNSBoxSchemaVariable.tsx +90 -90
  227. package/src/components/NSRepeaterNSTag.tsx +81 -81
  228. package/src/components/NSRow.module.css +17 -17
  229. package/src/components/NSRow.tsx +24 -24
  230. package/src/components/NSSection.module.css +4 -4
  231. package/src/components/NSSection.tsx +26 -26
  232. package/src/components/NSSectionCards.module.css +38 -38
  233. package/src/components/NSSectionCards.tsx +51 -51
  234. package/src/components/NSSectionTiles.module.css +10 -10
  235. package/src/components/NSSectionTiles.tsx +25 -25
  236. package/src/components/NSSectionTitle.tsx +21 -21
  237. package/src/components/NSSpace.tsx +28 -28
  238. package/src/components/NSTabPage.module.css +59 -59
  239. package/src/components/NSTabPage.tsx +91 -91
  240. package/src/components/NSTable.module.css +263 -263
  241. package/src/components/NSTable.tsx +482 -482
  242. package/src/components/NSTag.tsx +74 -74
  243. package/src/components/NSTile.module.css +76 -76
  244. package/src/components/NSTile.tsx +27 -27
  245. package/src/components/NSTimelineMonthly.module.css +71 -71
  246. package/src/components/NSTimelineMonthly.tsx +44 -44
  247. package/src/components/NSTitle.module.css +15 -15
  248. package/src/components/NSTitle.tsx +19 -19
  249. package/src/formatter/BackColorFormatter.tsx +23 -23
  250. package/src/formatter/BaseColumnFormatter.ts +16 -16
  251. package/src/formatter/BaseURLImageFormatter.tsx +33 -33
  252. package/src/formatter/BooleanFormatter.ts +22 -22
  253. package/src/formatter/DateFormatter.ts +21 -21
  254. package/src/formatter/DateTimeFormatter.ts +21 -21
  255. package/src/formatter/DurationFormatter.ts +13 -13
  256. package/src/formatter/EmailFormatter.tsx +21 -21
  257. package/src/formatter/EnumFormatter.ts +13 -13
  258. package/src/formatter/FloatFormatter.ts +23 -23
  259. package/src/formatter/ForeColorFormatter.tsx +24 -24
  260. package/src/formatter/IDFormatter.tsx +30 -30
  261. package/src/formatter/IPFormatter.ts +13 -13
  262. package/src/formatter/IntegerFormatter.ts +23 -23
  263. package/src/formatter/JsonFormatter.ts +21 -21
  264. package/src/formatter/MoneyFormatter.ts +30 -30
  265. package/src/formatter/PhoneFormatter.tsx +21 -21
  266. package/src/formatter/StringFormatter.tsx +43 -43
  267. package/src/formatter/TimeFormatter.ts +21 -21
  268. package/src/formatter/URLFormatter.tsx +21 -21
  269. package/src/formatter/UnknowFormatter.ts +18 -18
  270. package/src/index.tsx +7 -7
  271. package/src/main.ts +222 -222
  272. package/src/pages/NSNotFoundPage.module.css +18 -18
  273. package/src/pages/NSNotFoundPage.tsx +11 -11
  274. package/src/pages/NSUpdating.module.css +35 -35
  275. package/src/pages/NSUpdating.tsx +32 -32
  276. package/src/props/IBackgroundPropps.ts +5 -5
  277. package/src/props/IBaseComponentProps.ts +8 -8
  278. package/src/props/IHeaderIconProps.ts +10 -10
  279. package/src/props/IHeaderProps.ts +7 -7
  280. package/src/props/IImageProps.ts +4 -4
  281. package/src/props/ILinkProps.ts +5 -5
  282. package/src/props/IValidationNumberProps.ts +4 -4
  283. package/src/props/IValidationPrecisionProps.ts +3 -3
  284. package/src/props/IValidationProps.ts +9 -9
  285. package/src/props/IValidationRegexProps.ts +4 -4
  286. package/src/props/IValidationStringProps.ts +4 -4
  287. package/src/routing/NSNotifier.ts +114 -114
  288. package/src/routing/NSRouterMaker.tsx +20 -20
  289. package/src/routing/NSRouterMakerComponent.ts +5 -5
  290. package/src/routing/NSRouterMakerProps.ts +5 -5
@@ -1,26 +1,26 @@
1
- .ns_label_title {
2
- color: hsla(234, 64%, 22%, 1);
3
- margin-bottom: 8px;
4
- font-size: 16px;
5
- font-weight: bold;
6
- padding: 0px;
7
- margin: 0px;
8
- align-content: center;
9
- }
10
-
11
- .ns_label_desciption {
12
- color: hsla(234, 64%, 22%, 1);
13
- font-size: 16px;
14
- padding: 0px;
15
- margin: 0px;
16
- }
17
-
18
- .ns_label_item {
19
- padding: 8px;
20
- border-right: none !important;
21
- align-content: center;
22
- }
23
-
24
- .ns_label_item:not(:last-child) {
25
- border-right: 1px solid #ccc;
1
+ .ns_label_title {
2
+ color: hsla(234, 64%, 22%, 1);
3
+ margin-bottom: 8px;
4
+ font-size: 16px;
5
+ font-weight: bold;
6
+ padding: 0px;
7
+ margin: 0px;
8
+ align-content: center;
9
+ }
10
+
11
+ .ns_label_desciption {
12
+ color: hsla(234, 64%, 22%, 1);
13
+ font-size: 16px;
14
+ padding: 0px;
15
+ margin: 0px;
16
+ }
17
+
18
+ .ns_label_item {
19
+ padding: 8px;
20
+ border-right: none !important;
21
+ align-content: center;
22
+ }
23
+
24
+ .ns_label_item:not(:last-child) {
25
+ border-right: 1px solid #ccc;
26
26
  }
@@ -1,3 +1,3 @@
1
- .ns_label_error_notifier_text {
2
- color: #FF3F3F !important;
1
+ .ns_label_error_notifier_text {
2
+ color: #FF3F3F !important;
3
3
  }
@@ -1,15 +1,15 @@
1
- .ns_container {
2
- display: flex;
3
- flex-direction: column;
4
- justify-content: center;
5
- }
6
-
7
- .ns_layout_main {
8
- padding: 24px;
9
- display: flex;
10
- flex-direction: column;
11
- color: #fff;
12
- background-attachment: fixed;
13
- background-repeat: no-repeat;
14
- background-size: cover;
1
+ .ns_container {
2
+ display: flex;
3
+ flex-direction: column;
4
+ justify-content: center;
5
+ }
6
+
7
+ .ns_layout_main {
8
+ padding: 24px;
9
+ display: flex;
10
+ flex-direction: column;
11
+ color: #fff;
12
+ background-attachment: fixed;
13
+ background-repeat: no-repeat;
14
+ background-size: cover;
15
15
  }
@@ -1,16 +1,16 @@
1
- .ns_line_container {
2
- display: flex;
3
- justify-content: center;
4
- align-items: center;
5
- margin: 0;
6
- padding: 0;
7
- width: 100%;
8
- }
9
-
10
- .ns_line {
11
- width: 80%;
12
- margin: 0;
13
- padding: 0;
14
- height: 3px;
15
- background: linear-gradient(90deg, #b0b0b0 0%, hsla(0, 0%, 0%, 1) 50%, #b0b0b0 100%);
1
+ .ns_line_container {
2
+ display: flex;
3
+ justify-content: center;
4
+ align-items: center;
5
+ margin: 0;
6
+ padding: 0;
7
+ width: 100%;
8
+ }
9
+
10
+ .ns_line {
11
+ width: 80%;
12
+ margin: 0;
13
+ padding: 0;
14
+ height: 3px;
15
+ background: linear-gradient(90deg, #b0b0b0 0%, hsla(0, 0%, 0%, 1) 50%, #b0b0b0 100%);
16
16
  }
@@ -1,37 +1,37 @@
1
- .ns_link_parent {
2
- display: flex;
3
- flex-direction: column;
4
- justify-content: center;
5
- align-items: center;
6
- width: 100%;
7
- gap: 24px;
8
- }
9
-
10
- .ns_link {
11
- text-decoration: none;
12
- /* box-shadow: inset 2px 2px 2px 0 #1754F3; */
13
- box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%);
14
- color: #fff;
15
- font-size: 16px;
16
- font-weight: 600;
17
- line-height: 16px;
18
- display: flex;
19
- justify-content: center;
20
- align-items: center;
21
- border-radius: 8px;
22
- width: 358px;
23
- height: 48px;
24
- width: 100%;
25
- }
26
-
27
- .ns_link_absolute {
28
- position: absolute;
29
- width: 100%;
30
- height: 100%;
31
- left: 0;
32
- right: 0;
33
- top: 0;
34
- bottom: 0;
35
- cursor: pointer;
36
- background-color: transparent !important;
1
+ .ns_link_parent {
2
+ display: flex;
3
+ flex-direction: column;
4
+ justify-content: center;
5
+ align-items: center;
6
+ width: 100%;
7
+ gap: 24px;
8
+ }
9
+
10
+ .ns_link {
11
+ text-decoration: none;
12
+ /* box-shadow: inset 2px 2px 2px 0 #1754F3; */
13
+ box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%);
14
+ color: #fff;
15
+ font-size: 16px;
16
+ font-weight: 600;
17
+ line-height: 16px;
18
+ display: flex;
19
+ justify-content: center;
20
+ align-items: center;
21
+ border-radius: 8px;
22
+ width: 358px;
23
+ height: 48px;
24
+ width: 100%;
25
+ }
26
+
27
+ .ns_link_absolute {
28
+ position: absolute;
29
+ width: 100%;
30
+ height: 100%;
31
+ left: 0;
32
+ right: 0;
33
+ top: 0;
34
+ bottom: 0;
35
+ cursor: pointer;
36
+ background-color: transparent !important;
37
37
  }
@@ -1,70 +1,70 @@
1
- .ns_list_grouped_parent {
2
- width: 100%;
3
- max-width: 560px;
4
- border-radius: 8px;
5
- border: solid 1px #B2BBD9;
6
- background-color: #fff;
7
- padding-bottom: 16px;
8
- height: 360px;
9
- overflow: auto;
10
- }
11
-
12
- .ns_list_grouped_parent::-webkit-scrollbar {
13
- width: 1rem;
14
- }
15
-
16
- .ns_list_grouped_parent::-webkit-scrollbar-track {
17
- box-shadow: inset 0 0 6px #E8EBF6;
18
- }
19
-
20
- .ns_list_grouped_parent::-webkit-scrollbar-thumb {
21
- background-color: #A1A4B0;
22
- border-radius: 8px;
23
- }
24
-
25
- .ns_list_grouped {
26
- list-style-type: none;
27
- color: #141B5C;
28
- padding: 0;
29
- margin: 0;
30
- display: flex;
31
- flex-direction: column;
32
- align-items: flex-start;
33
- justify-content: flex-start;
34
- font-size: 16px;
35
- font-weight: 700;
36
- width: 100%;
37
- }
38
-
39
- .ns_group_category {
40
- border-bottom: solid 1px currentColor;
41
- width: 100%;
42
- display: flex;
43
- justify-content: space-between;
44
- padding: 10px 8px;
45
- }
46
-
47
- .ns_list_grouped li {
48
- width: 100%;
49
- }
50
-
51
- .ns_group_item {
52
- cursor: pointer;
53
- padding: 6px 0 6px 24px;
54
- font-size: 16px;
55
- font-weight: 300;
56
- color: #141B5C;
57
- border-bottom: solid 1px currentColor;
58
- width: 100%;
59
- display: inline-block;
60
- transition: all 0.1s;
61
- }
62
-
63
- .ns_group_item:hover {
64
- background-color: #B2BBD9;
65
- font-weight: 700;
66
- }
67
-
68
- .ns_block {
69
- display: block;
1
+ .ns_list_grouped_parent {
2
+ width: 100%;
3
+ max-width: 560px;
4
+ border-radius: 8px;
5
+ border: solid 1px #B2BBD9;
6
+ background-color: #fff;
7
+ padding-bottom: 16px;
8
+ height: 360px;
9
+ overflow: auto;
10
+ }
11
+
12
+ .ns_list_grouped_parent::-webkit-scrollbar {
13
+ width: 1rem;
14
+ }
15
+
16
+ .ns_list_grouped_parent::-webkit-scrollbar-track {
17
+ box-shadow: inset 0 0 6px #E8EBF6;
18
+ }
19
+
20
+ .ns_list_grouped_parent::-webkit-scrollbar-thumb {
21
+ background-color: #A1A4B0;
22
+ border-radius: 8px;
23
+ }
24
+
25
+ .ns_list_grouped {
26
+ list-style-type: none;
27
+ color: #141B5C;
28
+ padding: 0;
29
+ margin: 0;
30
+ display: flex;
31
+ flex-direction: column;
32
+ align-items: flex-start;
33
+ justify-content: flex-start;
34
+ font-size: 16px;
35
+ font-weight: 700;
36
+ width: 100%;
37
+ }
38
+
39
+ .ns_group_category {
40
+ border-bottom: solid 1px currentColor;
41
+ width: 100%;
42
+ display: flex;
43
+ justify-content: space-between;
44
+ padding: 10px 8px;
45
+ }
46
+
47
+ .ns_list_grouped li {
48
+ width: 100%;
49
+ }
50
+
51
+ .ns_group_item {
52
+ cursor: pointer;
53
+ padding: 6px 0 6px 24px;
54
+ font-size: 16px;
55
+ font-weight: 300;
56
+ color: #141B5C;
57
+ border-bottom: solid 1px currentColor;
58
+ width: 100%;
59
+ display: inline-block;
60
+ transition: all 0.1s;
61
+ }
62
+
63
+ .ns_group_item:hover {
64
+ background-color: #B2BBD9;
65
+ font-weight: 700;
66
+ }
67
+
68
+ .ns_block {
69
+ display: block;
70
70
  }
@@ -1,31 +1,31 @@
1
- .ns_loading_parent {
2
- width: 100%;
3
- display: flex;
4
- flex-direction: column;
5
- justify-content: center;
6
- align-items: center;
7
- margin: 0 auto;
8
- padding: 48px 0;
9
- color: rgba(20, 27, 92, 1);
10
- gap: 16px;
11
- }
12
-
13
- .ns_loader {
14
- margin: 16px 0;
15
- width: 75px;
16
- height: 75px;
17
- border-radius: 50%;
18
- padding: 1px;
19
- background: conic-gradient(#0000 10%, #001664) content-box;
20
- -webkit-mask:
21
- repeating-conic-gradient(#0000 0deg, #000 1deg 20deg, #0000 21deg 36deg),
22
- radial-gradient(farthest-side, #0000 calc(100% - 9px), #000 calc(100% - 8px));
23
- -webkit-mask-composite: destination-in;
24
- animation: s4 1s infinite steps(10);
25
- }
26
-
27
- @keyframes s4 {
28
- to {
29
- transform: rotate(1turn)
30
- }
1
+ .ns_loading_parent {
2
+ width: 100%;
3
+ display: flex;
4
+ flex-direction: column;
5
+ justify-content: center;
6
+ align-items: center;
7
+ margin: 0 auto;
8
+ padding: 48px 0;
9
+ color: rgba(20, 27, 92, 1);
10
+ gap: 16px;
11
+ }
12
+
13
+ .ns_loader {
14
+ margin: 16px 0;
15
+ width: 75px;
16
+ height: 75px;
17
+ border-radius: 50%;
18
+ padding: 1px;
19
+ background: conic-gradient(#0000 10%, #001664) content-box;
20
+ -webkit-mask:
21
+ repeating-conic-gradient(#0000 0deg, #000 1deg 20deg, #0000 21deg 36deg),
22
+ radial-gradient(farthest-side, #0000 calc(100% - 9px), #000 calc(100% - 8px));
23
+ -webkit-mask-composite: destination-in;
24
+ animation: s4 1s infinite steps(10);
25
+ }
26
+
27
+ @keyframes s4 {
28
+ to {
29
+ transform: rotate(1turn)
30
+ }
31
31
  }
@@ -26,8 +26,8 @@ export function NSMenuAction(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]), disabled: props.items[0].isActive() ? false : true, classList: [Styles.ns_menu_action_button] });
29
- return (_jsxs("div", { className: Styles.ns_menu_action, ref: menuRef, children: [_jsxs("button", { onClick: () => setState((prevState) => (Object.assign(Object.assign({}, prevState), { isShow: !state.isShow }))), children: [props.name, _jsx("img", { className: Styles.ns_menu_action_icon, src: "https://static.namirasoft.com/image/concept/ellipsis/vertical-blue.svg", alt: "Icon", width: 24, height: 24 })] }), _jsx("ul", { className: `${Styles.ns_menu_action_item_holder} ${state.isShow ? Styles.ns_menu_action_show : Styles.ns_menu_action_hide}`, children: props.items.map((item) => _jsx("li", { onClick: () => onClick(item), className: `${Styles.ns_menu_action_item}
30
- ${item.isActive() ? Styles.ns_active_item : Styles.ns_menu_action_item_deactive}
29
+ return (_jsxs("div", { className: Styles.ns_menu_action, ref: menuRef, children: [_jsxs("button", { onClick: () => setState((prevState) => (Object.assign(Object.assign({}, prevState), { isShow: !state.isShow }))), children: [props.name, _jsx("img", { className: Styles.ns_menu_action_icon, src: "https://static.namirasoft.com/image/concept/ellipsis/vertical-blue.svg", alt: "Icon", width: 24, height: 24 })] }), _jsx("ul", { className: `${Styles.ns_menu_action_item_holder} ${state.isShow ? Styles.ns_menu_action_show : Styles.ns_menu_action_hide}`, children: props.items.map((item) => _jsx("li", { onClick: () => onClick(item), className: `${Styles.ns_menu_action_item}
30
+ ${item.isActive() ? Styles.ns_active_item : Styles.ns_menu_action_item_deactive}
31
31
  `, children: item.menu_item }, item.id)) })] }));
32
32
  }
33
33
  //# sourceMappingURL=NSMenuAction.js.map
@@ -1,89 +1,89 @@
1
- .ns_menu_action {
2
- display: flex;
3
- flex-direction: column;
4
- color: #000;
5
- position: relative;
6
- width: 100%;
7
- }
8
-
9
- .ns_menu_action_button {
10
- width: 100%;
11
- max-width: 100%;
12
- }
13
-
14
- .ns_menu_action>button {
15
- border-radius: 8px;
16
- padding: 10px 12px;
17
- font-size: 16px;
18
- font-weight: 400;
19
- border: 1px solid #000;
20
- max-width: 100%;
21
- height: max-content !important;
22
- background: #fff;
23
- cursor: pointer;
24
- text-align: start;
25
- color: #141B5C;
26
- cursor: pointer;
27
- }
28
-
29
- .ns_menu_action_icon {
30
- position: absolute;
31
- right: 5px;
32
- top: 12px;
33
- z-index: 1;
34
- }
35
-
36
- .ns_menu_action_item_holder {
37
- list-style-type: none;
38
- padding: 16px 0;
39
- margin: 0;
40
- background: #fff;
41
- border-radius: 8px;
42
- position: absolute;
43
- top: 48px;
44
- left: 0;
45
- width: 100%;
46
- box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
47
- -webkit-box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
48
- -moz-box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
49
- z-index: 2;
50
- }
51
-
52
- .ns_menu_action_item {
53
- height: 40px;
54
- display: flex;
55
- align-items: center;
56
- font-size: 16px;
57
- color: #141B5C;
58
- padding: 0 16px;
59
- cursor: pointer;
60
- position: relative;
61
- z-index: 11;
62
- }
63
-
64
- .ns_menu_action_item:hover {
65
- background-color: #141B5C66;
66
- }
67
-
68
- .ns_menu_action_item_deactive {
69
- color: #D1D1D1;
70
- cursor: not-allowed;
71
- }
72
-
73
- .ns_menu_action_show {
74
- display: block;
75
- }
76
-
77
- .ns_menu_action_hide {
78
- display: none;
79
- }
80
-
81
- @media only screen and (min-width: 480px) {
82
- .ns_menu_action {
83
- width: 180px;
84
- }
85
-
86
- .ns_menu_action_button {
87
- width: 180px;
88
- }
1
+ .ns_menu_action {
2
+ display: flex;
3
+ flex-direction: column;
4
+ color: #000;
5
+ position: relative;
6
+ width: 100%;
7
+ }
8
+
9
+ .ns_menu_action_button {
10
+ width: 100%;
11
+ max-width: 100%;
12
+ }
13
+
14
+ .ns_menu_action>button {
15
+ border-radius: 8px;
16
+ padding: 10px 12px;
17
+ font-size: 16px;
18
+ font-weight: 400;
19
+ border: 1px solid #000;
20
+ max-width: 100%;
21
+ height: max-content !important;
22
+ background: #fff;
23
+ cursor: pointer;
24
+ text-align: start;
25
+ color: #141B5C;
26
+ cursor: pointer;
27
+ }
28
+
29
+ .ns_menu_action_icon {
30
+ position: absolute;
31
+ right: 5px;
32
+ top: 12px;
33
+ z-index: 1;
34
+ }
35
+
36
+ .ns_menu_action_item_holder {
37
+ list-style-type: none;
38
+ padding: 16px 0;
39
+ margin: 0;
40
+ background: #fff;
41
+ border-radius: 8px;
42
+ position: absolute;
43
+ top: 48px;
44
+ left: 0;
45
+ width: 100%;
46
+ box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
47
+ -webkit-box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
48
+ -moz-box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
49
+ z-index: 2;
50
+ }
51
+
52
+ .ns_menu_action_item {
53
+ height: 40px;
54
+ display: flex;
55
+ align-items: center;
56
+ font-size: 16px;
57
+ color: #141B5C;
58
+ padding: 0 16px;
59
+ cursor: pointer;
60
+ position: relative;
61
+ z-index: 11;
62
+ }
63
+
64
+ .ns_menu_action_item:hover {
65
+ background-color: #141B5C66;
66
+ }
67
+
68
+ .ns_menu_action_item_deactive {
69
+ color: #D1D1D1;
70
+ cursor: not-allowed;
71
+ }
72
+
73
+ .ns_menu_action_show {
74
+ display: block;
75
+ }
76
+
77
+ .ns_menu_action_hide {
78
+ display: none;
79
+ }
80
+
81
+ @media only screen and (min-width: 480px) {
82
+ .ns_menu_action {
83
+ width: 180px;
84
+ }
85
+
86
+ .ns_menu_action_button {
87
+ width: 180px;
88
+ }
89
89
  }
@@ -1,45 +1,45 @@
1
- .ns_menu_button_container {
2
- display: flex;
3
- flex-direction: column;
4
- justify-content: left;
5
- align-items: flex-end;
6
- }
7
-
8
- .ns_menu_button_group_parrent {
9
- display: flex;
10
- flex-direction: row;
11
- width: 100%;
12
- color: #141B5C;
13
- justify-content: right;
14
- max-width: 100%;
15
- }
16
-
17
- .ns_menu_button_group {
18
- display: flex;
19
- width: max-content;
20
- }
21
-
22
- .ns_menu_button_menu_item {
23
- display: inline-flex;
24
- width: 30px;
25
- height: 30px;
26
- opacity: 1;
27
- color: #000;
28
- border: 1px solid transparent;
29
- cursor: pointer;
30
- background-color: transparent;
31
- box-sizing: border-box;
32
- align-items: center;
33
- justify-content: center;
34
- }
35
-
36
- .ns_menu_button_menu_item:hover {
37
- border-color: #aaaaaa;
38
- border-width: 1px;
39
- border-style: solid;
40
- border-radius: 5px;
41
- }
42
-
43
- .ns_menu_button_menu_item img {
44
- position: inherit;
1
+ .ns_menu_button_container {
2
+ display: flex;
3
+ flex-direction: column;
4
+ justify-content: left;
5
+ align-items: flex-end;
6
+ }
7
+
8
+ .ns_menu_button_group_parrent {
9
+ display: flex;
10
+ flex-direction: row;
11
+ width: 100%;
12
+ color: #141B5C;
13
+ justify-content: right;
14
+ max-width: 100%;
15
+ }
16
+
17
+ .ns_menu_button_group {
18
+ display: flex;
19
+ width: max-content;
20
+ }
21
+
22
+ .ns_menu_button_menu_item {
23
+ display: inline-flex;
24
+ width: 30px;
25
+ height: 30px;
26
+ opacity: 1;
27
+ color: #000;
28
+ border: 1px solid transparent;
29
+ cursor: pointer;
30
+ background-color: transparent;
31
+ box-sizing: border-box;
32
+ align-items: center;
33
+ justify-content: center;
34
+ }
35
+
36
+ .ns_menu_button_menu_item:hover {
37
+ border-color: #aaaaaa;
38
+ border-width: 1px;
39
+ border-style: solid;
40
+ border-radius: 5px;
41
+ }
42
+
43
+ .ns_menu_button_menu_item img {
44
+ position: inherit;
45
45
  }