namirasoft-site-react 1.2.41 → 1.2.43

package/dist/components/NSInputDuration.d.ts

@@ -1,15 +1,15 @@
-import React from "react";
-interface IProps {
-    title: string;
-}
-interface IState {
-    value: string;
-}
-export declare class NSInputDuration extends React.Component<IProps, IState> {
-    constructor(props: IProps);
-    setValue(e: React.ChangeEvent<HTMLInputElement>): void;
-    setDefaultValue(value: string): void;
-    getValue(): string;
-    render(): import("react/jsx-runtime").JSX.Element;
-}
-export {};
+import React from "react";
+interface IProps {
+    title: string;
+}
+interface IState {
+    value: string;
+}
+export declare class NSInputDuration extends React.Component<IProps, IState> {
+    constructor(props: IProps);
+    setValue(e: React.ChangeEvent<HTMLInputElement>): void;
+    setDefaultValue(value: string): void;
+    getValue(): string;
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+export {};

package/dist/components/NSInputDuration.js

@@ -1,29 +1,29 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from "react";
-import Styles from "./NSInputDuration.module.css";
-import IconInputDuration from '../assets/images/icon-input-duration.svg';
-export class NSInputDuration extends React.Component {
-    constructor(props) {
-        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) {
-        this.setState({ value: e.target.value });
-    }
-    setDefaultValue(value) {
-        this.setState({ value });
-    }
-    getValue() {
-        return this.state.value;
-    }
-    render() {
-        return (_jsxs("div", Object.assign({ className: `${Styles.ns_input_parent} p-2` }, { children: [_jsx("span", Object.assign({ className: Styles.ns_input_title }, { children: this.props.title })), _jsx("img", { className: Styles.ns_input_icon, src: IconInputDuration, alt: "icon", width: 24, height: 24 }), _jsx("input", { value: this.state.value, onChange: this.setValue, type: "time", className: Styles.ns_input, placeholder: "21:44:06", step: "2" })] })));
-    }
-}
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import Styles from "./NSInputDuration.module.css";
+import IconInputDuration from '../assets/images/icon-input-duration.svg';
+export class NSInputDuration extends React.Component {
+    constructor(props) {
+        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) {
+        this.setState({ value: e.target.value });
+    }
+    setDefaultValue(value) {
+        this.setState({ value });
+    }
+    getValue() {
+        return this.state.value;
+    }
+    render() {
+        return (_jsxs("div", Object.assign({ className: `${Styles.ns_input_parent} p-2` }, { children: [_jsx("span", Object.assign({ className: Styles.ns_input_title }, { children: this.props.title })), _jsx("img", { className: Styles.ns_input_icon, src: IconInputDuration, alt: "icon", width: 24, height: 24 }), _jsx("input", { value: this.state.value, onChange: this.setValue, type: "time", className: Styles.ns_input, placeholder: "21:44:06", step: "2" })] })));
+    }
+}
 //# sourceMappingURL=NSInputDuration.js.map

package/dist/components/NSInputEmail.d.ts

@@ -1,16 +1,16 @@
-import React from "react";
-interface IProps {
-    title: string;
-}
-interface IState {
-    value: string;
-    error: boolean;
-}
-export declare class NSInputEmail extends React.Component<IProps, IState> {
-    constructor(props: IProps);
-    setValue(e: React.ChangeEvent<HTMLInputElement>): void;
-    setDefaultValue(value: string): void;
-    getValue(): string;
-    render(): import("react/jsx-runtime").JSX.Element;
-}
-export {};
+import React from "react";
+interface IProps {
+    title: string;
+}
+interface IState {
+    value: string;
+    error: boolean;
+}
+export declare class NSInputEmail extends React.Component<IProps, IState> {
+    constructor(props: IProps);
+    setValue(e: React.ChangeEvent<HTMLInputElement>): void;
+    setDefaultValue(value: string): void;
+    getValue(): string;
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+export {};

package/dist/components/NSInputEmail.js

@@ -1,37 +1,37 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React from "react";
-import Styles from "./NSInputEmail.module.css";
-import IconInputEmail from '../assets/images/icon-input-email.svg';
-import Danger from '../assets/images/danger.svg';
-export class NSInputEmail extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = {
-            value: "",
-            error: false,
-        };
-        this.setValue = this.setValue.bind(this);
-        this.getValue = this.getValue.bind(this);
-        this.setDefaultValue = this.setDefaultValue.bind(this);
-    }
-    setValue(e) {
-        let email = /^(([^<>()[]\\.,;:\s@"]+(\.[^<>()[]\\.,;:\s@"]+)*)|(".+"))@(([[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
-        if (!email.test(e.target.value)) {
-            this.setState({ error: true, value: e.target.value });
-        }
-        else {
-            this.setState({ error: false, value: e.target.value });
-        }
-    }
-    setDefaultValue(value) {
-        this.setState({ value });
-    }
-    getValue() {
-        return this.state.value;
-    }
-    render() {
-        return (_jsxs(_Fragment, { children: [_jsxs("div", Object.assign({ className: `${Styles.ns_input_parent} p-2` }, { children: [_jsx("span", Object.assign({ className: Styles.ns_input_title }, { children: this.props.title })), _jsx("img", { className: Styles.ns_input_icon, src: IconInputEmail, alt: "icon", width: 24, height: 24 }), _jsx("input", { value: this.state.value, onChange: this.setValue, type: "email", className: `${this.state.error === true ? Styles.ns_input_red : ""} ${Styles.ns_input}`, placeholder: "Sample@gmail.com" })] })), this.state.error === true ? (_jsx(_Fragment, { children: _jsxs("div", Object.assign({ className: "d-flex justify-content-start align-items-center gap-2 ms-2 " }, { children: [_jsx("img", { className: "", src: Danger, alt: "icon", width: 13, height: 13 }), _jsx("span", Object.assign({ className: Styles.ns_input_error }, { children: "Enter a valid email. " }))] })) })) : null] }));
-    }
-}
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from "react";
+import Styles from "./NSInputEmail.module.css";
+import IconInputEmail from '../assets/images/icon-input-email.svg';
+import Danger from '../assets/images/danger.svg';
+export class NSInputEmail extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            value: "",
+            error: false,
+        };
+        this.setValue = this.setValue.bind(this);
+        this.getValue = this.getValue.bind(this);
+        this.setDefaultValue = this.setDefaultValue.bind(this);
+    }
+    setValue(e) {
+        let email = /^(([^<>()[]\\.,;:\s@"]+(\.[^<>()[]\\.,;:\s@"]+)*)|(".+"))@(([[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+        if (!email.test(e.target.value)) {
+            this.setState({ error: true, value: e.target.value });
+        }
+        else {
+            this.setState({ error: false, value: e.target.value });
+        }
+    }
+    setDefaultValue(value) {
+        this.setState({ value });
+    }
+    getValue() {
+        return this.state.value;
+    }
+    render() {
+        return (_jsxs(_Fragment, { children: [_jsxs("div", Object.assign({ className: `${Styles.ns_input_parent} p-2` }, { children: [_jsx("span", Object.assign({ className: Styles.ns_input_title }, { children: this.props.title })), _jsx("img", { className: Styles.ns_input_icon, src: IconInputEmail, alt: "icon", width: 24, height: 24 }), _jsx("input", { value: this.state.value, onChange: this.setValue, type: "email", className: `${this.state.error === true ? Styles.ns_input_red : ""} ${Styles.ns_input}`, placeholder: "Sample@gmail.com" })] })), this.state.error === true ? (_jsx(_Fragment, { children: _jsxs("div", Object.assign({ className: "d-flex justify-content-start align-items-center gap-2 ms-2 " }, { children: [_jsx("img", { className: "", src: Danger, alt: "icon", width: 13, height: 13 }), _jsx("span", Object.assign({ className: Styles.ns_input_error }, { children: "Enter a valid email. " }))] })) })) : null] }));
+    }
+}
 //# sourceMappingURL=NSInputEmail.js.map

package/dist/components/NSInputEmail.module.css

@@ -1,38 +1,38 @@
-.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;
-}
-
-.ns_input_icon {
-    position: absolute;
-    right: 20px;
-    top: 51%;
-    font-size: 16px;
-    font-weight: 400;
-}
-
-.ns_input_title {
-    font-size: 16px;
-    font-weight: 400;
-}
-
-.ns_input_error {
-    color: #FF3F3F !important;
-}
-
-.ns_input_error:focus {
-    color: #FF3F3F !important;
-}
-
-.ns_input_red {
-    border: 2px solid #FF3F3F;
+.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;
+}
+
+.ns_input_icon {
+    position: absolute;
+    right: 20px;
+    top: 51%;
+    font-size: 16px;
+    font-weight: 400;
+}
+
+.ns_input_title {
+    font-size: 16px;
+    font-weight: 400;
+}
+
+.ns_input_error {
+    color: #FF3F3F !important;
+}
+
+.ns_input_error:focus {
+    color: #FF3F3F !important;
+}
+
+.ns_input_red {
+    border: 2px solid #FF3F3F;
 }

package/dist/components/NSInputFloat.d.ts

@@ -1,15 +1,15 @@
-import React from "react";
-interface IProps {
-    title: string;
-}
-interface IState {
-    value: string;
-}
-export declare class NSInputFloat extends React.Component<IProps, IState> {
-    constructor(props: IProps);
-    setValue(e: React.ChangeEvent<HTMLInputElement>): void;
-    setDefaultValue(value: string): void;
-    getValue(): string;
-    render(): import("react/jsx-runtime").JSX.Element;
-}
-export {};
+import React from "react";
+interface IProps {
+    title: string;
+}
+interface IState {
+    value: string;
+}
+export declare class NSInputFloat extends React.Component<IProps, IState> {
+    constructor(props: IProps);
+    setValue(e: React.ChangeEvent<HTMLInputElement>): void;
+    setDefaultValue(value: string): void;
+    getValue(): string;
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+export {};

package/dist/components/NSInputFloat.js

@@ -1,29 +1,29 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from "react";
-import Styles from "./NSInputFloat.module.css";
-import IconInputFloat from '../assets/images/icon-input-float.svg';
-export class NSInputFloat extends React.Component {
-    constructor(props) {
-        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) {
-        this.setState({ value: e.target.value });
-    }
-    setDefaultValue(value) {
-        this.setState({ value });
-    }
-    getValue() {
-        return this.state.value;
-    }
-    render() {
-        return (_jsxs("div", Object.assign({ className: `${Styles.ns_input_parent} p-2` }, { children: [_jsx("span", Object.assign({ className: Styles.ns_input_title }, { children: this.props.title })), _jsx("img", { className: Styles.ns_input_icon, src: IconInputFloat, alt: "icon", width: 24, height: 24 }), _jsx("input", { value: this.state.value, onChange: this.setValue, type: "number", className: Styles.ns_input, placeholder: "1.2" })] })));
-    }
-}
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import Styles from "./NSInputFloat.module.css";
+import IconInputFloat from '../assets/images/icon-input-float.svg';
+export class NSInputFloat extends React.Component {
+    constructor(props) {
+        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) {
+        this.setState({ value: e.target.value });
+    }
+    setDefaultValue(value) {
+        this.setState({ value });
+    }
+    getValue() {
+        return this.state.value;
+    }
+    render() {
+        return (_jsxs("div", Object.assign({ className: `${Styles.ns_input_parent} p-2` }, { children: [_jsx("span", Object.assign({ className: Styles.ns_input_title }, { children: this.props.title })), _jsx("img", { className: Styles.ns_input_icon, src: IconInputFloat, alt: "icon", width: 24, height: 24 }), _jsx("input", { value: this.state.value, onChange: this.setValue, type: "number", className: Styles.ns_input, placeholder: "1.2" })] })));
+    }
+}
 //# sourceMappingURL=NSInputFloat.js.map

package/dist/components/NSInputFloat.module.css

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

package/dist/components/NSInputIP.d.ts

@@ -1,15 +1,15 @@
-import React from "react";
-interface IProps {
-    title: string;
-}
-interface IState {
-    value: string;
-}
-export declare class NSInputIP extends React.Component<IProps, IState> {
-    constructor(props: IProps);
-    setValue(e: React.ChangeEvent<HTMLInputElement>): void;
-    setDefaultValue(value: string): void;
-    getValue(): string;
-    render(): import("react/jsx-runtime").JSX.Element;
-}
-export {};
+import React from "react";
+interface IProps {
+    title: string;
+}
+interface IState {
+    value: string;
+}
+export declare class NSInputIP extends React.Component<IProps, IState> {
+    constructor(props: IProps);
+    setValue(e: React.ChangeEvent<HTMLInputElement>): void;
+    setDefaultValue(value: string): void;
+    getValue(): string;
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+export {};

package/dist/components/NSInputIP.js

@@ -1,29 +1,29 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from "react";
-import Styles from "./NSInputIP.module.css";
-import IconInputId from '../assets/images/icon-input-id.svg';
-export class NSInputIP extends React.Component {
-    constructor(props) {
-        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) {
-        this.setState({ value: e.target.value });
-    }
-    setDefaultValue(value) {
-        this.setState({ value });
-    }
-    getValue() {
-        return this.state.value;
-    }
-    render() {
-        return (_jsxs("div", Object.assign({ className: `${Styles.ns_input_parent} p-2` }, { children: [_jsx("span", Object.assign({ className: Styles.ns_input_title }, { children: this.props.title })), _jsx("img", { className: Styles.ns_input_icon, src: IconInputId, alt: "icon", width: 24, height: 24 }), _jsx("input", { value: this.state.value, onChange: this.setValue, type: "number", className: Styles.ns_input, placeholder: "192.158.1.38" })] })));
-    }
-}
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import Styles from "./NSInputIP.module.css";
+import IconInputId from '../assets/images/icon-input-id.svg';
+export class NSInputIP extends React.Component {
+    constructor(props) {
+        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) {
+        this.setState({ value: e.target.value });
+    }
+    setDefaultValue(value) {
+        this.setState({ value });
+    }
+    getValue() {
+        return this.state.value;
+    }
+    render() {
+        return (_jsxs("div", Object.assign({ className: `${Styles.ns_input_parent} p-2` }, { children: [_jsx("span", Object.assign({ className: Styles.ns_input_title }, { children: this.props.title })), _jsx("img", { className: Styles.ns_input_icon, src: IconInputId, alt: "icon", width: 24, height: 24 }), _jsx("input", { value: this.state.value, onChange: this.setValue, type: "number", className: Styles.ns_input, placeholder: "192.158.1.38" })] })));
+    }
+}
 //# sourceMappingURL=NSInputIP.js.map

package/dist/components/NSInputIP.module.css

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

package/dist/components/NSInputInteger.d.ts

@@ -1,15 +1,15 @@
-import React from "react";
-interface IProps {
-    title: string;
-}
-interface IState {
-    value: string;
-}
-export declare class NSInputInteger extends React.Component<IProps, IState> {
-    constructor(props: IProps);
-    setValue(e: React.ChangeEvent<HTMLInputElement>): void;
-    setDefaultValue(value: string): void;
-    getValue(): string;
-    render(): import("react/jsx-runtime").JSX.Element;
-}
-export {};
+import React from "react";
+interface IProps {
+    title: string;
+}
+interface IState {
+    value: string;
+}
+export declare class NSInputInteger extends React.Component<IProps, IState> {
+    constructor(props: IProps);
+    setValue(e: React.ChangeEvent<HTMLInputElement>): void;
+    setDefaultValue(value: string): void;
+    getValue(): string;
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+export {};

package/dist/components/NSInputInteger.js

@@ -1,29 +1,29 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from "react";
-import Styles from "./NSInputInteger.module.css";
-import IconInputInteger from '../assets/images/icon-input-integer.svg';
-export class NSInputInteger extends React.Component {
-    constructor(props) {
-        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) {
-        this.setState({ value: e.target.value });
-    }
-    setDefaultValue(value) {
-        this.setState({ value });
-    }
-    getValue() {
-        return this.state.value;
-    }
-    render() {
-        return (_jsxs("div", Object.assign({ className: `${Styles.ns_input_parent} p-2` }, { children: [_jsx("span", Object.assign({ className: Styles.ns_input_title }, { children: this.props.title })), _jsx("img", { className: Styles.ns_input_icon, src: IconInputInteger, alt: "icon", width: 24, height: 24 }), _jsx("input", { value: this.state.value, onChange: this.setValue, type: "number", className: Styles.ns_input, placeholder: "1234" })] })));
-    }
-}
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import Styles from "./NSInputInteger.module.css";
+import IconInputInteger from '../assets/images/icon-input-integer.svg';
+export class NSInputInteger extends React.Component {
+    constructor(props) {
+        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) {
+        this.setState({ value: e.target.value });
+    }
+    setDefaultValue(value) {
+        this.setState({ value });
+    }
+    getValue() {
+        return this.state.value;
+    }
+    render() {
+        return (_jsxs("div", Object.assign({ className: `${Styles.ns_input_parent} p-2` }, { children: [_jsx("span", Object.assign({ className: Styles.ns_input_title }, { children: this.props.title })), _jsx("img", { className: Styles.ns_input_icon, src: IconInputInteger, alt: "icon", width: 24, height: 24 }), _jsx("input", { value: this.state.value, onChange: this.setValue, type: "number", className: Styles.ns_input, placeholder: "1234" })] })));
+    }
+}
 //# sourceMappingURL=NSInputInteger.js.map