namirasoft-site-react 1.3.70 → 1.3.74
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/App.js +13 -2
- package/dist/App.js.map +1 -1
- package/dist/components/NSCopyToClipboard.module.css +3 -0
- package/dist/components/NSInput.module.css +6 -2
- package/dist/components/NSPagination.js +2 -2
- package/dist/components/NSPagination.js.map +1 -1
- package/dist/components/NSSelectBox.d.ts +1 -0
- package/dist/components/NSSelectBox.js +1 -1
- package/dist/components/NSSelectBox.js.map +1 -1
- package/package.json +2 -2
- package/src/App.css +13 -0
- package/src/App.tsx +18 -3
- package/src/components/NSCopyToClipboard.module.css +3 -0
- package/src/components/NSInput.module.css +6 -2
- package/src/components/NSPagination.tsx +2 -2
- package/src/components/NSSelectBox.tsx +2 -2
- package/tsconfig.json +1 -1
package/dist/App.js
CHANGED
|
@@ -1,8 +1,19 @@
|
|
|
1
1
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import './App.css';
|
|
3
3
|
import 'bootstrap/dist/css/bootstrap.min.css';
|
|
4
|
-
import { NSFooter, NSHeader } from './main';
|
|
4
|
+
import { NSFooter, NSHeader, NSSelectBox } from './main';
|
|
5
5
|
export function App() {
|
|
6
|
-
return (_jsxs(_Fragment, { children: [_jsx(NSHeader, { name: 'Header', scope: 'Namira Software Corporation', logo: 'https://static.namirasoft.com/image/namirasoft/site/logo/base.png', account: false, style: { backgroundColor: "transparent !important" } }), _jsx(
|
|
6
|
+
return (_jsxs(_Fragment, { children: [_jsx(NSHeader, { name: 'Header', scope: 'Namira Software Corporation', logo: 'https://static.namirasoft.com/image/namirasoft/site/logo/base.png', account: false, style: { backgroundColor: "transparent !important" } }), _jsx(NSSelectBox, { multiple: true, required: true, options: [
|
|
7
|
+
{
|
|
8
|
+
label: "string",
|
|
9
|
+
value: "string",
|
|
10
|
+
desc: "string"
|
|
11
|
+
},
|
|
12
|
+
{
|
|
13
|
+
label: "string2",
|
|
14
|
+
value: "string2",
|
|
15
|
+
desc: "string2"
|
|
16
|
+
}
|
|
17
|
+
], title: "Country" }), _jsx(NSFooter, { name: 'Footer', scope: 'Namira Software Corporation', logo: 'https://static.namirasoft.com/image/namirasoft/site/logo/base.png' })] }));
|
|
7
18
|
}
|
|
8
19
|
//# sourceMappingURL=App.js.map
|
package/dist/App.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,CAAC;AACnB,OAAO,sCAAsC,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,CAAC;AACnB,OAAO,sCAAsC,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAEzD,MAAM,UAAU,GAAG;IAGf,OAAO,CACH,8BACI,KAAC,QAAQ,IACL,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,6BAA6B,EACnC,IAAI,EAAC,mEAAmE,EACxE,OAAO,EAAE,KAAK,EACd,KAAK,EAAE,EAAE,eAAe,EAAE,wBAAwB,EAAE,GACtD,EACF,KAAC,WAAW,IACR,QAAQ,EAAE,IAAI,EACd,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE;oBACL;wBACI,KAAK,EAAE,QAAQ;wBACf,KAAK,EAAE,QAAQ;wBACf,IAAI,EAAE,QAAQ;qBACjB;oBACD;wBACI,KAAK,EAAE,SAAS;wBAChB,KAAK,EAAE,SAAS;wBAChB,IAAI,EAAE,SAAS;qBAClB;iBACJ,EACD,KAAK,EAAC,SAAS,GAAG,EACtB,KAAC,QAAQ,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,6BAA6B,EAAC,IAAI,EAAC,mEAAmE,GAAG,IACxI,CACN,CAAC;AACN,CAAC"}
|
|
@@ -12,8 +12,12 @@
|
|
|
12
12
|
padding: 10px 12px;
|
|
13
13
|
font-size: 16px;
|
|
14
14
|
font-weight: 400;
|
|
15
|
-
border: 1px solid rgba(47, 0, 236, 0.6);
|
|
16
|
-
|
|
15
|
+
border: 1px solid rgba(47, 0, 236, 0.6) !important;
|
|
16
|
+
max-width: 100%;
|
|
17
|
+
height: max-content !important;
|
|
18
|
+
}
|
|
19
|
+
.ns_input li{
|
|
20
|
+
color:#000 !important
|
|
17
21
|
}
|
|
18
22
|
|
|
19
23
|
.ns_input_icon {
|
|
@@ -14,7 +14,7 @@ export function NSPagination(props) {
|
|
|
14
14
|
else
|
|
15
15
|
arr.push(_jsx("div", { children: _jsx("a", { href: '#', className: `${Styles.ns_paginate_link}`, children: index }) }));
|
|
16
16
|
};
|
|
17
|
-
arr.push(_jsx("div", { children: _jsx("a", { href: '#', children: _jsx("img", { src: 'https://static.namirasoft.com/image/concept/arrow/left/
|
|
17
|
+
arr.push(_jsx("div", { children: _jsx("a", { href: '#', children: _jsx("img", { src: 'https://static.namirasoft.com/image/concept/arrow/left/white-blue.svg', alt: 'left_vector', width: 32, height: 32 }) }) }));
|
|
18
18
|
pushPage(1);
|
|
19
19
|
if (page > window * 2)
|
|
20
20
|
arr.push(_jsx("div", { children: _jsx("a", { href: '#', className: `${Styles.ns_paginate_link}`, children: "..." }) }));
|
|
@@ -23,7 +23,7 @@ export function NSPagination(props) {
|
|
|
23
23
|
if (page <= size - window * 2)
|
|
24
24
|
arr.push(_jsx("div", { children: _jsx("a", { href: '#', className: `${Styles.ns_paginate_link}`, children: "..." }) }));
|
|
25
25
|
pushPage(size);
|
|
26
|
-
arr.push(_jsx("div", { children: _jsx("a", { href: '#', children: _jsx("img", { src: 'https://static.namirasoft.com/image/concept/arrow/right/
|
|
26
|
+
arr.push(_jsx("div", { children: _jsx("a", { href: '#', children: _jsx("img", { src: 'https://static.namirasoft.com/image/concept/arrow/right/white-blue.svg', width: 32, height: 32, alt: 'right_vector' }) }) }));
|
|
27
27
|
return (_jsx("div", { id: props.id, className: `${Styles.ns_pagination_container} ${(_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: props.style, children: arr.map(x => (x)) }));
|
|
28
28
|
}
|
|
29
29
|
//# sourceMappingURL=NSPagination.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSPagination.js","sourceRoot":"","sources":["../../src/components/NSPagination.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAQ/C,MAAM,UAAU,YAAY,CAAC,KAAyB;;IAElD,IAAI,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;IACtB,IAAI,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;IACtB,IAAI,MAAM,GAAG,CAAC,CAAC;IACf,IAAI,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC,CAAC;IACrC,IAAI,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,MAAM,EAAE,IAAI,GAAG,CAAC,CAAC,CAAC;IAC5C,IAAI,GAAG,GAAG,EAAE,CAAC;IACb,IAAI,QAAQ,GAAG,CAAC,KAAa,EAAE,EAAE;QAE7B,IAAI,KAAK,IAAI,IAAI;YACb,GAAG,CAAC,IAAI,CACJ,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,uBAAuB,EAAE,YAC/C,YAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAE,GAAG,MAAM,CAAC,gBAAgB,IAAI,MAAM,CAAC,gBAAgB,EAAE,YAAG,KAAK,GAAK,GACzF,CACT,CAAC;;YAEF,GAAG,CAAC,IAAI,CACJ,wBACI,YAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAE,GAAG,MAAM,CAAC,gBAAgB,EAAE,YAAG,KAAK,GAAK,GAC9D,CACT,CAAC;IACV,CAAC,CAAC;IACF,GAAG,CAAC,IAAI,CACJ,wBACI,YAAG,IAAI,EAAC,GAAG,YACP,cACI,GAAG,EAAC,
|
|
1
|
+
{"version":3,"file":"NSPagination.js","sourceRoot":"","sources":["../../src/components/NSPagination.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAQ/C,MAAM,UAAU,YAAY,CAAC,KAAyB;;IAElD,IAAI,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;IACtB,IAAI,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;IACtB,IAAI,MAAM,GAAG,CAAC,CAAC;IACf,IAAI,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC,CAAC;IACrC,IAAI,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,MAAM,EAAE,IAAI,GAAG,CAAC,CAAC,CAAC;IAC5C,IAAI,GAAG,GAAG,EAAE,CAAC;IACb,IAAI,QAAQ,GAAG,CAAC,KAAa,EAAE,EAAE;QAE7B,IAAI,KAAK,IAAI,IAAI;YACb,GAAG,CAAC,IAAI,CACJ,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,uBAAuB,EAAE,YAC/C,YAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAE,GAAG,MAAM,CAAC,gBAAgB,IAAI,MAAM,CAAC,gBAAgB,EAAE,YAAG,KAAK,GAAK,GACzF,CACT,CAAC;;YAEF,GAAG,CAAC,IAAI,CACJ,wBACI,YAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAE,GAAG,MAAM,CAAC,gBAAgB,EAAE,YAAG,KAAK,GAAK,GAC9D,CACT,CAAC;IACV,CAAC,CAAC;IACF,GAAG,CAAC,IAAI,CACJ,wBACI,YAAG,IAAI,EAAC,GAAG,YACP,cACI,GAAG,EAAC,uEAAuE,EAC3E,GAAG,EAAC,aAAa,EACjB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,GACF,GACF,CACT,CAAC;IACF,QAAQ,CAAC,CAAC,CAAC,CAAC;IACZ,IAAI,IAAI,GAAG,MAAM,GAAG,CAAC;QACjB,GAAG,CAAC,IAAI,CACJ,wBACI,YAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAE,GAAG,MAAM,CAAC,gBAAgB,EAAE,oBAAS,GAC1D,CACT,CAAC;IACN,KAAK,IAAI,CAAC,GAAG,GAAG,EAAE,CAAC,IAAI,GAAG,EAAE,CAAC,EAAE;QAC3B,QAAQ,CAAC,CAAC,CAAC,CAAC;IAChB,IAAI,IAAI,IAAI,IAAI,GAAG,MAAM,GAAG,CAAC;QACzB,GAAG,CAAC,IAAI,CACJ,wBACI,YAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAE,GAAG,MAAM,CAAC,gBAAgB,EAAE,oBAAS,GAC1D,CACT,CAAC;IACN,QAAQ,CAAC,IAAI,CAAC,CAAC;IACf,GAAG,CAAC,IAAI,CACJ,wBACI,YAAG,IAAI,EAAC,GAAG,YACP,cACI,GAAG,EAAC,wEAAwE,EAC5E,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,GAAG,EAAC,cAAc,GACpB,GACF,GACF,CACT,CAAC;IAEF,OAAO,CACH,cAAK,EAAE,EAAE,KAAK,CAAC,EAAE,EACb,SAAS,EAAE,GAAG,MAAM,CAAC,uBAAuB,IAAI,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAC5E,KAAK,EAAE,KAAK,CAAC,KAAK,YACjB,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,GAChB,CACT,CAAC;AACN,CAAC"}
|
|
@@ -5,6 +5,7 @@ import { IValidationProps } from "../props/IValidationProps";
|
|
|
5
5
|
export interface INSSelectBoxProps extends IBaseComponentProps, IValidationProps {
|
|
6
6
|
title: string;
|
|
7
7
|
options: SelectProps['options'];
|
|
8
|
+
multiple: boolean;
|
|
8
9
|
}
|
|
9
10
|
export interface NSSelectBoxState {
|
|
10
11
|
value: string | null;
|
|
@@ -42,7 +42,7 @@ export class NSSelectBox extends React.Component {
|
|
|
42
42
|
this.setState({ values });
|
|
43
43
|
}
|
|
44
44
|
render() {
|
|
45
|
-
return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `${Styles.ns_input_parent} p-2`, children: [_jsxs("span", { className: Styles.ns_input_title, children: [" ", this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title, " "] }), _jsx(Select, { mode: "multiple", style: { width: '100%' }, className: Styles.ns_input_select, placeholder: "Combo Box", onChange: this.setValues, optionLabelProp: "label", options: this.props.options, optionRender: (option) => (_jsx(Space, { className: Styles.ns_input_select_option, children: option.data.desc })), suffixIcon: _jsx("img", { src: IconSelectBox, alt: "SelectBox Icon" }) })] }), _jsx(NSInputErrorNotifier, { error: this.state.error })] }));
|
|
45
|
+
return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `${Styles.ns_input_parent} p-2`, children: [_jsxs("span", { className: Styles.ns_input_title, children: [" ", this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title, " "] }), _jsx(Select, { mode: this.props.multiple ? "multiple" : undefined, style: { width: '100%' }, className: Styles.ns_input_select, placeholder: "Combo Box", onChange: this.setValues, optionLabelProp: "label", options: this.props.options, optionRender: (option) => (_jsx(Space, { className: Styles.ns_input_select_option, children: option.data.desc })), suffixIcon: _jsx("img", { src: IconSelectBox, alt: "SelectBox Icon" }) })] }), _jsx(NSInputErrorNotifier, { error: this.state.error })] }));
|
|
46
46
|
}
|
|
47
47
|
}
|
|
48
48
|
//# sourceMappingURL=NSSelectBox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSSelectBox.js","sourceRoot":"","sources":["../../src/components/NSSelectBox.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;
|
|
1
|
+
{"version":3,"file":"NSSelectBox.js","sourceRoot":"","sources":["../../src/components/NSSelectBox.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
"framework": "npm",
|
|
9
9
|
"application": "package",
|
|
10
10
|
"private": false,
|
|
11
|
-
"version": "1.3.
|
|
11
|
+
"version": "1.3.74",
|
|
12
12
|
"author": "Amir Abolhasani, Alireza Esmaeeli, Sepideh Mazloumi, Hooman Shashaeh",
|
|
13
13
|
"license": "MIT",
|
|
14
14
|
"main": "./dist/main.js",
|
|
@@ -63,4 +63,4 @@
|
|
|
63
63
|
"last 1 safari version"
|
|
64
64
|
]
|
|
65
65
|
}
|
|
66
|
-
}
|
|
66
|
+
}
|
package/src/App.css
CHANGED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/*Start Input Tell*/
|
|
2
|
+
.country-name {
|
|
3
|
+
color: #000 !important;
|
|
4
|
+
}
|
|
5
|
+
.country-list{
|
|
6
|
+
max-width: 256px;
|
|
7
|
+
}
|
|
8
|
+
.react-tel-input .flag-dropdown {
|
|
9
|
+
border: 1px solid #cacaca;
|
|
10
|
+
border-radius: 5px 0 0 5px;
|
|
11
|
+
border: 1px solid rgba(47, 0, 236, 0.6) !important;
|
|
12
|
+
}
|
|
13
|
+
/*End Input Tell*/
|
package/src/App.tsx
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import './App.css';
|
|
2
2
|
import 'bootstrap/dist/css/bootstrap.min.css';
|
|
3
|
-
import { NSFooter, NSHeader } from './main';
|
|
3
|
+
import { NSFooter, NSHeader, NSSelectBox } from './main';
|
|
4
4
|
|
|
5
5
|
export function App()
|
|
6
6
|
{
|
|
7
|
-
|
|
7
|
+
|
|
8
8
|
return (
|
|
9
9
|
<>
|
|
10
10
|
<NSHeader
|
|
@@ -14,7 +14,22 @@ export function App()
|
|
|
14
14
|
account={false}
|
|
15
15
|
style={{ backgroundColor: "transparent !important" }}
|
|
16
16
|
/>
|
|
17
|
-
|
|
17
|
+
<NSSelectBox
|
|
18
|
+
multiple={true}
|
|
19
|
+
required={true}
|
|
20
|
+
options={[
|
|
21
|
+
{
|
|
22
|
+
label: "string",
|
|
23
|
+
value: "string",
|
|
24
|
+
desc: "string"
|
|
25
|
+
},
|
|
26
|
+
{
|
|
27
|
+
label: "string2",
|
|
28
|
+
value: "string2",
|
|
29
|
+
desc: "string2"
|
|
30
|
+
}
|
|
31
|
+
]}
|
|
32
|
+
title="Country" />
|
|
18
33
|
<NSFooter name='Footer' scope='Namira Software Corporation' logo='https://static.namirasoft.com/image/namirasoft/site/logo/base.png' />
|
|
19
34
|
</>
|
|
20
35
|
);
|
|
@@ -12,8 +12,12 @@
|
|
|
12
12
|
padding: 10px 12px;
|
|
13
13
|
font-size: 16px;
|
|
14
14
|
font-weight: 400;
|
|
15
|
-
border: 1px solid rgba(47, 0, 236, 0.6);
|
|
16
|
-
|
|
15
|
+
border: 1px solid rgba(47, 0, 236, 0.6) !important;
|
|
16
|
+
max-width: 100%;
|
|
17
|
+
height: max-content !important;
|
|
18
|
+
}
|
|
19
|
+
.ns_input li{
|
|
20
|
+
color:#000 !important
|
|
17
21
|
}
|
|
18
22
|
|
|
19
23
|
.ns_input_icon {
|
|
@@ -34,7 +34,7 @@ export function NSPagination(props: INSPaginationProps)
|
|
|
34
34
|
<div>
|
|
35
35
|
<a href='#'>
|
|
36
36
|
<img
|
|
37
|
-
src='https://static.namirasoft.com/image/concept/arrow/left/
|
|
37
|
+
src='https://static.namirasoft.com/image/concept/arrow/left/white-blue.svg'
|
|
38
38
|
alt='left_vector'
|
|
39
39
|
width={32}
|
|
40
40
|
height={32}
|
|
@@ -62,7 +62,7 @@ export function NSPagination(props: INSPaginationProps)
|
|
|
62
62
|
<div>
|
|
63
63
|
<a href='#'>
|
|
64
64
|
<img
|
|
65
|
-
src='https://static.namirasoft.com/image/concept/arrow/right/
|
|
65
|
+
src='https://static.namirasoft.com/image/concept/arrow/right/white-blue.svg'
|
|
66
66
|
width={32}
|
|
67
67
|
height={32}
|
|
68
68
|
alt='right_vector'
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
|
|
3
2
|
import React from "react";
|
|
4
3
|
import Styles from "./NSSelectBox.module.css";
|
|
5
4
|
import { Select, Space } from 'antd';
|
|
@@ -14,6 +13,7 @@ export interface INSSelectBoxProps extends IBaseComponentProps, IValidationProps
|
|
|
14
13
|
{
|
|
15
14
|
title: string;
|
|
16
15
|
options: SelectProps['options'];
|
|
16
|
+
multiple:boolean;
|
|
17
17
|
}
|
|
18
18
|
|
|
19
19
|
export interface NSSelectBoxState
|
|
@@ -76,7 +76,7 @@ export class NSSelectBox extends React.Component<INSSelectBoxProps, NSSelectBoxS
|
|
|
76
76
|
<div className={`${Styles.ns_input_parent} p-2`}>
|
|
77
77
|
<span className={Styles.ns_input_title}> {this.props.required && <span style={{ color: "red" }} >*</span>} {this.props.title} </span>
|
|
78
78
|
<Select
|
|
79
|
-
mode="multiple"
|
|
79
|
+
mode={this.props.multiple ? "multiple" : undefined}
|
|
80
80
|
style={{ width: '100%' }}
|
|
81
81
|
className={Styles.ns_input_select}
|
|
82
82
|
placeholder="Combo Box"
|