namirasoft-site-react 1.2.39 → 1.2.41

package/src/components/NSInputInteger.tsx

@@ -1,65 +1,65 @@
-"use client";
-
-import React from "react";
-import Styles from "./NSInputInteger.module.css";
-import IconInputInteger from '../assets/images/icon-input-integer.svg';
-
-interface IProps
-{
-    title: string;
-}
-
-interface IState
-{
-    value: string;
-}
-
-export class NSInputInteger 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={IconInputInteger}
-                    alt="icon"
-                    width={24}
-                    height={24}
-                />
-                <input
-                    value={this.state.value}
-                    onChange={this.setValue}
-                    type="number"
-                    className={Styles.ns_input}
-                    placeholder="1234"
-                />
-
-            </div>
-        );
-    }
-}
-
-
+"use client";
+
+import React from "react";
+import Styles from "./NSInputInteger.module.css";
+import IconInputInteger from '../assets/images/icon-input-integer.svg';
+
+interface IProps
+{
+    title: string;
+}
+
+interface IState
+{
+    value: string;
+}
+
+export class NSInputInteger 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={IconInputInteger}
+                    alt="icon"
+                    width={24}
+                    height={24}
+                />
+                <input
+                    value={this.state.value}
+                    onChange={this.setValue}
+                    type="number"
+                    className={Styles.ns_input}
+                    placeholder="1234"
+                />
+
+            </div>
+        );
+    }
+}
+
+

package/src/components/NSInputPhone.module.css

@@ -1,33 +1,33 @@
-.ns_input_parent {
-    display: flex;
-    flex-direction: column;
-    width: 326px;
-
-    position: relative;
-    max-width: 100%;
-}
-
-.ns_input {
-    height: 48px !important;
-    font-size: 16px !important;
-    font-weight: 400;
-    width: 310px !important;
-}
-
-.ns_input span {
-    color: #000 !important;
-
-}
-
-.ns_input_icon {
-    position: absolute;
-    right: 20px;
-    top: 51%;
-    z-index: 1;
-}
-
-.ns_input_title {
-    color: #fff;
-    font-size: 16px;
-    font-weight: 400;
+.ns_input_parent {
+    display: flex;
+    flex-direction: column;
+    width: 326px;
+
+    position: relative;
+    max-width: 100%;
+}
+
+.ns_input {
+    height: 48px !important;
+    font-size: 16px !important;
+    font-weight: 400;
+    width: 310px !important;
+}
+
+.ns_input span {
+    color: #000 !important;
+
+}
+
+.ns_input_icon {
+    position: absolute;
+    right: 20px;
+    top: 51%;
+    z-index: 1;
+}
+
+.ns_input_title {
+    color: #fff;
+    font-size: 16px;
+    font-weight: 400;
 }

package/src/components/NSInputPhone.tsx

@@ -1,65 +1,65 @@
-"use client";
-
-import React from "react";
-import Styles from "./NSInputPhone.module.css";
-import IconInputPhone from '../assets/images/icon-input-phone.svg';
-import PhoneInput from 'react-phone-input-2'
-import 'react-phone-input-2/lib/style.css'
-
-interface IProps
-{
-    title: string;
-}
-
-interface IState
-{
-    value: string;
-}
-
-export class NSInputPhone 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(value: string): void
-    {
-        this.setState({ 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={IconInputPhone}
-                    alt="icon"
-                    width={24}
-                    height={24}
-                />
-                <PhoneInput
-                    inputClass={Styles.ns_input}
-                    country={'us'}
-                    value={this.state.value}
-                    onChange={this.setValue}
-                />
-            </div>
-        );
-    }
-}
-
-
+"use client";
+
+import React from "react";
+import Styles from "./NSInputPhone.module.css";
+import IconInputPhone from '../assets/images/icon-input-phone.svg';
+import PhoneInput from 'react-phone-input-2'
+import 'react-phone-input-2/lib/style.css'
+
+interface IProps
+{
+    title: string;
+}
+
+interface IState
+{
+    value: string;
+}
+
+export class NSInputPhone 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(value: string): void
+    {
+        this.setState({ 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={IconInputPhone}
+                    alt="icon"
+                    width={24}
+                    height={24}
+                />
+                <PhoneInput
+                    inputClass={Styles.ns_input}
+                    country={'us'}
+                    value={this.state.value}
+                    onChange={this.setValue}
+                />
+            </div>
+        );
+    }
+}
+
+

package/src/components/NSInputPrice.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: 33%;
-    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: 33%;
+    z-index: 1;
+}
+
+.ns_input_title {
+    font-size: 16px;
+    font-weight: 400;
 }

package/src/components/NSInputPrice.tsx

@@ -1,68 +1,68 @@
-"use client";
-
-import React from "react";
-import Styles from "./NSInputPrice.module.css";
-import IconInputPrice from '../assets/images/icon-input-price.svg';
-
-interface IProps
-{
-    title: string;
-    defaultValue?: number;
-    onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-}
-
-interface IState
-{
-    value: number | undefined;
-}
-
-export class NSInputPrice extends React.Component<IProps, IState> {
-    constructor(props: IProps)
-    {
-        super(props);
-        this.state = {
-            value: props.defaultValue ?? undefined,
-        };
-        this.getValue = this.getValue.bind(this);
-        this.setValue = this.setValue.bind(this);
-        this.onChanged = this.onChanged.bind(this);
-    }
-    getValue(): number | undefined
-    {
-        return this.state.value;
-    }
-    setValue(value: number): void
-    {
-        this.setState({ value });
-    }
-    private onChanged(e: React.ChangeEvent<HTMLInputElement>): void
-    {
-        this.setValue(parseInt(e.target.value));
-        if (this.props.onChanged)
-            this.props.onChanged(e);
-    }
-    override render()
-    {
-        return (
-            <div className={`${Styles.ns_input_parent} p-2`}>
-                 <img
-                    className={Styles.ns_input_icon}
-                    src={IconInputPrice}
-                    alt="icon"
-                    width={24}
-                    height={24}
-                />
-                <input
-                    value={this.state.value}
-                    onChange={this.onChanged}
-                    type="number"
-                    step="20"
-                    className={Styles.ns_input}
-                    placeholder="$1000"
-                />
-            </div>
-        );
-    }
-}
-
-
+"use client";
+
+import React from "react";
+import Styles from "./NSInputPrice.module.css";
+import IconInputPrice from '../assets/images/icon-input-price.svg';
+
+interface IProps
+{
+    title: string;
+    defaultValue?: number;
+    onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}
+
+interface IState
+{
+    value: number | undefined;
+}
+
+export class NSInputPrice extends React.Component<IProps, IState> {
+    constructor(props: IProps)
+    {
+        super(props);
+        this.state = {
+            value: props.defaultValue ?? undefined,
+        };
+        this.getValue = this.getValue.bind(this);
+        this.setValue = this.setValue.bind(this);
+        this.onChanged = this.onChanged.bind(this);
+    }
+    getValue(): number | undefined
+    {
+        return this.state.value;
+    }
+    setValue(value: number): void
+    {
+        this.setState({ value });
+    }
+    private onChanged(e: React.ChangeEvent<HTMLInputElement>): void
+    {
+        this.setValue(parseInt(e.target.value));
+        if (this.props.onChanged)
+            this.props.onChanged(e);
+    }
+    override render()
+    {
+        return (
+            <div className={`${Styles.ns_input_parent} p-2`}>
+                 <img
+                    className={Styles.ns_input_icon}
+                    src={IconInputPrice}
+                    alt="icon"
+                    width={24}
+                    height={24}
+                />
+                <input
+                    value={this.state.value}
+                    onChange={this.onChanged}
+                    type="number"
+                    step="20"
+                    className={Styles.ns_input}
+                    placeholder="$1000"
+                />
+            </div>
+        );
+    }
+}
+
+

package/src/components/NSInputSearch.module.css

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