namirasoft-site-react 1.2.40 → 1.2.42

package/src/components/NSInputSearch.tsx

@@ -1,78 +1,78 @@
-"use client";
-
-import React from "react";
-import Styles from "./NSInputSearch.module.css";
-import IconInputSearch from '../assets/images/icon-input-search.svg';
-
-interface IProps
-{
-    title: string;
-}
-
-interface IState
-{
-    value: string;
-}
-
-export class NSInputSearch 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);
-        this.keyDownEvent = this.keyDownEvent.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;
-    }
-    onChanged(e: React.ChangeEvent<HTMLInputElement>): void
-    {
-        this.setValue(e);
-    }
-    keyDownEvent(event: React.KeyboardEvent<HTMLDivElement>)
-    {
-        if (event.code === "Enter")
-        {
-            //todo
-            console.log("function")
-        }
-    }
-    override render()
-    {
-        return (
-            <div className={`${Styles.ns_input_form} p-2`}>
-                <span className={Styles.ns_input_title}>{this.props.title}</span>
-                <img
-                    className={Styles.ns_input_icon}
-                    src={IconInputSearch}
-                    alt="icon"
-                    width={32}
-                    height={32}
-                />
-                <input
-                    value={this.state.value}
-                    onChange={this.setValue}
-                    onKeyDown={this.keyDownEvent}
-                    type="text"
-                    className={Styles.ns_input}
-                    placeholder="Search"
-                />
-            </div>
-        );
-    }
-}
-
-
+"use client";
+
+import React from "react";
+import Styles from "./NSInputSearch.module.css";
+import IconInputSearch from '../assets/images/icon-input-search.svg';
+
+interface IProps
+{
+    title: string;
+}
+
+interface IState
+{
+    value: string;
+}
+
+export class NSInputSearch 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);
+        this.keyDownEvent = this.keyDownEvent.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;
+    }
+    onChanged(e: React.ChangeEvent<HTMLInputElement>): void
+    {
+        this.setValue(e);
+    }
+    keyDownEvent(event: React.KeyboardEvent<HTMLDivElement>)
+    {
+        if (event.code === "Enter")
+        {
+            //todo
+            console.log("function")
+        }
+    }
+    override render()
+    {
+        return (
+            <div className={`${Styles.ns_input_form} p-2`}>
+                <span className={Styles.ns_input_title}>{this.props.title}</span>
+                <img
+                    className={Styles.ns_input_icon}
+                    src={IconInputSearch}
+                    alt="icon"
+                    width={32}
+                    height={32}
+                />
+                <input
+                    value={this.state.value}
+                    onChange={this.setValue}
+                    onKeyDown={this.keyDownEvent}
+                    type="text"
+                    className={Styles.ns_input}
+                    placeholder="Search"
+                />
+            </div>
+        );
+    }
+}
+
+

package/src/components/NSInputString.module.css

@@ -1,27 +1,27 @@
-.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%;
-    z-index: 1;
-}
-
-.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%;
+    z-index: 1;
+}
+
+.ns_input_title {
+    font-size: 16px;
+    font-weight: 400;
 }

package/src/components/NSInputString.tsx

@@ -1,67 +1,67 @@
-"use client";
-
-import React from "react";
-import Styles from "./NSInputString.module.css";
-import IconInputString from '../assets/images/icon-input-string.svg';
-
-interface IProps
-{
-    title: string;
-    defaultValue?: string;
-    onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-}
-
-interface IState
-{
-    value: string;
-}
-
-export class NSInputString extends React.Component<IProps, IState>
-{
-    constructor(props: IProps)
-    {
-        super(props);
-        this.state = {
-            value: props.defaultValue ?? "",
-        };
-        this.getValue = this.getValue.bind(this);
-        this.setValue = this.setValue.bind(this);
-        this.onChanged = this.onChanged.bind(this);
-    }
-    getValue(): string
-    {
-        return this.state.value;
-    }
-    setValue(value: string): void
-    {
-        this.setState({ value });
-    }
-    private onChanged(e: React.ChangeEvent<HTMLInputElement>): void
-    {
-        this.setValue(e.target.value);
-        if (this.props.onChanged)
-            this.props.onChanged(e);
-    }
-    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={IconInputString}
-                    alt="icon"
-                    width={24}
-                    height={24}
-                />
-                <input
-                    value={this.state.value}
-                    onChange={this.onChanged}
-                    type="text"
-                    className={Styles.ns_input}
-                    placeholder="12AB34cf"
-                />
-            </div>
-        );
-    }
+"use client";
+
+import React from "react";
+import Styles from "./NSInputString.module.css";
+import IconInputString from '../assets/images/icon-input-string.svg';
+
+interface IProps
+{
+    title: string;
+    defaultValue?: string;
+    onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}
+
+interface IState
+{
+    value: string;
+}
+
+export class NSInputString extends React.Component<IProps, IState>
+{
+    constructor(props: IProps)
+    {
+        super(props);
+        this.state = {
+            value: props.defaultValue ?? "",
+        };
+        this.getValue = this.getValue.bind(this);
+        this.setValue = this.setValue.bind(this);
+        this.onChanged = this.onChanged.bind(this);
+    }
+    getValue(): string
+    {
+        return this.state.value;
+    }
+    setValue(value: string): void
+    {
+        this.setState({ value });
+    }
+    private onChanged(e: React.ChangeEvent<HTMLInputElement>): void
+    {
+        this.setValue(e.target.value);
+        if (this.props.onChanged)
+            this.props.onChanged(e);
+    }
+    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={IconInputString}
+                    alt="icon"
+                    width={24}
+                    height={24}
+                />
+                <input
+                    value={this.state.value}
+                    onChange={this.onChanged}
+                    type="text"
+                    className={Styles.ns_input}
+                    placeholder="12AB34cf"
+                />
+            </div>
+        );
+    }
 }

package/src/components/NSInputText.module.css

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

package/src/components/NSInputText.tsx

@@ -1,69 +1,69 @@
-"use client";
-
-import React from "react";
-import Styles from "./NSInputText.module.css";
-import IconInputText from '../assets/images/icon-input-text.svg';
-
-interface IProps
-{
-    title: string;
-    defaultValue?: string;
-    onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-}
-
-interface IState
-{
-    value: string;
-}
-
-export class NSInputText extends React.Component<IProps, IState> {
-    constructor(props: IProps)
-    {
-        super(props);
-        this.state = {
-            value: props.defaultValue ?? "",
-        };
-        this.getValue = this.getValue.bind(this);
-        this.setValue = this.setValue.bind(this);
-        this.onChanged = this.onChanged.bind(this);
-    }
-    getValue(): string
-    {
-        return this.state.value;
-    }
-    setValue(value: string): void
-    {
-        this.setState({ value });
-    }
-    private onChanged(e: React.ChangeEvent<HTMLInputElement>): void
-    {
-        this.setValue(e.target.value);
-        if (this.props.onChanged)
-            this.props.onChanged(e);
-    }
-    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={IconInputText}
-                    alt="icon"
-                    width={24}
-                    height={24}
-                />
-                <input
-                    value={this.state.value}
-                    onChange={this.onChanged}
-                    type="text"
-                    className={Styles.ns_input}
-                    placeholder="Enter your Text"
-                />
-
-            </div>
-        );
-    }
-}
-
-
+"use client";
+
+import React from "react";
+import Styles from "./NSInputText.module.css";
+import IconInputText from '../assets/images/icon-input-text.svg';
+
+interface IProps
+{
+    title: string;
+    defaultValue?: string;
+    onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}
+
+interface IState
+{
+    value: string;
+}
+
+export class NSInputText extends React.Component<IProps, IState> {
+    constructor(props: IProps)
+    {
+        super(props);
+        this.state = {
+            value: props.defaultValue ?? "",
+        };
+        this.getValue = this.getValue.bind(this);
+        this.setValue = this.setValue.bind(this);
+        this.onChanged = this.onChanged.bind(this);
+    }
+    getValue(): string
+    {
+        return this.state.value;
+    }
+    setValue(value: string): void
+    {
+        this.setState({ value });
+    }
+    private onChanged(e: React.ChangeEvent<HTMLInputElement>): void
+    {
+        this.setValue(e.target.value);
+        if (this.props.onChanged)
+            this.props.onChanged(e);
+    }
+    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={IconInputText}
+                    alt="icon"
+                    width={24}
+                    height={24}
+                />
+                <input
+                    value={this.state.value}
+                    onChange={this.onChanged}
+                    type="text"
+                    className={Styles.ns_input}
+                    placeholder="Enter your Text"
+                />
+
+            </div>
+        );
+    }
+}
+
+

package/src/components/NSInputTime.module.css

@@ -1,27 +1,27 @@
-.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%;
-    z-index: 1;
-}
-
-.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%;
+    z-index: 1;
+}
+
+.ns_input_title {
+    font-size: 16px;
+    font-weight: 400;
 }