namirasoft-site-react 1.4.166 → 1.4.167
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.
- package/.dockerignore +86 -86
- package/.env.template +10 -10
- package/Dockerfile +18 -18
- package/config-overrides.js +72 -72
- package/dist/App.css +34 -0
- package/dist/App.js +4 -36
- package/dist/App.js.map +1 -1
- package/dist/NSBoxBuilder.d.ts +2 -0
- package/dist/NSBoxBuilder.js +78 -71
- package/dist/NSBoxBuilder.js.map +1 -1
- package/dist/Validator.js +3 -3
- package/dist/Validator.js.map +1 -1
- package/dist/components/NSBarAction.module.css +82 -82
- package/dist/components/NSBarAlert.module.css +79 -79
- package/dist/components/NSBarNotification.module.css +34 -34
- package/dist/components/NSBarTitle.module.css +9 -9
- package/dist/components/NSBox.module.css +50 -50
- package/dist/components/NSBoxBaseCombo.js +11 -13
- package/dist/components/NSBoxBaseCombo.js.map +1 -1
- package/dist/components/NSBoxBaseCombo.module.css +6 -6
- package/dist/components/NSBoxBaseLayout.d.ts +2 -3
- package/dist/components/NSBoxBaseLayout.js +3 -2
- package/dist/components/NSBoxBaseLayout.js.map +1 -1
- package/dist/components/NSBoxBaseLayoutRecursive.d.ts +13 -0
- package/dist/components/NSBoxBaseLayoutRecursive.js +38 -0
- package/dist/components/NSBoxBaseLayoutRecursive.js.map +1 -0
- package/dist/components/NSBoxBoolean.js +6 -8
- package/dist/components/NSBoxBoolean.js.map +1 -1
- package/dist/components/NSBoxBoolean.module.css +67 -67
- package/dist/components/NSBoxBooleans.js +3 -4
- package/dist/components/NSBoxBooleans.js.map +1 -1
- package/dist/components/NSBoxColor.js +5 -6
- package/dist/components/NSBoxColor.js.map +1 -1
- package/dist/components/NSBoxCombo.js +5 -5
- package/dist/components/NSBoxCombo.js.map +1 -1
- package/dist/components/NSBoxDate.js +5 -6
- package/dist/components/NSBoxDate.js.map +1 -1
- package/dist/components/NSBoxDate.module.css +4 -4
- package/dist/components/NSBoxDateTime.js +5 -6
- package/dist/components/NSBoxDateTime.js.map +1 -1
- package/dist/components/NSBoxDateTime.module.css +4 -4
- package/dist/components/NSBoxDouble.js +5 -6
- package/dist/components/NSBoxDouble.js.map +1 -1
- package/dist/components/NSBoxDuration.js +5 -6
- package/dist/components/NSBoxDuration.js.map +1 -1
- package/dist/components/NSBoxDuration.module.css +4 -4
- package/dist/components/NSBoxDynamic.d.ts +0 -1
- package/dist/components/NSBoxDynamic.js.map +1 -1
- package/dist/components/NSBoxEmail.js +6 -5
- package/dist/components/NSBoxEmail.js.map +1 -1
- package/dist/components/NSBoxEntity.js +5 -5
- package/dist/components/NSBoxEntity.js.map +1 -1
- package/dist/components/NSBoxEnum.js +9 -5
- package/dist/components/NSBoxEnum.js.map +1 -1
- package/dist/components/NSBoxFile.js +1 -3
- package/dist/components/NSBoxFile.js.map +1 -1
- package/dist/components/NSBoxFile.module.css +10 -10
- package/dist/components/NSBoxFilePath.js +5 -6
- package/dist/components/NSBoxFilePath.js.map +1 -1
- package/dist/components/NSBoxFont.js +5 -6
- package/dist/components/NSBoxFont.js.map +1 -1
- package/dist/components/NSBoxIPV4.js +5 -6
- package/dist/components/NSBoxIPV4.js.map +1 -1
- package/dist/components/NSBoxIPV4Range.js +5 -6
- package/dist/components/NSBoxIPV4Range.js.map +1 -1
- package/dist/components/NSBoxIPV6.js +5 -6
- package/dist/components/NSBoxIPV6.js.map +1 -1
- package/dist/components/NSBoxIPV6Range.js +5 -6
- package/dist/components/NSBoxIPV6Range.js.map +1 -1
- package/dist/components/NSBoxInteger.js +5 -6
- package/dist/components/NSBoxInteger.js.map +1 -1
- package/dist/components/NSBoxMoney.d.ts +3 -3
- package/dist/components/NSBoxMoney.js +8 -8
- package/dist/components/NSBoxMoney.js.map +1 -1
- package/dist/components/NSBoxPassword.js +4 -7
- package/dist/components/NSBoxPassword.js.map +1 -1
- package/dist/components/NSBoxPhone.js +5 -6
- package/dist/components/NSBoxPhone.js.map +1 -1
- package/dist/components/NSBoxPhone.module.css +35 -35
- package/dist/components/NSBoxRadio.js +6 -8
- package/dist/components/NSBoxRadio.js.map +1 -1
- package/dist/components/NSBoxRadio.module.css +33 -33
- package/dist/components/NSBoxSchemaBase.d.ts +39 -0
- package/dist/components/NSBoxSchemaBase.js +327 -0
- package/dist/components/NSBoxSchemaBase.js.map +1 -0
- package/dist/components/NSBoxSchemaBase.module.css +18 -0
- package/dist/components/NSBoxSchemaVariable.d.ts +32 -0
- package/dist/components/NSBoxSchemaVariable.js +127 -0
- package/dist/components/NSBoxSchemaVariable.js.map +1 -0
- package/dist/components/NSBoxSchemaVariable.module.css +17 -0
- package/dist/components/NSBoxSearch.js +8 -5
- package/dist/components/NSBoxSearch.js.map +1 -1
- package/dist/components/NSBoxString.js +8 -5
- package/dist/components/NSBoxString.js.map +1 -1
- package/dist/components/NSBoxTextArea.js +8 -5
- package/dist/components/NSBoxTextArea.js.map +1 -1
- package/dist/components/NSBoxTextArea.module.css +12 -12
- package/dist/components/NSBoxTime.js +5 -6
- package/dist/components/NSBoxTime.js.map +1 -1
- package/dist/components/NSBoxTime.module.css +4 -4
- package/dist/components/NSBoxTimeZone.js +5 -6
- package/dist/components/NSBoxTimeZone.js.map +1 -1
- package/dist/components/NSBoxURL.js +6 -6
- package/dist/components/NSBoxURL.js.map +1 -1
- package/dist/components/NSBoxVersion.js +5 -6
- package/dist/components/NSBoxVersion.js.map +1 -1
- package/dist/components/NSButton.module.css +57 -57
- package/dist/components/NSButtonBlue.module.css +4 -4
- package/dist/components/NSButtonGreen.module.css +4 -4
- package/dist/components/NSButtonRed.module.css +4 -4
- package/dist/components/NSCard.module.css +114 -114
- package/dist/components/NSCardScreenshot.module.css +41 -41
- package/dist/components/NSChartColumn.module.css +7 -7
- package/dist/components/NSChartTable.module.css +21 -21
- package/dist/components/NSColumn.module.css +16 -16
- package/dist/components/NSCopyBox.module.css +39 -39
- package/dist/components/NSDialog.module.css +111 -110
- package/dist/components/NSDialogPageSelection.module.css +103 -103
- package/dist/components/NSDownTimer.module.css +55 -55
- package/dist/components/NSDownload.module.css +46 -46
- package/dist/components/NSElectronicCard.module.css +60 -60
- package/dist/components/NSEntityCardBackground.module.css +27 -27
- package/dist/components/NSFilterBox.module.css +56 -56
- package/dist/components/NSFilterItem.module.css +25 -25
- package/dist/components/NSFooter.module.css +123 -123
- package/dist/components/NSHeader.module.css +291 -291
- package/dist/components/NSHeaderScreenshot.module.css +35 -35
- package/dist/components/NSLabel.module.css +15 -15
- package/dist/components/NSLabelErrorNotifier.module.css +2 -2
- package/dist/components/NSLayout.module.css +14 -14
- package/dist/components/NSLine.js.map +1 -1
- package/dist/components/NSLine.module.css +13 -12
- package/dist/components/NSLink.module.css +36 -36
- package/dist/components/NSListGrouped.module.css +69 -69
- package/dist/components/NSLoading.module.css +30 -30
- package/dist/components/NSMenuAction.js +2 -2
- package/dist/components/NSMenuAction.module.css +87 -87
- package/dist/components/NSMenuButton.d.ts +10 -5
- package/dist/components/NSMenuButton.js +13 -12
- package/dist/components/NSMenuButton.js.map +1 -1
- package/dist/components/NSMenuButton.module.css +44 -44
- package/dist/components/NSNoData.module.css +9 -9
- package/dist/components/NSPagination.module.css +85 -85
- package/dist/components/NSPanel.module.css +19 -18
- package/dist/components/NSPanelAccordion.module.css +4 -4
- package/dist/components/NSRange.module.css +66 -66
- package/dist/components/NSRepeater.d.ts +8 -6
- package/dist/components/NSRepeater.js +21 -14
- package/dist/components/NSRepeater.js.map +1 -1
- package/dist/components/NSRepeaterNSBoxSchemaVariable.d.ts +23 -0
- package/dist/components/NSRepeaterNSBoxSchemaVariable.js +50 -0
- package/dist/components/NSRepeaterNSBoxSchemaVariable.js.map +1 -0
- package/dist/components/NSRow.module.css +17 -17
- package/dist/components/NSSection.module.css +4 -4
- package/dist/components/NSSectionCards.module.css +38 -38
- package/dist/components/NSSectionTiles.module.css +10 -10
- package/dist/components/NSTabPage.module.css +59 -59
- package/dist/components/NSTable.module.css +263 -263
- package/dist/components/NSTag.module.css +52 -52
- package/dist/components/NSTile.module.css +76 -76
- package/dist/components/NSTimelineMonthly.module.css +71 -71
- package/dist/components/NSTitle.module.css +15 -15
- package/dist/index.css +6 -0
- package/dist/pages/NSNotFoundPage.module.css +17 -17
- package/dist/pages/NSUpdating.module.css +35 -35
- package/package.json +76 -76
- package/public/index.html +38 -38
- package/src/App.css +33 -33
- package/src/App.tsx +54 -107
- package/src/Color.tsx +10 -10
- package/src/CopyToClipboard.ts +6 -6
- package/src/NSBoxBuilder.tsx +849 -828
- package/src/Validator.ts +147 -147
- package/src/components/INSBox.tsx +6 -6
- package/src/components/NSBarAction.module.css +82 -82
- package/src/components/NSBarAction.tsx +85 -85
- package/src/components/NSBarAlert.module.css +79 -79
- package/src/components/NSBarAlert.tsx +31 -31
- package/src/components/NSBarNotification.module.css +34 -34
- package/src/components/NSBarNotification.tsx +89 -89
- package/src/components/NSBarTitle.module.css +9 -9
- package/src/components/NSBarTitle.tsx +29 -29
- package/src/components/NSBox.module.css +50 -50
- package/src/components/NSBox.tsx +19 -19
- package/src/components/NSBoxBaseCombo.module.css +6 -6
- package/src/components/NSBoxBaseCombo.tsx +298 -305
- package/src/components/NSBoxBaseLayout.tsx +79 -83
- package/src/components/NSBoxBaseLayoutRecursive.tsx +55 -0
- package/src/components/NSBoxBoolean.module.css +67 -67
- package/src/components/NSBoxBoolean.tsx +114 -120
- package/src/components/NSBoxBooleans.tsx +161 -163
- package/src/components/NSBoxColor.tsx +87 -91
- package/src/components/NSBoxCombo.tsx +84 -86
- package/src/components/NSBoxDate.module.css +4 -4
- package/src/components/NSBoxDate.tsx +101 -105
- package/src/components/NSBoxDateTime.module.css +4 -4
- package/src/components/NSBoxDateTime.tsx +102 -106
- package/src/components/NSBoxDouble.tsx +91 -95
- package/src/components/NSBoxDuration.module.css +4 -4
- package/src/components/NSBoxDuration.tsx +92 -96
- package/src/components/NSBoxDynamic.tsx +55 -56
- package/src/components/NSBoxEmail.tsx +96 -98
- package/src/components/NSBoxEntity.tsx +73 -75
- package/src/components/NSBoxEnum.tsx +101 -99
- package/src/components/NSBoxFile.module.css +10 -10
- package/src/components/NSBoxFile.tsx +101 -105
- package/src/components/NSBoxFilePath.tsx +87 -91
- package/src/components/NSBoxFont.tsx +87 -91
- package/src/components/NSBoxIPV4.tsx +92 -96
- package/src/components/NSBoxIPV4Range.tsx +87 -91
- package/src/components/NSBoxIPV6.tsx +89 -93
- package/src/components/NSBoxIPV6Range.tsx +87 -91
- package/src/components/NSBoxInteger.tsx +89 -93
- package/src/components/NSBoxMoney.tsx +92 -96
- package/src/components/NSBoxPassword.tsx +103 -109
- package/src/components/NSBoxPhone.module.css +35 -35
- package/src/components/NSBoxPhone.tsx +107 -112
- package/src/components/NSBoxRadio.module.css +33 -33
- package/src/components/NSBoxRadio.tsx +89 -95
- package/src/components/NSBoxSchemaBase.module.css +18 -0
- package/src/components/NSBoxSchemaBase.tsx +523 -0
- package/src/components/NSBoxSchemaVariable.module.css +17 -0
- package/src/components/NSBoxSchemaVariable.tsx +247 -0
- package/src/components/NSBoxSearch.tsx +95 -93
- package/src/components/NSBoxString.tsx +88 -86
- package/src/components/NSBoxTextArea.module.css +12 -12
- package/src/components/NSBoxTextArea.tsx +96 -94
- package/src/components/NSBoxTime.module.css +4 -4
- package/src/components/NSBoxTime.tsx +90 -93
- package/src/components/NSBoxTimeZone.tsx +87 -91
- package/src/components/NSBoxURL.tsx +88 -91
- package/src/components/NSBoxVersion.tsx +87 -91
- package/src/components/NSButton.module.css +57 -57
- package/src/components/NSButton.tsx +25 -25
- package/src/components/NSButtonBlue.module.css +4 -4
- package/src/components/NSButtonBlue.tsx +19 -19
- package/src/components/NSButtonGreen.module.css +4 -4
- package/src/components/NSButtonGreen.tsx +19 -19
- package/src/components/NSButtonRed.module.css +4 -4
- package/src/components/NSButtonRed.tsx +19 -19
- package/src/components/NSCard.module.css +114 -114
- package/src/components/NSCard.tsx +63 -63
- package/src/components/NSCardScreenshot.module.css +41 -41
- package/src/components/NSCardScreenshot.tsx +31 -31
- package/src/components/NSChartColumn.module.css +7 -7
- package/src/components/NSChartColumn.tsx +106 -106
- package/src/components/NSChartDoughnut.tsx +108 -108
- package/src/components/NSChartPie.tsx +105 -105
- package/src/components/NSChartRange.tsx +14 -14
- package/src/components/NSChartTable.module.css +21 -21
- package/src/components/NSChartTable.tsx +94 -94
- package/src/components/NSColumn.module.css +16 -16
- package/src/components/NSColumn.tsx +18 -18
- package/src/components/NSCopy.tsx +56 -56
- package/src/components/NSCopyBox.module.css +39 -39
- package/src/components/NSCopyBox.tsx +53 -53
- package/src/components/NSDialog.module.css +111 -110
- package/src/components/NSDialog.tsx +61 -61
- package/src/components/NSDialogDelete.tsx +26 -26
- package/src/components/NSDialogInfo.tsx +32 -32
- package/src/components/NSDialogPageSelection.module.css +103 -103
- package/src/components/NSDialogPageSelection.tsx +223 -223
- package/src/components/NSDownTimer.module.css +55 -55
- package/src/components/NSDownTimer.tsx +77 -77
- package/src/components/NSDownload.module.css +46 -46
- package/src/components/NSDownload.tsx +63 -63
- package/src/components/NSElectronicCard.module.css +60 -60
- package/src/components/NSElectronicCard.tsx +46 -46
- package/src/components/NSEntityCardBackground.module.css +27 -27
- package/src/components/NSEntityCardBackground.tsx +36 -36
- package/src/components/NSFilterBox.module.css +56 -56
- package/src/components/NSFilterBox.tsx +366 -366
- package/src/components/NSFilterItem.module.css +25 -25
- package/src/components/NSFilterItem.tsx +27 -27
- package/src/components/NSFooter.module.css +123 -123
- package/src/components/NSFooter.tsx +316 -316
- package/src/components/NSHeader.module.css +291 -291
- package/src/components/NSHeader.tsx +253 -253
- package/src/components/NSHeaderScreenshot.module.css +35 -35
- package/src/components/NSHeaderScreenshot.tsx +39 -39
- package/src/components/NSLabel.module.css +15 -15
- package/src/components/NSLabel.tsx +29 -29
- package/src/components/NSLabelErrorNotifier.module.css +2 -2
- package/src/components/NSLabelErrorNotifier.tsx +32 -32
- package/src/components/NSLayout.module.css +14 -14
- package/src/components/NSLayout.tsx +94 -94
- package/src/components/NSLine.module.css +13 -12
- package/src/components/NSLine.tsx +13 -15
- package/src/components/NSLink.module.css +36 -36
- package/src/components/NSLink.tsx +25 -25
- package/src/components/NSLinkBlue.tsx +21 -21
- package/src/components/NSLinkGreen.tsx +5 -5
- package/src/components/NSLinkRed.tsx +5 -5
- package/src/components/NSListGrouped.module.css +69 -69
- package/src/components/NSListGrouped.tsx +119 -119
- package/src/components/NSListProduct.tsx +44 -44
- package/src/components/NSLoading.module.css +30 -30
- package/src/components/NSLoading.tsx +19 -19
- package/src/components/NSMenuAction.module.css +87 -87
- package/src/components/NSMenuAction.tsx +90 -90
- package/src/components/NSMenuButton.module.css +44 -44
- package/src/components/NSMenuButton.tsx +177 -172
- package/src/components/NSNoData.module.css +9 -9
- package/src/components/NSNoData.tsx +24 -24
- package/src/components/NSPagination.module.css +85 -85
- package/src/components/NSPagination.tsx +182 -182
- package/src/components/NSPanel.module.css +19 -18
- package/src/components/NSPanel.tsx +18 -18
- package/src/components/NSPanelAccordion.module.css +4 -4
- package/src/components/NSPanelAccordion.tsx +51 -51
- package/src/components/NSRange.module.css +66 -66
- package/src/components/NSRange.tsx +83 -83
- package/src/components/NSRepeater.tsx +223 -217
- package/src/components/NSRepeaterNSBoxSchemaVariable.tsx +90 -0
- package/src/components/NSRow.module.css +17 -17
- package/src/components/NSRow.tsx +18 -18
- package/src/components/NSSection.module.css +4 -4
- package/src/components/NSSection.tsx +20 -20
- package/src/components/NSSectionCards.module.css +38 -38
- package/src/components/NSSectionCards.tsx +51 -51
- package/src/components/NSSectionTiles.module.css +10 -10
- package/src/components/NSSectionTiles.tsx +25 -25
- package/src/components/NSSectionTitle.tsx +21 -21
- package/src/components/NSSpace.tsx +28 -28
- package/src/components/NSTabPage.module.css +59 -59
- package/src/components/NSTabPage.tsx +77 -77
- package/src/components/NSTable.module.css +263 -263
- package/src/components/NSTable.tsx +479 -479
- package/src/components/NSTag.module.css +52 -52
- package/src/components/NSTag.tsx +78 -78
- package/src/components/NSTile.module.css +76 -76
- package/src/components/NSTile.tsx +27 -27
- package/src/components/NSTimelineMonthly.module.css +71 -71
- package/src/components/NSTimelineMonthly.tsx +44 -44
- package/src/components/NSTitle.module.css +15 -15
- package/src/components/NSTitle.tsx +19 -19
- package/src/formatter/BackColorFormatter.tsx +23 -23
- package/src/formatter/BaseColumnFormatter.ts +16 -16
- package/src/formatter/BooleanFormatter.ts +22 -22
- package/src/formatter/DateFormatter.ts +20 -20
- package/src/formatter/DateTimeFormatter.ts +20 -20
- package/src/formatter/DurationFormatter.ts +13 -13
- package/src/formatter/EmailFormatter.ts +13 -13
- package/src/formatter/EnumFormatter.ts +13 -13
- package/src/formatter/FloatFormatter.ts +16 -16
- package/src/formatter/ForeColorFormatter.tsx +24 -24
- package/src/formatter/IDFormatter.tsx +30 -30
- package/src/formatter/IPFormatter.ts +13 -13
- package/src/formatter/IntegerFormatter.ts +16 -16
- package/src/formatter/JsonFormatter.ts +14 -14
- package/src/formatter/MoneyFormatter.ts +16 -16
- package/src/formatter/PhoneFormatter.ts +13 -13
- package/src/formatter/StringFormatter.ts +22 -22
- package/src/formatter/TimeFormatter.ts +21 -21
- package/src/formatter/UnknowFormatter.ts +18 -18
- package/src/index.tsx +7 -7
- package/src/main.ts +193 -193
- package/src/pages/NSNotFoundPage.module.css +17 -17
- package/src/pages/NSNotFoundPage.tsx +11 -11
- package/src/pages/NSUpdating.module.css +35 -35
- package/src/pages/NSUpdating.tsx +32 -32
- package/src/props/IBaseComponentProps.ts +8 -8
- package/src/props/IHeaderIconProps.ts +10 -10
- package/src/props/IHeaderProps.ts +7 -7
- package/src/props/IImageProps.ts +4 -4
- package/src/props/ILinkProps.ts +5 -5
- package/src/props/IValidationNumberProps.ts +4 -4
- package/src/props/IValidationPrecisionProps.ts +3 -3
- package/src/props/IValidationProps.ts +9 -9
- package/src/props/IValidationRegexProps.ts +4 -4
- package/src/props/IValidationStringProps.ts +4 -4
- package/src/routing/INSRouterMaker.ts +6 -6
- package/src/routing/INSRouterProps.ts +5 -5
- package/src/routing/INSRouterState.ts +5 -5
- package/src/routing/NSRouterMaker.tsx +33 -33
- package/src/routing/Notifier.ts +79 -79
- package/tsconfig.json +43 -43
|
@@ -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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSLine.js","sourceRoot":"","sources":["../../src/components/NSLine.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"NSLine.js","sourceRoot":"","sources":["../../src/components/NSLine.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAKzC,MAAM,UAAU,MAAM,CAAC,KAAkB;;IAExC,OAAO,CACN,cAAK,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,iBAAiB,GAAG,YACjE,aAAI,SAAS,EAAE,GAAG,MAAM,CAAC,OAAO,IAAI,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,GAAI,GAC/D,CACN,CAAC;AACH,CAAC"}
|
|
@@ -1,13 +1,14 @@
|
|
|
1
|
-
.ns_line_container {
|
|
2
|
-
display: flex;
|
|
3
|
-
justify-content: center;
|
|
4
|
-
align-items: center;
|
|
5
|
-
margin: 0;
|
|
6
|
-
padding: 0;
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
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
|
+
height: 2px;
|
|
13
|
+
background: linear-gradient(90deg, #b0b0b0 0%, hsla(0, 0%, 0%, 1) 50%, #b0b0b0 100%);
|
|
13
14
|
}
|
|
@@ -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_action_bar_button] });
|
|
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=NSMenuAction.js.map
|
|
@@ -1,88 +1,88 @@
|
|
|
1
|
-
.ns_action_bar {
|
|
2
|
-
display: flex;
|
|
3
|
-
flex-direction: column;
|
|
4
|
-
color: #000;
|
|
5
|
-
position: relative;
|
|
6
|
-
width: 100%;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
.ns_action_bar_button {
|
|
10
|
-
width: 100%;
|
|
11
|
-
max-width: 100%;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.ns_action_bar>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_action_menu_icon {
|
|
30
|
-
position: absolute;
|
|
31
|
-
right: 5px;
|
|
32
|
-
top: 12px;
|
|
33
|
-
z-index: 1;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
.ns_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: 64px;
|
|
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
|
-
}
|
|
50
|
-
|
|
51
|
-
.ns_action_item {
|
|
52
|
-
height: 40px;
|
|
53
|
-
display: flex;
|
|
54
|
-
align-items: center;
|
|
55
|
-
font-size: 16px;
|
|
56
|
-
color: #141B5C;
|
|
57
|
-
padding: 0 16px;
|
|
58
|
-
cursor: pointer;
|
|
59
|
-
position: relative;
|
|
60
|
-
z-index: 11;
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
.ns_action_item:hover {
|
|
64
|
-
background-color: #141B5C66;
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
.ns_deActive_item {
|
|
68
|
-
color: #D1D1D1;
|
|
69
|
-
cursor: not-allowed;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
.ns_show {
|
|
73
|
-
display: block;
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
.ns_hide {
|
|
77
|
-
display: none;
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
@media only screen and (min-width: 480px) {
|
|
81
|
-
.ns_action_bar {
|
|
82
|
-
width: 180px;
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
.ns_action_bar_button {
|
|
86
|
-
width: 180px;
|
|
87
|
-
}
|
|
1
|
+
.ns_action_bar {
|
|
2
|
+
display: flex;
|
|
3
|
+
flex-direction: column;
|
|
4
|
+
color: #000;
|
|
5
|
+
position: relative;
|
|
6
|
+
width: 100%;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.ns_action_bar_button {
|
|
10
|
+
width: 100%;
|
|
11
|
+
max-width: 100%;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.ns_action_bar>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_action_menu_icon {
|
|
30
|
+
position: absolute;
|
|
31
|
+
right: 5px;
|
|
32
|
+
top: 12px;
|
|
33
|
+
z-index: 1;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.ns_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: 64px;
|
|
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
|
+
}
|
|
50
|
+
|
|
51
|
+
.ns_action_item {
|
|
52
|
+
height: 40px;
|
|
53
|
+
display: flex;
|
|
54
|
+
align-items: center;
|
|
55
|
+
font-size: 16px;
|
|
56
|
+
color: #141B5C;
|
|
57
|
+
padding: 0 16px;
|
|
58
|
+
cursor: pointer;
|
|
59
|
+
position: relative;
|
|
60
|
+
z-index: 11;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.ns_action_item:hover {
|
|
64
|
+
background-color: #141B5C66;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.ns_deActive_item {
|
|
68
|
+
color: #D1D1D1;
|
|
69
|
+
cursor: not-allowed;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
.ns_show {
|
|
73
|
+
display: block;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
.ns_hide {
|
|
77
|
+
display: none;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
@media only screen and (min-width: 480px) {
|
|
81
|
+
.ns_action_bar {
|
|
82
|
+
width: 180px;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
.ns_action_bar_button {
|
|
86
|
+
width: 180px;
|
|
87
|
+
}
|
|
88
88
|
}
|
|
@@ -3,10 +3,17 @@ export interface NSMenuButtonMenuProps {
|
|
|
3
3
|
builtin: {
|
|
4
4
|
delete?: {
|
|
5
5
|
enabled: boolean;
|
|
6
|
-
onDelete
|
|
6
|
+
onDelete: () => void;
|
|
7
|
+
};
|
|
8
|
+
copy?: {
|
|
9
|
+
enabled: boolean;
|
|
10
|
+
getValue: () => string;
|
|
11
|
+
};
|
|
12
|
+
fullscreen?: {
|
|
13
|
+
enabled: boolean;
|
|
14
|
+
getValue: () => string;
|
|
15
|
+
setValue: (value: string | null) => void;
|
|
7
16
|
};
|
|
8
|
-
copy?: boolean;
|
|
9
|
-
fullscreen?: boolean;
|
|
10
17
|
};
|
|
11
18
|
items: NSMenuButtonMenuItemProps[];
|
|
12
19
|
}
|
|
@@ -17,8 +24,6 @@ export interface NSMenuButtonMenuItemProps {
|
|
|
17
24
|
onClick?: () => void;
|
|
18
25
|
}
|
|
19
26
|
export interface NSMenuButtonProps extends IBaseComponentProps {
|
|
20
|
-
getValue: () => string;
|
|
21
|
-
setValue: (value: string | null) => void;
|
|
22
27
|
menu?: NSMenuButtonMenuProps;
|
|
23
28
|
}
|
|
24
29
|
export interface NSMenuButtonState {
|
|
@@ -15,13 +15,14 @@ export function safeMenuMenuItem(props, pusher) {
|
|
|
15
15
|
return menu;
|
|
16
16
|
}
|
|
17
17
|
export function NSMenuButton(props) {
|
|
18
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
18
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
|
|
19
19
|
let textarea = useRef(null);
|
|
20
20
|
const service = useRef(new SetTimeouService());
|
|
21
21
|
let [state, setState] = useState({ value: "", fullscreen: false, copied: false });
|
|
22
22
|
const onClose = () => {
|
|
23
|
+
var _a, _b;
|
|
23
24
|
setState(prevState => { return Object.assign(Object.assign({}, prevState), { fullscreen: false }); });
|
|
24
|
-
props.setValue(state.value);
|
|
25
|
+
(_b = (_a = props.menu) === null || _a === void 0 ? void 0 : _a.builtin.fullscreen) === null || _b === void 0 ? void 0 : _b.setValue(state.value);
|
|
25
26
|
};
|
|
26
27
|
const onChanged = (e) => {
|
|
27
28
|
setState(prevState => { return Object.assign(Object.assign({}, prevState), { value: e.getValue() }); });
|
|
@@ -35,21 +36,21 @@ export function NSMenuButton(props) {
|
|
|
35
36
|
(_d = (_c = (_b = (_a = props.menu) === null || _a === void 0 ? void 0 : _a.builtin) === null || _b === void 0 ? void 0 : _b.delete) === null || _c === void 0 ? void 0 : _c.onDelete) === null || _d === void 0 ? void 0 : _d.call(_c);
|
|
36
37
|
}
|
|
37
38
|
});
|
|
38
|
-
if (((_h = (_g = props.menu) === null || _g === void 0 ? void 0 : _g.builtin) === null || _h === void 0 ? void 0 : _h.copy)
|
|
39
|
+
if ((_j = (_h = (_g = props.menu) === null || _g === void 0 ? void 0 : _g.builtin) === null || _h === void 0 ? void 0 : _h.copy) === null || _j === void 0 ? void 0 : _j.enabled)
|
|
39
40
|
buttons.push({
|
|
40
41
|
title: "Copy", icon: state.copied ? "https://static.namirasoft.com/image/concept/check/on/blue.svg" : "https://static.namirasoft.com/image/concept/copy/blue.svg", onClick: () => {
|
|
41
|
-
var _a;
|
|
42
|
-
CopyToClipboard.copyToClipboard(props.getValue());
|
|
42
|
+
var _a, _b, _c, _d, _e;
|
|
43
|
+
CopyToClipboard.copyToClipboard((_d = (_c = (_b = (_a = props.menu) === null || _a === void 0 ? void 0 : _a.builtin) === null || _b === void 0 ? void 0 : _b.copy) === null || _c === void 0 ? void 0 : _c.getValue()) !== null && _d !== void 0 ? _d : "");
|
|
43
44
|
setState(prev => { return Object.assign(Object.assign({}, prev), { copied: true }); });
|
|
44
|
-
(
|
|
45
|
+
(_e = service.current) === null || _e === void 0 ? void 0 : _e.setTimeoutIfNotCalledAgain(() => {
|
|
45
46
|
setState(prev => { return Object.assign(Object.assign({}, prev), { copied: false }); });
|
|
46
47
|
}, 3000);
|
|
47
48
|
}
|
|
48
49
|
});
|
|
49
|
-
if (((
|
|
50
|
+
if ((_m = (_l = (_k = props.menu) === null || _k === void 0 ? void 0 : _k.builtin) === null || _l === void 0 ? void 0 : _l.fullscreen) === null || _m === void 0 ? void 0 : _m.enabled)
|
|
50
51
|
buttons.push({
|
|
51
52
|
title: "Full Screen", icon: "https://static.namirasoft.com/image/concept/full-screen/blue.svg", onClick: () => {
|
|
52
|
-
setState(prevState => { return Object.assign(Object.assign({}, prevState), { fullscreen: true, value: props.getValue() }); });
|
|
53
|
+
setState(prevState => { var _a, _b, _c, _d; return Object.assign(Object.assign({}, prevState), { fullscreen: true, value: (_d = (_c = (_b = (_a = props.menu) === null || _a === void 0 ? void 0 : _a.builtin) === null || _b === void 0 ? void 0 : _b.fullscreen) === null || _c === void 0 ? void 0 : _c.getValue()) !== null && _d !== void 0 ? _d : "" }); });
|
|
53
54
|
let focus = () => {
|
|
54
55
|
var _a;
|
|
55
56
|
if ((_a = textarea.current) === null || _a === void 0 ? void 0 : _a.textarea.current) {
|
|
@@ -62,11 +63,11 @@ export function NSMenuButton(props) {
|
|
|
62
63
|
focus();
|
|
63
64
|
}
|
|
64
65
|
});
|
|
65
|
-
if ((
|
|
66
|
-
buttons.push(...(
|
|
67
|
-
return (_jsx("div", { id: props.id, className: `${Styles.ns_menu_button_container} ${(
|
|
66
|
+
if ((_o = props.menu) === null || _o === void 0 ? void 0 : _o.items)
|
|
67
|
+
buttons.push(...(_p = props.menu) === null || _p === void 0 ? void 0 : _p.items);
|
|
68
|
+
return (_jsx("div", { id: props.id, className: `${Styles.ns_menu_button_container} ${(_q = props.classList) === null || _q === void 0 ? void 0 : _q.join(" ")}`, style: props.style, children: _jsxs("div", { className: Styles.ns_menu_button_group_parrent, children: [_jsx("div", { className: Styles.ns_menu_button_group, children: _jsx("div", { style: { direction: "rtl" }, children: buttons.map(button => (button.href ?
|
|
68
69
|
_jsx("a", { title: button.title, className: Styles.ns_menu_button_menu_item, href: button.href, children: _jsx("img", { src: button.icon, alt: button.title, width: 16, height: 16 }) }) :
|
|
69
70
|
_jsx("button", { title: button.title, className: Styles.ns_menu_button_menu_item, onClick: button.onClick, children: _jsx("img", { src: button.icon, alt: button.title, width: 16, height: 16 }) }))) }) }), state.fullscreen &&
|
|
70
|
-
_jsx(NSDialog, { onClose: () => { onClose(); }, center_dialog: true, closeButton: { out: true }, style: { width: "80%", height: "80%", maxWidth: "100%", maxHeight: "100%" }, children: _jsx(NSBoxTextArea, { ref: textarea, required: false, title: '', hideHeader: true, defaultValue: props.getValue(), onChanged: onChanged, style: { width: "100%", height: "100%", maxWidth: "100%", maxHeight: "100%", zIndex: "999" } }) })] }) }));
|
|
71
|
+
_jsx(NSDialog, { onClose: () => { onClose(); }, center_dialog: true, closeButton: { out: true }, style: { width: "80%", height: "80%", maxWidth: "100%", maxHeight: "100%" }, children: _jsx(NSBoxTextArea, { ref: textarea, required: false, title: '', hideHeader: true, defaultValue: (_t = (_s = (_r = props.menu) === null || _r === void 0 ? void 0 : _r.builtin) === null || _s === void 0 ? void 0 : _s.fullscreen) === null || _t === void 0 ? void 0 : _t.getValue(), onChanged: onChanged, style: { width: "100%", height: "100%", maxWidth: "100%", maxHeight: "100%", zIndex: "999" } }) })] }) }));
|
|
71
72
|
}
|
|
72
73
|
//# sourceMappingURL=NSMenuButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSMenuButton.js","sourceRoot":"","sources":["../../src/components/NSMenuButton.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"NSMenuButton.js","sourceRoot":"","sources":["../../src/components/NSMenuButton.tsx"],"names":[],"mappings":"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"}
|