namirasoft-site-react 1.3.355 → 1.3.357
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.css +17 -0
- package/dist/App.js +3 -51
- package/dist/App.js.map +1 -1
- 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/404 image.svg +9 -9
- package/dist/assets/images/404 image_mobile.svg +9 -9
- package/dist/assets/images/5.jpg +0 -0
- 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-export.svg +3 -0
- 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-id.svg +9 -0
- 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-refresh.svg +3 -0
- 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/NSAccess.d.ts +2 -0
- package/dist/components/NSAccess.js +8 -0
- package/dist/components/NSAccess.js.map +1 -0
- package/dist/components/NSAccess.module.css +39 -0
- 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.d.ts +0 -1
- package/dist/components/NSBarNotification.js +10 -10
- 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.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/NSBoxLabel.module.css +12 -12
- package/dist/components/NSBoxOTP.module.css +10 -10
- package/dist/components/NSBoxText.d.ts +25 -0
- package/dist/components/NSBoxText.js +56 -0
- package/dist/components/NSBoxText.js.map +1 -0
- 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.module.css +108 -108
- package/dist/components/NSCopyToClipboard.module.css +39 -39
- package/dist/components/NSDialog.module.css +39 -39
- 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.module.css +123 -123
- package/dist/components/NSGroupedList.module.css +72 -72
- package/dist/components/NSHeader.module.css +271 -271
- package/dist/components/NSInput.module.css +74 -0
- package/dist/components/NSInputDate.d.ts +21 -0
- package/dist/components/NSInputDate.js +41 -0
- package/dist/components/NSInputDate.js.map +1 -0
- package/dist/components/NSInputDate.module.css +42 -0
- package/dist/components/NSInputDuration.d.ts +23 -0
- package/dist/components/NSInputDuration.js +42 -0
- package/dist/components/NSInputDuration.js.map +1 -0
- package/dist/components/NSInputEmail.d.ts +22 -0
- package/dist/components/NSInputEmail.js +43 -0
- package/dist/components/NSInputEmail.js.map +1 -0
- package/dist/components/NSInputErrorNotifier.d.ts +5 -0
- package/dist/components/NSInputErrorNotifier.js +7 -0
- package/dist/components/NSInputErrorNotifier.js.map +1 -0
- package/dist/components/NSInputErrorNotifier.module.css +3 -0
- package/dist/components/NSInputFloat.d.ts +22 -0
- package/dist/components/NSInputFloat.js +41 -0
- package/dist/components/NSInputFloat.js.map +1 -0
- package/dist/components/NSInputIP.d.ts +22 -0
- package/dist/components/NSInputIP.js +43 -0
- package/dist/components/NSInputIP.js.map +1 -0
- package/dist/components/NSInputInteger.d.ts +22 -0
- package/dist/components/NSInputInteger.js +41 -0
- package/dist/components/NSInputInteger.js.map +1 -0
- package/dist/components/NSInputPassword.d.ts +22 -0
- package/dist/components/NSInputPassword.js +42 -0
- package/dist/components/NSInputPassword.js.map +1 -0
- package/dist/components/NSInputPhone.d.ts +22 -0
- package/dist/components/NSInputPhone.js +38 -0
- package/dist/components/NSInputPhone.js.map +1 -0
- package/dist/components/NSInputPrice.d.ts +22 -0
- package/dist/components/NSInputPrice.js +41 -0
- package/dist/components/NSInputPrice.js.map +1 -0
- package/dist/components/NSInputSearch.d.ts +22 -0
- package/dist/components/NSInputSearch.js +41 -0
- package/dist/components/NSInputSearch.js.map +1 -0
- package/dist/components/NSInputString.d.ts +22 -0
- package/dist/components/NSInputString.js +42 -0
- package/dist/components/NSInputString.js.map +1 -0
- package/dist/components/NSInputText.d.ts +22 -0
- package/dist/components/NSInputText.js +42 -0
- package/dist/components/NSInputText.js.map +1 -0
- package/dist/components/NSInputTime.d.ts +22 -0
- package/dist/components/NSInputTime.js +43 -0
- package/dist/components/NSInputTime.js.map +1 -0
- package/dist/components/NSLayout.module.css +13 -13
- package/dist/components/NSLayoutAction.d.ts +5 -0
- package/dist/components/NSLayoutAction.js +20 -0
- package/dist/components/NSLayoutAction.js.map +1 -0
- package/dist/components/NSLayoutAction.module.css +88 -0
- package/dist/components/NSLayoutHeroBanner.d.ts +2 -0
- package/dist/components/NSLayoutHeroBanner.js +8 -0
- package/dist/components/NSLayoutHeroBanner.js.map +1 -0
- package/dist/components/NSLayoutHeroBanner.module.css +43 -0
- package/dist/components/NSLayoutTitle.d.ts +2 -0
- package/dist/components/NSLayoutTitle.js +11 -0
- package/dist/components/NSLayoutTitle.js.map +1 -0
- package/dist/components/NSLayoutTitle.module.css +10 -0
- package/dist/components/NSLink.module.css +36 -36
- package/dist/components/NSLoading.module.css +29 -29
- package/dist/components/NSModal.js +2 -2
- package/dist/components/NSModal.module.css +70 -70
- package/dist/components/NSNoData.module.css +8 -8
- package/dist/components/NSNotification.d.ts +21 -0
- package/dist/components/NSNotification.js +37 -0
- package/dist/components/NSNotification.js.map +1 -0
- package/dist/components/NSNotification.module.css +32 -0
- package/dist/components/NSPageSelectionModal.module.css +102 -102
- package/dist/components/NSPagination.module.css +101 -101
- package/dist/components/NSPanel.module.css +46 -46
- package/dist/components/NSPrintModal.d.ts +15 -0
- package/dist/components/NSPrintModal.js +35 -0
- package/dist/components/NSPrintModal.js.map +1 -0
- package/dist/components/NSPrintModal.module.css +82 -0
- package/dist/components/NSRadioButton.module.css +61 -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/NSSelectBox.d.ts +24 -0
- package/dist/components/NSSelectBox.js +61 -0
- package/dist/components/NSSelectBox.js.map +1 -0
- package/dist/components/NSSelectBox.module.css +42 -0
- package/dist/components/NSTabPage.module.css +57 -57
- package/dist/components/NSTable.d.ts +26 -14
- package/dist/components/NSTable.js +49 -32
- 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/AnyFormatter.d.ts +5 -0
- package/dist/formatter/AnyFormatter.js +10 -0
- package/dist/formatter/AnyFormatter.js.map +1 -0
- package/dist/formatter/BaseColumnFormatter.d.ts +4 -0
- package/dist/formatter/BaseColumnFormatter.js +3 -0
- package/dist/formatter/BaseColumnFormatter.js.map +1 -0
- package/dist/formatter/BooleanFormatter.d.ts +7 -0
- package/dist/formatter/BooleanFormatter.js +16 -0
- package/dist/formatter/BooleanFormatter.js.map +1 -0
- package/dist/formatter/DateFormatter.d.ts +5 -0
- package/dist/formatter/DateFormatter.js +16 -0
- package/dist/formatter/DateFormatter.js.map +1 -0
- package/dist/formatter/DateTimeFormatter.d.ts +7 -0
- package/dist/formatter/DateTimeFormatter.js +16 -0
- package/dist/formatter/DateTimeFormatter.js.map +1 -0
- package/dist/formatter/IDFormatter.d.ts +5 -0
- package/dist/formatter/IDFormatter.js +10 -0
- package/dist/formatter/IDFormatter.js.map +1 -0
- package/dist/formatter/PresentFormatter.d.ts +7 -0
- package/dist/formatter/PresentFormatter.js +17 -0
- package/dist/formatter/PresentFormatter.js.map +1 -0
- package/dist/formatter/StringFormatter.d.ts +5 -0
- package/dist/formatter/StringFormatter.js +10 -0
- package/dist/formatter/StringFormatter.js.map +1 -0
- package/dist/formatter/TimeFormatter.d.ts +5 -0
- package/dist/formatter/TimeFormatter.js +16 -0
- package/dist/formatter/TimeFormatter.js.map +1 -0
- package/dist/index.css +6 -0
- package/dist/pages/NSLoginPage.d.ts +6 -0
- package/dist/pages/NSLoginPage.js +8 -0
- package/dist/pages/NSLoginPage.js.map +1 -0
- package/dist/pages/NSLoginPage.module.css +20 -0
- package/dist/pages/NSNotFoundPage.module.css +18 -18
- package/dist/props/BaseComponentProps.d.ts +6 -0
- package/dist/props/BaseComponentProps.js +2 -0
- package/dist/props/BaseComponentProps.js.map +10 -0
- package/dist/props/INamirasoftProps.d.ts +4 -0
- package/dist/props/INamirasoftProps.js +2 -0
- package/dist/props/INamirasoftProps.js.map +1 -0
- package/dist/props/ImageProps.d.ts +4 -0
- package/dist/props/ImageProps.js +2 -0
- package/dist/props/ImageProps.js.map +10 -0
- package/dist/props/LinkProps.d.ts +5 -0
- package/dist/props/LinkProps.js +2 -0
- package/dist/props/LinkProps.js.map +10 -0
- package/dist/props/ValidationNumberProps.d.ts +4 -0
- package/dist/props/ValidationNumberProps.js +2 -0
- package/dist/props/ValidationNumberProps.js.map +10 -0
- package/dist/props/ValidationProps.d.ts +6 -0
- package/dist/props/ValidationProps.js +2 -0
- package/dist/props/ValidationProps.js.map +10 -0
- package/dist/props/ValidationRegexProps.d.ts +4 -0
- package/dist/props/ValidationRegexProps.js +2 -0
- package/dist/props/ValidationRegexProps.js.map +1 -0
- package/dist/props/ValidationStringProps.d.ts +4 -0
- package/dist/props/ValidationStringProps.js +2 -0
- package/dist/props/ValidationStringProps.js.map +10 -0
- package/package.json +67 -67
- package/public/index.html +38 -38
- package/src/App.css +16 -16
- package/src/App.tsx +124 -178
- 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 +88 -88
- 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 +86 -86
- 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 +76 -78
- 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 +84 -84
- 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 +70 -70
- package/src/components/NSCopyToClipboard.module.css +39 -39
- package/src/components/NSCopyToClipboard.tsx +35 -35
- package/src/components/NSDialog.module.css +39 -39
- package/src/components/NSDialog.tsx +33 -33
- 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 +194 -194
- package/src/components/NSGroupedList.module.css +72 -72
- package/src/components/NSGroupedList.tsx +107 -107
- package/src/components/NSHeader.module.css +271 -271
- package/src/components/NSHeader.tsx +234 -234
- 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/NSModal.module.css +70 -70
- package/src/components/NSModal.tsx +49 -49
- 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 +228 -228
- package/src/components/NSPagination.module.css +101 -101
- package/src/components/NSPagination.tsx +190 -190
- package/src/components/NSPanel.module.css +46 -46
- package/src/components/NSPanel.tsx +19 -19
- package/src/components/NSRadioButton.module.css +61 -61
- package/src/components/NSRadioButton.tsx +100 -100
- 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 +407 -361
- 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/AnyFormatter.ts +13 -0
- package/src/formatter/BaseColumnFormatter.ts +6 -0
- package/src/formatter/BooleanFormatter.ts +21 -0
- package/src/formatter/DateFormatter.ts +21 -0
- package/src/formatter/DateTimeFormatter.ts +21 -0
- package/src/formatter/IDFormatter.ts +13 -0
- package/src/formatter/PresentFormatter.tsx +21 -0
- package/src/formatter/StringFormatter.ts +13 -0
- package/src/formatter/TimeFormatter.ts +21 -0
- package/src/index.tsx +7 -7
- package/src/main.ts +79 -79
- 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/public/index.html
CHANGED
|
@@ -1,39 +1,39 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="en">
|
|
3
|
-
|
|
4
|
-
<head>
|
|
5
|
-
<meta charset="utf-8" />
|
|
6
|
-
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
|
|
7
|
-
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
8
|
-
<meta name="theme-color" content="#000000" />
|
|
9
|
-
<meta name="description" content="Web site created using create-react-app" />
|
|
10
|
-
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
|
|
11
|
-
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
|
|
12
|
-
<!--
|
|
13
|
-
Notice the use of %PUBLIC_URL% in the tags above.
|
|
14
|
-
It will be replaced with the URL of the `public` folder during the build.
|
|
15
|
-
Only files inside the `public` folder can be referenced from the HTML.
|
|
16
|
-
|
|
17
|
-
Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
|
|
18
|
-
work correctly both with client-side routing and a non-root public URL.
|
|
19
|
-
Learn how to configure a non-root public URL by running `npm run build`.
|
|
20
|
-
-->
|
|
21
|
-
<title>React App</title>
|
|
22
|
-
</head>
|
|
23
|
-
|
|
24
|
-
<body>
|
|
25
|
-
<noscript>You need to enable JavaScript to run this app.</noscript>
|
|
26
|
-
<div id="root"></div>
|
|
27
|
-
|
|
28
|
-
<!-- <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
|
|
29
|
-
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
|
|
30
|
-
crossorigin="anonymous"></script>
|
|
31
|
-
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js"
|
|
32
|
-
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
|
|
33
|
-
crossorigin="anonymous"></script>
|
|
34
|
-
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js"
|
|
35
|
-
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
|
|
36
|
-
crossorigin="anonymous"></script> -->
|
|
37
|
-
</body>
|
|
38
|
-
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
|
|
4
|
+
<head>
|
|
5
|
+
<meta charset="utf-8" />
|
|
6
|
+
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
|
|
7
|
+
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
8
|
+
<meta name="theme-color" content="#000000" />
|
|
9
|
+
<meta name="description" content="Web site created using create-react-app" />
|
|
10
|
+
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
|
|
11
|
+
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
|
|
12
|
+
<!--
|
|
13
|
+
Notice the use of %PUBLIC_URL% in the tags above.
|
|
14
|
+
It will be replaced with the URL of the `public` folder during the build.
|
|
15
|
+
Only files inside the `public` folder can be referenced from the HTML.
|
|
16
|
+
|
|
17
|
+
Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
|
|
18
|
+
work correctly both with client-side routing and a non-root public URL.
|
|
19
|
+
Learn how to configure a non-root public URL by running `npm run build`.
|
|
20
|
+
-->
|
|
21
|
+
<title>React App</title>
|
|
22
|
+
</head>
|
|
23
|
+
|
|
24
|
+
<body>
|
|
25
|
+
<noscript>You need to enable JavaScript to run this app.</noscript>
|
|
26
|
+
<div id="root"></div>
|
|
27
|
+
|
|
28
|
+
<!-- <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
|
|
29
|
+
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
|
|
30
|
+
crossorigin="anonymous"></script>
|
|
31
|
+
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js"
|
|
32
|
+
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
|
|
33
|
+
crossorigin="anonymous"></script>
|
|
34
|
+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js"
|
|
35
|
+
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
|
|
36
|
+
crossorigin="anonymous"></script> -->
|
|
37
|
+
</body>
|
|
38
|
+
|
|
39
39
|
</html>
|
package/src/App.css
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
/*Start Input Tell*/
|
|
2
|
-
.country-name {
|
|
3
|
-
color: #000 !important;
|
|
4
|
-
}
|
|
5
|
-
.country-list {
|
|
6
|
-
max-width: 206px;
|
|
7
|
-
}
|
|
8
|
-
.react-tel-input .flag-dropdown {
|
|
9
|
-
border: 1px solid #cacaca;
|
|
10
|
-
border-radius: 5px 0 0 5px;
|
|
11
|
-
border: 1px solid rgba(47, 0, 236, 0.6) !important;
|
|
12
|
-
}
|
|
13
|
-
/*End Input Tell*/
|
|
14
|
-
.ns_font_16_bold{
|
|
15
|
-
font-size: 16px;
|
|
16
|
-
font-weight: 600;
|
|
1
|
+
/*Start Input Tell*/
|
|
2
|
+
.country-name {
|
|
3
|
+
color: #000 !important;
|
|
4
|
+
}
|
|
5
|
+
.country-list {
|
|
6
|
+
max-width: 206px;
|
|
7
|
+
}
|
|
8
|
+
.react-tel-input .flag-dropdown {
|
|
9
|
+
border: 1px solid #cacaca;
|
|
10
|
+
border-radius: 5px 0 0 5px;
|
|
11
|
+
border: 1px solid rgba(47, 0, 236, 0.6) !important;
|
|
12
|
+
}
|
|
13
|
+
/*End Input Tell*/
|
|
14
|
+
.ns_font_16_bold{
|
|
15
|
+
font-size: 16px;
|
|
16
|
+
font-weight: 600;
|
|
17
17
|
}
|
package/src/App.tsx
CHANGED
|
@@ -1,179 +1,125 @@
|
|
|
1
|
-
import './App.css';
|
|
2
|
-
import 'bootstrap/dist/css/bootstrap.min.css';
|
|
3
|
-
import { NSBarAction, NSBoxBoolean, NSBoxEmail, NSBoxEnum, NSBoxSearch, NSBoxString, NSEntityBar, NSLayout, NSNoData, NSPagination, NSSpace, NSSpaceSizeType, NSTabPage
|
|
4
|
-
import { NSBoxLabel } from './components/NSBoxLabel';
|
|
5
|
-
import { NSRadioButton } from './components/NSRadioButton';
|
|
6
|
-
import NSTag from './components/NSTag';
|
|
7
|
-
import NSButton from './components/NSButton';
|
|
8
|
-
import {
|
|
9
|
-
import NSDialog from './components/NSDialog';
|
|
10
|
-
|
|
11
|
-
export interface INSBarActionState
|
|
12
|
-
{
|
|
13
|
-
id: string;
|
|
14
|
-
menu_item: string;
|
|
15
|
-
handler: () => void;
|
|
16
|
-
isActive: () => boolean;
|
|
17
|
-
}
|
|
18
|
-
export function App()
|
|
19
|
-
{
|
|
20
|
-
const onClicked = () =>
|
|
21
|
-
{
|
|
22
|
-
console.log("clicked")
|
|
23
|
-
}
|
|
24
|
-
let icons = [
|
|
25
|
-
{ src: "https://static.namirasoft.com/image/namirasoft/message/logo/base.png", alt: "", onClicked, count: 1 },
|
|
26
|
-
{ src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked },
|
|
27
|
-
{ src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked },
|
|
28
|
-
{ src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked },
|
|
29
|
-
{ src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked },
|
|
30
|
-
{ src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked },
|
|
31
|
-
{ src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked },
|
|
32
|
-
];
|
|
33
|
-
let content1 = () => <>
|
|
34
|
-
<NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
|
|
35
|
-
<NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
|
|
36
|
-
<NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
|
|
37
|
-
<NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
|
|
38
|
-
<NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
|
|
39
|
-
<NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
|
|
40
|
-
<NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
|
|
41
|
-
<NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
|
|
42
|
-
<NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
|
|
43
|
-
<NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
|
|
44
|
-
<NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
|
|
45
|
-
</>;
|
|
46
|
-
let content2 = () => <div>Content for Tab2</div>;
|
|
47
|
-
let content3 = () => <div>Content for Tab3</div>;
|
|
48
|
-
const tabs = [
|
|
49
|
-
{ title: 'Information', getContent: content1 },
|
|
50
|
-
{ title: 'Price History', getContent: content2 },
|
|
51
|
-
{ title: 'Price Estimator', getContent: content3 }
|
|
52
|
-
];
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
<
|
|
113
|
-
<
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
<NSLayout
|
|
126
|
-
header={{
|
|
127
|
-
title: "any",
|
|
128
|
-
icons: icons
|
|
129
|
-
}}
|
|
130
|
-
scope="Namirasoft Account Console"
|
|
131
|
-
logo="exampleLogoUrl"
|
|
132
|
-
notifications={[]}
|
|
133
|
-
background=""
|
|
134
|
-
isLoggedIn={() => false}
|
|
135
|
-
>
|
|
136
|
-
<>
|
|
137
|
-
<NSTabPage tabs={tabs} />
|
|
138
|
-
<NSSpace size={NSSpaceSizeType.SMALL} />
|
|
139
|
-
<NSPagination totalItems={100} onPageChange={() => { }} />
|
|
140
|
-
</>
|
|
141
|
-
<NSTable
|
|
142
|
-
ref={table}
|
|
143
|
-
columns={getColumns()}
|
|
144
|
-
getCell={getCell}
|
|
145
|
-
getRowKey={row => row.id.toString()}
|
|
146
|
-
getColumnAttributes={() => { return {} }}
|
|
147
|
-
getRows={async () => { return { rows, count: rows.length }; }}
|
|
148
|
-
checkbox={true}
|
|
149
|
-
/>
|
|
150
|
-
<NSBarAction title='' menus={group} />
|
|
151
|
-
<NSBoxEmail title='Email' required />
|
|
152
|
-
<NSBoxString title='String' required />
|
|
153
|
-
<NSRadioButton title={"Radio Button"} required={false} />
|
|
154
|
-
<NSSpace size={NSSpaceSizeType.LARGE} />
|
|
155
|
-
<NSBoxBoolean defaultValue={true} title='' required />
|
|
156
|
-
<NSButton title='Clear Filters' onClick={() => window.location.reload()} style={{ width: "136px", border: "2px solid #001664" }} />
|
|
157
|
-
<NSTag />
|
|
158
|
-
<NSNoData lable="No New Message" />
|
|
159
|
-
<div className="d-flex flex-row gap-2 w-100">
|
|
160
|
-
<NSBoxString title="Name" required />
|
|
161
|
-
<NSBoxEnum options={[]} required title='Notification_sender_topic_id' multiple />
|
|
162
|
-
<NSBoxEmail title="Name" required />
|
|
163
|
-
<NSBoxSearch title="Name" required />
|
|
164
|
-
</div>
|
|
165
|
-
<NSSpace size={NSSpaceSizeType.MEDUIM} />
|
|
166
|
-
<NSBoxBoolean title='CheckBox' required />
|
|
167
|
-
<NSEntityBar title='' description='' image={{ src: "" }} />
|
|
168
|
-
{
|
|
169
|
-
state &&
|
|
170
|
-
<NSDialog onClose={() => { setState(false) }}>
|
|
171
|
-
<div>
|
|
172
|
-
</div>
|
|
173
|
-
</NSDialog>
|
|
174
|
-
}
|
|
175
|
-
|
|
176
|
-
</NSLayout>
|
|
177
|
-
</>
|
|
178
|
-
);
|
|
1
|
+
import './App.css';
|
|
2
|
+
import 'bootstrap/dist/css/bootstrap.min.css';
|
|
3
|
+
import { NSBarAction, NSBoxBoolean, NSBoxEmail, NSBoxEnum, NSBoxSearch, NSBoxString, NSEntityBar, NSLayout, NSNoData, NSPagination, NSSpace, NSSpaceSizeType, NSTabPage } from './main';
|
|
4
|
+
import { NSBoxLabel } from './components/NSBoxLabel';
|
|
5
|
+
import { NSRadioButton } from './components/NSRadioButton';
|
|
6
|
+
import NSTag from './components/NSTag';
|
|
7
|
+
import NSButton from './components/NSButton';
|
|
8
|
+
import { useState } from 'react';
|
|
9
|
+
import NSDialog from './components/NSDialog';
|
|
10
|
+
|
|
11
|
+
export interface INSBarActionState
|
|
12
|
+
{
|
|
13
|
+
id: string;
|
|
14
|
+
menu_item: string;
|
|
15
|
+
handler: () => void;
|
|
16
|
+
isActive: () => boolean;
|
|
17
|
+
}
|
|
18
|
+
export function App()
|
|
19
|
+
{
|
|
20
|
+
const onClicked = () =>
|
|
21
|
+
{
|
|
22
|
+
console.log("clicked")
|
|
23
|
+
}
|
|
24
|
+
let icons = [
|
|
25
|
+
{ src: "https://static.namirasoft.com/image/namirasoft/message/logo/base.png", alt: "", onClicked, count: 1 },
|
|
26
|
+
{ src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked },
|
|
27
|
+
{ src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked },
|
|
28
|
+
{ src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked },
|
|
29
|
+
{ src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked },
|
|
30
|
+
{ src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked },
|
|
31
|
+
{ src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked },
|
|
32
|
+
];
|
|
33
|
+
let content1 = () => <>
|
|
34
|
+
<NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
|
|
35
|
+
<NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
|
|
36
|
+
<NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
|
|
37
|
+
<NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
|
|
38
|
+
<NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
|
|
39
|
+
<NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
|
|
40
|
+
<NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
|
|
41
|
+
<NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
|
|
42
|
+
<NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
|
|
43
|
+
<NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
|
|
44
|
+
<NSBoxLabel title="URL"><p style={{ color: "#000" }}>http://URL.com</p></NSBoxLabel>
|
|
45
|
+
</>;
|
|
46
|
+
let content2 = () => <div>Content for Tab2</div>;
|
|
47
|
+
let content3 = () => <div>Content for Tab3</div>;
|
|
48
|
+
const tabs = [
|
|
49
|
+
{ title: 'Information', getContent: content1 },
|
|
50
|
+
{ title: 'Price History', getContent: content2 },
|
|
51
|
+
{ title: 'Price Estimator', getContent: content3 }
|
|
52
|
+
];
|
|
53
|
+
|
|
54
|
+
let group: any = [
|
|
55
|
+
[
|
|
56
|
+
{
|
|
57
|
+
id: "1",
|
|
58
|
+
handler: () => { },
|
|
59
|
+
isActive: () => false,
|
|
60
|
+
menu_item: "1"
|
|
61
|
+
}, {
|
|
62
|
+
id: "2",
|
|
63
|
+
handler: () => { },
|
|
64
|
+
isActive: () => true,
|
|
65
|
+
menu_item: "2"
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
id: "2",
|
|
69
|
+
handler: () => { },
|
|
70
|
+
isActive: () => true,
|
|
71
|
+
menu_item: "3"
|
|
72
|
+
}
|
|
73
|
+
]
|
|
74
|
+
]
|
|
75
|
+
let [state, setState] = useState(false)
|
|
76
|
+
return (
|
|
77
|
+
|
|
78
|
+
<>
|
|
79
|
+
<NSButton title='111' onClick={() => { setState(true) }} />
|
|
80
|
+
<NSLayout
|
|
81
|
+
header={{
|
|
82
|
+
title: "any",
|
|
83
|
+
icons: icons
|
|
84
|
+
}}
|
|
85
|
+
scope="Namirasoft Account Console"
|
|
86
|
+
logo="exampleLogoUrl"
|
|
87
|
+
notifications={[]}
|
|
88
|
+
background=""
|
|
89
|
+
isLoggedIn={() => false}
|
|
90
|
+
>
|
|
91
|
+
<>
|
|
92
|
+
<NSTabPage tabs={tabs} />
|
|
93
|
+
<NSSpace size={NSSpaceSizeType.SMALL} />
|
|
94
|
+
<NSPagination totalItems={100} onPageChange={() => { }} />
|
|
95
|
+
</>
|
|
96
|
+
<NSBarAction title='' menus={group} />
|
|
97
|
+
<NSBoxEmail title='Email' required />
|
|
98
|
+
<NSBoxString title='String' required />
|
|
99
|
+
<NSRadioButton title={"Radio Button"} required={false} />
|
|
100
|
+
<NSSpace size={NSSpaceSizeType.LARGE} />
|
|
101
|
+
<NSBoxBoolean defaultValue={true} title='' required />
|
|
102
|
+
<NSButton title='Clear Filters' onClick={() => window.location.reload()} style={{ width: "136px", border: "2px solid #001664" }} />
|
|
103
|
+
<NSTag />
|
|
104
|
+
<NSNoData lable="No New Message" />
|
|
105
|
+
<div className="d-flex flex-row gap-2 w-100">
|
|
106
|
+
<NSBoxString title="Name" required />
|
|
107
|
+
<NSBoxEnum options={[]} required title='Notification_sender_topic_id' multiple />
|
|
108
|
+
<NSBoxEmail title="Name" required />
|
|
109
|
+
<NSBoxSearch title="Name" required />
|
|
110
|
+
</div>
|
|
111
|
+
<NSSpace size={NSSpaceSizeType.MEDUIM} />
|
|
112
|
+
<NSBoxBoolean title='CheckBox' required />
|
|
113
|
+
<NSEntityBar title='' description='' image={{ src: "" }} />
|
|
114
|
+
{
|
|
115
|
+
state &&
|
|
116
|
+
<NSDialog onClose={() => { setState(false) }}>
|
|
117
|
+
<div>
|
|
118
|
+
</div>
|
|
119
|
+
</NSDialog>
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
</NSLayout>
|
|
123
|
+
</>
|
|
124
|
+
);
|
|
179
125
|
}
|
package/src/CopyToClipboard.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
export default class CopyToClipboard
|
|
2
|
-
{
|
|
3
|
-
static copyToClipboard(value: string): void
|
|
4
|
-
{
|
|
5
|
-
navigator.clipboard.writeText(value);
|
|
6
|
-
}
|
|
1
|
+
export default class CopyToClipboard
|
|
2
|
+
{
|
|
3
|
+
static copyToClipboard(value: string): void
|
|
4
|
+
{
|
|
5
|
+
navigator.clipboard.writeText(value);
|
|
6
|
+
}
|
|
7
7
|
};
|
package/src/Validator.ts
CHANGED
|
@@ -1,111 +1,111 @@
|
|
|
1
|
-
import { PhoneOperation, RegexTemplate } from "namirasoft-core";
|
|
2
|
-
import { IValidationNumberProps } from "./props/IValidationNumberProps";
|
|
3
|
-
import { IValidationProps } from "./props/IValidationProps";
|
|
4
|
-
import { IValidationStringProps } from "./props/IValidationStringProps";
|
|
5
|
-
|
|
6
|
-
export class Validator
|
|
7
|
-
{
|
|
8
|
-
static getError(name: string, value: string | number | null | undefined, validator: IValidationProps): string | null
|
|
9
|
-
{
|
|
10
|
-
if (validator.required)
|
|
11
|
-
if (!value)
|
|
12
|
-
return `${name} is required.`;
|
|
13
|
-
if (value != null)
|
|
14
|
-
if (validator.regex)
|
|
15
|
-
if (!validator.regex.regex.test(value + ""))
|
|
16
|
-
return `${name} is not a valid ${validator.regex.name}.`;
|
|
17
|
-
if (value != null)
|
|
18
|
-
if (validator.validator)
|
|
19
|
-
{
|
|
20
|
-
let error = validator.validator(name, value);
|
|
21
|
-
if (error)
|
|
22
|
-
return error;
|
|
23
|
-
}
|
|
24
|
-
return null;
|
|
25
|
-
}
|
|
26
|
-
static getErrorString(name: string, value: string | null | undefined, validator: IValidationStringProps): string | null
|
|
27
|
-
{
|
|
28
|
-
if (value != null)
|
|
29
|
-
{
|
|
30
|
-
if (validator.max_length != null)
|
|
31
|
-
if (validator.max_length < value.length)
|
|
32
|
-
return `Max length of ${name} should be ${validator.max_length} characters.`;
|
|
33
|
-
if (validator.min_length != null)
|
|
34
|
-
if (validator.min_length > value.length)
|
|
35
|
-
return `Minlength of ${name} should be ${validator.min_length} characters.`;
|
|
36
|
-
}
|
|
37
|
-
return null;
|
|
38
|
-
}
|
|
39
|
-
static getErrorNumber(name: string, value: number | null | undefined, validator: IValidationNumberProps): string | null
|
|
40
|
-
{
|
|
41
|
-
if (value != null)
|
|
42
|
-
{
|
|
43
|
-
if (isNaN(value))
|
|
44
|
-
return `${name} is not a number.`;
|
|
45
|
-
if (validator.max != null)
|
|
46
|
-
if (validator.max < value)
|
|
47
|
-
return `Max value of ${name} should be ${validator.max} characters.`;
|
|
48
|
-
if (validator.min != null)
|
|
49
|
-
if (validator.min > value)
|
|
50
|
-
return `Min value of ${name} should be ${validator.min} characters.`;
|
|
51
|
-
}
|
|
52
|
-
return null;
|
|
53
|
-
}
|
|
54
|
-
static getErrorEmail(name: string, value: string | null | undefined): string | null
|
|
55
|
-
{
|
|
56
|
-
return Validator.getError(name, value, {
|
|
57
|
-
required: true, regex: {
|
|
58
|
-
name: "Email",
|
|
59
|
-
regex: RegexTemplate.Email
|
|
60
|
-
}
|
|
61
|
-
});
|
|
62
|
-
}
|
|
63
|
-
static getErrorDate(name: string, value: string | null | undefined): string | null
|
|
64
|
-
{
|
|
65
|
-
return Validator.getError(name, value, {
|
|
66
|
-
required: true, regex: {
|
|
67
|
-
name: "Date",
|
|
68
|
-
regex: RegexTemplate.Date
|
|
69
|
-
}
|
|
70
|
-
});
|
|
71
|
-
}
|
|
72
|
-
static getErrorTime(name: string, value: string | null | undefined): string | null
|
|
73
|
-
{
|
|
74
|
-
return Validator.getError(name, value, {
|
|
75
|
-
required: true, regex: {
|
|
76
|
-
name: "Time",
|
|
77
|
-
regex: RegexTemplate.Time
|
|
78
|
-
}
|
|
79
|
-
});
|
|
80
|
-
}
|
|
81
|
-
static getErrorDuration(name: string, value: string | null | undefined): string | null
|
|
82
|
-
{
|
|
83
|
-
return Validator.getError(name, value, {
|
|
84
|
-
required: true, regex: {
|
|
85
|
-
name: "Duration",
|
|
86
|
-
regex: RegexTemplate.Duration
|
|
87
|
-
}
|
|
88
|
-
});
|
|
89
|
-
}
|
|
90
|
-
static getErrorIP(name: string, value: string | null | undefined): string | null
|
|
91
|
-
{
|
|
92
|
-
return Validator.getError(name, value, {
|
|
93
|
-
required: true, regex: {
|
|
94
|
-
name: "IP",
|
|
95
|
-
regex: RegexTemplate.IP
|
|
96
|
-
}
|
|
97
|
-
});
|
|
98
|
-
}
|
|
99
|
-
static getErrorPhone(name: string, value: string | null | undefined): string | null
|
|
100
|
-
{
|
|
101
|
-
return Validator.getError(name, value, {
|
|
102
|
-
required: true, validator: () =>
|
|
103
|
-
{
|
|
104
|
-
if (value)
|
|
105
|
-
if (!PhoneOperation.isValid(value))
|
|
106
|
-
return `${name} is not a valid phone number`;
|
|
107
|
-
return null;
|
|
108
|
-
}
|
|
109
|
-
});
|
|
110
|
-
}
|
|
1
|
+
import { PhoneOperation, RegexTemplate } from "namirasoft-core";
|
|
2
|
+
import { IValidationNumberProps } from "./props/IValidationNumberProps";
|
|
3
|
+
import { IValidationProps } from "./props/IValidationProps";
|
|
4
|
+
import { IValidationStringProps } from "./props/IValidationStringProps";
|
|
5
|
+
|
|
6
|
+
export class Validator
|
|
7
|
+
{
|
|
8
|
+
static getError(name: string, value: string | number | null | undefined, validator: IValidationProps): string | null
|
|
9
|
+
{
|
|
10
|
+
if (validator.required)
|
|
11
|
+
if (!value)
|
|
12
|
+
return `${name} is required.`;
|
|
13
|
+
if (value != null)
|
|
14
|
+
if (validator.regex)
|
|
15
|
+
if (!validator.regex.regex.test(value + ""))
|
|
16
|
+
return `${name} is not a valid ${validator.regex.name}.`;
|
|
17
|
+
if (value != null)
|
|
18
|
+
if (validator.validator)
|
|
19
|
+
{
|
|
20
|
+
let error = validator.validator(name, value);
|
|
21
|
+
if (error)
|
|
22
|
+
return error;
|
|
23
|
+
}
|
|
24
|
+
return null;
|
|
25
|
+
}
|
|
26
|
+
static getErrorString(name: string, value: string | null | undefined, validator: IValidationStringProps): string | null
|
|
27
|
+
{
|
|
28
|
+
if (value != null)
|
|
29
|
+
{
|
|
30
|
+
if (validator.max_length != null)
|
|
31
|
+
if (validator.max_length < value.length)
|
|
32
|
+
return `Max length of ${name} should be ${validator.max_length} characters.`;
|
|
33
|
+
if (validator.min_length != null)
|
|
34
|
+
if (validator.min_length > value.length)
|
|
35
|
+
return `Minlength of ${name} should be ${validator.min_length} characters.`;
|
|
36
|
+
}
|
|
37
|
+
return null;
|
|
38
|
+
}
|
|
39
|
+
static getErrorNumber(name: string, value: number | null | undefined, validator: IValidationNumberProps): string | null
|
|
40
|
+
{
|
|
41
|
+
if (value != null)
|
|
42
|
+
{
|
|
43
|
+
if (isNaN(value))
|
|
44
|
+
return `${name} is not a number.`;
|
|
45
|
+
if (validator.max != null)
|
|
46
|
+
if (validator.max < value)
|
|
47
|
+
return `Max value of ${name} should be ${validator.max} characters.`;
|
|
48
|
+
if (validator.min != null)
|
|
49
|
+
if (validator.min > value)
|
|
50
|
+
return `Min value of ${name} should be ${validator.min} characters.`;
|
|
51
|
+
}
|
|
52
|
+
return null;
|
|
53
|
+
}
|
|
54
|
+
static getErrorEmail(name: string, value: string | null | undefined): string | null
|
|
55
|
+
{
|
|
56
|
+
return Validator.getError(name, value, {
|
|
57
|
+
required: true, regex: {
|
|
58
|
+
name: "Email",
|
|
59
|
+
regex: RegexTemplate.Email
|
|
60
|
+
}
|
|
61
|
+
});
|
|
62
|
+
}
|
|
63
|
+
static getErrorDate(name: string, value: string | null | undefined): string | null
|
|
64
|
+
{
|
|
65
|
+
return Validator.getError(name, value, {
|
|
66
|
+
required: true, regex: {
|
|
67
|
+
name: "Date",
|
|
68
|
+
regex: RegexTemplate.Date
|
|
69
|
+
}
|
|
70
|
+
});
|
|
71
|
+
}
|
|
72
|
+
static getErrorTime(name: string, value: string | null | undefined): string | null
|
|
73
|
+
{
|
|
74
|
+
return Validator.getError(name, value, {
|
|
75
|
+
required: true, regex: {
|
|
76
|
+
name: "Time",
|
|
77
|
+
regex: RegexTemplate.Time
|
|
78
|
+
}
|
|
79
|
+
});
|
|
80
|
+
}
|
|
81
|
+
static getErrorDuration(name: string, value: string | null | undefined): string | null
|
|
82
|
+
{
|
|
83
|
+
return Validator.getError(name, value, {
|
|
84
|
+
required: true, regex: {
|
|
85
|
+
name: "Duration",
|
|
86
|
+
regex: RegexTemplate.Duration
|
|
87
|
+
}
|
|
88
|
+
});
|
|
89
|
+
}
|
|
90
|
+
static getErrorIP(name: string, value: string | null | undefined): string | null
|
|
91
|
+
{
|
|
92
|
+
return Validator.getError(name, value, {
|
|
93
|
+
required: true, regex: {
|
|
94
|
+
name: "IP",
|
|
95
|
+
regex: RegexTemplate.IP
|
|
96
|
+
}
|
|
97
|
+
});
|
|
98
|
+
}
|
|
99
|
+
static getErrorPhone(name: string, value: string | null | undefined): string | null
|
|
100
|
+
{
|
|
101
|
+
return Validator.getError(name, value, {
|
|
102
|
+
required: true, validator: () =>
|
|
103
|
+
{
|
|
104
|
+
if (value)
|
|
105
|
+
if (!PhoneOperation.isValid(value))
|
|
106
|
+
return `${name} is not a valid phone number`;
|
|
107
|
+
return null;
|
|
108
|
+
}
|
|
109
|
+
});
|
|
110
|
+
}
|
|
111
111
|
}
|