namirasoft-site-react 1.3.115 → 1.3.117
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 +2 -1
- package/dist/App.js.map +1 -1
- package/dist/components/NSBoxBoolean.d.ts +23 -0
- package/dist/components/NSBoxBoolean.js +41 -0
- package/dist/components/NSBoxBoolean.js.map +1 -0
- package/dist/components/NSBoxBoolean.module.css +55 -0
- package/dist/components/NSHeader.d.ts +2 -0
- package/dist/components/NSHeader.js +1 -1
- package/dist/components/NSHeader.js.map +1 -1
- package/dist/components/NSLayout.d.ts +2 -0
- package/dist/components/NSLayout.js +1 -1
- package/dist/components/NSLayout.js.map +1 -1
- package/dist/main.d.ts +3 -3
- package/dist/main.js +3 -3
- package/dist/main.js.map +1 -1
- package/package.json +2 -2
- package/src/App.tsx +8 -2
- package/src/components/NSBoxBoolean.module.css +55 -0
- package/src/components/NSBoxBoolean.tsx +89 -0
- package/src/components/NSHeader.tsx +7 -4
- package/src/components/NSLayout.tsx +3 -1
- package/src/main.ts +3 -3
package/dist/App.js
CHANGED
|
@@ -5,6 +5,7 @@ import { NSBoxIPV4, NSTable } from './main';
|
|
|
5
5
|
import { useRef } from 'react';
|
|
6
6
|
import { NSLayoutAction } from './components/NSLayoutAction';
|
|
7
7
|
import { NSBoxIPV6 } from './components/NSBoxIPV6';
|
|
8
|
+
import { NSBoxBoolean } from './components/NSBoxBoolean';
|
|
8
9
|
const actions = [
|
|
9
10
|
{
|
|
10
11
|
group: "test-1",
|
|
@@ -83,6 +84,6 @@ export function App() {
|
|
|
83
84
|
return row[column];
|
|
84
85
|
}
|
|
85
86
|
function onChange() { }
|
|
86
|
-
return (_jsx(_Fragment, { children: _jsxs(NSLayoutAction, { notifications: [], actions: actions, title: 'Test', description: 'Lorem lorem orem Lorem lorem orem Lorem lorem orem Lorem lorem orem Lorem lorem orem Lorem lorem orem ', scope: 'Namirasoft Account Console', logo: 'https://static.namirasoft.com/image/namirasoft/site/logo/base.png', children: [_jsx("div", { children: _jsx(NSTable, { ref: table, columns: columns, rows: rows, getCell: getCell, getColumnAttributes: () => { return {}; }, getRowKey: row => row.id.toString(), onChanged: onChange }) }), _jsx(NSBoxIPV6, { title: 'IPV6', required: false }), _jsx(NSBoxIPV4, { title: 'IPV4', required: false })] }) }));
|
|
87
|
+
return (_jsx(_Fragment, { children: _jsxs(NSLayoutAction, { notifications: [], actions: actions, title: 'Test', description: 'Lorem lorem orem Lorem lorem orem Lorem lorem orem Lorem lorem orem Lorem lorem orem Lorem lorem orem ', scope: 'Namirasoft Account Console', logo: 'https://static.namirasoft.com/image/namirasoft/site/logo/base.png', children: [_jsx("div", { children: _jsx(NSTable, { ref: table, columns: columns, rows: rows, getCell: getCell, getColumnAttributes: () => { return {}; }, getRowKey: row => row.id.toString(), onChanged: onChange }) }), _jsx(NSBoxIPV6, { title: 'IPV6', required: false }), _jsx(NSBoxIPV4, { title: 'IPV4', required: false }), _jsx(NSBoxBoolean, { title: 'I4', required: false, name: 'salam ' })] }) }));
|
|
87
88
|
}
|
|
88
89
|
//# 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,SAAS,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
3
|
+
import { IValidationProps } from "../props/IValidationProps";
|
|
4
|
+
import { IValidationStringProps } from "../props/IValidationStringProps";
|
|
5
|
+
export interface INSBoxBooleanProps extends IBaseComponentProps, IValidationProps, IValidationStringProps {
|
|
6
|
+
title: string;
|
|
7
|
+
defaultValue?: string;
|
|
8
|
+
onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
9
|
+
placeholder?: string;
|
|
10
|
+
name?: string;
|
|
11
|
+
}
|
|
12
|
+
export interface INSBoxBooelanState {
|
|
13
|
+
value: string;
|
|
14
|
+
error?: string;
|
|
15
|
+
}
|
|
16
|
+
export declare class NSBoxBoolean extends React.Component<INSBoxBooleanProps, INSBoxBooelanState> {
|
|
17
|
+
constructor(props: INSBoxBooleanProps);
|
|
18
|
+
getError(): string | null;
|
|
19
|
+
getValue(): string;
|
|
20
|
+
setValue(value: string): void;
|
|
21
|
+
private onChanged;
|
|
22
|
+
render(): import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
|
+
import React from "react";
|
|
4
|
+
import Styles from "./NSBoxBoolean.module.css";
|
|
5
|
+
import { Validator } from "../Validator";
|
|
6
|
+
import { NSBoxErrorNotifier } from "./NSBoxErrorNotifier";
|
|
7
|
+
export class NSBoxBoolean extends React.Component {
|
|
8
|
+
constructor(props) {
|
|
9
|
+
var _a;
|
|
10
|
+
super(props);
|
|
11
|
+
this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : "" };
|
|
12
|
+
this.getValue = this.getValue.bind(this);
|
|
13
|
+
this.setValue = this.setValue.bind(this);
|
|
14
|
+
this.onChanged = this.onChanged.bind(this);
|
|
15
|
+
}
|
|
16
|
+
getError() {
|
|
17
|
+
return (Validator.getError(this.props.title, this.state.value, this.props) &&
|
|
18
|
+
Validator.getErrorString(this.props.title, this.state.value, this.props));
|
|
19
|
+
}
|
|
20
|
+
getValue() {
|
|
21
|
+
let error = this.getError();
|
|
22
|
+
if (error) {
|
|
23
|
+
this.setState({ error });
|
|
24
|
+
throw new Error(error);
|
|
25
|
+
}
|
|
26
|
+
return this.state.value;
|
|
27
|
+
}
|
|
28
|
+
setValue(value) {
|
|
29
|
+
this.setState({ value });
|
|
30
|
+
}
|
|
31
|
+
onChanged(e) {
|
|
32
|
+
this.setValue(e.target.value);
|
|
33
|
+
if (this.props.onChanged)
|
|
34
|
+
this.props.onChanged(e);
|
|
35
|
+
}
|
|
36
|
+
render() {
|
|
37
|
+
var _a;
|
|
38
|
+
return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `${Styles.ns_input_parent} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: this.props.style, children: [_jsxs("span", { className: Styles.ns_input_title, children: [" ", this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title, " "] }), _jsxs("div", { className: Styles.ns_checkbox_parent, children: [_jsx("input", { id: this.props.id, type: "checkbox", name: this.props.name, className: Styles.ns_input, value: this.state.value, onChange: this.onChanged }), _jsx("label", { className: "ns-font-16-normal", htmlFor: this.props.id, children: this.props.name })] })] }), _jsx(NSBoxErrorNotifier, { error: this.state.error })] }));
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
//# sourceMappingURL=NSBoxBoolean.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NSBoxBoolean.js","sourceRoot":"","sources":["../../src/components/NSBoxBoolean.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
.ns_input_parent {
|
|
2
|
+
display: flex;
|
|
3
|
+
flex-direction: column;
|
|
4
|
+
width: fit-content;
|
|
5
|
+
color: #141B5C;
|
|
6
|
+
position: relative;
|
|
7
|
+
justify-content: center;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.ns_input_title {
|
|
11
|
+
font-size: 16px;
|
|
12
|
+
font-weight: 400;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.ns_checkbox_parent {
|
|
16
|
+
border-radius: 8px;
|
|
17
|
+
padding: 10px 12px 10px 12px;
|
|
18
|
+
font-size: 16px;
|
|
19
|
+
font-weight: 400;
|
|
20
|
+
border: 1px solid rgba(0, 0, 0, 1) !important;
|
|
21
|
+
background-color: #fff;
|
|
22
|
+
position: relative;
|
|
23
|
+
width: 100%;
|
|
24
|
+
display: flex;
|
|
25
|
+
flex-direction: row;
|
|
26
|
+
justify-content: flex-start;
|
|
27
|
+
align-items: center;
|
|
28
|
+
gap: 8px;
|
|
29
|
+
height: 48px;
|
|
30
|
+
width: 100%;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.ns_input {
|
|
34
|
+
width: 24px;
|
|
35
|
+
height: 24px;
|
|
36
|
+
cursor: pointer;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.ns_input:checked {
|
|
40
|
+
accent-color: #141B5C;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.ns_checkbox_parent label {
|
|
44
|
+
cursor: pointer;
|
|
45
|
+
color: #141B5C;
|
|
46
|
+
font-size: 16px;
|
|
47
|
+
font-weight: 300;
|
|
48
|
+
font-family: inherit;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
@media only screen and (min-width: 380px) {
|
|
52
|
+
.ns_checkbox_parent {
|
|
53
|
+
width: 272px;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
@@ -45,7 +45,7 @@ export class NSHeader extends React.Component {
|
|
|
45
45
|
if (!((_a = nav.style) === null || _a === void 0 ? void 0 : _a.backgroundColor))
|
|
46
46
|
nav.style.backgroundColor = "rgba(20, 27, 92, 1)";
|
|
47
47
|
return (_jsx("header", { id: this.props.id, className: `${Styles.ns_header} ${(_b = this.props.classList) === null || _b === void 0 ? void 0 : _b.join(" ")}`, style: this.props.style, children: _jsx("nav", { id: (_c = this.props.nav) === null || _c === void 0 ? void 0 : _c.id, className: `${Styles.ns_navbar} ${(_e = (_d = this.props.nav) === null || _d === void 0 ? void 0 : _d.classList) === null || _e === void 0 ? void 0 : _e.join(" ")}`, style: nav === null || nav === void 0 ? void 0 : nav.style, children: _jsxs("div", { className: `${Styles.ns_navbar_parent_content} container`, children: [_jsx("a", { href: "/", children: _jsx("img", { src: this.props.logo, alt: "Logo", width: 48, height: 48 }) }), _jsxs("div", { className: `${Styles.ns_navbar_content} `, children: [_jsx("div", { className: `${Styles.ns_navbar_elements} ${this.state.showNavbar && Styles.ns_navbar_active}`, children: this.render_menu(0, null) }), this.props.account &&
|
|
48
|
-
_jsxs("div", { className: `${Styles.ns_navbar_login_status}`, children: [_jsx("span", { className: `${Styles.ns_navbar_usersname}`, children: "name" }), _jsx("img", { src: 'https://static.namirasoft.com/image/concept/logout/white.svg', alt: "Exit", width: 24, height: 24 })] }), _jsxs("div", { className: "d-flex gap-3 align-items-center", children: [_jsx("span", { className: Styles.ns_navbar_username, children:
|
|
48
|
+
_jsxs("div", { className: `${Styles.ns_navbar_login_status}`, children: [_jsx("span", { className: `${Styles.ns_navbar_usersname}`, children: "name" }), _jsx("img", { src: 'https://static.namirasoft.com/image/concept/logout/white.svg', alt: "Exit", width: 24, height: 24 })] }), _jsxs("div", { className: "d-flex gap-3 align-items-center", children: [_jsx("span", { className: Styles.ns_navbar_username, children: this.props.user_name }), _jsx("div", { className: Styles.ns_navbar_notification, children: _jsx("span", { className: Styles.ns_navbar_notification_count, children: "1" }) }), _jsx("img", { src: Logout, alt: "Logout", width: 20, height: 20, onClick: this.props.logout })] }), _jsx("div", { className: Styles.ns_navbar_menu_icon, onClick: this.handleShowNavbar, children: _jsx("img", { src: this.state.showNavbar ?
|
|
49
49
|
"https://static.namirasoft.com/image/concept/close/white.svg"
|
|
50
50
|
: "https://static.namirasoft.com/image/concept/menu/burger-white.svg", alt: "Menu Icon", width: 24, height: 24 }) })] })] }) }) }));
|
|
51
51
|
}
|
|
@@ -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,EAAiB,MAAM,qBAAqB,CAAC;AAE7E,OAAO,MAAM,MAAM,kCAAkC,CAAC;
|
|
1
|
+
{"version":3,"file":"NSHeader.js","sourceRoot":"","sources":["../../src/components/NSHeader.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,5 +7,7 @@ export interface INSLayoutProps extends IBaseComponentProps {
|
|
|
7
7
|
background?: string;
|
|
8
8
|
notifications: INSNotificationProps[];
|
|
9
9
|
children: ReactNode;
|
|
10
|
+
user_name?: string;
|
|
11
|
+
logout?: () => void;
|
|
10
12
|
}
|
|
11
13
|
export declare function NSLayout(props: INSLayoutProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -5,6 +5,6 @@ import { NSFooter } from './NSFooter';
|
|
|
5
5
|
import { NSNotification } from './NSNotification';
|
|
6
6
|
export function NSLayout(props) {
|
|
7
7
|
var _a;
|
|
8
|
-
return (_jsxs("div", { id: props.id, className: `${Styles.ns_container} ${(_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: props.style, children: [_jsx(NSHeader, { scope: props.scope, name: "Header", logo: props.logo }), props.notifications.map(props => _jsx(NSNotification, Object.assign({}, props))), _jsx("main", { className: `d-flex flex-column text-white px-3 ${Styles.ns_layout_main}`, style: { background: props.background, backgroundAttachment: "fixed" }, children: props.children }), _jsx(NSFooter, { scope: props.scope, name: "Footer", logo: props.logo })] }));
|
|
8
|
+
return (_jsxs("div", { id: props.id, className: `${Styles.ns_container} ${(_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: props.style, children: [_jsx(NSHeader, { scope: props.scope, name: "Header", logo: props.logo, user_name: props.user_name, logout: props.logout }), props.notifications.map(props => _jsx(NSNotification, Object.assign({}, props))), _jsx("main", { className: `d-flex flex-column text-white px-3 ${Styles.ns_layout_main}`, style: { background: props.background, backgroundAttachment: "fixed" }, children: props.children }), _jsx(NSFooter, { scope: props.scope, name: "Footer", logo: props.logo })] }));
|
|
9
9
|
}
|
|
10
10
|
//# 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,KAAK,CAAC,KAAK,aAClB,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,GAAI,EACjH,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,KAAC,cAAc,oBAAK,KAAK,EAAmB,CAAC,EAC/E,eAAM,SAAS,EAAE,sCAAsC,MAAM,CAAC,cAAc,EAAE,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,EAAE,oBAAoB,EAAE,OAAO,EAAE,YACpJ,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/dist/main.d.ts
CHANGED
|
@@ -10,6 +10,9 @@ export * from "./components/NSBoxPassword";
|
|
|
10
10
|
export * from "./components/NSBoxPhone";
|
|
11
11
|
export * from "./components/NSBoxPrice";
|
|
12
12
|
export * from "./components/NSBoxString";
|
|
13
|
+
export * from "./components/NSBoxSearch";
|
|
14
|
+
export * from "./components/NSBoxText";
|
|
15
|
+
export * from "./components/NSBoxTime";
|
|
13
16
|
export * from "./components/NSButtonBlue";
|
|
14
17
|
export * from "./components/NSButtonGreen";
|
|
15
18
|
export * from "./components/NSButton";
|
|
@@ -20,9 +23,6 @@ export * from "./components/NSEntityBar";
|
|
|
20
23
|
export * from "./components/NSFooter";
|
|
21
24
|
export * from "./components/NSHeader";
|
|
22
25
|
export * from "./components/NSCopyToClipboard";
|
|
23
|
-
export * from "./components/NSBoxSearch";
|
|
24
|
-
export * from "./components/NSBoxText";
|
|
25
|
-
export * from "./components/NSBoxTime";
|
|
26
26
|
export * from "./components/NSLayout";
|
|
27
27
|
export * from "./components/NSLayoutAction";
|
|
28
28
|
export * from "./components/NSLayoutHeroBanner";
|
package/dist/main.js
CHANGED
|
@@ -10,6 +10,9 @@ export * from "./components/NSBoxPassword";
|
|
|
10
10
|
export * from "./components/NSBoxPhone";
|
|
11
11
|
export * from "./components/NSBoxPrice";
|
|
12
12
|
export * from "./components/NSBoxString";
|
|
13
|
+
export * from "./components/NSBoxSearch";
|
|
14
|
+
export * from "./components/NSBoxText";
|
|
15
|
+
export * from "./components/NSBoxTime";
|
|
13
16
|
export * from "./components/NSButtonBlue";
|
|
14
17
|
export * from "./components/NSButtonGreen";
|
|
15
18
|
export * from "./components/NSButton";
|
|
@@ -20,9 +23,6 @@ export * from "./components/NSEntityBar";
|
|
|
20
23
|
export * from "./components/NSFooter";
|
|
21
24
|
export * from "./components/NSHeader";
|
|
22
25
|
export * from "./components/NSCopyToClipboard";
|
|
23
|
-
export * from "./components/NSBoxSearch";
|
|
24
|
-
export * from "./components/NSBoxText";
|
|
25
|
-
export * from "./components/NSBoxTime";
|
|
26
26
|
export * from "./components/NSLayout";
|
|
27
27
|
export * from "./components/NSLayoutAction";
|
|
28
28
|
export * from "./components/NSLayoutHeroBanner";
|
package/dist/main.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"main.js","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,iCAAiC,CAAC;AAChD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qCAAqC,CAAC;AACpD,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,
|
|
1
|
+
{"version":3,"file":"main.js","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,iCAAiC,CAAC;AAChD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qCAAqC,CAAC;AACpD,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iCAAiC,CAAC;AAChD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0BAA0B,CAAC;AACzC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC"}
|
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.117",
|
|
12
12
|
"author": "Amir Abolhasani, Alireza Esmaeeli, Sepideh Mazloumi, Hooman Shashaeh",
|
|
13
13
|
"license": "MIT",
|
|
14
14
|
"main": "./dist/main.js",
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
"copy": "copyfiles -u 1 src/**/*.html src/**/*.css src/**/*.svg src/**/*.png src/**/*.jpg dist/"
|
|
22
22
|
},
|
|
23
23
|
"dependencies": {
|
|
24
|
-
"@types/node": "^20.12.
|
|
24
|
+
"@types/node": "^20.12.10",
|
|
25
25
|
"@types/react": "^18.3.1",
|
|
26
26
|
"@types/react-dom": "^18.3.0",
|
|
27
27
|
"antd": "^5.17.0",
|
package/src/App.tsx
CHANGED
|
@@ -4,6 +4,7 @@ import { NSBoxIPV4, NSTable } from './main';
|
|
|
4
4
|
import { useRef } from 'react';
|
|
5
5
|
import { NSLayoutAction } from './components/NSLayoutAction';
|
|
6
6
|
import { NSBoxIPV6 } from './components/NSBoxIPV6';
|
|
7
|
+
import { NSBoxBoolean } from './components/NSBoxBoolean';
|
|
7
8
|
|
|
8
9
|
const actions = [
|
|
9
10
|
{
|
|
@@ -103,7 +104,7 @@ export function App()
|
|
|
103
104
|
return (row as any)[column];
|
|
104
105
|
}
|
|
105
106
|
function onChange(): void
|
|
106
|
-
{}
|
|
107
|
+
{ }
|
|
107
108
|
|
|
108
109
|
return (
|
|
109
110
|
<>
|
|
@@ -130,12 +131,17 @@ export function App()
|
|
|
130
131
|
title='IPV6'
|
|
131
132
|
required={false}
|
|
132
133
|
/>
|
|
133
|
-
|
|
134
|
+
|
|
134
135
|
<NSBoxIPV4
|
|
135
136
|
title='IPV4'
|
|
136
137
|
required={false}
|
|
137
138
|
/>
|
|
138
139
|
|
|
140
|
+
<NSBoxBoolean
|
|
141
|
+
title='I4'
|
|
142
|
+
required={false}
|
|
143
|
+
name='salam '
|
|
144
|
+
/>
|
|
139
145
|
</NSLayoutAction>
|
|
140
146
|
</>
|
|
141
147
|
);
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
.ns_input_parent {
|
|
2
|
+
display: flex;
|
|
3
|
+
flex-direction: column;
|
|
4
|
+
width: fit-content;
|
|
5
|
+
color: #141B5C;
|
|
6
|
+
position: relative;
|
|
7
|
+
justify-content: center;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.ns_input_title {
|
|
11
|
+
font-size: 16px;
|
|
12
|
+
font-weight: 400;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.ns_checkbox_parent {
|
|
16
|
+
border-radius: 8px;
|
|
17
|
+
padding: 10px 12px 10px 12px;
|
|
18
|
+
font-size: 16px;
|
|
19
|
+
font-weight: 400;
|
|
20
|
+
border: 1px solid rgba(0, 0, 0, 1) !important;
|
|
21
|
+
background-color: #fff;
|
|
22
|
+
position: relative;
|
|
23
|
+
width: 100%;
|
|
24
|
+
display: flex;
|
|
25
|
+
flex-direction: row;
|
|
26
|
+
justify-content: flex-start;
|
|
27
|
+
align-items: center;
|
|
28
|
+
gap: 8px;
|
|
29
|
+
height: 48px;
|
|
30
|
+
width: 100%;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.ns_input {
|
|
34
|
+
width: 24px;
|
|
35
|
+
height: 24px;
|
|
36
|
+
cursor: pointer;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.ns_input:checked {
|
|
40
|
+
accent-color: #141B5C;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.ns_checkbox_parent label {
|
|
44
|
+
cursor: pointer;
|
|
45
|
+
color: #141B5C;
|
|
46
|
+
font-size: 16px;
|
|
47
|
+
font-weight: 300;
|
|
48
|
+
font-family: inherit;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
@media only screen and (min-width: 380px) {
|
|
52
|
+
.ns_checkbox_parent {
|
|
53
|
+
width: 272px;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
|
|
3
|
+
import React from "react";
|
|
4
|
+
import Styles from "./NSBoxBoolean.module.css";
|
|
5
|
+
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
6
|
+
import { IValidationProps } from "../props/IValidationProps";
|
|
7
|
+
import { IValidationStringProps } from "../props/IValidationStringProps";
|
|
8
|
+
import { Validator } from "../Validator";
|
|
9
|
+
import { NSBoxErrorNotifier } from "./NSBoxErrorNotifier";
|
|
10
|
+
|
|
11
|
+
export interface INSBoxBooleanProps extends IBaseComponentProps, IValidationProps, IValidationStringProps
|
|
12
|
+
{
|
|
13
|
+
title: string;
|
|
14
|
+
defaultValue?: string;
|
|
15
|
+
onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
16
|
+
placeholder?: string;
|
|
17
|
+
name?: string
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
export interface INSBoxBooelanState
|
|
21
|
+
{
|
|
22
|
+
value: string;
|
|
23
|
+
error?: string;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
export class NSBoxBoolean extends React.Component<INSBoxBooleanProps, INSBoxBooelanState>
|
|
27
|
+
{
|
|
28
|
+
constructor(props: INSBoxBooleanProps)
|
|
29
|
+
{
|
|
30
|
+
super(props);
|
|
31
|
+
this.state = { value: props.defaultValue ?? "" };
|
|
32
|
+
this.getValue = this.getValue.bind(this);
|
|
33
|
+
this.setValue = this.setValue.bind(this);
|
|
34
|
+
this.onChanged = this.onChanged.bind(this);
|
|
35
|
+
}
|
|
36
|
+
getError(): string | null
|
|
37
|
+
{
|
|
38
|
+
return (
|
|
39
|
+
Validator.getError(this.props.title, this.state.value, this.props) &&
|
|
40
|
+
Validator.getErrorString(this.props.title, this.state.value, this.props)
|
|
41
|
+
);
|
|
42
|
+
}
|
|
43
|
+
getValue(): string
|
|
44
|
+
{
|
|
45
|
+
let error = this.getError();
|
|
46
|
+
if (error)
|
|
47
|
+
{
|
|
48
|
+
this.setState({ error });
|
|
49
|
+
throw new Error(error);
|
|
50
|
+
}
|
|
51
|
+
return this.state.value;
|
|
52
|
+
}
|
|
53
|
+
setValue(value: string): void
|
|
54
|
+
{
|
|
55
|
+
this.setState({ value });
|
|
56
|
+
}
|
|
57
|
+
private onChanged(e: React.ChangeEvent<HTMLInputElement>): void
|
|
58
|
+
{
|
|
59
|
+
this.setValue(e.target.value);
|
|
60
|
+
if (this.props.onChanged)
|
|
61
|
+
this.props.onChanged(e);
|
|
62
|
+
}
|
|
63
|
+
override render()
|
|
64
|
+
{
|
|
65
|
+
return (
|
|
66
|
+
<>
|
|
67
|
+
<div className={`${Styles.ns_input_parent} ${this.props.classList?.join(" ")}`} style={this.props.style}>
|
|
68
|
+
<span className={Styles.ns_input_title}> {this.props.required && <span style={{ color: "red" }} >*</span>} {this.props.title} </span>
|
|
69
|
+
|
|
70
|
+
<div className={Styles.ns_checkbox_parent} >
|
|
71
|
+
<input
|
|
72
|
+
id={this.props.id}
|
|
73
|
+
type="checkbox"
|
|
74
|
+
name={this.props.name}
|
|
75
|
+
className={Styles.ns_input}
|
|
76
|
+
value={this.state.value}
|
|
77
|
+
onChange={this.onChanged}
|
|
78
|
+
/>
|
|
79
|
+
<label className="ns-font-16-normal" htmlFor={this.props.id}>
|
|
80
|
+
{this.props.name}
|
|
81
|
+
</label>
|
|
82
|
+
</div>
|
|
83
|
+
|
|
84
|
+
</div>
|
|
85
|
+
<NSBoxErrorNotifier error={this.state.error} />
|
|
86
|
+
</>
|
|
87
|
+
);
|
|
88
|
+
}
|
|
89
|
+
}
|
|
@@ -12,7 +12,9 @@ export interface INSHeaderProps extends IBaseComponentProps
|
|
|
12
12
|
name: string;
|
|
13
13
|
logo: string;
|
|
14
14
|
account?: boolean;
|
|
15
|
-
nav?: IBaseComponentProps
|
|
15
|
+
nav?: IBaseComponentProps;
|
|
16
|
+
user_name?: string;
|
|
17
|
+
logout?: () => void
|
|
16
18
|
}
|
|
17
19
|
|
|
18
20
|
export interface NSHeaderState
|
|
@@ -102,7 +104,7 @@ export class NSHeader extends React.Component<INSHeaderProps, NSHeaderState>
|
|
|
102
104
|
</div>
|
|
103
105
|
}
|
|
104
106
|
<div className="d-flex gap-3 align-items-center">
|
|
105
|
-
<span className={Styles.ns_navbar_username}>
|
|
107
|
+
<span className={Styles.ns_navbar_username}>{this.props.user_name}</span>
|
|
106
108
|
<div className={Styles.ns_navbar_notification}>
|
|
107
109
|
<span className={Styles.ns_navbar_notification_count}>1</span>
|
|
108
110
|
</div>
|
|
@@ -111,6 +113,7 @@ export class NSHeader extends React.Component<INSHeaderProps, NSHeaderState>
|
|
|
111
113
|
alt="Logout"
|
|
112
114
|
width={20}
|
|
113
115
|
height={20}
|
|
116
|
+
onClick={this.props.logout}
|
|
114
117
|
/>
|
|
115
118
|
</div>
|
|
116
119
|
<div className={Styles.ns_navbar_menu_icon} onClick={this.handleShowNavbar}>
|
|
@@ -126,9 +129,9 @@ export class NSHeader extends React.Component<INSHeaderProps, NSHeaderState>
|
|
|
126
129
|
height={24}
|
|
127
130
|
/>
|
|
128
131
|
</div>
|
|
129
|
-
|
|
132
|
+
|
|
130
133
|
</div>
|
|
131
|
-
|
|
134
|
+
|
|
132
135
|
</div>
|
|
133
136
|
</nav>
|
|
134
137
|
</header>
|
|
@@ -12,6 +12,8 @@ export interface INSLayoutProps extends IBaseComponentProps
|
|
|
12
12
|
background?: string;
|
|
13
13
|
notifications: INSNotificationProps[];
|
|
14
14
|
children: ReactNode;
|
|
15
|
+
user_name?: string;
|
|
16
|
+
logout?: () => void;
|
|
15
17
|
}
|
|
16
18
|
|
|
17
19
|
export function NSLayout(props: INSLayoutProps)
|
|
@@ -20,7 +22,7 @@ export function NSLayout(props: INSLayoutProps)
|
|
|
20
22
|
<div id={props.id}
|
|
21
23
|
className={`${Styles.ns_container} ${props.classList?.join(" ")}`}
|
|
22
24
|
style={props.style}>
|
|
23
|
-
<NSHeader scope={props.scope} name="Header" logo={props.logo} />
|
|
25
|
+
<NSHeader scope={props.scope} name="Header" logo={props.logo} user_name={props.user_name} logout={props.logout} />
|
|
24
26
|
{props.notifications.map(props => <NSNotification {...props}></NSNotification>)}
|
|
25
27
|
<main className={`d-flex flex-column text-white px-3 ${Styles.ns_layout_main}`} style={{ background: props.background, backgroundAttachment: "fixed" }}>
|
|
26
28
|
{props.children}
|
package/src/main.ts
CHANGED
|
@@ -10,6 +10,9 @@ export * from "./components/NSBoxPassword";
|
|
|
10
10
|
export * from "./components/NSBoxPhone";
|
|
11
11
|
export * from "./components/NSBoxPrice";
|
|
12
12
|
export * from "./components/NSBoxString";
|
|
13
|
+
export * from "./components/NSBoxSearch";
|
|
14
|
+
export * from "./components/NSBoxText";
|
|
15
|
+
export * from "./components/NSBoxTime";
|
|
13
16
|
export * from "./components/NSButtonBlue";
|
|
14
17
|
export * from "./components/NSButtonGreen";
|
|
15
18
|
export * from "./components/NSButton";
|
|
@@ -20,9 +23,6 @@ export * from "./components/NSEntityBar";
|
|
|
20
23
|
export * from "./components/NSFooter";
|
|
21
24
|
export * from "./components/NSHeader";
|
|
22
25
|
export * from "./components/NSCopyToClipboard";
|
|
23
|
-
export * from "./components/NSBoxSearch";
|
|
24
|
-
export * from "./components/NSBoxText";
|
|
25
|
-
export * from "./components/NSBoxTime";
|
|
26
26
|
export * from "./components/NSLayout";
|
|
27
27
|
export * from "./components/NSLayoutAction";
|
|
28
28
|
export * from "./components/NSLayoutHeroBanner";
|