namirasoft-site-react 1.4.40 → 1.4.42
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 +7 -1
- package/dist/App.js.map +1 -1
- package/dist/components/NSBoxBooleans.d.ts +19 -3
- package/dist/components/NSBoxBooleans.js +88 -5
- package/dist/components/NSBoxBooleans.js.map +1 -1
- package/dist/components/NSBoxEntity.module.css +0 -4
- package/dist/main.d.ts +1 -0
- package/dist/main.js +1 -0
- package/dist/main.js.map +1 -1
- package/package.json +1 -1
- package/src/App.tsx +20 -1
- package/src/components/NSBoxBooleans.tsx +145 -15
- package/src/components/NSBoxEntity.module.css +0 -4
- package/src/main.ts +1 -0
package/dist/App.js
CHANGED
|
@@ -11,7 +11,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
|
|
|
11
11
|
import './App.css';
|
|
12
12
|
import 'bootstrap/dist/css/bootstrap.min.css';
|
|
13
13
|
import { NSTable } from './components/NSTable';
|
|
14
|
-
import { NSBarAlert, NSBoxBoolean, NSBoxDate, NSBoxEnum, NSBoxInteger, NSBoxPhone, NSButtonBlue, NSNotFoundPage } from './main';
|
|
14
|
+
import { NSBarAlert, NSBoxBoolean, NSBoxBooleans, NSBoxDate, NSBoxEnum, NSBoxInteger, NSBoxPhone, NSButtonBlue, NSNotFoundPage } from './main';
|
|
15
15
|
import { useState } from 'react';
|
|
16
16
|
const fakeFormatter = {
|
|
17
17
|
format: (value) => { return value; }
|
|
@@ -180,6 +180,12 @@ export function App() {
|
|
|
180
180
|
} }), _jsx(NSBarAlert, { isVisible: () => true, onContinue: () => window.open("/"), title: {
|
|
181
181
|
title: "Verify Your Email",
|
|
182
182
|
description: "Lorem ipsum dolor sit amet consectetur. In ipsum gravida libero vitae tempor.Ipsum"
|
|
183
|
+
} }), _jsx(NSBoxBoolean, { required: false, title: 'test', checked: true }), _jsx(NSBoxBooleans, { items: [
|
|
184
|
+
{ value: "test1", text: "test1" },
|
|
185
|
+
{ value: "test2", text: "test2" },
|
|
186
|
+
{ value: "test3", text: "test3" },
|
|
187
|
+
], onChanged: (box) => {
|
|
188
|
+
console.log(box.getValues());
|
|
183
189
|
} })] }));
|
|
184
190
|
}
|
|
185
191
|
//# 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,OAAO,EAAgD,MAAM,sBAAsB,CAAC;AAC7F,OAAO,EAAuB,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,25 @@
|
|
|
1
|
+
import React from "react";
|
|
1
2
|
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
2
|
-
interface NSBoxBooleansProps extends IBaseComponentProps {
|
|
3
|
+
export interface NSBoxBooleansProps extends IBaseComponentProps {
|
|
3
4
|
items: {
|
|
4
5
|
value: string;
|
|
5
6
|
text: string;
|
|
6
7
|
}[];
|
|
8
|
+
reverse?: boolean;
|
|
9
|
+
onChanged?: (e: NSBoxBooleans) => void;
|
|
10
|
+
}
|
|
11
|
+
export interface NSboxBooleansState {
|
|
12
|
+
values: string[];
|
|
13
|
+
}
|
|
14
|
+
export declare class NSBoxBooleans extends React.Component<NSBoxBooleansProps, NSboxBooleansState> {
|
|
15
|
+
lastValues: string | null;
|
|
16
|
+
constructor(props: NSBoxBooleansProps);
|
|
17
|
+
private getMarkAllValue;
|
|
18
|
+
private onMarkAllChecked;
|
|
19
|
+
private onItemChecked;
|
|
20
|
+
private reverse;
|
|
21
|
+
private onChanged;
|
|
22
|
+
getValues(): string[];
|
|
23
|
+
setValues(values: string[]): void;
|
|
24
|
+
render(): import("react/jsx-runtime").JSX.Element;
|
|
7
25
|
}
|
|
8
|
-
export declare function NSBoxBooleans(props: NSBoxBooleansProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
export {};
|
|
@@ -1,8 +1,91 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import React from "react";
|
|
2
3
|
import { NSBoxBoolean } from "./NSBoxBoolean";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
4
|
+
export class NSBoxBooleans extends React.Component {
|
|
5
|
+
constructor(props) {
|
|
6
|
+
super(props);
|
|
7
|
+
this.lastValues = null;
|
|
8
|
+
this.state = {
|
|
9
|
+
values: []
|
|
10
|
+
};
|
|
11
|
+
this.getMarkAllValue = this.getMarkAllValue.bind(this);
|
|
12
|
+
this.onMarkAllChecked = this.onMarkAllChecked.bind(this);
|
|
13
|
+
this.onItemChecked = this.onItemChecked.bind(this);
|
|
14
|
+
this.getValues = this.getValues.bind(this);
|
|
15
|
+
this.setValues = this.setValues.bind(this);
|
|
16
|
+
this.reverse = this.reverse.bind(this);
|
|
17
|
+
this.onChanged = this.onChanged.bind(this);
|
|
18
|
+
}
|
|
19
|
+
getMarkAllValue() {
|
|
20
|
+
if (this.props.items.length === this.state.values.length)
|
|
21
|
+
return true;
|
|
22
|
+
if (this.state.values.length === 0)
|
|
23
|
+
return false;
|
|
24
|
+
return null;
|
|
25
|
+
}
|
|
26
|
+
onMarkAllChecked(e) {
|
|
27
|
+
let current_value = e.getValueOrNull();
|
|
28
|
+
if (current_value != null) {
|
|
29
|
+
let tobe_value = this.getMarkAllValue();
|
|
30
|
+
if (current_value !== tobe_value)
|
|
31
|
+
if (current_value) {
|
|
32
|
+
let values = this.state.values;
|
|
33
|
+
if (this.state.values.length !== this.props.items.length) {
|
|
34
|
+
values = this.props.items.map(item => item.value);
|
|
35
|
+
this.setState({ values }, () => {
|
|
36
|
+
this.onChanged();
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
else {
|
|
41
|
+
if (this.state.values.length !== 0)
|
|
42
|
+
this.setState({ values: [] }, () => {
|
|
43
|
+
this.onChanged();
|
|
44
|
+
});
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
onItemChecked(e) {
|
|
49
|
+
var _a;
|
|
50
|
+
let value = (_a = e.props.id) !== null && _a !== void 0 ? _a : "";
|
|
51
|
+
let values = this.state.values;
|
|
52
|
+
let checked = e.getValue(false);
|
|
53
|
+
if (checked) {
|
|
54
|
+
if (!values.includes(value))
|
|
55
|
+
values.push(value);
|
|
56
|
+
}
|
|
57
|
+
else
|
|
58
|
+
values = values.filter(item => item !== value);
|
|
59
|
+
this.setState({ values }, () => {
|
|
60
|
+
this.onChanged();
|
|
61
|
+
});
|
|
62
|
+
}
|
|
63
|
+
reverse(values) {
|
|
64
|
+
let all = this.props.items.map(item => item.value);
|
|
65
|
+
return all.filter(item => !values.includes(item));
|
|
66
|
+
}
|
|
67
|
+
onChanged() {
|
|
68
|
+
let values = this.getValues().join(";");
|
|
69
|
+
if (this.lastValues !== values) {
|
|
70
|
+
this.lastValues = values;
|
|
71
|
+
if (this.props.onChanged)
|
|
72
|
+
this.props.onChanged(this);
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
getValues() {
|
|
76
|
+
if (this.props.reverse)
|
|
77
|
+
return this.reverse(this.state.values);
|
|
78
|
+
return this.state.values;
|
|
79
|
+
}
|
|
80
|
+
setValues(values) {
|
|
81
|
+
if (this.props.reverse)
|
|
82
|
+
values = this.reverse(values);
|
|
83
|
+
this.setState({ values }, () => {
|
|
84
|
+
this.onChanged();
|
|
85
|
+
});
|
|
86
|
+
}
|
|
87
|
+
render() {
|
|
88
|
+
return (_jsxs(_Fragment, { children: [_jsx(NSBoxBoolean, { title: "All", required: false, indeterminate: true, checked: this.getMarkAllValue(), style: { maxWidth: "100%", width: "100%" }, onChanged: this.onMarkAllChecked }), this.props.items.map((e, index) => _jsx(NSBoxBoolean, { id: e.value, title: e.text, required: false, checked: this.state.values.includes(e.value), style: { width: "272px" }, onChanged: this.onItemChecked }, index))] }));
|
|
89
|
+
}
|
|
7
90
|
}
|
|
8
91
|
//# sourceMappingURL=NSBoxBooleans.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSBoxBooleans.js","sourceRoot":"","sources":["../../src/components/NSBoxBooleans.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"NSBoxBooleans.js","sourceRoot":"","sources":["../../src/components/NSBoxBooleans.tsx"],"names":[],"mappings":"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"}
|
package/dist/main.d.ts
CHANGED
|
@@ -6,6 +6,7 @@ export * from "./components/NSBarHeroBanner";
|
|
|
6
6
|
export * from "./components/NSBarNotification";
|
|
7
7
|
export * from "./components/NSBarTitle";
|
|
8
8
|
export * from "./components/NSBoxBoolean";
|
|
9
|
+
export * from "./components/NSBoxBooleans";
|
|
9
10
|
export * from "./components/NSBoxCombo";
|
|
10
11
|
export * from "./components/NSBoxCopy";
|
|
11
12
|
export * from "./components/NSBoxDate";
|
package/dist/main.js
CHANGED
|
@@ -6,6 +6,7 @@ export * from "./components/NSBarHeroBanner";
|
|
|
6
6
|
export * from "./components/NSBarNotification";
|
|
7
7
|
export * from "./components/NSBarTitle";
|
|
8
8
|
export * from "./components/NSBoxBoolean";
|
|
9
|
+
export * from "./components/NSBoxBooleans";
|
|
9
10
|
export * from "./components/NSBoxCombo";
|
|
10
11
|
export * from "./components/NSBoxCopy";
|
|
11
12
|
export * from "./components/NSBoxDate";
|
package/dist/main.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"main.js","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iCAAiC,CAAC;AAChD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,0BAA0B,CAAC;AACzC,cAAc,qCAAqC,CAAC;AACpD,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,mCAAmC,CAAC;AAClD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,sBAAsB,CAAC;AACrC,cAAc,iCAAiC,CAAC;AAChD,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iCAAiC,CAAC;AAChD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,yBAAyB,CAAC;AACxC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,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;AACxC,cAAc,oBAAoB,CAAC"}
|
|
1
|
+
{"version":3,"file":"main.js","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
package/src/App.tsx
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import './App.css';
|
|
2
2
|
import 'bootstrap/dist/css/bootstrap.min.css';
|
|
3
3
|
import { NSTable, INSTableProps, TableColumnInfo, TableRowInfo } from './components/NSTable';
|
|
4
|
-
import { BaseColumnFormatter, NSBarAlert, NSBoxBoolean, NSBoxDate, NSBoxEnum, NSBoxInteger, NSBoxPhone, NSButtonBlue, NSNotFoundPage } from './main';
|
|
4
|
+
import { BaseColumnFormatter, NSBarAlert, NSBoxBoolean, NSBoxBooleans, NSBoxDate, NSBoxEnum, NSBoxInteger, NSBoxPhone, NSButtonBlue, NSNotFoundPage } from './main';
|
|
5
5
|
import { useState } from 'react';
|
|
6
6
|
|
|
7
7
|
export interface INSBarActionState
|
|
@@ -248,6 +248,25 @@ export function App()
|
|
|
248
248
|
}
|
|
249
249
|
}
|
|
250
250
|
/>
|
|
251
|
+
<NSBoxBoolean
|
|
252
|
+
required={false}
|
|
253
|
+
title='test'
|
|
254
|
+
checked={true}
|
|
255
|
+
|
|
256
|
+
/>
|
|
257
|
+
|
|
258
|
+
|
|
259
|
+
<NSBoxBooleans
|
|
260
|
+
items={[
|
|
261
|
+
{ value: "test1", text: "test1" },
|
|
262
|
+
{ value: "test2", text: "test2" },
|
|
263
|
+
{ value: "test3", text: "test3" },
|
|
264
|
+
]}
|
|
265
|
+
onChanged={(box) =>
|
|
266
|
+
{
|
|
267
|
+
console.log(box.getValues());
|
|
268
|
+
}}
|
|
269
|
+
/>
|
|
251
270
|
</>
|
|
252
271
|
);
|
|
253
272
|
}
|
|
@@ -1,26 +1,156 @@
|
|
|
1
|
+
import React from "react";
|
|
1
2
|
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
2
3
|
import { NSBoxBoolean } from "./NSBoxBoolean";
|
|
3
|
-
import { NSSection } from "./NSSection";
|
|
4
4
|
|
|
5
|
-
interface NSBoxBooleansProps extends IBaseComponentProps
|
|
5
|
+
export interface NSBoxBooleansProps extends IBaseComponentProps
|
|
6
6
|
{
|
|
7
7
|
items: {
|
|
8
8
|
value: string,
|
|
9
9
|
text: string
|
|
10
10
|
}[];
|
|
11
|
+
reverse?: boolean;
|
|
12
|
+
onChanged?: (e: NSBoxBooleans) => void;
|
|
11
13
|
}
|
|
12
|
-
|
|
14
|
+
|
|
15
|
+
export interface NSboxBooleansState
|
|
16
|
+
{
|
|
17
|
+
values: string[];
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
export class NSBoxBooleans extends React.Component<NSBoxBooleansProps, NSboxBooleansState>
|
|
13
21
|
{
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
22
|
+
lastValues: string | null = null;
|
|
23
|
+
constructor(props: NSBoxBooleansProps)
|
|
24
|
+
{
|
|
25
|
+
super(props);
|
|
26
|
+
this.state = {
|
|
27
|
+
values: []
|
|
28
|
+
}
|
|
29
|
+
this.getMarkAllValue = this.getMarkAllValue.bind(this);
|
|
30
|
+
this.onMarkAllChecked = this.onMarkAllChecked.bind(this);
|
|
31
|
+
this.onItemChecked = this.onItemChecked.bind(this);
|
|
32
|
+
this.getValues = this.getValues.bind(this);
|
|
33
|
+
this.setValues = this.setValues.bind(this);
|
|
34
|
+
this.reverse = this.reverse.bind(this);
|
|
35
|
+
this.onChanged = this.onChanged.bind(this);
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
private getMarkAllValue(): boolean | null
|
|
39
|
+
{
|
|
40
|
+
if (this.props.items.length === this.state.values.length)
|
|
41
|
+
return true;
|
|
42
|
+
if (this.state.values.length === 0)
|
|
43
|
+
return false;
|
|
44
|
+
return null;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
private onMarkAllChecked(e: NSBoxBoolean): void
|
|
48
|
+
{
|
|
49
|
+
let current_value = e.getValueOrNull();
|
|
50
|
+
if (current_value != null)
|
|
51
|
+
{
|
|
52
|
+
let tobe_value = this.getMarkAllValue();
|
|
53
|
+
if (current_value !== tobe_value)
|
|
54
|
+
if (current_value)
|
|
55
|
+
{
|
|
56
|
+
let values = this.state.values;
|
|
57
|
+
if (this.state.values.length !== this.props.items.length)
|
|
58
|
+
{
|
|
59
|
+
values = this.props.items.map(item => item.value);
|
|
60
|
+
this.setState({ values }, () =>
|
|
61
|
+
{
|
|
62
|
+
this.onChanged();
|
|
63
|
+
});
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
else
|
|
67
|
+
{
|
|
68
|
+
if (this.state.values.length !== 0)
|
|
69
|
+
this.setState({ values: [] }, () =>
|
|
70
|
+
{
|
|
71
|
+
this.onChanged();
|
|
72
|
+
});
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
private onItemChecked(e: NSBoxBoolean): void
|
|
78
|
+
{
|
|
79
|
+
let value = e.props.id ?? "";
|
|
80
|
+
let values = this.state.values;
|
|
81
|
+
let checked = e.getValue(false);
|
|
82
|
+
if (checked)
|
|
83
|
+
{
|
|
84
|
+
if (!values.includes(value))
|
|
85
|
+
values.push(value);
|
|
86
|
+
}
|
|
87
|
+
else
|
|
88
|
+
values = values.filter(item => item !== value);
|
|
89
|
+
this.setState({ values }, () =>
|
|
90
|
+
{
|
|
91
|
+
this.onChanged();
|
|
92
|
+
});
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
private reverse(values: string[]): string[]
|
|
96
|
+
{
|
|
97
|
+
let all = this.props.items.map(item => item.value);
|
|
98
|
+
return all.filter(item => !values.includes(item));
|
|
99
|
+
}
|
|
100
|
+
private onChanged()
|
|
101
|
+
{
|
|
102
|
+
let values = this.getValues().join(";");
|
|
103
|
+
if (this.lastValues !== values)
|
|
104
|
+
{
|
|
105
|
+
this.lastValues = values;
|
|
106
|
+
if (this.props.onChanged)
|
|
107
|
+
this.props.onChanged(this);
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
getValues(): string[]
|
|
112
|
+
{
|
|
113
|
+
if (this.props.reverse)
|
|
114
|
+
return this.reverse(this.state.values);
|
|
115
|
+
return this.state.values;
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
setValues(values: string[]): void
|
|
119
|
+
{
|
|
120
|
+
if (this.props.reverse)
|
|
121
|
+
values = this.reverse(values);
|
|
122
|
+
this.setState({ values }, () =>
|
|
123
|
+
{
|
|
124
|
+
this.onChanged();
|
|
125
|
+
});
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
override render()
|
|
129
|
+
{
|
|
130
|
+
return (
|
|
131
|
+
<>
|
|
132
|
+
<NSBoxBoolean
|
|
133
|
+
title="All"
|
|
134
|
+
required={false}
|
|
135
|
+
indeterminate={true}
|
|
136
|
+
checked={this.getMarkAllValue()}
|
|
137
|
+
style={{ maxWidth: "100%", width: "100%" }}
|
|
138
|
+
onChanged={this.onMarkAllChecked}
|
|
139
|
+
/>
|
|
140
|
+
{
|
|
141
|
+
this.props.items.map((e, index) =>
|
|
142
|
+
<NSBoxBoolean
|
|
143
|
+
id={e.value}
|
|
144
|
+
title={e.text}
|
|
145
|
+
required={false}
|
|
146
|
+
checked={this.state.values.includes(e.value)}
|
|
147
|
+
key={index}
|
|
148
|
+
style={{ width: "272px" }}
|
|
149
|
+
onChanged={this.onItemChecked}
|
|
150
|
+
/>
|
|
151
|
+
)
|
|
152
|
+
}
|
|
153
|
+
</>
|
|
154
|
+
);
|
|
155
|
+
}
|
|
26
156
|
}
|
package/src/main.ts
CHANGED
|
@@ -6,6 +6,7 @@ export * from "./components/NSBarHeroBanner";
|
|
|
6
6
|
export * from "./components/NSBarNotification";
|
|
7
7
|
export * from "./components/NSBarTitle";
|
|
8
8
|
export * from "./components/NSBoxBoolean";
|
|
9
|
+
export * from "./components/NSBoxBooleans";
|
|
9
10
|
export * from "./components/NSBoxCombo";
|
|
10
11
|
export * from "./components/NSBoxCopy";
|
|
11
12
|
export * from "./components/NSBoxDate";
|