namirasoft-site-react 1.4.560 → 1.4.562
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/SKILL.md +307 -307
- package/config-overrides.js +72 -72
- package/dist/App.css +34 -0
- package/dist/App.d.ts +1 -1
- package/dist/ColorOperation.d.ts +27 -0
- package/dist/ColorOperation.js +145 -0
- package/dist/ColorOperation.js.map +1 -0
- package/dist/NSBoxBuilder.d.ts +25 -25
- package/dist/components/NSBanner.d.ts +1 -1
- package/dist/components/NSBanner.module.css +47 -47
- package/dist/components/NSBarAction.d.ts +1 -1
- package/dist/components/NSBarAction.module.css +91 -91
- package/dist/components/NSBarAlert.d.ts +1 -1
- package/dist/components/NSBarAlert.module.css +79 -79
- package/dist/components/NSBarNotification.d.ts +1 -1
- package/dist/components/NSBarNotification.module.css +34 -34
- package/dist/components/NSBarTitle.d.ts +1 -1
- package/dist/components/NSBarTitle.module.css +9 -9
- package/dist/components/NSBox.module.css +87 -87
- package/dist/components/NSBoxBaseCombo.d.ts +4 -1
- package/dist/components/NSBoxBaseCombo.js +21 -14
- package/dist/components/NSBoxBaseCombo.js.map +1 -1
- package/dist/components/NSBoxBaseCombo.module.css +6 -6
- package/dist/components/NSBoxBaseLayout.d.ts +1 -1
- package/dist/components/NSBoxBaseLayoutRecursive.d.ts +1 -1
- package/dist/components/NSBoxBoolean.d.ts +1 -1
- package/dist/components/NSBoxBoolean.module.css +73 -73
- package/dist/components/NSBoxBooleans.d.ts +1 -1
- package/dist/components/NSBoxColor.d.ts +1 -1
- package/dist/components/NSBoxCombo.d.ts +4 -4
- package/dist/components/NSBoxCombo.js +2 -2
- package/dist/components/NSBoxCombo.js.map +1 -1
- package/dist/components/NSBoxDate.d.ts +1 -1
- package/dist/components/NSBoxDate.module.css +4 -4
- package/dist/components/NSBoxDateRange.d.ts +1 -1
- package/dist/components/NSBoxDateRangeBase.d.ts +1 -1
- package/dist/components/NSBoxDateRangeBase.module.css +73 -73
- package/dist/components/NSBoxDateTime.d.ts +1 -1
- package/dist/components/NSBoxDateTime.module.css +4 -4
- package/dist/components/NSBoxDateTimeRange.d.ts +1 -1
- package/dist/components/NSBoxDouble.d.ts +1 -1
- package/dist/components/NSBoxDuration.d.ts +1 -1
- package/dist/components/NSBoxDuration.module.css +4 -4
- package/dist/components/NSBoxDynamic.d.ts +1 -1
- package/dist/components/NSBoxDynamics.d.ts +1 -1
- package/dist/components/NSBoxEmail.d.ts +1 -1
- package/dist/components/NSBoxEntity.d.ts +1 -1
- package/dist/components/NSBoxEnum.d.ts +1 -1
- package/dist/components/NSBoxFile.d.ts +1 -1
- package/dist/components/NSBoxFile.module.css +10 -10
- package/dist/components/NSBoxFilePath.d.ts +1 -1
- package/dist/components/NSBoxFont.d.ts +1 -1
- package/dist/components/NSBoxIPV4.d.ts +1 -1
- package/dist/components/NSBoxIPV4Range.d.ts +1 -1
- package/dist/components/NSBoxIPV6.d.ts +1 -1
- package/dist/components/NSBoxIPV6Range.d.ts +1 -1
- package/dist/components/NSBoxInteger.d.ts +1 -1
- package/dist/components/NSBoxInteger.module.css +16 -16
- package/dist/components/NSBoxMoney.d.ts +1 -1
- package/dist/components/NSBoxOptions.d.ts +32 -0
- package/dist/components/NSBoxOptions.js +105 -0
- package/dist/components/NSBoxOptions.js.map +1 -0
- package/dist/components/NSBoxOptions.module.css +54 -0
- package/dist/components/NSBoxPhone.d.ts +1 -1
- package/dist/components/NSBoxPhone.module.css +35 -35
- package/dist/components/NSBoxRadio.d.ts +1 -1
- package/dist/components/NSBoxRadio.module.css +33 -33
- package/dist/components/NSBoxSchemaBase.d.ts +1 -1
- package/dist/components/NSBoxSchemaBase.module.css +17 -17
- package/dist/components/NSBoxSchemaVariable.d.ts +1 -1
- package/dist/components/NSBoxSchemaVariable.module.css +16 -16
- package/dist/components/NSBoxSearch.d.ts +1 -1
- package/dist/components/NSBoxSensitive.d.ts +1 -1
- package/dist/components/NSBoxString.d.ts +1 -1
- package/dist/components/NSBoxTextArea.d.ts +1 -1
- package/dist/components/NSBoxTextArea.module.css +12 -12
- package/dist/components/NSBoxTime.d.ts +1 -1
- package/dist/components/NSBoxTime.module.css +4 -4
- package/dist/components/NSBoxTimeRange.d.ts +1 -1
- package/dist/components/NSBoxTimeZone.d.ts +1 -1
- package/dist/components/NSBoxURL.d.ts +1 -1
- package/dist/components/NSBoxVersion.d.ts +1 -1
- package/dist/components/NSButton.module.css +57 -57
- package/dist/components/NSButtonBlue.d.ts +1 -1
- package/dist/components/NSButtonBlue.module.css +4 -4
- package/dist/components/NSButtonGreen.d.ts +1 -1
- package/dist/components/NSButtonGreen.module.css +4 -4
- package/dist/components/NSButtonRed.d.ts +1 -1
- package/dist/components/NSButtonRed.module.css +4 -4
- package/dist/components/NSCard.d.ts +1 -1
- package/dist/components/NSCard.module.css +113 -113
- package/dist/components/NSCardScreenshot.d.ts +1 -1
- package/dist/components/NSCardScreenshot.module.css +41 -41
- package/dist/components/{NSChartColumn.d.ts → NSChartBar.d.ts} +6 -2
- package/dist/components/NSChartBar.js +93 -0
- package/dist/components/NSChartBar.js.map +1 -0
- package/dist/components/NSChartDoughnut.d.ts +4 -1
- package/dist/components/NSChartDoughnut.js +22 -20
- package/dist/components/NSChartDoughnut.js.map +1 -1
- package/dist/components/NSChartLine.d.ts +21 -0
- package/dist/components/NSChartLine.js +76 -0
- package/dist/components/NSChartLine.js.map +1 -0
- package/dist/components/NSChartPie.d.ts +4 -1
- package/dist/components/NSChartPie.js +20 -21
- package/dist/components/NSChartPie.js.map +1 -1
- package/dist/components/NSChartRange.d.ts +1 -1
- package/dist/components/NSColumn.d.ts +1 -1
- package/dist/components/NSColumn.module.css +16 -16
- package/dist/components/NSCopy.d.ts +1 -1
- package/dist/components/NSCopyBox.d.ts +1 -1
- package/dist/components/NSCopyBox.module.css +39 -39
- package/dist/components/NSDialog.d.ts +1 -1
- package/dist/components/NSDialog.module.css +105 -105
- package/dist/components/NSDialogBox.d.ts +1 -1
- package/dist/components/NSDialogBoxDate.d.ts +1 -1
- package/dist/components/NSDialogBoxDateTime.d.ts +1 -1
- package/dist/components/NSDialogBoxPhone.d.ts +1 -1
- package/dist/components/NSDialogBoxString.d.ts +1 -1
- package/dist/components/NSDialogDelete.d.ts +1 -1
- package/dist/components/NSDialogInfo.d.ts +1 -1
- package/dist/components/NSDialogPageSelection.d.ts +2 -2
- package/dist/components/NSDialogPageSelection.module.css +103 -103
- package/dist/components/NSDownTimer.d.ts +1 -1
- package/dist/components/NSDownTimer.module.css +55 -55
- package/dist/components/NSDownload.d.ts +1 -1
- package/dist/components/NSDownload.module.css +46 -46
- package/dist/components/NSElectronicCard.d.ts +1 -1
- package/dist/components/NSElectronicCard.module.css +60 -60
- package/dist/components/NSEntityCardBackground.d.ts +1 -1
- package/dist/components/NSEntityCardBackground.module.css +27 -27
- package/dist/components/NSFilterBox.d.ts +2 -2
- package/dist/components/NSFilterBox.module.css +27 -27
- package/dist/components/NSFilterBoxItems.d.ts +1 -1
- package/dist/components/NSFilterBoxItems.module.css +15 -15
- package/dist/components/NSFilterItem.d.ts +1 -1
- package/dist/components/NSFilterItem.module.css +24 -24
- package/dist/components/NSFooter.d.ts +1 -1
- package/dist/components/NSFooter.module.css +140 -140
- package/dist/components/NSGauge.d.ts +1 -1
- package/dist/components/NSGauge.module.css +67 -67
- package/dist/components/NSGaugeDate.d.ts +1 -1
- package/dist/components/NSGaugeDate.module.css +57 -57
- package/dist/components/NSGaugeNumber.d.ts +1 -1
- package/dist/components/NSGaugeNumber.module.css +66 -66
- package/dist/components/NSHeader.d.ts +1 -1
- package/dist/components/NSHeader.module.css +316 -316
- package/dist/components/NSHeaderScreenshot.d.ts +1 -1
- package/dist/components/NSHeaderScreenshot.module.css +35 -35
- package/dist/components/NSID.d.ts +1 -1
- package/dist/components/NSInfo.d.ts +1 -1
- package/dist/components/NSLabel.d.ts +1 -1
- package/dist/components/NSLabel.module.css +25 -25
- package/dist/components/NSLabelErrorNotifier.d.ts +1 -1
- package/dist/components/NSLabelErrorNotifier.module.css +2 -2
- package/dist/components/NSLabelSensitive.d.ts +1 -1
- package/dist/components/NSLabelSensitive.module.css +9 -9
- package/dist/components/NSLayout.d.ts +1 -1
- package/dist/components/NSLayout.module.css +23 -23
- package/dist/components/NSLine.d.ts +1 -1
- package/dist/components/NSLine.module.css +15 -15
- package/dist/components/NSLineText.d.ts +1 -1
- package/dist/components/NSLineText.module.css +38 -38
- package/dist/components/NSLink.d.ts +1 -1
- package/dist/components/NSLink.module.css +36 -36
- package/dist/components/NSLinkBlue.d.ts +1 -1
- package/dist/components/NSLinkGreen.d.ts +1 -1
- package/dist/components/NSLinkRed.d.ts +1 -1
- package/dist/components/NSListGrouped.d.ts +1 -1
- package/dist/components/NSListGrouped.module.css +69 -69
- package/dist/components/NSListProduct.d.ts +1 -1
- package/dist/components/NSLoading.d.ts +1 -1
- package/dist/components/NSLoading.module.css +10 -10
- package/dist/components/NSMegaMenu.d.ts +1 -1
- package/dist/components/NSMegaMenu.module.css +133 -133
- package/dist/components/NSMenuAction.d.ts +1 -1
- package/dist/components/NSMenuAction.module.css +88 -88
- package/dist/components/NSMenuButton.d.ts +1 -1
- package/dist/components/NSMenuButton.module.css +44 -44
- package/dist/components/NSNoData.d.ts +1 -1
- package/dist/components/NSNoData.module.css +11 -11
- package/dist/components/NSPagination.d.ts +1 -1
- package/dist/components/NSPagination.js +9 -8
- package/dist/components/NSPagination.js.map +1 -1
- package/dist/components/NSPagination.module.css +87 -86
- package/dist/components/NSPanel.d.ts +1 -1
- package/dist/components/NSPanel.module.css +19 -19
- package/dist/components/NSPanelAccordion.d.ts +1 -1
- package/dist/components/NSPanelAccordion.module.css +4 -4
- package/dist/components/NSProductSearch.d.ts +1 -1
- package/dist/components/NSProductSearch.module.css +73 -73
- package/dist/components/NSProgressBar.d.ts +1 -1
- package/dist/components/NSProgressBar.module.css +38 -38
- package/dist/components/NSRange.d.ts +1 -1
- package/dist/components/NSRange.module.css +66 -66
- package/dist/components/NSRepeater.d.ts +1 -1
- package/dist/components/NSRepeaterNSBoxSchemaVariable.d.ts +1 -1
- package/dist/components/NSRepeaterNSTag.d.ts +1 -1
- package/dist/components/NSRow.d.ts +1 -1
- package/dist/components/NSRow.module.css +17 -17
- package/dist/components/NSSection.d.ts +1 -1
- package/dist/components/NSSection.module.css +4 -4
- package/dist/components/NSSectionCards.d.ts +1 -1
- package/dist/components/NSSectionCards.module.css +38 -38
- package/dist/components/NSSectionTiles.d.ts +1 -1
- package/dist/components/NSSectionTiles.module.css +10 -10
- package/dist/components/NSSectionTitle.d.ts +1 -1
- package/dist/components/NSSpace.d.ts +1 -1
- package/dist/components/NSSplitter.d.ts +1 -1
- package/dist/components/NSSplitter.module.css +59 -59
- package/dist/components/NSTabPage.d.ts +1 -1
- package/dist/components/NSTabPage.module.css +59 -59
- package/dist/components/NSTable.d.ts +2 -1
- package/dist/components/NSTable.js +9 -3
- package/dist/components/NSTable.js.map +1 -1
- package/dist/components/NSTable.module.css +371 -371
- package/dist/components/NSTableChart.d.ts +49 -0
- package/dist/components/NSTableChart.js +335 -0
- package/dist/components/NSTableChart.js.map +1 -0
- package/dist/components/NSTableChart.module.css +120 -0
- package/dist/components/NSTag.d.ts +1 -1
- package/dist/components/NSTile.d.ts +1 -1
- package/dist/components/NSTile.module.css +76 -76
- package/dist/components/NSTimelineMonthly.d.ts +1 -1
- package/dist/components/NSTimelineMonthly.module.css +71 -71
- package/dist/components/NSTitle.d.ts +1 -1
- package/dist/components/NSTitle.module.css +15 -15
- package/dist/formatter/StringFormatter.d.ts +1 -1
- package/dist/index.css +6 -0
- package/dist/main.d.ts +5 -2
- package/dist/main.js +5 -2
- package/dist/main.js.map +1 -1
- package/dist/pages/NSImplementing.d.ts +1 -1
- package/dist/pages/NSImplementing.module.css +35 -35
- package/dist/pages/NSNotFoundPage.d.ts +1 -1
- package/dist/pages/NSNotFoundPage.module.css +18 -18
- package/dist/pages/NSUpdating.d.ts +1 -1
- package/dist/pages/NSUpdating.module.css +35 -35
- package/package.json +86 -86
- package/public/index.html +38 -38
- package/src/App.css +33 -33
- package/src/App.tsx +198 -198
- package/src/Color.tsx +10 -10
- package/src/ColorOperation.ts +154 -0
- package/src/CopyToClipboard.ts +6 -6
- package/src/EncryptionOperation.ts +98 -98
- package/src/NSBoxBuilder.tsx +922 -922
- package/src/ProductCacheService.ts +15 -15
- package/src/Validator.ts +199 -199
- package/src/components/INSBox.tsx +7 -7
- package/src/components/NSBanner.module.css +47 -47
- package/src/components/NSBanner.tsx +80 -80
- package/src/components/NSBarAction.module.css +91 -91
- package/src/components/NSBarAction.tsx +95 -95
- package/src/components/NSBarAlert.module.css +79 -79
- package/src/components/NSBarAlert.tsx +35 -35
- package/src/components/NSBarNotification.module.css +34 -34
- package/src/components/NSBarNotification.tsx +86 -86
- package/src/components/NSBarTitle.module.css +9 -9
- package/src/components/NSBarTitle.tsx +23 -23
- package/src/components/NSBox.module.css +87 -87
- package/src/components/NSBox.tsx +19 -19
- package/src/components/NSBoxBaseCombo.module.css +6 -6
- package/src/components/NSBoxBaseCombo.tsx +488 -479
- package/src/components/NSBoxBaseLayout.tsx +163 -163
- package/src/components/NSBoxBaseLayoutRecursive.tsx +59 -59
- package/src/components/NSBoxBoolean.module.css +73 -73
- package/src/components/NSBoxBoolean.tsx +152 -152
- package/src/components/NSBoxBooleans.tsx +181 -181
- package/src/components/NSBoxColor.tsx +107 -107
- package/src/components/NSBoxCombo.tsx +95 -95
- package/src/components/NSBoxDate.module.css +4 -4
- package/src/components/NSBoxDate.tsx +119 -119
- package/src/components/NSBoxDateRange.tsx +88 -88
- package/src/components/NSBoxDateRangeBase.module.css +73 -73
- package/src/components/NSBoxDateRangeBase.tsx +198 -198
- package/src/components/NSBoxDateTime.module.css +4 -4
- package/src/components/NSBoxDateTime.tsx +116 -116
- package/src/components/NSBoxDateTimeRange.tsx +65 -65
- package/src/components/NSBoxDouble.tsx +110 -110
- package/src/components/NSBoxDuration.module.css +4 -4
- package/src/components/NSBoxDuration.tsx +107 -107
- package/src/components/NSBoxDynamic.tsx +77 -77
- package/src/components/NSBoxDynamics.tsx +68 -68
- package/src/components/NSBoxEmail.tsx +117 -117
- package/src/components/NSBoxEntity.tsx +181 -181
- package/src/components/NSBoxEnum.tsx +113 -113
- package/src/components/NSBoxFile.module.css +10 -10
- package/src/components/NSBoxFile.tsx +106 -106
- package/src/components/NSBoxFilePath.tsx +106 -106
- package/src/components/NSBoxFont.tsx +107 -107
- package/src/components/NSBoxIPV4.tsx +107 -107
- package/src/components/NSBoxIPV4Range.tsx +107 -107
- package/src/components/NSBoxIPV6.tsx +104 -104
- package/src/components/NSBoxIPV6Range.tsx +107 -107
- package/src/components/NSBoxInteger.module.css +16 -16
- package/src/components/NSBoxInteger.tsx +126 -126
- package/src/components/NSBoxMoney.tsx +115 -115
- package/src/components/NSBoxOptions.module.css +54 -0
- package/src/components/NSBoxOptions.tsx +183 -0
- package/src/components/NSBoxPhone.module.css +35 -35
- package/src/components/NSBoxPhone.tsx +120 -120
- package/src/components/NSBoxRadio.module.css +33 -33
- package/src/components/NSBoxRadio.tsx +104 -104
- package/src/components/NSBoxSchemaBase.module.css +17 -17
- package/src/components/NSBoxSchemaBase.tsx +562 -562
- package/src/components/NSBoxSchemaVariable.module.css +16 -16
- package/src/components/NSBoxSchemaVariable.tsx +263 -263
- package/src/components/NSBoxSearch.tsx +112 -112
- package/src/components/NSBoxSensitive.tsx +133 -133
- package/src/components/NSBoxString.tsx +106 -106
- package/src/components/NSBoxTextArea.module.css +12 -12
- package/src/components/NSBoxTextArea.tsx +136 -136
- package/src/components/NSBoxTime.module.css +4 -4
- package/src/components/NSBoxTime.tsx +106 -106
- package/src/components/NSBoxTimeRange.tsx +220 -220
- package/src/components/NSBoxTimeZone.tsx +122 -122
- package/src/components/NSBoxURL.tsx +117 -117
- package/src/components/NSBoxVersion.tsx +107 -107
- package/src/components/NSButton.module.css +57 -57
- package/src/components/NSButton.tsx +74 -74
- package/src/components/NSButtonBlue.module.css +4 -4
- package/src/components/NSButtonBlue.tsx +29 -29
- package/src/components/NSButtonGreen.module.css +4 -4
- package/src/components/NSButtonGreen.tsx +29 -29
- package/src/components/NSButtonRed.module.css +4 -4
- package/src/components/NSButtonRed.tsx +29 -29
- package/src/components/NSCard.module.css +113 -113
- package/src/components/NSCard.tsx +67 -67
- package/src/components/NSCardScreenshot.module.css +41 -41
- package/src/components/NSCardScreenshot.tsx +31 -31
- package/src/components/NSChartBar.tsx +135 -0
- package/src/components/NSChartDoughnut.tsx +114 -112
- package/src/components/NSChartLine.tsx +111 -0
- package/src/components/NSChartPie.tsx +105 -105
- package/src/components/NSChartRange.tsx +14 -14
- package/src/components/NSColumn.module.css +16 -16
- package/src/components/NSColumn.tsx +24 -24
- package/src/components/NSCopy.tsx +58 -58
- package/src/components/NSCopyBox.module.css +39 -39
- package/src/components/NSCopyBox.tsx +53 -53
- package/src/components/NSDialog.module.css +105 -105
- package/src/components/NSDialog.tsx +72 -72
- package/src/components/NSDialogBox.tsx +38 -38
- package/src/components/NSDialogBoxDate.tsx +28 -28
- package/src/components/NSDialogBoxDateTime.tsx +28 -28
- package/src/components/NSDialogBoxPhone.tsx +28 -28
- package/src/components/NSDialogBoxString.tsx +28 -28
- package/src/components/NSDialogDelete.tsx +36 -36
- package/src/components/NSDialogInfo.tsx +49 -49
- package/src/components/NSDialogPageSelection.module.css +103 -103
- package/src/components/NSDialogPageSelection.tsx +219 -219
- package/src/components/NSDownTimer.module.css +55 -55
- package/src/components/NSDownTimer.tsx +91 -91
- package/src/components/NSDownload.module.css +46 -46
- package/src/components/NSDownload.tsx +69 -69
- 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 +27 -27
- package/src/components/NSFilterBox.tsx +477 -477
- package/src/components/NSFilterBoxItems.module.css +15 -15
- package/src/components/NSFilterBoxItems.tsx +52 -52
- package/src/components/NSFilterItem.module.css +24 -24
- package/src/components/NSFilterItem.tsx +27 -27
- package/src/components/NSFooter.module.css +140 -140
- package/src/components/NSFooter.tsx +321 -321
- package/src/components/NSGauge.module.css +67 -67
- package/src/components/NSGauge.tsx +52 -52
- package/src/components/NSGaugeDate.module.css +57 -57
- package/src/components/NSGaugeDate.tsx +125 -125
- package/src/components/NSGaugeNumber.module.css +66 -66
- package/src/components/NSGaugeNumber.tsx +90 -90
- package/src/components/NSHeader.module.css +316 -316
- package/src/components/NSHeader.tsx +334 -334
- package/src/components/NSHeaderScreenshot.module.css +35 -35
- package/src/components/NSHeaderScreenshot.tsx +39 -39
- package/src/components/NSID.tsx +159 -159
- package/src/components/NSInfo.tsx +50 -50
- package/src/components/NSLabel.module.css +25 -25
- package/src/components/NSLabel.tsx +47 -47
- package/src/components/NSLabelErrorNotifier.module.css +2 -2
- package/src/components/NSLabelErrorNotifier.tsx +35 -35
- package/src/components/NSLabelSensitive.module.css +9 -9
- package/src/components/NSLabelSensitive.tsx +85 -85
- package/src/components/NSLayout.module.css +23 -23
- package/src/components/NSLayout.tsx +140 -140
- package/src/components/NSLine.module.css +15 -15
- package/src/components/NSLine.tsx +13 -13
- package/src/components/NSLineText.module.css +38 -38
- package/src/components/NSLineText.tsx +17 -17
- package/src/components/NSLink.module.css +36 -36
- package/src/components/NSLink.tsx +26 -26
- package/src/components/NSLinkBlue.tsx +22 -22
- package/src/components/NSLinkGreen.tsx +13 -13
- package/src/components/NSLinkRed.tsx +13 -13
- package/src/components/NSListGrouped.module.css +69 -69
- package/src/components/NSListGrouped.tsx +106 -106
- package/src/components/NSListProduct.tsx +78 -78
- package/src/components/NSLoading.module.css +10 -10
- package/src/components/NSLoading.tsx +43 -43
- package/src/components/NSMegaMenu.module.css +133 -133
- package/src/components/NSMegaMenu.tsx +188 -188
- package/src/components/NSMenuAction.module.css +88 -88
- package/src/components/NSMenuAction.tsx +106 -106
- package/src/components/NSMenuButton.module.css +44 -44
- package/src/components/NSMenuButton.tsx +197 -197
- package/src/components/NSNoData.module.css +11 -11
- package/src/components/NSNoData.tsx +24 -24
- package/src/components/NSPagination.module.css +87 -86
- package/src/components/NSPagination.tsx +183 -182
- package/src/components/NSPanel.module.css +19 -19
- package/src/components/NSPanel.tsx +24 -24
- package/src/components/NSPanelAccordion.module.css +4 -4
- package/src/components/NSPanelAccordion.tsx +51 -51
- package/src/components/NSProductSearch.module.css +73 -73
- package/src/components/NSProductSearch.tsx +193 -193
- package/src/components/NSProgressBar.module.css +38 -38
- package/src/components/NSProgressBar.tsx +29 -29
- package/src/components/NSRange.module.css +66 -66
- package/src/components/NSRange.tsx +83 -83
- package/src/components/NSRepeater.tsx +328 -328
- package/src/components/NSRepeaterNSBoxSchemaVariable.tsx +94 -94
- package/src/components/NSRepeaterNSTag.tsx +86 -86
- package/src/components/NSRow.module.css +17 -17
- package/src/components/NSRow.tsx +24 -24
- package/src/components/NSSection.module.css +4 -4
- package/src/components/NSSection.tsx +26 -26
- 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 +19 -19
- package/src/components/NSSpace.tsx +28 -28
- package/src/components/NSSplitter.module.css +59 -59
- package/src/components/NSSplitter.tsx +211 -211
- package/src/components/NSTabPage.module.css +59 -59
- package/src/components/NSTabPage.tsx +122 -122
- package/src/components/NSTable.module.css +371 -371
- package/src/components/NSTable.tsx +1115 -1099
- package/src/components/NSTableChart.module.css +120 -0
- package/src/components/NSTableChart.tsx +588 -0
- package/src/components/NSTag.tsx +74 -74
- 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 +18 -18
- package/src/formatter/BaseURLImageFormatter.tsx +33 -33
- package/src/formatter/BooleanFormatter.ts +22 -22
- package/src/formatter/BytesFormatter.tsx +15 -15
- package/src/formatter/DateFormatter.ts +22 -22
- package/src/formatter/DateTimeFormatter.ts +22 -22
- package/src/formatter/DurationFormatter.ts +13 -13
- package/src/formatter/EmailFormatter.tsx +21 -21
- package/src/formatter/EnumFormatter.ts +13 -13
- package/src/formatter/FloatFormatter.ts +23 -23
- package/src/formatter/ForeColorFormatter.tsx +24 -24
- package/src/formatter/IDFormatter.tsx +53 -53
- package/src/formatter/IPFormatter.ts +13 -13
- package/src/formatter/IntegerFormatter.ts +23 -23
- package/src/formatter/JsonFormatter.tsx +58 -58
- package/src/formatter/MoneyFormatter.ts +35 -35
- package/src/formatter/PercentFormatter.tsx +39 -39
- package/src/formatter/PhoneFormatter.tsx +21 -21
- package/src/formatter/SensitiveFormatter.tsx +33 -33
- package/src/formatter/StringFormatter.tsx +43 -43
- package/src/formatter/TimeFormatter.ts +21 -21
- package/src/formatter/URLFormatter.tsx +24 -24
- package/src/formatter/UnknowFormatter.ts +18 -18
- package/src/index.tsx +7 -7
- package/src/main.ts +261 -258
- package/src/pages/NSImplementing.module.css +35 -35
- package/src/pages/NSImplementing.tsx +32 -32
- package/src/pages/NSNotFoundPage.module.css +18 -18
- package/src/pages/NSNotFoundPage.tsx +14 -14
- package/src/pages/NSUpdating.module.css +35 -35
- package/src/pages/NSUpdating.tsx +32 -32
- package/src/props/IBackgroundProps.ts +5 -5
- package/src/props/IBaseComponentProps.ts +8 -8
- package/src/props/IHeaderIconProps.ts +10 -10
- package/src/props/IHeaderLeftProps.ts +6 -6
- package/src/props/IHeaderRightProps.ts +8 -8
- package/src/props/IImageProps.ts +4 -4
- package/src/props/ILinkProps.ts +4 -4
- 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/NSNotifier.ts +114 -114
- package/src/routing/NSRouterMaker.tsx +20 -20
- package/src/routing/NSRouterMakerComponent.ts +5 -5
- package/src/routing/NSRouterMakerProps.ts +5 -5
- package/tsconfig.json +43 -43
- package/dist/components/NSChartColumn.js +0 -95
- package/dist/components/NSChartColumn.js.map +0 -1
- package/dist/components/NSChartColumn.module.css +0 -8
- package/dist/components/NSChartTable.d.ts +0 -15
- package/dist/components/NSChartTable.js +0 -63
- package/dist/components/NSChartTable.js.map +0 -1
- package/dist/components/NSChartTable.module.css +0 -22
- package/src/components/NSChartColumn.module.css +0 -8
- package/src/components/NSChartColumn.tsx +0 -131
- package/src/components/NSChartTable.module.css +0 -22
- package/src/components/NSChartTable.tsx +0 -95
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NSChartBar.js","sourceRoot":"","sources":["../../src/components/NSChartBar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,10 @@ export interface NSChartDoughnutProps extends IBaseComponentProps {
|
|
|
3
3
|
title: string;
|
|
4
4
|
datas: number[];
|
|
5
5
|
labels: string[];
|
|
6
|
+
labelTitle?: string;
|
|
7
|
+
valueTitle?: string;
|
|
8
|
+
formatValue?: (value: number) => string;
|
|
6
9
|
backgroundColors?: string[];
|
|
7
10
|
borderWidth?: number;
|
|
8
11
|
}
|
|
9
|
-
export declare function NSChartDoughnut(props: NSChartDoughnutProps): import("react").JSX.Element;
|
|
12
|
+
export declare function NSChartDoughnut(props: NSChartDoughnutProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { Doughnut } from 'react-chartjs-2';
|
|
3
3
|
import { Chart as ChartJS, ArcElement, Tooltip, Legend, Title, SubTitle, CategoryScale, LinearScale, BarElement, PointElement, LineElement } from 'chart.js';
|
|
4
|
+
import { ColorOperation } from '../ColorOperation';
|
|
4
5
|
ChartJS.register(ArcElement, Tooltip, Legend, Title, SubTitle, CategoryScale, LinearScale, BarElement, PointElement, LineElement);
|
|
5
6
|
export function NSChartDoughnut(props) {
|
|
6
7
|
var _a, _b, _c, _d;
|
|
7
|
-
let backgroundColors = [""];
|
|
8
8
|
const options = {
|
|
9
9
|
responsive: true,
|
|
10
10
|
plugins: {
|
|
@@ -16,11 +16,12 @@ export function NSChartDoughnut(props) {
|
|
|
16
16
|
useBorderRadius: false,
|
|
17
17
|
borderRadius: 100,
|
|
18
18
|
boxWidth: 16,
|
|
19
|
-
color: '
|
|
19
|
+
color: '#141b5c',
|
|
20
20
|
},
|
|
21
21
|
},
|
|
22
22
|
title: {
|
|
23
|
-
display:
|
|
23
|
+
display: false,
|
|
24
|
+
text: props.title,
|
|
24
25
|
},
|
|
25
26
|
tooltip: {
|
|
26
27
|
enabled: true,
|
|
@@ -30,47 +31,48 @@ export function NSChartDoughnut(props) {
|
|
|
30
31
|
bodyFont: {
|
|
31
32
|
size: 12
|
|
32
33
|
},
|
|
34
|
+
callbacks: {
|
|
35
|
+
title: (items) => {
|
|
36
|
+
var _a, _b;
|
|
37
|
+
let label = (_b = (_a = items[0]) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : "";
|
|
38
|
+
return props.labelTitle ? `${props.labelTitle}: ${label}` : label;
|
|
39
|
+
},
|
|
40
|
+
label: (item) => {
|
|
41
|
+
let value = props.formatValue ? props.formatValue(item.raw) : item.raw;
|
|
42
|
+
return props.valueTitle ? `${props.valueTitle}: ${value}` : `${value}`;
|
|
43
|
+
},
|
|
44
|
+
},
|
|
33
45
|
},
|
|
34
46
|
},
|
|
35
47
|
animation: {
|
|
36
48
|
animateScale: true,
|
|
37
49
|
}
|
|
38
50
|
};
|
|
39
|
-
const generateRandomColor = () => {
|
|
40
|
-
let maxVal = 0xFFFFFF;
|
|
41
|
-
let randomNumber = Math.random() * maxVal;
|
|
42
|
-
randomNumber = Math.floor(randomNumber);
|
|
43
|
-
let X = randomNumber.toString(16);
|
|
44
|
-
let randomColor = X.padStart(6, "0");
|
|
45
|
-
return `#${randomColor.toUpperCase()}`;
|
|
46
|
-
};
|
|
47
|
-
const setRandomColor = () => {
|
|
48
|
-
props.datas.forEach(() => backgroundColors === null || backgroundColors === void 0 ? void 0 : backgroundColors.push(generateRandomColor()));
|
|
49
|
-
return backgroundColors;
|
|
50
|
-
};
|
|
51
51
|
const data = {
|
|
52
52
|
labels: props.labels,
|
|
53
53
|
datasets: [
|
|
54
54
|
{
|
|
55
55
|
data: props.datas,
|
|
56
|
-
backgroundColor: (_a = props.backgroundColors) !== null && _a !== void 0 ? _a :
|
|
57
|
-
|
|
56
|
+
backgroundColor: (_a = props.backgroundColors) !== null && _a !== void 0 ? _a : ColorOperation.generate(props.datas.length),
|
|
57
|
+
borderColor: "#ffffff",
|
|
58
|
+
borderWidth: (_b = props.borderWidth) !== null && _b !== void 0 ? _b : 2
|
|
58
59
|
}
|
|
59
60
|
]
|
|
60
61
|
};
|
|
61
62
|
const centerTitlePlugin = {
|
|
62
63
|
id: 'centerTitle',
|
|
63
64
|
afterDraw(chart) {
|
|
65
|
+
var _a, _b, _c, _d;
|
|
64
66
|
const { ctx, chartArea: { width, height } } = chart;
|
|
65
67
|
const meta = chart.getDatasetMeta(0);
|
|
66
68
|
const arc = meta.data[0];
|
|
67
69
|
ctx.save();
|
|
68
|
-
const fontSize = arc.innerRadius / 3;
|
|
69
|
-
ctx.font = fontSize
|
|
70
|
+
const fontSize = Math.max(12, arc.innerRadius / 3);
|
|
71
|
+
ctx.font = `${fontSize}px sans-serif`;
|
|
70
72
|
ctx.fillStyle = 'hsla(234, 64%, 22%, 1)';
|
|
71
73
|
ctx.textBaseline = 'middle';
|
|
72
74
|
ctx.textAlign = 'center';
|
|
73
|
-
const text =
|
|
75
|
+
const text = (_d = (_c = (_b = (_a = chart.options) === null || _a === void 0 ? void 0 : _a.plugins) === null || _b === void 0 ? void 0 : _b.title) === null || _c === void 0 ? void 0 : _c.text) !== null && _d !== void 0 ? _d : "";
|
|
74
76
|
const centerX = (arc.x || width / 2);
|
|
75
77
|
const centerY = (arc.y || height / 2);
|
|
76
78
|
ctx.fillText(text, centerX, centerY);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSChartDoughnut.js","sourceRoot":"","sources":["../../src/components/NSChartDoughnut.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,KAAK,IAAI,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW,EAAmD,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"NSChartDoughnut.js","sourceRoot":"","sources":["../../src/components/NSChartDoughnut.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,KAAK,IAAI,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW,EAAmD,MAAM,UAAU,CAAC;AAE9M,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,CAAC,QAAQ,CAAC,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW,CAAC,CAAC;AAelI,MAAM,UAAU,eAAe,CAAC,KAA2B;;IAE1D,MAAM,OAAO,GAAG;QACf,UAAU,EAAE,IAAI;QAChB,OAAO,EAAE;YACR,MAAM,EAAE;gBACP,OAAO,EAAE,IAAI;gBACb,UAAU,EAAE,IAAI;gBAChB,QAAQ,EAAE,MAAe;gBACzB,MAAM,EAAE;oBACP,eAAe,EAAE,KAAK;oBACtB,YAAY,EAAE,GAAG;oBACjB,QAAQ,EAAE,EAAE;oBACZ,KAAK,EAAE,SAAS;iBAChB;aACD;YACD,KAAK,EAAE;gBACN,OAAO,EAAE,KAAK;gBACd,IAAI,EAAE,KAAK,CAAC,KAAK;aACjB;YACD,OAAO,EAAE;gBACR,OAAO,EAAE,IAAI;gBACb,SAAS,EAAE;oBACV,IAAI,EAAE,EAAE;iBACR;gBACD,QAAQ,EAAE;oBACT,IAAI,EAAE,EAAE;iBACR;gBACD,SAAS,EAAE;oBACV,KAAK,EAAE,CAAC,KAAY,EAAE,EAAE;;wBAEvB,IAAI,KAAK,GAAG,MAAA,MAAA,KAAK,CAAC,CAAC,CAAC,0CAAE,KAAK,mCAAI,EAAE,CAAC;wBAClC,OAAO,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,UAAU,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;oBACnE,CAAC;oBACD,KAAK,EAAE,CAAC,IAAS,EAAE,EAAE;wBAEpB,IAAI,KAAK,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,GAAa,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;wBACjF,OAAO,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,UAAU,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,CAAC;oBACxE,CAAC;iBACD;aACD;SACD;QACD,SAAS,EAAE;YACV,YAAY,EAAE,IAAI;SAClB;KACD,CAAC;IAEF,MAAM,IAAI,GAA0B;QACnC,MAAM,EAAE,KAAK,CAAC,MAAM;QACpB,QAAQ,EAAE;YACT;gBACC,IAAI,EAAE,KAAK,CAAC,KAAK;gBACjB,eAAe,EAAE,MAAA,KAAK,CAAC,gBAAgB,mCAAI,cAAc,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC;gBACtF,WAAW,EAAE,SAAS;gBACtB,WAAW,EAAE,MAAA,KAAK,CAAC,WAAW,mCAAI,CAAC;aACnC;SACD;KACD,CAAC;IACF,MAAM,iBAAiB,GAAuB;QAC7C,EAAE,EAAE,aAAa;QACjB,SAAS,CAAC,KAAK;;YAEd,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,GAAG,KAAK,CAAC;YACpD,MAAM,IAAI,GAAG,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;YACrC,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAA8B,CAAC;YACtD,GAAG,CAAC,IAAI,EAAE,CAAC;YACX,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,GAAG,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC;YACnD,GAAG,CAAC,IAAI,GAAG,GAAG,QAAQ,eAAe,CAAC;YACtC,GAAG,CAAC,SAAS,GAAG,wBAAwB,CAAC;YACzC,GAAG,CAAC,YAAY,GAAG,QAAQ,CAAC;YAC5B,GAAG,CAAC,SAAS,GAAG,QAAQ,CAAC;YAEzB,MAAM,IAAI,GAAG,MAAC,MAAA,MAAA,MAAA,KAAK,CAAC,OAAO,0CAAE,OAAO,0CAAE,KAAK,0CAAE,IAAe,mCAAI,EAAE,CAAC;YACnE,MAAM,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC;YACrC,MAAM,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,MAAM,GAAG,CAAC,CAAC,CAAC;YAEtC,GAAG,CAAC,QAAQ,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;YACrC,GAAG,CAAC,OAAO,EAAE,CAAC;QACf,CAAC;KACD,CAAC;IACF,OAAO,CACN,cACC,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,GAAG,MAAA,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,mCAAI,EAAE,EAAE,EAChD,KAAK,EAAE,KAAK,CAAC,KAAK,YAElB,KAAC,QAAQ,IACR,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,CAAC,iBAAiB,CAAC,GAC3B,GACG,CACN,CAAC;AACH,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { IBaseComponentProps } from '../props/IBaseComponentProps';
|
|
2
|
+
export interface NSChartLineDataSetItem {
|
|
3
|
+
label: string;
|
|
4
|
+
color?: string;
|
|
5
|
+
data: number[];
|
|
6
|
+
}
|
|
7
|
+
export interface NSChartLineProps extends IBaseComponentProps {
|
|
8
|
+
labels: string[];
|
|
9
|
+
dataset: NSChartLineDataSetItem[];
|
|
10
|
+
range: {
|
|
11
|
+
min: number;
|
|
12
|
+
max: number;
|
|
13
|
+
};
|
|
14
|
+
xTitle?: string;
|
|
15
|
+
area?: boolean;
|
|
16
|
+
yGrid?: boolean;
|
|
17
|
+
height?: number;
|
|
18
|
+
width?: number;
|
|
19
|
+
formatValue?: (value: number) => string;
|
|
20
|
+
}
|
|
21
|
+
export declare function NSChartLine(props: NSChartLineProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Line } from 'react-chartjs-2';
|
|
3
|
+
import { Chart as ChartJS, CategoryScale, LinearScale, PointElement, LineElement, Filler, Title, Tooltip, Legend } from 'chart.js';
|
|
4
|
+
import { ColorOperation } from '../ColorOperation';
|
|
5
|
+
ChartJS.register(CategoryScale, LinearScale, PointElement, LineElement, Filler, Title, Tooltip, Legend);
|
|
6
|
+
export function NSChartLine(props) {
|
|
7
|
+
var _a, _b, _c;
|
|
8
|
+
let area = (_a = props.area) !== null && _a !== void 0 ? _a : false;
|
|
9
|
+
const data = {
|
|
10
|
+
labels: props.labels,
|
|
11
|
+
datasets: props.dataset.map((item, index) => {
|
|
12
|
+
var _a;
|
|
13
|
+
let color = (_a = item.color) !== null && _a !== void 0 ? _a : ColorOperation.at(index);
|
|
14
|
+
return {
|
|
15
|
+
label: item.label,
|
|
16
|
+
data: item.data,
|
|
17
|
+
borderColor: color,
|
|
18
|
+
backgroundColor: area ? color + "44" : color,
|
|
19
|
+
pointBackgroundColor: color,
|
|
20
|
+
pointRadius: 3,
|
|
21
|
+
pointHoverRadius: 5,
|
|
22
|
+
borderWidth: 2,
|
|
23
|
+
tension: 0.3,
|
|
24
|
+
fill: area,
|
|
25
|
+
};
|
|
26
|
+
})
|
|
27
|
+
};
|
|
28
|
+
const options = {
|
|
29
|
+
responsive: true,
|
|
30
|
+
maintainAspectRatio: false,
|
|
31
|
+
plugins: {
|
|
32
|
+
legend: {
|
|
33
|
+
display: true,
|
|
34
|
+
position: "bottom"
|
|
35
|
+
},
|
|
36
|
+
tooltip: {
|
|
37
|
+
enabled: true,
|
|
38
|
+
callbacks: {
|
|
39
|
+
title: (items) => {
|
|
40
|
+
var _a, _b;
|
|
41
|
+
let label = (_b = (_a = items[0]) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : "";
|
|
42
|
+
return props.xTitle ? `${props.xTitle}: ${label}` : label;
|
|
43
|
+
},
|
|
44
|
+
label: ({ dataset, raw }) => `${dataset.label}: ${props.formatValue ? props.formatValue(raw) : raw}`,
|
|
45
|
+
},
|
|
46
|
+
},
|
|
47
|
+
},
|
|
48
|
+
scales: {
|
|
49
|
+
x: {
|
|
50
|
+
ticks: {
|
|
51
|
+
font: { size: 12, weight: 400 },
|
|
52
|
+
color: '#141B5C',
|
|
53
|
+
maxRotation: 45,
|
|
54
|
+
minRotation: 0,
|
|
55
|
+
},
|
|
56
|
+
grid: { display: false },
|
|
57
|
+
border: { display: false },
|
|
58
|
+
},
|
|
59
|
+
y: {
|
|
60
|
+
min: props.range.min,
|
|
61
|
+
max: props.range.max,
|
|
62
|
+
ticks: {
|
|
63
|
+
callback: function (value) {
|
|
64
|
+
return props.formatValue ? props.formatValue(value) : value;
|
|
65
|
+
},
|
|
66
|
+
font: { size: 12, weight: 400 },
|
|
67
|
+
color: '#141B5C',
|
|
68
|
+
},
|
|
69
|
+
grid: { display: props.yGrid, color: "#E6EEF5" },
|
|
70
|
+
border: { display: false },
|
|
71
|
+
},
|
|
72
|
+
},
|
|
73
|
+
};
|
|
74
|
+
return (_jsx(Line, { data: data, options: options, width: (_b = props.width) !== null && _b !== void 0 ? _b : 320, height: (_c = props.height) !== null && _c !== void 0 ? _c : 240 }));
|
|
75
|
+
}
|
|
76
|
+
//# sourceMappingURL=NSChartLine.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NSChartLine.js","sourceRoot":"","sources":["../../src/components/NSChartLine.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,10 @@ export interface NSChartPieProps extends IBaseComponentProps {
|
|
|
3
3
|
title?: string;
|
|
4
4
|
datas: number[];
|
|
5
5
|
labels: string[];
|
|
6
|
+
labelTitle?: string;
|
|
7
|
+
valueTitle?: string;
|
|
8
|
+
formatValue?: (value: number) => string;
|
|
6
9
|
backgroundColors?: string[];
|
|
7
10
|
borderWidth?: number;
|
|
8
11
|
}
|
|
9
|
-
export declare function NSChartPie(props: NSChartPieProps): import("react").JSX.Element;
|
|
12
|
+
export declare function NSChartPie(props: NSChartPieProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { Pie } from 'react-chartjs-2';
|
|
3
3
|
import { Chart as ChartJS, ArcElement, Tooltip, Legend, Title, SubTitle, CategoryScale, LinearScale, BarElement, PointElement, LineElement } from 'chart.js';
|
|
4
|
+
import { ColorOperation } from '../ColorOperation';
|
|
4
5
|
ChartJS.register(ArcElement, Tooltip, Legend, Title, SubTitle, CategoryScale, LinearScale, BarElement, PointElement, LineElement);
|
|
5
6
|
export function NSChartPie(props) {
|
|
6
|
-
var _a, _b, _c, _d
|
|
7
|
-
let backgroundColors = [""];
|
|
7
|
+
var _a, _b, _c, _d;
|
|
8
8
|
const options = {
|
|
9
9
|
responsive: true,
|
|
10
10
|
plugins: {
|
|
@@ -13,7 +13,7 @@ export function NSChartPie(props) {
|
|
|
13
13
|
responsive: true,
|
|
14
14
|
position: 'left',
|
|
15
15
|
labels: {
|
|
16
|
-
useBorderRadius:
|
|
16
|
+
useBorderRadius: false,
|
|
17
17
|
borderRadius: 100,
|
|
18
18
|
boxWidth: 16,
|
|
19
19
|
color: 'hsla(250, 87%, 29%, 1)',
|
|
@@ -27,32 +27,31 @@ export function NSChartPie(props) {
|
|
|
27
27
|
bodyFont: {
|
|
28
28
|
size: 12
|
|
29
29
|
},
|
|
30
|
+
callbacks: {
|
|
31
|
+
title: (items) => {
|
|
32
|
+
var _a, _b;
|
|
33
|
+
let label = (_b = (_a = items[0]) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : "";
|
|
34
|
+
return props.labelTitle ? `${props.labelTitle}: ${label}` : label;
|
|
35
|
+
},
|
|
36
|
+
label: (item) => {
|
|
37
|
+
let value = props.formatValue ? props.formatValue(item.raw) : item.raw;
|
|
38
|
+
return props.valueTitle ? `${props.valueTitle}: ${value}` : `${value}`;
|
|
39
|
+
},
|
|
40
|
+
},
|
|
30
41
|
},
|
|
31
42
|
},
|
|
32
43
|
animation: {
|
|
33
44
|
animateScale: true,
|
|
34
45
|
}
|
|
35
46
|
};
|
|
36
|
-
const generateRandomColor = () => {
|
|
37
|
-
let maxVal = 0xFFFFFF;
|
|
38
|
-
let randomNumber = Math.random() * maxVal;
|
|
39
|
-
randomNumber = Math.floor(randomNumber);
|
|
40
|
-
let X = randomNumber.toString(16);
|
|
41
|
-
let randomColor = X.padStart(6, "0");
|
|
42
|
-
return `#${randomColor.toUpperCase()}`;
|
|
43
|
-
};
|
|
44
|
-
const setRandomColor = () => {
|
|
45
|
-
props.datas.forEach(() => backgroundColors === null || backgroundColors === void 0 ? void 0 : backgroundColors.push(generateRandomColor()));
|
|
46
|
-
return backgroundColors;
|
|
47
|
-
};
|
|
48
47
|
const data = {
|
|
49
48
|
labels: props.labels,
|
|
50
49
|
datasets: [
|
|
51
50
|
{
|
|
52
51
|
data: props.datas,
|
|
53
|
-
backgroundColor: (_a = props.backgroundColors) !== null && _a !== void 0 ? _a :
|
|
54
|
-
borderColor:
|
|
55
|
-
borderWidth: (
|
|
52
|
+
backgroundColor: (_a = props.backgroundColors) !== null && _a !== void 0 ? _a : ColorOperation.generate(props.datas.length),
|
|
53
|
+
borderColor: "#ffffff",
|
|
54
|
+
borderWidth: (_b = props.borderWidth) !== null && _b !== void 0 ? _b : 2
|
|
56
55
|
}
|
|
57
56
|
]
|
|
58
57
|
};
|
|
@@ -64,8 +63,8 @@ export function NSChartPie(props) {
|
|
|
64
63
|
const meta = chart.getDatasetMeta(0);
|
|
65
64
|
const arc = meta.data[0];
|
|
66
65
|
ctx.save();
|
|
67
|
-
const fontSize = arc.innerRadius / 3;
|
|
68
|
-
ctx.font = fontSize
|
|
66
|
+
const fontSize = Math.max(12, arc.innerRadius / 3);
|
|
67
|
+
ctx.font = `${fontSize}px sans-serif`;
|
|
69
68
|
ctx.fillStyle = 'hsla(234, 64%, 22%, 1)';
|
|
70
69
|
ctx.textBaseline = 'middle';
|
|
71
70
|
ctx.textAlign = 'center';
|
|
@@ -76,6 +75,6 @@ export function NSChartPie(props) {
|
|
|
76
75
|
ctx.restore();
|
|
77
76
|
}
|
|
78
77
|
};
|
|
79
|
-
return (_jsx("div", { className: `${(
|
|
78
|
+
return (_jsx("div", { className: `${(_d = (_c = props.classList) === null || _c === void 0 ? void 0 : _c.join(" ")) !== null && _d !== void 0 ? _d : ""} `, style: props.style, children: _jsx(Pie, { data: data, options: options, plugins: [centerTitlePlugin] }) }));
|
|
80
79
|
}
|
|
81
80
|
//# sourceMappingURL=NSChartPie.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSChartPie.js","sourceRoot":"","sources":["../../src/components/NSChartPie.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AACtC,OAAO,EAAE,KAAK,IAAI,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW,EAAmD,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"NSChartPie.js","sourceRoot":"","sources":["../../src/components/NSChartPie.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
2
2
|
export interface NSChartRangeProps extends IBaseComponentProps {
|
|
3
3
|
}
|
|
4
|
-
export declare function NSChartRange(_: NSChartRangeProps): import("react").JSX.Element;
|
|
4
|
+
export declare function NSChartRange(_: NSChartRangeProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -4,4 +4,4 @@ export interface NSColumnProps extends IBaseComponentProps {
|
|
|
4
4
|
children: ReactNode;
|
|
5
5
|
onEnterPressed?: () => void;
|
|
6
6
|
}
|
|
7
|
-
export declare function NSColumn(props: NSColumnProps): import("react").JSX.Element;
|
|
7
|
+
export declare function NSColumn(props: NSColumnProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
.ns_column {
|
|
2
|
-
display: flex;
|
|
3
|
-
flex-direction: column;
|
|
4
|
-
align-items: flex-start;
|
|
5
|
-
gap: 16px;
|
|
6
|
-
margin: 0;
|
|
7
|
-
justify-content: flex-start;
|
|
8
|
-
width: max-content;
|
|
9
|
-
max-width: 100%;
|
|
10
|
-
width: 100%;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
@media only screen and (min-width: 768px) {
|
|
14
|
-
.ns_column {
|
|
15
|
-
flex-wrap: wrap;
|
|
16
|
-
}
|
|
1
|
+
.ns_column {
|
|
2
|
+
display: flex;
|
|
3
|
+
flex-direction: column;
|
|
4
|
+
align-items: flex-start;
|
|
5
|
+
gap: 16px;
|
|
6
|
+
margin: 0;
|
|
7
|
+
justify-content: flex-start;
|
|
8
|
+
width: max-content;
|
|
9
|
+
max-width: 100%;
|
|
10
|
+
width: 100%;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
@media only screen and (min-width: 768px) {
|
|
14
|
+
.ns_column {
|
|
15
|
+
flex-wrap: wrap;
|
|
16
|
+
}
|
|
17
17
|
}
|
|
@@ -7,4 +7,4 @@ export interface NSCopyProps extends IBaseComponentProps {
|
|
|
7
7
|
export interface NSCopyState {
|
|
8
8
|
copied: boolean;
|
|
9
9
|
}
|
|
10
|
-
export declare function NSCopy(props: NSCopyProps):
|
|
10
|
+
export declare function NSCopy(props: NSCopyProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -6,4 +6,4 @@ export interface NSCopyBoxProps extends IBaseComponentProps {
|
|
|
6
6
|
export interface NSCopyBoxState {
|
|
7
7
|
copied: boolean;
|
|
8
8
|
}
|
|
9
|
-
export declare function NSCopyBox(props: NSCopyBoxProps): import("react").JSX.Element;
|
|
9
|
+
export declare function NSCopyBox(props: NSCopyBoxProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,40 +1,40 @@
|
|
|
1
|
-
.ns_copy {
|
|
2
|
-
display: flex;
|
|
3
|
-
flex-direction: column;
|
|
4
|
-
width: 416px;
|
|
5
|
-
color: #fff;
|
|
6
|
-
position: relative;
|
|
7
|
-
max-width: 100%;
|
|
8
|
-
margin: 0 auto;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
.ns_copy_value {
|
|
12
|
-
border-radius: 8px;
|
|
13
|
-
padding: 10px 12px;
|
|
14
|
-
font-size: 16px;
|
|
15
|
-
font-weight: 400;
|
|
16
|
-
text-align: center;
|
|
17
|
-
overflow: hidden;
|
|
18
|
-
display: flex;
|
|
19
|
-
gap: 16px;
|
|
20
|
-
align-items: center;
|
|
21
|
-
border-radius: 8px;
|
|
22
|
-
border: 1px solid rgba(161, 164, 176, 1);
|
|
23
|
-
background-color: #fff;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
.ns_copy_value p {
|
|
27
|
-
color: rgba(20, 27, 92, 1);
|
|
28
|
-
width: 100%;
|
|
29
|
-
display: inline-block;
|
|
30
|
-
overflow: hidden;
|
|
31
|
-
word-wrap: break-word;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
.ns_copy_title {
|
|
35
|
-
font-size: 24px;
|
|
36
|
-
font-weight: 700;
|
|
37
|
-
color: rgba(20, 27, 92, 1);
|
|
38
|
-
text-align: center;
|
|
39
|
-
margin-bottom: 16px;
|
|
1
|
+
.ns_copy {
|
|
2
|
+
display: flex;
|
|
3
|
+
flex-direction: column;
|
|
4
|
+
width: 416px;
|
|
5
|
+
color: #fff;
|
|
6
|
+
position: relative;
|
|
7
|
+
max-width: 100%;
|
|
8
|
+
margin: 0 auto;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.ns_copy_value {
|
|
12
|
+
border-radius: 8px;
|
|
13
|
+
padding: 10px 12px;
|
|
14
|
+
font-size: 16px;
|
|
15
|
+
font-weight: 400;
|
|
16
|
+
text-align: center;
|
|
17
|
+
overflow: hidden;
|
|
18
|
+
display: flex;
|
|
19
|
+
gap: 16px;
|
|
20
|
+
align-items: center;
|
|
21
|
+
border-radius: 8px;
|
|
22
|
+
border: 1px solid rgba(161, 164, 176, 1);
|
|
23
|
+
background-color: #fff;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.ns_copy_value p {
|
|
27
|
+
color: rgba(20, 27, 92, 1);
|
|
28
|
+
width: 100%;
|
|
29
|
+
display: inline-block;
|
|
30
|
+
overflow: hidden;
|
|
31
|
+
word-wrap: break-word;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.ns_copy_title {
|
|
35
|
+
font-size: 24px;
|
|
36
|
+
font-weight: 700;
|
|
37
|
+
color: rgba(20, 27, 92, 1);
|
|
38
|
+
text-align: center;
|
|
39
|
+
margin-bottom: 16px;
|
|
40
40
|
}
|
|
@@ -10,4 +10,4 @@ export interface NSDialogProps extends IBaseComponentProps {
|
|
|
10
10
|
};
|
|
11
11
|
zIndex?: number;
|
|
12
12
|
}
|
|
13
|
-
export declare function NSDialog(props: NSDialogProps): import("react").JSX.Element;
|
|
13
|
+
export declare function NSDialog(props: NSDialogProps): import("react/jsx-runtime").JSX.Element;
|