namirasoft-site-react 1.4.164 → 1.4.166
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.js +35 -36
- package/dist/App.js.map +1 -1
- package/dist/NSBoxBuilder.d.ts +52 -0
- package/dist/NSBoxBuilder.js +306 -0
- package/dist/NSBoxBuilder.js.map +1 -0
- package/dist/Validator.d.ts +1 -1
- package/dist/Validator.js +11 -1
- package/dist/Validator.js.map +1 -1
- package/dist/components/INSBox.d.ts +6 -0
- package/dist/components/INSBox.js +2 -0
- package/dist/components/INSBox.js.map +1 -0
- 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.js.map +1 -1
- package/dist/components/NSBox.module.css +50 -50
- package/dist/components/NSBoxBaseCombo.d.ts +13 -10
- package/dist/components/NSBoxBaseCombo.js +95 -62
- package/dist/components/NSBoxBaseCombo.js.map +1 -1
- package/dist/components/NSBoxBaseCombo.module.css +6 -6
- package/dist/components/NSBoxBaseLayout.d.ts +1 -0
- package/dist/components/NSBoxBaseLayout.js.map +1 -1
- package/dist/components/NSBoxBoolean.d.ts +11 -10
- package/dist/components/NSBoxBoolean.js +28 -24
- package/dist/components/NSBoxBoolean.js.map +1 -1
- package/dist/components/NSBoxBoolean.module.css +67 -67
- package/dist/components/NSBoxBooleans.js +3 -3
- package/dist/components/NSBoxBooleans.js.map +1 -1
- package/dist/components/NSBoxColor.d.ts +20 -0
- package/dist/components/NSBoxColor.js +48 -0
- package/dist/components/NSBoxColor.js.map +1 -0
- package/dist/components/NSBoxCombo.d.ts +10 -5
- package/dist/components/NSBoxCombo.js +29 -8
- package/dist/components/NSBoxCombo.js.map +1 -1
- package/dist/components/NSBoxDate.d.ts +6 -4
- package/dist/components/NSBoxDate.js +9 -4
- package/dist/components/NSBoxDate.js.map +1 -1
- package/dist/components/NSBoxDate.module.css +4 -4
- package/dist/components/NSBoxDateTime.d.ts +6 -5
- package/dist/components/NSBoxDateTime.js +11 -9
- package/dist/components/NSBoxDateTime.js.map +1 -1
- package/dist/components/NSBoxDateTime.module.css +4 -4
- package/dist/components/NSBoxDouble.d.ts +8 -6
- package/dist/components/NSBoxDouble.js +10 -9
- package/dist/components/NSBoxDouble.js.map +1 -1
- package/dist/components/NSBoxDuration.d.ts +6 -5
- package/dist/components/NSBoxDuration.js +10 -9
- package/dist/components/NSBoxDuration.js.map +1 -1
- package/dist/components/NSBoxDuration.module.css +4 -4
- package/dist/components/NSBoxDynamic.d.ts +21 -0
- package/dist/components/NSBoxDynamic.js +36 -0
- package/dist/components/NSBoxDynamic.js.map +1 -0
- package/dist/components/NSBoxEmail.d.ts +6 -5
- package/dist/components/NSBoxEmail.js +15 -13
- package/dist/components/NSBoxEmail.js.map +1 -1
- package/dist/components/NSBoxEntity.d.ts +10 -5
- package/dist/components/NSBoxEntity.js +29 -8
- package/dist/components/NSBoxEntity.js.map +1 -1
- package/dist/components/NSBoxEnum.d.ts +12 -5
- package/dist/components/NSBoxEnum.js +39 -10
- package/dist/components/NSBoxEnum.js.map +1 -1
- package/dist/components/NSBoxFile.d.ts +0 -1
- package/dist/components/NSBoxFile.js +0 -4
- package/dist/components/NSBoxFile.js.map +1 -1
- package/dist/components/NSBoxFile.module.css +10 -10
- package/dist/components/NSBoxFilePath.d.ts +20 -0
- package/dist/components/NSBoxFilePath.js +48 -0
- package/dist/components/NSBoxFilePath.js.map +1 -0
- package/dist/components/NSBoxFont.d.ts +20 -0
- package/dist/components/NSBoxFont.js +48 -0
- package/dist/components/NSBoxFont.js.map +1 -0
- package/dist/components/NSBoxIPV4.d.ts +6 -5
- package/dist/components/NSBoxIPV4.js +10 -9
- package/dist/components/NSBoxIPV4.js.map +1 -1
- package/dist/components/NSBoxIPV4Range.d.ts +20 -0
- package/dist/components/NSBoxIPV4Range.js +48 -0
- package/dist/components/NSBoxIPV4Range.js.map +1 -0
- package/dist/components/NSBoxIPV6.d.ts +6 -5
- package/dist/components/NSBoxIPV6.js +10 -9
- package/dist/components/NSBoxIPV6.js.map +1 -1
- package/dist/components/NSBoxIPV6Range.d.ts +20 -0
- package/dist/components/NSBoxIPV6Range.js +48 -0
- package/dist/components/NSBoxIPV6Range.js.map +1 -0
- package/dist/components/NSBoxInteger.d.ts +6 -5
- package/dist/components/NSBoxInteger.js +10 -9
- package/dist/components/NSBoxInteger.js.map +1 -1
- package/dist/components/NSBoxMoney.d.ts +5 -3
- package/dist/components/NSBoxMoney.js +9 -8
- package/dist/components/NSBoxMoney.js.map +1 -1
- package/dist/components/NSBoxPassword.d.ts +6 -5
- package/dist/components/NSBoxPassword.js +10 -9
- package/dist/components/NSBoxPassword.js.map +1 -1
- package/dist/components/NSBoxPhone.d.ts +6 -4
- package/dist/components/NSBoxPhone.js +9 -3
- package/dist/components/NSBoxPhone.js.map +1 -1
- package/dist/components/NSBoxPhone.module.css +35 -35
- package/dist/components/NSBoxRadio.d.ts +3 -2
- package/dist/components/NSBoxRadio.js +8 -8
- package/dist/components/NSBoxRadio.js.map +1 -1
- package/dist/components/NSBoxRadio.module.css +33 -33
- package/dist/components/NSBoxSearch.d.ts +6 -5
- package/dist/components/NSBoxSearch.js +10 -9
- package/dist/components/NSBoxSearch.js.map +1 -1
- package/dist/components/NSBoxString.d.ts +6 -5
- package/dist/components/NSBoxString.js +10 -9
- package/dist/components/NSBoxString.js.map +1 -1
- package/dist/components/NSBoxTextArea.d.ts +6 -5
- package/dist/components/NSBoxTextArea.js +10 -18
- package/dist/components/NSBoxTextArea.js.map +1 -1
- package/dist/components/NSBoxTextArea.module.css +12 -12
- package/dist/components/NSBoxTime.d.ts +6 -4
- package/dist/components/NSBoxTime.js +10 -5
- package/dist/components/NSBoxTime.js.map +1 -1
- package/dist/components/NSBoxTime.module.css +4 -4
- package/dist/components/NSBoxTimeZone.d.ts +20 -0
- package/dist/components/NSBoxTimeZone.js +48 -0
- package/dist/components/NSBoxTimeZone.js.map +1 -0
- package/dist/components/NSBoxURL.d.ts +20 -0
- package/dist/components/NSBoxURL.js +48 -0
- package/dist/components/NSBoxURL.js.map +1 -0
- package/dist/components/NSBoxVersion.d.ts +20 -0
- package/dist/components/NSBoxVersion.js +48 -0
- package/dist/components/NSBoxVersion.js.map +1 -0
- 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 +110 -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.js +4 -2
- package/dist/components/NSFilterBox.js.map +1 -1
- 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.module.css +12 -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 +6 -2
- package/dist/components/NSMenuButton.js +14 -6
- 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.js +2 -2
- package/dist/components/NSPagination.js.map +1 -1
- package/dist/components/NSPagination.module.css +85 -85
- package/dist/components/NSPanel.module.css +18 -18
- package/dist/components/NSPanelAccordion.module.css +4 -4
- package/dist/components/NSRange.module.css +66 -66
- package/dist/components/NSRepeater.d.ts +12 -6
- package/dist/components/NSRepeater.js +59 -30
- package/dist/components/NSRepeater.js.map +1 -1
- 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.d.ts +1 -1
- package/dist/components/NSTable.js +8 -4
- package/dist/components/NSTable.js.map +1 -1
- 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/main.d.ts +1 -0
- package/dist/main.js +1 -0
- package/dist/main.js.map +1 -1
- package/dist/pages/NSNotFoundPage.module.css +17 -17
- package/dist/pages/NSUpdating.module.css +35 -35
- package/dist/props/IValidationPrecisionProps.d.ts +3 -0
- package/dist/props/IValidationPrecisionProps.js +2 -0
- package/dist/props/IValidationPrecisionProps.js.map +1 -0
- package/dist/props/IValidationProps.d.ts +2 -0
- package/package.json +76 -76
- package/public/index.html +38 -38
- package/src/App.css +33 -33
- package/src/App.tsx +107 -129
- package/src/Color.tsx +10 -10
- package/src/CopyToClipboard.ts +6 -6
- package/src/NSBoxBuilder.tsx +829 -0
- package/src/Validator.ts +147 -135
- package/src/components/INSBox.tsx +7 -0
- 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 -18
- package/src/components/NSBoxBaseCombo.module.css +6 -6
- package/src/components/NSBoxBaseCombo.tsx +305 -263
- package/src/components/NSBoxBaseLayout.tsx +83 -82
- package/src/components/NSBoxBoolean.module.css +67 -67
- package/src/components/NSBoxBoolean.tsx +120 -115
- package/src/components/NSBoxBooleans.tsx +163 -164
- package/src/components/NSBoxColor.tsx +92 -0
- package/src/components/NSBoxCombo.tsx +86 -63
- package/src/components/NSBoxDate.module.css +4 -4
- package/src/components/NSBoxDate.tsx +105 -97
- package/src/components/NSBoxDateTime.module.css +4 -4
- package/src/components/NSBoxDateTime.tsx +106 -103
- package/src/components/NSBoxDouble.tsx +95 -91
- package/src/components/NSBoxDuration.module.css +4 -4
- package/src/components/NSBoxDuration.tsx +96 -93
- package/src/components/NSBoxDynamic.tsx +57 -0
- package/src/components/NSBoxEmail.tsx +98 -98
- package/src/components/NSBoxEntity.tsx +75 -52
- package/src/components/NSBoxEnum.tsx +99 -66
- package/src/components/NSBoxFile.module.css +10 -10
- package/src/components/NSBoxFile.tsx +105 -111
- package/src/components/NSBoxFilePath.tsx +92 -0
- package/src/components/NSBoxFont.tsx +92 -0
- package/src/components/NSBoxIPV4.tsx +96 -93
- package/src/components/NSBoxIPV4Range.tsx +92 -0
- package/src/components/NSBoxIPV6.tsx +93 -90
- package/src/components/NSBoxIPV6Range.tsx +92 -0
- package/src/components/NSBoxInteger.tsx +93 -90
- package/src/components/NSBoxMoney.tsx +96 -89
- package/src/components/NSBoxPassword.tsx +109 -106
- package/src/components/NSBoxPhone.module.css +35 -35
- package/src/components/NSBoxPhone.tsx +112 -105
- package/src/components/NSBoxRadio.module.css +33 -33
- package/src/components/NSBoxRadio.tsx +95 -97
- package/src/components/NSBoxSearch.tsx +93 -90
- package/src/components/NSBoxString.tsx +86 -81
- package/src/components/NSBoxTextArea.module.css +12 -12
- package/src/components/NSBoxTextArea.tsx +94 -91
- package/src/components/NSBoxTime.module.css +4 -4
- package/src/components/NSBoxTime.tsx +93 -85
- package/src/components/NSBoxTimeZone.tsx +92 -0
- package/src/components/NSBoxURL.tsx +92 -0
- package/src/components/NSBoxVersion.tsx +92 -0
- 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 +110 -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 -362
- 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 +12 -12
- package/src/components/NSLine.tsx +15 -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 +172 -160
- 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 -183
- package/src/components/NSPanel.module.css +18 -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 +217 -179
- 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 -476
- 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 -192
- 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 +4 -0
- package/src/props/IValidationProps.ts +9 -7
- 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
- package/dist/App.css +0 -34
- package/dist/index.css +0 -6
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
.ns_box_base_combo_select {
|
|
2
|
-
height: 48px;
|
|
3
|
-
border: 1px solid #000 !important;
|
|
4
|
-
border-radius: 8px;
|
|
5
|
-
overflow: hidden;
|
|
6
|
-
width: 100%;
|
|
1
|
+
.ns_box_base_combo_select {
|
|
2
|
+
height: 48px;
|
|
3
|
+
border: 1px solid #000 !important;
|
|
4
|
+
border-radius: 8px;
|
|
5
|
+
overflow: hidden;
|
|
6
|
+
width: 100%;
|
|
7
7
|
}
|
|
@@ -11,6 +11,7 @@ export interface INSBoxBaseLayoutProps<Data, Box> {
|
|
|
11
11
|
onChanged?: (e: Box, callback?: () => void) => void;
|
|
12
12
|
onClicked?: (e: Box) => void;
|
|
13
13
|
menu?: NSMenuButtonMenuProps;
|
|
14
|
+
onDelete?: () => void;
|
|
14
15
|
}
|
|
15
16
|
export interface NSBoxBaseLayoutProps extends IBaseComponentProps, IValidationProps, IValidationStringProps, NSMenuButtonProps {
|
|
16
17
|
title: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSBoxBaseLayout.js","sourceRoot":"","sources":["../../src/components/NSBoxBaseLayout.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,WAAW,MAAM,oBAAoB,CAAC;AAI7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,YAAY,EAA4C,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"NSBoxBaseLayout.js","sourceRoot":"","sources":["../../src/components/NSBoxBaseLayout.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,WAAW,MAAM,oBAAoB,CAAC;AAI7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,YAAY,EAA4C,MAAM,gBAAgB,CAAC;AA0BxF,MAAM,OAAO,eAAgB,SAAQ,KAAK,CAAC,SAAqD;IAE/F,MAAM,CAAC,aAAa,CAAI,GAGvB,EAAE,UAAmB,EAAE,OAAgB;QAEvC,OAAQ,GAAG,CAAC,oBAAoB,CAAC,OAA2B,CAAC,WAAW,CAAC,UAAU,EAAE,GAAG,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IAC7G,CAAC;IACD,YAAY,KAA2B;QAEtC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;QAC3B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAChD,CAAC;IACO,WAAW,CAAI,UAAmB,EAAE,QAA6B,EAAE,OAAgB;QAE1F,IAAI,UAAU,EACd,CAAC;YACA,IAAI,KAAK,GAAG,QAAQ,EAAE,CAAC;YACvB,IAAI,KAAK,EACT,CAAC;gBACA,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;gBACzB,MAAM,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC;YACxB,CAAC;QACF,CAAC;QACD,OAAO,OAAO,EAAE,CAAC;IAClB,CAAC;IACQ,MAAM;;QAEd,IAAI,EAAE,GAAG,SAAS,CAAC;QACnB,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE;YAChB,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,SAAS,CAAC;QAChC,OAAO,CACN,4BACC,eAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,WAAW,CAAC,mBAAmB,IAAI,MAAA,IAAI,CAAC,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,KAAK,mCAAI,EAAE,aAE5H,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,eAAK,SAAS,EAAE,GAAG,WAAW,CAAC,gBAAgB,EAAE,aAC1E,gBAAM,SAAS,EAAE,WAAW,CAAC,kBAAkB,aAC7C,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,eAAM,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,kBAAU,OAAG,IAAI,CAAC,KAAK,CAAC,KAAK,IAC5E,EACP,KAAC,YAAY,IAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,GAAI,IAChG,EAEN,IAAI,CAAC,KAAK,CAAC,QAAQ,EACpB,KAAC,oBAAoB,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,GAAI,IACnG,GACJ,CACH,CAAC;IACH,CAAC;CACD"}
|
|
@@ -1,25 +1,26 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
3
3
|
import { IValidationProps } from "../props/IValidationProps";
|
|
4
|
-
import { IValidationStringProps } from "../props/IValidationStringProps";
|
|
5
4
|
import { INSBoxBaseLayoutProps, NSBoxBaseLayout } from "./NSBoxBaseLayout";
|
|
6
|
-
|
|
5
|
+
import { INSBox } from "./INSBox";
|
|
6
|
+
export interface NSBoxBooleanProps extends IBaseComponentProps, IValidationProps, INSBoxBaseLayoutProps<boolean, NSBoxBoolean> {
|
|
7
7
|
checked?: (boolean | null);
|
|
8
|
-
indeterminate?: boolean;
|
|
9
8
|
}
|
|
10
9
|
export interface NSBoxBooleanState {
|
|
11
10
|
value: boolean | null;
|
|
12
11
|
}
|
|
13
|
-
export declare class NSBoxBoolean extends React.Component<NSBoxBooleanProps, NSBoxBooleanState> {
|
|
12
|
+
export declare class NSBoxBoolean extends React.Component<NSBoxBooleanProps, NSBoxBooleanState> implements INSBox {
|
|
13
|
+
private _isdirtied;
|
|
14
14
|
NSBoxBaseLayout_Main: React.RefObject<NSBoxBaseLayout>;
|
|
15
15
|
constructor(props: NSBoxBooleanProps);
|
|
16
|
-
private getInterpretedValue;
|
|
17
16
|
getError(): string | null;
|
|
18
|
-
getValue(checkError?: boolean): boolean;
|
|
19
|
-
setValue(value: boolean, callback?: () => void): void;
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
17
|
+
getValue(checkError?: boolean): boolean | null;
|
|
18
|
+
setValue(value: boolean | null, callback?: () => void): void;
|
|
19
|
+
getValueBool(checkError?: boolean): boolean;
|
|
20
|
+
setValueBool(value: boolean, callback?: () => void): void;
|
|
21
|
+
getValueNull(checkError?: boolean): boolean | null;
|
|
22
|
+
setValueNull(value: boolean | null, callback?: () => void): void;
|
|
23
|
+
isEmpty(): boolean;
|
|
23
24
|
componentDidUpdate(prevProps: Readonly<NSBoxBooleanProps>): void;
|
|
24
25
|
render(): import("react/jsx-runtime").JSX.Element;
|
|
25
26
|
}
|
|
@@ -4,63 +4,67 @@ import React, { createRef } from "react";
|
|
|
4
4
|
import Styles from "./NSBoxBoolean.module.css";
|
|
5
5
|
import { safeMenuMenuItem } from "./NSMenuButton";
|
|
6
6
|
import { NSBoxBaseLayout } from "./NSBoxBaseLayout";
|
|
7
|
+
import { Validator } from "../Validator";
|
|
7
8
|
export class NSBoxBoolean extends React.Component {
|
|
8
9
|
constructor(props) {
|
|
9
10
|
var _a, _b;
|
|
10
11
|
super(props);
|
|
12
|
+
this._isdirtied = false;
|
|
11
13
|
this.NSBoxBaseLayout_Main = createRef();
|
|
12
14
|
this.state = { value: (_b = (_a = props.checked) !== null && _a !== void 0 ? _a : props.defaultValue) !== null && _b !== void 0 ? _b : false };
|
|
13
|
-
this.
|
|
15
|
+
this.isEmpty = this.isEmpty.bind(this);
|
|
14
16
|
this.getError = this.getError.bind(this);
|
|
15
17
|
this.getValue = this.getValue.bind(this);
|
|
16
18
|
this.setValue = this.setValue.bind(this);
|
|
17
|
-
this.
|
|
18
|
-
|
|
19
|
-
getInterpretedValue() {
|
|
20
|
-
return this.state.value;
|
|
19
|
+
this.getValueNull = this.getValueNull.bind(this);
|
|
20
|
+
this.setValueNull = this.setValueNull.bind(this);
|
|
21
21
|
}
|
|
22
22
|
getError() {
|
|
23
|
-
return
|
|
23
|
+
return (Validator.getError(this.props.title, this.state.value, this.props));
|
|
24
24
|
}
|
|
25
25
|
getValue(checkError = true) {
|
|
26
|
-
if (this.props.
|
|
27
|
-
|
|
28
|
-
return
|
|
26
|
+
if (this.props.required)
|
|
27
|
+
return this.getValueBool(checkError);
|
|
28
|
+
return this.getValueNull(checkError);
|
|
29
29
|
}
|
|
30
30
|
setValue(value, callback) {
|
|
31
|
-
this.
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
});
|
|
31
|
+
this.setValueNull(value, callback);
|
|
32
|
+
}
|
|
33
|
+
getValueBool(checkError = true) {
|
|
34
|
+
if (!this.props.required)
|
|
35
|
+
throw new Error("Please call getValue or getValueNull function");
|
|
36
|
+
return NSBoxBaseLayout.checkGetValue(this, checkError, () => { var _a; return (_a = this.state.value) !== null && _a !== void 0 ? _a : false; });
|
|
37
|
+
}
|
|
38
|
+
setValueBool(value, callback) {
|
|
39
|
+
this.setValueNull(value, callback);
|
|
37
40
|
}
|
|
38
|
-
|
|
39
|
-
|
|
41
|
+
getValueNull(checkError = true) {
|
|
42
|
+
if (this.props.required)
|
|
43
|
+
throw new Error("Please call getValue or getValueBool function");
|
|
44
|
+
return NSBoxBaseLayout.checkGetValue(this, checkError, () => this.state.value);
|
|
40
45
|
}
|
|
41
|
-
|
|
46
|
+
setValueNull(value, callback) {
|
|
42
47
|
this.setState({ value }, () => {
|
|
43
48
|
if (this.props.onChanged)
|
|
44
49
|
this.props.onChanged(this, callback);
|
|
45
|
-
|
|
50
|
+
if (callback)
|
|
46
51
|
callback();
|
|
47
52
|
});
|
|
48
53
|
}
|
|
49
|
-
|
|
50
|
-
this.
|
|
54
|
+
isEmpty() {
|
|
55
|
+
return !this._isdirtied;
|
|
51
56
|
}
|
|
52
57
|
componentDidUpdate(prevProps) {
|
|
53
58
|
if (prevProps.checked !== this.props.checked)
|
|
54
59
|
if (this.props.checked !== undefined)
|
|
55
|
-
this.
|
|
60
|
+
this.setValueNull(this.props.checked);
|
|
56
61
|
}
|
|
57
62
|
render() {
|
|
58
63
|
var _a;
|
|
59
64
|
let menu = safeMenuMenuItem(this.props, () => { });
|
|
60
65
|
menu.builtin.copy = false;
|
|
61
66
|
menu.builtin.fullscreen = false;
|
|
62
|
-
return (_jsx(NSBoxBaseLayout, Object.assign({ ref: this.NSBoxBaseLayout_Main }, this.props, { title: "", getValue: () => "", setValue: () => { }, menu: menu, children: _jsxs("label", { className: `ns-font-16-normal ${Styles.ns_box_boolean_label}`, htmlFor: this.props.name, children: [_jsx("input", { id: this.props.id, name: this.props.name, type: "checkbox", className: `${Styles.ns_box_boolean_input} ${this.
|
|
63
|
-
this.props.onClicked(this); } }), _jsx("span", { style: { width: "0px" } }), this.props.hideHeader && this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), this.props.title] }) })));
|
|
67
|
+
return (_jsx(NSBoxBaseLayout, Object.assign({ ref: this.NSBoxBaseLayout_Main }, this.props, { title: "", getValue: () => "", setValue: () => { }, menu: menu, children: _jsxs("label", { className: `ns-font-16-normal ${Styles.ns_box_boolean_label}`, htmlFor: this.props.name, children: [_jsx("input", { id: this.props.id, name: this.props.name, type: "checkbox", className: `${Styles.ns_box_boolean_input} ${this.state.value == null ? Styles.ns_box_boolean_indeterminate : ""}`, checked: (_a = this.state.value) !== null && _a !== void 0 ? _a : false, onChange: e => this.setValue(e.target.checked), onClick: () => { var _a, _b; (_b = (_a = this.props).onClicked) === null || _b === void 0 ? void 0 : _b.call(_a, this); } }), _jsx("span", { style: { width: "0px" } }), this.props.hideHeader && this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), this.props.title] }) })));
|
|
64
68
|
}
|
|
65
69
|
}
|
|
66
70
|
//# sourceMappingURL=NSBoxBoolean.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSBoxBoolean.js","sourceRoot":"","sources":["../../src/components/NSBoxBoolean.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,MAAM,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"NSBoxBoolean.js","sourceRoot":"","sources":["../../src/components/NSBoxBoolean.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,68 +1,68 @@
|
|
|
1
|
-
.ns_box_boolean_label {
|
|
2
|
-
width: 100%;
|
|
3
|
-
height: 48px;
|
|
4
|
-
padding: 10px 12px 10px 12px;
|
|
5
|
-
background-color: #fff;
|
|
6
|
-
color: #141B5C;
|
|
7
|
-
border-radius: 8px;
|
|
8
|
-
border: 1px solid rgba(0, 0, 0, 1) !important;
|
|
9
|
-
font-size: 16px;
|
|
10
|
-
font-weight: 400;
|
|
11
|
-
font-family: inherit;
|
|
12
|
-
cursor: pointer;
|
|
13
|
-
position: relative;
|
|
14
|
-
display: flex;
|
|
15
|
-
flex-direction: row;
|
|
16
|
-
justify-content: left;
|
|
17
|
-
align-items: center;
|
|
18
|
-
gap: 4px;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
.ns_box_boolean_input {
|
|
22
|
-
width: 24px;
|
|
23
|
-
height: 24px;
|
|
24
|
-
cursor: pointer;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.ns_box_boolean_input:focus-visible {
|
|
28
|
-
border-color: rgba(0, 0, 0, 1) !important;
|
|
29
|
-
outline: solid 1px #4096ff !important;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
.ns_box_boolean_input:checked {
|
|
33
|
-
accent-color: #141B5C;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
.ns_box_boolean_indeterminate:indeterminate {
|
|
37
|
-
border: 1px solid rgba(255, 148, 50, 1);
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
.ns_box_boolean_indeterminate {
|
|
41
|
-
position: relative;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
.ns_box_boolean_indeterminate::before {
|
|
45
|
-
content: "";
|
|
46
|
-
display: block;
|
|
47
|
-
position: absolute;
|
|
48
|
-
width: 100%;
|
|
49
|
-
height: 100%;
|
|
50
|
-
top: 0;
|
|
51
|
-
right: 0;
|
|
52
|
-
border: 5px solid #141b5c;
|
|
53
|
-
color: #141b5c;
|
|
54
|
-
background: #fffbff;
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
.ns_box_boolean_indeterminate::after {
|
|
58
|
-
content: "";
|
|
59
|
-
display: block;
|
|
60
|
-
position: absolute;
|
|
61
|
-
width: 18px;
|
|
62
|
-
height: 18px;
|
|
63
|
-
top: 3px;
|
|
64
|
-
left: 3px;
|
|
65
|
-
border: 3px solid #fffbff;
|
|
66
|
-
color: #141b5c;
|
|
67
|
-
background: #141b5c;
|
|
1
|
+
.ns_box_boolean_label {
|
|
2
|
+
width: 100%;
|
|
3
|
+
height: 48px;
|
|
4
|
+
padding: 10px 12px 10px 12px;
|
|
5
|
+
background-color: #fff;
|
|
6
|
+
color: #141B5C;
|
|
7
|
+
border-radius: 8px;
|
|
8
|
+
border: 1px solid rgba(0, 0, 0, 1) !important;
|
|
9
|
+
font-size: 16px;
|
|
10
|
+
font-weight: 400;
|
|
11
|
+
font-family: inherit;
|
|
12
|
+
cursor: pointer;
|
|
13
|
+
position: relative;
|
|
14
|
+
display: flex;
|
|
15
|
+
flex-direction: row;
|
|
16
|
+
justify-content: left;
|
|
17
|
+
align-items: center;
|
|
18
|
+
gap: 4px;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.ns_box_boolean_input {
|
|
22
|
+
width: 24px;
|
|
23
|
+
height: 24px;
|
|
24
|
+
cursor: pointer;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.ns_box_boolean_input:focus-visible {
|
|
28
|
+
border-color: rgba(0, 0, 0, 1) !important;
|
|
29
|
+
outline: solid 1px #4096ff !important;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.ns_box_boolean_input:checked {
|
|
33
|
+
accent-color: #141B5C;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.ns_box_boolean_indeterminate:indeterminate {
|
|
37
|
+
border: 1px solid rgba(255, 148, 50, 1);
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.ns_box_boolean_indeterminate {
|
|
41
|
+
position: relative;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.ns_box_boolean_indeterminate::before {
|
|
45
|
+
content: "";
|
|
46
|
+
display: block;
|
|
47
|
+
position: absolute;
|
|
48
|
+
width: 100%;
|
|
49
|
+
height: 100%;
|
|
50
|
+
top: 0;
|
|
51
|
+
right: 0;
|
|
52
|
+
border: 5px solid #141b5c;
|
|
53
|
+
color: #141b5c;
|
|
54
|
+
background: #fffbff;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.ns_box_boolean_indeterminate::after {
|
|
58
|
+
content: "";
|
|
59
|
+
display: block;
|
|
60
|
+
position: absolute;
|
|
61
|
+
width: 18px;
|
|
62
|
+
height: 18px;
|
|
63
|
+
top: 3px;
|
|
64
|
+
left: 3px;
|
|
65
|
+
border: 3px solid #fffbff;
|
|
66
|
+
color: #141b5c;
|
|
67
|
+
background: #141b5c;
|
|
68
68
|
}
|
|
@@ -25,7 +25,7 @@ export class NSBoxBooleans extends React.Component {
|
|
|
25
25
|
return null;
|
|
26
26
|
}
|
|
27
27
|
onMarkAllChecked(e) {
|
|
28
|
-
let current_value = e.
|
|
28
|
+
let current_value = e.getValueNull();
|
|
29
29
|
if (current_value != null) {
|
|
30
30
|
let tobe_value = this.getMarkAllValue();
|
|
31
31
|
if (current_value !== tobe_value)
|
|
@@ -71,7 +71,7 @@ export class NSBoxBooleans extends React.Component {
|
|
|
71
71
|
this.lastValues = values;
|
|
72
72
|
if (this.props.onChanged)
|
|
73
73
|
this.props.onChanged(this, callback);
|
|
74
|
-
|
|
74
|
+
if (callback)
|
|
75
75
|
callback();
|
|
76
76
|
}
|
|
77
77
|
}
|
|
@@ -90,7 +90,7 @@ export class NSBoxBooleans extends React.Component {
|
|
|
90
90
|
});
|
|
91
91
|
}
|
|
92
92
|
render() {
|
|
93
|
-
return (_jsxs(_Fragment, { children: [_jsx(NSBoxBoolean, { title: "All", required: false,
|
|
93
|
+
return (_jsxs(_Fragment, { children: [_jsx(NSBoxBoolean, { title: "All", required: false, hideHeader: this.props.hideHeaderAll, checked: this.getMarkAllValue(), style: { maxWidth: "100%", width: "100%" }, onChanged: this.onMarkAllChecked }), this.props.items.map((e, index) => _jsx(NSBoxBoolean, { id: e.value, title: e.text, required: true, hideHeader: this.props.hideHeaderBoxes, checked: this.state.values.includes(e.value), style: { width: NSBox.width.one }, onChanged: this.onItemChecked }, `NSBoxBooleans_NSBoxBoolean_key_${index}`))] }));
|
|
94
94
|
}
|
|
95
95
|
}
|
|
96
96
|
//# sourceMappingURL=NSBoxBooleans.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSBoxBooleans.js","sourceRoot":"","sources":["../../src/components/NSBoxBooleans.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAmBhC,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,SAAiD;IAGzF,YAAY,KAAyB;QAEpC,KAAK,CAAC,KAAK,CAAC,CAAC;QAHd,eAAU,GAAkB,IAAI,CAAC;QAIhC,IAAI,CAAC,KAAK,GAAG;YACZ,MAAM,EAAE,EAAE;SACV,CAAA;QACD,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACvD,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzD,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACnD,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC3C,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC3C,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACvC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC5C,CAAC;IAEO,eAAe;QAEtB,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM;YACvD,OAAO,IAAI,CAAC;QACb,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC;YACjC,OAAO,KAAK,CAAC;QACd,OAAO,IAAI,CAAC;IACb,CAAC;IAEO,gBAAgB,CAAC,CAAe;QAEvC,IAAI,aAAa,GAAG,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"NSBoxBooleans.js","sourceRoot":"","sources":["../../src/components/NSBoxBooleans.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAmBhC,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,SAAiD;IAGzF,YAAY,KAAyB;QAEpC,KAAK,CAAC,KAAK,CAAC,CAAC;QAHd,eAAU,GAAkB,IAAI,CAAC;QAIhC,IAAI,CAAC,KAAK,GAAG;YACZ,MAAM,EAAE,EAAE;SACV,CAAA;QACD,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACvD,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzD,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACnD,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC3C,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC3C,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACvC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC5C,CAAC;IAEO,eAAe;QAEtB,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM;YACvD,OAAO,IAAI,CAAC;QACb,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC;YACjC,OAAO,KAAK,CAAC;QACd,OAAO,IAAI,CAAC;IACb,CAAC;IAEO,gBAAgB,CAAC,CAAe;QAEvC,IAAI,aAAa,GAAG,CAAC,CAAC,YAAY,EAAE,CAAC;QACrC,IAAI,aAAa,IAAI,IAAI,EACzB,CAAC;YACA,IAAI,UAAU,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;YACxC,IAAI,aAAa,KAAK,UAAU;gBAC/B,IAAI,aAAa,EACjB,CAAC;oBACA,IAAI,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;oBAC/B,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,KAAK,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,EACxD,CAAC;wBACA,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;wBAClD,IAAI,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,EAAE,GAAG,EAAE;4BAE9B,IAAI,CAAC,SAAS,EAAE,CAAC;wBAClB,CAAC,CAAC,CAAC;oBACJ,CAAC;gBACF,CAAC;qBAED,CAAC;oBACA,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC;wBACjC,IAAI,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE;4BAElC,IAAI,CAAC,SAAS,EAAE,CAAC;wBAClB,CAAC,CAAC,CAAC;gBACL,CAAC;QACH,CAAC;IACF,CAAC;IAEO,aAAa,CAAC,CAAe;;QAEpC,IAAI,KAAK,GAAG,MAAA,CAAC,CAAC,KAAK,CAAC,EAAE,mCAAI,EAAE,CAAC;QAC7B,IAAI,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;QAC/B,IAAI,OAAO,GAAG,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAChC,IAAI,OAAO,EACX,CAAC;YACA,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC;gBAC1B,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACrB,CAAC;;YAEA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC;QAChD,IAAI,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,EAAE,GAAG,EAAE;YAE9B,IAAI,CAAC,SAAS,EAAE,CAAC;QAClB,CAAC,CAAC,CAAC;IACJ,CAAC;IAEO,OAAO,CAAC,MAAgB;QAE/B,IAAI,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACnD,OAAO,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;IACnD,CAAC;IACO,SAAS,CAAC,QAAqB;QAEtC,IAAI,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACxC,IAAI,IAAI,CAAC,UAAU,KAAK,MAAM,EAC9B,CAAC;YACA,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC;YACzB,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS;gBACvB,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;YACtC,IAAI,QAAQ;gBACX,QAAQ,EAAE,CAAC;QACb,CAAC;IACF,CAAC;IAED,SAAS;QAER,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO;YACrB,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QACxC,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;IAC1B,CAAC;IAED,SAAS,CAAC,MAAgB,EAAE,QAAqB;QAEhD,IAAI,CAAC,MAAM;YACV,MAAM,GAAG,EAAE,CAAC;QACb,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO;YACrB,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QAC/B,IAAI,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,EAAE,GAAG,EAAE;YAE9B,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QAC1B,CAAC,CAAC,CAAC;IACJ,CAAC;IAEQ,MAAM;QAEd,OAAO,CACN,8BACC,KAAC,YAAY,IACZ,KAAK,EAAC,KAAK,EACX,QAAQ,EAAE,KAAK,EACf,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,EACpC,OAAO,EAAE,IAAI,CAAC,eAAe,EAAE,EAC/B,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,EAC1C,SAAS,EAAE,IAAI,CAAC,gBAAgB,GAC/B,EAED,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CACjC,KAAC,YAAY,IACZ,EAAE,EAAE,CAAC,CAAC,KAAK,EACX,KAAK,EAAE,CAAC,CAAC,IAAI,EACb,QAAQ,EAAE,IAAI,EACd,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,eAAe,EACtC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,EAE5C,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG,EAAE,EACjC,SAAS,EAAE,IAAI,CAAC,aAAa,IAFxB,kCAAkC,KAAK,EAAE,CAG7C,CACF,IAEA,CACH,CAAC;IACH,CAAC;CACD"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
3
|
+
import { IValidationProps } from "../props/IValidationProps";
|
|
4
|
+
import { IValidationStringProps } from "../props/IValidationStringProps";
|
|
5
|
+
import { INSBoxBaseLayoutProps, NSBoxBaseLayout } from "./NSBoxBaseLayout";
|
|
6
|
+
import { INSBox } from "./INSBox";
|
|
7
|
+
export interface NSBoxColorProps extends IBaseComponentProps, IValidationProps, IValidationStringProps, INSBoxBaseLayoutProps<string, NSBoxColor> {
|
|
8
|
+
}
|
|
9
|
+
export interface NSBoxColorState {
|
|
10
|
+
value: string | null;
|
|
11
|
+
}
|
|
12
|
+
export declare class NSBoxColor extends React.Component<NSBoxColorProps, NSBoxColorState> implements INSBox {
|
|
13
|
+
NSBoxBaseLayout_Main: React.RefObject<NSBoxBaseLayout>;
|
|
14
|
+
constructor(props: NSBoxColorProps);
|
|
15
|
+
isEmpty(value: string): boolean;
|
|
16
|
+
getError(): string | null;
|
|
17
|
+
getValue(checkError?: boolean): string | null;
|
|
18
|
+
setValue(value: string | null, callback?: () => void): void;
|
|
19
|
+
render(): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import React, { createRef } from "react";
|
|
4
|
+
import StylesNSBox from "./NSBox.module.css";
|
|
5
|
+
import { Validator } from "../Validator";
|
|
6
|
+
import { safeMenuMenuItem } from "./NSMenuButton";
|
|
7
|
+
import { NSBoxBaseLayout } from "./NSBoxBaseLayout";
|
|
8
|
+
export class NSBoxColor extends React.Component {
|
|
9
|
+
constructor(props) {
|
|
10
|
+
var _a;
|
|
11
|
+
super(props);
|
|
12
|
+
this.NSBoxBaseLayout_Main = createRef();
|
|
13
|
+
this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : null };
|
|
14
|
+
this.isEmpty = this.isEmpty.bind(this);
|
|
15
|
+
this.getError = this.getError.bind(this);
|
|
16
|
+
this.getValue = this.getValue.bind(this);
|
|
17
|
+
this.setValue = this.setValue.bind(this);
|
|
18
|
+
}
|
|
19
|
+
isEmpty(value) {
|
|
20
|
+
if ((value !== null && value !== void 0 ? value : "").trim())
|
|
21
|
+
return false;
|
|
22
|
+
return true;
|
|
23
|
+
}
|
|
24
|
+
getError() {
|
|
25
|
+
return (Validator.getError(this.props.title, this.state.value, this.props) ||
|
|
26
|
+
Validator.getErrorString(this.props.title, this.state.value, this.props));
|
|
27
|
+
}
|
|
28
|
+
getValue(checkError = true) {
|
|
29
|
+
return NSBoxBaseLayout.checkGetValue(this, checkError, () => this.state.value);
|
|
30
|
+
}
|
|
31
|
+
setValue(value, callback) {
|
|
32
|
+
this.setState({ value }, () => {
|
|
33
|
+
if (this.props.onChanged)
|
|
34
|
+
this.props.onChanged(this, callback);
|
|
35
|
+
if (callback)
|
|
36
|
+
callback();
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
render() {
|
|
40
|
+
let menu = safeMenuMenuItem(this.props, () => { });
|
|
41
|
+
menu.builtin.fullscreen = false;
|
|
42
|
+
return (_jsx(NSBoxBaseLayout, Object.assign({ ref: this.NSBoxBaseLayout_Main }, this.props, { getValue: () => { var _a; return (_a = this.state.value) !== null && _a !== void 0 ? _a : ""; }, setValue: this.setValue, menu: menu, children: _jsx("div", { id: this.props.id, className: StylesNSBox.ns_box_input, style: {
|
|
43
|
+
background: `url("https://static.namirasoft.com/image/concept/type/color.png") white no-repeat scroll center right 4px`,
|
|
44
|
+
backgroundSize: "24px"
|
|
45
|
+
}, children: "Not implemented" }) })));
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
//# sourceMappingURL=NSBoxColor.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NSBoxColor.js","sourceRoot":"","sources":["../../src/components/NSBoxColor.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,15 +2,20 @@ import React from "react";
|
|
|
2
2
|
import { NSBoxBaseCombo, INSBoxBaseComboProps, NSBoxBaseComboOption } from "./NSBoxBaseCombo";
|
|
3
3
|
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
4
4
|
import { IValidationProps } from "../props/IValidationProps";
|
|
5
|
+
import { INSBox } from "./INSBox";
|
|
5
6
|
export interface NSBoxComboProps extends IBaseComponentProps, IValidationProps, INSBoxBaseComboProps<NSBoxCombo> {
|
|
6
7
|
getOptions: () => NSBoxBaseComboOption[];
|
|
7
8
|
}
|
|
8
|
-
export declare class NSBoxCombo extends React.Component<NSBoxComboProps> {
|
|
9
|
+
export declare class NSBoxCombo extends React.Component<NSBoxComboProps> implements INSBox {
|
|
9
10
|
NSBoxBaseCombo: React.RefObject<NSBoxBaseCombo<NSBoxBaseComboOption>>;
|
|
10
11
|
constructor(props: NSBoxComboProps);
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
12
|
+
isEmpty(value: string): boolean;
|
|
13
|
+
getError(): string | null;
|
|
14
|
+
getValue(checkError?: boolean): string[] | string | null;
|
|
15
|
+
setValue(value: string[] | string | null, callback?: () => void): void;
|
|
16
|
+
getValueOne(checkError?: boolean): string | null;
|
|
17
|
+
setValueOne(value: string | null, callback?: () => void): void;
|
|
18
|
+
getValueAll(): string[];
|
|
19
|
+
setValueAll(values: string[], callback?: () => void): void;
|
|
15
20
|
render(): import("react/jsx-runtime").JSX.Element;
|
|
16
21
|
}
|
|
@@ -15,26 +15,47 @@ export class NSBoxCombo extends React.Component {
|
|
|
15
15
|
constructor(props) {
|
|
16
16
|
super(props);
|
|
17
17
|
this.NSBoxBaseCombo = createRef();
|
|
18
|
-
this.
|
|
19
|
-
this.
|
|
18
|
+
this.isEmpty = this.isEmpty.bind(this);
|
|
19
|
+
this.getError = this.getError.bind(this);
|
|
20
20
|
this.getValue = this.getValue.bind(this);
|
|
21
21
|
this.setValue = this.setValue.bind(this);
|
|
22
|
+
this.getValueOne = this.getValueOne.bind(this);
|
|
23
|
+
this.setValueOne = this.setValueOne.bind(this);
|
|
24
|
+
this.getValueAll = this.getValueAll.bind(this);
|
|
25
|
+
this.setValueAll = this.setValueAll.bind(this);
|
|
22
26
|
}
|
|
23
|
-
|
|
27
|
+
isEmpty(value) {
|
|
28
|
+
if ((value !== null && value !== void 0 ? value : "").trim())
|
|
29
|
+
return false;
|
|
30
|
+
return true;
|
|
31
|
+
}
|
|
32
|
+
getError() {
|
|
24
33
|
var _a, _b;
|
|
25
|
-
return (_b = (_a = this.NSBoxBaseCombo.current) === null || _a === void 0 ? void 0 : _a.
|
|
34
|
+
return (_b = (_a = this.NSBoxBaseCombo.current) === null || _a === void 0 ? void 0 : _a.getError()) !== null && _b !== void 0 ? _b : null;
|
|
26
35
|
}
|
|
27
|
-
|
|
36
|
+
getValue(checkError = true) {
|
|
28
37
|
var _a, _b;
|
|
29
|
-
return (_b = (_a = this.NSBoxBaseCombo.current) === null || _a === void 0 ? void 0 : _a.
|
|
38
|
+
return (_b = (_a = this.NSBoxBaseCombo.current) === null || _a === void 0 ? void 0 : _a.getValue(checkError)) !== null && _b !== void 0 ? _b : null;
|
|
30
39
|
}
|
|
31
40
|
setValue(value, callback) {
|
|
32
41
|
var _a;
|
|
33
42
|
(_a = this.NSBoxBaseCombo.current) === null || _a === void 0 ? void 0 : _a.setValue(value, callback);
|
|
34
43
|
}
|
|
35
|
-
|
|
44
|
+
getValueOne(checkError = true) {
|
|
45
|
+
var _a, _b;
|
|
46
|
+
return (_b = (_a = this.NSBoxBaseCombo.current) === null || _a === void 0 ? void 0 : _a.getValueOne(checkError)) !== null && _b !== void 0 ? _b : null;
|
|
47
|
+
}
|
|
48
|
+
setValueOne(value, callback) {
|
|
49
|
+
var _a;
|
|
50
|
+
(_a = this.NSBoxBaseCombo.current) === null || _a === void 0 ? void 0 : _a.setValueOne(value, callback);
|
|
51
|
+
}
|
|
52
|
+
getValueAll() {
|
|
53
|
+
var _a, _b;
|
|
54
|
+
return (_b = (_a = this.NSBoxBaseCombo.current) === null || _a === void 0 ? void 0 : _a.getValueAll()) !== null && _b !== void 0 ? _b : [];
|
|
55
|
+
}
|
|
56
|
+
setValueAll(values, callback) {
|
|
36
57
|
var _a;
|
|
37
|
-
(_a = this.NSBoxBaseCombo.current) === null || _a === void 0 ? void 0 : _a.
|
|
58
|
+
(_a = this.NSBoxBaseCombo.current) === null || _a === void 0 ? void 0 : _a.setValueAll(values, callback);
|
|
38
59
|
}
|
|
39
60
|
render() {
|
|
40
61
|
return _jsx(NSBoxBaseCombo, Object.assign({ ref: this.NSBoxBaseCombo }, this.props, { onChanged: (_, callback) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSBoxCombo.js","sourceRoot":"","sources":["../../src/components/NSBoxCombo.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;AAEb,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,cAAc,EAA8C,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"NSBoxCombo.js","sourceRoot":"","sources":["../../src/components/NSBoxCombo.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,16 +3,18 @@ import "./NSBoxDate.module.css";
|
|
|
3
3
|
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
4
4
|
import { IValidationProps } from "../props/IValidationProps";
|
|
5
5
|
import { INSBoxBaseLayoutProps, NSBoxBaseLayout } from "./NSBoxBaseLayout";
|
|
6
|
+
import { INSBox } from "./INSBox";
|
|
6
7
|
export interface NSBoxDateProps extends IBaseComponentProps, IValidationProps, INSBoxBaseLayoutProps<string, NSBoxDate> {
|
|
7
8
|
}
|
|
8
9
|
export interface NSBoxDateState {
|
|
9
|
-
value: string;
|
|
10
|
+
value: string | null;
|
|
10
11
|
}
|
|
11
|
-
export declare class NSBoxDate extends React.Component<NSBoxDateProps, NSBoxDateState> {
|
|
12
|
+
export declare class NSBoxDate extends React.Component<NSBoxDateProps, NSBoxDateState> implements INSBox {
|
|
12
13
|
NSBoxBaseLayout_Main: React.RefObject<NSBoxBaseLayout>;
|
|
13
14
|
constructor(props: NSBoxDateProps);
|
|
15
|
+
isEmpty(value: string): boolean;
|
|
14
16
|
getError(): string | null;
|
|
15
|
-
getValue(checkError?: boolean): string;
|
|
16
|
-
setValue(value: string, callback?: () => void): void;
|
|
17
|
+
getValue(checkError?: boolean): string | null;
|
|
18
|
+
setValue(value: string | null, callback?: () => void): void;
|
|
17
19
|
render(): import("react/jsx-runtime").JSX.Element;
|
|
18
20
|
}
|
|
@@ -12,11 +12,17 @@ export class NSBoxDate extends React.Component {
|
|
|
12
12
|
var _a;
|
|
13
13
|
super(props);
|
|
14
14
|
this.NSBoxBaseLayout_Main = createRef();
|
|
15
|
-
this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a :
|
|
15
|
+
this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : null };
|
|
16
|
+
this.isEmpty = this.isEmpty.bind(this);
|
|
16
17
|
this.getError = this.getError.bind(this);
|
|
17
18
|
this.getValue = this.getValue.bind(this);
|
|
18
19
|
this.setValue = this.setValue.bind(this);
|
|
19
20
|
}
|
|
21
|
+
isEmpty(value) {
|
|
22
|
+
if ((value !== null && value !== void 0 ? value : "").trim())
|
|
23
|
+
return false;
|
|
24
|
+
return true;
|
|
25
|
+
}
|
|
20
26
|
getError() {
|
|
21
27
|
return (Validator.getError(this.props.title, this.state.value, this.props) ||
|
|
22
28
|
Validator.getErrorDate(this.props.title, this.state.value));
|
|
@@ -28,7 +34,7 @@ export class NSBoxDate extends React.Component {
|
|
|
28
34
|
this.setState({ value }, () => {
|
|
29
35
|
if (this.props.onChanged)
|
|
30
36
|
this.props.onChanged(this, callback);
|
|
31
|
-
|
|
37
|
+
if (callback)
|
|
32
38
|
callback();
|
|
33
39
|
});
|
|
34
40
|
}
|
|
@@ -47,8 +53,7 @@ export class NSBoxDate extends React.Component {
|
|
|
47
53
|
}
|
|
48
54
|
return "";
|
|
49
55
|
}
|
|
50
|
-
return (_jsx(NSBoxBaseLayout, Object.assign({ ref: this.NSBoxBaseLayout_Main }, this.props, { getValue: () => this.state.value, setValue: this.setValue, menu: menu, children: _jsx("input", { id: this.props.id, name: this.props.name, type: "date", className: StylesNSBox.ns_box_input, placeholder: (_a = this.props.placeholder) !== null && _a !== void 0 ? _a : `Please enter ${NamingConvention.auto.convert(this.props.title, NamingConvention.lower_case_space)}`, value: getFormattedValue(this.state.value, "/", "-"), onChange: e => this.setValue(getFormattedValue(e.target.value, "-", "/")), onClick: () => {
|
|
51
|
-
this.props.onClicked(this); }, style: {
|
|
56
|
+
return (_jsx(NSBoxBaseLayout, Object.assign({ ref: this.NSBoxBaseLayout_Main }, this.props, { getValue: () => { var _a; return (_a = this.state.value) !== null && _a !== void 0 ? _a : ""; }, setValue: this.setValue, menu: menu, children: _jsx("input", { id: this.props.id, name: this.props.name, type: "date", className: StylesNSBox.ns_box_input, placeholder: (_a = this.props.placeholder) !== null && _a !== void 0 ? _a : `Please enter ${NamingConvention.auto.convert(this.props.title, NamingConvention.lower_case_space)}`, value: getFormattedValue(this.state.value, "/", "-"), onChange: e => this.setValue(getFormattedValue(e.target.value, "-", "/")), onClick: () => { var _a, _b; (_b = (_a = this.props).onClicked) === null || _b === void 0 ? void 0 : _b.call(_a, this); }, style: {
|
|
52
57
|
background: `url("https://static.namirasoft.com/image/concept/type/date.png") white no-repeat scroll center right 4px`,
|
|
53
58
|
backgroundSize: "24px",
|
|
54
59
|
paddingRight: "8px"
|