namirasoft-site-react 1.3.171 → 1.3.172
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 +1 -1
- package/dist/App.js.map +1 -1
- package/dist/components/NSElectronicCard.js +5 -3
- package/dist/components/NSElectronicCard.js.map +1 -1
- package/dist/components/NSHeader.d.ts +0 -1
- package/dist/components/NSHeader.js.map +1 -1
- package/dist/components/NSLayout.d.ts +0 -1
- package/dist/components/NSLayout.js +1 -1
- package/dist/components/NSLayout.js.map +1 -1
- package/package.json +1 -1
- package/src/App.tsx +9 -11
- package/src/components/NSElectronicCard.tsx +7 -5
- package/src/components/NSHeader.tsx +0 -1
- package/src/components/NSLayout.tsx +0 -2
- package/src/props/IHeaderProps.ts +1 -1
package/dist/App.js
CHANGED
|
@@ -18,6 +18,6 @@ export function App() {
|
|
|
18
18
|
return (_jsx(_Fragment, { children: _jsx(NSLayoutAction, { scope: '', actions: [], notifications: [], header: {
|
|
19
19
|
icons: icons,
|
|
20
20
|
title: "any"
|
|
21
|
-
}, title: '', logo: '', children: _jsx(_Fragment, {
|
|
21
|
+
}, title: '', logo: '', children: _jsx(_Fragment, {}) }) }));
|
|
22
22
|
}
|
|
23
23
|
//# 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,cAAc,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,cAAc,EAAE,MAAM,QAAQ,CAAC;AAExC,MAAM,UAAU,GAAG;IAGlB,MAAM,SAAS,GAAG,GAAG,EAAE;QAEtB,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;IACvB,CAAC,CAAA;IAED,IAAI,KAAK,GAAG;QACX,EAAE,GAAG,EAAE,8DAA8D,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,EAAE;QACrG,EAAE,GAAG,EAAE,8DAA8D,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE;QAC3F,EAAE,GAAG,EAAE,8DAA8D,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE;QAC3F,EAAE,GAAG,EAAE,8DAA8D,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE;QAC3F,EAAE,GAAG,EAAE,8DAA8D,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE;QAC3F,EAAE,GAAG,EAAE,8DAA8D,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE;QAC3F,EAAE,GAAG,EAAE,8DAA8D,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE;KAC3F,CAAC;IAEF,OAAO,CACN,4BACC,KAAC,cAAc,IACd,KAAK,EAAC,EAAE,EACR,OAAO,EAAE,EAAE,EACX,aAAa,EAAE,EAAE,EACjB,MAAM,EACL;gBACC,KAAK,EAAE,KAAK;gBACZ,KAAK,EAAE,KAAK;aACZ,EAEF,KAAK,EAAC,EAAE,EACR,IAAI,EAAC,EAAE,YAEP,mBACG,GACa,GACf,CACH,CAAC;AACH,CAAC"}
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useState } from 'react';
|
|
2
3
|
import Styles from './NSElectronicCard.module.css';
|
|
3
4
|
function NSElectronicCard(props) {
|
|
4
|
-
if (props.cardNumber.length
|
|
5
|
+
if (props.cardNumber.length < 15) {
|
|
5
6
|
alert("Please enter 16 number at least");
|
|
6
7
|
}
|
|
7
|
-
|
|
8
|
-
|
|
8
|
+
let last4Number = props.cardNumber.substr(-4);
|
|
9
|
+
let [cardNumber, setCardNumber] = useState("");
|
|
10
|
+
return (_jsx("section", { className: Styles.ns_electronic_card, children: _jsxs("div", { className: Styles.ns_border, children: [_jsxs("div", { className: Styles.ns_image_text, children: [_jsx("img", { src: props.src, width: 68, height: 48, alt: props.alt ? props.alt : "E-Card Image" }), _jsxs("div", { className: Styles.ns_information, children: [_jsx("h4", { children: props.title }), _jsx("h5", { children: `0000 0000 0000 ${props.cardNumber ? last4Number : cardNumber}` })] })] }), _jsx("hr", { className: Styles.ns_line }), _jsxs("div", { className: Styles.ns_card_items, children: [_jsx("a", { href: '#', children: _jsx("h4", { style: { color: "rgba(3, 119, 255, 1)" }, children: props.info }) }), _jsxs("div", { className: Styles.ns_right_card_items, children: [_jsx("a", { href: '#', children: _jsx("h4", { onClick: () => setCardNumber("0000"), children: "Default" }) }), _jsx("a", { href: '#', children: _jsx("h4", { onClick: () => setCardNumber("0000"), children: "Remove" }) }), _jsx("a", { href: '#', children: _jsx("h4", { children: "Edit" }) })] })] })] }) }));
|
|
9
11
|
}
|
|
10
12
|
export default NSElectronicCard;
|
|
11
13
|
//# sourceMappingURL=NSElectronicCard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSElectronicCard.js","sourceRoot":"","sources":["../../src/components/NSElectronicCard.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,+BAA+B,CAAC;AASnD,SAAS,gBAAgB,CAAC,KAA6B;IAEnD,IAAI,KAAK,CAAC,UAAU,CAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"NSElectronicCard.js","sourceRoot":"","sources":["../../src/components/NSElectronicCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,MAAM,MAAM,+BAA+B,CAAC;AASnD,SAAS,gBAAgB,CAAC,KAA6B;IAEnD,IAAI,KAAK,CAAC,UAAU,CAAC,MAAM,GAAG,EAAE,EAChC;QACI,KAAK,CAAC,iCAAiC,CAAC,CAAA;KAC3C;IACD,IAAI,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9C,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC/C,OAAO,CACH,kBAAS,SAAS,EAAE,MAAM,CAAC,kBAAkB,YACzC,eAAK,SAAS,EAAE,MAAM,CAAC,SAAS,aAC5B,eAAK,SAAS,EAAE,MAAM,CAAC,aAAa,aAChC,cACI,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,cAAc,GAC7C,EACF,eAAK,SAAS,EAAE,MAAM,CAAC,cAAc,aACjC,uBAAK,KAAK,CAAC,KAAK,GAAM,EACtB,uBAAK,kBAAkB,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,EAAE,GAAM,IACxE,IACJ,EACN,aAAI,SAAS,EAAE,MAAM,CAAC,OAAO,GAAO,EACpC,eAAK,SAAS,EAAE,MAAM,CAAC,aAAa,aAChC,YAAG,IAAI,EAAC,GAAG,YAAC,aAAI,KAAK,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE,YAAG,KAAK,CAAC,IAAI,GAAM,GAAI,EAC/E,eAAK,SAAS,EAAE,MAAM,CAAC,mBAAmB,aACtC,YAAG,IAAI,EAAC,GAAG,YAAC,aAAI,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,wBAAc,GAAI,EACtE,YAAG,IAAI,EAAC,GAAG,YAAC,aAAI,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,uBAAa,GAAI,EACrE,YAAG,IAAI,EAAC,GAAG,YAAC,gCAAa,GAAI,IAC3B,IACJ,IACJ,GACC,CACd,CAAC;AACN,CAAC;AAED,eAAe,gBAAgB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSHeader.js","sourceRoot":"","sources":["../../src/components/NSHeader.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAC3C,OAAO,WAAW,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,uBAAuB,EAAqB,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"NSHeader.js","sourceRoot":"","sources":["../../src/components/NSHeader.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,7 +8,6 @@ export interface INSLayoutProps extends IBaseComponentProps {
|
|
|
8
8
|
background?: string;
|
|
9
9
|
notifications: INSNotificationProps[];
|
|
10
10
|
children: ReactNode;
|
|
11
|
-
logout?: () => void;
|
|
12
11
|
header: IHeaderProps;
|
|
13
12
|
}
|
|
14
13
|
export declare function NSLayout(props: INSLayoutProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -14,6 +14,6 @@ export function NSLayout(props) {
|
|
|
14
14
|
background: props.background,
|
|
15
15
|
backgroundSize: "cover",
|
|
16
16
|
backgroundAttachment: "fixed"
|
|
17
|
-
}, children: [_jsx(NSHeader, { scope: props.scope, name: "Header", logo: props.logo,
|
|
17
|
+
}, children: [_jsx(NSHeader, { scope: props.scope, name: "Header", logo: props.logo, header: props.header }), props.notifications.map(props => _jsx(NSNotification, Object.assign({}, props))), _jsx("main", { className: `d-flex flex-column text-white ${Styles.ns_layout_main}`, children: props.children }), _jsx(NSFooter, { scope: props.scope, name: "Footer", logo: props.logo })] }));
|
|
18
18
|
}
|
|
19
19
|
//# sourceMappingURL=NSLayout.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSLayout.js","sourceRoot":"","sources":["../../src/components/NSLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAE3C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,cAAc,EAAwB,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"NSLayout.js","sourceRoot":"","sources":["../../src/components/NSLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAE3C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,cAAc,EAAwB,MAAM,kBAAkB,CAAC;AAaxE,MAAM,UAAU,QAAQ,CAAC,KAAqB;;IAE7C,OAAO,CACN,eAAK,EAAE,EAAE,KAAK,CAAC,EAAE,EAChB,SAAS,EAAE,GAAG,MAAM,CAAC,YAAY,IAAI,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EACjE,KAAK,EAAE;YACN,SAAS,EAAE,OAAO;YAClB,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,KAAK,CAAC,UAAU;YAC5B,cAAc,EAAE,OAAO;YACvB,oBAAoB,EAAE,OAAO;SAC7B,aACD,KAAC,QAAQ,IACR,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,MAAM,EAAE,KAAK,CAAC,MAAM,GACnB,EACD,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,KAAC,cAAc,oBAAK,KAAK,EAAmB,CAAC,EAC/E,eAAM,SAAS,EAAE,iCAAiC,MAAM,CAAC,cAAc,EAAE,YACvE,KAAK,CAAC,QAAQ,GACT,EACP,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,KAAK,CAAC,IAAI,GAAI,IAC1D,CACP,CAAC;AACH,CAAC"}
|
package/package.json
CHANGED
package/src/App.tsx
CHANGED
|
@@ -2,9 +2,6 @@ import './App.css';
|
|
|
2
2
|
import 'bootstrap/dist/css/bootstrap.min.css';
|
|
3
3
|
import { NSLayoutAction } from './main';
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
5
|
export function App()
|
|
9
6
|
{
|
|
10
7
|
|
|
@@ -14,13 +11,13 @@ export function App()
|
|
|
14
11
|
}
|
|
15
12
|
|
|
16
13
|
let icons = [
|
|
17
|
-
{ src:"https://static.namirasoft.com/image/concept/logout/white.svg"
|
|
18
|
-
{ src:"https://static.namirasoft.com/image/concept/logout/white.svg"
|
|
19
|
-
{ src:"https://static.namirasoft.com/image/concept/logout/white.svg"
|
|
20
|
-
{ src:"https://static.namirasoft.com/image/concept/logout/white.svg"
|
|
21
|
-
{ src:"https://static.namirasoft.com/image/concept/logout/white.svg"
|
|
22
|
-
{ src:"https://static.namirasoft.com/image/concept/logout/white.svg"
|
|
23
|
-
{ src:"https://static.namirasoft.com/image/concept/logout/white.svg"
|
|
14
|
+
{ src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked, count: 1 },
|
|
15
|
+
{ src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked },
|
|
16
|
+
{ src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked },
|
|
17
|
+
{ src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked },
|
|
18
|
+
{ src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked },
|
|
19
|
+
{ src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked },
|
|
20
|
+
{ src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked },
|
|
24
21
|
];
|
|
25
22
|
|
|
26
23
|
return (
|
|
@@ -38,7 +35,8 @@ export function App()
|
|
|
38
35
|
title=''
|
|
39
36
|
logo=''
|
|
40
37
|
>
|
|
41
|
-
<>
|
|
38
|
+
<>
|
|
39
|
+
</>
|
|
42
40
|
</NSLayoutAction>
|
|
43
41
|
</>
|
|
44
42
|
);
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { useState } from 'react';
|
|
1
2
|
import Styles from './NSElectronicCard.module.css';
|
|
2
3
|
export interface INSElectronicCardProps
|
|
3
4
|
{
|
|
@@ -9,11 +10,12 @@ export interface INSElectronicCardProps
|
|
|
9
10
|
}
|
|
10
11
|
function NSElectronicCard(props: INSElectronicCardProps)
|
|
11
12
|
{
|
|
12
|
-
if (props.cardNumber.length
|
|
13
|
+
if (props.cardNumber.length < 15)
|
|
13
14
|
{
|
|
14
15
|
alert("Please enter 16 number at least")
|
|
15
16
|
}
|
|
16
|
-
|
|
17
|
+
let last4Number = props.cardNumber.substr(-4);
|
|
18
|
+
let [cardNumber, setCardNumber] = useState("");
|
|
17
19
|
return (
|
|
18
20
|
<section className={Styles.ns_electronic_card}>
|
|
19
21
|
<div className={Styles.ns_border}>
|
|
@@ -26,15 +28,15 @@ function NSElectronicCard(props: INSElectronicCardProps)
|
|
|
26
28
|
/>
|
|
27
29
|
<div className={Styles.ns_information}>
|
|
28
30
|
<h4>{props.title}</h4>
|
|
29
|
-
<h5>{
|
|
31
|
+
<h5>{`0000 0000 0000 ${props.cardNumber ? last4Number : cardNumber}`}</h5>
|
|
30
32
|
</div>
|
|
31
33
|
</div>
|
|
32
34
|
<hr className={Styles.ns_line}></hr>
|
|
33
35
|
<div className={Styles.ns_card_items}>
|
|
34
36
|
<a href='#'><h4 style={{ color: "rgba(3, 119, 255, 1)" }}>{props.info}</h4></a>
|
|
35
37
|
<div className={Styles.ns_right_card_items}>
|
|
36
|
-
<a href='#'><h4>Default</h4></a>
|
|
37
|
-
<a href='#'><h4>Remove</h4></a>
|
|
38
|
+
<a href='#'><h4 onClick={() => setCardNumber("0000")}>Default</h4></a>
|
|
39
|
+
<a href='#'><h4 onClick={() => setCardNumber("0000")}>Remove</h4></a>
|
|
38
40
|
<a href='#'><h4>Edit</h4></a>
|
|
39
41
|
</div>
|
|
40
42
|
</div>
|
|
@@ -13,7 +13,6 @@ export interface INSLayoutProps extends IBaseComponentProps
|
|
|
13
13
|
background?: string;
|
|
14
14
|
notifications: INSNotificationProps[];
|
|
15
15
|
children: ReactNode;
|
|
16
|
-
logout?: () => void;
|
|
17
16
|
header: IHeaderProps;
|
|
18
17
|
}
|
|
19
18
|
|
|
@@ -36,7 +35,6 @@ export function NSLayout(props: INSLayoutProps)
|
|
|
36
35
|
scope={props.scope}
|
|
37
36
|
name="Header"
|
|
38
37
|
logo={props.logo}
|
|
39
|
-
logout={props.logout}
|
|
40
38
|
header={props.header}
|
|
41
39
|
/>
|
|
42
40
|
{props.notifications.map(props => <NSNotification {...props}></NSNotification>)}
|