namirasoft-site-react 1.3.70 → 1.3.75
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.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 +3 -1
- package/dist/components/NSSelectBox.js.map +1 -1
- package/package.json +2 -2
- package/src/App.css +13 -0
- package/src/App.tsx +0 -2
- 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 +5 -3
- package/tsconfig.json +1 -1
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;AAE5C,MAAM,UAAU,GAAG;
|
|
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;AAE5C,MAAM,UAAU,GAAG;IAEf,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,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;
|
|
@@ -15,6 +15,8 @@ export class NSSelectBox extends React.Component {
|
|
|
15
15
|
};
|
|
16
16
|
this.getValues = this.getValues.bind(this);
|
|
17
17
|
this.setValues = this.setValues.bind(this);
|
|
18
|
+
this.setValue = this.setValue.bind(this);
|
|
19
|
+
this.getValue = this.getValue.bind(this);
|
|
18
20
|
}
|
|
19
21
|
getError() {
|
|
20
22
|
return (Validator.getError(this.props.title, this.state.value, this.props));
|
|
@@ -42,7 +44,7 @@ export class NSSelectBox extends React.Component {
|
|
|
42
44
|
this.setState({ values });
|
|
43
45
|
}
|
|
44
46
|
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.
|
|
47
|
+
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.setValue, 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
48
|
}
|
|
47
49
|
}
|
|
48
50
|
//# 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.75",
|
|
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
|
@@ -4,7 +4,6 @@ import { NSFooter, NSHeader } from './main';
|
|
|
4
4
|
|
|
5
5
|
export function App()
|
|
6
6
|
{
|
|
7
|
-
|
|
8
7
|
return (
|
|
9
8
|
<>
|
|
10
9
|
<NSHeader
|
|
@@ -14,7 +13,6 @@ export function App()
|
|
|
14
13
|
account={false}
|
|
15
14
|
style={{ backgroundColor: "transparent !important" }}
|
|
16
15
|
/>
|
|
17
|
-
|
|
18
16
|
<NSFooter name='Footer' scope='Namira Software Corporation' logo='https://static.namirasoft.com/image/namirasoft/site/logo/base.png' />
|
|
19
17
|
</>
|
|
20
18
|
);
|
|
@@ -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
|
|
@@ -34,6 +34,8 @@ export class NSSelectBox extends React.Component<INSSelectBoxProps, NSSelectBoxS
|
|
|
34
34
|
};
|
|
35
35
|
this.getValues = this.getValues.bind(this);
|
|
36
36
|
this.setValues = this.setValues.bind(this);
|
|
37
|
+
this.setValue = this.setValue.bind(this);
|
|
38
|
+
this.getValue = this.getValue.bind(this);
|
|
37
39
|
}
|
|
38
40
|
getError(): string | null
|
|
39
41
|
{
|
|
@@ -76,11 +78,11 @@ export class NSSelectBox extends React.Component<INSSelectBoxProps, NSSelectBoxS
|
|
|
76
78
|
<div className={`${Styles.ns_input_parent} p-2`}>
|
|
77
79
|
<span className={Styles.ns_input_title}> {this.props.required && <span style={{ color: "red" }} >*</span>} {this.props.title} </span>
|
|
78
80
|
<Select
|
|
79
|
-
mode="multiple"
|
|
81
|
+
mode={this.props.multiple ? "multiple" : undefined}
|
|
80
82
|
style={{ width: '100%' }}
|
|
81
83
|
className={Styles.ns_input_select}
|
|
82
84
|
placeholder="Combo Box"
|
|
83
|
-
onChange={this.
|
|
85
|
+
onChange={this.setValue}
|
|
84
86
|
optionLabelProp="label"
|
|
85
87
|
options={this.props.options}
|
|
86
88
|
optionRender={(option) => (
|