namirasoft-site-react 1.3.372 → 1.3.375
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/Dockerfile +18 -18
- package/config-overrides.js +70 -70
- package/dist/App.js.map +1 -1
- package/dist/assets/images/404 image.svg +9 -9
- package/dist/assets/images/404 image_mobile.svg +9 -9
- package/dist/assets/images/arrow.svg +3 -3
- package/dist/assets/images/danger.svg +3 -3
- package/dist/assets/images/exit.svg +3 -3
- package/dist/assets/images/icon-input-copy.svg +3 -3
- package/dist/assets/images/icon-input-date.svg +9 -9
- package/dist/assets/images/icon-input-duration.svg +9 -9
- package/dist/assets/images/icon-input-email.svg +9 -9
- package/dist/assets/images/icon-input-float.svg +9 -9
- package/dist/assets/images/icon-input-integer.svg +9 -9
- package/dist/assets/images/icon-input-ip.svg +9 -9
- package/dist/assets/images/icon-input-phone.svg +9 -9
- package/dist/assets/images/icon-input-price.svg +9 -9
- package/dist/assets/images/icon-input-search.svg +3 -3
- package/dist/assets/images/icon-input-string.svg +9 -9
- package/dist/assets/images/icon-input-text.svg +9 -9
- package/dist/assets/images/icon-input-time.svg +9 -9
- package/dist/assets/images/icon-select-box.svg +3 -3
- package/dist/assets/images/logo.svg +9 -9
- package/dist/assets/images/menu.svg +3 -3
- package/dist/assets/images/namira.svg +9 -9
- package/dist/assets/images/rectangle.svg +3 -3
- package/dist/components/NSActionMenu.js +2 -2
- package/dist/components/NSActionMenu.module.css +75 -75
- package/dist/components/NSAssistantButton.module.css +133 -133
- package/dist/components/NSBarAction.module.css +87 -87
- package/dist/components/NSBarHeroBanner.module.css +42 -42
- package/dist/components/NSBarNotification.js.map +1 -1
- package/dist/components/NSBarNotification.module.css +34 -34
- package/dist/components/NSBarTitle.module.css +9 -9
- package/dist/components/NSBox.module.css +123 -123
- package/dist/components/NSBoxBoolean.module.css +53 -53
- package/dist/components/NSBoxCombo.js +1 -1
- package/dist/components/NSBoxCombo.js.map +1 -1
- package/dist/components/NSBoxCombo.module.css +17 -17
- package/dist/components/NSBoxDate.module.css +39 -39
- package/dist/components/NSBoxEntity.module.css +25 -25
- package/dist/components/NSBoxErrorNotifier.module.css +2 -2
- package/dist/components/NSBoxIPV4.js +1 -1
- package/dist/components/NSBoxIPV4.js.map +1 -1
- package/dist/components/NSBoxIPV6.js +1 -1
- package/dist/components/NSBoxIPV6.js.map +1 -1
- package/dist/components/NSBoxLabel.module.css +12 -12
- package/dist/components/NSBoxOTP.module.css +10 -10
- package/dist/components/NSBoxTextArea.module.css +76 -76
- package/dist/components/NSButton.module.css +27 -27
- 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.js +1 -1
- package/dist/components/NSCard.js.map +1 -1
- package/dist/components/NSCard.module.css +108 -108
- package/dist/components/NSCopyToClipboard.module.css +39 -39
- package/dist/components/NSDialog.module.css +43 -43
- package/dist/components/NSElectronicCard.module.css +60 -60
- package/dist/components/NSEntityBar.module.css +77 -77
- package/dist/components/NSEntityCardBackground.module.css +27 -27
- package/dist/components/NSFilterBox.module.css +47 -47
- package/dist/components/NSFilterBoxDialog.module.css +36 -36
- package/dist/components/NSFilterItem.module.css +23 -23
- package/dist/components/NSFooter.js +4 -3
- package/dist/components/NSFooter.js.map +1 -1
- package/dist/components/NSFooter.module.css +123 -123
- package/dist/components/NSGroupedList.module.css +72 -72
- package/dist/components/NSHeader.js +3 -2
- package/dist/components/NSHeader.js.map +1 -1
- package/dist/components/NSHeader.module.css +269 -269
- package/dist/components/NSLayout.module.css +13 -13
- package/dist/components/NSLink.module.css +36 -36
- package/dist/components/NSLoading.module.css +29 -29
- package/dist/components/NSNoData.module.css +8 -8
- package/dist/components/NSPageSelectionModal.js +1 -1
- package/dist/components/NSPageSelectionModal.js.map +1 -1
- package/dist/components/NSPageSelectionModal.module.css +102 -102
- package/dist/components/NSPagination.js.map +1 -1
- package/dist/components/NSPagination.module.css +101 -101
- package/dist/components/NSPanel.module.css +46 -46
- package/dist/components/NSProductList.d.ts +35 -1
- package/dist/components/NSProductList.js +6 -5
- package/dist/components/NSProductList.js.map +1 -1
- package/dist/components/NSRadioButton.module.css +64 -61
- package/dist/components/NSSection.module.css +10 -10
- package/dist/components/NSSectionBars.module.css +10 -10
- package/dist/components/NSSectionCards.module.css +38 -38
- package/dist/components/NSTabPage.module.css +57 -57
- package/dist/components/NSTable.js +7 -7
- package/dist/components/NSTable.js.map +1 -1
- package/dist/components/NSTable.module.css +253 -253
- package/dist/components/NSTag.module.css +44 -44
- package/dist/components/NSTitle.module.css +15 -15
- package/dist/components/NSVerification.module.css +22 -22
- package/dist/formatter/TimeFormatter.d.ts +0 -1
- package/dist/formatter/TimeFormatter.js +0 -3
- package/dist/formatter/TimeFormatter.js.map +1 -1
- 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 +18 -18
- package/package.json +69 -68
- package/public/index.html +38 -38
- package/src/App.css +16 -16
- package/src/App.tsx +127 -126
- package/src/CopyToClipboard.ts +6 -6
- package/src/Validator.ts +110 -110
- package/src/assets/images/404 image.svg +9 -9
- package/src/assets/images/404 image_mobile.svg +9 -9
- package/src/assets/images/arrow.svg +3 -3
- package/src/assets/images/danger.svg +3 -3
- package/src/assets/images/exit.svg +3 -3
- package/src/assets/images/icon-input-copy.svg +3 -3
- package/src/assets/images/icon-input-date.svg +9 -9
- package/src/assets/images/icon-input-duration.svg +9 -9
- package/src/assets/images/icon-input-email.svg +9 -9
- package/src/assets/images/icon-input-float.svg +9 -9
- package/src/assets/images/icon-input-integer.svg +9 -9
- package/src/assets/images/icon-input-ip.svg +9 -9
- package/src/assets/images/icon-input-phone.svg +9 -9
- package/src/assets/images/icon-input-price.svg +9 -9
- package/src/assets/images/icon-input-search.svg +3 -3
- package/src/assets/images/icon-input-string.svg +9 -9
- package/src/assets/images/icon-input-text.svg +9 -9
- package/src/assets/images/icon-input-time.svg +9 -9
- package/src/assets/images/icon-select-box.svg +3 -3
- package/src/assets/images/logo.svg +9 -9
- package/src/assets/images/menu.svg +3 -3
- package/src/assets/images/namira.svg +9 -9
- package/src/assets/images/rectangle.svg +3 -3
- package/src/components/NSActionMenu.module.css +75 -75
- package/src/components/NSActionMenu.tsx +89 -89
- package/src/components/NSAssistantButton.module.css +133 -133
- package/src/components/NSAssistantButton.tsx +74 -74
- package/src/components/NSBarAction.module.css +87 -87
- package/src/components/NSBarAction.tsx +90 -90
- package/src/components/NSBarHeroBanner.module.css +42 -42
- package/src/components/NSBarHeroBanner.tsx +61 -61
- package/src/components/NSBarNotification.module.css +34 -34
- package/src/components/NSBarNotification.tsx +85 -85
- package/src/components/NSBarTitle.module.css +9 -9
- package/src/components/NSBarTitle.tsx +28 -28
- package/src/components/NSBox.module.css +123 -123
- package/src/components/NSBoxBoolean.module.css +53 -53
- package/src/components/NSBoxBoolean.tsx +105 -105
- package/src/components/NSBoxCombo.module.css +17 -17
- package/src/components/NSBoxCombo.tsx +132 -132
- package/src/components/NSBoxDate.module.css +39 -39
- package/src/components/NSBoxDate.tsx +83 -83
- package/src/components/NSBoxDateTime.tsx +83 -83
- package/src/components/NSBoxDouble.tsx +88 -88
- package/src/components/NSBoxDuration.tsx +88 -88
- package/src/components/NSBoxEmail.tsx +104 -104
- package/src/components/NSBoxEntity.module.css +25 -25
- package/src/components/NSBoxEntity.tsx +178 -178
- package/src/components/NSBoxEnum.tsx +56 -56
- package/src/components/NSBoxErrorNotifier.module.css +2 -2
- package/src/components/NSBoxErrorNotifier.tsx +33 -33
- package/src/components/NSBoxIPV4.tsx +93 -93
- package/src/components/NSBoxIPV6.tsx +90 -90
- package/src/components/NSBoxInteger.tsx +86 -86
- package/src/components/NSBoxLabel.module.css +12 -12
- package/src/components/NSBoxLabel.tsx +29 -29
- package/src/components/NSBoxOTP.module.css +10 -10
- package/src/components/NSBoxOTP.tsx +65 -65
- package/src/components/NSBoxPassword.tsx +86 -86
- package/src/components/NSBoxPhone.tsx +88 -88
- package/src/components/NSBoxPrice.tsx +88 -88
- package/src/components/NSBoxSearch.tsx +103 -103
- package/src/components/NSBoxString.tsx +103 -103
- package/src/components/NSBoxTextArea.module.css +76 -76
- package/src/components/NSBoxTextArea.tsx +106 -106
- package/src/components/NSBoxTime.tsx +88 -88
- package/src/components/NSButton.module.css +27 -27
- package/src/components/NSButton.tsx +23 -23
- package/src/components/NSButtonBlue.module.css +4 -4
- package/src/components/NSButtonBlue.tsx +12 -12
- package/src/components/NSButtonGreen.module.css +4 -4
- package/src/components/NSButtonGreen.tsx +11 -11
- package/src/components/NSButtonRed.module.css +4 -4
- package/src/components/NSButtonRed.tsx +11 -11
- package/src/components/NSCard.module.css +108 -108
- package/src/components/NSCard.tsx +71 -70
- package/src/components/NSCopyToClipboard.module.css +39 -39
- package/src/components/NSCopyToClipboard.tsx +35 -35
- package/src/components/NSDeleteDialog.tsx +25 -25
- package/src/components/NSDialog.module.css +43 -43
- package/src/components/NSDialog.tsx +42 -42
- package/src/components/NSElectronicCard.module.css +60 -60
- package/src/components/NSElectronicCard.tsx +47 -47
- package/src/components/NSEntityBar.module.css +77 -77
- package/src/components/NSEntityBar.tsx +27 -27
- package/src/components/NSEntityCardBackground.module.css +27 -27
- package/src/components/NSEntityCardBackground.tsx +34 -34
- package/src/components/NSFilterBox.module.css +47 -47
- package/src/components/NSFilterBox.tsx +373 -373
- package/src/components/NSFilterBoxDialog.module.css +36 -36
- package/src/components/NSFilterBoxDialog.tsx +74 -74
- package/src/components/NSFilterItem.module.css +23 -23
- package/src/components/NSFilterItem.tsx +72 -72
- package/src/components/NSFooter.module.css +123 -123
- package/src/components/NSFooter.tsx +195 -194
- package/src/components/NSGroupedList.module.css +72 -72
- package/src/components/NSGroupedList.tsx +107 -107
- package/src/components/NSHeader.module.css +269 -269
- package/src/components/NSHeader.tsx +235 -234
- package/src/components/NSInfoDialog.tsx +35 -35
- package/src/components/NSLayout.module.css +13 -13
- package/src/components/NSLayout.tsx +82 -82
- package/src/components/NSLine.tsx +18 -18
- package/src/components/NSLink.module.css +36 -36
- package/src/components/NSLink.tsx +25 -25
- package/src/components/NSLinkBlue.tsx +20 -20
- package/src/components/NSLinkGreen.tsx +5 -5
- package/src/components/NSLinkRed.tsx +5 -5
- package/src/components/NSLoading.module.css +29 -29
- package/src/components/NSLoading.tsx +19 -19
- package/src/components/NSNoData.module.css +8 -8
- package/src/components/NSNoData.tsx +24 -24
- package/src/components/NSPageSelectionModal.module.css +102 -102
- package/src/components/NSPageSelectionModal.tsx +229 -229
- package/src/components/NSPagination.module.css +101 -101
- package/src/components/NSPagination.tsx +189 -190
- package/src/components/NSPanel.module.css +46 -46
- package/src/components/NSPanel.tsx +19 -19
- package/src/components/NSProductList.tsx +77 -36
- package/src/components/NSRadioButton.module.css +64 -61
- package/src/components/NSRadioButton.tsx +101 -101
- package/src/components/NSSection.module.css +10 -10
- package/src/components/NSSection.tsx +23 -23
- package/src/components/NSSectionBars.module.css +10 -10
- package/src/components/NSSectionBars.tsx +25 -25
- package/src/components/NSSectionCards.module.css +38 -38
- package/src/components/NSSectionCards.tsx +51 -51
- package/src/components/NSSectionTitle.tsx +21 -21
- package/src/components/NSSpace.tsx +28 -28
- package/src/components/NSTabPage.module.css +57 -57
- package/src/components/NSTabPage.tsx +53 -53
- package/src/components/NSTable.module.css +253 -253
- package/src/components/NSTable.tsx +411 -411
- package/src/components/NSTag.module.css +44 -44
- package/src/components/NSTag.tsx +49 -49
- package/src/components/NSTitle.module.css +15 -15
- package/src/components/NSTitle.tsx +19 -19
- package/src/components/NSVerification.module.css +22 -22
- package/src/components/NSVerification.tsx +41 -41
- package/src/formatter/BackColorFormatter.tsx +20 -20
- package/src/formatter/BaseColumnFormatter.ts +14 -14
- package/src/formatter/BooleanFormatter.ts +20 -20
- package/src/formatter/DateFormatter.ts +16 -16
- package/src/formatter/DateTimeFormatter.ts +20 -20
- package/src/formatter/DurationFormatter.ts +8 -8
- package/src/formatter/EmailFormatter.ts +8 -8
- package/src/formatter/EnumFormatter.ts +8 -8
- package/src/formatter/FloatFormatter.ts +8 -8
- package/src/formatter/ForeColorFormatter.tsx +20 -20
- package/src/formatter/ForeignIDFormatter.ts +8 -8
- package/src/formatter/IDFormatter.ts +8 -8
- package/src/formatter/IPFormatter.ts +8 -8
- package/src/formatter/IntegerFormatter.ts +8 -8
- package/src/formatter/JsonFormatter.ts +8 -8
- package/src/formatter/MoneyFormatter.ts +8 -8
- package/src/formatter/PhoneFormatter.ts +8 -8
- package/src/formatter/StringFormatter.ts +8 -8
- package/src/formatter/TimeFormatter.ts +16 -20
- package/src/formatter/UnknowFormatter.ts +8 -8
- package/src/index.tsx +7 -7
- package/src/main.ts +102 -101
- package/src/pages/NSNotFoundPage.module.css +18 -18
- package/src/pages/NSNotFoundPage.tsx +11 -11
- package/src/props/IBaseComponentProps.ts +8 -8
- package/src/props/IHeaderIconProps.ts +10 -10
- package/src/props/IHeaderProps.ts +6 -6
- package/src/props/IImageProps.ts +4 -4
- package/src/props/ILinkProps.ts +5 -5
- package/src/props/IValidationNumberProps.ts +4 -4
- package/src/props/IValidationProps.ts +7 -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 -17
- package/dist/assets/images/1.png +0 -0
- package/dist/assets/images/2.png +0 -0
- package/dist/assets/images/3.png +0 -0
- package/dist/assets/images/4.png +0 -0
- package/dist/assets/images/5.jpg +0 -0
- package/dist/assets/images/icon-export.svg +0 -3
- package/dist/assets/images/icon-input-id.svg +0 -9
- package/dist/assets/images/icon-refresh.svg +0 -3
- package/dist/components/NSAccess.d.ts +0 -2
- package/dist/components/NSAccess.js +0 -8
- package/dist/components/NSAccess.js.map +0 -1
- package/dist/components/NSAccess.module.css +0 -39
- package/dist/components/NSBoxText.d.ts +0 -25
- package/dist/components/NSBoxText.js +0 -56
- package/dist/components/NSBoxText.js.map +0 -1
- package/dist/components/NSInput.module.css +0 -74
- package/dist/components/NSInputDate.d.ts +0 -21
- package/dist/components/NSInputDate.js +0 -41
- package/dist/components/NSInputDate.js.map +0 -1
- package/dist/components/NSInputDate.module.css +0 -42
- package/dist/components/NSInputDuration.d.ts +0 -23
- package/dist/components/NSInputDuration.js +0 -42
- package/dist/components/NSInputDuration.js.map +0 -1
- package/dist/components/NSInputEmail.d.ts +0 -22
- package/dist/components/NSInputEmail.js +0 -43
- package/dist/components/NSInputEmail.js.map +0 -1
- package/dist/components/NSInputErrorNotifier.d.ts +0 -5
- package/dist/components/NSInputErrorNotifier.js +0 -7
- package/dist/components/NSInputErrorNotifier.js.map +0 -1
- package/dist/components/NSInputErrorNotifier.module.css +0 -3
- package/dist/components/NSInputFloat.d.ts +0 -22
- package/dist/components/NSInputFloat.js +0 -41
- package/dist/components/NSInputFloat.js.map +0 -1
- package/dist/components/NSInputIP.d.ts +0 -22
- package/dist/components/NSInputIP.js +0 -43
- package/dist/components/NSInputIP.js.map +0 -1
- package/dist/components/NSInputInteger.d.ts +0 -22
- package/dist/components/NSInputInteger.js +0 -41
- package/dist/components/NSInputInteger.js.map +0 -1
- package/dist/components/NSInputPassword.d.ts +0 -22
- package/dist/components/NSInputPassword.js +0 -42
- package/dist/components/NSInputPassword.js.map +0 -1
- package/dist/components/NSInputPhone.d.ts +0 -22
- package/dist/components/NSInputPhone.js +0 -38
- package/dist/components/NSInputPhone.js.map +0 -1
- package/dist/components/NSInputPrice.d.ts +0 -22
- package/dist/components/NSInputPrice.js +0 -41
- package/dist/components/NSInputPrice.js.map +0 -1
- package/dist/components/NSInputSearch.d.ts +0 -22
- package/dist/components/NSInputSearch.js +0 -41
- package/dist/components/NSInputSearch.js.map +0 -1
- package/dist/components/NSInputString.d.ts +0 -22
- package/dist/components/NSInputString.js +0 -42
- package/dist/components/NSInputString.js.map +0 -1
- package/dist/components/NSInputText.d.ts +0 -22
- package/dist/components/NSInputText.js +0 -42
- package/dist/components/NSInputText.js.map +0 -1
- package/dist/components/NSInputTime.d.ts +0 -22
- package/dist/components/NSInputTime.js +0 -43
- package/dist/components/NSInputTime.js.map +0 -1
- package/dist/components/NSLayoutAction.d.ts +0 -5
- package/dist/components/NSLayoutAction.js +0 -20
- package/dist/components/NSLayoutAction.js.map +0 -1
- package/dist/components/NSLayoutAction.module.css +0 -88
- package/dist/components/NSLayoutHeroBanner.d.ts +0 -2
- package/dist/components/NSLayoutHeroBanner.js +0 -8
- package/dist/components/NSLayoutHeroBanner.js.map +0 -1
- package/dist/components/NSLayoutHeroBanner.module.css +0 -43
- package/dist/components/NSLayoutTitle.d.ts +0 -2
- package/dist/components/NSLayoutTitle.js +0 -11
- package/dist/components/NSLayoutTitle.js.map +0 -1
- package/dist/components/NSLayoutTitle.module.css +0 -10
- package/dist/components/NSModal.d.ts +0 -11
- package/dist/components/NSModal.js +0 -13
- package/dist/components/NSModal.js.map +0 -1
- package/dist/components/NSModal.module.css +0 -71
- package/dist/components/NSNotification.d.ts +0 -21
- package/dist/components/NSNotification.js +0 -37
- package/dist/components/NSNotification.js.map +0 -1
- package/dist/components/NSNotification.module.css +0 -32
- package/dist/components/NSPrintModal.d.ts +0 -15
- package/dist/components/NSPrintModal.js +0 -35
- package/dist/components/NSPrintModal.js.map +0 -1
- package/dist/components/NSPrintModal.module.css +0 -82
- package/dist/components/NSSelectBox.d.ts +0 -24
- package/dist/components/NSSelectBox.js +0 -61
- package/dist/components/NSSelectBox.js.map +0 -1
- package/dist/components/NSSelectBox.module.css +0 -42
- package/dist/formatter/AnyFormatter.d.ts +0 -5
- package/dist/formatter/AnyFormatter.js +0 -10
- package/dist/formatter/AnyFormatter.js.map +0 -1
- package/dist/formatter/PresentFormatter.d.ts +0 -7
- package/dist/formatter/PresentFormatter.js +0 -17
- package/dist/formatter/PresentFormatter.js.map +0 -1
- package/dist/index.css +0 -6
- package/dist/pages/NSLoginPage.d.ts +0 -6
- package/dist/pages/NSLoginPage.js +0 -8
- package/dist/pages/NSLoginPage.js.map +0 -1
- package/dist/pages/NSLoginPage.module.css +0 -20
- package/dist/props/BaseComponentProps.d.ts +0 -6
- package/dist/props/BaseComponentProps.js +0 -2
- package/dist/props/BaseComponentProps.js.map +0 -10
- package/dist/props/INamirasoftProps.d.ts +0 -4
- package/dist/props/INamirasoftProps.js +0 -2
- package/dist/props/INamirasoftProps.js.map +0 -1
- package/dist/props/ImageProps.d.ts +0 -4
- package/dist/props/ImageProps.js +0 -2
- package/dist/props/ImageProps.js.map +0 -10
- package/dist/props/LinkProps.d.ts +0 -5
- package/dist/props/LinkProps.js +0 -2
- package/dist/props/LinkProps.js.map +0 -10
- package/dist/props/ValidationNumberProps.d.ts +0 -4
- package/dist/props/ValidationNumberProps.js +0 -2
- package/dist/props/ValidationNumberProps.js.map +0 -10
- package/dist/props/ValidationProps.d.ts +0 -6
- package/dist/props/ValidationProps.js +0 -2
- package/dist/props/ValidationProps.js.map +0 -10
- package/dist/props/ValidationRegexProps.d.ts +0 -4
- package/dist/props/ValidationRegexProps.js +0 -2
- package/dist/props/ValidationRegexProps.js.map +0 -1
- package/dist/props/ValidationStringProps.d.ts +0 -4
- package/dist/props/ValidationStringProps.js +0 -2
- package/dist/props/ValidationStringProps.js.map +0 -10
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
|
-
import React from "react";
|
|
4
|
-
import Styles from "./NSBox.module.css";
|
|
5
|
-
import IconInputText from '../assets/images/icon-input-text.svg';
|
|
6
|
-
import IconFullScreen from '../assets/images/icon-fullscreen.png';
|
|
7
|
-
import IconCopy from '../assets/images/icon-copy.png';
|
|
8
|
-
import { Validator } from "../Validator";
|
|
9
|
-
import { NSBoxErrorNotifier } from "./NSBoxErrorNotifier";
|
|
10
|
-
import CopyToClipboard from '../CopyToClipboard';
|
|
11
|
-
export class NSBoxText extends React.Component {
|
|
12
|
-
constructor(props) {
|
|
13
|
-
var _a;
|
|
14
|
-
super(props);
|
|
15
|
-
this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : "", isFullScreen: false };
|
|
16
|
-
this.getValue = this.getValue.bind(this);
|
|
17
|
-
this.setValue = this.setValue.bind(this);
|
|
18
|
-
this.onChanged = this.onChanged.bind(this);
|
|
19
|
-
this.toggleFullScreen = this.toggleFullScreen.bind(this);
|
|
20
|
-
}
|
|
21
|
-
getError() {
|
|
22
|
-
return (Validator.getError(this.props.title, this.state.value, this.props) ||
|
|
23
|
-
Validator.getErrorString(this.props.title, this.state.value, this.props));
|
|
24
|
-
}
|
|
25
|
-
getValue() {
|
|
26
|
-
let error = this.getError();
|
|
27
|
-
if (error) {
|
|
28
|
-
this.setState({ error });
|
|
29
|
-
setTimeout(() => {
|
|
30
|
-
this.setState({ error: "" });
|
|
31
|
-
}, 7000);
|
|
32
|
-
return '';
|
|
33
|
-
}
|
|
34
|
-
return this.state.value;
|
|
35
|
-
}
|
|
36
|
-
setValue(value) {
|
|
37
|
-
this.setState({ value });
|
|
38
|
-
}
|
|
39
|
-
onChanged(e) {
|
|
40
|
-
this.setValue(e.target.value);
|
|
41
|
-
if (this.props.onChanged) {
|
|
42
|
-
this.props.onChanged(e);
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
toggleFullScreen() {
|
|
46
|
-
this.setState(prevState => ({ isFullScreen: !prevState.isFullScreen }), () => {
|
|
47
|
-
console.log("isFullScreen state updated:", this.state.isFullScreen);
|
|
48
|
-
});
|
|
49
|
-
}
|
|
50
|
-
render() {
|
|
51
|
-
var _a;
|
|
52
|
-
return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `${Styles.ns_input_parent} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")} ${this.state.isFullScreen ? Styles.ns_full_screen : ""}`, style: this.props.style, children: [_jsxs("div", { className: "d-flex justify-content-between align-items-center", children: [_jsxs("span", { className: Styles.ns_input_title, children: [this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title] }), _jsxs("div", { className: "d-flex gap-1", children: [_jsx("button", { className: Styles.ns_btn_box, onClick: () => CopyToClipboard.copyToClipboard(this.getValue()), children: _jsx("img", { src: IconCopy, alt: "Copy", width: 14, height: 14 }) }), _jsx("button", { className: Styles.ns_btn_box, onClick: this.toggleFullScreen, children: _jsx("img", { src: IconFullScreen, alt: "FullScreen", width: 14, height: 14 }) })] })] }), _jsx("input", { id: this.props.id, value: this.state.value, onChange: this.onChanged, type: "text", className: Styles.ns_input, placeholder: this.props.placeholder, style: { background: `url(${IconInputText}) white no-repeat scroll center right 16px` } })] }), _jsx(NSBoxErrorNotifier, { error: this.state.error })] }));
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
export default NSBoxText;
|
|
56
|
-
//# sourceMappingURL=NSBoxText.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NSBoxText.js","sourceRoot":"","sources":["../../src/components/NSBoxText.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,oBAAoB,CAAC;AACxC,OAAO,aAAa,MAAM,sCAAsC,CAAC;AACjE,OAAO,cAAc,MAAM,sCAAsC,CAAC;AAClE,OAAO,QAAQ,MAAM,gCAAgC,CAAC;AAItD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,eAAe,MAAM,oBAAoB,CAAC;AAiBjD,MAAM,OAAO,SAAU,SAAQ,KAAK,CAAC,SAA2C;IAE/E,YAAY,KAAsB;;QAEjC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,MAAA,KAAK,CAAC,YAAY,mCAAI,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC;QACtE,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC3C,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC1D,CAAC;IAED,QAAQ;QAEP,OAAO,CACN,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC;YAClE,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CACxE,CAAC;IACH,CAAC;IAED,QAAQ;QAEP,IAAI,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC5B,IAAI,KAAK,EACT;YACC,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;YACzB,UAAU,CAAC,GAAG,EAAE;gBAEf,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;YAC9B,CAAC,EAAE,IAAI,CAAC,CAAC;YAET,OAAO,EAAE,CAAC;SACV;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IACzB,CAAC;IAED,QAAQ,CAAC,KAAa;QAErB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC1B,CAAC;IAEO,SAAS,CAAC,CAAsC;QAEvD,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC9B,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EACxB;YACC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;SACxB;IACF,CAAC;IAEO,gBAAgB;QAEvB,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,SAAS,CAAC,YAAY,EAAE,CAAC,EAAE,GAAG,EAAE;YAE5E,OAAO,CAAC,GAAG,CAAC,6BAA6B,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;QACrE,CAAC,CAAC,CAAC;IACJ,CAAC;IAEQ,MAAM;;QAEd,OAAO,CACN,8BACC,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,IAAI,MAAA,IAAI,CAAC,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,aAC9J,eAAK,SAAS,EAAC,mDAAmD,aACjE,gBAAM,SAAS,EAAE,MAAM,CAAC,cAAc,aACpC,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,eAAM,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,kBAAU,OAAG,IAAI,CAAC,KAAK,CAAC,KAAK,IAC5E,EACP,eAAK,SAAS,EAAC,cAAc,aAC5B,iBAAQ,SAAS,EAAE,MAAM,CAAC,UAAU,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,eAAe,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,YACpG,cACC,GAAG,EAAE,QAAQ,EACb,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACT,GACM,EACT,iBAAQ,SAAS,EAAE,MAAM,CAAC,UAAU,EAAE,OAAO,EAAE,IAAI,CAAC,gBAAgB,YACnE,cACC,GAAG,EAAE,cAAc,EACnB,GAAG,EAAC,YAAY,EAChB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACT,GACM,IACJ,IACD,EACN,gBACC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EACjB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,SAAS,EACxB,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,EACnC,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,aAAa,4CAA4C,EAAE,GACtF,IACG,EACN,KAAC,kBAAkB,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,GAAI,IAC7C,CACH,CAAC;IACH,CAAC;CACD;AAED,eAAe,SAAS,CAAC"}
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
.ns_input_parent {
|
|
2
|
-
display: flex;
|
|
3
|
-
flex-direction: column;
|
|
4
|
-
width: fit-content;
|
|
5
|
-
color: #141B5C;
|
|
6
|
-
position: relative;
|
|
7
|
-
justify-content: center;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
.ns_input_parent img {
|
|
11
|
-
position: absolute;
|
|
12
|
-
right: 5%;
|
|
13
|
-
top: 50%;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
.ns_input_container {
|
|
17
|
-
display: flex;
|
|
18
|
-
align-items: center;
|
|
19
|
-
position: relative;
|
|
20
|
-
width: 100%;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
.ns_input_icon_container {
|
|
24
|
-
margin: 0 !important;
|
|
25
|
-
position: absolute;
|
|
26
|
-
left: 12px;
|
|
27
|
-
right: 5%;
|
|
28
|
-
top: 25%;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
.ns_input {
|
|
32
|
-
border-radius: 8px;
|
|
33
|
-
padding: 10px 12px 10px 12px;
|
|
34
|
-
font-size: 16px;
|
|
35
|
-
font-weight: 400;
|
|
36
|
-
border: 1px solid rgba(0, 0, 0, 1) !important;
|
|
37
|
-
height: 48px;
|
|
38
|
-
width: 100%;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
.ns_input li {
|
|
42
|
-
color: #000 !important
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
.ns_input_title {
|
|
46
|
-
font-size: 16px;
|
|
47
|
-
font-weight: 400;
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
@media only screen and (min-width: 380px) {
|
|
51
|
-
.ns_input {
|
|
52
|
-
max-width: 272px;
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
.ns_input_parent img {
|
|
57
|
-
position: absolute;
|
|
58
|
-
right: 5%;
|
|
59
|
-
top: 50%;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
/*Start Input Tell*/
|
|
63
|
-
.ns_input_parent input {
|
|
64
|
-
width: 100% !important;
|
|
65
|
-
height: 48px !important;
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
@media only screen and (min-width: 380px) {
|
|
69
|
-
.ns_input_parent input {
|
|
70
|
-
width: 206px !important;
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
/*End Input Tell*/
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
3
|
-
import { IValidationProps } from "../props/IValidationProps";
|
|
4
|
-
export interface INSInputDateProps extends IBaseComponentProps, IValidationProps {
|
|
5
|
-
title: string;
|
|
6
|
-
defaultValue?: string;
|
|
7
|
-
onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
8
|
-
placeholder?: string;
|
|
9
|
-
}
|
|
10
|
-
export interface NSInputDateState {
|
|
11
|
-
value: string;
|
|
12
|
-
error?: string;
|
|
13
|
-
}
|
|
14
|
-
export declare class NSInputDate extends React.Component<INSInputDateProps, NSInputDateState> {
|
|
15
|
-
constructor(props: INSInputDateProps);
|
|
16
|
-
getError(): string | null;
|
|
17
|
-
getValue(): string;
|
|
18
|
-
setValue(value: string): void;
|
|
19
|
-
private onChanged;
|
|
20
|
-
render(): import("react/jsx-runtime").JSX.Element;
|
|
21
|
-
}
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
|
-
import React from "react";
|
|
4
|
-
import Styles from "./NSInputDate.module.css";
|
|
5
|
-
import { NSInputErrorNotifier } from "./NSInputErrorNotifier";
|
|
6
|
-
import { Validator } from "../Validator";
|
|
7
|
-
export class NSInputDate extends React.Component {
|
|
8
|
-
constructor(props) {
|
|
9
|
-
var _a;
|
|
10
|
-
super(props);
|
|
11
|
-
this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : "" };
|
|
12
|
-
this.setValue = this.setValue.bind(this);
|
|
13
|
-
this.getValue = this.getValue.bind(this);
|
|
14
|
-
this.onChanged = this.onChanged.bind(this);
|
|
15
|
-
}
|
|
16
|
-
getError() {
|
|
17
|
-
return (Validator.getError(this.props.title, this.state.value, this.props) &&
|
|
18
|
-
Validator.getErrorDate(this.props.title, this.state.value));
|
|
19
|
-
}
|
|
20
|
-
getValue() {
|
|
21
|
-
let error = this.getError();
|
|
22
|
-
if (error) {
|
|
23
|
-
this.setState({ error });
|
|
24
|
-
throw new Error(error);
|
|
25
|
-
}
|
|
26
|
-
return this.state.value;
|
|
27
|
-
}
|
|
28
|
-
setValue(value) {
|
|
29
|
-
this.setState({ value });
|
|
30
|
-
}
|
|
31
|
-
onChanged(e) {
|
|
32
|
-
this.setValue(e.target.value);
|
|
33
|
-
if (this.props.onChanged)
|
|
34
|
-
this.props.onChanged(e);
|
|
35
|
-
}
|
|
36
|
-
render() {
|
|
37
|
-
var _a;
|
|
38
|
-
return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `${Styles.ns_input_parent} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: this.props.style, children: [_jsxs("span", { className: Styles.ns_input_title, children: [" ", this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title, " "] }), _jsx("input", { id: this.props.id, value: this.state.value, onChange: this.onChanged, type: "date", className: Styles.ns_input, placeholder: this.props.placeholder, onClick: () => { } })] }), _jsx(NSInputErrorNotifier, { error: this.state.error })] }));
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
//# sourceMappingURL=NSInputDate.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NSInputDate.js","sourceRoot":"","sources":["../../src/components/NSInputDate.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAE9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAgBzC,MAAM,OAAO,WAAY,SAAQ,KAAK,CAAC,SAA8C;IAEjF,YAAY,KAAwB;;QAEhC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,MAAA,KAAK,CAAC,YAAY,mCAAI,EAAE,EAAE,CAAC;QACjD,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC/C,CAAC;IACD,QAAQ;QAEJ,OAAO,CACH,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC;YAClE,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAC7D,CAAC;IACN,CAAC;IACD,QAAQ;QAEJ,IAAI,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC5B,IAAI,KAAK,EACT;YACI,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;YACzB,MAAM,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC;SAC1B;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC5B,CAAC;IACD,QAAQ,CAAC,KAAa;QAElB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACO,SAAS,CAAC,CAAsC;QAEpD,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC9B,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS;YACpB,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IAChC,CAAC;IACQ,MAAM;;QAEX,OAAO,CACH,8BACI,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,IAAI,MAAA,IAAI,CAAC,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,aACnG,gBAAM,SAAS,EAAE,MAAM,CAAC,cAAc,kBAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,eAAM,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,kBAAW,OAAG,IAAI,CAAC,KAAK,CAAC,KAAK,SAAS,EACrI,gBACI,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EACjB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,SAAS,EACxB,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,EACnC,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC,GACpB,IACA,EACN,KAAC,oBAAoB,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,GAAI,IAClD,CACN,CAAC;IACN,CAAC;CACJ"}
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
.ns_input_parent {
|
|
2
|
-
display: flex;
|
|
3
|
-
flex-direction: column;
|
|
4
|
-
width: 206px;
|
|
5
|
-
color: #141B5C;
|
|
6
|
-
position: relative;
|
|
7
|
-
max-width: 100%;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
.ns_input {
|
|
11
|
-
border-radius: 8px;
|
|
12
|
-
padding: 10px 12px;
|
|
13
|
-
font-size: 16px;
|
|
14
|
-
font-weight: 400;
|
|
15
|
-
border: 1px solid rgba(0, 0, 0, 1);
|
|
16
|
-
position: relative;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.ns_input_icon {
|
|
20
|
-
position: absolute;
|
|
21
|
-
right: 20px;
|
|
22
|
-
top: 51%;
|
|
23
|
-
z-index: 1;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
.ns_input_title {
|
|
27
|
-
font-size: 16px;
|
|
28
|
-
font-weight: 400;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
.ns_input::-webkit-calendar-picker-indicator {
|
|
32
|
-
display: block;
|
|
33
|
-
background: url(../assets/images/icon-input-date.svg) no-repeat;
|
|
34
|
-
background-position: 90% 35%;
|
|
35
|
-
width: 100%;
|
|
36
|
-
height: 100%;
|
|
37
|
-
position: absolute;
|
|
38
|
-
top: 3px;
|
|
39
|
-
left: 4px;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
3
|
-
import { IValidationProps } from "../props/IValidationProps";
|
|
4
|
-
import { IValidationNumberProps } from "../props/IValidationNumberProps";
|
|
5
|
-
import { IValidationStringProps } from "../props/IValidationStringProps";
|
|
6
|
-
export interface INSInputDurationProps extends IBaseComponentProps, IValidationProps, IValidationStringProps, IValidationNumberProps {
|
|
7
|
-
title: string;
|
|
8
|
-
defaultValue?: string;
|
|
9
|
-
onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
10
|
-
placeholder?: string;
|
|
11
|
-
}
|
|
12
|
-
export interface NSInputDurationState {
|
|
13
|
-
value: string;
|
|
14
|
-
error?: string;
|
|
15
|
-
}
|
|
16
|
-
export declare class NSInputDuration extends React.Component<INSInputDurationProps, NSInputDurationState> {
|
|
17
|
-
constructor(props: INSInputDurationProps);
|
|
18
|
-
getError(): string | null;
|
|
19
|
-
getValue(): string;
|
|
20
|
-
setValue(value: string): void;
|
|
21
|
-
private onChanged;
|
|
22
|
-
render(): import("react/jsx-runtime").JSX.Element;
|
|
23
|
-
}
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
|
-
import React from "react";
|
|
4
|
-
import Styles from "./NSInput.module.css";
|
|
5
|
-
import IconInputDuration from '../assets/images/icon-input-duration.svg';
|
|
6
|
-
import { Validator } from "../Validator";
|
|
7
|
-
import { NSInputErrorNotifier } from "./NSInputErrorNotifier";
|
|
8
|
-
export class NSInputDuration extends React.Component {
|
|
9
|
-
constructor(props) {
|
|
10
|
-
var _a;
|
|
11
|
-
super(props);
|
|
12
|
-
this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : "" };
|
|
13
|
-
this.getValue = this.getValue.bind(this);
|
|
14
|
-
this.setValue = this.setValue.bind(this);
|
|
15
|
-
this.onChanged = this.onChanged.bind(this);
|
|
16
|
-
}
|
|
17
|
-
getError() {
|
|
18
|
-
return (Validator.getError(this.props.title, this.state.value, this.props) &&
|
|
19
|
-
Validator.getErrorDuration(this.props.title, this.state.value));
|
|
20
|
-
}
|
|
21
|
-
getValue() {
|
|
22
|
-
let error = this.getError();
|
|
23
|
-
if (error) {
|
|
24
|
-
this.setState({ error });
|
|
25
|
-
throw new Error(error);
|
|
26
|
-
}
|
|
27
|
-
return this.state.value;
|
|
28
|
-
}
|
|
29
|
-
setValue(value) {
|
|
30
|
-
this.setState({ value });
|
|
31
|
-
}
|
|
32
|
-
onChanged(e) {
|
|
33
|
-
this.setValue(e.target.value);
|
|
34
|
-
if (this.props.onChanged)
|
|
35
|
-
this.props.onChanged(e);
|
|
36
|
-
}
|
|
37
|
-
render() {
|
|
38
|
-
var _a;
|
|
39
|
-
return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `${Styles.ns_input_parent} p-2 ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: this.props.style, children: [_jsxs("span", { className: Styles.ns_input_title, children: [" ", this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title, " "] }), _jsx("img", { className: Styles.ns_input_icon, src: IconInputDuration, alt: "Duration Icon", width: 24, height: 24 }), _jsx("input", { id: this.props.id, value: this.state.value, onChange: this.onChanged, type: "time", className: Styles.ns_input, placeholder: this.props.placeholder, step: "2" })] }), _jsx(NSInputErrorNotifier, { error: this.state.error })] }));
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
//# sourceMappingURL=NSInputDuration.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NSInputDuration.js","sourceRoot":"","sources":["../../src/components/NSInputDuration.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { IValidationProps } from "../props/IValidationProps";
|
|
3
|
-
import { IValidationStringProps } from "../props/IValidationStringProps";
|
|
4
|
-
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
5
|
-
export interface INSInputEmailProps extends IBaseComponentProps, IValidationProps, IValidationStringProps {
|
|
6
|
-
title: string;
|
|
7
|
-
defaultValue?: string;
|
|
8
|
-
onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
9
|
-
placeholder?: string;
|
|
10
|
-
}
|
|
11
|
-
export interface NSInputEmailState {
|
|
12
|
-
value: string;
|
|
13
|
-
error?: string;
|
|
14
|
-
}
|
|
15
|
-
export declare class NSInputEmail extends React.Component<INSInputEmailProps, NSInputEmailState> {
|
|
16
|
-
constructor(props: INSInputEmailProps);
|
|
17
|
-
getError(): string | null;
|
|
18
|
-
getValue(): string;
|
|
19
|
-
setValue(value: string): void;
|
|
20
|
-
private onChanged;
|
|
21
|
-
render(): import("react/jsx-runtime").JSX.Element;
|
|
22
|
-
}
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
|
-
import React from "react";
|
|
4
|
-
import Styles from "./NSInput.module.css";
|
|
5
|
-
import IconInputEmail from '../assets/images/icon-input-email.svg';
|
|
6
|
-
import { Validator } from "../Validator";
|
|
7
|
-
import { NSInputErrorNotifier } from "./NSInputErrorNotifier";
|
|
8
|
-
export class NSInputEmail extends React.Component {
|
|
9
|
-
constructor(props) {
|
|
10
|
-
var _a;
|
|
11
|
-
super(props);
|
|
12
|
-
this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : "" };
|
|
13
|
-
this.setValue = this.setValue.bind(this);
|
|
14
|
-
this.getValue = this.getValue.bind(this);
|
|
15
|
-
this.onChanged = this.onChanged.bind(this);
|
|
16
|
-
}
|
|
17
|
-
getError() {
|
|
18
|
-
return (Validator.getError(this.props.title, this.state.value, this.props) &&
|
|
19
|
-
Validator.getErrorString(this.props.title, this.state.value, this.props) &&
|
|
20
|
-
Validator.getErrorEmail(this.props.title, this.state.value));
|
|
21
|
-
}
|
|
22
|
-
getValue() {
|
|
23
|
-
let error = this.getError();
|
|
24
|
-
if (error) {
|
|
25
|
-
this.setState({ error });
|
|
26
|
-
throw new Error(error);
|
|
27
|
-
}
|
|
28
|
-
return this.state.value;
|
|
29
|
-
}
|
|
30
|
-
setValue(value) {
|
|
31
|
-
this.setState({ value });
|
|
32
|
-
}
|
|
33
|
-
onChanged(e) {
|
|
34
|
-
this.setValue(e.target.value);
|
|
35
|
-
if (this.props.onChanged)
|
|
36
|
-
this.props.onChanged(e);
|
|
37
|
-
}
|
|
38
|
-
render() {
|
|
39
|
-
var _a;
|
|
40
|
-
return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `${Styles.ns_input_parent} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: this.props.style, children: [_jsxs("span", { className: Styles.ns_input_title, children: [" ", this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title, " "] }), _jsx("img", { className: Styles.ns_input_icon, src: IconInputEmail, alt: "Email Icon", width: 24, height: 24 }), _jsx("input", { id: this.props.id, value: this.state.value, onChange: this.onChanged, type: "email", className: Styles.ns_input, placeholder: this.props.placeholder })] }), _jsx(NSInputErrorNotifier, { error: this.state.error })] }));
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
//# sourceMappingURL=NSInputEmail.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NSInputEmail.js","sourceRoot":"","sources":["../../src/components/NSInputEmail.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
2
|
-
export interface INSInputErrorNotifierProps extends IBaseComponentProps {
|
|
3
|
-
error?: string;
|
|
4
|
-
}
|
|
5
|
-
export declare function NSInputErrorNotifier(props: INSInputErrorNotifierProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
import Styles from "./NSInputErrorNotifier.module.css";
|
|
3
|
-
import Danger from '../assets/images/danger.svg';
|
|
4
|
-
export function NSInputErrorNotifier(props) {
|
|
5
|
-
return _jsx(_Fragment, { children: props.error && (_jsxs("div", { className: "d-flex justify-content-start align-items-center gap-2 ms-2", children: [_jsx("img", { className: "", src: Danger, alt: "Error Icon", width: 13, height: 13 }), _jsx("span", { className: Styles.ns_input_error, children: props.error })] })) });
|
|
6
|
-
}
|
|
7
|
-
//# sourceMappingURL=NSInputErrorNotifier.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NSInputErrorNotifier.js","sourceRoot":"","sources":["../../src/components/NSInputErrorNotifier.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mCAAmC,CAAC;AACvD,OAAO,MAAM,MAAM,6BAA6B,CAAC;AAQjD,MAAM,UAAU,oBAAoB,CAAC,KAAiC;IAElE,OAAO,4BAEC,KAAK,CAAC,KAAK,IAAI,CACX,eAAK,SAAS,EAAC,4DAA4D,aACvE,cACI,SAAS,EAAE,EAAE,EACb,GAAG,EAAE,MAAM,EACX,GAAG,EAAC,YAAY,EAChB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,EACF,eAAM,SAAS,EAAE,MAAM,CAAC,cAAc,YAAG,KAAK,CAAC,KAAK,GAAQ,IACzD,CACV,GAEN,CAAC;AACR,CAAC"}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
3
|
-
import { IValidationProps } from "../props/IValidationProps";
|
|
4
|
-
import { IValidationNumberProps } from "../props/IValidationNumberProps";
|
|
5
|
-
export interface INSInputFloatProps extends IBaseComponentProps, IValidationProps, IValidationNumberProps {
|
|
6
|
-
title: string;
|
|
7
|
-
defaultValue?: number;
|
|
8
|
-
onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
9
|
-
placeholder?: string;
|
|
10
|
-
}
|
|
11
|
-
export interface NSInputFloatState {
|
|
12
|
-
value?: number;
|
|
13
|
-
error?: string;
|
|
14
|
-
}
|
|
15
|
-
export declare class NSInputFloat extends React.Component<INSInputFloatProps, NSInputFloatState> {
|
|
16
|
-
constructor(props: INSInputFloatProps);
|
|
17
|
-
getError(): string | null;
|
|
18
|
-
getValue(): number | undefined;
|
|
19
|
-
setValue(value: number | undefined): void;
|
|
20
|
-
private onChanged;
|
|
21
|
-
render(): import("react/jsx-runtime").JSX.Element;
|
|
22
|
-
}
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
|
-
import React from "react";
|
|
4
|
-
import Styles from "./NSInput.module.css";
|
|
5
|
-
import IconInputFloat from '../assets/images/icon-input-float.svg';
|
|
6
|
-
import { Validator } from "../Validator";
|
|
7
|
-
import { NSInputErrorNotifier } from "./NSInputErrorNotifier";
|
|
8
|
-
export class NSInputFloat extends React.Component {
|
|
9
|
-
constructor(props) {
|
|
10
|
-
super(props);
|
|
11
|
-
this.state = { value: props.defaultValue };
|
|
12
|
-
this.setValue = this.setValue.bind(this);
|
|
13
|
-
this.getValue = this.getValue.bind(this);
|
|
14
|
-
this.onChanged = this.onChanged.bind(this);
|
|
15
|
-
}
|
|
16
|
-
getError() {
|
|
17
|
-
return (Validator.getError(this.props.title, this.state.value, this.props) &&
|
|
18
|
-
Validator.getErrorNumber(this.props.title, this.state.value, this.props));
|
|
19
|
-
}
|
|
20
|
-
getValue() {
|
|
21
|
-
let error = this.getError();
|
|
22
|
-
if (error) {
|
|
23
|
-
this.setState({ error });
|
|
24
|
-
throw new Error(error);
|
|
25
|
-
}
|
|
26
|
-
return this.state.value;
|
|
27
|
-
}
|
|
28
|
-
setValue(value) {
|
|
29
|
-
this.setState({ value });
|
|
30
|
-
}
|
|
31
|
-
onChanged(e) {
|
|
32
|
-
this.setValue(parseFloat(e.target.value));
|
|
33
|
-
if (this.props.onChanged)
|
|
34
|
-
this.props.onChanged(e);
|
|
35
|
-
}
|
|
36
|
-
render() {
|
|
37
|
-
var _a;
|
|
38
|
-
return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `${Styles.ns_input_parent} p-2 ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: this.props.style, children: [_jsxs("span", { className: Styles.ns_input_title, children: [" ", this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title, " "] }), _jsx("img", { className: Styles.ns_input_icon, src: IconInputFloat, alt: "Flaot Icon", width: 24, height: 24 }), _jsx("input", { id: this.props.id, value: this.state.value, onChange: this.onChanged, type: "number", className: Styles.ns_input, placeholder: this.props.placeholder })] }), _jsx(NSInputErrorNotifier, { error: this.state.error })] }));
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
//# sourceMappingURL=NSInputFloat.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NSInputFloat.js","sourceRoot":"","sources":["../../src/components/NSInputFloat.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
3
|
-
import { IValidationProps } from "../props/IValidationProps";
|
|
4
|
-
import { IValidationStringProps } from "../props/IValidationStringProps";
|
|
5
|
-
export interface INSInputIPProps extends IBaseComponentProps, IValidationProps, IValidationStringProps {
|
|
6
|
-
title: string;
|
|
7
|
-
defaultValue?: string;
|
|
8
|
-
onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
9
|
-
placeholder?: string;
|
|
10
|
-
}
|
|
11
|
-
export interface NSInputIPState {
|
|
12
|
-
value: string;
|
|
13
|
-
error?: string;
|
|
14
|
-
}
|
|
15
|
-
export declare class NSInputIP extends React.Component<INSInputIPProps, NSInputIPState> {
|
|
16
|
-
constructor(props: INSInputIPProps);
|
|
17
|
-
getError(): string | null;
|
|
18
|
-
getValue(): string;
|
|
19
|
-
setValue(value: string): void;
|
|
20
|
-
private onChanged;
|
|
21
|
-
render(): import("react/jsx-runtime").JSX.Element;
|
|
22
|
-
}
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
|
-
import React from "react";
|
|
4
|
-
import Styles from "./NSInput.module.css";
|
|
5
|
-
import IconInputIP from '../assets/images/icon-input-ip.svg';
|
|
6
|
-
import { Validator } from "../Validator";
|
|
7
|
-
import { NSInputErrorNotifier } from "./NSInputErrorNotifier";
|
|
8
|
-
export class NSInputIP extends React.Component {
|
|
9
|
-
constructor(props) {
|
|
10
|
-
var _a;
|
|
11
|
-
super(props);
|
|
12
|
-
this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : "" };
|
|
13
|
-
this.getValue = this.getValue.bind(this);
|
|
14
|
-
this.setValue = this.setValue.bind(this);
|
|
15
|
-
this.onChanged = this.onChanged.bind(this);
|
|
16
|
-
}
|
|
17
|
-
getError() {
|
|
18
|
-
return (Validator.getError(this.props.title, this.state.value, this.props) &&
|
|
19
|
-
Validator.getErrorString(this.props.title, this.state.value, this.props) &&
|
|
20
|
-
Validator.getErrorIP(this.props.title, this.state.value));
|
|
21
|
-
}
|
|
22
|
-
getValue() {
|
|
23
|
-
let error = this.getError();
|
|
24
|
-
if (error) {
|
|
25
|
-
this.setState({ error });
|
|
26
|
-
throw new Error(error);
|
|
27
|
-
}
|
|
28
|
-
return this.state.value;
|
|
29
|
-
}
|
|
30
|
-
setValue(value) {
|
|
31
|
-
this.setState({ value });
|
|
32
|
-
}
|
|
33
|
-
onChanged(e) {
|
|
34
|
-
this.setValue(e.target.value);
|
|
35
|
-
if (this.props.onChanged)
|
|
36
|
-
this.props.onChanged(e);
|
|
37
|
-
}
|
|
38
|
-
render() {
|
|
39
|
-
var _a;
|
|
40
|
-
return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `${Styles.ns_input_parent} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: this.props.style, children: [_jsxs("span", { className: Styles.ns_input_title, children: [" ", this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title, " "] }), _jsx("img", { className: Styles.ns_input_icon, src: IconInputIP, alt: "IP Icon", width: 24, height: 24 }), _jsx("input", { id: this.props.id, value: this.state.value, onChange: this.onChanged, type: "text", className: Styles.ns_input, placeholder: this.props.placeholder })] }), _jsx(NSInputErrorNotifier, { error: this.state.error })] }));
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
//# sourceMappingURL=NSInputIP.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NSInputIP.js","sourceRoot":"","sources":["../../src/components/NSInputIP.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
3
|
-
import { IValidationNumberProps } from "../props/IValidationNumberProps";
|
|
4
|
-
import { IValidationProps } from "../props/IValidationProps";
|
|
5
|
-
export interface INSInputIntegerProps extends IBaseComponentProps, IValidationProps, IValidationNumberProps {
|
|
6
|
-
title: string;
|
|
7
|
-
defaultValue?: number;
|
|
8
|
-
onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
9
|
-
placeholder?: string;
|
|
10
|
-
}
|
|
11
|
-
export interface NSInputIntegerState {
|
|
12
|
-
value?: number;
|
|
13
|
-
error?: string;
|
|
14
|
-
}
|
|
15
|
-
export declare class NSInputInteger extends React.Component<INSInputIntegerProps, NSInputIntegerState> {
|
|
16
|
-
constructor(props: INSInputIntegerProps);
|
|
17
|
-
getError(): string | null;
|
|
18
|
-
getValue(): number | undefined;
|
|
19
|
-
setValue(value: number | undefined): void;
|
|
20
|
-
private onChanged;
|
|
21
|
-
render(): import("react/jsx-runtime").JSX.Element;
|
|
22
|
-
}
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
|
-
import React from "react";
|
|
4
|
-
import Styles from "./NSInput.module.css";
|
|
5
|
-
import IconInputInteger from '../assets/images/icon-input-integer.svg';
|
|
6
|
-
import { Validator } from "../Validator";
|
|
7
|
-
import { NSInputErrorNotifier } from "./NSInputErrorNotifier";
|
|
8
|
-
export class NSInputInteger extends React.Component {
|
|
9
|
-
constructor(props) {
|
|
10
|
-
super(props);
|
|
11
|
-
this.state = { value: props.defaultValue };
|
|
12
|
-
this.getValue = this.getValue.bind(this);
|
|
13
|
-
this.setValue = this.setValue.bind(this);
|
|
14
|
-
this.onChanged = this.onChanged.bind(this);
|
|
15
|
-
}
|
|
16
|
-
getError() {
|
|
17
|
-
return (Validator.getError(this.props.title, this.state.value, this.props) &&
|
|
18
|
-
Validator.getErrorNumber(this.props.title, this.state.value, this.props));
|
|
19
|
-
}
|
|
20
|
-
getValue() {
|
|
21
|
-
let error = this.getError();
|
|
22
|
-
if (error) {
|
|
23
|
-
this.setState({ error });
|
|
24
|
-
throw new Error(error);
|
|
25
|
-
}
|
|
26
|
-
return this.state.value;
|
|
27
|
-
}
|
|
28
|
-
setValue(value) {
|
|
29
|
-
this.setState({ value });
|
|
30
|
-
}
|
|
31
|
-
onChanged(e) {
|
|
32
|
-
this.setValue(parseInt(e.target.value));
|
|
33
|
-
if (this.props.onChanged)
|
|
34
|
-
this.props.onChanged(e);
|
|
35
|
-
}
|
|
36
|
-
render() {
|
|
37
|
-
var _a;
|
|
38
|
-
return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `${Styles.ns_input_parent} p-2 ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: this.props.style, children: [_jsxs("span", { className: Styles.ns_input_title, children: [" ", this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title, " "] }), _jsx("img", { className: Styles.ns_input_icon, src: IconInputInteger, alt: "Integer Icon", width: 24, height: 24 }), _jsx("input", { id: this.props.id, value: this.state.value, onChange: this.onChanged, type: "number", className: Styles.ns_input, placeholder: this.props.placeholder })] }), _jsx(NSInputErrorNotifier, { error: this.state.error })] }));
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
//# sourceMappingURL=NSInputInteger.js.map
|