namirasoft-site-react 1.3.395 → 1.3.397

package/src/components/NSBoxCombo.tsx

@@ -56,13 +56,16 @@ export class NSBoxCombo extends React.Component<INSBoxComboProps, INSBoxComboSta
 			Validator.getError(this.props.title, value, this.props)
 		);
 	}
-	getValue(): string | null
+	getValue(checkError: boolean = true): string | null
 	{
-		let error = this.getError(this.state.value || "");
-		if (error)
+		if (checkError)
 		{
-			this.setState({ error });
-			throw new Error(error);
+			let error = this.getError(this.state.value || "");
+			if (error)
+			{
+				this.setState({ error });
+				throw new Error(error);
+			}
 		}
 		return this.state.value;
 	}

package/src/components/NSBoxDate.tsx

@@ -39,13 +39,16 @@ export class NSBoxDate extends React.Component<INSBoxDateProps, INSBoxDateState>
 			Validator.getErrorDate(this.props.title, this.state.value)
 		);
 	}
-	getValue(): string
+	getValue(checkError: boolean = true): string
 	{
-		let error = this.getError();
-		if (error)
+		if (checkError)
 		{
-			this.setState({ error });
-			throw new Error(error);
+			let error = this.getError();
+			if (error)
+			{
+				this.setState({ error });
+				throw new Error(error);
+			}
 		}
 		return this.state.value;
 	}

package/src/components/NSBoxDateTime.tsx

@@ -39,13 +39,16 @@ export class NSBoxDateTime extends React.Component<INSBoxDateTimeProps, INSBoxDa
 			Validator.getErrorDate(this.props.title, this.state.value)
 		);
 	}
-	getValue(): string
+	getValue(checkError: boolean = true): string
 	{
-		let error = this.getError();
-		if (error)
+		if (checkError)
 		{
-			this.setState({ error });
-			throw new Error(error);
+			let error = this.getError();
+			if (error)
+			{
+				this.setState({ error });
+				throw new Error(error);
+			}
 		}
 		return this.state.value;
 	}

package/src/components/NSBoxDouble.tsx

@@ -41,13 +41,16 @@ export class NSBoxDouble extends React.Component<INSBoxDoubleProps, INSBoxDouble
 			Validator.getErrorNumber(this.props.title, this.state.value, this.props)
 		);
 	}
-	getValue(): number | undefined
+	getValue(checkError: boolean = true): number | undefined
 	{
-		let error = this.getError();
-		if (error)
+		if (checkError)
 		{
-			this.setState({ error });
-			throw new Error(error);
+			let error = this.getError();
+			if (error)
+			{
+				this.setState({ error });
+				throw new Error(error);
+			}
 		}
 		return this.state.value;
 	}

package/src/components/NSBoxDuration.tsx

@@ -42,13 +42,16 @@ export class NSBoxDuration extends React.Component<INSBoxDurationProps, INSBoxDu
 			Validator.getErrorDuration(this.props.title, this.state.value)
 		);
 	}
-	getValue(): string
+	getValue(checkError: boolean = true): string
 	{
-		let error = this.getError();
-		if (error)
+		if (checkError)
 		{
-			this.setState({ error });
-			throw new Error(error);
+			let error = this.getError();
+			if (error)
+			{
+				this.setState({ error });
+				throw new Error(error);
+			}
 		}
 		return this.state.value;
 	}

package/src/components/NSBoxEmail.tsx

@@ -46,13 +46,16 @@ export class NSBoxEmail extends React.Component<INSBoxEmailProps, INSBoxEmailSta
 		);
 	}
 
-	getValue(): string
+	getValue(checkError: boolean = true): string
 	{
-		let error = this.getError();
-		if (error)
+		if (checkError)
 		{
-			this.setState({ error });
-			throw new Error(error);
+			let error = this.getError();
+			if (error)
+			{
+				this.setState({ error });
+				throw new Error(error);
+			}
 		}
 		return this.state.value;
 	}

package/src/components/NSBoxEntity.tsx

@@ -65,13 +65,16 @@ export class NSBoxEntity<Data> extends React.Component<INSBoxEntityProps<Data>,
 			Validator.getError(this.props.title, value_string, this.props)
 		);
 	}
-	getValue(): Data | null
+	getValue(checkError: boolean = true): Data | null
 	{
-		let error = this.getError(this.state.value);
-		if (error)
+		if (checkError)
 		{
-			this.setState({ error });
-			throw new Error(error);
+			let error = this.getError(this.state.value);
+			if (error)
+			{
+				this.setState({ error });
+				throw new Error(error);
+			}
 		}
 		return this.state.value;
 	}

package/src/components/NSBoxIPV4.tsx

@@ -44,13 +44,16 @@ export class NSBoxIPV4 extends React.Component<INSBoxIPV4Props, INSBoxIPV4State>
 			Validator.getErrorIP(this.props.title, this.state.value)
 		);
 	}
-	getValue(): string
+	getValue(checkError: boolean = true): string
 	{
-		let error = this.getError();
-		if (error)
+		if (checkError)
 		{
-			this.setState({ error });
-			throw new Error(error);
+			let error = this.getError();
+			if (error)
+			{
+				this.setState({ error });
+				throw new Error(error);
+			}
 		}
 		return this.state.value;
 	}

package/src/components/NSBoxIPV6.tsx

@@ -44,13 +44,16 @@ export class NSBoxIPV6 extends React.Component<INSBoxIPV6Props, INSBoxIPV6State>
 			Validator.getErrorIP(this.props.title, this.state.value)
 		);
 	}
-	getValue(): string
+	getValue(checkError: boolean = true): string
 	{
-		let error = this.getError();
-		if (error)
+		if (checkError)
 		{
-			this.setState({ error });
-			throw new Error(error);
+			let error = this.getError();
+			if (error)
+			{
+				this.setState({ error });
+				throw new Error(error);
+			}
 		}
 		return this.state.value;
 	}

package/src/components/NSBoxInteger.tsx

@@ -41,13 +41,16 @@ export class NSBoxInteger extends React.Component<INSBoxIntegerProps, INSBoxInte
 			Validator.getErrorNumber(this.props.title, this.state.value, this.props)
 		);
 	}
-	getValue(): number | undefined
+	getValue(checkError: boolean = true): number | undefined
 	{
-		let error = this.getError();
-		if (error)
+		if (checkError)
 		{
-			this.setState({ error });
-			throw new Error(error);
+			let error = this.getError();
+			if (error)
+			{
+				this.setState({ error });
+				throw new Error(error);
+			}
 		}
 		return this.state.value;
 	}

package/src/components/NSBoxPassword.tsx

@@ -41,13 +41,16 @@ export class NSBoxPassword extends React.Component<INSBoxPasswordProps, INSBoxPa
 			Validator.getErrorString(this.props.title, this.state.value, this.props)
 		);
 	}
-	getValue(): string
+	getValue(checkError: boolean = true): string
 	{
-		let error = this.getError();
-		if (error)
+		if (checkError)
 		{
-			this.setState({ error });
-			throw new Error(error);
+			let error = this.getError();
+			if (error)
+			{
+				this.setState({ error });
+				throw new Error(error);
+			}
 		}
 		return this.state.value;
 	}

package/src/components/NSBoxPhone.tsx

@@ -44,13 +44,16 @@ export class NSBoxPhone extends React.Component<INSBoxPhoneProps, INSBoxPhoneSta
 			Validator.getErrorString(this.props.title, this.state.value, this.props)
 		);
 	}
-	getValue(): string
+	getValue(checkError: boolean = true): string
 	{
-		let error = this.getError();
-		if (error)
+		if (checkError)
 		{
-			this.setState({ error });
-			throw new Error(error);
+			let error = this.getError();
+			if (error)
+			{
+				this.setState({ error });
+				throw new Error(error);
+			}
 		}
 		return this.state.value;
 	}

package/src/components/NSBoxPrice.tsx

@@ -41,13 +41,16 @@ export class NSBoxPrice extends React.Component<INSBoxPriceProps, INSBoxPriceSta
 			Validator.getErrorNumber(this.props.title, this.state.value, this.props)
 		);
 	}
-	getValue(): number | undefined
+	getValue(checkError: boolean = true): number | undefined
 	{
-		let error = this.getError();
-		if (error)
+		if (checkError)
 		{
-			this.setState({ error });
-			throw new Error(error);
+			let error = this.getError();
+			if (error)
+			{
+				this.setState({ error });
+				throw new Error(error);
+			}
 		}
 		return this.state.value;
 	}

package/src/components/NSBoxSearch.tsx

@@ -43,13 +43,16 @@ export class NSBoxSearch extends React.Component<INSBoxSearchProps, INSBoxSearch
 			Validator.getErrorString(this.props.title, this.state.value, this.props)
 		);
 	}
-	getValue(): string
+	getValue(checkError: boolean = true): string
 	{
-		let error = this.getError();
-		if (error)
+		if (checkError)
 		{
-			this.setState({ error });
-			throw new Error(error);
+			let error = this.getError();
+			if (error)
+			{
+				this.setState({ error });
+				throw new Error(error);
+			}
 		}
 		return this.state.value;
 	}

package/src/components/NSBoxString.tsx

@@ -49,13 +49,16 @@ export class NSBoxString extends React.Component<INSBoxStringProps, INSBoxString
 			custom
 		);
 	}
-	getValue(): string
+	getValue(checkError: boolean = true): string
 	{
-		let error = this.getError();
-		if (error)
+		if (checkError)
 		{
-			this.setState({ error });
-			throw new Error(error);
+			let error = this.getError();
+			if (error)
+			{
+				this.setState({ error });
+				throw new Error(error);
+			}
 		}
 		return this.state.value;
 	}

package/src/components/NSBoxTextArea.tsx

@@ -45,13 +45,16 @@ export class NSBoxTextArea extends React.Component<INSBoxTextAreaProps, INSBoxTe
 			Validator.getErrorString(this.props.title, this.state.value, this.props)
 		);
 	}
-	getValue(): string
+	getValue(checkError: boolean = true): string
 	{
-		let error = this.getError();
-		if (error)
+		if (checkError)
 		{
-			this.setState({ error });
-			throw new Error(error);
+			let error = this.getError();
+			if (error)
+			{
+				this.setState({ error });
+				throw new Error(error);
+			}
 		}
 		return this.state.value;
 	}

package/src/components/NSBoxTime.tsx

@@ -42,13 +42,16 @@ export class NSBoxTime extends React.Component<INSBoxTimeProps, INSBoxTimeState>
 			Validator.getErrorTime(this.props.title, this.state.value)
 		);
 	}
-	getValue(): string
+	getValue(checkError: boolean = true): string
 	{
-		let error = this.getError();
-		if (error)
+		if (checkError)
 		{
-			this.setState({ error });
-			throw new Error(error);
+			let error = this.getError();
+			if (error)
+			{
+				this.setState({ error });
+				throw new Error(error);
+			}
 		}
 		return this.state.value;
 	}

package/src/components/NSRadioButton.tsx

@@ -37,13 +37,16 @@ export class NSRadioButton extends React.Component<INSRadioButtonProps, INSBoxBo
         return null;
     }
 
-    getValue(): boolean
+    getValue(checkError: boolean = true): boolean
     {
-        let error = this.getError();
-        if (error)
+        if (checkError)
         {
-            this.setState({ error });
-            throw new Error(error);
+            let error = this.getError();
+            if (error)
+            {
+                this.setState({ error });
+                throw new Error(error);
+            }
         }
         return this.state.value;
     }

package/src/components/NSRepeater.tsx

@@ -4,7 +4,7 @@ export interface NSRepeaterProps<ItemType, ValueType>
 {
 	createItem: (index: number, ref: React.RefObject<ItemType>, onChange: (index: number) => void, onDelete: (index: number) => void) => ReactNode;
 	updateItem: (item: ItemType, index: number, value: ValueType | null) => void;
-	getValue: (item: ItemType) => ValueType;
+	getValue: (item: ItemType, checkError: boolean) => ValueType;
 	isEmpty: (value: ValueType) => boolean;
 	onItemChanged?: () => void;
 	onValuesChanged?: (values: ValueType[]) => void;
@@ -91,7 +91,7 @@ export class NSRepeater<ItemType, ValueType> extends Component<NSRepeaterProps<I
 	private onChange()
 	{
 		if (this.props.onValuesChanged)
-			this.props.onValuesChanged(this.getValues());
+			this.props.onValuesChanged(this.getValues(false));
 		this.checkForNew();
 	}
 	private onDelete(index: number)
@@ -113,18 +113,18 @@ export class NSRepeater<ItemType, ValueType> extends Component<NSRepeaterProps<I
 				last--;
 			let item = this.Item_Refs[last].current;
 			if (item)
-				if (!this.props.isEmpty(this.props.getValue(item)))
+				if (!this.props.isEmpty(this.props.getValue(item, false)))
 					this.addItem();
 		}
 	}
-	getValues(): ValueType[]
+	getValues(checkError: boolean = true): ValueType[]
 	{
 		return this.state.items.map((_, index) =>
 		{
 			let item = this.Item_Refs[index].current;
 			if (item)
 			{
-				let value = this.props.getValue(item);
+				let value = this.props.getValue(item, checkError);
 				if (!this.props.isEmpty(value))
 					return value;
 			}

package/src/components/NSTag.tsx

@@ -1,50 +1,75 @@
+import { Component, createRef } from 'react';
 import { NSBoxString } from './NSBoxString';
 import NSButton from './NSButton';
 import Styles from './NSTag.module.css';
 
-function NSTag()
+export interface NSTagProps
 {
-    return (
-        <section className={Styles.ns_tag_input_container}>
-            <div className={Styles.ns_tag_input_group}>
-                <NSBoxString title='Key' required />
-                <NSBoxString title='Value' required />
-                <NSBoxString title='Option' required />
-                <NSButton
-                    title='Remove'
-                    onClick={() => { }}
-                    style={{
-                        backgroundColor: "transparent",
-                        border: "1px solid rgba(3, 119, 255, 1)",
-                        width: "145px",
-                        marginTop: "28px"
-                    }}
-                />
-            </div>
-        </section>
-    )
+    onChanged?: () => void;
+    onDeleted?: () => void;
 }
-// function NSTag()
-// {
-//     return (
-//         <div className={Styles.ns_tag_container}>
-//             <div className={Styles.ns_tag_title}>
-//                 <InputGroup />
-//                 <InputGroup />
-//                 <InputGroup />
-//                 <InputGroup />
-//                 <NSButton
-//                     title='Add new tag'
-//                     onClick={() => { }}
-//                     style={{
-//                         backgroundColor: "transparent",
-//                         border: "1px solid rgba(3, 119, 255, 1)",
-//                         width: "145px",
-//                         marginTop: "24px"
-//                     }} />
-//             </div>
-//         </div>
-//     );
-// }
+export interface NSTagValue
+{
+    name: string;
+    value: string;
+    description?: string;
+}
+
+class NSTag extends Component<NSTagProps>
+{
+    static isEmpty(value: NSTagValue)
+    {
+        if (value.name || value.value || value.description)
+            return false
+        return true;
+    }
+
+    private NSBoxString_Key = createRef<NSBoxString>();
+    private NSBoxString_Value = createRef<NSBoxString>();
+    private NSBoxString_Description = createRef<NSBoxString>();
 
+    getValue(checkError: boolean = true): NSTagValue
+    {
+        let name = this.NSBoxString_Key.current?.getValue(checkError) ?? "";
+        let value = this.NSBoxString_Value.current?.getValue(checkError) ?? "";
+        let description = this.NSBoxString_Description.current?.getValue(checkError) ?? "";
+        return {
+            name,
+            value,
+            description
+        };
+    }
+    setValue(value: NSTagValue)
+    {
+        this.NSBoxString_Key.current?.setValue(value.name);
+        this.NSBoxString_Value.current?.setValue(value.value);
+        this.NSBoxString_Description.current?.setValue(value.description ?? "");
+    }
+    override render()
+    {
+        return (
+            <section className={Styles.ns_tag_input_container} >
+                <div className={Styles.ns_tag_input_group}>
+                    <NSBoxString ref={this.NSBoxString_Key} title='Name' required onChanged={this.props.onChanged} />
+                    <NSBoxString ref={this.NSBoxString_Value} title='Value' required onChanged={this.props.onChanged} />
+                    <NSBoxString ref={this.NSBoxString_Description} title='Description' required={false} onChanged={this.props.onChanged} />
+                    <NSButton
+                        title='Remove'
+                        onClick={() =>
+                        {
+                            if (this.props.onDeleted)
+                                this.props.onDeleted();
+                        }}
+                        style={{
+                            backgroundColor: "transparent",
+                            border: "1px solid rgba(3, 119, 255, 1)",
+                            width: "145px",
+                            marginTop: "28px"
+                        }}
+                    />
+                </div>
+            </section>
+        );
+    }
+}
 export default NSTag;