namirasoft-site-react 1.3.113 → 1.3.114

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} />
-            </>
-        );
-    }
-}

package/src/components/NSInputString.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 INSInputStringProps extends IBaseComponentProps, IValidationProps, IValidationStringProps
-{
-    title: string;
-    defaultValue?: string;
-    onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    placeholder?: string;
-}
-
-export interface NSInputStringState 
-{
-    value: string;
-    error?: string;
-}
-
-export class NSInputString extends React.Component<INSInputStringProps, NSInputStringState>
-{
-    constructor(props: INSInputStringProps)
-    {
-        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} 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={IconInputString}
-                        alt="String 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/NSInputText.tsx

@@ -1,89 +0,0 @@
-"use client";
-
-import React from "react";
-import Styles from "./NSInput.module.css";
-import IconInputText from '../assets/images/icon-input-text.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 INSInputTextProps extends IBaseComponentProps, IValidationProps, IValidationStringProps
-{
-    title: string;
-    defaultValue?: string;
-    onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    placeholder?: string;
-}
-
-export interface NSInputTextState
-{
-    value: string;
-    error?: string;
-}
-
-export class NSInputText extends React.Component<INSInputTextProps, NSInputTextState>
-{
-    constructor(props: INSInputTextProps)
-    {
-        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={IconInputText}
-                        alt="Text 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/NSInputTime.tsx

@@ -1,91 +0,0 @@
-"use client";
-
-import React from "react";
-import Styles from "./NSInput.module.css";
-import IconInputTime from '../assets/images/icon-input-time.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 INSInputTimeProps extends IBaseComponentProps, IValidationProps, IValidationStringProps
-{
-    title: string;
-    defaultValue?: string;
-    onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    placeholder?: string;
-}
-
-export interface NSInputTimeState
-{
-    value: string;
-    error?: string;
-}
-
-export class NSInputTime extends React.Component<INSInputTimeProps, NSInputTimeState>
-{
-    constructor(props: INSInputTimeProps)
-    {
-        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.getErrorTime(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} 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={IconInputTime}
-                        alt="Time Icon"
-                        width={24}
-                        height={24}
-                    />
-                    <input
-                        id={this.props.id}
-                        value={this.state.value}
-                        onChange={this.onChanged}
-                        type="time"
-                        className={Styles.ns_input}
-                        placeholder={this.props.placeholder}
-                        step="2"
-                    />
-                </div>
-                <NSInputErrorNotifier error={this.state.error} />
-            </>
-        );
-    }
-}