namirasoft-site-react 1.2.17 → 1.2.21

package/dist/App.js

@@ -18,9 +18,7 @@ import { NSInputPhone } from './components/NSInputPhone';
 import { NSButtonGreen } from './components/NSButtonGreen';
 import { NSButtonRed } from './components/NSButtonRed';
 import { NSSelectBox } from './components/NSSelectBox';
-import { NSLinkGreen } from './components/NSLinkGreen';
-import { NSLinkRed } from './components/NSLinkRed';
-import { NSPagination } from './components/NSPagination';
+import { NSLinkGreen, NSLinkRed } from './main';
 export function App() {
     const options = [
         {
@@ -44,6 +42,6 @@ export function App() {
             desc: 'Test4',
         },
     ];
-    return (_jsxs("div", Object.assign({ className: "App" }, { children: [_jsx(NSHeader, { scope: 'test', name: 'test', logo: '' }), _jsxs("div", Object.assign({ className: 'my-4' }, { children: [_jsx(NSInputText, { title: 'Text' }), _jsx(NSInputInteger, { title: 'Integer' }), _jsx(NSInputFloat, { title: 'Floating Point' }), _jsx(NSInputPrice, { title: 'Price' }), _jsx(NSInputDate, { title: 'Date' }), _jsx(NSInputTime, { title: 'Time' }), _jsx(NSInputDuration, { title: 'Duration' }), _jsx(NSInputString, { title: 'String' }), _jsx(NSInputIP, { title: 'IP' }), _jsx(NSInputEmail, { title: 'Email' }), _jsx(NSInputSearch, { title: 'Search' }), _jsx(NSInputPhone, { title: 'Phone' }), _jsx(NSSelectBox, { title: "t", options: options }), _jsx(NSButtonGreen, { title: 'Save', onClick: () => { } }), _jsx(NSButtonRed, { title: 'Delete', onClick: () => { } }), _jsx(NSLinkGreen, { title: "Add +", href: "/" }), _jsx(NSLinkRed, { title: "Delete", href: "/" }), _jsx(NSPagination, { title: 'Pagination', pages: 10, href: '/' })] })), _jsx(NSFooter, { scope: 'test', name: 'test', logo: '' })] })));
+    return (_jsxs("div", Object.assign({ className: "App" }, { children: [_jsx(NSHeader, { scope: 'test', name: 'test', logo: '' }), _jsxs("div", Object.assign({ className: 'my-4 container' }, { children: [_jsx(NSInputText, { title: 'Text' }), _jsx(NSInputInteger, { title: 'Integer' }), _jsx(NSInputFloat, { title: 'Floating Point' }), _jsx(NSInputPrice, { title: 'Price' }), _jsx(NSInputDate, { title: 'Date' }), _jsx(NSInputTime, { title: 'Time' }), _jsx(NSInputDuration, { title: 'Duration' }), _jsx(NSInputString, { title: 'String' }), _jsx(NSInputIP, { title: 'IP' }), _jsx(NSInputEmail, { title: 'Email' }), _jsx(NSInputSearch, { title: 'Search' }), _jsx(NSInputPhone, { title: 'Phone' }), _jsx(NSSelectBox, { title: "t", options: options }), _jsx(NSButtonGreen, { title: 'Save', onClick: () => { } }), _jsx(NSButtonRed, { title: 'Delete', onClick: () => { } }), _jsx(NSLinkGreen, { title: 'NSLinkGreen', href: '/' }), _jsx(NSLinkRed, { title: 'NSLinkRed', href: '/' })] })), _jsx(NSFooter, { scope: 'test', name: 'test', logo: '' })] })));
 }
 //# sourceMappingURL=App.js.map

package/dist/App.js.map

@@ -1 +1 @@
-{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"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"}

package/dist/components/NSFooter.module.css

@@ -1,6 +1,6 @@
 .ns_footer {
     width: 100%;
-    background: rgba(55, 255, 0, 0.3);
+    background: rgba(0, 0, 0, 0.3);
     padding: 16px 0 8px 0;
 }
 

package/dist/components/NSInputSearch.module.css

@@ -1,23 +1,25 @@
-.ns_input_form{
+.ns_input_form {
     display: flex;
     flex-direction: column;
     width: 326px;
     color: #fff;
-    position: relative;
     max-width: 100%;
+    position: relative;
 }
-.ns_input{
+
+.ns_input {
     border-radius: 8px;
     padding: 10px 12px;
     font-size: 16px;
     font-weight: 400;
 }
-.ns_input_icon{
+
+.ns_input_icon {
     position: absolute;
     right: 20px;
-    top: 47%;
-    z-index: 1;
+    top: 45%;
 }
+
 .ns_input_title {
     font-size: 16px;
     font-weight: 400;

package/dist/components/NSLayout.d.ts

@@ -3,6 +3,7 @@ interface IProps {
     scope: string;
     logo: string;
     title: string;
+    description?: string;
     children: ReactNode;
 }
 export declare class NSLayout extends Component<IProps> {

package/dist/components/NSLayout.js

@@ -4,7 +4,7 @@ import { NSHeader } from './NSHeader';
 import { NSFooter } from './NSFooter';
 export class NSLayout extends Component {
     render() {
-        return (_jsxs("div", Object.assign({ className: "d-flex flex-column text-center text-white" }, { children: [_jsx(NSHeader, { scope: this.props.scope, name: "Header", logo: this.props.logo }), _jsx("div", { children: _jsx("h1", { children: this.props.title }) }), _jsx("main", { children: this.props.children }), _jsx(NSFooter, { scope: this.props.scope, name: "Footer", logo: this.props.logo })] })));
+        return (_jsxs("div", Object.assign({ className: "d-flex flex-column text-center text-white" }, { children: [_jsx(NSHeader, { scope: this.props.scope, name: "Header", logo: this.props.logo }), _jsxs("div", { children: [_jsx("h1", { children: this.props.title }), _jsx("h4", Object.assign({ className: "page-description" }, { children: this.props.description }))] }), _jsx("main", { children: this.props.children }), _jsx(NSFooter, { scope: this.props.scope, name: "Footer", logo: this.props.logo })] })));
     }
 }
 //# sourceMappingURL=NSLayout.js.map

package/dist/components/NSLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSLayout.js","sourceRoot":"","sources":["../../src/components/NSLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAUtC,MAAM,OAAO,QAAS,SAAQ,SAAiB;IAElC,MAAM;QAEX,OAAO,CACH,6BAAK,SAAS,EAAC,2CAA2C,iBACtD,KAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,GAAI,EAC1E,wBACI,uBAAK,IAAI,CAAC,KAAK,CAAC,KAAK,GAAM,GACzB,EACN,yBACK,IAAI,CAAC,KAAK,CAAC,QAAQ,GACjB,EACP,KAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,GAAI,KACvE,CACV,CAAC;IACN,CAAC;CACJ"}
+{"version":3,"file":"NSLayout.js","sourceRoot":"","sources":["../../src/components/NSLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAWtC,MAAM,OAAO,QAAS,SAAQ,SAAiB;IAElC,MAAM;QAEX,OAAO,CACH,6BAAK,SAAS,EAAC,2CAA2C,iBACtD,KAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,GAAI,EAC1E,0BACI,uBAAK,IAAI,CAAC,KAAK,CAAC,KAAK,GAAM,EAC3B,2BAAI,SAAS,EAAC,kBAAkB,gBAAE,IAAI,CAAC,KAAK,CAAC,WAAW,IAAM,IAC5D,EACN,yBACK,IAAI,CAAC,KAAK,CAAC,QAAQ,GACjB,EACP,KAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,GAAI,KACvE,CACV,CAAC;IACN,CAAC;CACJ"}

package/dist/components/NSLinkGreen.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import Style from "./NSLinkGreen.module.css";
 import React from "react";
-import { Link } from "react-router-dom";
+import { BrowserRouter, Link } from "react-router-dom";
 export class NSLinkGreen extends React.Component {
     constructor(props) {
         super(props);
@@ -14,7 +14,7 @@ export class NSLinkGreen extends React.Component {
         this.setState({ href });
     }
     render() {
-        return (_jsx(Link, Object.assign({ className: "text-white text-decoration-none", to: this.state.href }, { children: _jsx("div", Object.assign({ className: Style.ns_link_green }, { children: this.state.title })) })));
+        return (_jsx(BrowserRouter, { children: _jsx(Link, Object.assign({ className: "text-white text-decoration-none", to: this.state.href }, { children: _jsx("div", Object.assign({ className: Style.ns_link_green }, { children: this.state.title })) })) }));
     }
 }
 //# sourceMappingURL=NSLinkGreen.js.map

package/dist/components/NSLinkGreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSLinkGreen.js","sourceRoot":"","sources":["../../src/components/NSLinkGreen.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,0BAA0B,CAAC;AAC7C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAcxC,MAAM,OAAO,WAAY,SAAQ,KAAK,CAAC,SAAyB;IAE5D,YAAY,KAAa;QAErB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC;IAC1D,CAAC;IACD,QAAQ,CAAC,KAAa;QAElB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACD,OAAO,CAAC,IAAY;QAEhB,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IAC5B,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,KAAC,IAAI,kBAAC,SAAS,EAAC,iCAAiC,EAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,gBACjE,4BAAK,SAAS,EAAE,KAAK,CAAC,aAAa,gBAC9B,IAAI,CAAC,KAAK,CAAC,KAAK,IACf,IACH,CACV,CAAA;IACL,CAAC;CACJ"}
+{"version":3,"file":"NSLinkGreen.js","sourceRoot":"","sources":["../../src/components/NSLinkGreen.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,0BAA0B,CAAC;AAC7C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAcvD,MAAM,OAAO,WAAY,SAAQ,KAAK,CAAC,SAAyB;IAE5D,YAAY,KAAa;QAErB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC;IAC1D,CAAC;IACD,QAAQ,CAAC,KAAa;QAElB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACD,OAAO,CAAC,IAAY;QAEhB,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IAC5B,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,KAAC,aAAa,cACV,KAAC,IAAI,kBAAC,SAAS,EAAC,iCAAiC,EAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,gBACjE,4BAAK,SAAS,EAAE,KAAK,CAAC,aAAa,gBAC9B,IAAI,CAAC,KAAK,CAAC,KAAK,IACf,IACH,GACK,CACnB,CAAA;IACL,CAAC;CACJ"}

package/dist/components/NSLinkRed.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import Style from "./NSLinkRed.module.css";
 import React from "react";
-import { Link } from "react-router-dom";
+import { BrowserRouter, Link } from "react-router-dom";
 export class NSLinkRed extends React.Component {
     constructor(props) {
         super(props);
@@ -14,7 +14,7 @@ export class NSLinkRed extends React.Component {
         this.setState({ href });
     }
     render() {
-        return (_jsx(Link, Object.assign({ className: "text-white text-decoration-none", to: this.state.href }, { children: _jsx("div", Object.assign({ className: Style.ns_link_red }, { children: this.state.title })) })));
+        return (_jsx(BrowserRouter, { children: _jsx(Link, Object.assign({ className: "text-white text-decoration-none", to: this.state.href }, { children: _jsx("div", Object.assign({ className: Style.ns_link_red }, { children: this.state.title })) })) }));
     }
 }
 //# sourceMappingURL=NSLinkRed.js.map

package/dist/components/NSLinkRed.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSLinkRed.js","sourceRoot":"","sources":["../../src/components/NSLinkRed.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,wBAAwB,CAAC;AAC3C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAcxC,MAAM,OAAO,SAAU,SAAQ,KAAK,CAAC,SAAyB;IAE1D,YAAY,KAAa;QAErB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC;IAC1D,CAAC;IACD,QAAQ,CAAC,KAAa;QAElB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACD,OAAO,CAAC,IAAY;QAEhB,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IAC5B,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,KAAC,IAAI,kBAAC,SAAS,EAAC,iCAAiC,EAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,gBACjE,4BAAK,SAAS,EAAE,KAAK,CAAC,WAAW,gBAC5B,IAAI,CAAC,KAAK,CAAC,KAAK,IACf,IACH,CACV,CAAA;IACL,CAAC;CACJ"}
+{"version":3,"file":"NSLinkRed.js","sourceRoot":"","sources":["../../src/components/NSLinkRed.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,wBAAwB,CAAC;AAC3C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAcvD,MAAM,OAAO,SAAU,SAAQ,KAAK,CAAC,SAAyB;IAE1D,YAAY,KAAa;QAErB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC;IAC1D,CAAC;IACD,QAAQ,CAAC,KAAa;QAElB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACD,OAAO,CAAC,IAAY;QAEhB,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IAC5B,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,KAAC,aAAa,cACV,KAAC,IAAI,kBAAC,SAAS,EAAC,iCAAiC,EAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,gBACjE,4BAAK,SAAS,EAAE,KAAK,CAAC,WAAW,gBAC5B,IAAI,CAAC,KAAK,CAAC,KAAK,IACf,IACH,GACK,CACnB,CAAA;IACL,CAAC;CACJ"}

package/package.json

@@ -1,10 +1,10 @@
 {
     "name": "namirasoft-site-react",
-    "version": "1.2.17",
+    "version": "1.2.21",
     "main": "./dist/main.js",
     "types": "./dist/main.d.ts",
     "dependencies": {
-        "@types/node": "^20.11.3",
+        "@types/node": "^20.11.5",
         "@types/react": "^18.2.48",
         "@types/react-dom": "^18.2.18",
         "antd": "^5.13.1",
@@ -15,7 +15,7 @@
         "path-browserify": "^1.0.1",
         "react": "^18.2.0",
         "react-app-rewired": "^2.2.1",
-        "react-bootstrap": "^2.9.2",
+        "react-bootstrap": "^2.10.0",
         "react-dom": "^18.2.0",
         "react-phone-input-2": "^2.15.1",
         "react-phone-number-input": "^3.3.9",

package/src/App.tsx

@@ -17,10 +17,8 @@ import { NSInputPhone } from './components/NSInputPhone';
 import { NSButtonGreen } from './components/NSButtonGreen';
 import { NSButtonRed } from './components/NSButtonRed';
 import { NSSelectBox } from './components/NSSelectBox';
-import { NSLinkGreen } from './components/NSLinkGreen';
-import { NSLinkRed } from './components/NSLinkRed';
-import { NSPagination } from './components/NSPagination';
 import type { SelectProps } from 'antd';
+import { NSLinkGreen, NSLinkRed } from './main';
 
 export function App()
 {
@@ -50,7 +48,7 @@ export function App()
     return (
         <div className="App">
             <NSHeader scope='test' name='test' logo='' />
-            <div className='my-4'>
+            <div className='my-4 container'>
                 <NSInputText title='Text' />
                 <NSInputInteger title='Integer' />
                 <NSInputFloat title='Floating Point' />
@@ -66,9 +64,8 @@ export function App()
                 <NSSelectBox title="t" options={options} />
                 <NSButtonGreen title='Save' onClick={() => { }} />
                 <NSButtonRed title='Delete' onClick={() => { }} />
-                <NSLinkGreen title="Add +" href="/" />
-                <NSLinkRed title="Delete" href="/" />
-                <NSPagination title='Pagination' pages={10} href='/' />
+                <NSLinkGreen title='NSLinkGreen' href='/' />
+                <NSLinkRed title='NSLinkRed' href='/' />
             </div>
             <NSFooter scope='test' name='test' logo='' />
         </div>

package/src/components/NSFooter.module.css

@@ -1,6 +1,6 @@
 .ns_footer {
     width: 100%;
-    background: rgba(55, 255, 0, 0.3);
+    background: rgba(0, 0, 0, 0.3);
     padding: 16px 0 8px 0;
 }
 

package/src/components/NSInputSearch.module.css

@@ -1,23 +1,25 @@
-.ns_input_form{
+.ns_input_form {
     display: flex;
     flex-direction: column;
     width: 326px;
     color: #fff;
-    position: relative;
     max-width: 100%;
+    position: relative;
 }
-.ns_input{
+
+.ns_input {
     border-radius: 8px;
     padding: 10px 12px;
     font-size: 16px;
     font-weight: 400;
 }
-.ns_input_icon{
+
+.ns_input_icon {
     position: absolute;
     right: 20px;
-    top: 47%;
-    z-index: 1;
+    top: 45%;
 }
+
 .ns_input_title {
     font-size: 16px;
     font-weight: 400;

package/src/components/NSLayout.tsx

@@ -7,6 +7,7 @@ interface IProps
     scope: string;
     logo: string;
     title: string;
+    description?: string;
     children: ReactNode;
 }
 
@@ -19,6 +20,7 @@ export class NSLayout extends Component<IProps>
                 <NSHeader scope={this.props.scope} name="Header" logo={this.props.logo} />
                 <div>
                     <h1>{this.props.title}</h1>
+                    <h4 className="page-description">{this.props.description}</h4>
                 </div>
                 <main>
                     {this.props.children}

package/src/components/NSLinkGreen.tsx

@@ -1,6 +1,6 @@
 import Style from "./NSLinkGreen.module.css";
 import React from "react";
-import { Link } from "react-router-dom";
+import { BrowserRouter, Link } from "react-router-dom";
 
 interface IProps
 {
@@ -32,11 +32,13 @@ export class NSLinkGreen extends React.Component<IProps, IState>
     override render()
     {
         return (
-            <Link className="text-white text-decoration-none" to={this.state.href}>
-                <div className={Style.ns_link_green}>
-                    {this.state.title}
-                </div>
-            </Link>
+            <BrowserRouter>
+                <Link className="text-white text-decoration-none" to={this.state.href}>
+                    <div className={Style.ns_link_green}>
+                        {this.state.title}
+                    </div>
+                </Link>
+            </BrowserRouter>
         )
     }
 }

package/src/components/NSLinkRed.tsx

@@ -1,6 +1,6 @@
 import Style from "./NSLinkRed.module.css";
 import React from "react";
-import { Link } from "react-router-dom";
+import { BrowserRouter, Link } from "react-router-dom";
 
 interface IProps
 {
@@ -32,11 +32,13 @@ export class NSLinkRed extends React.Component<IProps, IState>
     override render()
     {
         return (
-            <Link className="text-white text-decoration-none" to={this.state.href}>
-                <div className={Style.ns_link_red}>
-                    {this.state.title}
-                </div>
-            </Link>
+            <BrowserRouter>
+                <Link className="text-white text-decoration-none" to={this.state.href}>
+                    <div className={Style.ns_link_red}>
+                        {this.state.title}
+                    </div>
+                </Link>
+            </BrowserRouter>
         )
     }
 }