namirasoft-site-react 1.4.133 → 1.4.134
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.dockerignore +86 -86
- package/.env.template +10 -10
- package/Dockerfile +18 -18
- package/config-overrides.js +72 -72
- package/dist/App.d.ts +0 -6
- package/dist/App.js +44 -174
- package/dist/App.js.map +1 -1
- package/dist/Validator.d.ts +2 -1
- package/dist/Validator.js +16 -8
- package/dist/Validator.js.map +1 -1
- package/dist/components/NSBarAction.d.ts +4 -4
- package/dist/components/NSBarAction.js +3 -3
- package/dist/components/NSBarAction.js.map +1 -1
- package/dist/components/NSBarAction.module.css +97 -97
- package/dist/components/NSBarAlert.d.ts +5 -5
- package/dist/components/NSBarAlert.js +1 -1
- package/dist/components/NSBarAlert.js.map +1 -1
- package/dist/components/NSBarAlert.module.css +69 -69
- package/dist/components/NSBarNotification.d.ts +3 -3
- package/dist/components/NSBarNotification.js +1 -1
- package/dist/components/NSBarNotification.js.map +1 -1
- package/dist/components/NSBarNotification.module.css +34 -34
- package/dist/components/NSBarTitle.d.ts +2 -2
- package/dist/components/NSBarTitle.js.map +1 -1
- package/dist/components/NSBarTitle.module.css +9 -9
- package/dist/components/NSBox.module.css +50 -126
- package/dist/components/NSBoxBaseCombo.d.ts +58 -0
- package/dist/components/NSBoxBaseCombo.js +163 -0
- package/dist/components/NSBoxBaseCombo.js.map +1 -0
- package/dist/components/{NSBoxCombo.module.css → NSBoxBaseCombo.module.css} +6 -6
- package/dist/components/NSBoxBoolean.d.ts +5 -6
- package/dist/components/NSBoxBoolean.js +6 -3
- package/dist/components/NSBoxBoolean.js.map +1 -1
- package/dist/components/NSBoxBoolean.module.css +67 -88
- package/dist/components/NSBoxCombo.d.ts +6 -25
- package/dist/components/NSBoxCombo.js +31 -61
- package/dist/components/NSBoxCombo.js.map +1 -1
- package/dist/components/NSBoxDate.d.ts +5 -4
- package/dist/components/NSBoxDate.js +11 -4
- package/dist/components/NSBoxDate.js.map +1 -1
- package/dist/components/NSBoxDate.module.css +4 -56
- package/dist/components/NSBoxDateTime.d.ts +5 -4
- package/dist/components/NSBoxDateTime.js +11 -5
- package/dist/components/NSBoxDateTime.js.map +1 -1
- package/dist/components/NSBoxDateTime.module.css +4 -51
- package/dist/components/NSBoxDouble.d.ts +4 -4
- package/dist/components/NSBoxDouble.js +9 -4
- package/dist/components/NSBoxDouble.js.map +1 -1
- package/dist/components/NSBoxDuration.d.ts +5 -4
- package/dist/components/NSBoxDuration.js +11 -4
- package/dist/components/NSBoxDuration.js.map +1 -1
- package/dist/components/NSBoxDuration.module.css +5 -0
- package/dist/components/NSBoxEmail.d.ts +6 -7
- package/dist/components/NSBoxEmail.js +18 -11
- package/dist/components/NSBoxEmail.js.map +1 -1
- package/dist/components/NSBoxEntity.d.ts +10 -44
- package/dist/components/NSBoxEntity.js +19 -92
- package/dist/components/NSBoxEntity.js.map +1 -1
- package/dist/components/NSBoxEnum.d.ts +12 -9
- package/dist/components/NSBoxEnum.js +29 -20
- package/dist/components/NSBoxEnum.js.map +1 -1
- package/dist/components/NSBoxFile.d.ts +9 -14
- package/dist/components/NSBoxFile.js +33 -47
- package/dist/components/NSBoxFile.js.map +1 -1
- package/dist/components/NSBoxFile.module.css +10 -4
- package/dist/components/NSBoxIPV4.d.ts +4 -4
- package/dist/components/NSBoxIPV4.js +12 -6
- package/dist/components/NSBoxIPV4.js.map +1 -1
- package/dist/components/NSBoxIPV6.d.ts +4 -4
- package/dist/components/NSBoxIPV6.js +11 -6
- package/dist/components/NSBoxIPV6.js.map +1 -1
- package/dist/components/NSBoxInteger.d.ts +4 -4
- package/dist/components/NSBoxInteger.js +9 -4
- package/dist/components/NSBoxInteger.js.map +1 -1
- package/dist/components/{NSBoxPrice.d.ts → NSBoxMoney.d.ts} +7 -7
- package/dist/components/NSBoxMoney.js +50 -0
- package/dist/components/NSBoxMoney.js.map +1 -0
- package/dist/components/NSBoxPassword.d.ts +5 -4
- package/dist/components/NSBoxPassword.js +18 -5
- package/dist/components/NSBoxPassword.js.map +1 -1
- package/dist/components/NSBoxPhone.d.ts +7 -8
- package/dist/components/NSBoxPhone.js +30 -20
- package/dist/components/NSBoxPhone.js.map +1 -1
- package/dist/components/NSBoxPhone.module.css +36 -0
- package/dist/components/NSBoxRadio.d.ts +5 -6
- package/dist/components/NSBoxRadio.js +3 -3
- package/dist/components/NSBoxRadio.js.map +1 -1
- package/dist/components/NSBoxRadio.module.css +69 -70
- package/dist/components/NSBoxSearch.d.ts +4 -6
- package/dist/components/NSBoxSearch.js +9 -14
- package/dist/components/NSBoxSearch.js.map +1 -1
- package/dist/components/NSBoxString.d.ts +4 -6
- package/dist/components/NSBoxString.js +10 -10
- package/dist/components/NSBoxString.js.map +1 -1
- package/dist/components/NSBoxTextArea.d.ts +4 -6
- package/dist/components/NSBoxTextArea.js +9 -12
- package/dist/components/NSBoxTextArea.js.map +1 -1
- package/dist/components/NSBoxTextArea.module.css +45 -83
- package/dist/components/NSBoxTime.d.ts +5 -4
- package/dist/components/NSBoxTime.js +11 -4
- package/dist/components/NSBoxTime.js.map +1 -1
- package/dist/components/NSBoxTime.module.css +5 -0
- package/dist/components/NSButton.d.ts +2 -2
- package/dist/components/NSButton.js.map +1 -1
- package/dist/components/NSButton.module.css +42 -42
- package/dist/components/NSButtonBlue.d.ts +2 -2
- package/dist/components/NSButtonBlue.js.map +1 -1
- package/dist/components/NSButtonBlue.module.css +4 -4
- package/dist/components/NSButtonGreen.d.ts +2 -2
- package/dist/components/NSButtonGreen.js.map +1 -1
- package/dist/components/NSButtonGreen.module.css +4 -4
- package/dist/components/NSButtonRed.d.ts +2 -2
- package/dist/components/NSButtonRed.js.map +1 -1
- package/dist/components/NSButtonRed.module.css +4 -4
- package/dist/components/NSCard.d.ts +2 -2
- package/dist/components/NSCard.js.map +1 -1
- package/dist/components/NSCard.module.css +114 -114
- package/dist/components/NSCardScreenshot.module.css +41 -41
- package/dist/components/NSChartColumn.module.css +7 -7
- package/dist/components/NSChartRange.d.ts +2 -2
- package/dist/components/NSChartRange.js.map +1 -1
- package/dist/components/NSChartTable.module.css +21 -21
- package/dist/components/NSCopyBox.d.ts +7 -0
- package/dist/components/{NSBoxCopy.js → NSCopyBox.js} +3 -3
- package/dist/components/{NSBoxCopy.js.map → NSCopyBox.js.map} +1 -1
- package/{src/components/NSBoxCopy.module.css → dist/components/NSCopyBox.module.css} +43 -43
- package/dist/components/NSDialog.module.css +106 -106
- package/dist/components/NSDialogDelete.d.ts +6 -0
- package/dist/components/{NSDeleteDialog.js → NSDialogDelete.js} +4 -4
- package/dist/components/NSDialogDelete.js.map +1 -0
- package/dist/components/{NSInfoDialog.d.ts → NSDialogInfo.d.ts} +2 -2
- package/dist/components/{NSInfoDialog.js → NSDialogInfo.js} +2 -2
- package/dist/components/{NSInfoDialog.js.map → NSDialogInfo.js.map} +1 -1
- package/dist/components/{NSPageSelectionModal.d.ts → NSDialogPageSelection.d.ts} +4 -4
- package/dist/components/{NSPageSelectionModal.js → NSDialogPageSelection.js} +4 -4
- package/dist/components/NSDialogPageSelection.js.map +1 -0
- package/dist/components/{NSPageSelectionModal.module.css → NSDialogPageSelection.module.css} +103 -103
- package/dist/components/NSDownTimer.module.css +55 -55
- package/dist/components/NSDownload.js.map +1 -1
- package/dist/components/NSDownload.module.css +46 -46
- package/dist/components/NSElectronicCard.d.ts +2 -2
- package/dist/components/NSElectronicCard.js.map +1 -1
- package/dist/components/NSElectronicCard.module.css +60 -60
- package/dist/components/NSEntityCardBackground.d.ts +2 -2
- package/dist/components/NSEntityCardBackground.js.map +1 -1
- package/dist/components/NSEntityCardBackground.module.css +27 -27
- package/dist/components/NSFilterBox.d.ts +13 -13
- package/dist/components/NSFilterBox.js +4 -4
- package/dist/components/NSFilterBox.js.map +1 -1
- package/dist/components/NSFilterBox.module.css +62 -62
- package/dist/components/NSFilterBoxDialog.js +1 -1
- package/dist/components/NSFilterBoxDialog.js.map +1 -1
- package/dist/components/NSFilterBoxDialog.module.css +36 -36
- package/dist/components/NSFilterItem.module.css +23 -23
- package/dist/components/NSFooter.d.ts +3 -3
- package/dist/components/NSFooter.js +4 -4
- package/dist/components/NSFooter.js.map +1 -1
- package/dist/components/NSFooter.module.css +123 -123
- package/dist/components/NSHeader.d.ts +3 -3
- package/dist/components/NSHeader.js +3 -3
- package/dist/components/NSHeader.js.map +1 -1
- package/dist/components/NSHeader.module.css +291 -291
- package/dist/components/NSHeaderScreenshot.d.ts +2 -2
- package/dist/components/NSHeaderScreenshot.js.map +1 -1
- package/dist/components/NSHeaderScreenshot.module.css +35 -35
- package/dist/components/{NSBoxLabel.d.ts → NSLabel.d.ts} +3 -3
- package/dist/components/NSLabel.js +11 -0
- package/dist/components/NSLabel.js.map +1 -0
- package/{src/components/NSBoxLabel.module.css → dist/components/NSLabel.module.css} +15 -14
- package/dist/components/NSLabelErrorNotifier.d.ts +6 -0
- package/dist/components/{NSBoxErrorNotifier.js → NSLabelErrorNotifier.js} +3 -3
- package/dist/components/NSLabelErrorNotifier.js.map +1 -0
- package/dist/components/{NSBoxErrorNotifier.module.css → NSLabelErrorNotifier.module.css} +2 -2
- package/dist/components/NSLayout.d.ts +10 -12
- package/dist/components/NSLayout.js +2 -4
- package/dist/components/NSLayout.js.map +1 -1
- package/dist/components/NSLayout.module.css +13 -13
- package/dist/components/NSLine.module.css +12 -12
- package/dist/components/NSLink.d.ts +2 -2
- package/dist/components/NSLink.js.map +1 -1
- package/dist/components/NSLink.module.css +36 -36
- package/dist/components/NSLinkBlue.d.ts +2 -2
- package/dist/components/NSLinkBlue.js.map +1 -1
- package/dist/components/NSLinkGreen.d.ts +2 -2
- package/dist/components/NSLinkGreen.js.map +1 -1
- package/dist/components/NSLinkRed.d.ts +2 -2
- package/dist/components/NSLinkRed.js.map +1 -1
- package/dist/components/{NSGroupedList.d.ts → NSListGrouped.d.ts} +8 -8
- package/dist/components/NSListGrouped.js +40 -0
- package/dist/components/{NSGroupedList.js.map → NSListGrouped.js.map} +1 -1
- package/dist/components/{NSGroupedList.module.css → NSListGrouped.module.css} +72 -72
- package/dist/components/{NSProductList.d.ts → NSListProduct.d.ts} +2 -2
- package/dist/components/{NSProductList.js → NSListProduct.js} +2 -2
- package/dist/components/{NSProductList.js.map → NSListProduct.js.map} +1 -1
- package/dist/components/NSLoading.d.ts +2 -2
- package/dist/components/NSLoading.js.map +1 -1
- package/dist/components/NSLoading.module.css +30 -30
- package/dist/components/{NSActionMenu.d.ts → NSMenuAction.d.ts} +4 -4
- package/dist/components/{NSActionMenu.js → NSMenuAction.js} +5 -5
- package/dist/components/{NSActionMenu.js.map → NSMenuAction.js.map} +1 -1
- package/{src/components/NSActionMenu.module.css → dist/components/NSMenuAction.module.css} +100 -101
- package/dist/components/NSMenuButton.d.ts +18 -0
- package/dist/components/NSMenuButton.js +42 -0
- package/dist/components/NSMenuButton.js.map +1 -0
- package/{src/components/NSAssistantButton.module.css → dist/components/NSMenuButton.module.css} +124 -135
- package/dist/components/NSNoData.d.ts +2 -2
- package/dist/components/NSNoData.js.map +1 -1
- package/dist/components/NSNoData.module.css +9 -9
- package/dist/components/NSPagination.d.ts +4 -4
- package/dist/components/NSPagination.js +2 -2
- package/dist/components/NSPagination.js.map +1 -1
- package/dist/components/NSPagination.module.css +110 -110
- package/dist/components/NSPanel.module.css +46 -46
- package/dist/components/{NSAccordion.d.ts → NSPanelAccordion.d.ts} +2 -2
- package/dist/components/{NSAccordion.js → NSPanelAccordion.js} +5 -5
- package/dist/components/NSPanelAccordion.js.map +1 -0
- package/dist/components/{NSAccordion.module.css → NSPanelAccordion.module.css} +4 -4
- package/dist/components/NSRange.d.ts +2 -2
- package/dist/components/NSRange.js.map +1 -1
- package/dist/components/NSRange.module.css +66 -66
- package/dist/components/NSSection.d.ts +2 -2
- package/dist/components/NSSection.js.map +1 -1
- package/dist/components/NSSection.module.css +10 -10
- package/dist/components/NSSectionCards.d.ts +4 -4
- package/dist/components/NSSectionCards.js.map +1 -1
- package/dist/components/NSSectionCards.module.css +38 -38
- package/dist/components/NSSectionTiles.d.ts +7 -0
- package/dist/components/NSSectionTiles.js +10 -0
- package/dist/components/NSSectionTiles.js.map +1 -0
- package/dist/components/{NSSectionBars.module.css → NSSectionTiles.module.css} +10 -10
- package/dist/components/NSSectionTitle.d.ts +2 -2
- package/dist/components/NSSectionTitle.js.map +1 -1
- package/dist/components/NSSpace.d.ts +2 -2
- package/dist/components/NSSpace.js.map +1 -1
- package/dist/components/NSTabPage.js +2 -1
- package/dist/components/NSTabPage.js.map +1 -1
- package/dist/components/NSTabPage.module.css +59 -59
- package/dist/components/NSTable.d.ts +3 -3
- package/dist/components/NSTable.js +6 -6
- package/dist/components/NSTable.js.map +1 -1
- package/dist/components/NSTable.module.css +260 -260
- package/dist/components/NSTag.js +2 -2
- package/dist/components/NSTag.js.map +1 -1
- package/dist/components/NSTag.module.css +52 -52
- package/dist/components/{NSEntityBar.d.ts → NSTile.d.ts} +2 -2
- package/dist/components/{NSEntityBar.js → NSTile.js} +3 -3
- package/dist/components/NSTile.js.map +1 -0
- package/{src/components/NSEntityBar.module.css → dist/components/NSTile.module.css} +77 -77
- package/dist/components/NSTimelineMonthly.d.ts +2 -2
- package/dist/components/NSTimelineMonthly.js.map +1 -1
- package/dist/components/NSTimelineMonthly.module.css +71 -71
- package/dist/components/NSTitle.d.ts +2 -2
- package/dist/components/NSTitle.js.map +1 -1
- package/dist/components/NSTitle.module.css +15 -15
- package/dist/main.d.ts +21 -26
- package/dist/main.js +21 -26
- package/dist/main.js.map +1 -1
- package/dist/pages/NSNotFoundPage.module.css +17 -17
- package/dist/pages/NSUpdating.module.css +35 -35
- package/dist/routing/INSRouterState.d.ts +2 -2
- package/dist/routing/Notifier.d.ts +2 -2
- package/dist/routing/Notifier.js.map +1 -1
- package/package.json +76 -75
- package/public/index.html +38 -38
- package/src/App.css +33 -57
- package/src/App.tsx +191 -377
- package/src/Color.tsx +10 -10
- package/src/CopyToClipboard.ts +6 -6
- package/src/Validator.ts +125 -117
- package/src/components/NSBarAction.module.css +97 -97
- package/src/components/NSBarAction.tsx +89 -89
- package/src/components/NSBarAlert.module.css +69 -69
- package/src/components/NSBarAlert.tsx +30 -30
- package/src/components/NSBarNotification.module.css +34 -34
- package/src/components/NSBarNotification.tsx +89 -87
- package/src/components/NSBarTitle.module.css +9 -9
- package/src/components/NSBarTitle.tsx +29 -29
- package/src/components/NSBox.module.css +50 -126
- package/src/components/{NSBoxCombo.module.css → NSBoxBaseCombo.module.css} +6 -6
- package/src/components/NSBoxBaseCombo.tsx +268 -0
- package/src/components/NSBoxBoolean.module.css +67 -88
- package/src/components/NSBoxBoolean.tsx +131 -124
- package/src/components/NSBoxBooleans.tsx +159 -159
- package/src/components/NSBoxCombo.tsx +61 -151
- package/src/components/NSBoxDate.module.css +4 -56
- package/src/components/NSBoxDate.tsx +101 -88
- package/src/components/NSBoxDateTime.module.css +4 -51
- package/src/components/NSBoxDateTime.tsx +101 -89
- package/src/components/NSBoxDouble.tsx +104 -92
- package/src/components/NSBoxDuration.module.css +5 -0
- package/src/components/NSBoxDuration.tsx +105 -92
- package/src/components/NSBoxEmail.tsx +112 -103
- package/src/components/NSBoxEntity.tsx +52 -197
- package/src/components/NSBoxEnum.tsx +64 -55
- package/src/components/NSBoxFile.module.css +10 -4
- package/src/components/NSBoxFile.tsx +101 -124
- package/src/components/NSBoxIPV4.tsx +107 -97
- package/src/components/NSBoxIPV6.tsx +103 -94
- package/src/components/NSBoxInteger.tsx +104 -94
- package/src/components/{NSBoxPrice.tsx → NSBoxMoney.tsx} +102 -92
- package/src/components/NSBoxPassword.tsx +111 -90
- package/src/components/NSBoxPhone.module.css +36 -0
- package/src/components/NSBoxPhone.tsx +116 -97
- package/src/components/NSBoxRadio.module.css +69 -70
- package/src/components/NSBoxRadio.tsx +107 -111
- package/src/components/NSBoxSearch.tsx +99 -107
- package/src/components/NSBoxString.tsx +104 -106
- package/src/components/NSBoxTextArea.module.css +45 -83
- package/src/components/NSBoxTextArea.tsx +108 -112
- package/src/components/NSBoxTime.module.css +5 -0
- package/src/components/NSBoxTime.tsx +104 -92
- package/src/components/NSButton.module.css +42 -42
- package/src/components/NSButton.tsx +25 -25
- package/src/components/NSButtonBlue.module.css +4 -4
- package/src/components/NSButtonBlue.tsx +19 -19
- package/src/components/NSButtonGreen.module.css +4 -4
- package/src/components/NSButtonGreen.tsx +19 -19
- package/src/components/NSButtonRed.module.css +4 -4
- package/src/components/NSButtonRed.tsx +19 -19
- package/src/components/NSCard.module.css +114 -114
- package/src/components/NSCard.tsx +63 -63
- package/src/components/NSCardScreenshot.module.css +41 -41
- package/src/components/NSCardScreenshot.tsx +31 -31
- package/src/components/NSChartColumn.module.css +7 -7
- package/src/components/NSChartColumn.tsx +106 -106
- package/src/components/NSChartDoughnut.tsx +108 -108
- package/src/components/NSChartPie.tsx +105 -105
- package/src/components/NSChartRange.tsx +14 -15
- package/src/components/NSChartTable.module.css +21 -21
- package/src/components/NSChartTable.tsx +94 -94
- package/src/components/NSCopy.tsx +67 -67
- package/{dist/components/NSBoxCopy.module.css → src/components/NSCopyBox.module.css} +43 -43
- package/src/components/{NSBoxCopy.tsx → NSCopyBox.tsx} +41 -41
- package/src/components/NSDialog.module.css +106 -106
- package/src/components/NSDialog.tsx +56 -56
- package/src/components/{NSDeleteDialog.tsx → NSDialogDelete.tsx} +26 -26
- package/src/components/{NSInfoDialog.tsx → NSDialogInfo.tsx} +36 -36
- package/src/components/{NSPageSelectionModal.module.css → NSDialogPageSelection.module.css} +103 -103
- package/src/components/{NSPageSelectionModal.tsx → NSDialogPageSelection.tsx} +223 -228
- package/src/components/NSDownTimer.module.css +55 -55
- package/src/components/NSDownTimer.tsx +77 -77
- package/src/components/NSDownload.module.css +46 -46
- package/src/components/NSDownload.tsx +63 -62
- package/src/components/NSElectronicCard.module.css +60 -60
- package/src/components/NSElectronicCard.tsx +46 -45
- package/src/components/NSEntityCardBackground.module.css +27 -27
- package/src/components/NSEntityCardBackground.tsx +36 -34
- package/src/components/NSFilterBox.module.css +62 -62
- package/src/components/NSFilterBox.tsx +360 -360
- package/src/components/NSFilterBoxDialog.module.css +36 -36
- package/src/components/NSFilterBoxDialog.tsx +72 -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 +316 -316
- package/src/components/NSHeader.module.css +291 -291
- package/src/components/NSHeader.tsx +250 -250
- package/src/components/NSHeaderScreenshot.module.css +35 -35
- package/src/components/NSHeaderScreenshot.tsx +39 -38
- package/{dist/components/NSBoxLabel.module.css → src/components/NSLabel.module.css} +15 -14
- package/src/components/{NSBoxLabel.tsx → NSLabel.tsx} +29 -29
- package/src/components/{NSBoxErrorNotifier.module.css → NSLabelErrorNotifier.module.css} +2 -2
- package/src/components/{NSBoxErrorNotifier.tsx → NSLabelErrorNotifier.tsx} +32 -32
- package/src/components/NSLayout.module.css +13 -13
- package/src/components/NSLayout.tsx +100 -109
- package/src/components/NSLine.module.css +12 -12
- package/src/components/NSLine.tsx +15 -15
- package/src/components/NSLink.module.css +36 -36
- package/src/components/NSLink.tsx +25 -25
- package/src/components/NSLinkBlue.tsx +20 -20
- package/src/components/NSLinkGreen.tsx +5 -5
- package/src/components/NSLinkRed.tsx +5 -5
- package/src/components/{NSGroupedList.module.css → NSListGrouped.module.css} +72 -72
- package/src/components/{NSGroupedList.tsx → NSListGrouped.tsx} +112 -112
- package/src/components/{NSProductList.tsx → NSListProduct.tsx} +45 -45
- package/src/components/NSLoading.module.css +30 -30
- package/src/components/NSLoading.tsx +19 -20
- package/{dist/components/NSActionMenu.module.css → src/components/NSMenuAction.module.css} +100 -101
- package/src/components/{NSActionMenu.tsx → NSMenuAction.tsx} +90 -90
- package/{dist/components/NSAssistantButton.module.css → src/components/NSMenuButton.module.css} +124 -135
- package/src/components/NSMenuButton.tsx +125 -0
- package/src/components/NSNoData.module.css +9 -9
- package/src/components/NSNoData.tsx +24 -24
- package/src/components/NSPagination.module.css +110 -110
- package/src/components/NSPagination.tsx +190 -189
- package/src/components/NSPanel.module.css +46 -46
- package/src/components/NSPanel.tsx +19 -19
- package/src/components/{NSAccordion.module.css → NSPanelAccordion.module.css} +4 -4
- package/src/components/{NSAccordion.tsx → NSPanelAccordion.tsx} +51 -51
- package/src/components/NSRange.module.css +66 -66
- package/src/components/NSRange.tsx +83 -81
- package/src/components/NSRepeater.tsx +179 -179
- package/src/components/NSSection.module.css +10 -10
- package/src/components/NSSection.tsx +23 -23
- package/src/components/NSSectionCards.module.css +38 -38
- package/src/components/NSSectionCards.tsx +51 -51
- package/src/components/{NSSectionBars.module.css → NSSectionTiles.module.css} +10 -10
- package/src/components/{NSSectionBars.tsx → NSSectionTiles.tsx} +25 -25
- package/src/components/NSSectionTitle.tsx +21 -21
- package/src/components/NSSpace.tsx +28 -28
- package/src/components/NSTabPage.module.css +59 -59
- package/src/components/NSTabPage.tsx +78 -78
- package/src/components/NSTable.module.css +260 -260
- package/src/components/NSTable.tsx +477 -477
- package/src/components/NSTag.module.css +52 -52
- package/src/components/NSTag.tsx +78 -78
- package/{dist/components/NSEntityBar.module.css → src/components/NSTile.module.css} +77 -77
- package/src/components/{NSEntityBar.tsx → NSTile.tsx} +27 -27
- package/src/components/NSTimelineMonthly.module.css +71 -71
- package/src/components/NSTimelineMonthly.tsx +44 -42
- package/src/components/NSTitle.module.css +15 -15
- package/src/components/NSTitle.tsx +19 -19
- package/src/formatter/BackColorFormatter.tsx +23 -23
- package/src/formatter/BaseColumnFormatter.ts +16 -16
- package/src/formatter/BooleanFormatter.ts +22 -22
- package/src/formatter/DateFormatter.ts +20 -20
- package/src/formatter/DateTimeFormatter.ts +20 -20
- package/src/formatter/DurationFormatter.ts +13 -13
- package/src/formatter/EmailFormatter.ts +13 -13
- package/src/formatter/EnumFormatter.ts +13 -13
- package/src/formatter/FloatFormatter.ts +16 -16
- package/src/formatter/ForeColorFormatter.tsx +24 -24
- package/src/formatter/IDFormatter.tsx +30 -30
- package/src/formatter/IPFormatter.ts +13 -13
- package/src/formatter/IntegerFormatter.ts +16 -16
- package/src/formatter/JsonFormatter.ts +14 -14
- package/src/formatter/MoneyFormatter.ts +16 -16
- package/src/formatter/PhoneFormatter.ts +13 -13
- package/src/formatter/StringFormatter.ts +22 -22
- package/src/formatter/TimeFormatter.ts +21 -21
- package/src/formatter/UnknowFormatter.ts +14 -14
- package/src/index.tsx +7 -7
- package/src/main.ts +186 -118
- package/src/pages/NSNotFoundPage.module.css +17 -17
- package/src/pages/NSNotFoundPage.tsx +11 -11
- package/src/pages/NSUpdating.module.css +35 -35
- package/src/pages/NSUpdating.tsx +32 -32
- package/src/props/IBaseComponentProps.ts +8 -8
- package/src/props/IHeaderIconProps.ts +10 -10
- package/src/props/IHeaderProps.ts +7 -7
- package/src/props/IImageProps.ts +4 -4
- package/src/props/ILinkProps.ts +5 -5
- package/src/props/IValidationNumberProps.ts +4 -4
- package/src/props/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 -58
- package/dist/components/NSAccordion.js.map +0 -1
- package/dist/components/NSAssistantButton.d.ts +0 -5
- package/dist/components/NSAssistantButton.js +0 -17
- package/dist/components/NSAssistantButton.js.map +0 -1
- package/dist/components/NSBarHeroBanner.d.ts +0 -7
- package/dist/components/NSBarHeroBanner.js +0 -8
- package/dist/components/NSBarHeroBanner.js.map +0 -1
- package/dist/components/NSBarHeroBanner.module.css +0 -43
- package/dist/components/NSBoxCopy.d.ts +0 -7
- package/dist/components/NSBoxEntity.module.css +0 -22
- package/dist/components/NSBoxErrorNotifier.d.ts +0 -6
- package/dist/components/NSBoxErrorNotifier.js.map +0 -1
- package/dist/components/NSBoxLabel.js +0 -11
- package/dist/components/NSBoxLabel.js.map +0 -1
- package/dist/components/NSBoxPrice.js +0 -45
- package/dist/components/NSBoxPrice.js.map +0 -1
- package/dist/components/NSCopyToClipboard.d.ts +0 -7
- package/dist/components/NSCopyToClipboard.js +0 -13
- package/dist/components/NSCopyToClipboard.js.map +0 -1
- package/dist/components/NSCopyToClipboard.module.css +0 -44
- package/dist/components/NSDeleteDialog.d.ts +0 -6
- package/dist/components/NSDeleteDialog.js.map +0 -1
- package/dist/components/NSEntityBar.js.map +0 -1
- package/dist/components/NSGroupedList.js +0 -40
- package/dist/components/NSPageSelectionModal.js.map +0 -1
- package/dist/components/NSRadioButton.d.ts +0 -25
- package/dist/components/NSRadioButton.js +0 -49
- package/dist/components/NSRadioButton.js.map +0 -1
- package/dist/components/NSSectionBars.d.ts +0 -7
- package/dist/components/NSSectionBars.js +0 -10
- package/dist/components/NSSectionBars.js.map +0 -1
- package/dist/components/NSTimeTable.d.ts +0 -15
- package/dist/components/NSTimeTable.js +0 -21
- package/dist/components/NSTimeTable.js.map +0 -1
- package/dist/components/NSTimeTable.module.css +0 -7
- package/dist/formatter/ForeignIDFormatter.d.ts +0 -4
- package/dist/formatter/ForeignIDFormatter.js +0 -7
- package/dist/formatter/ForeignIDFormatter.js.map +0 -1
- package/dist/index.css +0 -6
- package/src/components/NSAssistantButton.tsx +0 -71
- package/src/components/NSBarHeroBanner.module.css +0 -43
- package/src/components/NSBarHeroBanner.tsx +0 -62
- package/src/components/NSBoxEntity.module.css +0 -22
- package/src/components/NSDeleteDialog.module.css +0 -0
- package/src/components/NSInfoDialog.module.css +0 -0
- package/src/components/NSProductList.module.css +0 -0
- package/src/components/NSTimeTable.module.css +0 -7
- package/src/components/NSTimeTable.tsx +0 -50
- /package/dist/components/{NSBoxEnum.module.css → NSDialogDelete.module.css} +0 -0
- /package/dist/components/{NSChartPie.module.css → NSDialogInfo.module.css} +0 -0
- /package/dist/components/{NSDeleteDialog.module.css → NSListProduct.module.css} +0 -0
- /package/{dist/components/NSInfoDialog.module.css → src/components/NSDialogDelete.module.css} +0 -0
- /package/{dist/components/NSProductList.module.css → src/components/NSDialogInfo.module.css} +0 -0
- /package/src/components/{NSBoxEnum.module.css → NSListProduct.module.css} +0 -0
|
@@ -1,25 +1,24 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import "./NSBoxPhone.module.css";
|
|
2
3
|
import 'react-phone-input-2/lib/style.css';
|
|
3
4
|
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
4
5
|
import { IValidationProps } from "../props/IValidationProps";
|
|
5
6
|
import { IValidationStringProps } from "../props/IValidationStringProps";
|
|
6
|
-
export interface
|
|
7
|
+
export interface NSBoxPhoneProps extends IBaseComponentProps, IValidationProps, IValidationStringProps {
|
|
7
8
|
title: string;
|
|
8
9
|
placeholder?: string;
|
|
9
10
|
defaultValue?: string;
|
|
10
|
-
onChanged?: (e: NSBoxPhone) => void;
|
|
11
|
+
onChanged?: (e: NSBoxPhone, callback?: () => void) => void;
|
|
11
12
|
onClicked?: (e: NSBoxPhone) => void;
|
|
12
13
|
}
|
|
13
|
-
export interface
|
|
14
|
+
export interface NSBoxPhoneState {
|
|
14
15
|
value: string;
|
|
15
16
|
error?: string;
|
|
16
|
-
isFullScreen: boolean;
|
|
17
17
|
}
|
|
18
|
-
export declare class NSBoxPhone extends React.Component<
|
|
19
|
-
constructor(props:
|
|
18
|
+
export declare class NSBoxPhone extends React.Component<NSBoxPhoneProps, NSBoxPhoneState> {
|
|
19
|
+
constructor(props: NSBoxPhoneProps);
|
|
20
20
|
getError(): string | null;
|
|
21
21
|
getValue(checkError?: boolean): string;
|
|
22
|
-
setValue(value: string): void;
|
|
23
|
-
private toggleFullScreen;
|
|
22
|
+
setValue(value: string, callback?: () => void): void;
|
|
24
23
|
render(): import("react/jsx-runtime").JSX.Element;
|
|
25
24
|
}
|
|
@@ -1,19 +1,21 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
3
|
import React from "react";
|
|
4
|
-
import
|
|
4
|
+
import StylesNSBox from "./NSBox.module.css";
|
|
5
|
+
import Styles from "./NSBoxPhone.module.css";
|
|
6
|
+
import "./NSBoxPhone.module.css";
|
|
5
7
|
import PhoneInput from 'react-phone-input-2';
|
|
6
8
|
import 'react-phone-input-2/lib/style.css';
|
|
7
9
|
import { Validator } from "../Validator";
|
|
8
|
-
import {
|
|
10
|
+
import { NSLabelErrorNotifier } from "./NSLabelErrorNotifier";
|
|
11
|
+
import { NSMenuButton } from "./NSMenuButton";
|
|
9
12
|
export class NSBoxPhone extends React.Component {
|
|
10
13
|
constructor(props) {
|
|
11
14
|
var _a;
|
|
12
15
|
super(props);
|
|
13
|
-
this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : ""
|
|
16
|
+
this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : "" };
|
|
14
17
|
this.setValue = this.setValue.bind(this);
|
|
15
18
|
this.getValue = this.getValue.bind(this);
|
|
16
|
-
this.toggleFullScreen = this.toggleFullScreen.bind(this);
|
|
17
19
|
}
|
|
18
20
|
getError() {
|
|
19
21
|
return (Validator.getError(this.props.title, this.state.value, this.props) ||
|
|
@@ -28,25 +30,33 @@ export class NSBoxPhone extends React.Component {
|
|
|
28
30
|
throw new Error(error);
|
|
29
31
|
}
|
|
30
32
|
}
|
|
31
|
-
|
|
32
|
-
if (!(
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
return '+' + cleanedNumber.replace(/^\++/, '');
|
|
33
|
+
let value = (_a = this.state.value) === null || _a === void 0 ? void 0 : _a.trim();
|
|
34
|
+
if (!(value === null || value === void 0 ? void 0 : value.startsWith('+')))
|
|
35
|
+
value = '+' + value;
|
|
36
|
+
return value;
|
|
36
37
|
}
|
|
37
|
-
setValue(value) {
|
|
38
|
-
this.setState({ value })
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
38
|
+
setValue(value, callback) {
|
|
39
|
+
this.setState({ value }, () => {
|
|
40
|
+
if (this.props.onChanged)
|
|
41
|
+
this.props.onChanged(this, callback);
|
|
42
|
+
else if (callback)
|
|
43
|
+
callback();
|
|
44
|
+
});
|
|
42
45
|
}
|
|
43
46
|
render() {
|
|
44
|
-
var _a;
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
47
|
+
var _a, _b;
|
|
48
|
+
let menus = [];
|
|
49
|
+
if (!this.getError())
|
|
50
|
+
menus.push({
|
|
51
|
+
title: "Call",
|
|
52
|
+
icon: "https://static.namirasoft.com/image/concept/type/phone.png",
|
|
53
|
+
href: `tel:${this.state.value}`
|
|
54
|
+
});
|
|
55
|
+
return (_jsx(_Fragment, { children: _jsxs("div", { id: this.props.id, className: `${StylesNSBox.ns_input_parent} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: (_b = this.props.style) !== null && _b !== void 0 ? _b : {}, children: [_jsxs("div", { className: `${StylesNSBox.ns_input_bar}`, children: [_jsxs("span", { className: StylesNSBox.ns_input_title, children: [this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title] }), _jsx(NSMenuButton, { value: this.state.value, setValue: this.setValue, menus: menus, hideFullscreen: true })] }), _jsx(PhoneInput, { value: this.state.value, onChange: (value) => { this.setValue(value); }, onClick: () => { if (this.props.onClicked)
|
|
56
|
+
this.props.onClicked(this); }, country: 'us', containerClass: Styles.ns_container, inputClass: Styles.ns_input, buttonClass: Styles.ns_button, enableSearch: true, searchClass: Styles.ns_search, dropdownClass: Styles.ns_dropdown, placeholder: this.props.placeholder, inputStyle: {
|
|
57
|
+
background: `url("https://static.namirasoft.com/image/concept/type/phone.png") white no-repeat scroll center right 4px`,
|
|
58
|
+
backgroundSize: "24px"
|
|
59
|
+
} }), _jsx(NSLabelErrorNotifier, { error: this.state.error, clearError: () => this.setState({ error: "" }) })] }) }));
|
|
50
60
|
}
|
|
51
61
|
}
|
|
52
62
|
//# sourceMappingURL=NSBoxPhone.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSBoxPhone.js","sourceRoot":"","sources":["../../src/components/NSBoxPhone.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,
|
|
1
|
+
{"version":3,"file":"NSBoxPhone.js","sourceRoot":"","sources":["../../src/components/NSBoxPhone.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
.ns_container {
|
|
2
|
+
padding: 8px 32px 8px 12px;
|
|
3
|
+
height: 48px !important;
|
|
4
|
+
width: auto !important;
|
|
5
|
+
font-size: 16px;
|
|
6
|
+
font-weight: 400;
|
|
7
|
+
max-width: inherit;
|
|
8
|
+
background-size: 24px 24px;
|
|
9
|
+
padding: 0px;
|
|
10
|
+
margin: 0px;
|
|
11
|
+
display: flex;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.ns_input {
|
|
15
|
+
width: 100% !important;
|
|
16
|
+
height: 48px !important;
|
|
17
|
+
left: 0px;
|
|
18
|
+
border-radius: 8px 8px 8px 8px !important;
|
|
19
|
+
border: 1px solid rgba(0, 0, 0, 1) !important;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.ns_button {
|
|
23
|
+
border-radius: 8px 0px 0px 8px !important;
|
|
24
|
+
left: 0px;
|
|
25
|
+
border: 1px solid rgba(0, 0, 0, 1) !important;
|
|
26
|
+
/* */
|
|
27
|
+
background-color: unset;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.ns_button>div {
|
|
31
|
+
background-color: unset !important;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.ns_dropdown {
|
|
35
|
+
width: 272px !important;
|
|
36
|
+
}
|
|
@@ -2,8 +2,7 @@ import React from "react";
|
|
|
2
2
|
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
3
3
|
import { IValidationProps } from "../props/IValidationProps";
|
|
4
4
|
import { IValidationStringProps } from "../props/IValidationStringProps";
|
|
5
|
-
export interface
|
|
6
|
-
input_id?: string;
|
|
5
|
+
export interface NSBoxRadioProps extends IBaseComponentProps, IValidationProps, IValidationStringProps {
|
|
7
6
|
title: string;
|
|
8
7
|
placeholder?: string;
|
|
9
8
|
defaultValue?: boolean;
|
|
@@ -11,16 +10,16 @@ export interface INSBoxRadioProps extends IBaseComponentProps, IValidationProps,
|
|
|
11
10
|
onChanged?: (e: NSBoxRadio, callback?: () => void) => void;
|
|
12
11
|
onClicked?: () => void;
|
|
13
12
|
}
|
|
14
|
-
export interface
|
|
13
|
+
export interface NSBoxRadioState {
|
|
15
14
|
value: boolean;
|
|
16
15
|
error?: string;
|
|
17
16
|
}
|
|
18
|
-
export declare class NSBoxRadio extends React.Component<
|
|
19
|
-
constructor(props:
|
|
17
|
+
export declare class NSBoxRadio extends React.Component<NSBoxRadioProps, NSBoxRadioState> {
|
|
18
|
+
constructor(props: NSBoxRadioProps);
|
|
20
19
|
getError(): string | null;
|
|
21
20
|
getValue(checkError?: boolean): boolean;
|
|
22
21
|
setValue(value: boolean, callback?: () => void): void;
|
|
23
22
|
private onChanged;
|
|
24
|
-
componentDidUpdate(prevProps:
|
|
23
|
+
componentDidUpdate(prevProps: NSBoxRadioProps): void;
|
|
25
24
|
render(): import("react/jsx-runtime").JSX.Element;
|
|
26
25
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
import React from "react";
|
|
3
3
|
import Styles from "./NSBoxRadio.module.css";
|
|
4
|
-
import {
|
|
4
|
+
import { NSLabelErrorNotifier } from "./NSLabelErrorNotifier";
|
|
5
5
|
export class NSBoxRadio extends React.Component {
|
|
6
6
|
constructor(props) {
|
|
7
7
|
var _a;
|
|
@@ -44,8 +44,8 @@ export class NSBoxRadio extends React.Component {
|
|
|
44
44
|
}
|
|
45
45
|
}
|
|
46
46
|
render() {
|
|
47
|
-
var _a;
|
|
48
|
-
return (_jsx(_Fragment, { children: _jsxs("div", {
|
|
47
|
+
var _a, _b;
|
|
48
|
+
return (_jsx(_Fragment, { children: _jsxs("div", { className: `${Styles.ns_input_parent} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: (_b = this.props.style) !== null && _b !== void 0 ? _b : {}, children: [_jsx("label", { htmlFor: this.props.id, children: _jsxs("div", { className: Styles.ns_checkbox_parent, children: [_jsx("input", { id: this.props.id, type: "radio", name: this.props.name, className: Styles.ns_input, checked: this.state.value, onChange: this.onChanged }), _jsxs("span", { className: Styles.ns_input_title, children: [this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title] })] }) }), _jsx(NSLabelErrorNotifier, { error: this.state.error, clearError: () => this.setState({ error: "" }) })] }) }));
|
|
49
49
|
}
|
|
50
50
|
}
|
|
51
51
|
//# sourceMappingURL=NSBoxRadio.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSBoxRadio.js","sourceRoot":"","sources":["../../src/components/NSBoxRadio.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"NSBoxRadio.js","sourceRoot":"","sources":["../../src/components/NSBoxRadio.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,71 +1,70 @@
|
|
|
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
|
-
max-width: 272px;
|
|
9
|
-
width: 100%;
|
|
10
|
-
border: 1px solid rgba(0, 0, 0, 1) !important;
|
|
11
|
-
background-color: #fff;
|
|
12
|
-
border-radius: 8px;
|
|
13
|
-
cursor: pointer;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
.ns_input_title {
|
|
17
|
-
font-size: 16px;
|
|
18
|
-
font-weight: 400;
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
font-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
font-
|
|
55
|
-
font-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
background: transparent;
|
|
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
|
+
max-width: 272px;
|
|
9
|
+
width: 100%;
|
|
10
|
+
border: 1px solid rgba(0, 0, 0, 1) !important;
|
|
11
|
+
background-color: #fff;
|
|
12
|
+
border-radius: 8px;
|
|
13
|
+
cursor: pointer;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.ns_input_title {
|
|
17
|
+
font-size: 16px;
|
|
18
|
+
font-weight: 400;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.ns_checkbox_parent {
|
|
22
|
+
padding: 10px 12px 10px 12px;
|
|
23
|
+
font-size: 16px;
|
|
24
|
+
font-weight: 400;
|
|
25
|
+
position: relative;
|
|
26
|
+
width: 100%;
|
|
27
|
+
display: flex;
|
|
28
|
+
flex-direction: row;
|
|
29
|
+
justify-content: left;
|
|
30
|
+
align-items: center;
|
|
31
|
+
height: 48px;
|
|
32
|
+
gap: 5px;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.ns_input {
|
|
36
|
+
width: 16px;
|
|
37
|
+
height: 16px;
|
|
38
|
+
cursor: pointer;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.ns_input:focus-visible {
|
|
42
|
+
border-color: rgba(0, 0, 0, 1) !important;
|
|
43
|
+
outline: solid 1px #4096ff !important;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.ns_input:checked {
|
|
47
|
+
accent-color: #141B5C;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.ns_checkbox_parent label {
|
|
51
|
+
cursor: pointer;
|
|
52
|
+
color: #141B5C;
|
|
53
|
+
font-size: 16px;
|
|
54
|
+
font-weight: 300;
|
|
55
|
+
font-family: inherit;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
@media only screen and (min-width: 380px) {
|
|
59
|
+
.ns_checkbox_parent {
|
|
60
|
+
width: 100%;
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.ns_input_transparent {
|
|
65
|
+
position: absolute;
|
|
66
|
+
z-index: 1;
|
|
67
|
+
width: 100%;
|
|
68
|
+
height: 100%;
|
|
69
|
+
background: transparent;
|
|
71
70
|
}
|
|
@@ -2,24 +2,22 @@ import React from "react";
|
|
|
2
2
|
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
3
3
|
import { IValidationProps } from "../props/IValidationProps";
|
|
4
4
|
import { IValidationStringProps } from "../props/IValidationStringProps";
|
|
5
|
-
export interface
|
|
5
|
+
export interface NSBoxSearchProps extends IBaseComponentProps, IValidationProps, IValidationStringProps {
|
|
6
6
|
title: string;
|
|
7
7
|
placeholder?: string;
|
|
8
8
|
defaultValue?: string;
|
|
9
9
|
onChanged?: (e: NSBoxSearch, callback?: () => void) => void;
|
|
10
10
|
onClicked?: (e: NSBoxSearch) => void;
|
|
11
11
|
}
|
|
12
|
-
export interface
|
|
12
|
+
export interface NSBoxSearchState {
|
|
13
13
|
value: string;
|
|
14
14
|
error?: string;
|
|
15
|
-
isFullScreen: boolean;
|
|
16
15
|
}
|
|
17
|
-
export declare class NSBoxSearch extends React.Component<
|
|
18
|
-
constructor(props:
|
|
16
|
+
export declare class NSBoxSearch extends React.Component<NSBoxSearchProps, NSBoxSearchState> {
|
|
17
|
+
constructor(props: NSBoxSearchProps);
|
|
19
18
|
getError(): string | null;
|
|
20
19
|
getValue(checkError?: boolean): string;
|
|
21
20
|
setValue(value: string, callback?: () => void): void;
|
|
22
21
|
private onChanged;
|
|
23
|
-
private toggleFullScreen;
|
|
24
22
|
render(): import("react/jsx-runtime").JSX.Element;
|
|
25
23
|
}
|
|
@@ -2,18 +2,17 @@
|
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
3
|
import React from "react";
|
|
4
4
|
import { Validator } from "../Validator";
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import
|
|
5
|
+
import { NSLabelErrorNotifier } from "./NSLabelErrorNotifier";
|
|
6
|
+
import { NSMenuButton } from "./NSMenuButton";
|
|
7
|
+
import StylesNSBox from "./NSBox.module.css";
|
|
8
8
|
export class NSBoxSearch extends React.Component {
|
|
9
9
|
constructor(props) {
|
|
10
10
|
var _a;
|
|
11
11
|
super(props);
|
|
12
|
-
this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : ""
|
|
12
|
+
this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : "" };
|
|
13
13
|
this.getValue = this.getValue.bind(this);
|
|
14
14
|
this.setValue = this.setValue.bind(this);
|
|
15
15
|
this.onChanged = this.onChanged.bind(this);
|
|
16
|
-
this.toggleFullScreen = this.toggleFullScreen.bind(this);
|
|
17
16
|
}
|
|
18
17
|
getError() {
|
|
19
18
|
return (Validator.getError(this.props.title, this.state.value, this.props) ||
|
|
@@ -40,17 +39,13 @@ export class NSBoxSearch extends React.Component {
|
|
|
40
39
|
onChanged(e) {
|
|
41
40
|
this.setValue(e.target.value);
|
|
42
41
|
}
|
|
43
|
-
toggleFullScreen() {
|
|
44
|
-
this.setState(prevState => ({ isFullScreen: !prevState.isFullScreen }));
|
|
45
|
-
}
|
|
46
42
|
render() {
|
|
47
|
-
var _a;
|
|
48
|
-
return (_jsx(_Fragment, { children: _jsxs("div", {
|
|
49
|
-
|
|
43
|
+
var _a, _b;
|
|
44
|
+
return (_jsx(_Fragment, { children: _jsxs("div", { className: `${StylesNSBox.ns_input_parent} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: (_b = this.props.style) !== null && _b !== void 0 ? _b : {}, children: [_jsxs("div", { className: `${StylesNSBox.ns_input_bar}`, children: [_jsxs("span", { className: StylesNSBox.ns_input_title, children: [this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title] }), _jsx(NSMenuButton, { value: this.state.value, setValue: this.setValue })] }), _jsx("input", { id: this.props.id, name: this.props.name, type: "text", className: StylesNSBox.ns_input, placeholder: this.props.placeholder, value: this.state.value, onChange: this.onChanged, onClick: () => { if (this.props.onClicked)
|
|
45
|
+
this.props.onClicked(this); }, style: {
|
|
46
|
+
background: `url(${"https://static.namirasoft.com/image/concept/search/blue.svg"}) white no-repeat scroll center right 4px`,
|
|
50
47
|
backgroundSize: "24px",
|
|
51
|
-
|
|
52
|
-
paddingLeft: "48px",
|
|
53
|
-
} }), _jsx(NSBoxErrorNotifier, { error: this.state.error, clearError: () => this.setState({ error: "" }) })] }) }));
|
|
48
|
+
} }), _jsx(NSLabelErrorNotifier, { error: this.state.error, clearError: () => this.setState({ error: "" }) })] }) }));
|
|
54
49
|
}
|
|
55
50
|
}
|
|
56
51
|
//# sourceMappingURL=NSBoxSearch.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSBoxSearch.js","sourceRoot":"","sources":["../../src/components/NSBoxSearch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"NSBoxSearch.js","sourceRoot":"","sources":["../../src/components/NSBoxSearch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,WAAW,MAAM,oBAAoB,CAAC;AAiB7C,MAAM,OAAO,WAAY,SAAQ,KAAK,CAAC,SAA6C;IAEnF,YAAY,KAAuB;;QAElC,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;IAC5C,CAAC;IACD,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;IACD,QAAQ,CAAC,aAAsB,IAAI;QAElC,IAAI,UAAU,EACd,CAAC;YACA,IAAI,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC5B,IAAI,KAAK,EACT,CAAC;gBACA,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;gBACzB,MAAM,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC;YACxB,CAAC;QACF,CAAC;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IACzB,CAAC;IACD,QAAQ,CAAC,KAAa,EAAE,QAAqB;QAE5C,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE;YAE7B,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS;gBACvB,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;iBACjC,IAAI,QAAQ;gBAChB,QAAQ,EAAE,CAAC;QACb,CAAC,CAAC,CAAC;IACJ,CAAC;IACO,SAAS,CAAC,CAAsC;QAEvD,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC;IACQ,MAAM;;QAEd,OAAO,CACN,4BACC,eAAK,SAAS,EAAE,GAAG,WAAW,CAAC,eAAe,IAAI,MAAA,IAAI,CAAC,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,KAAK,mCAAI,EAAE,aACjH,eAAK,SAAS,EAAE,GAAG,WAAW,CAAC,YAAY,EAAE,aAC5C,gBAAM,SAAS,EAAE,WAAW,CAAC,cAAc,aACzC,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,eAAM,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,kBAAU,OAAG,IAAI,CAAC,KAAK,CAAC,KAAK,IAC5E,EACP,KAAC,YAAY,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,IAC7D,EACN,gBACC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EACjB,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EACrB,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,WAAW,CAAC,QAAQ,EAC/B,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,EACnC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,SAAS,EACxB,OAAO,EAAE,GAAG,EAAE,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS;4BAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EACxE,KAAK,EAAE;4BACN,UAAU,EAAE,OAAO,6DAA6D,2CAA2C;4BAC3H,cAAc,EAAE,MAAM;yBACtB,GACA,EACF,KAAC,oBAAoB,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,GAAI,IAC5F,GACJ,CACH,CAAC;IACH,CAAC;CACD"}
|
|
@@ -2,7 +2,7 @@ import React from "react";
|
|
|
2
2
|
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
3
3
|
import { IValidationProps } from "../props/IValidationProps";
|
|
4
4
|
import { IValidationStringProps } from "../props/IValidationStringProps";
|
|
5
|
-
export interface
|
|
5
|
+
export interface NSBoxStringProps extends IBaseComponentProps, IValidationProps, IValidationStringProps {
|
|
6
6
|
title: string;
|
|
7
7
|
placeholder?: string;
|
|
8
8
|
defaultValue?: string;
|
|
@@ -10,17 +10,15 @@ export interface INSBoxStringProps extends IBaseComponentProps, IValidationProps
|
|
|
10
10
|
onClicked?: (e: NSBoxString) => void;
|
|
11
11
|
getError?: (value: string) => string | null;
|
|
12
12
|
}
|
|
13
|
-
export interface
|
|
13
|
+
export interface NSBoxStringState {
|
|
14
14
|
value: string;
|
|
15
15
|
error?: string;
|
|
16
|
-
isFullScreen: boolean;
|
|
17
16
|
}
|
|
18
|
-
export declare class NSBoxString extends React.Component<
|
|
19
|
-
constructor(props:
|
|
17
|
+
export declare class NSBoxString extends React.Component<NSBoxStringProps, NSBoxStringState> {
|
|
18
|
+
constructor(props: NSBoxStringProps);
|
|
20
19
|
getError(): string | null;
|
|
21
20
|
getValue(checkError?: boolean): string;
|
|
22
21
|
setValue(value: string, callback?: () => void): void;
|
|
23
22
|
private onChanged;
|
|
24
|
-
private toggleFullScreen;
|
|
25
23
|
render(): import("react/jsx-runtime").JSX.Element;
|
|
26
24
|
}
|
|
@@ -2,18 +2,17 @@
|
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
3
|
import React from "react";
|
|
4
4
|
import { Validator } from "../Validator";
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import
|
|
5
|
+
import { NSLabelErrorNotifier } from "./NSLabelErrorNotifier";
|
|
6
|
+
import { NSMenuButton } from "./NSMenuButton";
|
|
7
|
+
import StylesNSBox from "./NSBox.module.css";
|
|
8
8
|
export class NSBoxString extends React.Component {
|
|
9
9
|
constructor(props) {
|
|
10
10
|
var _a;
|
|
11
11
|
super(props);
|
|
12
|
-
this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : ""
|
|
12
|
+
this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : "" };
|
|
13
13
|
this.getValue = this.getValue.bind(this);
|
|
14
14
|
this.setValue = this.setValue.bind(this);
|
|
15
15
|
this.onChanged = this.onChanged.bind(this);
|
|
16
|
-
this.toggleFullScreen = this.toggleFullScreen.bind(this);
|
|
17
16
|
}
|
|
18
17
|
getError() {
|
|
19
18
|
let custom = null;
|
|
@@ -44,12 +43,13 @@ export class NSBoxString extends React.Component {
|
|
|
44
43
|
onChanged(e) {
|
|
45
44
|
this.setValue(e.target.value);
|
|
46
45
|
}
|
|
47
|
-
toggleFullScreen() {
|
|
48
|
-
this.setState(prevState => ({ isFullScreen: !prevState.isFullScreen }));
|
|
49
|
-
}
|
|
50
46
|
render() {
|
|
51
|
-
var _a;
|
|
52
|
-
return (_jsx(_Fragment, { children: _jsxs("div", {
|
|
47
|
+
var _a, _b;
|
|
48
|
+
return (_jsx(_Fragment, { children: _jsxs("div", { className: `${StylesNSBox.ns_input_parent} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: (_b = this.props.style) !== null && _b !== void 0 ? _b : {}, children: [_jsxs("div", { className: `${StylesNSBox.ns_input_bar}`, children: [_jsxs("span", { className: StylesNSBox.ns_input_title, children: [this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title] }), _jsx(NSMenuButton, { value: this.state.value, setValue: this.setValue })] }), _jsx("input", { id: this.props.id, name: this.props.name, type: "text", className: StylesNSBox.ns_input, placeholder: this.props.placeholder, value: this.state.value, onChange: this.onChanged, onClick: () => { if (this.props.onClicked)
|
|
49
|
+
this.props.onClicked(this); }, style: {
|
|
50
|
+
background: `url("https://static.namirasoft.com/image/concept/type/string.png") white no-repeat scroll center right 4px`,
|
|
51
|
+
backgroundSize: "24px"
|
|
52
|
+
} }), _jsx(NSLabelErrorNotifier, { error: this.state.error, clearError: () => this.setState({ error: "" }) })] }) }));
|
|
53
53
|
}
|
|
54
54
|
}
|
|
55
55
|
//# sourceMappingURL=NSBoxString.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSBoxString.js","sourceRoot":"","sources":["../../src/components/NSBoxString.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"NSBoxString.js","sourceRoot":"","sources":["../../src/components/NSBoxString.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ import React from "react";
|
|
|
2
2
|
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
3
3
|
import { IValidationProps } from "../props/IValidationProps";
|
|
4
4
|
import { IValidationStringProps } from "../props/IValidationStringProps";
|
|
5
|
-
export interface
|
|
5
|
+
export interface NSBoxTextAreaProps extends IBaseComponentProps, IValidationProps, IValidationStringProps {
|
|
6
6
|
title: string;
|
|
7
7
|
placeholder?: string;
|
|
8
8
|
defaultValue?: string;
|
|
@@ -11,17 +11,15 @@ export interface INSBoxTextAreaProps extends IBaseComponentProps, IValidationPro
|
|
|
11
11
|
cols?: number;
|
|
12
12
|
rows?: number;
|
|
13
13
|
}
|
|
14
|
-
export interface
|
|
14
|
+
export interface NSBoxTextAreaState {
|
|
15
15
|
value: string;
|
|
16
16
|
error?: string;
|
|
17
|
-
isFullScreen: boolean;
|
|
18
17
|
}
|
|
19
|
-
export declare class NSBoxTextArea extends React.Component<
|
|
20
|
-
constructor(props:
|
|
18
|
+
export declare class NSBoxTextArea extends React.Component<NSBoxTextAreaProps, NSBoxTextAreaState> {
|
|
19
|
+
constructor(props: NSBoxTextAreaProps);
|
|
21
20
|
getError(): string | null;
|
|
22
21
|
getValue(checkError?: boolean): string;
|
|
23
22
|
setValue(value: string, callback?: () => void): void;
|
|
24
23
|
private onChanged;
|
|
25
|
-
private toggleFullScreen;
|
|
26
24
|
render(): import("react/jsx-runtime").JSX.Element;
|
|
27
25
|
}
|