namirasoft-site-react 1.4.134 → 1.4.136
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.css +34 -0
- package/dist/App.js +50 -6
- package/dist/App.js.map +1 -1
- package/dist/components/NSBarAction.js +1 -1
- package/dist/components/NSBarAction.js.map +1 -1
- package/dist/components/NSBarAction.module.css +97 -97
- package/dist/components/NSBarAlert.d.ts +2 -1
- package/dist/components/NSBarAlert.js +2 -1
- package/dist/components/NSBarAlert.js.map +1 -1
- package/dist/components/NSBarAlert.module.css +69 -69
- package/dist/components/NSBarNotification.module.css +34 -34
- package/dist/components/NSBarTitle.module.css +9 -9
- package/dist/components/NSBox.module.css +50 -50
- package/dist/components/NSBoxBaseCombo.d.ts +8 -12
- package/dist/components/NSBoxBaseCombo.js +22 -34
- package/dist/components/NSBoxBaseCombo.js.map +1 -1
- package/dist/components/NSBoxBaseCombo.module.css +6 -6
- package/dist/components/NSBoxBaseLayout.d.ts +31 -0
- package/dist/components/NSBoxBaseLayout.js +34 -0
- package/dist/components/NSBoxBaseLayout.js.map +1 -0
- package/dist/components/NSBoxBoolean.d.ts +5 -8
- package/dist/components/NSBoxBoolean.js +15 -26
- package/dist/components/NSBoxBoolean.js.map +1 -1
- package/dist/components/NSBoxBoolean.module.css +67 -67
- package/dist/components/NSBoxBooleans.d.ts +2 -0
- package/dist/components/NSBoxBooleans.js +1 -1
- package/dist/components/NSBoxBooleans.js.map +1 -1
- package/dist/components/NSBoxCombo.d.ts +4 -2
- package/dist/components/NSBoxCombo.js.map +1 -1
- package/dist/components/NSBoxDate.d.ts +3 -7
- package/dist/components/NSBoxDate.js +14 -19
- package/dist/components/NSBoxDate.js.map +1 -1
- package/dist/components/NSBoxDate.module.css +4 -4
- package/dist/components/NSBoxDateTime.d.ts +3 -7
- package/dist/components/NSBoxDateTime.js +14 -19
- package/dist/components/NSBoxDateTime.js.map +1 -1
- package/dist/components/NSBoxDateTime.module.css +4 -4
- package/dist/components/NSBoxDouble.d.ts +6 -10
- package/dist/components/NSBoxDouble.js +15 -19
- package/dist/components/NSBoxDouble.js.map +1 -1
- package/dist/components/NSBoxDuration.d.ts +3 -7
- package/dist/components/NSBoxDuration.js +14 -19
- package/dist/components/NSBoxDuration.js.map +1 -1
- package/dist/components/NSBoxDuration.module.css +4 -4
- package/dist/components/NSBoxEmail.d.ts +4 -8
- package/dist/components/NSBoxEmail.js +19 -25
- package/dist/components/NSBoxEmail.js.map +1 -1
- package/dist/components/NSBoxEntity.d.ts +2 -2
- package/dist/components/NSBoxEntity.js +1 -1
- package/dist/components/NSBoxEntity.js.map +1 -1
- package/dist/components/NSBoxEnum.d.ts +13 -11
- package/dist/components/NSBoxEnum.js +1 -1
- package/dist/components/NSBoxEnum.js.map +1 -1
- package/dist/components/NSBoxFile.d.ts +5 -4
- package/dist/components/NSBoxFile.js +31 -22
- package/dist/components/NSBoxFile.js.map +1 -1
- package/dist/components/NSBoxFile.module.css +10 -10
- package/dist/components/NSBoxIPV4.d.ts +3 -7
- package/dist/components/NSBoxIPV4.js +13 -19
- package/dist/components/NSBoxIPV4.js.map +1 -1
- package/dist/components/NSBoxIPV6.d.ts +3 -7
- package/dist/components/NSBoxIPV6.js +13 -18
- package/dist/components/NSBoxIPV6.js.map +1 -1
- package/dist/components/NSBoxInteger.d.ts +6 -12
- package/dist/components/NSBoxInteger.js +15 -19
- package/dist/components/NSBoxInteger.js.map +1 -1
- package/dist/components/NSBoxMoney.d.ts +3 -7
- package/dist/components/NSBoxMoney.js +13 -18
- package/dist/components/NSBoxMoney.js.map +1 -1
- package/dist/components/NSBoxPassword.d.ts +3 -7
- package/dist/components/NSBoxPassword.js +21 -25
- package/dist/components/NSBoxPassword.js.map +1 -1
- package/dist/components/NSBoxPhone.d.ts +3 -7
- package/dist/components/NSBoxPhone.js +26 -30
- package/dist/components/NSBoxPhone.js.map +1 -1
- package/dist/components/NSBoxPhone.module.css +35 -35
- package/dist/components/NSBoxRadio.d.ts +4 -8
- package/dist/components/NSBoxRadio.js +13 -17
- package/dist/components/NSBoxRadio.js.map +1 -1
- package/dist/components/NSBoxRadio.module.css +33 -69
- package/dist/components/NSBoxSearch.d.ts +4 -2
- package/dist/components/NSBoxSearch.js +10 -18
- package/dist/components/NSBoxSearch.js.map +1 -1
- package/dist/components/NSBoxString.d.ts +3 -8
- package/dist/components/NSBoxString.js +11 -23
- package/dist/components/NSBoxString.js.map +1 -1
- package/dist/components/NSBoxTextArea.d.ts +4 -7
- package/dist/components/NSBoxTextArea.js +14 -20
- package/dist/components/NSBoxTextArea.js.map +1 -1
- package/dist/components/NSBoxTextArea.module.css +12 -45
- package/dist/components/NSBoxTime.d.ts +3 -8
- package/dist/components/NSBoxTime.js +14 -23
- package/dist/components/NSBoxTime.js.map +1 -1
- package/dist/components/NSBoxTime.module.css +4 -4
- package/dist/components/NSButton.module.css +41 -42
- package/dist/components/NSButtonBlue.module.css +4 -4
- package/dist/components/NSButtonGreen.module.css +4 -4
- package/dist/components/NSButtonRed.module.css +4 -4
- package/dist/components/NSCard.module.css +114 -114
- package/dist/components/NSCardScreenshot.module.css +41 -41
- package/dist/components/NSChartColumn.module.css +7 -7
- package/dist/components/NSChartTable.module.css +21 -21
- package/dist/components/NSCopyBox.module.css +43 -43
- package/dist/components/NSDialog.d.ts +1 -0
- package/dist/components/NSDialog.js +1 -1
- package/dist/components/NSDialog.js.map +1 -1
- package/dist/components/NSDialog.module.css +110 -106
- package/dist/components/NSDialogPageSelection.js +1 -1
- package/dist/components/NSDialogPageSelection.js.map +1 -1
- package/dist/components/NSDialogPageSelection.module.css +103 -103
- package/dist/components/NSDownTimer.module.css +55 -55
- package/dist/components/NSDownload.js +2 -2
- package/dist/components/NSDownload.js.map +1 -1
- package/dist/components/NSDownload.module.css +46 -46
- package/dist/components/NSElectronicCard.module.css +60 -60
- package/dist/components/NSEntityCardBackground.module.css +27 -27
- package/dist/components/NSFilterBox.js +3 -3
- package/dist/components/NSFilterBox.js.map +1 -1
- package/dist/components/NSFilterBox.module.css +55 -62
- package/dist/components/NSFilterItem.module.css +23 -23
- package/dist/components/NSFooter.module.css +123 -123
- package/dist/components/NSHeader.module.css +291 -291
- package/dist/components/NSHeaderScreenshot.module.css +35 -35
- package/dist/components/NSLabel.module.css +15 -15
- package/dist/components/NSLabelErrorNotifier.js +1 -1
- package/dist/components/NSLabelErrorNotifier.js.map +1 -1
- package/dist/components/NSLabelErrorNotifier.module.css +2 -2
- package/dist/components/NSLayout.module.css +13 -13
- package/dist/components/NSLine.module.css +12 -12
- package/dist/components/NSLink.module.css +36 -36
- package/dist/components/NSListGrouped.module.css +72 -72
- package/dist/components/NSLoading.module.css +30 -30
- package/dist/components/NSMenuAction.js +3 -3
- package/dist/components/NSMenuAction.js.map +1 -1
- package/dist/components/NSMenuAction.module.css +78 -100
- package/dist/components/NSMenuButton.d.ts +19 -10
- package/dist/components/NSMenuButton.js +29 -16
- package/dist/components/NSMenuButton.js.map +1 -1
- package/dist/components/NSMenuButton.module.css +44 -124
- package/dist/components/NSNoData.module.css +9 -9
- package/dist/components/NSPagination.js +45 -36
- package/dist/components/NSPagination.js.map +1 -1
- package/dist/components/NSPagination.module.css +85 -110
- package/dist/components/NSPanel.module.css +46 -46
- package/dist/components/NSPanelAccordion.module.css +4 -4
- package/dist/components/NSRange.module.css +66 -66
- package/dist/components/NSSection.module.css +10 -10
- package/dist/components/NSSectionCards.module.css +38 -38
- package/dist/components/NSSectionTiles.module.css +10 -10
- package/dist/components/NSTabPage.module.css +59 -59
- package/dist/components/NSTable.module.css +261 -260
- package/dist/components/NSTag.d.ts +1 -1
- package/dist/components/NSTag.module.css +52 -52
- package/dist/components/NSTile.module.css +77 -77
- package/dist/components/NSTimelineMonthly.module.css +71 -71
- package/dist/components/NSTitle.module.css +15 -15
- package/dist/formatter/IDFormatter.d.ts +1 -1
- package/dist/formatter/UnknowFormatter.d.ts +2 -1
- package/dist/formatter/UnknowFormatter.js +4 -1
- package/dist/formatter/UnknowFormatter.js.map +1 -1
- package/dist/index.css +6 -0
- package/dist/main.d.ts +0 -1
- package/dist/main.js +0 -1
- package/dist/main.js.map +1 -1
- package/dist/pages/NSNotFoundPage.module.css +17 -17
- package/dist/pages/NSUpdating.module.css +35 -35
- package/dist/props/IValidationProps.d.ts +1 -1
- package/package.json +76 -76
- package/public/index.html +38 -38
- package/src/App.css +33 -33
- package/src/App.tsx +225 -191
- package/src/Color.tsx +10 -10
- package/src/CopyToClipboard.ts +6 -6
- package/src/Validator.ts +125 -125
- package/src/components/NSBarAction.module.css +97 -97
- package/src/components/NSBarAction.tsx +91 -89
- package/src/components/NSBarAlert.module.css +69 -69
- package/src/components/NSBarAlert.tsx +31 -30
- package/src/components/NSBarNotification.module.css +34 -34
- package/src/components/NSBarNotification.tsx +89 -89
- package/src/components/NSBarTitle.module.css +9 -9
- package/src/components/NSBarTitle.tsx +29 -29
- package/src/components/NSBox.module.css +50 -50
- package/src/components/NSBoxBaseCombo.module.css +6 -6
- package/src/components/NSBoxBaseCombo.tsx +241 -267
- package/src/components/NSBoxBaseLayout.tsx +83 -0
- package/src/components/NSBoxBoolean.module.css +67 -67
- package/src/components/NSBoxBoolean.tsx +112 -131
- package/src/components/NSBoxBooleans.tsx +163 -159
- package/src/components/NSBoxCombo.tsx +63 -61
- package/src/components/NSBoxDate.module.css +4 -4
- package/src/components/NSBoxDate.tsx +86 -101
- package/src/components/NSBoxDateTime.module.css +4 -4
- package/src/components/NSBoxDateTime.tsx +86 -101
- package/src/components/NSBoxDouble.tsx +89 -104
- package/src/components/NSBoxDuration.module.css +4 -4
- package/src/components/NSBoxDuration.tsx +91 -105
- package/src/components/NSBoxEmail.tsx +96 -112
- package/src/components/NSBoxEntity.tsx +52 -52
- package/src/components/NSBoxEnum.tsx +66 -64
- package/src/components/NSBoxFile.module.css +10 -10
- package/src/components/NSBoxFile.tsx +111 -101
- package/src/components/NSBoxIPV4.tsx +91 -107
- package/src/components/NSBoxIPV6.tsx +88 -103
- package/src/components/NSBoxInteger.tsx +88 -104
- package/src/components/NSBoxMoney.tsx +87 -102
- package/src/components/NSBoxPassword.tsx +97 -111
- package/src/components/NSBoxPhone.module.css +35 -35
- package/src/components/NSBoxPhone.tsx +103 -116
- package/src/components/NSBoxRadio.module.css +33 -69
- package/src/components/NSBoxRadio.tsx +97 -107
- package/src/components/NSBoxSearch.tsx +86 -99
- package/src/components/NSBoxString.tsx +79 -104
- package/src/components/NSBoxTextArea.module.css +12 -45
- package/src/components/NSBoxTextArea.tsx +89 -108
- package/src/components/NSBoxTime.module.css +4 -4
- package/src/components/NSBoxTime.tsx +83 -104
- package/src/components/NSButton.module.css +41 -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 -14
- package/src/components/NSChartTable.module.css +21 -21
- package/src/components/NSChartTable.tsx +94 -94
- package/src/components/NSCopy.tsx +67 -67
- package/src/components/NSCopyBox.module.css +43 -43
- package/src/components/NSCopyBox.tsx +41 -41
- package/src/components/NSDialog.module.css +110 -106
- package/src/components/NSDialog.tsx +57 -56
- package/src/components/NSDialogDelete.tsx +26 -26
- package/src/components/NSDialogInfo.tsx +36 -36
- package/src/components/NSDialogPageSelection.module.css +103 -103
- package/src/components/NSDialogPageSelection.tsx +223 -223
- package/src/components/NSDownTimer.module.css +55 -55
- package/src/components/NSDownTimer.tsx +77 -77
- package/src/components/NSDownload.module.css +46 -46
- package/src/components/NSDownload.tsx +63 -63
- package/src/components/NSElectronicCard.module.css +60 -60
- package/src/components/NSElectronicCard.tsx +46 -46
- package/src/components/NSEntityCardBackground.module.css +27 -27
- package/src/components/NSEntityCardBackground.tsx +36 -36
- package/src/components/NSFilterBox.module.css +55 -62
- package/src/components/NSFilterBox.tsx +360 -360
- 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 -39
- package/src/components/NSLabel.module.css +15 -15
- package/src/components/NSLabel.tsx +29 -29
- package/src/components/NSLabelErrorNotifier.module.css +2 -2
- package/src/components/NSLabelErrorNotifier.tsx +32 -32
- package/src/components/NSLayout.module.css +13 -13
- package/src/components/NSLayout.tsx +100 -100
- 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/NSListGrouped.module.css +72 -72
- package/src/components/NSListGrouped.tsx +112 -112
- package/src/components/NSListProduct.tsx +45 -45
- package/src/components/NSLoading.module.css +30 -30
- package/src/components/NSLoading.tsx +19 -19
- package/src/components/NSMenuAction.module.css +78 -100
- package/src/components/NSMenuAction.tsx +89 -90
- package/src/components/NSMenuButton.module.css +44 -124
- package/src/components/NSMenuButton.tsx +148 -124
- package/src/components/NSNoData.module.css +9 -9
- package/src/components/NSNoData.tsx +24 -24
- package/src/components/NSPagination.module.css +85 -110
- package/src/components/NSPagination.tsx +183 -190
- package/src/components/NSPanel.module.css +46 -46
- package/src/components/NSPanel.tsx +19 -19
- package/src/components/NSPanelAccordion.module.css +4 -4
- package/src/components/NSPanelAccordion.tsx +51 -51
- package/src/components/NSRange.module.css +66 -66
- package/src/components/NSRange.tsx +83 -83
- package/src/components/NSRepeater.tsx +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/NSSectionTiles.module.css +10 -10
- package/src/components/NSSectionTiles.tsx +25 -25
- package/src/components/NSSectionTitle.tsx +21 -21
- package/src/components/NSSpace.tsx +28 -28
- package/src/components/NSTabPage.module.css +59 -59
- package/src/components/NSTabPage.tsx +78 -78
- package/src/components/NSTable.module.css +261 -260
- package/src/components/NSTable.tsx +477 -477
- package/src/components/NSTag.module.css +52 -52
- package/src/components/NSTag.tsx +78 -78
- package/src/components/NSTile.module.css +77 -77
- package/src/components/NSTile.tsx +27 -27
- package/src/components/NSTimelineMonthly.module.css +71 -71
- package/src/components/NSTimelineMonthly.tsx +44 -44
- package/src/components/NSTitle.module.css +15 -15
- package/src/components/NSTitle.tsx +19 -19
- package/src/formatter/BackColorFormatter.tsx +23 -23
- package/src/formatter/BaseColumnFormatter.ts +16 -16
- package/src/formatter/BooleanFormatter.ts +22 -22
- package/src/formatter/DateFormatter.ts +20 -20
- package/src/formatter/DateTimeFormatter.ts +20 -20
- package/src/formatter/DurationFormatter.ts +13 -13
- package/src/formatter/EmailFormatter.ts +13 -13
- package/src/formatter/EnumFormatter.ts +13 -13
- package/src/formatter/FloatFormatter.ts +16 -16
- package/src/formatter/ForeColorFormatter.tsx +24 -24
- package/src/formatter/IDFormatter.tsx +30 -30
- package/src/formatter/IPFormatter.ts +13 -13
- package/src/formatter/IntegerFormatter.ts +16 -16
- package/src/formatter/JsonFormatter.ts +14 -14
- package/src/formatter/MoneyFormatter.ts +16 -16
- package/src/formatter/PhoneFormatter.ts +13 -13
- package/src/formatter/StringFormatter.ts +22 -22
- package/src/formatter/TimeFormatter.ts +21 -21
- package/src/formatter/UnknowFormatter.ts +18 -14
- package/src/index.tsx +7 -7
- package/src/main.ts +184 -185
- 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/components/NSFilterBoxDialog.d.ts +0 -12
- package/dist/components/NSFilterBoxDialog.js +0 -17
- package/dist/components/NSFilterBoxDialog.js.map +0 -1
- package/dist/components/NSFilterBoxDialog.module.css +0 -37
- package/src/components/NSFilterBoxDialog.module.css +0 -37
- package/src/components/NSFilterBoxDialog.tsx +0 -73
|
@@ -2,19 +2,14 @@ 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
|
-
|
|
6
|
-
|
|
7
|
-
placeholder?: string;
|
|
8
|
-
defaultValue?: string;
|
|
9
|
-
onChanged?: (e: NSBoxString, callback?: () => void) => void;
|
|
10
|
-
onClicked?: (e: NSBoxString) => void;
|
|
11
|
-
getError?: (value: string) => string | null;
|
|
5
|
+
import { INSBoxBaseLayoutProps, NSBoxBaseLayout } from "./NSBoxBaseLayout";
|
|
6
|
+
export interface NSBoxStringProps extends IBaseComponentProps, IValidationProps, IValidationStringProps, INSBoxBaseLayoutProps<string, NSBoxString> {
|
|
12
7
|
}
|
|
13
8
|
export interface NSBoxStringState {
|
|
14
9
|
value: string;
|
|
15
|
-
error?: string;
|
|
16
10
|
}
|
|
17
11
|
export declare class NSBoxString extends React.Component<NSBoxStringProps, NSBoxStringState> {
|
|
12
|
+
NSBoxBaseLayout_Main: React.RefObject<NSBoxBaseLayout>;
|
|
18
13
|
constructor(props: NSBoxStringProps);
|
|
19
14
|
getError(): string | null;
|
|
20
15
|
getValue(checkError?: boolean): string;
|
|
@@ -1,36 +1,25 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as _jsx
|
|
3
|
-
import React from "react";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import React, { createRef } from "react";
|
|
4
4
|
import { Validator } from "../Validator";
|
|
5
|
-
import { NSLabelErrorNotifier } from "./NSLabelErrorNotifier";
|
|
6
|
-
import { NSMenuButton } from "./NSMenuButton";
|
|
7
5
|
import StylesNSBox from "./NSBox.module.css";
|
|
6
|
+
import { NSBoxBaseLayout } from "./NSBoxBaseLayout";
|
|
8
7
|
export class NSBoxString extends React.Component {
|
|
9
8
|
constructor(props) {
|
|
10
9
|
var _a;
|
|
11
10
|
super(props);
|
|
11
|
+
this.NSBoxBaseLayout_Main = createRef();
|
|
12
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
16
|
}
|
|
17
17
|
getError() {
|
|
18
|
-
let custom = null;
|
|
19
|
-
if (this.props.getError)
|
|
20
|
-
custom = this.props.getError(this.state.value);
|
|
21
18
|
return (Validator.getError(this.props.title, this.state.value, this.props) ||
|
|
22
|
-
Validator.getErrorString(this.props.title, this.state.value, this.props)
|
|
23
|
-
custom);
|
|
19
|
+
Validator.getErrorString(this.props.title, this.state.value, this.props));
|
|
24
20
|
}
|
|
25
21
|
getValue(checkError = true) {
|
|
26
|
-
|
|
27
|
-
let error = this.getError();
|
|
28
|
-
if (error) {
|
|
29
|
-
this.setState({ error });
|
|
30
|
-
throw new Error(error);
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
return this.state.value;
|
|
22
|
+
return NSBoxBaseLayout.checkGetValue(this, checkError, () => this.state.value);
|
|
34
23
|
}
|
|
35
24
|
setValue(value, callback) {
|
|
36
25
|
this.setState({ value }, () => {
|
|
@@ -44,12 +33,11 @@ export class NSBoxString extends React.Component {
|
|
|
44
33
|
this.setValue(e.target.value);
|
|
45
34
|
}
|
|
46
35
|
render() {
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
} }), _jsx(NSLabelErrorNotifier, { error: this.state.error, clearError: () => this.setState({ error: "" }) })] }) }));
|
|
36
|
+
return (_jsx(NSBoxBaseLayout, Object.assign({ ref: this.NSBoxBaseLayout_Main }, this.props, { getValue: () => this.state.value, setValue: this.setValue, children: _jsx("input", { id: this.props.id, name: this.props.name, type: "text", className: StylesNSBox.ns_box_input, placeholder: this.props.placeholder, value: this.state.value, onChange: this.onChanged, onClick: () => { if (this.props.onClicked)
|
|
37
|
+
this.props.onClicked(this); }, style: {
|
|
38
|
+
background: `url("https://static.namirasoft.com/image/concept/type/string.png") white no-repeat scroll center right 4px`,
|
|
39
|
+
backgroundSize: "24px"
|
|
40
|
+
} }) })));
|
|
53
41
|
}
|
|
54
42
|
}
|
|
55
43
|
//# 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;
|
|
1
|
+
{"version":3,"file":"NSBoxString.js","sourceRoot":"","sources":["../../src/components/NSBoxString.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,20 +2,17 @@ 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
|
-
|
|
6
|
-
|
|
7
|
-
placeholder?: string;
|
|
8
|
-
defaultValue?: string;
|
|
9
|
-
onChanged?: (e: NSBoxTextArea, callback?: () => void) => void;
|
|
10
|
-
onClicked?: (e: NSBoxTextArea) => void;
|
|
5
|
+
import { INSBoxBaseLayoutProps, NSBoxBaseLayout } from "./NSBoxBaseLayout";
|
|
6
|
+
export interface NSBoxTextAreaProps extends IBaseComponentProps, IValidationProps, IValidationStringProps, INSBoxBaseLayoutProps<string, NSBoxTextArea> {
|
|
11
7
|
cols?: number;
|
|
12
8
|
rows?: number;
|
|
13
9
|
}
|
|
14
10
|
export interface NSBoxTextAreaState {
|
|
15
11
|
value: string;
|
|
16
|
-
error?: string;
|
|
17
12
|
}
|
|
18
13
|
export declare class NSBoxTextArea extends React.Component<NSBoxTextAreaProps, NSBoxTextAreaState> {
|
|
14
|
+
NSBoxBaseLayout_Main: React.RefObject<NSBoxBaseLayout>;
|
|
15
|
+
textarea: React.RefObject<HTMLTextAreaElement>;
|
|
19
16
|
constructor(props: NSBoxTextAreaProps);
|
|
20
17
|
getError(): string | null;
|
|
21
18
|
getValue(checkError?: boolean): string;
|
|
@@ -8,16 +8,17 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
|
|
|
8
8
|
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
9
9
|
});
|
|
10
10
|
};
|
|
11
|
-
import { jsx as _jsx
|
|
12
|
-
import React from "react";
|
|
11
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
12
|
+
import React, { createRef } from "react";
|
|
13
13
|
import Styles from "./NSBoxTextArea.module.css";
|
|
14
|
-
import StylesNSBox from "./NSBox.module.css";
|
|
15
14
|
import { Validator } from "../Validator";
|
|
16
|
-
import {
|
|
15
|
+
import { NSBoxBaseLayout } from "./NSBoxBaseLayout";
|
|
17
16
|
export class NSBoxTextArea extends React.Component {
|
|
18
17
|
constructor(props) {
|
|
19
18
|
var _a;
|
|
20
19
|
super(props);
|
|
20
|
+
this.NSBoxBaseLayout_Main = createRef();
|
|
21
|
+
this.textarea = createRef();
|
|
21
22
|
this.onChanged = (e) => __awaiter(this, void 0, void 0, function* () {
|
|
22
23
|
this.setValue(e.target.value);
|
|
23
24
|
});
|
|
@@ -31,14 +32,7 @@ export class NSBoxTextArea extends React.Component {
|
|
|
31
32
|
Validator.getErrorString(this.props.title, this.state.value, this.props));
|
|
32
33
|
}
|
|
33
34
|
getValue(checkError = true) {
|
|
34
|
-
|
|
35
|
-
let error = this.getError();
|
|
36
|
-
if (error) {
|
|
37
|
-
this.setState({ error });
|
|
38
|
-
throw new Error(error);
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
return this.state.value;
|
|
35
|
+
return NSBoxBaseLayout.checkGetValue(this, checkError, () => this.state.value);
|
|
42
36
|
}
|
|
43
37
|
setValue(value, callback) {
|
|
44
38
|
this.setState({ value }, () => {
|
|
@@ -49,14 +43,14 @@ export class NSBoxTextArea extends React.Component {
|
|
|
49
43
|
});
|
|
50
44
|
}
|
|
51
45
|
render() {
|
|
52
|
-
var _a
|
|
53
|
-
return (
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
46
|
+
var _a;
|
|
47
|
+
return (_jsx(NSBoxBaseLayout, Object.assign({ ref: this.NSBoxBaseLayout_Main }, this.props, { getValue: () => this.state.value, setValue: this.setValue, children: _jsx("textarea", { ref: this.textarea, id: this.props.id, name: this.props.name, cols: this.props.cols, rows: (_a = this.props.rows) !== null && _a !== void 0 ? _a : 5, value: this.state.value, className: Styles.ns_box_text_area, placeholder: this.props.placeholder, onChange: this.onChanged, onClick: () => { if (this.props.onClicked)
|
|
48
|
+
this.props.onClicked(this); }, style: {
|
|
49
|
+
height: "100%",
|
|
50
|
+
background: `url("https://static.namirasoft.com/image/concept/type/string.png") white no-repeat scroll top right 4px `,
|
|
51
|
+
backgroundPositionY: "4px",
|
|
52
|
+
backgroundSize: "24px"
|
|
53
|
+
} }) })));
|
|
60
54
|
}
|
|
61
55
|
}
|
|
62
56
|
//# sourceMappingURL=NSBoxTextArea.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSBoxTextArea.js","sourceRoot":"","sources":["../../src/components/NSBoxTextArea.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;AAEb,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"NSBoxTextArea.js","sourceRoot":"","sources":["../../src/components/NSBoxTextArea.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,46 +1,13 @@
|
|
|
1
|
-
.
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
display: flex;
|
|
14
|
-
align-items: center;
|
|
15
|
-
position: relative;
|
|
16
|
-
width: 100%;
|
|
17
|
-
height: 100%;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.ns_text_area_icon_container {
|
|
21
|
-
margin: 0 !important;
|
|
22
|
-
position: absolute;
|
|
23
|
-
right: 12px;
|
|
24
|
-
top: 10px;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.ns_text_area {
|
|
28
|
-
border-radius: 8px;
|
|
29
|
-
padding: 10px 42px 10px 12px;
|
|
30
|
-
font-size: 16px;
|
|
31
|
-
font-weight: 400;
|
|
32
|
-
border: 1px solid rgba(0, 0, 0, 1) !important;
|
|
33
|
-
width: 100%;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
.ns_text_area:focus-visible {
|
|
37
|
-
border-color: rgba(0, 0, 0, 1) !important;
|
|
38
|
-
outline: solid 1px #4096ff !important;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
.ns_text_area_title {
|
|
42
|
-
font-size: 16px;
|
|
43
|
-
font-weight: 400;
|
|
44
|
-
display: flex;
|
|
45
|
-
gap: 4px;
|
|
1
|
+
.ns_box_text_area {
|
|
2
|
+
border-radius: 8px;
|
|
3
|
+
padding: 10px 42px 10px 12px;
|
|
4
|
+
font-size: 16px;
|
|
5
|
+
font-weight: 400;
|
|
6
|
+
border: 1px solid rgba(0, 0, 0, 1) !important;
|
|
7
|
+
width: 100%;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.ns_box_text_area:focus-visible {
|
|
11
|
+
border-color: rgba(0, 0, 0, 1) !important;
|
|
12
|
+
outline: solid 1px #4096ff !important;
|
|
46
13
|
}
|
|
@@ -3,22 +3,17 @@ import "./NSBoxTime.module.css";
|
|
|
3
3
|
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
4
4
|
import { IValidationProps } from "../props/IValidationProps";
|
|
5
5
|
import { IValidationStringProps } from "../props/IValidationStringProps";
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
placeholder?: string;
|
|
9
|
-
defaultValue?: string;
|
|
10
|
-
onChanged?: (e: NSBoxTime, callback?: () => void) => void;
|
|
11
|
-
onClicked?: (e: NSBoxTime) => void;
|
|
6
|
+
import { INSBoxBaseLayoutProps, NSBoxBaseLayout } from "./NSBoxBaseLayout";
|
|
7
|
+
export interface NSBoxTimeProps extends IBaseComponentProps, IValidationProps, IValidationStringProps, INSBoxBaseLayoutProps<string, NSBoxTime> {
|
|
12
8
|
}
|
|
13
9
|
export interface NSBoxTimeState {
|
|
14
10
|
value: string;
|
|
15
|
-
error?: string;
|
|
16
11
|
}
|
|
17
12
|
export declare class NSBoxTime extends React.Component<NSBoxTimeProps, NSBoxTimeState> {
|
|
13
|
+
NSBoxBaseLayout_Main: React.RefObject<NSBoxBaseLayout>;
|
|
18
14
|
constructor(props: NSBoxTimeProps);
|
|
19
15
|
getError(): string | null;
|
|
20
16
|
getValue(checkError?: boolean): string;
|
|
21
17
|
setValue(value: string, callback?: () => void): void;
|
|
22
|
-
private onChanged;
|
|
23
18
|
render(): import("react/jsx-runtime").JSX.Element;
|
|
24
19
|
}
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as _jsx
|
|
3
|
-
import React from "react";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import React, { createRef } from "react";
|
|
4
4
|
import "./NSBoxTime.module.css";
|
|
5
5
|
import StylesNSBox from "./NSBox.module.css";
|
|
6
6
|
import { Validator } from "../Validator";
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
7
|
+
import { NSBoxBaseLayout } from "./NSBoxBaseLayout";
|
|
8
|
+
import { safeMenuMenuItem } from "./NSMenuButton";
|
|
9
9
|
export class NSBoxTime extends React.Component {
|
|
10
10
|
constructor(props) {
|
|
11
11
|
var _a;
|
|
12
12
|
super(props);
|
|
13
|
+
this.NSBoxBaseLayout_Main = createRef();
|
|
13
14
|
this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : "" };
|
|
14
15
|
this.getValue = this.getValue.bind(this);
|
|
15
16
|
this.setValue = this.setValue.bind(this);
|
|
16
|
-
this.onChanged = this.onChanged.bind(this);
|
|
17
17
|
}
|
|
18
18
|
getError() {
|
|
19
19
|
return (Validator.getError(this.props.title, this.state.value, this.props) ||
|
|
@@ -21,14 +21,7 @@ export class NSBoxTime extends React.Component {
|
|
|
21
21
|
Validator.getErrorTime(this.props.title, this.state.value));
|
|
22
22
|
}
|
|
23
23
|
getValue(checkError = true) {
|
|
24
|
-
|
|
25
|
-
let error = this.getError();
|
|
26
|
-
if (error) {
|
|
27
|
-
this.setState({ error });
|
|
28
|
-
throw new Error(error);
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
return this.state.value;
|
|
24
|
+
return NSBoxBaseLayout.checkGetValue(this, checkError, () => this.state.value);
|
|
32
25
|
}
|
|
33
26
|
setValue(value, callback) {
|
|
34
27
|
this.setState({ value }, () => {
|
|
@@ -38,17 +31,15 @@ export class NSBoxTime extends React.Component {
|
|
|
38
31
|
callback();
|
|
39
32
|
});
|
|
40
33
|
}
|
|
41
|
-
onChanged(e) {
|
|
42
|
-
this.setValue(e.target.value);
|
|
43
|
-
}
|
|
44
34
|
render() {
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
35
|
+
let menu = safeMenuMenuItem(this.props, () => { });
|
|
36
|
+
menu.builtin.fullscreen = false;
|
|
37
|
+
return (_jsx(NSBoxBaseLayout, Object.assign({ ref: this.NSBoxBaseLayout_Main }, this.props, { getValue: () => { var _a, _b; return (_b = (_a = this.state.value) === null || _a === void 0 ? void 0 : _a.toString()) !== null && _b !== void 0 ? _b : ""; }, setValue: () => { }, children: _jsx("input", { id: this.props.id, name: this.props.name, type: "time", className: StylesNSBox.ns_box_input, placeholder: this.props.placeholder, value: this.state.value, onChange: e => this.setValue(e.target.value), onClick: () => { if (this.props.onClicked)
|
|
38
|
+
this.props.onClicked(this); }, step: "5", style: {
|
|
39
|
+
background: `url("https://static.namirasoft.com/image/concept/type/time.png") white no-repeat scroll center right 4px`,
|
|
40
|
+
backgroundSize: "24px",
|
|
41
|
+
paddingRight: "7px"
|
|
42
|
+
} }) })));
|
|
52
43
|
}
|
|
53
44
|
}
|
|
54
45
|
//# sourceMappingURL=NSBoxTime.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSBoxTime.js","sourceRoot":"","sources":["../../src/components/NSBoxTime.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"NSBoxTime.js","sourceRoot":"","sources":["../../src/components/NSBoxTime.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
input[type="time"]::-webkit-calendar-picker-indicator {
|
|
2
|
-
cursor: pointer;
|
|
3
|
-
opacity: 0;
|
|
4
|
-
padding-right: 0px;
|
|
1
|
+
input[type="time"]::-webkit-calendar-picker-indicator {
|
|
2
|
+
cursor: pointer;
|
|
3
|
+
opacity: 0;
|
|
4
|
+
padding-right: 0px;
|
|
5
5
|
}
|
|
@@ -1,43 +1,42 @@
|
|
|
1
|
-
.ns_button,
|
|
2
|
-
.ns_button_disabled {
|
|
3
|
-
background-color: transparent;
|
|
4
|
-
border-radius: 8px;
|
|
5
|
-
color: rgba(20, 27, 92, 1);
|
|
6
|
-
font-size: 16px;
|
|
7
|
-
font-weight: 600;
|
|
8
|
-
height: 48px;
|
|
9
|
-
display: flex;
|
|
10
|
-
justify-content: center;
|
|
11
|
-
align-items: center;
|
|
12
|
-
gap: 8px;
|
|
13
|
-
text-decoration: none;
|
|
14
|
-
|
|
15
|
-
transition: all 0.2s ease-in-out;
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
.ns_button,
|
|
39
|
-
|
|
40
|
-
width:
|
|
41
|
-
|
|
42
|
-
}
|
|
1
|
+
.ns_button,
|
|
2
|
+
.ns_button_disabled {
|
|
3
|
+
background-color: transparent;
|
|
4
|
+
border-radius: 8px;
|
|
5
|
+
color: rgba(20, 27, 92, 1);
|
|
6
|
+
font-size: 16px;
|
|
7
|
+
font-weight: 600;
|
|
8
|
+
height: 48px;
|
|
9
|
+
display: flex;
|
|
10
|
+
justify-content: center;
|
|
11
|
+
align-items: center;
|
|
12
|
+
gap: 8px;
|
|
13
|
+
text-decoration: none;
|
|
14
|
+
width: 100%;
|
|
15
|
+
transition: all 0.2s ease-in-out;
|
|
16
|
+
border: 0;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.ns_button_disabled {
|
|
20
|
+
background-color: #A9A9A9 !important;
|
|
21
|
+
box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%), inset 0 4px 4px 0px rgba(255, 255, 255, 0.25) !important;
|
|
22
|
+
color: #fff !important;
|
|
23
|
+
cursor: not-allowed !important;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.ns_button:hover {
|
|
27
|
+
box-shadow: 0 0 10px 2px rgba(119, 117, 117, 0.4);
|
|
28
|
+
scale: 1.02;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.ns_button:focus-visible {
|
|
32
|
+
border-color: rgba(0, 0, 0, 1) !important;
|
|
33
|
+
outline: solid 1px #4096ff !important;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
@media only screen and (min-width: 480px) {
|
|
37
|
+
|
|
38
|
+
.ns_button,
|
|
39
|
+
.ns_button_disabled {
|
|
40
|
+
width: 180px;
|
|
41
|
+
}
|
|
43
42
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
.ns_button_blue {
|
|
2
|
-
background-color: rgba(3, 119, 255, 1);
|
|
3
|
-
box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%),inset 0 4px 4px 0px rgba(255, 255, 255, 0.25);
|
|
4
|
-
color: #fff !important;
|
|
1
|
+
.ns_button_blue {
|
|
2
|
+
background-color: rgba(3, 119, 255, 1);
|
|
3
|
+
box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%),inset 0 4px 4px 0px rgba(255, 255, 255, 0.25);
|
|
4
|
+
color: #fff !important;
|
|
5
5
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
.ns_button_green {
|
|
2
|
-
background-color: #06D182;
|
|
3
|
-
box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%);
|
|
4
|
-
color: #fff !important;
|
|
1
|
+
.ns_button_green {
|
|
2
|
+
background-color: #06D182;
|
|
3
|
+
box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%);
|
|
4
|
+
color: #fff !important;
|
|
5
5
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
.ns_button_red {
|
|
2
|
-
background-color: #FF3F3F;
|
|
3
|
-
box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%);
|
|
4
|
-
color: #fff;
|
|
1
|
+
.ns_button_red {
|
|
2
|
+
background-color: #FF3F3F;
|
|
3
|
+
box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%);
|
|
4
|
+
color: #fff;
|
|
5
5
|
}
|