namirasoft-site-react 1.2.6 → 1.2.8

package/dist/components/NSInputText.js

@@ -2,7 +2,7 @@ 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 {
+export class NSInputText extends React.Component {
     constructor(props) {
         super(props);
         this.state = {

package/dist/components/NSInputText.js.map

@@ -1 +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"}
+{"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,OAAO,WAAY,SAAQ,KAAK,CAAC,SAAyB;IAC5D,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

@@ -5,7 +5,7 @@ interface IProps {
 interface IState {
     value: string;
 }
-export default class NSInputTime extends React.Component<IProps, IState> {
+export declare class NSInputTime extends React.Component<IProps, IState> {
     constructor(props: IProps);
     setValue(e: React.ChangeEvent<HTMLInputElement>): void;
     setDefaultValue(value: string): void;

package/dist/components/NSInputTime.js

@@ -2,7 +2,7 @@ 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 {
+export class NSInputTime extends React.Component {
     constructor(props) {
         super(props);
         this.state = {

package/dist/components/NSInputTime.js.map

@@ -1 +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"}
+{"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,OAAO,WAAY,SAAQ,KAAK,CAAC,SAAyB;IAC5D,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

@@ -7,7 +7,7 @@ interface IProps {
 interface IState {
     value: string[];
 }
-export default class NSSelectBox extends React.Component<IProps, IState> {
+export declare class NSSelectBox extends React.Component<IProps, IState> {
     constructor(props: IProps);
     setValue(value: string[]): void;
     getValue(): string[];

package/dist/components/NSSelectBox.js

@@ -3,7 +3,7 @@ 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 {
+export class NSSelectBox extends React.Component {
     constructor(props) {
         super(props);
         this.state = {

package/dist/components/NSSelectBox.js.map

@@ -1 +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"}
+{"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,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AAarD,MAAM,OAAO,WAAY,SAAQ,KAAK,CAAC,SAAyB;IAC5D,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.js

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

package/dist/index.js.map

@@ -1 +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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";AAAA,OAAO,QAAQ,MAAM,kBAAkB,CAAC;AACxC,OAAO,aAAa,CAAC;AACrB,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,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/package.json

@@ -1,23 +1,23 @@
 {
   "name": "namirasoft-site-react",
-  "version": "1.2.6",
+  "version": "1.2.8",
   "main": "./dist/main.js",
   "types": "./dist/main.d.ts",
   "dependencies": {
-    "@types/node": "^20.10.5",
-    "@types/react": "^18.2.45",
+    "@types/node": "^20.10.6",
+    "@types/react": "^18.2.46",
     "@types/react-dom": "^18.2.18",
-    "antd": "^5.12.5",
+    "antd": "^5.12.7",
     "bootstrap": "^5.3.2",
     "namirasoft-api-link": "^1.2.3",
-    "namirasoft-core": "^1.2.4",
+    "namirasoft-core": "^1.2.5",
     "path-browserify": "^1.0.1",
     "react": "^18.2.0",
     "react-app-rewired": "^2.2.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",
+    "react-phone-number-input": "^3.3.8",
     "react-scripts": "5.0.1"
   },
   "scripts": {

package/src/App.tsx

@@ -1,25 +1,26 @@
 import './App.css';
 import 'bootstrap/dist/css/bootstrap.min.css';
-import NSHeader from './components/NSHeader';
-import NSFooter from './components/NSFooter';
-import NSInputText from './components/NSInputText';
-import NSInputInteger from './components/NSInputInteger';
-import NSInputFloat from './components/NSInputFloat';
-import NSInputPrice from './components/NSInputPrice';
-import NSInputDate from './components/NSInputDate';
-import NSInputTime from './components/NSInputTime';
-import NSInputDuration from './components/NSInputDuration';
-import NSInputString from './components/NSInputString';
-import NSInputIP from './components/NSInputIP';
-import NSInputEmail from './components/NSInputEmail';
-import NSInputSearch from './components/NSInputSearch';
-import NSInputPhone from './components/NSInputPhone';
+import { NSHeader } from './components/NSHeader';
+import { NSFooter } from './components/NSFooter';
+import { NSInputText } from './components/NSInputText';
+import { NSInputInteger } from './components/NSInputInteger';
+import { NSInputFloat } from './components/NSInputFloat';
+import { NSInputPrice } from './components/NSInputPrice';
+import { NSInputDate } from './components/NSInputDate';
+import { NSInputTime } from './components/NSInputTime';
+import { NSInputDuration } from './components/NSInputDuration';
+import { NSInputString } from './components/NSInputString';
+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 NSSelectBox from './components/NSSelectBox';
+import { NSSelectBox } from './components/NSSelectBox';
 import type { SelectProps } from 'antd';
 
-function App() {
+export function App()
+{
     const options: SelectProps['options'] = [
         {
             label: 'Test1',
@@ -42,6 +43,7 @@ function App() {
             desc: 'Test4',
         },
     ];
+
     return (
         <div className="App">
             <NSHeader scope='test' name='test' />
@@ -65,6 +67,4 @@ function App() {
             <NSFooter scope='test' name='test' />
         </div>
     );
-}
-
-export default App;
+}

package/src/components/NSButtonGreen.tsx

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

package/src/components/NSButtonRed.tsx

@@ -1,15 +1,32 @@
 import React from "react";
 import Style from "./NSButtonRed.module.css";
 
-interface IProps {
+interface IProps
+{
+    title: string;
+    onClick: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+}
+
+interface IState
+{
     title: string;
-    onClick: () => void;
 }
+
 interface IState { }
 
 export class NSButtonRed extends React.Component<IProps, IState>
 {
-    override render() {
-        return <button onClick={this.props.onClick} className={Style.ns_button_red}>{this.props.title}</button>;
+    constructor(props: IProps)
+    {
+        super(props);
+        this.state = { title: props.title };
+    }
+    setTitle(title: string)
+    {
+        this.setState({ title });
+    }
+    override render()
+    {
+        return <button onClick={e => this.props.onClick(e)} className={Style.ns_button_green}>{this.state.title}</button>;
     }
 }

package/src/components/NSFooter.tsx

@@ -1,5 +1,4 @@
 import React from "react";
-// import Namira from '../assets/images/namira.svg';
 import Styles from "./NSFooter.module.css";
 import { NamirasoftAPILinkServer, FilterLinkRow } from 'namirasoft-api-link';
 
@@ -15,7 +14,8 @@ interface IState
     selected: FilterLinkRow | null;
 }
 
-export default class NSFooter extends React.Component<IProps, IState> {
+export class NSFooter extends React.Component<IProps, IState>
+{
     constructor(props: IProps)
     {
         super(props);
@@ -119,8 +119,4 @@ export default class NSFooter extends React.Component<IProps, IState> {
             );
         }
     }
-
-
-}
-
-
+}

package/src/components/NSHeader.tsx

@@ -6,19 +6,22 @@ import Exit from '../assets/images/exit.svg';
 import NavDropdown from 'react-bootstrap/NavDropdown';
 import { NamirasoftAPILinkServer, FilterLinkRow } from 'namirasoft-api-link';
 
-interface IProps {
+interface IProps
+{
     scope: string;
     name: string;
 }
 
-interface IState {
+interface IState
+{
     filters: FilterLinkRow[];
     selected: FilterLinkRow | null;
     showNavbar: boolean;
 }
 
-export default class NSHeader extends React.Component<IProps, IState> {
-    constructor(props: IProps) {
+export class NSHeader extends React.Component<IProps, IState> {
+    constructor(props: IProps)
+    {
         super(props);
         this.state = {
             filters: [],
@@ -31,23 +34,29 @@ export default class NSHeader extends React.Component<IProps, IState> {
         this.render_menuItem = this.render_menuItem.bind(this);
         this.handleShowNavbar = this.handleShowNavbar.bind(this);
     }
-    override componentDidMount(): void {
+    override componentDidMount(): void
+    {
         let server = new NamirasoftAPILinkServer(console.error);
-        server.filter.GetFilters(this.props.scope, this.props.name).then(filters => {
+        server.filter.GetFilters(this.props.scope, this.props.name).then(filters =>
+        {
             this.setState({ filters });
         });
     }
-    private onMenuItemToggled(checked: boolean, selected: FilterLinkRow) {
+    private onMenuItemToggled(checked: boolean, selected: FilterLinkRow)
+    {
         if (checked)
             this.setState({ selected });
     }
-    private hasChild(id: number): boolean {
+    private hasChild(id: number): boolean
+    {
         return this.state.filters.filter(f => f.parent_id === id).length > 0;
     }
-    handleShowNavbar(): void {
+    handleShowNavbar(): void
+    {
         this.setState({ showNavbar: !this.state.showNavbar });
     }
-    override render() {
+    override render()
+    {
         return (
             <nav className={Styles.ns_navbar}>
                 <div className={`${Styles.ns_navbar_parent_content} container`}>
@@ -82,7 +91,8 @@ export default class NSHeader extends React.Component<IProps, IState> {
             </nav>
         );
     }
-    private render_menu(level: number, parent_id: number | null) {
+    private render_menu(level: number, parent_id: number | null)
+    {
         let fs: FilterLinkRow[] = this.state.filters?.filter(f => f.parent_id === parent_id);
         return (
             <Nav className="me-auto" >
@@ -90,11 +100,14 @@ export default class NSHeader extends React.Component<IProps, IState> {
             </Nav>
         );
     }
-    private render_menuItem(level: number, filter: FilterLinkRow) {
-        if (this.hasChild(filter.id)) {
+    private render_menuItem(level: number, filter: FilterLinkRow)
+    {
+        if (this.hasChild(filter.id))
+        {
             let sub_menus = <></>;
             if (level === 0)
-                if (this.state.selected) {
+                if (this.state.selected)
+                {
                     sub_menus =
                         <div
                             id={`dropdown_items${filter.id}`}>
@@ -111,7 +124,8 @@ export default class NSHeader extends React.Component<IProps, IState> {
                 </NavDropdown >
             </>
             );
-        } else {
+        } else
+        {
             return (
                 <Nav.Link className={level === 0 ? Styles.ns_navbar_first_level_item : Styles.ns_navbar_second_level_item} href={filter.link?.url}>{filter.name}li</Nav.Link>
             );

package/src/components/NSInputDate.tsx

@@ -11,7 +11,7 @@ interface IState
     value: string;
 }
 
-export default class NSInputDate extends React.Component<IProps, IState> {
+export class NSInputDate extends React.Component<IProps, IState> {
     constructor(props: IProps)
     {
         super(props);

package/src/components/NSInputDuration.tsx

@@ -12,7 +12,7 @@ interface IState
     value: string;
 }
 
-export default class NSInputDuration extends React.Component<IProps, IState> {
+export class NSInputDuration extends React.Component<IProps, IState> {
     constructor(props: IProps)
     {
         super(props);

package/src/components/NSInputEmail.tsx

@@ -14,7 +14,7 @@ interface IState
     error: boolean;
 }
 
-export default class NSInputEmail extends React.Component<IProps, IState> {
+export class NSInputEmail extends React.Component<IProps, IState> {
     constructor(props: IProps)
     {
         super(props);

package/src/components/NSInputFloat.tsx

@@ -12,7 +12,7 @@ interface IState
     value: string;
 }
 
-export default class NSInputFloat extends React.Component<IProps, IState> {
+export class NSInputFloat extends React.Component<IProps, IState> {
     constructor(props: IProps)
     {
         super(props);
@@ -54,10 +54,7 @@ export default class NSInputFloat extends React.Component<IProps, IState> {
                     className={Styles.ns_input}
                     placeholder="1.2"
                 />
-
             </div>
         );
     }
-}
-
-
+}

package/src/components/NSInputIP.tsx

@@ -12,7 +12,7 @@ interface IState
     value: string;
 }
 
-export default class NSInputIP extends React.Component<IProps, IState> {
+export class NSInputIP extends React.Component<IProps, IState> {
     constructor(props: IProps)
     {
         super(props);

package/src/components/NSInputInteger.tsx

@@ -12,7 +12,7 @@ interface IState
     value: string;
 }
 
-export default class NSInputInteger extends React.Component<IProps, IState> {
+export class NSInputInteger extends React.Component<IProps, IState> {
     constructor(props: IProps)
     {
         super(props);

package/src/components/NSInputPhone.tsx

@@ -14,7 +14,7 @@ interface IState
     value: string;
 }
 
-export default class NSInputPhone extends React.Component<IProps, IState> {
+export class NSInputPhone extends React.Component<IProps, IState> {
     constructor(props: IProps)
     {
         super(props);

package/src/components/NSInputPrice.tsx

@@ -12,7 +12,7 @@ interface IState
     value: string;
 }
 
-export default class NSInputPrice extends React.Component<IProps, IState> {
+export class NSInputPrice extends React.Component<IProps, IState> {
     constructor(props: IProps)
     {
         super(props);

package/src/components/NSInputSearch.tsx

@@ -12,7 +12,7 @@ interface IState
     value: string;
 }
 
-export default class NSInputSearch extends React.Component<IProps, IState> {
+export class NSInputSearch extends React.Component<IProps, IState> {
     constructor(props: IProps)
     {
         super(props);

package/src/components/NSInputString.tsx

@@ -5,6 +5,8 @@ import IconInputString from '../assets/images/icon-input-string.svg';
 interface IProps
 {
     title: string;
+    defaultValue?: string;
+    onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
 }
 
 interface IState
@@ -12,28 +14,31 @@ interface IState
     value: string;
 }
 
-export default class NSInputString extends React.Component<IProps, IState> {
+export class NSInputString extends React.Component<IProps, IState>
+{
     constructor(props: IProps)
     {
         super(props);
         this.state = {
-            value: "",
+            value: props.defaultValue ?? "",
         };
-        this.setValue = this.setValue.bind(this);
         this.getValue = this.getValue.bind(this);
-        this.setDefaultValue = this.setDefaultValue.bind(this);
+        this.setValue = this.setValue.bind(this);
+        this.onChanged = this.onChanged.bind(this);
     }
-    setValue(e: React.ChangeEvent<HTMLInputElement>): void
+    getValue(): string
     {
-        this.setState({ value: e.target.value });
+        return this.state.value;
     }
-    setDefaultValue(value: string): void
+    setValue(value: string): void
     {
         this.setState({ value });
     }
-    getValue(): string
+    private onChanged(e: React.ChangeEvent<HTMLInputElement>): void
     {
-        return this.state.value;
+        this.setValue(e.target.value);
+        if (this.props.onChanged)
+            this.props.onChanged(e);
     }
     override render()
     {
@@ -49,7 +54,7 @@ export default class NSInputString extends React.Component<IProps, IState> {
                 />
                 <input
                     value={this.state.value}
-                    onChange={this.setValue}
+                    onChange={this.onChanged}
                     type="text"
                     className={Styles.ns_input}
                     placeholder="12AB34cf"
@@ -57,6 +62,4 @@ export default class NSInputString extends React.Component<IProps, IState> {
             </div>
         );
     }
-}
-
-
+}

package/src/components/NSInputText.tsx

@@ -12,7 +12,7 @@ interface IState
     value: string;
 }
 
-export default class NSInputText extends React.Component<IProps, IState> {
+export class NSInputText extends React.Component<IProps, IState> {
     constructor(props: IProps)
     {
         super(props);

package/src/components/NSInputTime.tsx

@@ -12,7 +12,7 @@ interface IState
     value: string;
 }
 
-export default class NSInputTime extends React.Component<IProps, IState> {
+export class NSInputTime extends React.Component<IProps, IState> {
     constructor(props: IProps)
     {
         super(props);

package/src/components/NSSelectBox.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import Styles from "./NSSelectBox.module.css";
 import { Select, Space } from 'antd';
 import type { SelectProps } from 'antd';
-import {CaretDownOutlined } from '@ant-design/icons'
+import { CaretDownOutlined } from '@ant-design/icons'
 
 interface IProps
 {
@@ -15,7 +15,7 @@ interface IState
     value: string[];
 }
 
-export default class NSSelectBox extends React.Component<IProps, IState> {
+export class NSSelectBox extends React.Component<IProps, IState> {
     constructor(props: IProps)
     {
         super(props);

package/src/index.tsx

@@ -1,6 +1,6 @@
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import App from './App';
+import { App } from './App';
 
 const root = ReactDOM.createRoot(
   document.getElementById('root') as HTMLElement