namirasoft-site-react 1.2.40 → 1.2.42

package/src/components/NSInputEmail.tsx

@@ -1,92 +1,92 @@
-"use client";
-
-import React from "react";
-import Styles from "./NSInputEmail.module.css";
-import IconInputEmail from '../assets/images/icon-input-email.svg';
-import Danger from '../assets/images/danger.svg';
-
-interface IProps
-{
-    title: string;
-}
-
-interface IState
-{
-    value: string;
-    error: boolean;
-}
-
-export class NSInputEmail extends React.Component<IProps, IState> {
-    constructor(props: IProps)
-    {
-        super(props);
-        this.state = {
-            value: "",
-            error: false,
-        };
-        this.setValue = this.setValue.bind(this);
-        this.getValue = this.getValue.bind(this);
-        this.setDefaultValue = this.setDefaultValue.bind(this);
-    }
-    setValue(e: React.ChangeEvent<HTMLInputElement>): void
-    {
-        let email = /^(([^<>()[]\\.,;:\s@"]+(\.[^<>()[]\\.,;:\s@"]+)*)|(".+"))@(([[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
-        if (!email.test(e.target.value))
-        {
-            this.setState({ error: true, value: e.target.value });
-        }
-        else
-        {
-            this.setState({ error: false, value: e.target.value });
-        }
-    }
-    setDefaultValue(value: string): void
-    {
-        this.setState({ value });
-    }
-    getValue(): string
-    {
-        return this.state.value;
-    }
-    override render()
-    {
-        return (
-            <>
-                <div className={`${Styles.ns_input_parent} p-2`}>
-                    <span className={Styles.ns_input_title}>{this.props.title}</span>
-                    <img
-                        className={Styles.ns_input_icon}
-                        src={IconInputEmail}
-                        alt="icon"
-                        width={24}
-                        height={24}
-                    />
-                    <input
-                        value={this.state.value}
-                        onChange={this.setValue}
-                        type="email"
-                        className={`${this.state.error === true ? Styles.ns_input_red : ""} ${Styles.ns_input}`}
-                        placeholder="Sample@gmail.com"
-                    />
-                </div>
-
-                {this.state.error === true ? (
-                    <>
-                        <div className="d-flex justify-content-start align-items-center gap-2 ms-2 ">
-                            <img
-                                className={""}
-                                src={Danger}
-                                alt="icon"
-                                width={13}
-                                height={13}
-                            />
-                            <span className={Styles.ns_input_error}>Enter a valid email. </span>
-                        </div>
-                    </>) : null}
-
-            </>
-        );
-    }
-}
-
-
+"use client";
+
+import React from "react";
+import Styles from "./NSInputEmail.module.css";
+import IconInputEmail from '../assets/images/icon-input-email.svg';
+import Danger from '../assets/images/danger.svg';
+
+interface IProps
+{
+    title: string;
+}
+
+interface IState
+{
+    value: string;
+    error: boolean;
+}
+
+export class NSInputEmail extends React.Component<IProps, IState> {
+    constructor(props: IProps)
+    {
+        super(props);
+        this.state = {
+            value: "",
+            error: false,
+        };
+        this.setValue = this.setValue.bind(this);
+        this.getValue = this.getValue.bind(this);
+        this.setDefaultValue = this.setDefaultValue.bind(this);
+    }
+    setValue(e: React.ChangeEvent<HTMLInputElement>): void
+    {
+        let email = /^(([^<>()[]\\.,;:\s@"]+(\.[^<>()[]\\.,;:\s@"]+)*)|(".+"))@(([[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+        if (!email.test(e.target.value))
+        {
+            this.setState({ error: true, value: e.target.value });
+        }
+        else
+        {
+            this.setState({ error: false, value: e.target.value });
+        }
+    }
+    setDefaultValue(value: string): void
+    {
+        this.setState({ value });
+    }
+    getValue(): string
+    {
+        return this.state.value;
+    }
+    override render()
+    {
+        return (
+            <>
+                <div className={`${Styles.ns_input_parent} p-2`}>
+                    <span className={Styles.ns_input_title}>{this.props.title}</span>
+                    <img
+                        className={Styles.ns_input_icon}
+                        src={IconInputEmail}
+                        alt="icon"
+                        width={24}
+                        height={24}
+                    />
+                    <input
+                        value={this.state.value}
+                        onChange={this.setValue}
+                        type="email"
+                        className={`${this.state.error === true ? Styles.ns_input_red : ""} ${Styles.ns_input}`}
+                        placeholder="Sample@gmail.com"
+                    />
+                </div>
+
+                {this.state.error === true ? (
+                    <>
+                        <div className="d-flex justify-content-start align-items-center gap-2 ms-2 ">
+                            <img
+                                className={""}
+                                src={Danger}
+                                alt="icon"
+                                width={13}
+                                height={13}
+                            />
+                            <span className={Styles.ns_input_error}>Enter a valid email. </span>
+                        </div>
+                    </>) : null}
+
+            </>
+        );
+    }
+}
+
+

package/src/components/NSInputFloat.module.css

@@ -1,26 +1,26 @@
-.ns_input_parent {
-    display: flex;
-    flex-direction: column;
-    width: 326px;
-    color: #fff;
-    position: relative;
-    max-width: 100%;
-}
-
-.ns_input {
-    border-radius: 8px;
-    padding: 10px 12px;
-    font-size: 16px;
-    font-weight: 400;
-}
-
-.ns_input_icon {
-    position: absolute;
-    right: 20px;
-    top: 51%;
-}
-
-.ns_input_title {
-    font-size: 16px;
-    font-weight: 400;
+.ns_input_parent {
+    display: flex;
+    flex-direction: column;
+    width: 326px;
+    color: #fff;
+    position: relative;
+    max-width: 100%;
+}
+
+.ns_input {
+    border-radius: 8px;
+    padding: 10px 12px;
+    font-size: 16px;
+    font-weight: 400;
+}
+
+.ns_input_icon {
+    position: absolute;
+    right: 20px;
+    top: 51%;
+}
+
+.ns_input_title {
+    font-size: 16px;
+    font-weight: 400;
 }

package/src/components/NSInputFloat.tsx

@@ -1,62 +1,62 @@
-"use client";
-
-import React from "react";
-import Styles from "./NSInputFloat.module.css";
-import IconInputFloat from '../assets/images/icon-input-float.svg';
-
-interface IProps
-{
-    title: string;
-}
-
-interface IState
-{
-    value: string;
-}
-
-export class NSInputFloat extends React.Component<IProps, IState> {
-    constructor(props: IProps)
-    {
-        super(props);
-        this.state = {
-            value: "",
-        };
-        this.setValue = this.setValue.bind(this);
-        this.getValue = this.getValue.bind(this);
-        this.setDefaultValue = this.setDefaultValue.bind(this);
-    }
-    setValue(e: React.ChangeEvent<HTMLInputElement>): void
-    {
-        this.setState({ value: e.target.value });
-    }
-    setDefaultValue(value: string): void
-    {
-        this.setState({ value });
-    }
-    getValue(): string
-    {
-        return this.state.value;
-    }
-    override render()
-    {
-        return (
-            <div className={`${Styles.ns_input_parent} p-2`}>
-                <span className={Styles.ns_input_title}>{this.props.title}</span>
-                <img
-                    className={Styles.ns_input_icon}
-                    src={IconInputFloat}
-                    alt="icon"
-                    width={24}
-                    height={24}
-                />
-                <input
-                    value={this.state.value}
-                    onChange={this.setValue}
-                    type="number"
-                    className={Styles.ns_input}
-                    placeholder="1.2"
-                />
-            </div>
-        );
-    }
+"use client";
+
+import React from "react";
+import Styles from "./NSInputFloat.module.css";
+import IconInputFloat from '../assets/images/icon-input-float.svg';
+
+interface IProps
+{
+    title: string;
+}
+
+interface IState
+{
+    value: string;
+}
+
+export class NSInputFloat extends React.Component<IProps, IState> {
+    constructor(props: IProps)
+    {
+        super(props);
+        this.state = {
+            value: "",
+        };
+        this.setValue = this.setValue.bind(this);
+        this.getValue = this.getValue.bind(this);
+        this.setDefaultValue = this.setDefaultValue.bind(this);
+    }
+    setValue(e: React.ChangeEvent<HTMLInputElement>): void
+    {
+        this.setState({ value: e.target.value });
+    }
+    setDefaultValue(value: string): void
+    {
+        this.setState({ value });
+    }
+    getValue(): string
+    {
+        return this.state.value;
+    }
+    override render()
+    {
+        return (
+            <div className={`${Styles.ns_input_parent} p-2`}>
+                <span className={Styles.ns_input_title}>{this.props.title}</span>
+                <img
+                    className={Styles.ns_input_icon}
+                    src={IconInputFloat}
+                    alt="icon"
+                    width={24}
+                    height={24}
+                />
+                <input
+                    value={this.state.value}
+                    onChange={this.setValue}
+                    type="number"
+                    className={Styles.ns_input}
+                    placeholder="1.2"
+                />
+            </div>
+        );
+    }
 }

package/src/components/NSInputIP.module.css

@@ -1,26 +1,26 @@
-.ns_input_parent {
-    display: flex;
-    flex-direction: column;
-    width: 326px;
-    color: #fff;
-    position: relative;
-    max-width: 100%;
-}
-
-.ns_input {
-    border-radius: 8px;
-    padding: 10px 12px;
-    font-size: 16px;
-    font-weight: 400;
-}
-
-.ns_input_icon {
-    position: absolute;
-    right: 20px;
-    top: 51%;
-}
-
-.ns_input_title {
-    font-size: 16px;
-    font-weight: 400;
+.ns_input_parent {
+    display: flex;
+    flex-direction: column;
+    width: 326px;
+    color: #fff;
+    position: relative;
+    max-width: 100%;
+}
+
+.ns_input {
+    border-radius: 8px;
+    padding: 10px 12px;
+    font-size: 16px;
+    font-weight: 400;
+}
+
+.ns_input_icon {
+    position: absolute;
+    right: 20px;
+    top: 51%;
+}
+
+.ns_input_title {
+    font-size: 16px;
+    font-weight: 400;
 }

package/src/components/NSInputIP.tsx

@@ -1,65 +1,65 @@
-"use client";
-
-import React from "react";
-import Styles from "./NSInputIP.module.css";
-import IconInputId from '../assets/images/icon-input-id.svg';
-
-interface IProps
-{
-    title: string;
-}
-
-interface IState
-{
-    value: string;
-}
-
-export class NSInputIP extends React.Component<IProps, IState> {
-    constructor(props: IProps)
-    {
-        super(props);
-        this.state = {
-            value: "",
-        };
-        this.setValue = this.setValue.bind(this);
-        this.getValue = this.getValue.bind(this);
-        this.setDefaultValue = this.setDefaultValue.bind(this);
-    }
-    setValue(e: React.ChangeEvent<HTMLInputElement>): void
-    {
-        this.setState({ value: e.target.value });
-    }
-    setDefaultValue(value: string): void
-    {
-        this.setState({ value });
-    }
-    getValue(): string
-    {
-        return this.state.value;
-    }
-    override render()
-    {
-        return (
-            <div className={`${Styles.ns_input_parent} p-2`}>
-                <span className={Styles.ns_input_title}>{this.props.title}</span>
-                <img
-                    className={Styles.ns_input_icon}
-                    src={IconInputId}
-                    alt="icon"
-                    width={24}
-                    height={24}
-                />
-                <input
-                    value={this.state.value}
-                    onChange={this.setValue}
-                    type="number"
-                    className={Styles.ns_input}
-                    placeholder="192.158.1.38"
-                />
-
-            </div>
-        );
-    }
-}
-
-
+"use client";
+
+import React from "react";
+import Styles from "./NSInputIP.module.css";
+import IconInputId from '../assets/images/icon-input-id.svg';
+
+interface IProps
+{
+    title: string;
+}
+
+interface IState
+{
+    value: string;
+}
+
+export class NSInputIP extends React.Component<IProps, IState> {
+    constructor(props: IProps)
+    {
+        super(props);
+        this.state = {
+            value: "",
+        };
+        this.setValue = this.setValue.bind(this);
+        this.getValue = this.getValue.bind(this);
+        this.setDefaultValue = this.setDefaultValue.bind(this);
+    }
+    setValue(e: React.ChangeEvent<HTMLInputElement>): void
+    {
+        this.setState({ value: e.target.value });
+    }
+    setDefaultValue(value: string): void
+    {
+        this.setState({ value });
+    }
+    getValue(): string
+    {
+        return this.state.value;
+    }
+    override render()
+    {
+        return (
+            <div className={`${Styles.ns_input_parent} p-2`}>
+                <span className={Styles.ns_input_title}>{this.props.title}</span>
+                <img
+                    className={Styles.ns_input_icon}
+                    src={IconInputId}
+                    alt="icon"
+                    width={24}
+                    height={24}
+                />
+                <input
+                    value={this.state.value}
+                    onChange={this.setValue}
+                    type="number"
+                    className={Styles.ns_input}
+                    placeholder="192.158.1.38"
+                />
+
+            </div>
+        );
+    }
+}
+
+

package/src/components/NSInputInteger.module.css

@@ -1,26 +1,26 @@
-.ns_input_parent {
-    display: flex;
-    flex-direction: column;
-    width: 326px;
-    color: #fff;
-    position: relative;
-    max-width: 100%;
-}
-
-.ns_input {
-    border-radius: 8px;
-    padding: 10px 12px;
-    font-size: 16px;
-    font-weight: 400;
-}
-
-.ns_input_icon {
-    position: absolute;
-    right: 20px;
-    top: 51%;
-}
-
-.ns_input_title {
-    font-size: 16px;
-    font-weight: 400;
+.ns_input_parent {
+    display: flex;
+    flex-direction: column;
+    width: 326px;
+    color: #fff;
+    position: relative;
+    max-width: 100%;
+}
+
+.ns_input {
+    border-radius: 8px;
+    padding: 10px 12px;
+    font-size: 16px;
+    font-weight: 400;
+}
+
+.ns_input_icon {
+    position: absolute;
+    right: 20px;
+    top: 51%;
+}
+
+.ns_input_title {
+    font-size: 16px;
+    font-weight: 400;
 }