namirasoft-site-react 1.2.0 → 1.2.1

package/dist/components/NSInputPhone.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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';
+export default class NSInputPhone 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(value) {
+        this.setState({ value });
+    }
+    setDefaultValue(value) {
+        this.setState({ value });
+    }
+    getValue() {
+        return this.state.value;
+    }
+    render() {
+        return (_jsxs("div", { className: `${Styles.ns_input_parent} p-2`, children: [_jsx("span", { className: Styles.ns_input_title, children: this.props.title }), _jsx("img", { className: Styles.ns_input_icon, src: IconInputPhone, alt: "icon", width: 24, height: 24 }), _jsx(PhoneInput, { inputClass: Styles.ns_input, country: 'us', value: this.state.value, onChange: this.setValue })] }));
+    }
+}
+//# sourceMappingURL=NSInputPhone.js.map

package/dist/components/NSInputPhone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NSInputPhone.js","sourceRoot":"","sources":["../../src/components/NSInputPhone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAC/C,OAAO,cAAc,MAAM,uCAAuC,CAAC;AACnE,OAAO,UAAU,MAAM,qBAAqB,CAAA;AAC5C,OAAO,mCAAmC,CAAA;AAY1C,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,KAAK,CAAC,SAAyB;IACrE,YAAY,KAAa;QAErB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,KAAK,EAAE,EAAE;SACZ,CAAC;QACF,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3D,CAAC;IACD,QAAQ,CAAC,KAAa;QAElB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACD,eAAe,CAAC,KAAa;QAEzB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACD,QAAQ;QAEJ,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC5B,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,MAAM,aAC3C,eAAM,SAAS,EAAE,MAAM,CAAC,cAAc,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAQ,EACjE,cACI,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,GAAG,EAAE,cAAc,EACnB,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,EACF,KAAC,UAAU,IACP,UAAU,EAAE,MAAM,CAAC,QAAQ,EAC3B,OAAO,EAAE,IAAI,EACb,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GACzB,IACA,CACT,CAAC;IACN,CAAC;CACJ"}

package/dist/components/NSInputPrice.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+interface IProps {
+    title: string;
+}
+interface IState {
+    value: string;
+}
+export default class NSInputPrice 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/NSInputPrice.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import Styles from "./NSInputPrice.module.css";
+import IconInputPrice from '../assets/images/icon-input-price.svg';
+export default class NSInputPrice 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", { className: `${Styles.ns_input_parent} p-2`, children: [_jsx("span", { className: Styles.ns_input_title, children: this.props.title }), _jsx("img", { className: Styles.ns_input_icon, src: IconInputPrice, alt: "icon", width: 24, height: 24 }), _jsx("input", { value: this.state.value, onChange: this.setValue, type: "number", className: Styles.ns_input, placeholder: "$1000" })] }));
+    }
+}
+//# sourceMappingURL=NSInputPrice.js.map

package/dist/components/NSInputPrice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NSInputPrice.js","sourceRoot":"","sources":["../../src/components/NSInputPrice.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAC/C,OAAO,cAAc,MAAM,uCAAuC,CAAC;AAYnE,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,KAAK,CAAC,SAAyB;IACrE,YAAY,KAAa;QAErB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,KAAK,EAAE,EAAE;SACZ,CAAC;QACF,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3D,CAAC;IACD,QAAQ,CAAC,CAAsC;QAE3C,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;IAC7C,CAAC;IACD,eAAe,CAAC,KAAa;QAEzB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACD,QAAQ;QAEJ,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC5B,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,MAAM,aAC3C,eAAM,SAAS,EAAE,MAAM,CAAC,cAAc,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAQ,EACjE,cACI,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,GAAG,EAAE,cAAc,EACnB,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,EACF,gBACI,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,WAAW,EAAC,OAAO,GACrB,IACA,CACT,CAAC;IACN,CAAC;CACJ"}

package/dist/components/NSInputSearch.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+interface IProps {
+    title: string;
+}
+interface IState {
+    value: string;
+}
+export default class NSInputSearch extends React.Component<IProps, IState> {
+    constructor(props: IProps);
+    setValue(e: React.ChangeEvent<HTMLInputElement>): void;
+    setDefaultValue(value: string): void;
+    getValue(): string;
+    onChanged(e: React.ChangeEvent<HTMLInputElement>): void;
+    keyDownEvent(event: React.KeyboardEvent<HTMLDivElement>): void;
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+export {};

package/dist/components/NSInputSearch.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import Styles from "./NSInputSearch.module.css";
+import IconInputSearch from '../assets/images/icon-input-search.svg';
+export default class NSInputSearch 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);
+        this.keyDownEvent = this.keyDownEvent.bind(this);
+    }
+    setValue(e) {
+        this.setState({ value: e.target.value });
+    }
+    setDefaultValue(value) {
+        this.setState({ value });
+    }
+    getValue() {
+        return this.state.value;
+    }
+    onChanged(e) {
+        this.setValue(e);
+    }
+    keyDownEvent(event) {
+        if (event.code === "Enter") {
+            console.log("function");
+        }
+    }
+    render() {
+        return (_jsxs("div", { className: `${Styles.ns_input_form} p-2`, children: [_jsx("span", { className: Styles.ns_input_title, children: this.props.title }), _jsx("img", { className: Styles.ns_input_icon, src: IconInputSearch, alt: "icon", width: 32, height: 32 }), _jsx("input", { value: this.state.value, onChange: this.setValue, onKeyDown: this.keyDownEvent, type: "text", className: Styles.ns_input, placeholder: "Search" })] }));
+    }
+}
+//# sourceMappingURL=NSInputSearch.js.map

package/dist/components/NSInputSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NSInputSearch.js","sourceRoot":"","sources":["../../src/components/NSInputSearch.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,eAAe,MAAM,wCAAwC,CAAC;AAYrE,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,KAAK,CAAC,SAAyB;IACtE,YAAY,KAAa;QAErB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,KAAK,EAAE,EAAE;SACZ,CAAC;QACF,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACvD,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACrD,CAAC;IACD,QAAQ,CAAC,CAAsC;QAE3C,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;IAC7C,CAAC;IACD,eAAe,CAAC,KAAa;QAEzB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACD,QAAQ;QAEJ,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC5B,CAAC;IACD,SAAS,CAAC,CAAsC;QAE5C,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACrB,CAAC;IACD,YAAY,CAAC,KAA0C;QAEnD,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,EAC1B;YAEI,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,CAAA;SAC1B;IACL,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,aAAa,MAAM,aACzC,eAAM,SAAS,EAAE,MAAM,CAAC,cAAc,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAQ,EACjE,cACI,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,GAAG,EAAE,eAAe,EACpB,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,EACF,gBACI,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,SAAS,EAAE,IAAI,CAAC,YAAY,EAC5B,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,WAAW,EAAC,QAAQ,GACtB,IACA,CACT,CAAC;IACN,CAAC;CACJ"}

package/dist/components/NSInputString.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+interface IProps {
+    title: string;
+}
+interface IState {
+    value: string;
+}
+export default class NSInputString 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/NSInputString.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import Styles from "./NSInputString.module.css";
+import IconInputString from '../assets/images/icon-input-string.svg';
+export default class NSInputString 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", { className: `${Styles.ns_input_parent} p-2`, children: [_jsx("span", { className: Styles.ns_input_title, children: this.props.title }), _jsx("img", { className: Styles.ns_input_icon, src: IconInputString, alt: "icon", width: 24, height: 24 }), _jsx("input", { value: this.state.value, onChange: this.setValue, type: "text", className: Styles.ns_input, placeholder: "12AB34cf" })] }));
+    }
+}
+//# sourceMappingURL=NSInputString.js.map

package/dist/components/NSInputString.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NSInputString.js","sourceRoot":"","sources":["../../src/components/NSInputString.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,eAAe,MAAM,wCAAwC,CAAC;AAYrE,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,KAAK,CAAC,SAAyB;IACtE,YAAY,KAAa;QAErB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,KAAK,EAAE,EAAE;SACZ,CAAC;QACF,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3D,CAAC;IACD,QAAQ,CAAC,CAAsC;QAE3C,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;IAC7C,CAAC;IACD,eAAe,CAAC,KAAa;QAEzB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACD,QAAQ;QAEJ,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC5B,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,MAAM,aAC3C,eAAM,SAAS,EAAE,MAAM,CAAC,cAAc,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAQ,EACjE,cACI,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,GAAG,EAAE,eAAe,EACpB,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,EACF,gBACI,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,WAAW,EAAC,UAAU,GACxB,IACA,CACT,CAAC;IACN,CAAC;CACJ"}

package/dist/components/NSInputText.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+interface IProps {
+    title: string;
+}
+interface IState {
+    value: string;
+}
+export default class NSInputText 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/NSInputText.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import Styles from "./NSInputText.module.css";
+import IconInputText from '../assets/images/icon-input-text.svg';
+export default class NSInputText 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", { className: `${Styles.ns_input_parent} p-2`, children: [_jsx("span", { className: Styles.ns_input_title, children: this.props.title }), _jsx("img", { className: Styles.ns_input_icon, src: IconInputText, alt: "icon", width: 24, height: 24 }), _jsx("input", { value: this.state.value, onChange: this.setValue, type: "text", className: Styles.ns_input, placeholder: "Enter your Text" })] }));
+    }
+}
+//# sourceMappingURL=NSInputText.js.map

package/dist/components/NSInputText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NSInputText.js","sourceRoot":"","sources":["../../src/components/NSInputText.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAC9C,OAAO,aAAa,MAAM,sCAAsC,CAAC;AAYjE,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,KAAK,CAAC,SAAyB;IACpE,YAAY,KAAa;QAErB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,KAAK,EAAE,EAAE;SACZ,CAAC;QACF,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3D,CAAC;IACD,QAAQ,CAAC,CAAsC;QAE3C,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;IAC7C,CAAC;IACD,eAAe,CAAC,KAAa;QAEzB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACD,QAAQ;QAEJ,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC5B,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,MAAM,aAC3C,eAAM,SAAS,EAAE,MAAM,CAAC,cAAc,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAQ,EACjE,cACI,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,GAAG,EAAE,aAAa,EAClB,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,EACF,gBACI,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,WAAW,EAAC,iBAAiB,GAC/B,IAEA,CACT,CAAC;IACN,CAAC;CACJ"}

package/dist/components/NSInputTime.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+interface IProps {
+    title: string;
+}
+interface IState {
+    value: string;
+}
+export default class NSInputTime 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/NSInputTime.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import Styles from "./NSInputTime.module.css";
+import IconInputTime from '../assets/images/icon-input-time.svg';
+export default class NSInputTime 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", { className: `${Styles.ns_input_parent} p-2`, children: [_jsx("span", { className: Styles.ns_input_title, children: this.props.title }), _jsx("img", { className: Styles.ns_input_icon, src: IconInputTime, 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=NSInputTime.js.map

package/dist/components/NSInputTime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NSInputTime.js","sourceRoot":"","sources":["../../src/components/NSInputTime.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAC9C,OAAO,aAAa,MAAM,sCAAsC,CAAC;AAYjE,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,KAAK,CAAC,SAAyB;IACpE,YAAY,KAAa;QAErB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,KAAK,EAAE,EAAE;SACZ,CAAC;QACF,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3D,CAAC;IACD,QAAQ,CAAC,CAAsC;QAE3C,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;IAC7C,CAAC;IACD,eAAe,CAAC,KAAa;QAEzB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACD,QAAQ;QAEJ,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC5B,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,MAAM,aAC3C,eAAM,SAAS,EAAE,MAAM,CAAC,cAAc,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAQ,EACjE,cACI,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,GAAG,EAAE,aAAa,EAClB,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,EACF,gBACI,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,WAAW,EAAC,UAAU,EACtB,IAAI,EAAC,GAAG,GACV,IACA,CACT,CAAC;IACN,CAAC;CACJ"}

package/dist/components/NSSelectBox.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import type { SelectProps } from 'antd';
+interface IProps {
+    title: string;
+    options: SelectProps['options'];
+}
+interface IState {
+    value: string[];
+}
+export default class NSSelectBox extends React.Component<IProps, IState> {
+    constructor(props: IProps);
+    setValue(value: string[]): void;
+    getValue(): string[];
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+export {};

package/dist/components/NSSelectBox.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import Styles from "./NSSelectBox.module.css";
+import { Select, Space } from 'antd';
+import { CaretDownOutlined } from '@ant-design/icons';
+export default class NSSelectBox extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            value: [],
+        };
+        this.setValue = this.setValue.bind(this);
+    }
+    setValue(value) {
+        this.setState({ value });
+    }
+    getValue() {
+        return this.state.value;
+    }
+    render() {
+        return (_jsx("div", { className: `${Styles.ns_input_parent} p-2`, children: _jsx(Select, { suffixIcon: _jsx(CaretDownOutlined, {}), mode: "multiple", style: { width: '100%' }, className: Styles.ns_input_select, placeholder: "Combo Box", onChange: this.setValue, optionLabelProp: "label", options: this.props.options, optionRender: (option) => (_jsx(Space, { className: Styles.ns_input_select_option, children: option.data.desc })) }) }));
+    }
+}
+//# sourceMappingURL=NSSelectBox.js.map

package/dist/components/NSSelectBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NSSelectBox.js","sourceRoot":"","sources":["../../src/components/NSSelectBox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,MAAM,CAAC;AAErC,OAAO,EAAC,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AAapD,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,KAAK,CAAC,SAAyB;IACpE,YAAY,KAAa;QAErB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,KAAK,EAAE,EAAE;SACZ,CAAC;QACF,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC7C,CAAC;IACD,QAAQ,CAAC,KAAe;QAEpB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACD,QAAQ;QAEJ,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC5B,CAAC;IACQ,MAAM;QAGX,OAAO,CACH,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,MAAM,YAC3C,KAAC,MAAM,IACH,UAAU,EAAE,KAAC,iBAAiB,KAAG,EACjC,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EACxB,SAAS,EAAE,MAAM,CAAC,eAAe,EACjC,WAAW,EAAC,WAAW,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,eAAe,EAAC,OAAO,EACvB,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAC3B,YAAY,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,CACtB,KAAC,KAAK,IAAC,SAAS,EAAE,MAAM,CAAC,sBAAsB,YAC1C,MAAM,CAAC,IAAI,CAAC,IAAI,GACb,CACX,GACH,GACA,CACT,CAAC;IACN,CAAC;CACJ"}

package/dist/index.d.ts

@@ -0,0 +1 @@
+import './index.css';

package/dist/index.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import ReactDOM from 'react-dom/client';
+import './index.css';
+import App from './App';
+const root = ReactDOM.createRoot(document.getElementById('root'));
+root.render(_jsx(App, {}));
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";AAAA,OAAO,QAAQ,MAAM,kBAAkB,CAAC;AACxC,OAAO,aAAa,CAAC;AACrB,OAAO,GAAG,MAAM,OAAO,CAAC;AAExB,MAAM,IAAI,GAAG,QAAQ,CAAC,UAAU,CAC9B,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAgB,CAC/C,CAAC;AACF,IAAI,CAAC,MAAM,CAAC,KAAC,GAAG,KAAG,CAAC,CAAC"}

package/dist/main.d.ts

@@ -0,0 +1,17 @@
+export * from "./components/NSButtonGreen";
+export * from "./components/NSButtonRed";
+export * from "./components/NSFooter";
+export * from "./components/NSHeader";
+export * from "./components/NSInputDate";
+export * from "./components/NSInputDuration";
+export * from "./components/NSInputEmail";
+export * from "./components/NSInputFloat";
+export * from "./components/NSInputIP";
+export * from "./components/NSInputInteger";
+export * from "./components/NSInputPhone";
+export * from "./components/NSInputPrice";
+export * from "./components/NSInputSearch";
+export * from "./components/NSInputString";
+export * from "./components/NSInputText";
+export * from "./components/NSInputTime";
+export * from "./components/NSSelectBox";

package/dist/main.js

@@ -0,0 +1,18 @@
+export * from "./components/NSButtonGreen";
+export * from "./components/NSButtonRed";
+export * from "./components/NSFooter";
+export * from "./components/NSHeader";
+export * from "./components/NSInputDate";
+export * from "./components/NSInputDuration";
+export * from "./components/NSInputEmail";
+export * from "./components/NSInputFloat";
+export * from "./components/NSInputIP";
+export * from "./components/NSInputInteger";
+export * from "./components/NSInputPhone";
+export * from "./components/NSInputPrice";
+export * from "./components/NSInputSearch";
+export * from "./components/NSInputString";
+export * from "./components/NSInputText";
+export * from "./components/NSInputTime";
+export * from "./components/NSSelectBox";
+//# sourceMappingURL=main.js.map

package/dist/main.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.js","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC"}

package/package.json

@@ -1,18 +1,20 @@
 {
   "name": "namirasoft-site-react",
-  "version": "1.2.0",
+  "version": "1.2.1",
+  "main": "./dist/main.js",
+  "types": "./dist/main.d.ts",
   "dependencies": {
-    "@types/node": "^20.10.3",
-    "@types/react": "^18.2.42",
-    "@types/react-dom": "^18.2.17",
-    "antd": "^5.12.1",
+    "@types/node": "^20.10.5",
+    "@types/react": "^18.2.45",
+    "@types/react-dom": "^18.2.18",
+    "antd": "^5.12.5",
     "bootstrap": "^5.3.2",
-    "namirasoft-api-link": "^1.2.2",
+    "namirasoft-api-link": "^1.2.3",
     "namirasoft-core": "^1.2.4",
     "path-browserify": "^1.0.1",
     "react": "^18.2.0",
     "react-app-rewired": "^2.2.1",
-    "react-bootstrap": "^2.9.1",
+    "react-bootstrap": "^2.9.2",
     "react-dom": "^18.2.0",
     "react-phone-input-2": "^2.15.1",
     "react-phone-number-input": "^3.3.7",
@@ -20,9 +22,11 @@
   },
   "scripts": {
     "start": "react-app-rewired start",
-    "build": "react-app-rewired build",
     "test": "react-app-rewired test",
-    "eject": "react-app-rewired eject"
+    "eject": "react-app-rewired eject",
+    "clean": "rimraf dist/",
+    "copy-files": "copyfiles -u 1 src/**/*.html src/**/*.css dist/",
+    "build": "npm run clean && tsc && npm run copy-files"
   },
   "eslintConfig": {
     "extends": [
@@ -41,5 +45,9 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
+  },
+  "devDependencies": {
+    "copyfiles": "^2.4.1",
+    "rimraf": "^5.0.5"
   }
-}
+}

package/src/App.tsx

@@ -14,58 +14,57 @@ import NSInputIP from './components/NSInputIP';
 import NSInputEmail from './components/NSInputEmail';
 import NSInputSearch from './components/NSInputSearch';
 import NSInputPhone from './components/NSInputPhone';
-import NSButtonGreen from './components/NSButtonGreen';
-import NSButtonRed from './components/NSButtonRed';
+import { NSButtonGreen } from './components/NSButtonGreen';
+import { NSButtonRed } from './components/NSButtonRed';
 import NSSelectBox from './components/NSSelectBox';
 import type { SelectProps } from 'antd';
 
-function App()
-{
-  const options: SelectProps['options'] = [
-    {
-      label: 'Test1',
-      value: 'test1',
-      desc: 'Test1',
-    },
-    {
-      label: 'Test2',
-      value: 'test2',
-      desc: 'Test2',
-    },
-    {
-      label: 'Test3',
-      value: 'test3',
-      desc: 'Test3',
-    },
-    {
-      label: 'Test4',
-      value: 'test4',
-      desc: 'Test4',
-    },
-  ];
-  return (
-    <div className="App">
-      <NSHeader scope='test' name='test' />
-      <div className='my-4'>
-        <NSInputText title='Text' />
-        <NSInputInteger title='Integer' />
-        <NSInputFloat title='Floating Point' />
-        <NSInputPrice title='Price' />
-        <NSInputDate title='Date' />
-        <NSInputTime title='Time' />
-        <NSInputDuration title='Duration' />
-        <NSInputString title='String' />
-        <NSInputIP title='IP' />
-        <NSInputEmail title='Email' />
-        <NSInputSearch title='Search' />
-        <NSInputPhone title='Phone' />
-        <NSSelectBox title="t" options={options} />
-        <NSButtonGreen title='Save' onClick={() => { }} />
-        <NSButtonRed title='Delete' onClick={() => { }} />
-      </div>
-      <NSFooter scope='test' name='test' />
-    </div>
-  );
+function App() {
+    const options: SelectProps['options'] = [
+        {
+            label: 'Test1',
+            value: 'test1',
+            desc: 'Test1',
+        },
+        {
+            label: 'Test2',
+            value: 'test2',
+            desc: 'Test2',
+        },
+        {
+            label: 'Test3',
+            value: 'test3',
+            desc: 'Test3',
+        },
+        {
+            label: 'Test4',
+            value: 'test4',
+            desc: 'Test4',
+        },
+    ];
+    return (
+        <div className="App">
+            <NSHeader scope='test' name='test' />
+            <div className='my-4'>
+                <NSInputText title='Text' />
+                <NSInputInteger title='Integer' />
+                <NSInputFloat title='Floating Point' />
+                <NSInputPrice title='Price' />
+                <NSInputDate title='Date' />
+                <NSInputTime title='Time' />
+                <NSInputDuration title='Duration' />
+                <NSInputString title='String' />
+                <NSInputIP title='IP' />
+                <NSInputEmail title='Email' />
+                <NSInputSearch title='Search' />
+                <NSInputPhone title='Phone' />
+                <NSSelectBox title="t" options={options} />
+                <NSButtonGreen title='Save' onClick={() => { }} />
+                <NSButtonRed title='Delete' onClick={() => { }} />
+            </div>
+            <NSFooter scope='test' name='test' />
+        </div>
+    );
 }
 
 export default App;

package/src/components/NSButtonGreen.tsx

@@ -1,18 +1,15 @@
 import React from "react";
 import Style from "./NSButtonGreen.module.css";
 
-interface IProps
-{
+interface IProps {
     title: string;
     onClick: () => void;
 }
-
 interface IState { }
 
-export default class NSButtonGreen extends React.Component<IProps, IState>
+export class NSButtonGreen extends React.Component<IProps, IState>
 {
-    override  render()
-    {
+    override render() {
         return <button onClick={this.props.onClick} className={Style.ns_button_green}>{this.props.title}</button>;
     }
 }

package/src/components/NSButtonRed.tsx

@@ -1,18 +1,15 @@
 import React from "react";
 import Style from "./NSButtonRed.module.css";
 
-interface IProps
-{
+interface IProps {
     title: string;
     onClick: () => void;
 }
-
 interface IState { }
 
-export default class NSButtonRed extends React.Component<IProps, IState>
+export class NSButtonRed extends React.Component<IProps, IState>
 {
-    override  render()
-    {
+    override render() {
         return <button onClick={this.props.onClick} className={Style.ns_button_red}>{this.props.title}</button>;
     }
 }