namirasoft-site-react 1.3.112 → 1.3.114

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