namirasoft-site-react 1.3.112 → 1.3.114

package/src/components/NSInputEmail.tsx

@@ -1,90 +0,0 @@
-"use client";
-
-import React from "react";
-import Styles from "./NSInput.module.css";
-import IconInputEmail from '../assets/images/icon-input-email.svg';
-import { Validator } from "../Validator";
-import { IValidationProps } from "../props/IValidationProps";
-import { IValidationStringProps } from "../props/IValidationStringProps";
-import { IBaseComponentProps } from "../props/IBaseComponentProps";
-import { NSInputErrorNotifier } from "./NSInputErrorNotifier";
-
-export interface INSInputEmailProps extends IBaseComponentProps, IValidationProps, IValidationStringProps
-{
-    title: string;
-    defaultValue?: string;
-    onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    placeholder?: string;
-}
-
-export interface NSInputEmailState
-{
-    value: string;
-    error?: string;
-}
-
-export class NSInputEmail extends React.Component<INSInputEmailProps, NSInputEmailState>
-{
-    constructor(props: INSInputEmailProps)
-    {
-        super(props);
-        this.state = { value: props.defaultValue ?? "" };
-        this.setValue = this.setValue.bind(this);
-        this.getValue = this.getValue.bind(this);
-        this.onChanged = this.onChanged.bind(this);
-    }
-    getError(): string | null
-    {
-        return (
-            Validator.getError(this.props.title, this.state.value, this.props) &&
-            Validator.getErrorString(this.props.title, this.state.value, this.props) &&
-            Validator.getErrorEmail(this.props.title, this.state.value)
-        );
-    }
-    getValue(): string
-    {
-        let error = this.getError();
-        if (error)
-        {
-            this.setState({ error });
-            throw new Error(error);
-        }
-        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} ${this.props.classList?.join(" ")}`} style={this.props.style}>
-                    <span className={Styles.ns_input_title}> {this.props.required && <span style={{ color: "red" }} >*</span>} {this.props.title} </span>
-                    <img
-                        className={Styles.ns_input_icon}
-                        src={IconInputEmail}
-                        alt="Email Icon"
-                        width={24}
-                        height={24}
-                    />
-                    <input
-                        id={this.props.id}
-                        value={this.state.value}
-                        onChange={this.onChanged}
-                        type="email"
-                        className={Styles.ns_input}
-                        placeholder={this.props.placeholder}
-                    />
-                </div>
-                <NSInputErrorNotifier error={this.state.error} />
-            </>
-        );
-    }
-}

package/src/components/NSInputErrorNotifier.tsx

@@ -1,28 +0,0 @@
-import Styles from "./NSInputErrorNotifier.module.css";
-import Danger from '../assets/images/danger.svg';
-import { IBaseComponentProps } from "../props/IBaseComponentProps";
-
-export interface INSInputErrorNotifierProps extends IBaseComponentProps
-{
-    error?: string;
-}
-
-export function NSInputErrorNotifier(props: INSInputErrorNotifierProps)
-{
-    return <>
-        {
-            props.error && (
-                <div className="d-flex justify-content-start align-items-center gap-2 ms-2">
-                    <img
-                        className={""}
-                        src={Danger}
-                        alt="Error Icon"
-                        width={13}
-                        height={13}
-                    />
-                    <span className={Styles.ns_input_error}>{props.error}</span>
-                </div >
-            )
-        }
-    </>;
-}

package/src/components/NSInputFloat.tsx

@@ -1,89 +0,0 @@
-"use client";
-
-import React from "react";
-import Styles from "./NSInput.module.css";
-import IconInputFloat from '../assets/images/icon-input-float.svg';
-import { IBaseComponentProps } from "../props/IBaseComponentProps";
-import { IValidationProps } from "../props/IValidationProps";
-import { IValidationNumberProps } from "../props/IValidationNumberProps";
-import { Validator } from "../Validator";
-import { NSInputErrorNotifier } from "./NSInputErrorNotifier";
-
-export interface INSInputFloatProps extends IBaseComponentProps, IValidationProps, IValidationNumberProps 
-{
-    title: string;
-    defaultValue?: number;
-    onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    placeholder?: string;
-}
-
-export interface NSInputFloatState
-{
-    value?: number;
-    error?: string;
-}
-
-export class NSInputFloat extends React.Component<INSInputFloatProps, NSInputFloatState>
-{
-    constructor(props: INSInputFloatProps)
-    {
-        super(props);
-        this.state = { value: props.defaultValue };
-        this.setValue = this.setValue.bind(this);
-        this.getValue = this.getValue.bind(this);
-        this.onChanged = this.onChanged.bind(this);
-    }
-    getError(): string | null
-    {
-        return (
-            Validator.getError(this.props.title, this.state.value, this.props) &&
-            Validator.getErrorNumber(this.props.title, this.state.value, this.props)
-        );
-    }
-    getValue(): number | undefined
-    {
-        let error = this.getError();
-        if (error)
-        {
-            this.setState({ error });
-            throw new Error(error);
-        }
-        return this.state.value;
-    }
-    setValue(value: number | undefined): void
-    {
-        this.setState({ value });
-    }
-    private onChanged(e: React.ChangeEvent<HTMLInputElement>): void
-    {
-        this.setValue(parseFloat(e.target.value));
-        if (this.props.onChanged)
-            this.props.onChanged(e);
-    }
-    override render()
-    {
-        return (
-            <>
-                <div className={`${Styles.ns_input_parent} p-2 ${this.props.classList?.join(" ")}`} style={this.props.style}>
-                    <span className={Styles.ns_input_title}> {this.props.required && <span style={{ color: "red" }} >*</span>} {this.props.title} </span>
-                    <img
-                        className={Styles.ns_input_icon}
-                        src={IconInputFloat}
-                        alt="Flaot Icon"
-                        width={24}
-                        height={24}
-                    />
-                    <input
-                        id={this.props.id}
-                        value={this.state.value}
-                        onChange={this.onChanged}
-                        type="number"
-                        className={Styles.ns_input}
-                        placeholder={this.props.placeholder}
-                    />
-                </div>
-                <NSInputErrorNotifier error={this.state.error} />
-            </>
-        );
-    }
-}

package/src/components/NSInputIP.tsx

@@ -1,90 +0,0 @@
-"use client";
-
-import React from "react";
-import Styles from "./NSInput.module.css";
-import IconInputIP from '../assets/images/icon-input-ip.svg';
-import { IBaseComponentProps } from "../props/IBaseComponentProps";
-import { IValidationProps } from "../props/IValidationProps";
-import { IValidationStringProps } from "../props/IValidationStringProps";
-import { Validator } from "../Validator";
-import { NSInputErrorNotifier } from "./NSInputErrorNotifier";
-
-export interface INSInputIPProps extends IBaseComponentProps, IValidationProps, IValidationStringProps
-{
-    title: string;
-    defaultValue?: string;
-    onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    placeholder?: string;
-}
-
-export interface NSInputIPState
-{
-    value: string;
-    error?: string;
-}
-
-export class NSInputIP extends React.Component<INSInputIPProps, NSInputIPState>
-{
-    constructor(props: INSInputIPProps)
-    {
-        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);
-    }
-    getError(): string | null
-    {
-        return (
-            Validator.getError(this.props.title, this.state.value, this.props) &&
-            Validator.getErrorString(this.props.title, this.state.value, this.props) &&
-            Validator.getErrorIP(this.props.title, this.state.value)
-        );
-    }
-    getValue(): string
-    {
-        let error = this.getError();
-        if (error)
-        {
-            this.setState({ error });
-            throw new Error(error);
-        }
-        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} ${this.props.classList?.join(" ")}`} style={this.props.style}>
-                    <span className={Styles.ns_input_title}> {this.props.required && <span style={{ color: "red" }} >*</span>} {this.props.title} </span>
-                    <img
-                        className={Styles.ns_input_icon}
-                        src={IconInputIP}
-                        alt="IP Icon"
-                        width={24}
-                        height={24}
-                    />
-                    <input
-                        id={this.props.id}
-                        value={this.state.value}
-                        onChange={this.onChanged}
-                        type="text"
-                        className={Styles.ns_input}
-                        placeholder={this.props.placeholder}
-                    />
-                </div>
-                <NSInputErrorNotifier error={this.state.error} />
-            </>
-        );
-    }
-}

package/src/components/NSInputInteger.tsx

@@ -1,89 +0,0 @@
-"use client";
-
-import React from "react";
-import Styles from "./NSInput.module.css";
-import IconInputInteger from '../assets/images/icon-input-integer.svg';
-import { IBaseComponentProps } from "../props/IBaseComponentProps";
-import { IValidationNumberProps } from "../props/IValidationNumberProps";
-import { IValidationProps } from "../props/IValidationProps";
-import { Validator } from "../Validator";
-import { NSInputErrorNotifier } from "./NSInputErrorNotifier";
-
-export interface INSInputIntegerProps extends IBaseComponentProps, IValidationProps, IValidationNumberProps
-{
-    title: string;
-    defaultValue?: number;
-    onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    placeholder?: string;
-}
-
-export interface NSInputIntegerState
-{
-    value?: number;
-    error?: string;
-}
-
-export class NSInputInteger extends React.Component<INSInputIntegerProps, NSInputIntegerState>
-{
-    constructor(props: INSInputIntegerProps)
-    {
-        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);
-    }
-    getError(): string | null
-    {
-        return (
-            Validator.getError(this.props.title, this.state.value, this.props) &&
-            Validator.getErrorNumber(this.props.title, this.state.value, this.props)
-        );
-    }
-    getValue(): number | undefined
-    {
-        let error = this.getError();
-        if (error)
-        {
-            this.setState({ error });
-            throw new Error(error);
-        }
-        return this.state.value;
-    }
-    setValue(value: number | undefined): 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 ${this.props.classList?.join(" ")}`} style={this.props.style}>
-                    <span className={Styles.ns_input_title}> {this.props.required && <span style={{ color: "red" }} >*</span>} {this.props.title} </span>
-                    <img
-                        className={Styles.ns_input_icon}
-                        src={IconInputInteger}
-                        alt="Integer Icon"
-                        width={24}
-                        height={24}
-                    />
-                    <input
-                        id={this.props.id}
-                        value={this.state.value}
-                        onChange={this.onChanged}
-                        type="number"
-                        className={Styles.ns_input}
-                        placeholder={this.props.placeholder}
-                    />
-                </div>
-                <NSInputErrorNotifier error={this.state.error} />
-            </>
-        );
-    }
-}

package/src/components/NSInputPassword.tsx

@@ -1,89 +0,0 @@
-"use client";
-
-import React from "react";
-import Styles from "./NSInput.module.css";
-import IconInputString from '../assets/images/icon-input-string.svg';
-import { IBaseComponentProps } from "../props/IBaseComponentProps";
-import { IValidationProps } from "../props/IValidationProps";
-import { IValidationStringProps } from "../props/IValidationStringProps";
-import { Validator } from "../Validator";
-import { NSInputErrorNotifier } from "./NSInputErrorNotifier";
-
-export interface INSInputPasswordProps extends IBaseComponentProps, IValidationProps, IValidationStringProps
-{
-    title: string;
-    defaultValue?: string;
-    onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    placeholder?: string;
-}
-
-export interface NSInputPasswordState 
-{
-    value: string;
-    error?: string;
-}
-
-export class NSInputPassword extends React.Component<INSInputPasswordProps, NSInputPasswordState>
-{
-    constructor(props: INSInputPasswordProps)
-    {
-        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);
-    }
-    getError(): string | null
-    {
-        return (
-            Validator.getError(this.props.title, this.state.value, this.props) &&
-            Validator.getErrorString(this.props.title, this.state.value, this.props)
-        );
-    }
-    getValue(): string
-    {
-        let error = this.getError();
-        if (error)
-        {
-            this.setState({ error });
-            throw new Error(error);
-        }
-        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} ${this.props.classList?.join(" ")}`} style={this.props.style}>
-                    <span className={Styles.ns_input_title}> {this.props.required && <span style={{ color: "red" }} >*</span>} {this.props.title} </span>
-                    <img
-                        className={Styles.ns_input_icon}
-                        src={IconInputString}
-                        alt="Password Icon"
-                        width={24}
-                        height={24}
-                    />
-                    <input
-                        id={this.props.id}
-                        value={this.state.value}
-                        onChange={this.onChanged}
-                        type="password"
-                        className={Styles.ns_input}
-                        placeholder={this.props.placeholder}
-                    />
-                </div>
-                <NSInputErrorNotifier error={this.state.error} />
-            </>
-        );
-    }
-}

package/src/components/NSInputPhone.tsx

@@ -1,83 +0,0 @@
-"use client";
-
-import React from "react";
-import Styles from "./NSInput.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'
-import { IBaseComponentProps } from "../props/IBaseComponentProps";
-import { IValidationProps } from "../props/IValidationProps";
-import { IValidationStringProps } from "../props/IValidationStringProps";
-import { Validator } from "../Validator";
-import { NSInputErrorNotifier } from "./NSInputErrorNotifier";
-
-export interface INSInputPhoneProps extends IBaseComponentProps, IValidationProps, IValidationStringProps
-{
-    title: string;
-    defaultValue?: string;
-    onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    placeholder?: string;
-}
-
-export interface NSInputPhoneState
-{
-    value: string;
-    error?: string;
-}
-
-export class NSInputPhone extends React.Component<INSInputPhoneProps, NSInputPhoneState>
-{
-    constructor(props: INSInputPhoneProps)
-    {
-        super(props);
-        this.state = { value: props.defaultValue ?? "" };
-        this.setValue = this.setValue.bind(this);
-        this.getValue = this.getValue.bind(this);
-    }
-    getError(): string | null
-    {
-        return (
-            Validator.getError(this.props.title, this.state.value, this.props) &&
-            Validator.getErrorString(this.props.title, this.state.value, this.props)
-        );
-    }
-    getValue(): string
-    {
-        let error = this.getError();
-        if (error)
-        {
-            this.setState({ error });
-            throw new Error(error);
-        }
-        return this.state.value;
-    }
-    setValue(value: string): void
-    {
-        this.setState({ value });
-    }
-    override render()
-    {
-        return (
-            <>
-                <div id={this.props.id} className={`${Styles.ns_input_parent} ${this.props.classList?.join(" ")}`} style={this.props.style}>
-                    <span className={Styles.ns_input_title}> {this.props.required && <span style={{ color: "red" }} >*</span>} {this.props.title} </span>
-                    <img
-                        className={Styles.ns_input_icon}
-                        src={IconInputPhone}
-                        alt="Phone Icon"
-                        width={24}
-                        height={24}
-                    />
-                    <PhoneInput
-                        value={this.state.value}
-                        onChange={this.setValue}
-                        country={'us'}
-                        inputClass={Styles.ns_input}
-                        placeholder={this.props.placeholder}
-                    />
-                </div >
-                <NSInputErrorNotifier error={this.state.error} />
-            </>
-        );
-    }
-}

package/src/components/NSInputPrice.tsx

@@ -1,90 +0,0 @@
-"use client";
-
-import React from "react";
-import Styles from "./NSInput.module.css";
-import IconInputPrice from '../assets/images/icon-input-price.svg';
-import { IBaseComponentProps } from "../props/IBaseComponentProps";
-import { IValidationProps } from "../props/IValidationProps";
-import { IValidationNumberProps } from "../props/IValidationNumberProps";
-import { Validator } from "../Validator";
-import { NSInputErrorNotifier } from "./NSInputErrorNotifier";
-
-export interface INSInputPriceProps extends IBaseComponentProps, IValidationProps, IValidationNumberProps
-{
-    title: string;
-    defaultValue?: number;
-    onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    placeholder?: string;
-}
-
-export interface NSInputPriceState
-{
-    value?: number;
-    error?: string;
-}
-
-export class NSInputPrice extends React.Component<INSInputPriceProps, NSInputPriceState>
-{
-    constructor(props: INSInputPriceProps)
-    {
-        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);
-    }
-    getError(): string | null
-    {
-        return (
-            Validator.getError(this.props.title, this.state.value, this.props) &&
-            Validator.getErrorNumber(this.props.title, this.state.value, this.props)
-        );
-    }
-    getValue(): number | undefined
-    {
-        let error = this.getError();
-        if (error)
-        {
-            this.setState({ error });
-            throw new Error(error);
-        }
-        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 ${this.props.classList?.join(" ")}`} style={this.props.style}>
-                    <span className={Styles.ns_input_title}> {this.props.required && <span style={{ color: "red" }} >*</span>} {this.props.title} </span>
-                    <img
-                        className={Styles.ns_input_icon}
-                        src={IconInputPrice}
-                        alt="Price Icon"
-                        width={24}
-                        height={24}
-                    />
-                    <input
-                        id={this.props.id}
-                        value={this.state.value}
-                        onChange={this.onChanged}
-                        type="number"
-                        step="20"
-                        className={Styles.ns_input}
-                        placeholder={this.props.placeholder}
-                    />
-                </div>
-                <NSInputErrorNotifier error={this.state.error} />
-            </>
-        );
-    }
-}