namirasoft-site-react 1.4.163 → 1.4.164
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 +3 -3
- package/dist/App.js.map +1 -1
- package/dist/components/NSBoxPassword.d.ts +1 -0
- package/dist/components/NSBoxPassword.js +8 -2
- package/dist/components/NSBoxPassword.js.map +1 -1
- package/dist/components/NSLayout.js +4 -4
- package/dist/components/NSLayout.js.map +1 -1
- package/package.json +1 -1
- package/src/App.tsx +7 -2
- package/src/components/NSBoxPassword.tsx +9 -2
- package/src/components/NSLayout.tsx +1 -1
package/dist/App.js
CHANGED
|
@@ -10,7 +10,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
|
|
|
10
10
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
11
11
|
import './App.css';
|
|
12
12
|
import 'bootstrap/dist/css/bootstrap.min.css';
|
|
13
|
-
import { NSPanel, NSBoxDate, NSSection, NSBoxFile, NSLayout, NSBoxCombo, NSButton, NSFilterBox, NSBoxString, NSBoxTime, NSBoxDateTime, NSCopy, NSCopyBox } from './main';
|
|
13
|
+
import { NSPanel, NSBoxDate, NSSection, NSBoxFile, NSLayout, NSBoxCombo, NSButton, NSFilterBox, NSBoxString, NSBoxTime, NSBoxDateTime, NSCopy, NSCopyBox, NSBoxPassword } from './main';
|
|
14
14
|
import { NSRow } from './components/NSRow';
|
|
15
15
|
import { useState } from 'react';
|
|
16
16
|
import { FilterItemColumnType } from 'namirasoft-core';
|
|
@@ -19,7 +19,7 @@ export function App() {
|
|
|
19
19
|
return (_jsx(_Fragment, { children: _jsx(NSLayout, { header: {
|
|
20
20
|
icons: [],
|
|
21
21
|
title: "",
|
|
22
|
-
}, isLoggedIn: () => true, logo: 'https://
|
|
22
|
+
}, isLoggedIn: () => true, logo: 'https://static.namirasoft.com/image/namirasoft/access/logo/base.png', background: { image: "https://static.namirasoft.com/image/namirasoft/access/background/base.svg" }, notifications: [], notifier: {}, scope: '', alerts: [
|
|
23
23
|
{
|
|
24
24
|
isVisible: () => true,
|
|
25
25
|
title: { title: "Verify your email", description: "Please login to your profile and fill out your email address to continue. This does not take more than 2 minutes to finish." },
|
|
@@ -54,7 +54,7 @@ export function App() {
|
|
|
54
54
|
for (let i = 0; i < state; i++)
|
|
55
55
|
ans.push({ title: i.toString(), value: i.toString() });
|
|
56
56
|
return ans;
|
|
57
|
-
}, multiple: false, required: true, title: 's' }), _jsx(NSButton, { onClick: () => {
|
|
57
|
+
}, multiple: false, required: true, title: 's' }), _jsx(NSBoxPassword, { required: true, title: 'Pass' }), _jsx(NSButton, { onClick: () => {
|
|
58
58
|
setState(state + 1);
|
|
59
59
|
}, title: 'Increase' }), _jsx(NSBoxString, { title: 'NSBoxString', required: true }), _jsxs(NSRow, { children: [_jsx(NSBoxDate, { title: 'Date', required: true }), _jsx(NSBoxTime, { title: 'Time', required: true }), _jsx(NSBoxDateTime, { title: 'DateTime', required: true })] }), _jsx(NSRow, { children: _jsx(NSBoxFile, { title: 'File', required: true, style: { width: "100%" } }) })] }) }) }) }));
|
|
60
60
|
}
|
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,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,EAAE,SAAS,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,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AACxL,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAEvD,MAAM,UAAU,GAAG;IAElB,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IACpC,OAAO,CACN,4BACC,KAAC,QAAQ,IACR,MAAM,EAAE;gBACP,KAAK,EAAE,EAAE;gBACT,KAAK,EAAE,EAAE;aACT,EACD,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,EACtB,IAAI,EAAC,qEAAqE,EAC1E,UAAU,EAAE,EAAE,KAAK,EAAE,2EAA2E,EAAE,EAClG,aAAa,EAAE,EAAE,EACjB,QAAQ,EAAE,EAAS,EACnB,KAAK,EAAC,EAAE,EACR,MAAM,EAAE;gBACP;oBACC,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI;oBACrB,KAAK,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,WAAW,EAAE,6HAA6H,EAAE;iBACjL;gBACD;oBACC,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI;oBACrB,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,8BAA8B,EAAE;iBACvE;aACD,EACD,KAAK,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,WAAW,EAAE,iBAAiB,EAAE,EACtE,MAAM,EAAE;gBACP,KAAK,EAAE,EAAE;gBACT,WAAW,EAAE,EAAE;gBACf,KAAK,EACL;oBACC,GAAG,EAAE,EAAE;oBACP,GAAG,EAAE,EAAE;iBACP;aACD,YAED,KAAC,SAAS,cACT,MAAC,OAAO,eACP,KAAC,MAAM,yBAGE,EACT,KAAC,SAAS,IACT,KAAK,EAAC,WAAW,EACjB,KAAK,EAAC,WAAW,GAChB,EACF,KAAC,WAAW,IACX,OAAO,EAAE,GAAS,EAAE;gCAEnB,OAAO,CAAC,sBAAsB,EAAE,sBAAsB,CAAC,CAAA;4BACxD,CAAC,CAAA,EACD,aAAa,EAAE,GAAS,EAAE,gDAAC,OAAA,EAAE,CAAA,GAAA,EAC7B,SAAS,EAAE,GAAG,EAAE;gCAEf,OAAO,CAAC;wCACP,KAAK,EAAE;4CACN,IAAI,EAAE,SAAS;4CACf,IAAI,EAAE,SAAS;4CACf,OAAO,EAAE,CAAC;oDACT,IAAI,EAAE,IAAI;oDACV,IAAI,EAAE,IAAI;oDACV,IAAI,EAAE,oBAAoB,CAAC,MAAM;iDACjC,CAAC;yCAEF,EAAE,QAAQ,EAAE,IAAI;qCACjB,CAAC,CAAA;4BACH,CAAC,GACa,EACf,KAAC,UAAU,IACV,UAAU,EAAE,GAAG,EAAE;gCAEhB,IAAI,GAAG,GAAG,EAAE,CAAC;gCACb,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE;oCAC7B,GAAG,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAA;gCACvD,OAAO,GAAG,CAAC;4BACZ,CAAC,EACD,QAAQ,EAAE,KAAK,EACf,QAAQ,QACR,KAAK,EAAC,GAAG,GACI,EACd,KAAC,aAAa,IACb,QAAQ,QACR,KAAK,EAAC,MAAM,GACI,EACjB,KAAC,QAAQ,IACR,OAAO,EAAE,GAAG,EAAE;gCAEb,QAAQ,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;4BACrB,CAAC,EACD,KAAK,EAAC,UAAU,GACL,EACZ,KAAC,WAAW,IACX,KAAK,EAAC,aAAa,EACnB,QAAQ,SACP,EACF,MAAC,KAAK,eACL,KAAC,SAAS,IACT,KAAK,EAAC,MAAM,EACZ,QAAQ,SACP,EACF,KAAC,SAAS,IACT,KAAK,EAAC,MAAM,EACZ,QAAQ,SACP,EACF,KAAC,aAAa,IACb,KAAK,EAAC,UAAU,EAChB,QAAQ,SACP,IACK,EACR,KAAC,KAAK,cACL,KAAC,SAAS,IACT,KAAK,EAAC,MAAM,EACZ,QAAQ,QACR,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GACvB,GACK,IACC,GACC,GACD,GACV,CACH,CAAC;AACH,CAAC"}
|
|
@@ -10,6 +10,7 @@ export interface NSBoxPasswordState {
|
|
|
10
10
|
show: boolean;
|
|
11
11
|
}
|
|
12
12
|
export declare class NSBoxPassword extends React.Component<NSBoxPasswordProps, NSBoxPasswordState> {
|
|
13
|
+
private service;
|
|
13
14
|
NSBoxBaseLayout_Main: React.RefObject<NSBoxBaseLayout>;
|
|
14
15
|
constructor(props: NSBoxPasswordProps);
|
|
15
16
|
getError(): string | null;
|
|
@@ -5,11 +5,12 @@ import StylesNSBox from "./NSBox.module.css";
|
|
|
5
5
|
import { Validator } from "../Validator";
|
|
6
6
|
import { safeMenuMenuItem } from "./NSMenuButton";
|
|
7
7
|
import { NSBoxBaseLayout } from "./NSBoxBaseLayout";
|
|
8
|
-
import { NamingConvention } from "namirasoft-core";
|
|
8
|
+
import { NamingConvention, SetTimeouService } from "namirasoft-core";
|
|
9
9
|
export class NSBoxPassword extends React.Component {
|
|
10
10
|
constructor(props) {
|
|
11
11
|
var _a;
|
|
12
12
|
super(props);
|
|
13
|
+
this.service = new SetTimeouService();
|
|
13
14
|
this.NSBoxBaseLayout_Main = createRef();
|
|
14
15
|
this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : "", show: false };
|
|
15
16
|
this.getError = this.getError.bind(this);
|
|
@@ -42,7 +43,12 @@ export class NSBoxPassword extends React.Component {
|
|
|
42
43
|
title: this.state.show ? "Hide Password" : "Show Password",
|
|
43
44
|
icon: this.state.show ? "https://static.namirasoft.com/image/concept/password/hide.png" : "https://static.namirasoft.com/image/concept/password/show.png",
|
|
44
45
|
onClick: () => {
|
|
45
|
-
|
|
46
|
+
let show = !this.state.show;
|
|
47
|
+
this.setState({ show });
|
|
48
|
+
if (show)
|
|
49
|
+
this.service.setTimeoutIfNotCalledAgain(() => {
|
|
50
|
+
this.setState({ show: false });
|
|
51
|
+
}, 10000);
|
|
46
52
|
}
|
|
47
53
|
});
|
|
48
54
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSBoxPassword.js","sourceRoot":"","sources":["../../src/components/NSBoxPassword.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,WAAW,MAAM,oBAAoB,CAAC;AAI7C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAyB,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"NSBoxPassword.js","sourceRoot":"","sources":["../../src/components/NSBoxPassword.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,WAAW,MAAM,oBAAoB,CAAC;AAI7C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAyB,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAWrE,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,SAAiD;IAIzF,YAAY,KAAyB;;QAEpC,KAAK,CAAC,KAAK,CAAC,CAAC;QAJN,YAAO,GAAqB,IAAI,gBAAgB,EAAE,CAAC;QAC3D,yBAAoB,GAAG,SAAS,EAAmB,CAAC;QAInD,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,MAAA,KAAK,CAAC,YAAY,mCAAI,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;QAC9D,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,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC5C,CAAC;IACD,QAAQ;QAEP,OAAO,CACN,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC;YAClE,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CACxE,CAAC;IACH,CAAC;IACD,QAAQ,CAAC,aAAsB,IAAI;QAElC,OAAO,eAAe,CAAC,aAAa,CAAC,IAAI,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAChF,CAAC;IACD,QAAQ,CAAC,KAAa,EAAE,QAAqB;QAE5C,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE;YAE7B,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS;gBACvB,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;iBACjC,IAAI,QAAQ;gBAChB,QAAQ,EAAE,CAAC;QACb,CAAC,CAAC,CAAC;IACJ,CAAC;IACO,SAAS,CAAC,CAAsC;QAEvD,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC;IACQ,MAAM;;QAEd,IAAI,IAAI,GAAG,gBAAgB,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE;YAEjD,KAAK,CAAC,IAAI,CAAC;gBACV,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe;gBAC1D,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,+DAA+D,CAAC,CAAC,CAAC,+DAA+D;gBACzJ,OAAO,EAAE,GAAG,EAAE;oBAEb,IAAI,IAAI,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;oBAC5B,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;oBACxB,IAAI,IAAI;wBACP,IAAI,CAAC,OAAO,CAAC,0BAA0B,CAAC,GAAG,EAAE;4BAE5C,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;wBAChC,CAAC,EAAE,KAAK,CAAC,CAAC;gBACZ,CAAC;aACD,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,OAAO,CAAC,IAAI,GAAG,KAAK,CAAC;QAC1B,IAAI,CAAC,OAAO,CAAC,UAAU,GAAG,KAAK,CAAC;QAEhC,OAAO,CACN,KAAC,eAAe,kBACf,GAAG,EAAE,IAAI,CAAC,oBAAoB,IAC1B,IAAI,CAAC,KAAK,IACd,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAChC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAE,IAAI,YAEV,gBACC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EACjB,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EACrB,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EAC3C,SAAS,EAAE,WAAW,CAAC,YAAY,EACnC,WAAW,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,WAAW,mCAAI,gBAAgB,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,EAAE,EAC3I,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,SAAS,EACxB,OAAO,EAAE,GAAG,EAAE,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS;oBAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EACxE,KAAK,EAAE;oBACN,UAAU,EAAE,8GAA8G;oBAC1H,cAAc,EAAE,MAAM;iBACtB,GACA,IACe,CAClB,CAAC;IACH,CAAC;CACD"}
|
|
@@ -9,7 +9,7 @@ import { NSBarTitle } from './NSBarTitle';
|
|
|
9
9
|
import { NSBarAlert } from './NSBarAlert';
|
|
10
10
|
import { NSSpace, NSSpaceSizeType } from './NSSpace';
|
|
11
11
|
export function NSLayout(props) {
|
|
12
|
-
var _a, _b, _c, _d, _e, _f, _g;
|
|
12
|
+
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
13
13
|
let alerts = (_a = props.alerts) !== null && _a !== void 0 ? _a : [];
|
|
14
14
|
alerts = alerts.filter((a) => a.isVisible());
|
|
15
15
|
return (_jsxs("div", { id: props.id, className: `${Styles.ns_container} ${(_b = props.classList) === null || _b === void 0 ? void 0 : _b.join(" ")}`, style: {
|
|
@@ -18,9 +18,9 @@ export function NSLayout(props) {
|
|
|
18
18
|
display: "flex",
|
|
19
19
|
flexDirection: "column",
|
|
20
20
|
justifyContent: "center",
|
|
21
|
-
|
|
22
|
-
backgroundSize: (
|
|
23
|
-
backgroundAttachment: (
|
|
21
|
+
background: ((_c = props.background) === null || _c === void 0 ? void 0 : _c.image) ? `url(${(_d = props.background) === null || _d === void 0 ? void 0 : _d.image})` : "",
|
|
22
|
+
backgroundSize: (_f = (_e = props.background) === null || _e === void 0 ? void 0 : _e.size) !== null && _f !== void 0 ? _f : "cover",
|
|
23
|
+
backgroundAttachment: (_h = (_g = props.background) === null || _g === void 0 ? void 0 : _g.attachment) !== null && _h !== void 0 ? _h : "fixed"
|
|
24
24
|
}, children: [_jsx(NSHeader, { scope: props.scope, name: "Header", logo: props.logo, header: props.header, isLoggedIn: props.isLoggedIn, notifier: props.notifier }), props.notifications.length !== 0 &&
|
|
25
25
|
_jsx(_Fragment, { children: props.notifications.map((notification, index) => _jsx(Fragment, { children: _jsx(NSBarNotification, Object.assign({}, notification)) }, `NSLayout_fragment_key_${index}`)) }), alerts.length !== 0 && alerts.map((alert, index) => _jsx(NSBarAlert, Object.assign({}, alert), `NSLayout_NSBarAlert_key_${index}`)), isValidAction(props.action) && _jsx(NSBarAction, Object.assign({}, props.action)), props.title &&
|
|
26
26
|
_jsxs(_Fragment, { children: [_jsx(NSSpace, { size: NSSpaceSizeType.MINI }), _jsx(NSBarTitle, Object.assign({}, props.title))] }), _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, isLoggedIn: props.isLoggedIn })] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSLayout.js","sourceRoot":"","sources":["../../src/components/NSLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAa,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,iBAAiB,EAA0B,MAAM,qBAAqB,CAAC;AAEhF,OAAO,EAAoB,WAAW,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC7E,OAAO,EAAmB,UAAU,EAAE,MAAM,cAAc,CAAC;AAE3D,OAAO,EAAmB,UAAU,EAAE,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAoBrD,MAAM,UAAU,QAAQ,CAAC,KAAoB;;IAE5C,IAAI,MAAM,GAAG,MAAA,KAAK,CAAC,MAAM,mCAAI,EAAE,CAAC;IAChC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC;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,
|
|
1
|
+
{"version":3,"file":"NSLayout.js","sourceRoot":"","sources":["../../src/components/NSLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAa,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,iBAAiB,EAA0B,MAAM,qBAAqB,CAAC;AAEhF,OAAO,EAAoB,WAAW,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC7E,OAAO,EAAmB,UAAU,EAAE,MAAM,cAAc,CAAC;AAE3D,OAAO,EAAmB,UAAU,EAAE,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAoBrD,MAAM,UAAU,QAAQ,CAAC,KAAoB;;IAE5C,IAAI,MAAM,GAAG,MAAA,KAAK,CAAC,MAAM,mCAAI,EAAE,CAAC;IAChC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC;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,CAAA,MAAA,KAAK,CAAC,UAAU,0CAAE,KAAK,EAAC,CAAC,CAAC,OAAO,MAAA,KAAK,CAAC,UAAU,0CAAE,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE;YAC5E,cAAc,EAAE,MAAA,MAAA,KAAK,CAAC,UAAU,0CAAE,IAAI,mCAAI,OAAO;YACjD,oBAAoB,EAAE,MAAA,MAAA,KAAK,CAAC,UAAU,0CAAE,UAAU,mCAAI,OAAO;SAC7D,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,EACpB,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,QAAQ,EAAE,KAAK,CAAC,QAAQ,GACvB,EAED,KAAK,CAAC,aAAa,CAAC,MAAM,KAAK,CAAC;gBAChC,4BAEE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE,CAC/C,KAAC,QAAQ,cACR,KAAC,iBAAiB,oBAAK,YAAY,EAAI,IADzB,yBAAyB,KAAK,EAAE,CAEpC,CACX,GAEA,EAGH,MAAM,CAAC,MAAM,KAAK,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,KAAC,UAAU,oBAA8C,KAAK,GAA7C,2BAA2B,KAAK,EAAE,CAAe,CAAC,EAGvH,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,KAAC,WAAW,oBAAK,KAAK,CAAC,MAAM,EAAI,EAGhE,KAAK,CAAC,KAAK;gBACX,8BACC,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,IAAI,GACxB,EACX,KAAC,UAAU,oBAAK,KAAK,CAAC,KAAK,EAAiB,IAC1C,EAEJ,eAAM,SAAS,EAAE,iCAAiC,MAAM,CAAC,cAAc,EAAE,YACvE,KAAK,CAAC,QAAQ,GACT,EACP,KAAC,QAAQ,IACR,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,UAAU,EAAE,KAAK,CAAC,UAAU,GAC3B,IACI,CACP,CAAC;AACH,CAAC"}
|
package/package.json
CHANGED
package/src/App.tsx
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './App.css';
|
|
2
2
|
import 'bootstrap/dist/css/bootstrap.min.css';
|
|
3
|
-
import { NSPanel, NSBoxDate, NSSection, NSBoxFile, NSLayout, NSBoxCombo, NSButton, NSFilterBox, NSBoxString, NSBoxTime, NSBoxDateTime, NSCopy, NSCopyBox } from './main';
|
|
3
|
+
import { NSPanel, NSBoxDate, NSSection, NSBoxFile, NSLayout, NSBoxCombo, NSButton, NSFilterBox, NSBoxString, NSBoxTime, NSBoxDateTime, NSCopy, NSCopyBox, NSBoxPassword } from './main';
|
|
4
4
|
import { NSRow } from './components/NSRow';
|
|
5
5
|
import { useState } from 'react';
|
|
6
6
|
import { FilterItemColumnType } from 'namirasoft-core';
|
|
@@ -16,7 +16,8 @@ export function App()
|
|
|
16
16
|
title: "",
|
|
17
17
|
}}
|
|
18
18
|
isLoggedIn={() => true}
|
|
19
|
-
logo='https://
|
|
19
|
+
logo='https://static.namirasoft.com/image/namirasoft/access/logo/base.png'
|
|
20
|
+
background={{ image: "https://static.namirasoft.com/image/namirasoft/access/background/base.svg" }}
|
|
20
21
|
notifications={[]}
|
|
21
22
|
notifier={{} as any}
|
|
22
23
|
scope=''
|
|
@@ -85,6 +86,10 @@ export function App()
|
|
|
85
86
|
required
|
|
86
87
|
title='s'
|
|
87
88
|
></NSBoxCombo>
|
|
89
|
+
<NSBoxPassword
|
|
90
|
+
required
|
|
91
|
+
title='Pass'
|
|
92
|
+
></NSBoxPassword>
|
|
88
93
|
<NSButton
|
|
89
94
|
onClick={() =>
|
|
90
95
|
{
|
|
@@ -8,7 +8,7 @@ import { IValidationStringProps } from "../props/IValidationStringProps";
|
|
|
8
8
|
import { Validator } from "../Validator";
|
|
9
9
|
import { safeMenuMenuItem } from "./NSMenuButton";
|
|
10
10
|
import { INSBoxBaseLayoutProps, NSBoxBaseLayout } from "./NSBoxBaseLayout";
|
|
11
|
-
import { NamingConvention } from "namirasoft-core";
|
|
11
|
+
import { NamingConvention, SetTimeouService } from "namirasoft-core";
|
|
12
12
|
|
|
13
13
|
export interface NSBoxPasswordProps extends IBaseComponentProps, IValidationProps, IValidationStringProps, INSBoxBaseLayoutProps<string, NSBoxPassword>
|
|
14
14
|
{ }
|
|
@@ -21,6 +21,7 @@ export interface NSBoxPasswordState
|
|
|
21
21
|
|
|
22
22
|
export class NSBoxPassword extends React.Component<NSBoxPasswordProps, NSBoxPasswordState>
|
|
23
23
|
{
|
|
24
|
+
private service: SetTimeouService = new SetTimeouService();
|
|
24
25
|
NSBoxBaseLayout_Main = createRef<NSBoxBaseLayout>();
|
|
25
26
|
constructor(props: NSBoxPasswordProps)
|
|
26
27
|
{
|
|
@@ -65,7 +66,13 @@ export class NSBoxPassword extends React.Component<NSBoxPasswordProps, NSBoxPass
|
|
|
65
66
|
icon: this.state.show ? "https://static.namirasoft.com/image/concept/password/hide.png" : "https://static.namirasoft.com/image/concept/password/show.png",
|
|
66
67
|
onClick: () =>
|
|
67
68
|
{
|
|
68
|
-
|
|
69
|
+
let show = !this.state.show;
|
|
70
|
+
this.setState({ show });
|
|
71
|
+
if (show)
|
|
72
|
+
this.service.setTimeoutIfNotCalledAgain(() =>
|
|
73
|
+
{
|
|
74
|
+
this.setState({ show: false });
|
|
75
|
+
}, 10000);
|
|
69
76
|
}
|
|
70
77
|
});
|
|
71
78
|
});
|
|
@@ -43,7 +43,7 @@ export function NSLayout(props: NSLayoutProps)
|
|
|
43
43
|
display: "flex",
|
|
44
44
|
flexDirection: "column",
|
|
45
45
|
justifyContent: "center",
|
|
46
|
-
|
|
46
|
+
background: props.background?.image ? `url(${props.background?.image})` : "",
|
|
47
47
|
backgroundSize: props.background?.size ?? "cover",
|
|
48
48
|
backgroundAttachment: props.background?.attachment ?? "fixed"
|
|
49
49
|
}}>
|